/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#f2f2f2;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
  border: 0;
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

a[href^=tel] {
   text-decoration:inherit;
   color: inherit;
}

.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none;
}

.modal.modal-fullscreen .modal-content {
  height: auto;
  height: 100vh;
  border-radius: 0;
  border: none;
}

.modal.modal-fullscreen .modal-body {
  overflow-y: auto;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: 0;
  box-shadow: 0;
  outline: 0 none;
}

/* loading layer -- start */

#loading{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffffff;
  filter:alpha(opacity=100);
  opacity:1;
  top:0;
  left:0;
  z-index:100000;
  display: block;
}

#loading-content{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  color:#ffffff;
  font-size:20px;

}

#loading-close{
  position:absolute;
  top:10px;
  right:10px;

  color:#ffffff;
  font-size:20px;
}

#loading-close a{
  color: #ffffff;
  text-decoration:none;
}

/* loading layer -- end */

/* return to top -- start */
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.4;
    z-index: 10;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
/* return to top -- end */

/* Custom CSS
 * --------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Barlow", sans-serif;
  color: #f2f2f2;
  font-size: 16px;
}


h1{
	font-size: 6em;
}
h2{
  font-size: 5em;
}
h3{
  font-size: 4em;
}
h4{
  font-size: 3em;
}
h5{
  font-size: 2em;
}

p{
	font-size: 2em;
}
.section{
	text-align: center;
}

.logo-font{
  font-family: Helvetica;
}

#header{
	position:fixed;
	top:0;
	left:0;
	height: 60px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}

#header a{
  color: #fff;
}
#header a:hover{
  text-decoration:none;
}

#header a.header_brown{
  color: #4A3B32;
}

#header_layer{
	position:fixed;
	top:0;
	left:0;
	height: 60px;
	z-index: 60;
	width: 100%;
	padding: 0;
	margin:0;
  background:#fff;
  opacity:0.2;
}

#header #header_logo{
  display:inline-block;
  padding-top: 10px;
  padding-left: 20px;
  font-family: Helvetica;
  font-size:1.75em;

}

#header #header_lang{
  display: block;
  height: 20px;
  width: 70px;
  position: absolute;
  top: 18px;
  right: 90px;
  z-index: 5;
}



#header .header_lang_divider{
  padding-left: 5px;
  padding-right: 5px;
  color:#fff;
}

.header_brown{
  color: #4A3B32 !important;
}

#header #header_menu{
  float:right;
}


.container {
  max-width: 1050px;
  width: 100%;
  margin: auto;
}

.navbar {
  width: 100%;
  padding :0;
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
}

.navbar .menu-items {
  display: flex;
}

.navbar .nav-container li {
  list-style: none;
}

.navbar .nav-container a {
  text-decoration: none;
  /* color: #0e2431; */
  /* font-weight: 500; */
  /* font-size: 1.2rem; */
  /* padding: 0.7rem; */
}

.navbar .nav-container a:hover{
    /* font-weight: bolder; */
}

.nav-container {
  display: block;
  position: relative;
  height: 60px;
}

