/* .lang_btn{
  display: none;
} */

/* .main_header .navbar-nav > li:nth-child(6) {
  margin-right: 0px !important;
} */

p {
  margin-bottom: 0px;
}

h1 {
  font-family: "quiche-sans", sans-serif;
  font-size: 45px;
  line-height: 60px;
}

.mb-42 {
  margin-bottom: 42px;
}

.ch_text {
  font-size: 17px;
  letter-spacing: 0.17px;
  font-weight: 300;
  line-height: 29px;
}

.ch_text:not(:last-child) {
  margin-bottom: 30px;
}

.main_header {
  background-color: #fff;
  box-shadow: 0px 0px 30px #00000029;
  position: sticky;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 1040;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: flex-end;
}

.nav-link {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 1.3px;
  font-family: "quiche-sans", sans-serif;
}

.lang_btn {
  color: #fff;
  background-color: #003b49;
  width: 92px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 2.4px;
  line-height: 18px;
}

.main_header .navbar-nav > li:not(:last-child) {
  margin-right: 92px;
}

.main_header .navbar-nav a {
  position: relative;
}

a:focus,
li:focus,
a:focus-visible,
li:focus-visible,
a:hover,
li:hover {
  outline: 0 !important;
}

* {
  outline: 0 !important;
}

.main_header .navbar-nav .dropdown-toggle::after {
  display: inline-block;
  margin-left: 5px;
  vertical-align: 0px;
  border: 0;
  content: "";
  background-image: url(../images/caret_down.svg);
  background-size: auto;
  width: 9.45px;
  height: 8px;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
}

.main_header .navbar-nav .nav-link:before {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #003b49;
  transition: width 0.3s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.main_header .navbar-nav .nav-link:hover:before {
  width: 100%;
}

.main_header .navbar-nav .nav-link.active:before {
  width: 100%;
}

.main_header .navbar-nav .nav-link:hover,
.main_header .navbar-nav .nav-link.active {
  -webkit-text-fill-color: #003b49;
  -webkit-text-stroke-width: 0.75px;
  -webkit-text-stroke-color: #003b49;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-opacity: 100%;
}

.main_header .navbar-nav .dropdown-menu {
  border: 0;
  border-radius: 0;
  padding: 19px 14px;
  min-width: auto;
  opacity: 1;
}

.main_header .navbar-nav .dropdown-menu .dropdown-item {
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: "quiche-sans", sans-serif;
  white-space: pre-wrap;
  padding: 0;
}

.main_header .navbar-nav .dropdown-menu > li:not(:last-child) {
  margin-bottom: 15px;
}

.main_header .navbar-nav .dropdown-menu .dropdown-item:hover,
.main_header .navbar-nav .dropdown-menu .dropdown-item:focus,
.main_header .navbar-nav .dropdown-menu .dropdown-item:active,
.main_header .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #003b49;
  -webkit-text-fill-color: #003b49;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #003b49;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-opacity: 100%;
  background-color: transparent;
}

.main_header .navbar-nav .nav-link.lang_btn:hover,
.main_header .navbar-nav .nav-link.lang_btn.active {
  color: #fff;
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: #fff;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-opacity: 100%;
}

/*--- overview ---*/

.ch_entry_section {
  padding-top: 200px;
  padding-bottom: 210px;
}

#hero_slider .carousel-item {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: calc(100vh - 100px);
}

#hero_slider .carousel-item img {
  width: 100%;
}

