html.w-mod-js *[data-ix="homepage-load"] {
  display: block;
  opacity: 1;
}

.w-embed-youtubevideo {
  width: 100%;
  position: relative;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url('../fonts/youtube-placeholder.2b05e7d68d.svg');
  background-size: cover;
  background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  background-color: #f3f4f2;
  font-family: Inter, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Carla, sans-serif;
  font-size: 35px;
  line-height: 130%;
  font-weight: 400;
}

h2 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: Carla, sans-serif;
  font-size: 35px;
  line-height: 130%;
  font-weight: 400;
}

label {
  position: absolute;
  top: 5px;
  display: block;
  margin-bottom: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 400;
}

strong {
  font-weight: 600;
}

.section-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-content.overflow-visible {
  overflow: visible;
}

.section-content.media-content {
  margin-top: -120px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.section-content.project-details-content {
  z-index: 2;
  overflow: visible;
  padding-bottom: 0px;
}

.section-content.bg-services {
  padding-top: 0px;
  padding-bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 37, 37, 0.5)), to(rgba(51, 37, 37, 0.5))), url('../images/services-bg.jpg');
  background-image: linear-gradient(180deg, rgba(51, 37, 37, 0.5), rgba(51, 37, 37, 0.5)), url('../images/services-bg.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section-content.home-shop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #121212;
  color: #f3f4f2;
}

.section-content.home-media {
  padding-bottom: 0px;
}

.container {
  width: 100%;
  max-width: 100%;
  padding-right: 5%;
  padding-left: 5%;
}

.contact-img-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 60px -5px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contact-img-col {
  width: 50%;
  padding-right: 5px;
  padding-left: 5px;
}

.contact-img-b {
  position: relative;
  overflow: hidden;
  padding-top: 55%;
}

.img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: url('../images/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.img.contact-r {
  background-image: url('../images/contact-img02.jpg');
}

.img.showroom {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100%;
  background-image: url('../images/footer-img.jpg');
  background-attachment: scroll;
}

.img.appointment {
  background-image: url('../images/appointment-img.jpg');
}

.img.project-list01 {
  background-image: url('../images/project-list-img01.jpg');
}

.img.project-list02 {
  background-image: url('../images/project-list-img02.jpg');
}

.img.project-list03 {
  background-image: url('../images/project-list-img03.jpg');
}

.img.project-list04 {
  background-image: url('../images/project-list-img04.jpg');
}

.img.project-list05 {
  background-image: url('../images/project-list-img05.jpg');
}

.img.project-list06 {
  background-image: url('../images/project-list-img06.jpg');
}

.img.project-list07 {
  background-image: url('../images/project-list-img07.jpg');
}

.img.project-list08 {
  background-image: url('../images/project-list-img08.jpg');
}

.img.project-list10 {
  background-image: url('../images/project-list-img10.jpg');
}

.img.project-list11 {
  background-image: url('../images/project-list-img11.jpg');
}

.img.project-list09 {
  background-image: url('../images/project-list-img09.jpg');
}

.img.project-list12 {
  background-image: url('../images/project-list-img12.jpg');
}

.img.concept-list01 {
  background-image: url('../images/concept-list-img01.jpg');
}

.img.concept-list02 {
  background-image: url('../images/concept-list-img02.jpg');
}

.img.concept-list03 {
  background-image: url('../images/concept-list-img03.jpg');
}

.img.concept-list04 {
  background-image: url('../images/concept-list-img04.jpg');
}

.img.concept-list05 {
  background-image: url('../images/concept-list-img05.jpg');
}

.img.concept-list06 {
  background-image: url('../images/concept-list-img06.jpg');
}

.img.concept-list07 {
  background-image: url('../images/concept-list-img07.jpg');
}

.img.concept-list08 {
  background-image: url('../images/concept-list-img08.jpg');
}

.img.concept-list09 {
  background-image: url('../images/concept-list-img09.jpg');
}

.img.concept-list10 {
  background-image: url('../images/concept-list-img10.jpg');
}

.img.blog-list-img01 {
  background-image: url('../images/blog-list-img01.jpg');
}

.img.blog-list-img02 {
  background-image: url('../images/blog-list-img02.jpg');
}

.img.blog-list-img03 {
  background-image: url('../images/blog-list-img03.jpg');
}

.img.blog-list-img04 {
  background-image: url('../images/blog-list-img04.jpg');
}

.img.blog-list-img05 {
  background-image: url('../images/blog-list-img05.jpg');
}

.img.blog-list-img06 {
  background-image: url('../images/blog-list-img02.jpg');
}

.img.blog-list-img07 {
  background-image: url('../images/blog-list-img07.jpg');
}

.img.blog-list-img08 {
  background-image: url('../images/blog-list-img08.jpg');
}

.img.blog-list-img09 {
  background-image: url('../images/blog-list-img09.jpg');
}

.img.blog-list-img10 {
  background-image: url('../images/blog-list-img10.jpg');
}

.img.video-list-img02 {
  background-image: url('../images/video-list-img02.jpg');
}

.img.video-list-img03 {
  background-image: url('../images/video-list-img03.jpg');
}

.img.video-list-img04 {
  background-image: url('../images/video-list-img04.jpg');
}

.img.video-list-img05 {
  background-image: url('../images/video-list-img05.jpg');
}

.img.video-list-img01 {
  background-image: url('../images/video-list-img01.jpg');
}

.img.video-list-img06 {
  background-image: url('../images/video-list-img06.jpg');
}

.img.video-list-img07 {
  background-image: url('../images/video-list-img07.jpg');
}

.img.video-list-img08 {
  background-image: url('../images/video-list-img08.jpg');
}

.img.video-list-img09 {
  background-image: url('../images/video-list-img09.jpg');
}

.img.video-list-img10 {
  /* background-image: url('../images/video-list-img10.jpg'); */
}

.img.blog-details-slide-img01 {
  background-image: url('../images/blog-details-slide-img01.jpg');
}

.img.blog-details-slide-img02 {
  background-image: url('../images/blog-details-slide-img02.jpg');
}

.img.blog-details-slide-img03 {
  background-image: url('../images/blog-details-slide-img03.jpg');
}

.img.project-details-video01 {
  background-image: url('../images/ocean_marini-img-project-tour.jpg');
}

.img.project-details-banner {
  background-image: url('../images/ocean_marini-banner.jpg');
}

.img.project-details-video03 {
  background-image: url('../images/ocean_marini-img-media.jpg');
}

.img.project-details-video02 {
  background-image: url('../images/ocean_marini-img-vr.jpg');
}

.img.philosophy-img {
  background-image: url('../images/philosophy-img.jpg');
}

.img.join-img {
  background-image: url('../images/join-img.jpg');
}

.img.how-img01 {
  background-image: url('../images/how-we-work-img01.jpg');
}

.img.how-img03 {
  background-image: url('../images/how-we-work-img03.jpg');
}

.img.how-img05 {
  background-image: url('../images/how-we-work-img05.jpg');
}

.img.home-banner01 {
  background-image: url('../images/home-banner01.jpg');
}

.img.home-banner02 {
  background-image: url('../images/home-banner02.jpg');
}

.img.home-banner03 {
  background-image: url('../images/home-banner03.jpg');
}

.img-mask {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  background-color: #ac9d90;
  opacity: 0;
}

.contact-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -5%;
  margin-bottom: 45px;
  margin-left: -5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.contact-col {
  width: 33.33%;
  padding-right: 5%;
  padding-left: 5%;
}