.nav-container .checkbox {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  top: 22px;
  right: 20px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.nav-container .navbar_cover{
  position:fixed;
  width:100%;
  height:100%;
  background:#ffffff;
  filter:alpha(opacity=50);
  opacity:0.5;
  top:0;
  left:0;
  z-index:4;
  display: none;
}

.nav-container .hamburger-lines {
  display: block;
  height: 16px;
  width: 20px;
  position: absolute;
  top: 22px;
  right: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.5s ease-in-out;
}

.nav-container .hamburger-lines .line {
  display: block;
  height: 2px;
  width: 100%;
  border-radius: 10px;
  background: #ffffff;
  align-self: flex-end;
}

.nav-container .hamburger-lines .line1 {
  width: 80%;
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
  transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
  width:60%;
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

.navbar .menu-items {

  /* box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5); */
  /* height: 50vh; */
  height: 100vh;
  width: 300px;
  transform: translate(150%);
  display: flex;
  flex-direction: column;
  margin-right: -40px;
  padding-right: 50px;
  transition: transform 0.5s ease-in-out;
  text-align: left;
  background: #A28772;
  z-index: 5;
  position: relative;
}

.navbar .menu-items .menu-title{
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #937A65;
  color: #fff;
  font-size: 1.2rem;
}


.navbar .menu-items li {
  /* margin-bottom: 1.2rem; */

}

.navbar .menu-items li a{
  display:block;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1rem;
  font-weight: 100;
  background: #A28772;
  color: #fff;
  border-bottom: 1px solid #9A7F6A;
  padding-left:25px;
  color: #fff;
}

.navbar .menu-items li a:hover{
  background: #A28772;
  font-weight: 400;
  background: #735643;
}

.logo {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 1.2rem;
  color: #0e2431;
}

.navbar .euquire-container{
  position: absolute;
  bottom: 60px;
  right: 78px;
  text-align: center;
}

.navbar .euquire-container .title{
  font-family: 'operetta-12';
  color:#fff;
  font-size:2rem;
  background: 0;
}

.navbar .euquire-container .text{
  color:#fff;
  font-size:1rem;
  font-style: italic;
}

.navbar .euquire-container .enquire_btn{
  margin-top:10px;
  background:#8F6B4F;
  color:#fff;
  padding:10px 40px;
  border-radius: 25px;
  border:1px solid #A28772;
  font-weight: 500;
}

.nav-container input[type="checkbox"]:checked ~ .menu-items {
  transform: translateX(25px);
}

.nav-container input[type="checkbox"]:checked ~ .navbar_cover {
  display: block;
  transition: opacity 2s linear ;
  opacity: 0.5;
}

.nav-container input[type="checkbox"]:checked,
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines {
  transform: translateX(-255px);

}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
  width: 100%;
  transform: rotate(45deg);
  background: #937A65;
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
  transform: scaleY(0);
  background: #937A65;
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
  width: 100%;
  transform: rotate(-45deg);
  background: #937A65;
}

.nav-container input[type="checkbox"]:checked ~ .logo{
  display: none;
}

.section{
  text-align:center;
}


.video_container{
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 0;
  top:0;
  right:0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black; /* in case the video doesn't fit the whole page*/
  background-image: /* our video */;
  background-position: center center;
  background-size: contain;
  object-fit: cover; /*cover video background */
}

#section1,
#section2,
#section3,
#section4,{
  background-size: cover;
}


#section1 .layer{
  position: absolute;
  z-index: 5;
  width: 100%;
  left: 0;
  top: 40%;
  /* height: 100%; */
}

@keyframes fadein {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

#section1 h1{
  font-family: 'operetta-12';
  color:#ffffff;
  font-size:5rem;
  padding-left:50px;
  padding-right:50px;
  /* opacity: 0; */
  /* transition: opacity 3.0s linear; */
  /* animation-delay: 2s; */
}
#section1.active h1{
  animation-name: fadein;
  animation-duration: 3s;
  animation-delay: 0s;
}


#section1 h5{
  font-family: "Barlow";
  color:#ffffff;
  font-size:1.8rem;
  font-style: italic;
}
#section1.active h5{
  animation-name: fadein;
  animation-duration: 3s;
  animation-delay: 0s;
}

#section2 .layer{
  position: absolute;
  z-index: 5;
  width: 100%;
  left: 0;
  top: 13vh;
  /* height: 100%; */
}

#section2 h1{
  font-family: 'operetta-12';
  color:#fff;
  font-size:5rem;
  padding-left:50px;
  padding-right:50px;
  opacity: 0;
  transition: opacity 3.0s linear;
  animation-delay: 2s;
}

#section2.active h1{
  opacity: 1;
  transition: opacity 3.0s linear;
  animation-delay: 2s;
}

#section2 h5{
  font-family: "Barlow";
  color:#fff;
  font-size:1.5rem;
  font-style: italic;
  line-height: 1.5rem;
  padding-left:20px;
  padding-right:20px;
}

.intro_1{
  font-family: "Barlow";
  font-size: 1rem;
}