.cw-728 {
  width: 730px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.cw-1092 {
  width: 1092px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.ch_vv {
  line-height: 38px;
  letter-spacing: 0.52px;
  margin-bottom: 48.3px;
  margin-top: 63.8px;
  font-size: 20px;
}

.video_wrap {
  position: relative;
  cursor: pointer;
}

.video_icon:before {
  content: "";
  background-image: url(../images/video_icon.svg);
  background-size: contain;
  width: 130px;
  height: 130px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.video_icon:after {
  content: "";
  animation: pulse-border 2000ms ease-out infinite;
  width: 130px;
  height: 130px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1.5px solid #fff;
  border-radius: 50%;
}

.icon_360:after {
  content: "";
  animation: pulse-border 2000ms ease-out infinite;
  width: 135px;
  height: 135px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1.5px solid #fff;
  border-radius: 50%;
}

.hero_banner_1 {
  background-image: url("../images/hero_banner_1.jpg");
}

.hero_banner_2 {
  background-image: url("../images/hero_banner_2.jpg");
}

.hero_banner_3 {
  background-image: url("../images/hero_banner_3.jpg");
}

#dialog-content {
  width: 100%;
}

.view_360_wrapper {
  text-align: center;
  background-color: #efece5;
  position: relative;
}

.fm_layer {
  position: absolute;
  left: 0;
  z-index: +4;
}

.fm_layer svg {
  max-width: 100%;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
    opacity: 0;
  }
}

/* .fancybox__html5video, .fancybox__iframe {
  background: #EEECE4;
} */

.acclaimed_architect {
  padding-top: 187px;
  padding-bottom: 185px;
}

.bi_group {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  font-family: "aktiv-grotesk-extended", sans-serif;
  margin-top: 0px;
  margin-bottom: 58px;
}

.ch_aa_title {
  letter-spacing: 0.9px;
  margin-bottom: 32px;
}

.ch_big {
  margin-bottom: 45.44px;
}

.imb-50 {
  margin-bottom: 50px;
}

.ch_aat_mr12 {
  margin-right: 12px;
}

.ch_aa_pi {
  position: relative;
  display: inline-block;
}

.ch_aa_pi + .ch_aa_pi {
  margin-top: 30px;
}

.ch_img_wi {
  position: relative;
  display: inline-block;
}

.img_caption {
  position: absolute;
  display: block;
  bottom: 17.25px;
  left: 24.5px;
  z-index: +1;
  font-size: 17px;
  line-height: 22px;
  font-weight: 500;
  font-family: "aktiv-grotesk-extended", sans-serif;

}


._ch_img_info {
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  text-align: left;
  font-family: "aktiv-grotesk-extended", sans-serif;
  text-align: left;
  font-weight: 500;
  margin-top: 16.8px;
  display: block;
}

.sm_ft_pertic {
  display: block;
  color: #fff;
  font-family: "aktiv-grotesk";
  font-size: 13px;
  line-height: 13px;
  font-weight: 300;
  letter-spacing: 0.13px;
}

.ch_prop_info {
  font-size: 16.5px;
  margin-bottom: 13px;
  display: block;
  line-height: 21px;
  letter-spacing: -0.17px;
}

.ch_vision {
  padding-top: 193px;
  padding-bottom: 201px;
}

.ch_vision_title {
  margin-bottom: 81px;
}

.bg-blue {
  background-color: #00afd7;
}

.bg-lblue {
  background-color: #a4dbe8;
}

.bg-yellow {
  background-color: #daa900;
}

.bg-lred {
  background-color: #d66965;
}

.ch_vision_text {
  width: 1182px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 93px;
  margin-bottom: 131px;
}

.ch_cs_img {
  position: relative;
}

.ch_img_wfi {
  position: relative;
  display: block;
}

.img_text_layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.cross_section .fancybox__toolbar {
  background: none;
  height: 100%;
  height: 100%;
  width: max-content;
  margin-left: auto;
}

.fancybox__button--zoomOut {
  position: absolute;
  right: 20px;
  bottom: 50px;
  background: #afcdd7;
  border-radius: 0px 0px 10px 10px;
  border: 1px solid #fff;
}

.fancybox__button--zoomIn {
  position: absolute;
  right: 20px;
  bottom: 97px;
  background: #afcdd7;
  border-radius: 10px 10px 0px 0px;
  border: 1px solid #fff;
}

.cross_section .fancybox__button--zoomOut svg,
.cross_section .fancybox__button--zoomIn svg {
  width: auto;
  height: auto;
  fill: none;
  stroke: initial;
}

._bg_blue .fancybox__slide {
  background: #eeece4;
}

.fulls_icon,
.map_zoom_trigger svg {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
}

.ch_prop_entry {
  margin-bottom: 54px;
}

.ch_cylp {
  position: relative;
}

.ch_cylp:before {
  content: "";
  background-image: url(../images/level_p_mask.svg);
  background-size: contain;
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.ch_cylp_title {
  width: 216px;
  max-width: 100%;
  margin-bottom: 50px;
}

.ch_art_d {
  position: relative;
  width: fit-content;
}

.ch_prop_section {
  padding-top: 200px;
  padding-bottom: 185px;
}

.ch_prop_title {
  margin-top: 17px;
  margin-bottom: 31px;
  width: 274px;
  max-width: 100%;
}

.ch_bpr {
  padding-right: 12px;
}

.ch_res_service {
  padding-top: 237px;
  padding-bottom: 201px;
}

.cr_slider {
  display: flex;
  column-gap: 86px;
}

.cc_sl_caption {
  width: calc(30% - 43px);
}

.cc_sl_img {
  width: calc(70% - 43px);
  position: relative;
}

.cc_sl_img img {
  width: 100%;
}

.sl_title {
  width: 370px;
  max-width: 100%;
  margin-bottom: 30px;
  letter-spacing: 0.9px;
}

.ch_serv_icon {
  font-size: 22px;
  font-family: Quiche Sans;
  font-weight: 700;
  margin-bottom: 27px;
  display: inline-block;
  position: relative;
  padding-left: 50px;
  left: 0;
}

.ch_sl_text {
  letter-spacing: -0.17px;
  font-weight: 300;
  width: 475px;
  max-width: 100%;
  line-height: 28px;
  font-size: 17px;
}

.sl_note {
  font-size: 12px;
  letter-spacing: 0.24px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 300;
}

#home_slider .carousel-inner {
  max-width: 1520px;
  margin: auto;
  width: 90%;
}

#home_slider .carousel-control-prev-icon {
  background-image: url("../images/caret_left.svg");
  background-size: 12px 10.15px;
  border: 1px solid #fff;
  width: 50px;
  height: 50px;
}