.contact-info-b {
  padding-top: 15px;
  border-top: 1px solid #ac9d90;
}

.icon-img {
  display: block;
  width: 100%;
}

.social-icon {
  position: relative;
  width: 32px;
  margin-right: 20px;
}

.icon-img-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  opacity: 0;
}

.contact-content-b {
  margin-top: 15px;
}

.contact-info-link {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 4px;
  padding-left: 50px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #464443;
  text-decoration: none;
}

.contact-info-link:hover {
  color: #ac9d90;
}

.contact-info-link.address {
  padding-right: 30px;
}

.contact-info-link-icon {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 32px;
}

.contact-info-link-icon-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 32px;
  opacity: 0;
}

.contact-info {
  margin-top: -20px;
}

.footer-bottom {
  position: relative;
  z-index: 2;
  padding-top: 120px;
  padding-bottom: 120px;
  background-color:#121212;
  color: #f3f4f2;
}

.footer-line-l {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 50%;
  height: 1px;
  margin-top: 40px;
  background-color: #f3f4f2;
  opacity: 0.5;
}

.footer-logo {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #D4AF37;
}

.footer-logo-img {
  width: 80px;
  height: 80px;
  background-image: url('../images/footer-logo.svg');
  background-position: 50% 48%;
  background-size: auto;
  background-repeat: no-repeat;
}

.footer-img {
  position: relative;
  z-index: -1;
  overflow: hidden;
  padding-top: 30%;
}