.intro_2{
  font-family: 'operetta-12';
  font-size: 2rem;
  line-height:1em;
}

.intro_3{
  margin-top:10px;
  font-family: "Barlow";
  font-size: 1.2rem;
  line-height:1.2em;
}

@keyframes bgTopToBottom {
  0%{
    background-position: left top;
  }
  100%{
    background-position: left bottom;
  }
}

@keyframes bgTopToBottom_mobile {
  0%{
    background-position: 15% top;
  }
  100%{
    background-position: 15% bottom;
  }
}

#section3{
  background-image: url(../../assets/img/3.jpg); 
  /* background-image: url("https://marqomotesandoone.s3.ir-thr-at1.arvanstorage.com/3.jpg"); */
  background-position: left bottom;
  color:#000;
}

#section3.active {
  animation-name: bgTopToBottom;
  animation-duration: 10s;
  animation-delay: 0s;
}

#section3 .intro{
  position: absolute;
  top:35%;
  right: 150px;
  padding-right:10px;
}

#section3 .intro_1{
}

#section3 .intro_2{

}

#section3 .intro_3{
  font-style: italic;

}

@keyframes bgLeftToRight {
  0%{
    background-position: left bottom;
  }
  100%{
    background-position: right bottom;
  }
}

#section4{
  background-image: url(../../assets/img/4.jpg); 
  /* background-image: url("https://marqomotesandoone.s3.ir-thr-at1.arvanstorage.com/4.jpg"); */
  background-position: right bottom;
  background-size: 110% auto;
  /* object-fit: cover; */
}

#section4.active {
  animation-name: bgLeftToRight;
  animation-duration: 30s;
  animation-delay: 0s;
}

#section4 .intro{
  position: absolute;
  top:30%;
  left: 150px;
  padding-right:10px;
}

#section4 .intro_1{

}

#section4 .intro_2{

}

#section4 .intro_3{
  font-style: italic;

}

#section5 {
  /* background-image: url(../../assets/img/Exterior_BG.jpg); */
  /* width: 100%; */
  /* background-position: center 60%; */
}

#section5 .section5_bg{
  /* margin-top:-675px; */
  /* transform: translateY(-675px); */
  position: absolute;
  left: 0;
  top: -765px;
  width: 100%;
}

#section5 .section5_container{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#section5 .layer{
  position: absolute;
  top: 15vh;
  left:0px;
  width:100%;
}

#section5 .layer .intro{
  position :absolute;
  left: 140px;
  text-align:left;
  height: 300px;
}

#section5 .layer .intro_1{

}

#section5 .layer .intro_2{

}

#section5 .layer .intro_3{

}

#section5 .slider_control{
  position: absolute;
  bottom: 0;
  right: 0;
}

#section5 .slider_control a{
  color: #fff;
  cursor: pointer;
}
#section5 .slider_control a:hover{
  color: #fff;
  text-decoration: none;
}

#section5 .slider_control .slider_next{
  padding-left: 25px;
}

#section5 .slider-container{
  position: absolute;
  left:620px;
  height: 300px;
  width:75vw;
  opacity: 1;
}

#section5 .slider-container .popup_gallary{
  cursor: pointer;
  padding-left:10px;
  padding-right:10px;
}

#section5 .my-slider{

}




/* Hide scrollbar for Chrome, Safari and Opera */
#section5::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#section5 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#section6{

}

#section6 .layer{
  position: absolute;
  top:0;
  width:100vw;
  height:100vh;
}

#section6 .layer .intro{
  position: absolute;
  left:10vw;
  text-align:left;
  /* height: 47.6vw; */
  top: 50%;
  transform: translateY(-50%);
}

#section6 .layer .intro_1{

  color: #9D877E;
}

#section6 .layer .intro_2{

  color: #80573D;
}

#section6 .layer .intro_3{
  color: #000;
}

#section6 .layer .interior_gallery_container{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60vw;
}

#section6 .layer .interior_gallery{

  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto;
  grid-auto-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

#section6 .layer .interior_gallery .item{
  cursor: pointer;
}