#home_slider .carousel-control-prev,
#home_slider .carousel-control-next {
  width: 5%;
}

#home_slider .carousel-control-next-icon {
  background-image: url("../images/caret_right.svg");
  background-size: 12px 10.15px;
  background-repeat: no-repeat;
  border: 1px solid #fff;
  width: 50px;
  height: 50px;
}

.cc_ps_icon:before {
  content: "";
  background-image: url("../images/prem_service_icon.svg");
  background-size: auto;
  width: 35.37px;
  height: 30px;
  position: absolute;
  left: 0;
}

.main_footer {
  padding-top: 92px;
  padding-bottom: 96.95px;
}

.ch_email_label {
  line-height: 17px;
  font-weight: 700;
  font-family: "quiche-sans", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
}

.ch_con_info {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.18px;
  font-family: "quiche-sans", sans-serif;
  text-decoration: none;
  display: block;
}

.ch_phone {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 1.4px;
  font-family: "quiche-sans", sans-serif;
  text-decoration: none;
  display: block;
  margin-top: 7px;
}

.ch_address {
  margin-bottom: 31px;
}

.ebrochure_btn {
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 12.93px;
  padding-right: 39px;
  position: relative;
}

.ebrochure_btn:after {
  content: "";
  background-image: url(../images/bottom_shape.svg);
  background-size: contain;
  width: 207.45px;
  height: 14.93px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
}

.ebrochure_btn svg {
  margin-left: 33px;
}

.ch_ci {
  padding-bottom: 63px;
  border-bottom: 1px solid #003b497a;
  margin-bottom: 63px;
}

.ch_dev_by {
  display: block;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  letter-spacing: 0.14px;
}

.footer_logos {
  display: flex;
  justify-content: center;
  margin: 37px auto 50.67px 60px;
}

.footer_logos a:first-child {
  width: 200px;
}

.footer_logos a:nth-child(2) {
  padding-left: 17px;
  width: 220px;
}

.capital_logo {
  padding-right: 26px;
  border-right: 1px solid #000;
  margin-right: 17px;
}

.site_note p {
  display: block;
  font-size: 12px;
  line-height: 17.5px;
  letter-spacing: 0.14px;
  font-family: "aktiv-grotesk", sans-serif;
  margin-bottom: 17px;
}

.site_note p + p {
  margin-bottom: 0px;
}

#slidetotop {
  display: block;
  position: fixed;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#slidetotop img {
  max-width: 100%;
}

#slidetotop.show {
  opacity: 1;
  visibility: visible;
}

.ch_preloader {
  display: none;
  width: 100%;
  height: 100%;
  background: #003b49;
  z-index: +0;
  opacity: 0;
  position: fixed;
}

.active_preloader .ch_preloader {
  z-index: +9999;
  opacity: 0.9;
  display: block;
}

.move_down_icon {
  text-align: center;
  margin-bottom: 46px;
}

.ch_preloader .icon-scroll {
  width: 67px;
  height: 25px;
  margin-left: 0px;
  top: 50%;
  margin-top: -23px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 28px;
  z-index: 99;
  background: #afcdd7;
  transform: translate(-50%, -50%);
}

.ch_preloader .icon-scroll,
.ch_preloader .icon-scroll:before {
  position: absolute;
  left: 50%;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
}

.ch_preloader .icontxt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  margin-top: 28px;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
}

.ch_preloader .icon-scroll:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: 0px;
  top: 8px;
  left: 9px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(46px);
  }
}

/*---location----*/

.right_connection {
  padding-top: 158px;
  padding-bottom: 198px;
}

.bg_location_hero {
  width: 100%;
  height: calc(100vh - 100px);
}

.view_360 {
  position: relative;
  display: block;
}