.footer-logo-b {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-line-r {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 50%;
  height: 1px;
  margin-top: 40px;
  background-color: #f3f4f2;
  opacity: 0.5;
}

.btn-appointment {
  position: relative;
  margin-top: 15px;
  padding-bottom: 5px;
  font-family: Carla, sans-serif;
  color: #f3f4f2;
  font-size: 35px;
  line-height: 130%;
  text-decoration: none;
}

.btn-appointment-line {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 100%;
  height: 1px;
  background-color: #f3f4f2;
}

.footer-logo-border {
  position: absolute;
  left: 50%;
  top: 50%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.footer-appointment-b {
  margin-bottom: 120px;
  text-align: center;
}

.title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

.link-txt-offwhite {
  border-bottom: 1px solid #f3f4f2;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #f3f4f2;
  text-decoration: none;
}

.link-txt-offwhite:hover {
  border-bottom-color: transparent;
}

.footer-copyright {
  width: 100%;
  margin-top: 30px;
  padding-right: 5%;
  padding-left: 5%;
}

.newsletter-txt-field {
  height: 60px;
  padding-right: 0px;
  padding-left: 0px;
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 #f3f4f2;
  border-radius: 0px;
  background-color: transparent;
  color: #f3f4f2;
  font-size: 16px;
}

.newsletter-txt-field:focus {
  border-bottom-color: #ac9d90;
}

.newsletter-txt-field::-webkit-input-placeholder {
  color: #f3f4f2;
}

.newsletter-txt-field:-ms-input-placeholder {
  color: #f3f4f2;
}

.newsletter-txt-field::-ms-input-placeholder {
  color: #f3f4f2;
}

.newsletter-txt-field::placeholder {
  color: #f3f4f2;
}

.newsletter-form-b {
  margin-top: -20px;
  margin-bottom: 0px;
}

.newsletter-form {
  position: relative;
}

.newsletter-btn {
  position: absolute;
  left: auto;
  top: 50%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 58px;
  height: 35px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.newsletter-btn-circle {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 35px;
  height: 35px;
  border-style: solid;
  border-width: 1px;
  border-color: #f3f4f2;
  border-radius: 100%;
}

.contact-col-title {
  width: 33.33%;
  padding-right: 5%;
  padding-left: 5%;
}

.contact-title-b {
  width: 66.66%;
  padding-right: 5%;
  padding-left: 5%;
}

.footer-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -5%;
  margin-left: -5%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer-col {
  width: 33.33%;
  padding-right: 5%;
  padding-left: 5%;
}

.newsletter-col {
  position: absolute;
  left: 50%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 33.33%;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.btn-top {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 50;
  margin-right: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.btn-top-line {
  width: 1px;
  height: 45px;
  margin-top: 5px;
  background-color: #f3f4f2;
}

.btn-top-line.bg-color-grey {
  background-color: #464443;
}

.btn-top-white {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  color: #f3f4f2;
}

.btn-top-grey {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #464443;
}

.header {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f3f4f2;
}

.img-full-w {
  display: block;
  width: 100%;
}

.header-logo {
  position: absolute;
  left: 0%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: 254px;
  margin-left: 5%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.nav-menu {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5000;
  display: none;
  overflow: hidden;
}

.header-btn-b {
  display: inline-block;
}

.container-menu {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.menu-btn {
  color: #464443;
  text-decoration: none;
}

.lang-btn {
  margin-left: 30px;
  color: #464443;
  text-decoration: none;
}

.all-content {
  padding-top: 60px;
  background-color: #121212;
}

.all-content.project-details {
  padding-top: 0px;
}

.all-content.home {
  position: relative;
  z-index: 1;
  padding-top: 0px;
}

.nav-menu-scroll {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  overflow: auto;
  width: 510px;
  padding: 30px 30px 180px;
  background-color: #f3f4f2;
}

.pop-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: rgba(0, 0, 0, 0.4);
}

.nav-menu-content-b {
  margin-top: 60px;
}

.nav-menu-link {
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-family: Carla, sans-serif;
  color: #464443;
  font-size: 28px;
  line-height: 130%;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-menu-link:hover {
  color: #ac9d90;
}

.nav-menu-link.w--current {
  color: #ac9d90;
}

.nav-menu-link-b {
  margin-bottom: 15px;
}

.nav-menu-bottom {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 510px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  background-color: #f3f4f2;
}

.link-txt {
  border-bottom: 1px solid #f3f4f2;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #464443;
  text-decoration: none;
}

.link-txt:hover {
  border-bottom-color: transparent;
  color: #ac9d90;
}

.link-txt.w--current {
  color: #ac9d90;
}

.link-txt.txt-underline {
  text-decoration: underline;
}

.nav-menu-submenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-menu-line {
  margin-top: -1px;
  margin-right: 15px;
  margin-left: 15px;
}

.pop-back {
  position: absolute;
  left: auto;
  top: 50%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  width: 46px;
  height: 15px;
  margin-right: 525px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.menu-btn-close {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  width: 32px;
  margin-top: 30px;
  margin-right: 30px;
}

.pop-appointment {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5000;
  display: none;
  overflow: hidden;
}

.pop-scroll {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  overflow: auto;
  width: 510px;
  padding: 30px;
  background-color: #f3f4f2;
}

.appointment-img {
  position: relative;
  margin-bottom: 30px;
  padding-top: 65%;
}

.pop-btn-close {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  display: none;
  width: 32px;
  margin-top: 30px;
  margin-right: 30px;
}

.btn {
  position: relative;
  display: block;
  padding: 15px 60px;
  border-style: solid;
  border-width: 1px;
  border-color: #ac9d90;
  background-color: rgba(172, 157, 144, 0.5);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #464443;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.btn:hover {
  color: #f3f4f2;
}

.form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.input-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.form-col {
  width: 100%;
  margin-bottom: 30px;
}

.contact-form {
  margin-top: 30px;
  margin-bottom: 0px;
}

.input {
  position: relative;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 rgba(70, 68, 67, 0.5);
  border-radius: 0px;
  background-color: transparent;
  color: #464443;
}

.input:focus {
  border-bottom-color: #ac9d90;
}

.input::-webkit-input-placeholder {
  color: transparent;
}

.input:-ms-input-placeholder {
  color: transparent;
}

.input::-ms-input-placeholder {
  color: transparent;
}

.input::placeholder {
  color: transparent;
}

.input.long {
  height: 120px;
}

.btn-txt {
  position: relative;
  z-index: 1;
}

.btn-hover {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 0px;
  background-color: #ac9d90;
}

.projects-col-title {
  width: 100%;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.projects-col-filter {
  position: -webkit-sticky;
  position: sticky;
  top: 59px;
  z-index: 10;
  width: 100%;
  margin-top: 20px;
  margin-bottom: -10px;
  padding: 10px 2.5%;
  background-color: #f3f4f2;
}

.title-b {
  margin-bottom: 15px;
}

.projects-col {
  width: 33.33%;
  margin-top: 60px;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.projects-link {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
}

.projects-link-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 60%;
}

.projects-link-hover {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  height: 100%;
}

.projects-link-hover-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: #666666;
}

.projects-link-hover-txt-b {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.projects-link-hover-title {
  width: 100%;
  margin-bottom: 5px;
}

.projects-link-hover-txt {
  width: 100%;
}

.projects-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.5%;
  margin-left: -2.5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.btn-whatsapp {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 50;
  width: 60px;
  height: 60px;
  margin-right: 16px;
  margin-bottom: 90px;
  border-radius: 100%;
  background-color: #D4AF37;
  background-image: url('../fonts/icon-msg.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}

.btn-whatsapp:hover {
  background-color: #f3f4f2;
  background-image: url('../fonts/icon-msg-hover.svg');
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.projects-filter-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(70, 68, 67, 0.5);
}

.projects-search {
  position: relative;
  display: inline-block;
  width: 70%;
  margin-bottom: 0px;
  border-left: 1px solid rgba(70, 68, 67, 0.5);
}

.projects-search-input {
  height: 60px;
  margin-bottom: 0px;
  padding-left: 80px;
  border: 1px none #000;
  border-radius: 0px;
  background-color: transparent;
  font-size: 16px;
}

.projects-search-input::-webkit-input-placeholder {
  color: #464443;
}

.projects-search-input:-ms-input-placeholder {
  color: #464443;
}

.projects-search-input::-ms-input-placeholder {
  color: #464443;
}

.projects-search-input::placeholder {
  color: #464443;
}

.projects-search-btn {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 50px;
  height: 100%;
  margin-left: 30px;
  background-color: transparent;
  background-image: url('../fonts/icon-search.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  color: transparent;
}

.projects-filter-btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #464443;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.projects-filter-btn:hover {
  color: #f3f4f2;
}

.projects-filter-icon-b {
  position: relative;
  z-index: 1;
  width: 18px;
  margin-right: 10px;
}

.img-full-w-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  width: 100%;
  opacity: 0;
}

.pop-filter {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5000;
  display: none;
  overflow: hidden;
}

.filter-list-all {
  border-top: 1px solid #ac9d90;
}

.filter-list {
  border-bottom: 1px solid #ac9d90;
}

.filter-list-btn {
  position: relative;
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #464443;
  font-weight: 600;
  text-decoration: none;
}

.filter-arrow-expand {
  position: absolute;
  left: auto;
  top: 50%;
  right: 0%;
  bottom: auto;
  margin-right: 10px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.filter-expand-b {
  overflow: hidden;
}

.filter-expand-content {
  height: auto;
  padding-bottom: 5px;
}

.filter-link {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(70, 68, 67, 0.5);
  border-radius: 30px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #464443;
  text-decoration: none;
}

.filter-link:hover {
  border-color: #ac9d90;
  background-color: #ac9d90;
  color: #f3f4f2;
}

.filter-link.selected {
  border-color: #ac9d90;
  background-color: #ac9d90;
  color: #f3f4f2;
}

.filter-bottom {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 510px;
  padding: 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f3f4f2;
}

.filter-bottom-col-l {
  width: 30%;
}

.filter-bottom-col-r {
  width: 70%;
}

.pop-filter-scroll {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  overflow: auto;
  width: 510px;
  padding: 30px 30px 150px;
  background-color: #f3f4f2;
}

.concept-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.5%;
  margin-left: -2.5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.concept-col {
  width: 50%;
  margin-top: 60px;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.concept-link-txt-b {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.concept-link {
  position: relative;
  display: block;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #464443;
  text-decoration: none;
}

.concept-link:hover {
  color: #f3f4f2;
}

.concept-link-title {
  width: 100%;
  margin-bottom: 5px;
}

.concept-link-hover {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 0px;
  background-color: #ac9d90;
}

.media-col-title {
  width: 100%;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.media-col-txt {
  width: 66.66%;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.media-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.5%;
  margin-left: -2.5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.media-col {
  width: 50%;
  margin-top: 60px;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.media-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 260px;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  color: #464443;
  text-decoration: none;
}

.media-link-img-b {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  margin-top: 15px;
  padding-top: 80%;
}

.media-link-txt-b {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.media-tag {
  display: inline-block;
  margin-bottom: 5px;
  padding: 3px 15px 2px;
  border-radius: 30px;
  background-color: #ac9d90;
  color: #fff;
}

.media-link-txt-top-b {
  width: 100%;
  margin-bottom: 10px;
}

.media-link-txt {
  width: 100%;
}

.arrow-link {
  z-index: 1;
}

.media-link-hover {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 0px;
  background-color: #e2ddd8;
}

.contact-arrow-link-b {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  overflow: hidden;
  margin-top: 4px;
}

.arrow-link-b {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  overflow: hidden;
}

.icon-video {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  z-index: 1;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #f3f4f2;
  background-image: url('../fonts/icon-video.svg');
  background-position: 54% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.press-content-b {
  width: 100%;
}

.line {
  width: 100%;
  height: 1px;
  background-color: #ac9d90;
}

.press-list {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 45px;
  padding-right: 75px;
  padding-bottom: 45px;
  color: #464443;
  text-decoration: none;
}

.press-row {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.5%;
  margin-left: -2.5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.press-col-l {
  width: 40%;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.press-col-r {
  width: 60%;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.press-list-hover {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 0px;
  background-color: #e2ddd8;
}

.press-list-arrow {
  position: absolute;
  left: auto;
  top: 50%;
  right: 0%;
  bottom: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.press-list-info-b {
  position: relative;
  padding-left: 120px;
}

.press-list-txt-media {
  padding-left: 10px;
  border-left: 1px solid #ac9d90;
}

.press-list-txt-date {
  position: absolute;
  left: 0%;
  top: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.concept-logo-carousel {
  overflow: hidden;
  width: 100%;
}

.slide {
  position: static;
  display: inline-block;
  width: 150px;
  margin-right: 30px;
  padding: 0px;
}

.slide.home-concept-slide {
  position: relative;
  width: 480px;
  margin-right: 5px;
  color: #f3f4f2;
}

.img-slide {
  display: block;
  width: 100%;
}

.concept-carousel-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: -60px;
  padding-right: 2.5%;
  padding-left: 2.5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.press-carousel-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.press-carousel {
  overflow: hidden;
  width: 100%;
}

.container-900 {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 900px;
  margin-bottom: 60px;
  padding-right: 5%;
  padding-left: 5%;
}

.media-details-info-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.media-details-tag {
  display: inline-block;
  margin-right: 15px;
  padding: 3px 15px 2px;
  border-radius: 30px;
  background-color: #ac9d90;
  color: #fff;
}

.media-details-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  height: 100%;
  background-color: #e2ddd8;
}

.media-details-share-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.share-icon {
  position: relative;
  width: 32px;
  margin-left: 15px;
}

.container-media-content {
  width: 100%;
  max-width: 1200px;
  padding-right: 5%;
  padding-left: 5%;
}

.details-related {
  margin-top: 120px;
}

.details-related-title {
  font-size: 28px;
  text-transform: uppercase;
}

.details-related-slider {
  height: auto;
  margin-top: 30px;
  margin-bottom: 60px;
  background-color: transparent;
}

.hidden:not(#appointment-form .hidden) {
  display: none;
}

.btn-back-listing {
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #464443;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.btn-back-listing:hover {
  color: #ac9d90;
}

.btn-back-listing-txt {
  display: inline-block;
}

.btn-back-listing-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-back-listing-icon {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 15px;
}

.video-details-b {
  position: relative;
  overflow: hidden;
}

.details-related-slide {
  width: 50%;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.details-related-mask {
  margin-right: -2.5%;
  margin-left: -2.5%;
}

.details-related-arrow-r {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 60px;
  height: 50px;
  margin-top: -73px;
  background-image: url('../fonts/arrow-r.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}

.details-related-arrow-r:hover {
  opacity: 0.5;
}

.details-related-arrow-l {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 60px;
  height: 50px;
  margin-top: -73px;
  margin-right: 60px;
  background-image: url('../fonts/arrow-l.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}

.details-related-arrow-l:hover {
  opacity: 0.5;
}

.press-link-txt-b {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.press-details-b {
  position: relative;
  overflow: hidden;
}

.press-details-slider {
  height: auto;
  background-color: transparent;
}

.slide-nav {
  position: relative;
}

.blog-details-slider {
  height: auto;
  background-color: transparent;
}

.blog-details-slide-img {
  padding-top: 50%;
}

.blog-details-content-b {
  margin-top: 30px;
}

.comparison-slider {
  position: relative;
  overflow: hidden;
}

.compare-img-after {
  display: block;
  width: 100%;
}

.resize {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  overflow: hidden;
  width: 50%;
  height: 100%;
}

.compare-img-before {
  display: block;
  width: 200%;
  max-width: none;
}

.bg-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.projects-details-related-slide {
  width: 33.33%;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.project-details-title {
  margin-bottom: 30px;
}

.horizontal-scroll-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 300vh;
}

.project-details-img-b {
  position: relative;
  display: inline-block;
  height: 50vh;
  margin-right: 10px;
}

.project-details-content-b {
  height: 370vh;
}

.horizontal-scroll-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 25vh;
  overflow: hidden;
  width: 100%;
}

.project-details-content-b-mobile {
  display: none;
}

.project-details-img {
  height: 100%;
  max-width: none;
}

.project-details-img-link {
  height: 100%;
  max-width: none;
}

.project-details-video-section {
  margin-top: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #e2ddd8;
}

.project-details-video-title {
  font-family: Carla, sans-serif;
  font-size: 28px;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
}

.project-details-video-slider {
  overflow: hidden;
  height: auto;
  background-color: transparent;
}

.project-details-video-slide-mask {
  left: 50%;
  overflow: visible;
  width: 60%;
  padding-bottom: 50px;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.project-details-video-b {
  display: block;
  font-family: Carla, sans-serif;
  color: #464443;
  font-size: 28px;
  line-height: 130%;
  text-decoration: none;
}

.project-details-video-img-b {
  position: relative;
  overflow: hidden;
  margin-top: 15px;
  padding-top: 55%;
}

.section-project-details-banner {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 100vh;
  min-height: 800px;
}

.project-details-banner-b {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  overflow: hidden;
}

.project-details-banner-bottom {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f3f4f2;
}

.arrow-scroll {
  width: 15px;
  margin-top: 3px;
  margin-right: 10px;
}

.btn-scroll {
  margin-bottom: 10px;
  color: #464443;
  text-decoration: none;
}

.btn-scroll-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-details-share-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-details-share-b {
  width: 100%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-details-info-b {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 4;
  width: 360px;
  margin-right: 5%;
  margin-bottom: 60px;
}

.project-details-info-txt-b {
  padding: 30px;
  background-color: #f3f4f2;
}

.project-details-info-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.project-details-info-title {
  width: 30%;
}

.project-details-info-txt {
  position: relative;
  width: 70%;
}

.project-details-info-dot {
  position: absolute;
  margin-left: -10px;
}

.btn-floorplan {
  position: relative;
  margin-top: 15px;
  padding-right: 30px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #464443;
  text-decoration: none;
  text-transform: uppercase;
}

.btn-floorplan:hover {
  color: #ac9d90;
}

.project-details-info-name-b {
  margin-bottom: 1px;
  padding: 15px 30px;
  background-color: #f3f4f2;
  font-size: 18px;
  font-weight: 600;
}

.pop-floorplan {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5000;
  display: none;
  overflow: hidden;
}

.pop-floorplan-scroll {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  overflow: auto;
  width: 510px;
  padding: 30px;
  background-color: #f3f4f2;
  text-align:center;
}

.pop-floorplan-scroll h2{
  text-align:left;
}

.project-details-video-arrow-l {
  left: 50%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 60px;
  height: 50px;
  margin-left: -30px;
  background-image: url('../fonts/arrow-l.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}

.project-details-video-arrow-l:hover {
  opacity: 0.5;
}

.project-details-video-arrow-r {
  left: 50%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 60px;
  height: 50px;
  margin-left: 30px;
  background-image: url('../fonts/arrow-r.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}

.project-details-video-arrow-r:hover {
  opacity: 0.5;
}

.project-details-video-slide {
  padding-right: 15px;
  padding-left: 15px;
}

.bg-lightbrown {
  z-index: 1;
  background-color: #121212;
}

.pop-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.pop-content-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pop-vr {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2000;
  display: none;
  background-color: #e2ddd8;
}

.pop-title-b {
  margin-bottom: 15px;
  text-align: center;
}

.project-details-vr-b {
  height: 70vh;
}

.project-details-pop-btn-close {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 3000;
  width: 32px;
  margin-top: 30px;
  margin-right: 30px;
}

.pop-video {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2000;
  display: none;
  background-color: #e2ddd8;
}

.container-pop {
  width: 100%;
  max-width: 1100px;
  padding-right: 5%;
  padding-left: 5%;
}

.header-logo-white {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  width: 100%;
  opacity: 0;
}

.about-content {
  overflow: hidden;
  width: 100%;
  margin-top: -315px;
}

.about-sticky-menu {
  position: -webkit-sticky;
  position: sticky;
  top: 190px;
  z-index: 2;
  width: 25%;
  padding-bottom: 120px;
}

.about-sticky-menu-link {
  position: relative;
  padding-left: 60px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #464443;
  text-decoration: none;
}

.about-sticky-menu-link:hover {
  color: #ac9d90;
}

.about-sticky-menu-link.w--current {
  background-image: url('../fonts/about-sticky-line.svg');
  background-position: 0% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.about-sticky-menu-link-b {
  margin-bottom: 15px;
}

.about-row {
  position: relative;
  z-index: 2;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.philosophy-img-b {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  margin-right: -12%;
  padding-top: 28%;
}

.philosophy-list-b {
  position: relative;
  margin-top: 30px;
  padding-left: 120px;
}

.philosophy-txt-b {
  position: relative;
  padding-top: 30px;
}

.philosophy-list-line {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  height: 1px;
}

.container-about {
  width: 100%;
  max-width: 100%;
  padding-right: 7.5%;
  padding-left: 25%;
}

.philosophy-icon-b {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
  height: 90px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(172, 157, 144, 0.5);
  border-radius: 100%;
}

.philosophy-icon-border {
  position: relative;
  width: 82px;
  height: 82px;
  border-style: solid;
  border-width: 1px;
  border-color: #ac9d90;
  border-radius: 100%;
}

.join-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 25%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.join-col-txt {
  width: 50%;
  padding-top: 60px;
  padding-right: 5%;
  padding-bottom: 60px;
}

.join-col-img {
  width: 50%;
}

.join-img-b {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.contact-video-mask01 {
  position: absolute;
  left: 50%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 5;
  width: 12px;
  background-color: #f3f4f2;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.contact-video-mask02 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  height: 1px;
  background-color: #f3f4f2;
}

.btn02 {
  position: relative;
  display: inline-block;
  padding: 15px 60px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #fff;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.btn02:hover {
  border-color: #ac9d90;
  color: #f3f4f2;
}

.btn-b {
  margin-top: 30px;
}

.how-content-b {
  overflow: hidden;
}

.how-content-list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.how-content-img-b {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56%;
}

.how-content-txt-b {
  width: 50%;
  padding-left: 60px;
}

.txt-color-brown {
  color: #ac9d90;
}

.how-step-b {
  position: absolute;
  left: 50%;
  top: 0%;
  right: auto;
  bottom: 0%;
  width: 60px;
  margin-bottom: -30px;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.how-step-line {
  position: absolute;
  left: 50%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 4px;
  height: 100%;
  background-color: #d0d0d0;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.how-step-icon-b {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #ac9d90;
}

.how-step-icon {
  /* padding-top:5px; */
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 52px;
  height: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #f3f4f2;
  border-radius: 100%;
  font-family: Carla, sans-serif;
  color: #f3f4f2;
  font-size: 22px;
}

.how-content-img-col {
  width: 50%;
  padding-right: 60px;
}

.how-step-icon-txt {
  margin-top: -1px;
  margin-left: -1px;
}

.how-img-border {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  border-style: solid;
  border-width: 1px;
  border-color: #f3f4f2;
}

.philosophy-icon {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.whyinbloom-content-b {
  margin-top: 30px;
}

.whyinbloom-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.whyinbloom-col01 {
  width: 30%;
  padding: 10px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.why-inbloom-col-full {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 5px 15px;
  background-color: #ac9d90;
  color: #f3f4f2;
  font-weight: 600;
  text-align: center;
}

.whyinbloom-col02 {
  width: 40%;
  padding: 10px 15px;
  background-color: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
}

.whyinbloom-icon {
  width: 30px;
}

.whyinbloom-row-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.whyinbloom-col02-title {
  width: 40%;
  padding: 15px;
  background-color: #787a79;
  text-align: center;
}

.whyinbloom-col01-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 60px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(120, 122, 121, 0.5);
  color: #f3f4f2;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.whyinbloom-col-title-txt {
  width: 100%;
}

.txt-color-offwhite {
  color: #f3f4f2;
}

.services-content-b {
  position: relative;
  padding-top: 120px;
}

.services-list-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.services-list-col {
  width: 50%;
  padding: 60px 5%;
}

.services-list {
  position: relative;
  padding-left: 110px;
}

.services-icon-b {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
  height: 90px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(172, 157, 144, 0.5);
  border-radius: 100%;
}

.services-icon-border {
  position: relative;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  background-color: #f3f4f2;
}

.services-icon {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.services-line01 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 1px;
  height: 100%;
  background-color: #f3f4f2;
}

.services-line02 {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 1px;
  height: 100%;
  background-color: #f3f4f2;
}

.services-title-txt-b {
  position: relative;
  padding-right: 5%;
  padding-bottom: 60px;
  padding-left: 5%;
}

.services-line03 {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 1px;
  background-color: #f3f4f2;
}

.services-line04 {
  width: 100%;
  height: 1px;
  background-color: #f3f4f2;
}

.services-line04.hidden-desktop {
  display: none;
}

.services-line05 {
  position: absolute;
  left: 50%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 1px;
  height: 100%;
  background-color: #f3f4f2;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.footer-b {
  z-index: 1;
}

.about-sticky-menu-mobile {
  display: none;
}

.align-center {
  text-align: center;
}

.home-concept-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.home-concept-col {
  width: 16.66%;
  padding-right: 1.5%;
  padding-left: 1.5%;
}

.home-concept-logo-link {
  display: block;
}

.home-concept-title-b {
  width: 100%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 5%;
  padding-left: 5%;
  text-align: center;
}

.home-projects-col-title {
  /* width: 33.33%; */
  /* padding-right: 2.5%; */
  /* padding-left: 2.5%; */
  width:100%;
  text-align:center;
}

.home-projects-col-txt {
  /* width: 66.66%; */
  /* padding-right: 2.5%; */
  /* padding-left: 2.5%; */
  width:100%;
  margin-top:15px;
  text-align:center;
}

.home-projects-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.5%;
  margin-left: -2.5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-projects-btn-b {
  margin-top: 60px;
  text-align: center;
}

.home-concept-logo-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home-philosophy-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.5%;
  margin-left: -2.5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.home-philosophy-col-l {
  width: 33.33%;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.home-philosophy-col-r {
  width: 66.66%;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.home-concept-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.concept-carousel {
  overflow: hidden;
  width: 100%;
}

.home-concept-row-mobile {
  display: none;
  margin-right: -2.5%;
  margin-left: -2.5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.home-shop-col-txt {
  width: 45%;
  padding-right: 5%;
  padding-left: 5%;
}

.home-media-title-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.5%;
  margin-left: -2.5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.home-media-title-col-l {
  width: 66.66%;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.home-media-title-col-r {
  width: 33.33%;
  padding-right: 2.5%;
  padding-left: 2.5%;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  text-align: right;
}

.home-media-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 45px -15px 120px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.home-media-col01 {
  width: 23%;
  padding-right: 15px;
  padding-left: 15px;
}

.home-media-video-b {
  position: relative;
  overflow: hidden;
  padding-top: 170%;
}

.home-media-col02 {
  width: 54%;
  padding-right: 15px;
  padding-left: 15px;
}

.home-media-blog-b {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 83%;
  color: #f3f4f2;
}

.home-media-col03 {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 23%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.home-media-blog-txt-b {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  padding: 15px 5%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.home-press-carousel-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-home-banner {
  height: 100vh;
  min-height: 400px;
}

.home-banner-slider {
  height: 100%;
  background-color: #f3f4f2;
}

.bg-grey {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: none;
  background-color: #787a79;
  opacity: 0;
}

.home-shop-video-b {
  position: relative;
  width: 100%;
  padding-top: 103%;
}

.home-section-title {
  margin-bottom: 0px;
}

.home-banner-slider-b {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
}

.home-banner-tagline {
  position: absolute;
  left: 0%;
  top: 50%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  width: 100%;
  /* max-width: 600px; */
  max-width: 750px;
  font-size:40px;
  margin-top: -60px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 5%;
  padding-left: 5%;
  color: #fff;
  /* font-size: 30px; */
  text-align: center;
  text-transform: uppercase;
}

.home-banner-mask {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.15);
}

.home-header-logo {
  position: absolute;
  z-index: 2;
  width: 254px;
  margin-top: 30px;
  margin-left: 5%;
}

.home-menu-link {
  margin-right: 20px;
  margin-left: 20px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.home-menu-link:hover {
  color: #ac9d90;
}

.home-menu {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-top: -60px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.home-menu-link-b {
  width: 100%;
}

.btn02-white {
  position: relative;
  display: inline-block;
  padding: 15px 60px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(243, 244, 242, 0.5);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #f3f4f2;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.btn02-white:hover {
  border-color: #ac9d90;
  color: #f3f4f2;
}

.home-shop-border {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  height: 1px;
  background-color: #f3f4f2;
}

.home-shop-col-video {
  position: relative;
  width: 55%;
  padding-right: 5%;
}

.home-shop-video-line01 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 1;
  width: 1px;
  background-color: #787a79;
}

.home-shop-video-line02 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 1px;
  background-color: #787a79;
}

.home-menu-lang {
  position: absolute;
  left: auto;
  top: 50%;
  right: 0%;
  bottom: auto;
  margin-right: 38px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #464443;
  text-decoration: none;
  text-transform: uppercase;
}

.home-menu-lang:hover {
  color: #ac9d90;
}

.home-shop-video-b-mobile {
  display: none;
}

.home-banner-slide-nav {
  margin-bottom: 75px;
}

.projects-link-hover-line {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  height: 1px;
  margin-top: 15px;
  margin-right: 15px;
  margin-left: 15px;
  background-color: #f3f4f2;
}

.contact-enquiry-col {
  width: 66.66%;
  padding-right: 5%;
  padding-left: 5%;
}

.contact-form-col {
  width: 50%;
  margin-bottom: 30px;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.contact-form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.5%;
  margin-left: -2.5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contact-form-col02 {
  width: 100%;
  margin-bottom: 30px;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

.contact-enquiry-b {
  padding-top: 45px;
}

.form-select {
  min-height: 50px;
  margin-top: 10px;
  margin-bottom: 0px;
  border: 1px none #000;
  border-radius: 0px;
  background-color: #e2ddd8;
  font-size: 16px;
}

.form-calendar-b {
  padding-bottom: 30px;
  border-bottom: 1px solid #ac9d90;
}

html.w-mod-js *[data-ix="fade-in"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="img"] {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

html.w-mod-js *[data-ix="img-mask"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="pop-close"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="pop-bg"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="pop-scroll-initial"] {
  -webkit-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
}

html.w-mod-js *[data-ix="line"] {
  width: 0px;
}

html.w-mod-js *[data-ix="media-details-bg-initial"] {
  height: 0px;
}

html.w-mod-js *[data-ix="project-details-banner-bottom-initial"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="project-details-pop-initial"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="project-details-info-b"] {
  opacity: 0;
  -webkit-transform: translate(0px, 40px);
  -ms-transform: translate(0px, 40px);
  transform: translate(0px, 40px);
}

html.w-mod-js *[data-ix="how-step-line"] {
  height: 0px;
}

html.w-mod-js *[data-ix="how-content-initial"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="services-line-vertical"] {
  height: 0px;
}

html.w-mod-js *[data-ix="services-line-horizontal"] {
  width: 0px;
}

html.w-mod-js *[data-ix="about-sticky-menu-mobile-dropdown-list"] {
  height: 0px;
}

html.w-mod-js *[data-ix="home-banner-slide-img"] {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

html.w-mod-js *[data-ix="home-banner-tagline"] {
  opacity: 0;
  -webkit-transform: scale(0.95, 0.95);
  -ms-transform: scale(0.95, 0.95);
  transform: scale(0.95, 0.95);
}

@media screen and (min-width: 1280px) {
  .container {
    position: relative;
  }

  .nav-menu {
    display: none;
  }

  .projects-col-title {
    width: 66.66%;
    padding-right: 5%;
    padding-left: 5%;
  }

  .projects-col-filter {
    position: relative;
    top: 0px;
    width: 33.33%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 5%;
    padding-left: 5%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: transparent;
  }

  .projects-col {
    padding-right: 5%;
    padding-left: 5%;
  }

  .projects-row {
    overflow: hidden;
    margin-right: -5%;
    margin-left: -5%;
  }

  .projects-search {
    width: 65%;
  }

  .projects-search-input {
    padding-left: 45px;
  }

  .projects-search-btn {
    margin-left: 0px;
  }

  .projects-filter-btn {
    width: 35%;
  }

  .concept-row {
    overflow: hidden;
    margin-right: -5%;
    margin-left: -5%;
  }

  .concept-col {
    padding-right: 5%;
    padding-left: 5%;
  }

  .media-row {
    overflow: hidden;
  }

  .media-link {
    padding: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .media-link-img-b {
    width: 45%;
    margin-top: 0px;
    padding-top: 37%;
  }

  .media-link-txt-b {
    width: 55%;
    padding-left: 20px;
  }

  .concept-carousel-b {
    margin-top: 15px;
    margin-bottom: -45px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .container-900 {
    position: relative;
  }

  .container-media-content {
    position: relative;
  }

  .container-pop {
    position: relative;
  }

  .container-about {
    position: relative;
  }

  .home-projects-col-title {
    padding-right: 5%;
    padding-left: 5%;
  }

  .home-projects-col-txt {
    padding-right: 5%;
    padding-left: 5%;
  }

  .home-projects-row {
    overflow: hidden;
    margin-right: -5%;
    margin-left: -5%;
  }

  .home-philosophy-row {
    overflow: hidden;
    margin-right: -5%;
    margin-left: -5%;
  }

  .home-philosophy-col-l {
    padding-right: 5%;
    padding-left: 5%;
  }

  .home-philosophy-col-r {
    padding-right: 5%;
    padding-left: 5%;
  }

  .home-concept-row-mobile {
    overflow: hidden;
    margin-right: -5%;
    margin-left: -5%;
  }

  .home-shop-col-txt {
    width: 50%;
  }

  .home-media-title-row {
    overflow: hidden;
    margin-right: -5%;
    margin-left: -5%;
  }

  .home-media-title-col-l {
    padding-right: 5%;
    padding-left: 5%;
  }

  .home-media-title-col-r {
    padding-right: 5%;
    padding-left: 5%;
  }

  .home-menu-link {
    margin-right: 30px;
    margin-left: 30px;
  }

  .home-shop-col-video {
    width: 45%;
  }
}
@media screen and (max-width: 991px) {
  .home-header-logo{
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .btn-scroll {
    position: absolute;
    left: 0%;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-left: 5%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }

  .project-details-share-b {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .join-col-txt {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .join-col-img {
    min-height: 380px;
  }

  .home-concept-col {
    width: 12.5%;
  }

  .home-concept-logo-b {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .home-concept-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .home-shop-col-video {
    width: 40%;
  }
}

@media screen and (max-width: 1441px) {
  .section-content.bg-services {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/services-bg.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/services-bg.jpg');
    background-position: 0px 0px, 100% 50%;
    background-attachment: scroll, scroll;
  }

  .section-content.home-shop {
    display: block;
    min-height: 0px;
    padding-top: 120px;
  }

  .img.showroom {
    background-attachment: scroll;
  }

  .contact-col {
    width: 50%;
    margin-top: 15px;
  }

  .btn-appointment-line {
    display: none;
  }

  .contact-col-title {
    width: 100%;
  }

  .footer-col {
    width: 50%;
    margin-top: 30px;
  }

  .newsletter-col {
    position: relative;
    left: 0%;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .all-content.project-details {
    /* padding-top: 60px; */
  }

  .input {
    font-size: 1rem;
  }

  .projects-col {
    width: 50%;
  }

  .projects-col.hidden-mobile {
    display: none;
  }

  .projects-link {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    color: #464443;
  }

  .projects-link-hover {
    position: relative;
    height: auto;
  }

  .projects-link-hover-bg {
    display: none;
  }

  .projects-link-hover-txt-b {
    position: relative;
  }

  .projects-link-hover-title {
    border-top-style: none;
    border-top-color: #ac9d90;
  }

  .projects-row {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .concept-col {
    width: 50%;
  }

  .concept-link-txt-b {
    position: relative;
  }

  .concept-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    color: #464443;
  }

  .concept-link:hover {
    color: #464443;
  }

  .concept-link-title {
    margin-bottom: 5px;
    padding-top: 0px;
    border-top-style: none;
    border-top-color: #ac9d90;
  }

  .press-details-slider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .blog-details-slider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .projects-details-related-slide {
    width: 50%;
  }

  .project-details-content-b-mobile {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .section-project-details-banner {
    height: auto;
    min-height: 0px;
  }

  .project-details-banner-b {
    position: relative;
    padding-top: 55%;
  }

  .project-details-banner-bottom {
    position: relative;
    height: auto;
    margin-top: 15px;
  }

  .btn-scroll {
    display: none;
  }

  .project-details-share-b {
    max-width: 100%;
  }

  .project-details-info-b {
    position: relative;
    width: 100%;
    margin-bottom: 0px;
  }

  .project-details-info-txt-b {
    padding-right: 5%;
    padding-left: 5%;
  }

  .project-details-info-name-b {
    margin-bottom: 0px;
    padding-right: 5%;
    padding-left: 5%;
    border-bottom: 1px solid #ac9d90;
  }

  .pop-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-content {
    width: 100%;
    margin-top: 0px;
  }

  .about-sticky-menu {
    display: none;
  }

  .philosophy-img-b {
    margin-right: 0%;
  }

  .container-about {
    padding-right: 5%;
    padding-left: 5%;
  }

  .join-row {
    padding-left: 0%;
  }

  .join-col-txt {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5%;
  }

  .about-sticky-menu-mobile {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 2;
    display: block;
    border-bottom: 1px solid #ac9d90;
    background-color: #f3f4f2;
  }

  .about-sticky-menu-mobile-dropdown {
    display: block;
    padding: 10px 10% 10px 5%;
  }

  .about-sticky-menu-mobile-dropdown-list {
    overflow: hidden;
    background-color: #e2ddd8;
  }

  .about-sticky-menu-mobile-link {
    padding-right: 5%;
    padding-left: 5%;
  }

  .about-sticky-menu-mobile-link.w--current {
    background-color: #ac9d90;
    color: #f3f4f2;
  }

  .about-sticky-menu-mobile-arrow {
    position: absolute;
    left: auto;
    top: 50%;
    right: 0%;
    bottom: auto;
    margin-right: 5%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }

  .home-projects-col-title {
    width: 100%;
    margin-bottom: 15px;
  }

  .home-projects-col-txt {
    width: 100%;
  }

  .home-projects-row {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .home-philosophy-row {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .home-philosophy-col-l {
    width: 100%;
    margin-bottom: 15px;
  }

  .home-philosophy-col-r {
    width: 100%;
  }

  .home-concept-b {
    display: none;
  }

  .home-concept-row-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -60px;
    margin-bottom: 60px;
  }

  .home-shop-col-txt {
    width: 100%;
    margin-bottom: 60px;
  }

  .home-media-title-row {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .home-media-title-col-l {
    width: 100%;
  }

  .home-media-title-col-r {
    width: 100%;
    margin-top: 30px;
    text-align: left;
  }

  .home-media-row {
    margin-right: -5px;
    margin-left: -5px;
  }

  .home-media-col01 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .home-media-col02 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .home-media-col03 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .section-home-banner {
    min-height: 0px;
  }

  .home-shop-video-b {
    display: none;
    width: 100%;
  }

  .home-banner-tagline {
    margin-top: -30px;
  }

  /* .home-header-logo {
    display: none;
  } */

  .home-menu {
    display: none;
  }

  .home-shop-col-video {
    width: 100%;
    padding-right: 0%;
  }

  .bg-lightbrown-mobile {
    background-color: #e2ddd8;
  }

  .home-shop-video-line01 {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 100%;
    background-color: #f3f4f2;
  }

  .home-shop-video-line02 {
    display: none;
  }

  .home-shop-video-b-mobile {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 55%;
  }

  .projects-link-hover-line {
    display: none;
  }

  .contact-enquiry-col {
    width: 50%;
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 28px;
  }

  .section-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-content.media-content {
    margin-top: -90px;
  }

  .section-content.home-shop {
    padding-top: 60px;
  }

  .contact-img-row {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .contact-col {
    width: 100%;
    margin-top: 30px;
  }

  .footer-bottom {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-img {
    padding-top: 55%;
  }

  .btn-appointment {
    font-size: 28px;
  }

  .footer-appointment-b {
    margin-bottom: 60px;
  }

  .contact-col-title {
    margin-bottom: -15px;
  }

  .contact-title-b {
    width: 100%;
  }

  .footer-col {
    width: 100%;
    margin-top: 30px;
  }

  .newsletter-col {
    width: 100%;
  }

  .header {
    height: 50px;
  }

  .header-logo {
    width: 180px;
  }

  .lang-btn {
    margin-left: 15px;
  }

  .all-content {
    padding-top: 50px;
  }

  .all-content.project-details {
    padding-top: 50px;
  }

  .nav-menu-scroll {
    width: 90%;
    padding: 20px 20px 120px;
  }

  .nav-menu-content-b {
    margin-top: 20px;
  }

  .nav-menu-link {
    font-size: 24px;
  }

  .nav-menu-bottom {
    width: 90%;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .nav-menu-submenu {
    margin-top: 5px;
  }

  .nav-menu-line {
    margin-right: 5px;
    margin-left: 5px;
  }

  .pop-back {
    display: none;
  }

  .menu-btn-close {
    margin-top: 20px;
    margin-right: 20px;
  }

  .pop-scroll {
    width: 90%;
    padding: 20px;
  }

  .pop-btn-close {
    display: block;
    margin-top: 28px;
  }

  .btn {
    padding-right: 40px;
    padding-left: 40px;
  }

  .form-col {
    width: 100%;
  }

  .projects-col-title {
    width: 100%;
  }

  .projects-col-filter {
    top: 50px;
    width: 100%;
  }

  .projects-col {
    margin-top: 30px;
  }

  .projects-search {
    width: 65%;
  }

  .projects-search-input {
    height: 45px;
    padding-left: 45px;
  }

  .projects-search-btn {
    margin-left: 0px;
  }

  .projects-filter-btn {
    width: 35%;
  }

  .filter-list-btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .filter-link {
    margin-right: 5px;
    margin-bottom: 8px;
    padding: 2px 12px;
  }

  .filter-bottom {
    width: 90%;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .pop-filter-scroll {
    width: 90%;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .concept-col {
    margin-top: 30px;
  }

  .media-col-title {
    width: 100%;
  }

  .media-col-txt {
    width: 100%;
  }

  .media-col {
    width: 100%;
    margin-top: 30px;
  }

  .media-link {
    min-height: 200px;
    padding: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .media-link-img-b {
    width: 45%;
    margin-top: 0px;
    padding-top: 37%;
  }

  .media-link-txt-b {
    width: 55%;
    margin-bottom: 0px;
    padding-left: 10px;
  }

  .press-content-b {
    width: 100%;
  }

  .press-list {
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 30px;
  }

  .press-col-l {
    width: 100%;
    margin-bottom: 10px;
  }

  .press-col-r {
    width: 100%;
    padding-right: 60px;
  }

  .slide {
    width: 80px;
    margin-right: 15px;
  }

  .concept-carousel-b {
    margin-bottom: -30px;
  }

  .press-carousel-b {
    margin-top: 15px;
  }

  .details-related {
    margin-top: 60px;
  }

  .details-related-title {
    font-size: 24px;
  }

  .details-related-slider {
    margin-top: 15px;
    margin-bottom: 30px;
    padding-bottom: 50px;
  }

  .btn-back-listing {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .details-related-slide {
    width: 100%;
  }

  .details-related-arrow-r {
    position: absolute;
    left: 50%;
    top: auto;
    right: auto;
    bottom: 0%;
    margin-top: 0px;
    margin-left: 30px;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
  }

  .details-related-arrow-l {
    position: absolute;
    left: 50%;
    top: auto;
    right: auto;
    bottom: 0%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: -30px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }

  .press-link-txt-b {
    margin-bottom: 0px;
  }

  .projects-details-related-slide {
    width: 50%;
  }

  .horizontal-scroll-content {
    margin-top: -30px;
  }

  .project-details-img-b {
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .project-details-content-b {
    display: none;
  }

  .project-details-content-b-mobile {
    display: block;
    margin-top: -30px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .project-details-img {
    width: 100%;
    height: auto;
  }

  .project-details-img-link {
    width: 100%;
    height: auto;
  }

  .project-details-video-section {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .project-details-video-title {
    font-size: 24px;
  }

  .project-details-video-slide-mask {
    width: 100%;
  }

  .pop-floorplan-scroll {
    width: 90%;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .project-details-video-slide {
    padding-right: 0px;
    padding-left: 0px;
  }

  .project-details-pop-btn-close {
    display: block;
    margin-top: 28px;
  }

  .philosophy-img-b {
    padding-top: 35%;
  }

  .philosophy-list-b {
    padding-left: 90px;
  }

  .philosophy-txt-b {
    padding-top: 22px;
  }

  .philosophy-icon-b {
    width: 70px;
    height: 70px;
  }

  .philosophy-icon-border {
    width: 62px;
    height: 62px;
  }

  .join-col-txt {
    width: 100%;
  }

  .join-col-img {
    width: 100%;
    margin-top: 30px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .join-img-b {
    padding-top: 65%;
  }

  .btn02 {
    padding-right: 40px;
    padding-left: 40px;
  }

  .how-content-b {
    margin-top: -15px;
  }

  .how-content-list {
    display: block;
    margin-top: 45px;
    padding-left: 80px;
  }

  .how-content-txt-b {
    width: 100%;
    padding-left: 0px;
  }

  .how-step-b {
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
    margin-bottom: -45px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .how-content-img-col {
    width: 100%;
    margin-bottom: 15px;
    padding-right: 0px;
  }

  .whyinbloom-icon {
    width: 20px;
  }

  .whyinbloom-row-title {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .whyinbloom-col01-title {
    height: auto;
    font-size: 12px;
    line-height: 110%;
  }

  .services-content-b {
    padding-top: 60px;
  }

  .services-list-col {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .services-list {
    padding-left: 0px;
  }

  .services-icon-b {
    position: relative;
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
  }

  .services-icon-border {
    width: 62px;
    height: 62px;
  }

  .services-title-txt-b {
    padding-bottom: 30px;
  }

  .about-sticky-menu-mobile {
    top: 50px;
  }

  .home-concept-col {
    width: 20%;
  }

  .home-projects-col-title {
    width: 100%;
  }

  .home-projects-col-txt {
    width: 100%;
  }

  .home-projects-btn-b {
    margin-top: 30px;
  }

  .home-philosophy-col-l {
    width: 100%;
  }

  .home-philosophy-col-r {
    width: 100%;
  }

  .home-concept-row-mobile {
    margin-top: -30px;
    margin-bottom: 30px;
  }

  .home-media-title-col-l {
    width: 100%;
  }

  .home-media-title-col-r {
    width: 100%;
  }

  .home-media-row {
    margin-bottom: 60px;
  }

  .home-banner-tagline {
    font-size: 26px;
  }

  .btn02-white {
    padding-right: 40px;
    padding-left: 40px;
  }

  .contact-enquiry-col {
    width: 100%;
    margin-top: 30px;
  }

  .contact-form-col {
    width: 100%;
  }

  .contact-form-col02 {
    width: 100%;
  }

  .media-btn {
    font-size: 20px;
  }
}

@media screen and (max-width: 479px) {
  .section-content.bg-services {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/services-bg-mobile.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/services-bg-mobile.jpg');
    background-position: 0px 0px, 50% 50%;
  }

  .contact-img-row {
    margin-top: 25px;
  }

  .contact-img-col {
    width: 100%;
    margin-top: 5px;
  }

  .img.home-banner01 {
    background-image: url('../images/home-banner01-mobile.jpg');
  }

  .img.home-banner02 {
    background-image: url('../images/home-banner02-mobile.jpg');
  }

  .img.home-banner03 {
    background-image: url('../images/home-banner03-mobile.jpg');
  }

  .pop-scroll {
    width: 320px;
  }

  .projects-col {
    width: 100%;
  }

  .projects-search {
    width: 66%;
  }

  .projects-search-input {
    padding-left: 40px;
  }

  .projects-filter-btn {
    width: 34%;
  }

  .filter-bottom-col-l {
    width: 40%;
  }

  .filter-bottom-col-r {
    width: 60%;
  }

  .concept-col {
    width: 100%;
  }

  .media-col {
    width: 100%;
  }

  .media-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .media-link-img-b {
    width: 100%;
    margin-top: 10px;
    padding-top: 80%;
  }

  .media-link-txt-b {
    width: 100%;
    padding-left: 0px;
  }

  .press-content-b {
    width: 100%;
  }

  .press-list-arrow {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .press-link-txt-b {
    width: 100%;
    padding-left: 0px;
  }

  .projects-details-related-slide {
    width: 100%;
  }

  .project-details-img-b {
    width: 100%;
  }

  .contact-video-mask01 {
    left: 0%;
    top: 50%;
    right: 0%;
    bottom: auto;
    width: 100%;
    height: 10px;
    margin-top: 2.5px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }

  .contact-video-mask02 {
    display: none;
  }

  .services-list-col {
    width: 100%;
  }

  .services-line04.hidden-desktop {
    display: block;
  }

  .services-line05 {
    display: none;
  }

  .home-concept-col {
    width: 33.33%;
  }

  .home-media-col01 {
    width: 50%;
  }

  .home-media-col02 {
    width: 100%;
    margin-top: 10px;
  }

  .home-media-col03 {
    position: relative;
    width: 50%;
  }
}

@font-face {
  font-family: 'Carla';
  src: url('../fonts/CarlaSansRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.img.showroom, .home-banner-slider{
  bottom: auto;
  height: 100vh;
}

.homepage-load {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 8000;
  display: none;
  background-color: #f3f4f2;
  opacity: 0;
}

.media-btn {
  margin-top: 15px;
  font-family: Carla, sans-serif;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}

img{
  pointer-events: none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}

body{
  opacity:0;
}