#section6 .layer .interior_gallery .item img{
  object-fit: cover;
  width: 100%;
}

#section6 .layer .interior_gallery .item1{
  /* grid-row: 1/3; */
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}

#section6 .layer .interior_gallery .item4{
  /* grid-column: 2/4; */

  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;


}
#section6 .layer .interior_gallery .item4 img{
  /* height: 81.3%; */
  /* max-height: 100%; */
  object-fit: cover;
  object-position: top;
  aspect-ratio: 2.52;
}
#section6 .layer .interior_gallery .item5 img{
  aspect-ratio: 1.5;
}


#section7 {

}

#section7 .layer{
  position: absolute;
  z-index: 5;
  right: 150px;
  top: 50%;
}

#section7 .intro_1{
  padding-right:50px;
}

#section7 .icon_play{
  width:100px;
}

#section7_modal_video{
  height:100%;
  width:100%;
}

#section8{

}

#section8 .section_service{
  position: relative;
  margin-top:60px;
  margin-bottom:20px;
}


#section8 .section_service .section_service_bg img{
  width:100%;
  height: 58vh;
  object-fit: cover;
}

#section8 .layer{

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

#section8 .intro{
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  text-align:left;
  width: 20vw;
}

#section8 .layer .intro_1{
  color: #D9A676;
}

#section8 .layer .intro_2{
  color: #fff;
}

#section8 .layer .intro_3{
  color: #fff;
}

#section8 .section_service_item_container{
  position: absolute;
  top: 28vh;
  transform: translateY(-50%);
  right: 10vw;
  margin: 5px;
  display: grid;
  grid-template-columns: auto auto;
}



#section8 .section_service_item_container .section_service_item{
  text-align: center;
  width: 200px;
  height: 180px;
  /* padding: 40px 20px; */
  display: flex;
  flex-flow: column;
  position: relative;

}

#section8 .section_service_item_container .section_service_item_box{
  width:100%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#section8 .section_service_item_container .service_item_img{
  text-align: center;
  padding-bottom:5px;
}

#section8 .section_service_item_container .service_item_img img{
  width:75px;
}

#section8 .section_service_item_container .service_item_text{
  color: #D9A676;
}

#section8 .section_service_item_container .section_service_item1{
  border-bottom:1px solid #978880;
  border-right:1px solid #978880;
}

#section8 .section_service_item_container .section_service_item2{
  border-bottom:1px solid #978880;
}

#section8 .section_service_item_container .section_service_item3{
  border-right:1px solid #978880;
}

#section8 .section_service_item_container .section_service_item4{
}

/* Hide scrollbar for Chrome, Safari and Opera */
#section8::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#section8 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.section_location{
  position: relative;
  height:100%;
  z-index:10;
}

.section_location .section_location_layer{

}

.section_location .map_layer{
  position: absolute;
  left: 5vw;
  width:55vw;
}

.section_location .map_layer img{
  width:100%;
}

.section_location .address_layer{
  position: absolute;
  width:35vw;
  top: 30vh;
  right: 10%;


}

.section_location .address_container{
  width: 100%;
  background: #8F6B4F;
  color: #fff;
  padding: 30px;
}

.section_location .address_container .title{
  font-size: 0.8rem;
}
.section_location .address_container .name{
  font-size: 2rem;
}
.section_location .address_container .icon_location{
  margin:2px;
}
.section_location .address_container .icon_location img{
  height:30px;
}
.section_location .address_container .address{
  font-size: 1.4rem;
}

.section_location .contractor_container{
  width: 100%;
  margin-top: 10px;
  background: #F0EBE6;
  padding: 15px 25px;
  text-align: center;
}

.section_location .contractor_container .contractor_box{
  text-align: left;
  color: #9F887A;
  padding-top:10px;
  padding-bottom:10px;
}

.section_location .contractor_container .contractor_box .title{
  font-size: 0.8rem;
  font-weight: bold;
}

.section_location .contractor_container .contractor_box .name img{
  height:25px;
}

.section_location .contractor_container .name img.contractor_bpea{
  height: 16px;
}
.section_location .contractor_container .name img.contractor_falcon{
  height: 18px;
}

