*{margin:0px; padding:0px;}
html {position:relative; height: 100%; width: 100%;  min-height:100%;font-size:16px;}
body{color:#000000;font-style:normal; font-size:14px; font-weight:400;font-family: 'Neutraface2Text-Book', sans-serif;}
.alignleft {float:left;}
.alignright{float:right;}
h1{margin:0; font-size:2.5rem;}
h1 span::before {
    content: "\a";
    white-space: pre;
}
h2{margin:0; font-size:1.875rem;}
h3{font-size:2rem; font-weight:500; margin:0;}
h4{ font-size:1.75rem; margin:0;}
h5{ font-size:1.125rem; font-weight:500; margin:0;}
h6{ font-size:1rem; font-weight:500; margin:0;}
p{font-size:0.875rem; font-weight:400;  margin:0;}
strong{font-weight:700;}
a, a:hover{text-decoration:none; transition:0.3s all ease-in-out;}
ul{margin:0px;}
.padd-0{padding:0px;}
.mar-0{margin:0px;}
.clearfix:before, .clearfix:after { content: '';  display: table; }
.clearfix:after { clear: both; }
.wrapper{ width:100%; }
/*********header*********/
@font-face {
    font-family: 'Neutraface2Text-Book';
    src: url('../fonts/Neutraface2Text-Book.eot');
    src: url('../fonts/Neutraface2Text-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Neutraface2Text-Book.woff2') format('woff2'),
        url('../fonts/Neutraface2Text-Book.woff') format('woff'),
        url('../fonts/Neutraface2Text-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neutraface2Text-Bold';
    src: url('../fonts/Neutraface2Text-Bold.eot');
    src: url('../fonts/Neutraface2Text-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Neutraface2Text-Bold.woff2') format('woff2'),
        url('../fonts/Neutraface2Text-Bold.woff') format('woff'),
        url('../fonts/Neutraface2Text-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.header { z-index: 99; width: 100%; padding: 10px 0px; background-color: #ffffff; }
.header_top { padding: 15px 0px 18px;   }
.navbar { padding: 0px; }
.header .navbar-brand { width: 65px;     padding: 0;}
.header .navbar-brand img{ width: 100%; }
.navbar-nav li {  margin-right: 15px; }
.navbar-nav li:last-child {  margin-right: 0px; }
.navbar-nav li a{ font-size: 11px; color: #201C2A; text-transform: uppercase; }
.navbar-nav li a:hover{  color: #c4d981; }
.header .navbar-collapse { flex-grow: inherit; margin-left: auto; }
.main-menu ul li.active a { color: #c4d981; }
/**********nav-icon**********/
.nav-icon { display: none; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;
transition: .5s ease-in-out; cursor: pointer; z-index: 9; width: 30px; height: 19px; position: absolute; top: 16px; right: 0px;
border-radius: 0; }
.nav-icon span{display: block; position: absolute; height: 3px; background: #000000; opacity: 1; left: 6px;
-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;
 transition: .25s ease-in-out; border-radius: 20px; }
.nav-icon span:nth-child(1) { top: 0px; width: 30px; left: auto; }
.nav-icon span:nth-child(2)	{ top: 8px; width: 30px;  left: auto;  }
.nav-icon span:nth-child(3)	{ top: 16px; width: 30px;  left: auto;  }
.nav-icon.open span:nth-child(1){ top: 10px; right: 0px; -webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);
 -o-transform: rotate(135deg); transform: rotate(135deg);}
.nav-icon.open span:nth-child(2){ 	opacity: 0; }
.nav-icon.open span:nth-child(3){ top: 10px;-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);transform: rotate(-135deg); width: 30px;  right: 0px; }
/*********banner_sec*********/
.pos-rel { position: relative; }
.top-scroll { position: absolute; top: -68px; left: 0;}
.banner_sec { padding-top: 120px; }
.banner_top { padding-bottom: 20px; }
.banner_top_img { width: 240px; margin-right: 39px; display: inline-block; vertical-align: top;  }
.banner_top_img img{ width: 100%; }
.banner_top_txt {  width: 71%; display: inline-block; vertical-align: top;  }
.banner_top_txt h1{ font-size: 36px; line-height: 33px; color: #000000; font-family: 'Neutraface2Text-Bold', sans-serif;
 margin-bottom: 10px; text-transform: uppercase; }
.banner_top_txt p{ font-size: 21px; line-height: 23px; color: #000000;}
.banner_slidesec { margin-bottom: 20px; }
.banner_slider img { width: 100%; height: 575px; object-fit: cover; display: block;}
/*********community_sec*********/
.community_sec { margin-bottom: 10px; }
.head_txt h3, .head_txt h2{ font-size: 24px; line-height: 44px; color: #000000; text-transform: uppercase;
font-family: 'Neutraface2Text-Bold', sans-serif; }
.box_txt { padding: 30px 25px; background-color: #ffffff; height: 100%; border: 7px solid #000000;  }
.box_txt:hover { background-color: #c4d981; border: 7px solid #c4d981;  transition:0.3s all ease-in-out;}
.box_txt p { font-size: 21px; line-height: 23px; color: #000000; }
.box_txt:hover p{ color: #ffffff; transition:0.3s all ease-in-out;}
.box_img { height: 100%;}
.box_img img { width: 100%; height: 100%; object-fit: cover; }
.box-row { height: 100%; }
.neighbourhood_sec {  margin-bottom: 30px; }
.amenities_sec {  margin-bottom: 10px; }

.neighbour_slider img { width: 100%; height: 372px; object-fit: cover; }
.neighbour_slider .slick-dots { bottom: -25px; text-align:center; margin:0 auto; left:0; right:0; z-index: 9; }
.neighbour_slider .slick-dots li{ width:9px; height:9px; margin:0 5px;}
.neighbour_slider .slick-slide { outline:none;}
.neighbour_slider li.slick-active button:before { opacity: 1; background: #D8D8D8;}
.neighbour_slider .slick-dots li button:before { width: 9px;  height: 9px; line-height: 17px; border-radius: 100%;
font-size:0px;  background: #7f7f7f; border:0;}
.neighbour_slider .slick-dots li.slick-active button:before { background: #000000; color:transparent;}
.neighbour_slider .slick-dots li button { width:9px; height:9px; padding: 0px;}

.suites_slider img { width: 100%; height: 100%; object-fit: cover; }
.suites_slider .slick-dots { bottom: -25px; text-align:center; margin:0 auto; left:0; right:0; z-index: 9; }
.suites_slider .slick-dots li{ width:9px; height:9px; margin:0 5px;}
.suites_slider .slick-slide { outline:none;}
.suites_slider li.slick-active button:before { opacity: 1; background: #D8D8D8;}
.suites_slider .slick-dots li button:before { width: 9px;  height: 9px; line-height: 17px; border-radius: 100%;
font-size:0px;  background: #7f7f7f; border:0;}
.suites_slider .slick-dots li.slick-active button:before { background: #000000; color:transparent;}
.suites_slider .slick-dots li button { width:9px; height:9px; padding: 0px;}
/*********suites_sec*********/
.suites_sec {  margin-bottom: 30px; }
.suites_main { padding: 35px 30px; background-color: #000000; }
.suites_txt { display: inline-block; vertical-align: top; width: 43%; margin-right: 80px; }
.suites_txt p{ font-size: 21px; line-height: 23px; color: #ffffff; margin-bottom: 25px; }
.suites_txt span{ font-size: 21px; line-height: 23px; color: #ffffff; display: block; }
.suites_txt ul{ padding-left: 19px;}
.suites_txt ul li{ font-size: 21px; line-height: 23px; color: #ffffff;  }
.suites_accordian { display: inline-block; vertical-align: top; width: 47%; }
.accordion-item { background-color: #000000; }
.accordion-button { background-color: #000000;  padding: 5px 20px 0px; font-size: 21px; line-height: 23px; color: #ffffff;
border-bottom: 1px solid #fff; text-transform:  uppercase;}
.accordion-button:not(.collapsed) { background-color: #000000;  color: #ffffff; }
.suites_accordian h2 { font-size: 21px; line-height: 23px; color: #ffffff; }
.accordion-body  { padding: 5px 20px 10px; }
.accordion-body p , .accordion-body a  { font-size: 21px; line-height: 23px; color: #ffffff; display: block; }
.accordion-body a:hover  { color: #c4d981;}
.accordion-button:focus { box-shadow: none; border-color: #fff;}
.accordion-button::after { width: 20px; height: 20px;  margin-left: auto;  content: "+"; background-image: none;
 font-size: 35px; line-height: 23px; color: #ffffff; text-align: center; }
.accordion-button::after { width: 20px; height: 20px;  margin-left: auto;  content: "+"; background-image: none;
 font-size: 35px; line-height: 23px; color: #ffffff; text-align: center; }
.accordion-button:not(.collapsed)::after { background-image: none; content: ">";  transform: rotate(90deg);}
/*********apply_sec*********/
.apply_sec .head_txt { margin-bottom: 20px; }
.apply_sec .head_txt h3, .apply_sec .head_txt h2 { display: block; line-height: 30px; border-bottom: 7px solid #000000; }
.apply_txt { padding-bottom: 30px; border-bottom: 7px solid #000000; margin-bottom: 30px; }
.apply_txt p{ font-size: 21px; line-height: 23px; color: #000000; padding-bottom: 8px; }
.apply_txt ul { padding-left: 19px; }
.apply_txt ul li{ font-size: 21px; line-height: 23px; color: #000000; padding-bottom: 8px;}
.apply_txt ul li ul { padding-left: 0px;  padding-top: 8px; }
.apply_txt ul li ul li { list-style: none;}
.apply_maintxt{ padding-left: 20px;  padding-bottom:5px;}
.apply_note {  padding-left: 20px; padding-bottom: 30px; }
.apply_note p{ font-size: 16px; line-height: 23px; color: #000000; padding: 0;}
.apply_btn a{ font-size: 24px; line-height: 44px; color: #000000; font-family: 'Neutraface2Text-Bold', sans-serif;
display: inline-block; border: 2px solid #000000; padding: 5px 20px; text-transform: uppercase; background-color: #ffffff; }
.apply_btn a.goback{
padding: 5px 10px;line-height: 23px;border: none;background-color: transparent; font-size: 18px !important }
.apply_btn a.goback:hover{ color: #c4d981 !important; background-color: transparent !important; }
.apply_btn a:hover{ background-color: #000000;  color: #ffffff; }
.developer_txt { background-color: #000000;  padding: 35px 30px 25px; }
.developer_txt p { font-size: 21px; line-height: 23px; color: #ffffff; padding-bottom: 10px; }
/*********footer*********/
.footer{ background-color: #ffffff; padding: 35px 0px; }
.footer .row { align-items: center; }
.footer p { font-size: 10px; color: #000000;}
.footer p a{ color: #000000; border-bottom: 0.5px solid rgba(0,0,0,0.4); }
.footer .col-md-4 { text-align: right; }
.footer a.back_btn { font-size: 12px; color: #000000;  font-family: 'Neutraface2Text-Bold', sans-serif;
text-transform: uppercase; display: inline-block;}
.footer a.back_btn span { font-size: 23px; line-height: 8px; display: inline-block;  top: 8px; position: relative; }
.footer img {
    display: block;
    clear: left;
    margin-top: 5px;
}
/*********inner_banner*********/
.inner_banner{ padding-top: 120px; padding-bottom: 80px; }
.inner_banner h1 { font-size: 36px; line-height: 33px; color: #000000; font-family: 'Neutraface2Text-Bold', sans-serif;
text-transform: uppercase; }

.studio_txt { width: 405px; }
.studio_title { margin-bottom: 35px; }
.studio_title h3 { font-size: 24px; line-height: 44px; color: #000000; font-family: 'Neutraface2Text-Bold', sans-serif;
border-bottom: 1px solid #000000; text-transform: uppercase; }
.studio_details { margin-bottom: 15px; }
.studio_details h3 {  font-size: 24px; line-height: 34px; color: #000000; font-family: 'Neutraface2Text-Bold', sans-serif; }
.studio_details ul { padding: 0px; }
.studio_details ul li { font-size: 21px; line-height: 25px; display: block;  }
.studio_strong {  margin-bottom: 25px; }
.studio_strong strong { font-size: 21px; line-height: 25px; display: block; font-family: 'Neutraface2Text-Bold', sans-serif; }
.studio_para p{ font-size: 12px; line-height: 15px; color: #000000; }

.studio_img { width: 360px; margin-left: auto; }
.studio_imgbox { margin-bottom: 20px;  }
.studio_imgbox img { width: 100%; }
.studio_imgbox a { display: block; }
.studio_click a { font-size: 16px; line-height: 23px; color: #000000; display: inline-block;  }
.fancybox-navigation .fancybox-button { display: none;}

#rent_rates {
  border-collapse: collapse;
  width: 100%;
}

#rent_rates td, #rent_rates tr {
  border: 0px;
  padding: 8px;
}

#rent_rates tr:nth-child(even){background-color: #f2f2f2;}
#rent_rates tr:nth-child(odd){background-color: #FFF;}

#rent_rates tr:hover {background-color: #EDEDED;}

#rent_rates th {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 8px;
  text-align: left;
  background-color: #c4d981;
  color: black;
}

.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/*********responsive*********/
@media(max-width: 1024px) {
.container {    max-width: 95%; }
.banner_top_img {  margin-right: 18px; }
.banner_top_txt p br{ display: none; }
}
@media (max-width: 991px) {
.header .navbar-collapse {  flex-basis: inherit; }
.main-menu .navbar-nav {  flex-direction: row; }
.neighbour_slider img { height: 396px; }
.suites_txt { margin-right: 59px;}
.banner_top_img { width: 178px; }
.studio_txt { width: 100%; }
.studio_img { width: 100%; }
}
@media(max-width: 767px) {
.container { width: 100%; }
.header .container { width: 100%; }
.header_top { padding: 15px 0px; }
.nav-icon{ display:block; }
body.open { overflow: hidden;}
.main-menu { display: none; position: fixed; top: 71px; left: 0; width: 100%; height: 100%; right: 0; float: none;
z-index: 9999; background: #ffffff; transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
overflow: auto; max-height: calc(100vh - 71px);max-height: -webkit-calc(100vh - 71px); max-height: -moz-calc(100vh - 71px);
 padding: 0px;}
.open .main-menu { display:block; padding: 25px 28px 0px; }
nav ul { width: 100%;max-width: 100%;  float:none; display: block; justify-content: normal;margin:0px; padding: 0px 25px;
margin-bottom: 50px; }
.banner_top_txt {  width: 64%;}
.banner_slider img { height: auto;}
.box_txt { margin-bottom: 20px; height: auto;}
.suites_txt { margin-right: 47px;}
.footer p { margin-bottom: 10px; }
.main-menu .navbar-nav { flex-direction: row; display: block; padding:0; }
.navbar-nav li { margin-right: 0;  margin-bottom: 10px; }
.studio_txt { margin-bottom: 20px; }
}
@media(max-width: 639px) {
.banner_top_txt { width: 60%;}
.suites_txt { margin-right: 41px;}
}
@media(max-width: 574px) {
.banner_top_img { margin: 0; margin-bottom: 20px; display: block; }
.banner_top_txt { display: block; width: 100%; }
.suites_txt { margin: 0; margin-bottom: 20px; display: block; width: 100%; }
.suites_accordian { display: block; width: 100%; }
.banner_sec, .inner_banner { padding-top: 100px; }
.inner_banner {  padding-bottom: 40px; }
}
@media(max-width: 479px) {
.banner_top_img { width: 130px; }
.banner_top_txt h1 , .inner_banner h1{ font-size: 30px; }
.box_txt, .suites_main, .developer_txt {  padding: 25px 18px;}
.head_txt h3 { font-size: 20px; line-height: 30px;}
.banner_top_txt p, .box_txt p, .suites_txt p, .suites_txt ul li, .suites_txt span, .suites_accordian h2,
.accordion-button, .accordion-body p , .accordion-body a  , .apply_txt ul li, .apply_txt p , .developer_txt p{
 font-size: 18px; line-height: 22px; }
.neighbour_slider img { height: 205px; }
.apply_note p { font-size: 15px; }
.apply_btn a {  font-size: 22px;  padding: 2px 20px; }
.apply_maintxt { padding-left: 10px; }
.studio_title h3 , .studio_details h3{ font-size: 20px; line-height: 30px; }
.studio_title { margin-bottom: 20px; }
.studio_details ul li { font-size: 18px; line-height: 22px; }
}