.icon_360:before {
  content: "";
  background-image: url(../images/icon_360.svg);
  background-size: contain;
  width: 130px;
  height: 130px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ch_rc_title {
  margin-bottom: 50px;
}

.trail_map {
  padding-top: 204px;
  padding-bottom: 155px;
}

.img_holder {
  position: relative;
}

.map_tabbing ul {
  padding: 18px 0px;
  margin: 0;
  list-style: none;
  display: flex;
}

.map_tabbing ul li {
  width: calc(100% / 6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile_dash_line_list li {
  font-size: 7px;
  line-height: 16px;
  color: #253539;
}

.legent_title {
  font-size: 8px;
  line-height: 14px;
  color: #253539;
  font-weight: bold;
  margin-top: 14px;
  margin-bottom: 10px;
}

.mobile_dash_line_list li span {
  margin-right: 6px;
}

.legend_list ul:first-child {
  margin-right: 40px;
}

.mx_215 {
  width: 215px;
  max-width: 100%;
}

.map_tabbing li a:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #fff;
  transition: width 0.3s;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.map_tabbing li:hover a:after {
  width: 100%;
}

.map_tabbing li.active a:after {
  width: 100%;
}

.map_tabbing ul li:not(:last-child) {
  border-right: 1px solid #fff;
}

.map_tabbing ul li a {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 2.16px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  position: relative;
  font-family: "quiche-sans";
}

.panzoom {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.pan_zoom_parent {
  position: relative;
  margin: 70px 26px;
}

.plan_img_col {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  text-align: center;
}

.view_trail_map {
  position: relative;
  padding-left: 27px;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 0.28px;
  text-decoration: none;
  margin-top: 103px;
  display: inline-block;
  font-family: "aktiv-grotesk", sans-serif;
}

.view_trail_map:before {
  content: "";
  background-image: url(../images/map-marker.svg);
  background-size: contain;
  width: 17.73px;
  height: 23.36px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
}

.ch_garden {
  margin-top: 111px;
  margin-bottom: 335px;
}

.icon_primary_360:before,
.icon_primary_bb_360:before {
  content: "";
  background-image: url(../images/icon_360_blue.svg);
  background-size: contain;
  width: 130px;
  height: 130px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.icon_primary_360:after {
  content: "";
  animation: pulse-border 2000ms ease-out infinite;
  width: 130px;
  height: 130px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1.5px solid #fff;
  border-radius: 50%;
}

.icon_primary_bb_360:after {
  content: "";
  animation: pulse-border 2000ms ease-out infinite;
  width: 130px;
  height: 130px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1.5px solid #2d4d58;
  border-radius: 50%;
}

.club_360_view .icon_primary_360:before {
  left: 40%;
  top: 45%;
}

.club_360_view .icon_primary_360:after {
  left: 40%;
  top: 45%;
}

.ch_view_title {
  margin-bottom: 36px;
  position: relative;
  font-size: 45px;
  line-height: 50px;
  font-family: aktiv-grotesk-extended, sans-serif;
  font-weight: 500;
}

.fs_thin {
  font-weight: 200;
}

.ver_cc {
  margin-top: 10px;
}

.number_list,
.apha_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.counter_reset {
  counter-reset: section;
}

.number_list li,
.apha_list li,
.dash_line_list li {
  font-size: 17px;
  line-height: 25px;
  font-weight: 300;
  position: relative;
  padding-left: 39.5px;
  margin-bottom: 4px;
}

.number_list li {
  counter-increment: section;
}

.number_list li::before,
.apha_list li:before {
  content: counters(section, ".");
  background: #daa900;
  color: #000;
  font-weight: 700;
  font-size: 11px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  left: 0px;
  text-align: center;
  top: 0px;
  line-height: 25px;
  border: 1px solid #000;
}

.apha_list li {
  counter-increment: alphabeticList;
}

.apha_list li:before {
  content: counter(alphabeticList, upper-alpha);
  speak: counter(alphabeticList, upper-alpha);
  background: #b5d2ca;
}

.dash_line_list {
  margin-bottom: 50px;
}

.dash_line_list li span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
}

.fac_img_cap {
  z-index: +1;
  display: block;
  color: #fff;
  font-family: "aktiv-grotesk";
  font-size: 9px;
  line-height: 12px;
  font-weight: 300;
  letter-spacing: 0.1px;
  width: 88%;
  max-width: 100%;
  margin-bottom: 0px;
  margin-top: 40px;
  text-align: left;
}

.ch_garden .apha_list {
  margin-bottom: 22px;
  margin-top: 15px;
}

.ch_club {
  position: relative;
}

.club_left_col {
  position: absolute;
  top: 33px;
  left: 0;
}

.club_f_wrapper {
  display: flex;
  column-gap: 100px;
}

.club_hill_resort {
  position: absolute;
  bottom: 20px;
  right: 5.5%;
}

.nl_title {
  font-weight: 500;
  margin-bottom: 15px;
}

.club_hill_resort .number_list {
  margin-bottom: 52px;
}

.ch_sky {
  margin-top: 226px;
}

.ch_sky .number_list {
  margin-bottom: 74px;
}

#garden-pano {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*---- interier ----*/

.ch_ml_title {
  max-width: 730px;
  margin-bottom: 33px;
}

.ch_aa_pi::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 16%;
  background-image: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0),
    rgba(3, 3, 3)
  );
  bottom: 0;
  z-index: +1;
  opacity: 0.8;
}

.img_illustration {
  position: absolute;
  right: 15px;
  bottom: 12px;
  z-index: +1;
  display: block;
  color: #fff;
  font-family: "aktiv-grotesk";
  font-size: 8px;
  line-height: 12px;
  font-weight: 300;
  letter-spacing: 0.13px;
}

.lp_illu_1023 {
  display: none;
}

.pos_left {
  left: 15px;
  right: auto;
}

.pos_left_arch {
  left: 200px;
}

.col_2_vertical {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.ch_ml_div {
  margin-bottom: 174px;
}

.ch_rest_easy {
  margin-bottom: 18px;
}

.future_ready_home {
  padding-top: 195px;
  padding-bottom: 195px;
}

.ch_fr_mtitle {
  margin-bottom: 45px;
}

.mx-523 {
  max-width: 523px;
}

.ch_frh_row {
  margin-bottom: 110px;
}

.ch_frh_row .ch_text {
  margin-bottom: 50px;
}

.smart_hc_title {
  padding-bottom: 28px;
  margin-bottom: 37.5px;
  border-bottom: 0.5px solid #003b49;
  font-family: "quiche-sans", sans-serif;
}

.smart_hc_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: 80px;
}

.smart_community {
  margin-top: 122px;
}

.smart_hc_list li {
  width: calc(100% / 2 - 40px);
  margin-bottom: 40px;
}

.smart_hc_icon {
  width: 65px;
  margin-right: 23px;
  text-align: center;
}

.smart_hc_icon svg {
  max-width: 100%;
}

.smart_hc_text {
  width: calc(100% - 88px);
}

.smart_item_wrapper {
  display: flex;
}

.smart_hc_text h4 {
  font-family: "quiche-sans", sans-serif;
  font-weight: 500;
  margin-bottom: 7px;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: 0.22px;
}

.smart_hc_text p {
  font-weight: 300;
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 0px;
}

.lp15 {
  letter-spacing: -0.3px;
}

/*----VIRTUAL TOUR----*/

.virtual_tour {
  padding-top: 113px;
  padding-bottom: 70px;
}

.ch_vt_title {
  margin-bottom: 33px;
}

.ct_gallery_wrapper {
  display: flex;
  column-gap: 40px;
}

.vt_gal_single {
  width: 28%;
}

.vt_gal_grid {
  width: calc(100% - 28%);
}

/* .vt_col{
  width: calc(100%/2 - 50px);
}  */

.view_3d_btn {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 1.8px;
  font-family: "quiche-sans", sans-serif;
  font-weight: 700;
  display: block;
  width: 283px;
  position: relative;
}

.view_3d_btn:after {
  content: "";
  background-image: url(../images/btn_shape_283.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 283px;
  height: 16px;
  display: block;
  transition: all 0.5s;
  position: absolute;
  border: 0;
  left: 0;
}

.view_3d_btn:hover:before {
  transition: all 0.5s;
  right: 40px;
}

.view_3d_btn:before {
  content: "";
  background-image: url(../images/caret_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 9.45px;
  position: absolute;
  right: 46px;
  top: 6px;
}

.table_video_btn {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 1.8px;
  font-family: "quiche-sans", sans-serif;
  font-weight: 700;
  display: inline-block;
  position: relative;
  padding-right: 40px;
  width: fit-content;
}

.table_video_btn:after {
  content: "";
  background-image: url(../images/btn_shape_593.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.5s;
  position: absolute;
  border: 0;
  left: 0;
}

.table_video_btn:hover:before {
  transition: all 0.5s;
  right: 16px;
}

.table_video_btn:before {
  content: "";
  background-image: url(../images/caret_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 9.45px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.view_smart_home:after {
  background-image: url(../images/btn_shape_351.svg);
}

.view_smart_home:before {
  background-image: url(../images/caret_right_primary.svg);
}

.table_video {
  display: flex;
  gap: 185px;
  justify-content: center;
  margin-top: 50px;
}

.vt_tour .view_3d_btn:before {
  right: 38px;
}

.vt_gal_grid .row {
  margin-right: -16px;
  margin-left: -16px;
}

.vt_gal_grid .row > * {
  padding-right: 16px;
  padding-left: 16px;
}

.vt_gal_grid .view_3d_btn:before {
  top: 16px;
  right: 38px;
}

.vt_gal_grid .view_3d_btn {
  width: 300px;
  max-width: 100%;
}

.vt_gal_grid .view_3d_btn:after {
  width: 300px;
  max-width: 100%;
}

.vt_tour .view_3d_btn:hover:before,
.vt_gal_grid .view_3d_btn:hover:before {
  right: 30px;
}

.mb-33 {
  margin-bottom: 33px;
}

.mb-35 {
  margin-bottom: 36px;
}

.grid_btn {
  margin-top: 16.6px;
  margin-bottom: 53px;
}

.ch_bd_title {
  margin-bottom: 41px;
}

/* floor plan css*/

.schematic_diagram {
  padding-top: 92px;
  padding-bottom: 114px;
}

.cd_cd_wrapper {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}

.cd_bd_details {
  width: 370px;
}

.cd_bd_table {
  width: calc(100% - 400px);
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  max-width: 100%;
  margin-top: auto;
}

#tower_a {
  width: 768px;
  max-width: 100%;
  margin-left: auto;
}

#tower_c {
  width: 900px;
  max-width: 100%;
  margin-left: auto;
}

.ch_bd_title {
  margin-bottom: 41.59px;
}

.room:before {
  content: "";
  width: 46.73px;
  height: 14.73px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.room {
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 16px;
  font-weight: 300;
  margin-bottom: 21.75px;
  padding-left: 72px;
  position: relative;
}

.a1:before,
.cd_bd_table .a1 {
  background: #fdf4c9;
}

.as:before,
.cd_bd_table .as {
  background: #decb84;
}

.b1:before,
.cd_bd_table .b1 {
  background: #92a3a4;
}

.b1s:before,
.cd_bd_table .b1s {
  background: #c9dde5;
  text-transform: uppercase;
}

.bs:before,
.cd_bd_table .bs {
  background: #8ab8c9;
}

.c1:before,
.cd_bd_table .c1 {
  background: #e9d5cb;
}

.b3p:before,
.cd_bd_table .b3p {
  background: #c99787;
}

.dp2:before,
.cd_bd_table .dp2 {
  background: #dad5c4;
}

.ep1:before,
.cd_bd_table .ep1 {
  background: #97977d;
}

.ss1:before,
.cd_bd_table .ss1 {
  background: #d9cbdb;
}

.ph1:before,
.cd_bd_table .ph1 {
  background: #b3a3be;
}

.cp1:before,
.cd_bd_table .cp1 {
  background: #d09d8b;
}

.cq_btn_wrap {
  margin-top: 64px;
  margin-bottom: 100px;
}

.cq_btn_first {
  margin-bottom: 52px;
}

.cd_bd_table {
  font-size: 10px;
  line-height: 12px;
}
.td_small {
  font-size: 7px;
  line-height: 10px;
  display: inline-block;
  margin-left: 1.3px;
}

.cd_bd_table th {
  width: 63px;
  height: 14px;
  text-align: center;
}

.cd_bd_table td {
  width: 63px;
  height: 14px;
  text-align: center;
  border: 1px solid #fff;
  color: #2d4d58;
  cursor: pointer;
}

td.bt_0 {
  border-top: 0px;
}

td.bb_0 {
  border-bottom: 0px;
}

td.bl_0 {
  border-left: 0;
}

td.br_0 {
  border-right: 0;
}

.unit_floor {
  font-size: 8px;
  line-height: 9.6px;
}

.table_h_row th:not(:first-child) {
  border-bottom: 1px solid #fff;
}

.ch_bd_tb_title {
  margin-left: 63px;
}

.ch_bd_tb_title h5 {
  font-size: 14px;
  line-height: 16.8px;
  border-bottom: 1px solid #fff;
  margin-bottom: 30px;
}

.ch_bd_tb_title p {
  margin-bottom: 9px;
  text-align: center;
}

.cq_btn_wrap a {
  opacity: 0.5;
}

.cq_btn_wrap a.active {
  opacity: 1;
}

#plan_Rotatable {
  width: 100%;
}

#plan_Rotatable {
  width: 100%;
}

.fancybox__content > .carousel__button.is-close,
.fancybox__button--close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  background: #003b49;
  border-radius: 0;
  width: 50px;
  height: 50px;
  z-index: +1111;
}

.floor_plan.fancybox__content {
  padding: 0;
}

.plan_footer {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  align-items: center;
}

.plan_notes {
  width: calc(100% - 220px);
  max-width: 100%;
}

.plan_diag p {
  margin-bottom: 0px;
  margin-top: 33px;
  font-size: 12px;
  line-height: 15px;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 300;
}

.model_3d_nav {
  width: 200px;
  margin-left: auto;
}

.model_3d_nav .action_view3d,
.model_3d_nav .action_back {
  position: absolute;
  bottom: 20px;
  right: 40px;
}

.modal_3d_btn:after {
  content: "";
  background-image: url(../images/btn_shape_197.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 197.45px;
  height: 14.93px;
  display: inline-block;
}

.modal_3d_btn:before {
  content: "";
  background-image: url(../images/caret_right_primary.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 9.45px;
  position: absolute;
  right: 30px;
  top: 6px;
}

.modal_3d_btn {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 1.8px;
  font-family: "quiche-sans", sans-serif;
  font-weight: 700;
  display: inline-block;
  width: 197.45px;
  position: relative;
  outline: 0;
  text-align: left;
}

.modal_3d_btn:active,
.modal_3d_btn:focus,
.modal_3d_btn:focus-visible {
  outline: 0;
}

.ml-auto {
  margin-left: auto;
  display: block;
}

.modal_3d_view {
  position: relative;
  text-align: center;
  /* width: 850px;
  max-width: 100%;
  margin: auto;  */
}

.d3_active {
  background: #eeece4;
}

/*------------------------------------
  floor plan modal 3d | floorplan.html
--------------------------------------*/

.ch_fm_wrapper {
  display: flex;
  column-gap: 60px;
  align-items: center;
  position: relative;
  padding-bottom: 35px;
}

.ch_fm_navigation {
  width: 300px;
  position: relative;
}

.ch_fm_navigation.inactive {
  pointer-events: none;
}

.ch_fm_view {
  position: relative;
}

.ch_fm_view {
  width: calc(100% - 300px);
}

.floor_3d_view {
  /* padding: 120px 0px; */
  position: relative;
}

.ch_fm_nav_menu {
  display: flex;
  flex-flow: column;
  margin: 0;
}

.ch_fm_nav_menu a {
  color: #fff;
  text-decoration: none;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.ch_fm_toggle {
  font-size: 18px;
  line-height: 22px;
  font-family: "quiche-sans", sans-serif;
  font-weight: bold;
  display: block;
  padding-bottom: 6px;
}

.temp_hide {
  display: none !important;
}

.mx-1050 {
  width: 1070px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.ch_fm_link {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  font-family: "quiche-sans", sans-serif;
  font-weight: bold;
  display: inline-block;
}

.ch_fm_link span {
  display: inline-block;
}

.ch_fm_link span:not(:first-child) {
  text-transform: none;
}

.ch_fm_t_wrap {
  position: relative;
  width: 283px;
  margin-bottom: 50px;
}

.fm_link_box li {
  padding: 0px 0px 5px 0px;
}

.ch_fm_t_wrap:after {
  content: "";
  background-image: url(../images/btn_shape_283.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 283px;
  height: 16px;
  display: block;
  transition: all 0.5s;
  position: absolute;
  border: 0;
  left: 0;
}

.floor-view-inner .rotate-img {
  position: relative;
}
.floor-view-inner .cloudimage-360 {
  pointer-events: none;
}

.rotate-trigger {
  cursor: pointer;
}

.ch_fm_t_wrap:before {
  content: "";
  position: absolute;
  right: 44px;
  top: 6.28px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 8px solid white;
  border-bottom: 5px solid transparent;
  transition: all 0.5s;
  transform: rotate(0deg);
}

.ch_fm_link {
  border-bottom: 1px solid transparent;
  position: relative;
}

.ch_fm_link.active {
  pointer-events: none;
}

.ch_fm_link span {
  position: relative;
}

.ch_fm_link span:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #fff;
  transition: width 0.3s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.fm_link_box {
  display: none;
}

.ch_fm_link:hover > span:after {
  width: 100%;
}

.ch_fm_link.active > span:after {
  width: 100%;
}

.ch_fm_t_wrap.active:before {
  transform: rotate(90deg);
  transition: all 0.5s;
}

.floor_rt_btn {
  background-color: transparent !important;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  font-family: "quiche-sans";
  padding: 0px 5px;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 125px;
  color: #fff;
  border: 1px solid #fff;
  width: 156px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}

.floor_rt_btn.inactive {
  pointer-events: none;
}

.ch_rmt_btn {
  font-family: "quiche-sans", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  background-color: #fff;
  padding: 16px 26px;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 30%);
  display: none;
  position: relative;
  text-decoration: none;
  font-size: 12px;
  width: 187px;
  transition: all 0.5s;
  /*border-bottom: 1px solid transparent;*/
}

.ch_rmt_btn.active {
  background-color: #afcdd7;
  box-shadow: none;
  border-bottom: 1px solid #003b49;
}

.ch_rmt_btn:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 8px solid #003b49;
  border-bottom: 5px solid transparent;
  transform: translateY(-50%);
}

.ch_rmt_btn.active:after {
  transform: translateY(-50%) rotate(90deg);
}

.ch_rmt_btn span {
  display: block;
}
.ch_rmt_btn span + span {
  margin-left: 16px;
}

.ch_rmft_wrap {
  position: absolute;
  left: -20px;
  bottom: 0;
  display: none;
}

#canvas_wrapper {
  position: relative;
  max-width: 892px;
}

.floor_mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.fm_trigger {
  cursor: pointer;
}

.floor_rt_btn:hover {
  color: #ffffff;
}
.floor_rt_btn svg {
  width: 30px;
  height: 18px;
}
.floor_rt_btn svg path {
  fill: #ffffff;
}
.cloudimage-360 .cloudimage-360-prev,
.cloudimage-360 .cloudimage-360-next {
  visibility: hidden;
  position: absolute;
  top: -999px;
  left: 0;
}

.rotateMyImage {
  position: absolute;
  right: 0;
  visibility: hidden;
  z-index: -1;
}

#canvas_wrapper {
  width: 850px;
  max-width: 100%;
}

.cloudimage-inner-box .loader-process-360 {
  width: 100px;
  height: 100px;
  line-height: 100px;
}

/*------------------------------
  index.html | 6 Sep 2021
------------------------------*/
.main {
  padding: 84px 0 28px;
  position: relative;
  height: 100vh;
}
.load-logo {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

.building-view {
  position: relative;
  height: 100%;
}

.location-title {
  position: absolute;
  font-weight: normal;
  color: #b3c3c8;
}

.lt-1 {
  top: 20%;
  left: 20%;
}

.lt-2 {
  top: 20%;
  right: 20%;
}

.lt-3 {
  bottom: 20%;
  left: 20%;
}

.lt-4 {
  bottom: 20%;
  right: 20%;
}

/*------------------------------
  End index.html | 6 Sep 2021
------------------------------*/

#_360_view .cloudimage-360 .cloudimage-inner-box canvas {
  cursor: url(../images/rotate-hover-cursor-black.svg),
    url(../images/rotate-hover-cursor-black.svg), move;
}

.custom_360_model .cloudimage-inner-box canvas {
  cursor: url(../images/rotate-hover-cursor-black.svg),
    url(../images/rotate-hover-cursor-black.svg), move;
}

.orintationOvelay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #003b49;
  color: #ffffff;
  display: none;
  text-align: center;
  opacity: 0.9;
}

.orintationOvelay.active {
  display: flex;
  flex-flow: column;
  justify-content: center;
  z-index: +99999;
}

.img_loader {
  display: flex;
  justify-content: center;
  margin: auto;
}

@media only screen and (max-width: 1440px) {
  .img_loader {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 1280px) {
  .img_loader {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 767) {
  .img_loader {
    width: 63px;
    height: 63px;
  }
}

/*-- custom model---*/

.custom_360_model,
.viewout_model {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: +9999;
  background-color: #efece5;
  display: none;
}
.view_360_wrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 100%;
  max-width: 1920px;
  margin: auto;
}

.plan_wrapper,
.object_3d_wrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 100%;
}

.v_hide {
  display: none;
}

.custom_360_model .carousel__button,
.viewout_model .carousel__button {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  background: #003b49;
  border-radius: 0;
  width: 50px;
  height: 50px;
  z-index: +1111;
}

.custom_360_model.show,
.viewout_model.show {
  animation: zoomin 300ms linear forwards;
}

.custom_360_model,
.viewout_model {
  animation: zoomout 300ms linear forwards;
}

.floor_3d_active {
  background-color: #efece5 !important;
}

@keyframes zoomin {
  0% {
    transform: scale(0);
    opacity: 0.4;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomout {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(0);
    opacity: 0.4;
  }
}

#vt_iframe {
  height: 100%;
  width: 100%;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
  outline: none;
  line-height: 0 !important;
  font-size: 0 !important;
  position: Relative;
}
#vt_name {
  position: fixed;
  bottom: 0px;
  font-size: 12px;
  padding: 3px 7px;
  background: #000;
  color: #fff;
  left: 0px;
  transform: none;
  width: 100%;
  padding: 5px;
  line-height: 1.2;
  text-align: center;
}

/* #obj_3d_canvas .loader-process-360{    
  background: url('../images/icon_360.svg') 50% 50% / contain no-repeat rgba(255, 255, 255, 0.8);
} */
/*----------------------------------
07-09-2022 Cuatom Css Iframe
-----------------------------------*/
.virtual__tour {
  overflow: hidden;
  width: 100%;
  display: block;
}