.section_enquire{
  background: #DFD4CB;
  width: 100%;
  height:500px;
  margin-top: -10vh;
  position: relative;
  z-index:5;
}

.section_enquire .section_enquire_layer{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.section_enquire .section_enquire_layer .title{
  font-family: 'operetta-12';
  color:#8F6B4F;
  font-size:3rem;
}

.section_enquire .section_enquire_layer .text{
  color:#8F6B4F;
  font-size:1rem;
  font-style: italic;
}

.section_enquire .section_enquire_layer .enquire_btn{
  margin-top:10px;
  background:#8F6B4F;
  color:#fff;
  padding:10px 40px;
  border-radius: 25px;
  border:1px solid #8F6B4F;
  font-weight: 500;
}



.footer{
  width:100%;
  height:140px;
  background:#000;
  padding-left: 5%;
  padding-top:40px;
  padding-bottom:40px;
  text-align:left;
}

.footer .footer_logo{
  display:inline-block;

}

.footer .footer_logo img{
  height:60px;
}

.footer .copyright{
  display:inline-block;
  margin-left:40px;
  color:#fff;
  font-size:0.5rem;
}

@media (min-width: 576px){
  .small-mobile-break { display: none; }

  #section7_modal .modal-dialog,
  #popup_gallary .modal-dialog {
    /* margin: 4rem auto; */
  }
}
#section7_modal .modal-dialog .modal-content,
#popup_gallary .modal-dialog .modal-content{
  background: none;
  border: 0;
}


#section7_modal .modal-dialog .modal-header,
#popup_gallary .modal-dialog .modal-header{
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#section7_modal .modal-dialog .close,
#popup_gallary .modal-dialog .close{
  text-shadow: none;
  color: #fff;
}


#enquire-dialog{
  background: #957E6D;
}

#enquire-dialog .modal-content{
  background: #957E6D;
}

#enquire-dialog .close{
  text-align: right;
  font-size:4rem;
  font-weight: 100;
  margin-right: 40px;
  color: #fff;
  opacity: 1;
  z-index: 20;
}

#enquire-dialog .enquire_logo{
  text-align: center;
  height:80px;
  margin-top: -40px;
}

#enquire-dialog .enquire_logo img{
  height: 100%;
}

#enquire-dialog .enquire_container{
  text-align: center;
  color:#fff;
  margin-top: 40px;
}

#enquire-dialog .enquire_title{
  font-family: 'operetta-12';
  font-size: 2.5rem;
}

#enquire-dialog .enquire_intro1{
  font-family: "Barlow";
  font-size: 1rem;
  font-style: italic;
}

#enquire-dialog .enquire_form{
  margin-top:30px;
  text-align: center;
  margin-bottom: 30px;
}

#enquire-dialog .enquire_text_container{
  position: relative;
  padding-bottom: 10px;
}

#enquire-dialog select option:disabled {
    color: #fff;
    font-weight: bold;
}

#enquire-dialog .enquire_radio {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

#enquire-dialog .enquire_text{
  color: #E7C7AF;

}

#enquire-dialog .enquire_radio_label{
  width: 400px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:10px;
  background: #8E7767;
  border: 0;
  border-bottom: 1px solid #C1997B;
  margin-bottom: 10px;
  color: #E7C7AF;
  text-align: left;
  cursor: pointer;
}

#enquire-dialog input[type="radio"]:checked + .enquire_radio_label{

  background: #A28772;
}

#enquire-dialog .enquire_message{
  width: 400px;
  height: 150px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:10px;
  background: #8E7767;
  border: 0;
  border-bottom: 1px solid #C1997B;
  margin-bottom: 10px;
  color: #E7C7AF;
}

#enquire-dialog .enquire_textbox{
  width: 400px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left:10px;
  background: #8E7767;
  border: 0;
  border-bottom: 1px solid #C1997B;
  margin-bottom: 10px;
  color: #E7C7AF;
}

#enquire-dialog .enquire_textbox#telephone{
  padding-left: 50px;
}

#enquire-dialog .enquire_message::placeholder,
#enquire-dialog .enquire_textbox::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #E7C7AF;
  opacity: 1; /* Firefox */
}

#enquire-dialog .enquire_message:-ms-input-placeholder,
#enquire-dialog .enquire_textbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #E7C7AF;
}

#enquire-dialog .enquire_message::-ms-input-placeholder,
#enquire-dialog .enquire_textbox::-ms-input-placeholder { /* Microsoft Edge */
  color: #E7C7AF;
}


#enquire-dialog .enquire_btn{
  background:#8F6B4F;
  color:#fff;
  padding:10px 40px;
  border-radius: 25px;
  border:1px solid #8F6B4F;
  font-weight: 500;
}

#enquire-dialog .enquire_footer{
  margin-top: 40px;
  text-align: center;
}

#enquire-dialog .enquire_footer .enquire_footer_intro1{

}

#enquire-dialog .enquire_footer .enquire_footer_intro2{
  font-size: 1.5rem;
  font-style: italic;
  font-weight:100;
}

#enquire-dialog .enquire_success{
  position: absolute;
  top: 50%;
  width: 100%;
  padding-left:50px;
  padding-right:50px;
  text-align: center;
  display: none;
}


#popup_gallary .pop_up_prev{
  position: absolute;
  left: 5vw;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
#popup_gallary .pop_up_next{
  position: absolute;
  right: 5vw;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

#popup_gallary a.pop_up_prev,
#popup_gallary a.pop_up_next{
  color: #fff;
  cursor: pointer;
}
#popup_gallary a.pop_up_prev:hover,
#popup_gallary a.pop_up_next:hover{
  text-decoration:none;

}

#popup_gallary .modal-body{
  text-align: center;

}

#popup_gallary .modal-content{
  /* max-width: fit-content; */
  left: 50%;
  transform: translateX(-50%);
}

#popup_gallary .modal-body .popup_img_container{
  position: relative;
  width:100%;
  height:100%;

}
#popup_gallary .modal-body #popup_img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width:100%; */
  /* height:100%; */
  max-width: 75%;
  max-height: 90vh;
}


#popup_gallary .modal-body a{
  color: #fff;
  cursor: pointer;
}
#popup_gallary .modal-body a:hover{
  text-decoration:none;

}

#popup_gallary .modal-body .popup_prev_box,
#popup_gallary .modal-body .popup_next_box{
  display: flex;
  font-size: 10rem;
  font-weight: 100;
  color: #fff;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}


#popup_gallary .modal-body .popup_img{

}


#popup_gallary button.close {

}

#popup_gallary button.close span {
  font-size: 5rem;
  font-weight: 100;
}


#popup_gallary .modal-dialog{
  top: 50%;
  transform: translateY(-50%);
}

.modal-backdrop.show {
    opacity: .8;
}

@media screen and (max-width:1600px){
  #section5 .section5_bg {
    top: -500px;
  }
  #section6 .layer .interior_gallery .item4 img {
    aspect-ratio: 2.54;
  }
  #section8 .section_service .section_service_bg img {
    height: 62vh;
  }

  #section8 .section_service_item_container {
    top: 32vh;
    right: 5vw;
  }

  #section8 .section_service_item_container .section_service_item {
    width: 220px;
    height:180px;
  }

  .section_location .address_layer{
    top: 15vh;
  }

  .section_location .address_container .name {
    font-size:1.8rem;
  }

  .section_location .address_container .address {
    font-size: 1rem;
  }

  .section_enquire {
    margin-top: -15vh;
  }

  #enquire-dialog .enquire_container {
    margin-top: 40px;
  }

  #enquire-dialog .enquire_form {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  #enquire-dialog .enquire_footer {
    margin-top: 30px;
  }

}

@media screen and (max-width:1280px){
  #section5 .section5_bg {
    top: -400px;
  }
  #section5 .layer {

  }

  #section5 .layer .intro {
    left: 60px;
  }

  #section5 .slider-container {
    left: 500px;
  }

  #section6 .layer .interior_gallery .item4 img {
    aspect-ratio: 2.6;
  }

  #section7_modal .modal-dialog {
    margin: 1rem auto;
  }
  #section8 .section_service .section_service_bg img {
    height: 70vh;
  }
  #section8 .intro {
    left:35%;
    width:25vw;
  }
  #section8 .section_service_item_container {
    top: 35vh;
    right: 5vw;
  }

  #section8 .section_service_item_container .section_service_item {
    font-size: 0.9rem;
    padding: 20px;
  }

  .section_location .address_layer {
    top: 10vh;
  }

  .section_location .address_container .name {
    font-size: 1.3rem;
  }

  .section_location .address_container .address {
    font-size: 0.8rem;
  }

  .section_location .contractor_container .contractor_box .name img {
    height: 20px;
  }

  .section_location .contractor_container .name img.contractor_bpea {
    height: 13px;
  }

  .section_location .contractor_container .name img.contractor_falcon {
    height: 15px;
  }



  .section_enquire {
    margin-top: -10vh;
    height: 500px;
  }


}

@media screen and (max-width:1024px){
  #section5 .section5_bg {
    top: 0;
    height: 100vh;
  }
  #section5 .layer {
  }
  #section5 .layer .intro {
    left: 0vw;
    font-size: 1rem;
    width: 100%;
    text-align: center;
  }
  #section5 .layer .intro_3 {
    font-size: 1rem;
  }
  #section5 .slider_control {
    display: none;
  }
  #section5 .slider-container {
    top: 35vh;
    left: 10vw;
    width: 80vw;
  }
  #section6 .layer .intro{
    left: 5vw;
  }
  #section6 .layer .interior_gallery .item4 img {
    aspect-ratio: 2.6;
  }
  #section8 .section_service .section_service_bg img {
    height: 32vh;
  }
  #section8 .section_service {

  }
  #section8 .section_service .section_service_bg {
    width: 100%;
    height: 60vh;
    background-color: #62544B;
  }
  #section8 .section_service .section_service_bg img {
    width: auto;
    height: 22vh;

  }
  #section8 .layer {
    left: 0;
  }
  #section8 .intro {
    left: 0;
    top: 15vh;
    width: 100%;
    text-align: center;
    padding-left:50px;
    padding-right:50px;
    transform: none;
  }
  #section8 .intro_1{
    font-size: 0.8rem;
  }
  #section8 .intro_2{
    font-size: 1.8rem;
  }
  #section8 .intro_3{
    font-size: 1.1rem;
    line-height: 1.1em;
  }
  #section8 .section_service_item_container {
    top: 45%;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  #section8 .section_service_item_container .section_service_item {
    width: 200px;
    height: 180px;

  }
  #section8 .section_service_item_container .service_item_img img {
    width: 45px;
  }
  #section8 .section_service_item_container .service_item_text {
    color: #fff;
  }
  .section_location{
    height: auto;
  }
  .section_location .map_layer {
    position: relative;
    width: 90vw;
  }
  .section_location .address_layer {
    position: relative;
    top: 5vh;
    left: 5vw;
    width: 90vw;
  }
  .section_location .contractor_container .contractor_box {
    text-align:center;
  }
  .section_location .contractor_container .name img.contractor_bpea{
    height: 12px;
  }
  .section_location .contractor_container .name img.contractor_falcon{
    height: 14px;
  }
  .section_location .contractor_container .name img.contractor_mf_realty{
    height: 20px;
  }
  .section_location .contractor_container .name img.contractor_mf_residential{
    height: 20px;
  }
  .section_location .contractor_container .name img.contractor_taisei{
    height: 20px;
  }
  .section_location .contractor_container .name img.contractor_pdp{
    height: 18px;
  }
  .section_enquire {
    margin-top: 0vh;
    height: 400px;
  }
  .section_enquire .section_enquire_layer .title {
    font-size: 2rem;
  }
  .section_enquire .section_enquire_layer .text {
    font-size: 1rem;
  }
  #section7_modal .modal-dialog{
    margin: 3rem auto;
  }
  #popup_gallary .pop_up_prev{
    left: 2vw;
  }
  #popup_gallary .pop_up_next{
    right: 2vw;
  }
  #popup_gallary .modal-body .popup_img_container{

  }
  #popup_gallary .modal-body #popup_img{
    /*
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    */
  }
}
@media screen and (min-width: 768px)  {
        .mobile-break { display: none; }
}

@media screen and (max-width:768px){
  #section1 h1{
    font-size: 2rem;
  }
  #section1 h5{
    font-size: 1.2rem;
  }
  #section2 .layer {
    top: 15vh;
  }
  #section2 h1{
    font-size: 2rem;
  }
  #section2 h5{
    font-size: 1.2rem;
  }
  #section5 .layer .intro {
    /* left: 5vw; */
    font-size: 0.6rem;
  }

  .section_location .address_layer {
    top: 5vh;
    font-size: 0.8rem;
  }
  .section_enquire{
    height: 380px;
  }

  #section6 .layer .intro_3, #section8 .layer .intro_3{
    font-size: 1rem;
  }

}

@media screen and (max-width:576px){
  body{
    font-size: 12px;
  }
  #header #header_logo {
    padding-left:10px;
    padding-top:17px;
    font-size:1.2rem;
  }
  #header #header_lang {
    top: 20px;
    right: 30px;
  }
  #header #header_menu {
    float: right;
    top: 0px;
    position: absolute;
    right: 0px;
  }
  .navbar .euquire-container {
    bottom:65px;
  }
  #section1 .layer {
    top: 25vh;
    font-size: 0.5rem;
  }
  #section2 .layer {
    top: 15vh;
    font-size: 0.5rem;
  }
  #section3{
    background-position: -200px bottom;
    background-size: auto 100%;
  }
  #section3.active {
    /* animation-name: bgTopToBottom_mobile; */
    animation-name: none;
    animation-duration: none;
  }
  #section3 .layer {
    top: 25vh;
    font-size: 0.5rem;
    position: absolute;
    left: 0;
    width: 100%;
  }
  #section3 .intro {
    right:0;
    padding-right:0;
    width:100%;
    top: 10vh;
  }
  #section3 .intro_1 {
    font-size: 1.2rem;
  }
  #section3 .intro_2 {
    font-size: 2rem;
  }
  #section3 .intro_3 {
    font-size: 1rem;
  }
  #section4{
    background-size: auto 100%;
  }
  #section4 .layer {
    top: 25vh;
    font-size: 0.5rem;
    position: absolute;
    right: 0;
    width: 100%;
  }
  #section4 .intro {
    top: 0;
    left: 0;
    padding-right: 0;
    width: 100%;
  }
  #section4 .intro_1 {
    font-size: 1.2rem;
  }
  #section4 .intro_2 {
    font-size: 2rem;
  }
  #section4 .intro_3 {
    font-size: 1rem;
  }

  #section6 .layer .intro {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 10vh;
    bottom:auto;
    transform: none;
  }
  #section6 .layer .interior_gallery_container {
    top: 50vh;
    width: 90vw;
    left: 50%;
    transform: translateX(-50%);
  }

  #section6 .layer .interior_gallery .item4 img {
    aspect-ratio: 2.75;
  }

  #section7 .layer {
    left: 0vw;
    width: 100vw;
  }
  #section7 .intro_1 {
    padding-right:0;
  }
  #section7_modal .modal-dialog {
    margin: 4.5rem auto;
  }
  #section7 .icon_play{
    padding-top: 20px;
  }

  #section8 .section_service_item_container .section_service_item {
    width: 160px;
    height: 120px;
    font-size: 0.8rem;
  }


  .section_enquire{
    margin-top: 0vh;
    height: 400px;
  }

  #popup_gallary .modal-body .popup_prev_box,
  #popup_gallary .modal-body .popup_next_box{
    font-size:5rem;
  }

  #popup_gallary .modal-body .popup_img_container{
    width:70vw;
    height:100%;

  }

  #popup_gallary .modal-body #popup_img{
    height:auto;
    transform: translate(-28%, -50%);
  }


}