/* add sans font */
/* Open Sans Regular */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /* font: inherit; */
  font-family: 'Open Sans';
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}


a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

*{
text-rendering: optimizeLegibility;
}

/* Open Sans Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Open Sans Light */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Open Sans Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Open Sans SemiBold */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* Open Sans SemiBold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Open Sans Bold */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Open Sans Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* Open Sans ExtraBold */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

/* Open Sans ExtraBold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}


/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 15, 2017 */
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold.woff2') format('woff2'),
         url('../fonts/lato-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic.woff2') format('woff2'),
         url('../fonts/lato-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light.woff2') format('woff2'),
         url('../fonts/lato-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium.woff2') format('woff2'),
         url('../fonts/lato-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular.woff2') format('woff2'),
         url('../fonts/lato-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latosemibold';
    src: url('../fonts/lato-semibold.woff2') format('woff2'),
         url('../fonts/lato-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nimbus';
    src: url('../fonts/nimbusromno9l-reg.woff2') format('woff2'),
         url('../fonts/nimbusromno9l-reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nimbus_italic';
    src: url('../fonts/nimbusromno9l-regita.woff2') format('woff2'),
         url('../fonts/nimbusromno9l-regita.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'notera_personal_use_onlyRg';
    src: url('../fonts/notera_personaluseonly.woff2') format('woff2'),
         url('../fonts/notera_personaluseonly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1,h2,h3,h4,h5,h6
{
  font-family: 'Open Sans';
  color: #143156;
}


.navbar-brand {
    font-size: 24px;
}

.navbar-container {
    padding: 20px 0 20px 0;
}

.navbar.navbar-fixed-top.fixed-theme {
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8);
    opacity: 1;
    color: #000;
}

.navbar-container.fixed-theme {
    padding: 0;
}


.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.8s;
    -webkit-transition:  0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    font-size: 20px;
    font-family: 'latolight';
}

.nav > li > a:hover {
  background-color: transparent;
}


.nav > li > a:focus {
  background-color: transparent;
}

/* Hide the focus ring on mouse click, keep it for keyboard navigation */
.nav > li > a:focus:not(:focus-visible),
.mobile-nav a:focus:not(:focus-visible) {
  outline: none;
}


/*HAMBURGER MENU CSTM*/
.mob-nav {
  display: none;
}

.fixed {
  position: fixed;
}

.mobnav {
  display: none;
}
.menus {
  position: absolute;
  margin-bottom: 10px;
}
.top-animate {
  background: #fff !important;
  top: 15px !important;
  -webkit-transform: rotate(222deg);
  transform: rotate(222deg);
}

.mid-animate {
  -webkit-transform: rotate(227deg);
  transform: rotate(227deg);
  background-color: #fff !important;
  width: 19px !important;
}

.bottom-animate {
  background: #fff !important;
  top: 13px !important;
  -webkit-transform: rotate(-220deg);
  transform: rotate(-220deg);
  width: 20px !important;
}


.top-menu {
  top: 5px;
  width: 25px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
  float: right;
}

.mid-menu {
  top: 13px;
  width: 25px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

.bottom-menu {
  top: 21px;
  width: 25px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

.menui {
  background:#fff;
  transition: 0.6s ease;
  transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
  margin-top: 10px;
  position: absolute;
}

.icon {
  z-index: 999;
  position: fixed;
  display: block;
  height: 50px;
  width: 50px;
  padding-left: 10px;
  margin: 0px;
  border:2px solid #d21212;
  margin-left: 20px;
  margin-top: 30px;
  border-radius: 10px;
}

.mobilenav {
  font-family: inherit;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #143156;
}

.mobilenav li {
  list-style-type: none;
  text-align: center;
  padding: 10px;
}

.mobilenav li a {
  font-size: 150%;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  width: 100%;
}

.mobilenav li:first-child {
  margin-top: 60px;
}



.mobile-nav {
  font-family: inherit;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #143156;
}

.mobile-nav li {
  list-style-type: none;
  text-align: center;
  padding: 10px;
}

.mobile-nav li a {
  font-size: 150%;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  width: 100%;
}

.mobile-nav li:first-child {
  margin-top: 60px;
}


.menui-nav {
  background:#fff;
  transition: 0.6s ease;
  transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
  margin-top: 10px;
  position: absolute;
}


.icon-nav {
  z-index: 999;
  position: fixed;
  display: block;
  height: 50px;
  width: 50px;
  padding-left: 10px;
  margin: 0px;
  border:2px solid #d21212;
  margin-left: 20px;
  margin-top: 30px;
  border-radius: 10px;
}
/*END HAMBURGER MENU CSTM*/


.scroll-cta
{
  font-family: 'latolight';
  text-transform:  uppercase;
  font-size: 16px;
  z-index: 1;
  background-color: #fff;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 60px;
  box-shadow: 0px 1px 2px #000;
  -webkit-box-shadow: 0px 1px 2px #000;
  -moz-box-shadow: 0px 1px 2px #000;
  -o-box-shadow: 1px 1px 2px #ccc;
  color: #143156;
}
.img-slider
{
  background-size: cover;
  width: 100%;
  height: inherit;
  background-repeat: no-repeat;
  background-position: center top;
  color: #000;
}
.img-slider::before {
      position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.15);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.append-dots
{
  position: relative;
  text-align: left;
}
.append-dots .slick-dots
{
  position: relative;
  display: inline-block;
  bottom: 0;
  width: auto;
  margin-bottom: 80px;
}
.slick-dots li
{
  margin: 0;
}
.slick-dots li button
{
  width: 11px;
  height: 11px;
}

.outer-content-slider
{
  position: absolute;
  bottom: 15%;
  z-index: 1000;
  width: 100%;
  left: 0;
}
.outer-content-slider.subpage .append-dots .slick-dots
{
   margin-bottom: 30px
}
.outer-content-slider.subpage
{
  bottom: 0px;
}

.row {
	margin: 0 !important;
}

header
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.navbar-default {
	background:transparent !important;
  	background-image:none !important;
  	border-color:transparent !important;
  	z-index: 1;
}

/* .navbar-default .navbar-nav > li > a
{
  font-family:
} */

.slider-container {
	width: 100%;
  position: relative;
}
.slider-container.amneties::after{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
  background-color: rgba(0,0,0,.5);
}
.slider-container::before {

}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slider-container .slider {
	max-width: 100% !important;
  z-index: 10;
}

.slick-active  button::before
{
  background-color: #fff
}

.scroll-cta .arrowdown {
	position: absolute;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 1px solid #143156;
    border-bottom: 1px solid #143156;
    margin-left: 10px;
}


.slider-container .slider .sl-text {
	top: 0;
	position: absolute;
	z-index: 100;
  margin-top: 190px;
/*	padding-top: 4%;*/
}


/* .slider-container .slider .sl-text h2 {
	font-family: 'notera_personal_use_onlyRg';
	font-size: 4em;
	color: #fff;
  line-height:0.9;
  margin-bottom: 30px;
	padding: 0;
} */
.slider-container .slider .sl-text h2 {
	font-family: 'Open Sans';
	font-size: 4em;
	color: #fff;
  line-height:0.9;
  margin-bottom: 30px;
	padding: 0;
}




.slider-container .slider .sl-text p {
	padding-top: 130px;
	text-transform: uppercase;
}



.slider-container .slider .sl-text p a {
	z-index: 1;
	background-color: #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 60px;
	box-shadow: 0px 1px 2px #000;
	-webkit-box-shadow:  0px 1px 2px #000;
	-moz-box-shadow:  0px 1px 2px #000;
	-o-box-shadow: 1px 1px 2px #ccc;
	color: #143156;
}



.slider-container .slider .sl-text-subpage {
	top: 0;
	position: absolute;
	z-index: 10;
  margin-top: 100px;
}


/* .slider-container .slider .sl-text-subpage h2 {
	font-family: 'notera_personal_use_onlyRg';
	font-size: 62px;
  position: relative;
  z-index: 1000;
	color: #fff;
	padding: 0;
} */
.slider-container .slider .sl-text-subpage h2 {
	font-family: 'Open Sans';
	font-size: 62px;
  position: relative;
  z-index: 1000;
	color: #fff;
	padding: 0;
}


.slider-container .slider .sl-text-subpage hr {
	width: 25%;
	float: left;
}


.slick-dots li button::before {
	font-size: 10px !important;
	border:2px solid #fff !important;
	color: transparent !important;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	line-height: 13px !important;
	width: 11px ;
	height: 11px ;
}

.nimbus-family
{
  font-family: 'Open Sans' !important;
}
.mini-slider .slick-slide img
{
  margin: auto;
}

.lato-light-family
{
  font-family: 'latolight', 'Open Sans', !important;
}

#build {
  margin-bottom: 120px;
}
.btn-next-page
{
  display: inline-block;
  float: right;
  color: #143156;
}
.btn-next-page .text-wrapper
{
  text-align: right;
  padding-right: 5px;
  float: left;
}
.btn-next-page .text-wrapper span
{
  display: block;
  margin: 5px 0;
}
.btn-next-page .text-wrapper .to-page
{
  font-size: 24px;
  font-family: 'Open Sans';
}

.btn-next-page figure
{
  margin-top: 5px;
  display: inline-block;
}

#build .img .building {
	box-shadow: 2px 0px 5px #BCB6B6;
	-moz-box-shadow: 2px 0px 5px #BCB6B6;
	-webkit-box-shadow: 2px 0px 5px #BCB6B6;
	-o-box-shadow: 2px 0px 5px #BCB6B6;
	top: 50px;
}
figure.item
{
  position: relative;
  transition: all 100ms;
}
figure.item img {
  margin: auto;
}
figure.item figcaption
{
  -webkit-transition: all 700ms;
  -moz-transition: all 700ms;
  -ms-transition: all 700ms;
  transition: all 700ms;
  display: inline-block;
  position: absolute;
  top:0;
  text-align: left;
  padding: 5px;
  background-color: #ffffff;
  left: 0;
  opacity: 0;
  font-size: 12px;
  line-height: 1.5;
}
figure.item figcaption p {
  margin-top: 23%;
}
figure.item figcaption.small-content
{
  height: 100%;
  width: 100%;
  text-align: center;
}
figure.item figcaption.small-content h6
{
  font-size: 16px;
  color: #143156;
  margin-top: 10%;
}
figure.item:hover > figcaption
{
  opacity: 1;
}
main {
	background-image:url(../images/bg-imgbuild.png);
	background-repeat: no-repeat;
  background-position:0px 80px;
	z-index: -1;
	left: 0;
	width: 100%;
  padding-top: 120px;
  overflow: hidden;
}

#build .img img {
	position: absolute;
}

#build .imgbuilding img {
  display: none;
}


#build .desc {
	font-family: 'Open Sans';
}

.headline {
	text-transform: uppercase;
	color: #7F7F7F;
  font-size: 20px;
	font-family: 'Open Sans';
	font-weight: 600;
}


hr
{
 /* margin-top: 30px;*/
  margin-bottom: 20px;
  max-width: 120px;
  display: block;
  border-top: solid 1px #cccccc;
}
hr.full
{
  max-width: 100%;
}
hr.no-mg
{
  margin-top: 0;
  margin-bottom: 0;
}

hr.right
{
  margin-right: 0;
}
hr.left
{
  margin-left: 0;

}
.title {
	margin-top: 30px;
  font-family: 'Open Sans';
	font-size: 33px;
	color: #143156;
  line-height: 1.1;
	font-weight: 500;
}

.paragraph {
	font-size: 20px;
	margin-top: 20px;
  line-height: 1.5;
	color: #808080;
	font-family: 'latolight';
}


#readstory {
	margin-bottom: 120px ;
	padding:0 ;
  margin-bottom: 120px;
	text-align: center;
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
}

#readstory h3 {
	float: left;
	font-family: 'Open Sans';
	color: #143156;
	margin: 0;
	font-size: 30px;
	padding-left: 15%;
  margin-right: -19%;
	font-weight: 500;
}

#readstory p {
	margin: 0;
	padding: 0;
}

#readstory a {
	font-family: lato;
	text-transform: uppercase;
	padding:13px 20px 13px 20px;
	background-color: #143156;
	color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
	box-shadow: 1px 2px 1px #808080;
	-webkit-box-shadow:1px 2px 1px #808080;
	-moz-box-shadow:1px 2px 1px #808080;
	-o-box-shadow:1px 2px 1px #808080;
}


.container.content
{
  width: 87.5%;
}
#loc {
  margin-bottom: 120px;
  background-color: #fff;
}

#loc .descleft {
	font-family: 'Open Sans';
}




#loc .descleft .solidst {
	border-bottom:2px solid #004891;width: 50px;
}

#loc .descleft .solidnd {
	width: 15px;
	height: 15px;
	background-color: #004891;
	-ms-transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
	transform: rotate(50deg);
}

#loc .descleft .solidrd {
	border-bottom:2px solid #808184;
	width: 50px;
}

#loc .descleft .solidth {
	width: 15px;
	height: 15px;
	background-color: #808184;
	-o-border-radius:50%;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

#loc .descleft .solidfv {
	border-bottom:2px dotted #808184;
	width: 50px;
}

#loc .descleft .solidsx {
	border:4px solid #808184;
	width: 10px;
	height: 10px;
	background-color: transparent;
	-o-border-radius:50%;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}


#loc .vline {
	margin: 0 auto;
	padding-right:33%;
}


#loc .map {
	padding-right: 10%;
}


.icontable {
	font-size: 13px;
	color: #808184;
	/* font-family: sans-serif; */
	font-family: 'Open Sans';
  margin-top: 30px;
}

.icontable tbody > tr > td
{
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'latolight';
  font-size: 15px;

}
.icontable tbody > tr > td:last-child
{
  padding-left: 10px;
}



.mobtable {
  font-size: 13px;
  color: #808184;
  /* font-family: sans-serif; */
  font-family: 'Open Sans';
  margin-top: 30px;
}

.mobtable tbody > tr > td
{
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'latolight';
  font-size: 15px;

}
.mobtable tbody > tr > td:last-child
{
  padding-left: 10px;
}


#amenities {
	background: url('../images/amneties-background.jpg')no-repeat center center;
  background-size: cover;
	text-align: center;
  padding: 120px 0;
}





#amenities .amen .item {
/*	margin-top: 50px;
	padding-left: 7%;*/
}

.amenties-item
{
  padding: 40px;
  display: inline-block;
  position: relative;
  text-align: center;
}
.amneties-title {
  font-family: 'Open Sans';
  color: #fff;
  margin-top: 20px;
  font-size: 14px;
  text-transform: uppercase;
}
.amneties-item img
{
  -webkit-transition: all 700ms;
  -moz-transition: all 700ms;
  -ms-transition: all 700ms;
}
.amenties-item:hover img
{
  opacity: 0;
  transition: all 700ms;
  -webkit-transition: all 700ms;
  -moz-transition: all 700ms;
  -ms-transition: all 700ms;
  }

.amenties-item:hover .amneties-title
{
  opacity: 0;
  transition: all 700ms;
  -webkit-transition: all 700ms;
  -moz-transition: all 700ms;
  -ms-transition: all 700ms;
  }
.amenties-item:hover .amneties-btn-wrapper
{
  opacity: 1;
  transition: all 500ms;
  -webkit-transition: all 700ms;
  -moz-transition: all 700ms;
  -ms-transition: all 700ms;
}
.amneties-btn-wrapper
{
  position: absolute;
  padding: 50px 0;
  height: 100%;
  width: 100%;
  text-align: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 500ms;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
}

.amenties-btn
{
  font-size: 16px;
  padding: 10px 35px;
  border-radius: 10px;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border: solid 1px #143156;
  color: #143156;
  font-family: 'latolight';
  text-transform: uppercase;
  bottom:45%;
  position: absolute;
  left: 0;
  right: 0;
  border-color: #fff;
}


#gallery{
    padding-top: 120px;
    padding-bottom: 120px;

}

#gallery .galeri {
	text-align: center;
	padding-bottom: 50px;
}


#gallery .galeri h4 {
	font-family: 'Open Sans';
	color: #808080;
	text-transform: uppercase;
	font-weight: 600;
}



#gallery .galeri h3 {
	text-align: center;
	font-size: 40px;
	color: #143156;
	font-family: 'Open Sans';
	font-weight: 500;
}

#gallery .gap {
	margin: 0;
}

#gallery .nogap {
	width: 70%;
	margin: 0 auto !important;
}

#gallery .gaptop {
	padding-top: 37px;
}

#gallery .gaptopbr {
	display: none;
}

#gallery .bttn {
	text-align: center;
	margin-top: 50px;
	padding-bottom: 50px;
}


#gallery .bttn a {
	background-color: #ededed;
	padding: 7px 20px 7px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius:5px;
	box-shadow: 0px 1px 0px #808080;
	-webkit-box-shadow:0px 1px 0px #808080;
	-moz-box-shadow:0px 1px 0px #808080;
	-o-box-shadow:0px 1px 0px #808080;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	color: #143156;
	font-family: lato;
}

#collab {
	position: relative;
  padding-bottom: 120px;
}

#collab .collabo {
	text-align: center;
	padding-top: 120px;
	padding-bottom: 50px;
}

#collab .collabo h4 {
	margin-top: 50px;
	font-family: 'Open Sans';
	color: #808080;
	text-transform: uppercase;
	font-weight: 600;
}

#collab .colline {
	width: 100%;
	border:1px solid #ccc;
}

#collab .collabo .collinend {
	color:#000;
	width: 150px;
	margin:0 auto;
	border:1px solid #dedede;
}

#collab .collabo h3 {
	text-align: center;
	font-size: 40px;
	font-family: 'Open Sans';
	font-weight: 500;
	color: #143156;
}

#collab .collabo h5 {
	font-family: 'Open Sans';
	font-weight: bold;
	color: #808080;
	margin-bottom: 55px;
	margin-top: 100px;
}


#collab .collabo .synergetic {
	margin: 0 auto;
}


#collab .collabo .synergetic ul {
	width: 70%;
	text-align: center;
	margin: 0 auto;
}

#collab .collabo .synergetic ul li {
	float: left;
	width: 25%;
	margin-bottom: 10px;
}

#download {
	margin-bottom: 40px;
}

#download .getyours {
	position: absolute;
	background-color: #143156;
	width: 1138px;
	box-shadow: 0px 3px 3px #888888;
	-webkit-box-shadow: 0px 3px 3px #888888;
	-moz-box-shadow: 0px 3px 3px #888888;
	-o-box-shadow: 0px 3px 3px #888888;
}

#download .getyours h2 {
	font-family: 'Open Sans';
	color: #fff;
	font-size:40px;
	font-weight:500;
	padding-bottom: 10px;
}


#download .getyours .seestory {
	width: 30%;
}

#download .getyours .dwnldarea li {
	text-align: right;
}
.nav-tabs
{
  margin-bottom: 20px;
  padding: 0 7px;
}
.nav-tabs > li
{
  padding-right: 7px;
}
.nav-tabs > li > a
{
  background-color: transparent;
  min-width: 100px;

  text-transform: uppercase;
  font-family: 'latolight', 'Open Sans';
}
.nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover
{
  border-radius: 0;
  padding: 10px 20px;
  min-width: 100px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-family: 'latolight', 'Open Sans';
  background-color: #143156;
  color: #fff;
  margin-right: 15px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.nav-tabs > li.active > a
{
  border-radius: 0;
  padding: 10px 20px;
  min-width: 100px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-family: 'latolight', 'Open Sans';
  background-color: #f7f7f7;
  margin-right: 15px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
#download .dwnldarea {
	margin: 0;
	float: right;
	width: 35%;
}
.gallery-thumb
{
  display: inline-block;
  width: 100%;
  position: relative;
}
.gallery-thumb.active::before
{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.5)
}
.gallery-thumb img
{
  width: 100%;
}
.gallery-item
{
  display: inline-block;
  width: 100%;
  padding:2px 3px;
}
.gallery-item img
{
width: 100%
}

.gallery-grid:after
{
  content: '';
  display: table;
  clear: both;
}
.gallery-grid:before
{
  content: '';
  display: table;
}

.row-no-padding [class*="col-"]  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


#download .dwnldarea p {
	font-size: 20px;
	font-family: 'latolight';
	margin-top: 5%;
	color: #fff;
	font-weight: thin;
	float: left;
	margin-right: 10px;
}

#download .dwnldarea img {
	margin-top: 9px;
}


#contact {
	background-color: #EEEEEE;
	padding-top: 10%;
}

.contactus {
  margin:0;
  padding: 0;
}

#contact .contactus .maping iframe {
  	width: 420px;
  	height: 315px;
  }

#contact .contactus .desclefttwo {
	padding-bottom: 10%;
}

.map-col {
  margin: 0;
  padding: 0;
}

#contact .contactus h4 {
	font-family: 'Open Sans';
	color: #808080;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-weight: 600;
}

#contact .contactus .desclefttwoline {
	color:#000;
	width: 110px;
	border:1px solid #dedede;
	float: left;
	margin-bottom: 0px;
	margin-top: 10px;
}


#contact .contactus h5 {
	font-family: 'Open Sans';
	font-weight: bold;
	color: #808080;
	margin-top: 45px;
  margin-bottom: -7px;
}


/* Contact section uses Open Sans throughout (address, email, phone, enquiries) */
#contact .contactus,
#contact .contactus .lato-light-family {
	font-family: 'Open Sans';
}

#contact .contactus strong {
	font-family: 'Open Sans';
	font-weight: 600;
}

#contact .contactus p {
	font-size: 14px;
	font-family: 'Open Sans';
	color: #143156;
	/* font-family: serif; */
  margin-bottom: 10px;
}

#contact .contactus h3 {
	font-size: 40px;
	font-weight: 500;
	color: #143156;
	margin:0;
	padding:0;
	font-family: 'Open Sans';
}

#contact .contactus .queris ul li{
	float: left;
	margin-right: 10px;
}

#contact .contactus .queris ul li p{
	font-family: 'Open Sans';
	font-weight: 300;
	color: #143156;
}

#contact .contactus .queris ul li p a {
	color: #000;
	text-decoration: none;
}

#contact .contactus .desclefttwo h6 {
	font-family: 'Open Sans';
	color: #808080;
	margin-bottom:10px;
	font-size: 15px;
	font-weight: bold;
}
.table-specification tbody > tr > td
{
  padding: 20px;
  line-height: 1.5;
  vertical-align: top;
}
strong
{
  color: #143156;
  font-family: 'latosemibold';
}
.table-specification tbody > tr > td:first-child
{
  padding-left: 0;
  vertical-align: top;
}

.f-s-16
{
  font-size: 16px !important;
}

#contact #map {
	width: 100%;
	height: 365px;
}
.subheading
{
  font-size: 20px;
}

.footer {
	background-color:#143156;
  padding-top: 20px;
  padding-bottom: 30px;
}

.footer p {
	font-family: 'latolight';
	font-size: 15px;
	color: #415A91;
	padding-top: 4%;
  line-height: 21px;
}

.footer .follow {
	padding-top: 4%;
}

.footer .follow ul {
	float: right;
  margin-right: -55px;
}

.footer .follow li{
	float: left;
	margin-right: 10px;
}

.footer .follow ul li p {
	font-family: 'latolight';
	font-size: 14px;
}


/* Back To Top */

.cd-top {
  display: inline-block;
  margin-bottom: 5%;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

/* END Back To Top */

@media only screen and (max-width: 1024px){
  .navbar-default {
  	width: 100%;
  }
  .navbar-collapse {
  	background-color: #ccc;
  }
  .navbar-header {
  	margin: 0 !important;
  	padding: 0 !important;
  }
  .navbar-brand .log{
  	width: 90%;
  	padding: 0 !important;
  }
  .navbar-default .navbar-toggle {
  	background-color: #fff;
  }
  #build {
  	padding-top:0;
  }
  #build .img .building {
  	max-width: 90%;
  }
  #build .bg {
  	display: none;
  }
  #build .img {
  	padding-bottom: 0;
  }
  #build .desc {
  	padding-bottom: 12%;
  }
  #loc .vline {
  	display: none;
  }
  #loc .map {
  	padding-top: 7%;
  }
  #amenities .amen h3 {
  	font-size: 45px;
  }
  #amenities .amen p {
  	width: 100%;
  }
  #amenities .amen .item {
  }
  #gallery .galeri h3 {
  	font-size: 35px;
  }

  #gallery .gaptopbr {
	display: inline-block;
	padding-top: 33px;
  }

  #gallery .gap {
	width: 88%;
	margin: 0 auto;
	padding-bottom: 18px;
	}

  .colline {
  	width: 90%;
  	border: 1px solid #ccc;
  	color: #ccc;
  	margin: 0 auto;
  }
  #collab .collabo h3 {
  	font-size: 35px;
  }
  #collab .collabo .synergetic ul {
  	width: 100%;
  }
  #collab .collabo .synergetic ul li {
  	width: 25%;
  	padding-left: 15px;
  }
  #collab .collabo img {
    margin: 0 auto;
    padding-bottom: 10%;
  }
  #download .dwnldarea p {
  	font-size: 20px;
    padding-top: 4%;
    padding-left: 10%;
  }
  #download .getyours {
  	width: 90%;
  }
  #download .getyours .seestory {
  	width: 50%;
    padding-top: 7px;
  }
  #download .dwnldarea {
  	width: 50%;
  	padding-bottom: 10px;
  }
  #download .dwnldarea img {
  	width: 18%;
  	padding-top: 9px;
    float: right;
  }
  #download .getyours h2 {
  	font-size: 43px;
  }
  #contact .contactus {
  	padding-top: 10%;
    padding-bottom: 10%;
  }
  #contact .contactus .desclefttwo {
  	padding:0;
  }
  #contact .contactus h3 {
  	font-size: 35px;
  }
  #Offsec .officon {
  	display: block;
    float: right;
    margin-top: -119px;
  }
  #Offsec .offsecnd .imej {
  	display: block !important;
  	float: right;
  	margin-top: -56px;
  }
  #Offsec .back p {
  	display: none;
  }
  #Offsec .galeriastra p {
  	margin-bottom: 15%;
  }
  .footer .follow {
  	float: left;
  	padding-bottom: 3%;
  }
  .slider-container .slider .sl-text h2 {
  	font-size: 45px;
  	margin: 0;
  }
  .slider-container .slider .sl-text hr {
  	margin-top: 10px;
  }
  .slider-container .slider .sl-text p {
  	margin-top: -6%;
  	float: left;
  	position: absolute;
  }
  .slider-container .slider .sl-text p a {
  	margin:0;
  	padding: 0;
  }/*
  .slick-dots li button::before {
  	display: none;
  }*/
  .linest {
  	position: relative !important;
  	display: none;
  }
  .imgbox h3 {
  	font-size: 30px !important;
  }
  /* .slider-container .slider .sl-text-subpage h2 {
  	font-size: 50px;
  	margin-top: 5% !important;
  	padding-left: 3%;
    font-family: 'notera_personal_use_onlyRg';

  } */
  .slider-container .slider .sl-text-subpage h2 {
  	font-size: 50px;
  	margin-top: 5% !important;
  	padding-left: 3%;
    font-family: 'Open Sans';

  }
  .slider-container .slider .sl-text-subpage hr {
  	margin-left: 10%;
  	margin-top: 10px;
  }
  .slider-container .slider .sl-text p a {
  	padding-left: 5px;
  	padding-right: 30px;
  	font-size: 9px;
  	padding-top: 7px;
  	padding-bottom: 5px;
  }
	#contact .contactus #map {
  	width: 100% !important;
  	margin-bottom: 37px;
  }
  .footer .follow {
    padding: 0;
    margin-top: 20px;
  }
  .mobnav {
    display: block;
    position: absolute;
    right: 0;
    float: right;
    margin-right: 10%;
  }
  .mob-nav {
    display: block;
    position: absolute;
    right: 0;
    float: right;
    margin-right: 7%;
  }
  .navbar-collapse.collapse {
    display: none ;
  }
  .icon {
    position: relative;
    border:none;
    margin: 0;
  }
  .top-menu {
    width: 15px;
    right: 0;
  }
  .mid-menu {
    width: 20px;
    right: 0;
  }
  .bottom-menu {
    right: 0;
  }
  .mob-nav .top-menu {
    background-color: #143156;
  }
  .mob-nav .mid-menu {
    background-color: #143156;
  }
  .mob-nav .bottom-menu {
    background-color: #143156;
  }
  .icon-nav {
    border:none;
    margin:0;
    position: relative;
  }
  .mobile-nav li {
    font-family: 'lato';
    font-size: 19px;
    text-align: right;
    padding-right: 15%;
  }
  .mobilenav li {
    font-family: 'lato';
    font-size: 17px;
    text-align: right;
    padding-right: 10%;
  }
  .mobilenav li:first-child {
    margin-top: 120px;
  }
  .append-dots .slick-dots {
    bottom: -45px;
    position: absolute;
  }
  .position {
    right: 8% !important;
  }
  .mrgn-top {
    font-size: 30px;
    margin-top: 3% !important;
  }
  .mrgn-top h2 {
    font-size: 40px !important;
  }
  .mrgn-dotted {
    bottom: -25px;
    left: 3%;
  }
  .mrgn-ga-dotted {
    bottom: 20px;
    left: 5%;
  }
  .mrgn-ls-dotted {
    bottom: 50px;
    left: 2%;
  }
  .mrgn-ch-dotted {
    bottom: 10px;
    left: 5%;
  }
  .mrgn-ch h2 {
    font-size: 40px !important;
    margin-top: 20px;
  }
  #readstory h3 {
    padding-left: 5%;
    margin:0;
  }
}

@media only screen and (max-width: 600px){
  .mobcontainer {
    max-width: 100%;
    padding: 0;
  }
  main {
    background-image:none;
    padding-top: 90px;
  }
  #build {
    margin-bottom: 90px;
  }
  #build .imgbuilding img {
    display: block;
    box-shadow: 7px 1px 4px grey;
    -moz-box-shadow: 7px 1px 4px grey;
    -webkit-box-shadow: 7px 1px 4px grey;
    -o-box-shadow: 7px 1px 4px grey;
  }
  #build .img img {
    display: none;
  }
  #readstory {
    padding: 0;
    margin-bottom: 90px;
  }
  #readstory h3 {
    font-size: 35px;
    margin-bottom: 35px;
  }
  #loc {
    margin-bottom: 90px;
  }
  #amenities {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  #amenities .amen .item {
    float: left;
  }
  .amenties-item {
    /*padding: 60px;*/
  }
  #gallery {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  #collab .collabo {
    padding-top: 90px;
  }
  #collab .collabo img {
    margin: 0 auto;
    padding-bottom: 10%;
  }
  #download .getyours .seestory {
    width: 200px;
  }
  #download .dwnldarea {
    margin-top: -105px;
  }
  #download .getyours .dwnldarea li {
    text-align: left;
  }
  #download .dwnldarea p {
    padding-left: 0;
    width: 150px;
  }
  #download .dwnldarea img {
    width: 40%;
    margin-top: 0px;
    padding-bottom: 13px;
    margin-right: -23px;
  }
  #download .getyours {
    width: 90%;
    margin-left: 14px;
  }
  #contact .contactus {
    padding-top: 20%;
  }
  #contact .contactus .desclefttwo {
    padding-bottom: 20%;
  }
  .slider-container .slider .sl-text-subpage h2 {
    font-size: 40px;
    margin-top: 23%;
  }
  .subheading {
    margin-top: 100px;
  }
  #Offsec .offbox .box {
    display: none;
  }
  .offbox2 .box-bottom {
  display: block !important;
  background-color: #F7F7F7;
  padding:  20px ;
  max-width: 305px;
  width: 100%;
  box-shadow: 0px 0px 3px #C9C7C7;
  -webkit-box-shadow: 0px 0px 3px #C9C7C7;
  -moz-box-shadow: 0px 0px 3px #C9C7C7;
  -o-box-shadow: 0px 0px 3px #C9C7C7;
  float: left;
  margin-top: 10%;
  }
  .offbox2 .box-bottom p {
    color: #808080;
  }
  .offbox2 .offsecrd .offbox {
    padding-right: 5%;
  }
  .offbox2 .box-bottom h2 {
    color: #808080;
    font-family: 'Open Sans';
  }
  .offbox2 .box-bottom .hroff {
    width: 100%;
    background-color: #CCC;
    border:1px solid #CCCCCC;
  }
  .m-t-20 {
    display: none;
  }
  .m-t-21 {
    display: block !important;
  }
  .bck {
  display: block !important;
  padding-bottom: 19px;
  padding-left: 10%;
  }
  .icontable {
    display: none;
  }
  .mobtable {
    display: block;
  }
  .image-preview-container {
    height: 300px !important;
  }
  .slick-slide img {
    height: 250px;
  }
  .position {
    right: 9% !important;
  }
  .mrgn-top {
    margin-top: 3% !important;
  }
  .mrgn-dotted {
    bottom: -45px !important;
    margin-left: 5%;
  }
  .mrgn-ch {
    margin-top: 2% !important;
  }
  .mrgn-ch-dotted {
    bottom: 20px;
    left: 5%;
  }
  .mrgn-ga {
    margin-top: 2% !important;
  }
  .mrgn-ga-dotted {
    bottom: 20px;
    left: 5%;
  }
  .mrgn-ls {
    margin-top: 3% !important;
  }
  .mrgn-ls-dotted {
    bottom: 10px;
  }
}



@media only screen and (max-width: 799px){
   main {
    background-image:none;
    padding-top: 90px;
  }
  #build {
    margin-bottom: 90px;
  }
  #build .imgbuilding img {
    display: block;
    box-shadow: 0px 0px 9px #846a6a;
    -moz-box-shadow: 0px 0px 9px #846a6a;
    -webkit-box-shadow: 0px 0px 9px #846a6a;
    -o-box-shadow: 0px 0px 9px #846a6a;
  }
  #build .img img {
    display: none;
  }
  #readstory {
    padding: 0;
    margin-bottom: 90px;
  }
  #readstory h3 {
    font-size: 35px;
    margin:0;
    padding: 0;
  }
  #readstory a {
    display: inline-block;
    margin-top: 17px;
  }
  #download .getyours .seestory {
    width: 200px;
  }
  #download .dwnldarea {
    margin-top: -105px;
  }
  #download .getyours .dwnldarea li {
    text-align: left;
  }
  #download .dwnldarea p {
    padding-left: 0;
  }
  #download .dwnldarea img {
    width: 40%;
    margin-top: -54px;
    padding-bottom: 13px;
    margin-right: -23px;
  }
  #download .getyours {
    width: 90%;
    margin-left: 14px;
  }
  #contact .contactus {
    padding-top: 20%;
  }
  #contact .contactus .desclefttwo {
    padding-bottom: 20%;
  }
  .mobile-nav li {
    font-family: 'lato';
    font-size: 15px;
    text-align: right;
    padding-right: 10%;
  }
  .mobilenav li {
    font-family: 'lato';
    font-size: 15px;
    text-align: right;
    padding-right: 10%;
  }
  .mobilenav li:first-child {
    margin-top: 120px;
  }
  .image-preview-container {
    height: 350px !important;
  }
  .imgbox {
    padding-top: 10%;
  }
  #Offsec .gallerysec h3 {
    font-size: 30px;
    margin-left: 20px;
  }
  #Offsec .gallerysec hr {
    margin-left: 20px;
  }
  .imggallery {
    display: none;
  }
  .mrgn-ch h2 {
    font-size: 40px !important;
  }
  .mrgn-ch-dotted {
    bottom: 0;
    left: 0;
  }
  .mrgn-ga h2 {
    font-size: 40px !important;
  }
  .mrgn-ga {
    margin-top: 60px !important;
  }
  .mrgn-ga-dotted {
    bottom: 20px;
    left: 5%;
  }
  .mrgn-ls h2 {
    font-size: 40px !important;
  }
  .mrgn-ls {
    margin-top: 60px !important;
  }
  .mrgn-ls-dotted {
    bottom: 10px;
  }
  figure.item {
    margin-bottom: 20px;
  }
  figure.item figcaption p {
    margin-top: 10%;
  }
}


@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
  .mobtable {
    display: none !important;
  }
  .mobgallery {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 30px;
    width: 30px;
    right: 30px;
    bottom: 30px;
  }
  .image-preview-container {
    height: 400px !important;
  }
  #Offsec .officon {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 500px){
figure.item figcaption {
  top: -20px;
}
  .slider-container .slider .sl-text h2 {
    font-size: 30px;
  }
  main {
    padding-top: 60px;
  }
  .title {
    font-size: 30px;
  }
  .paragraph {
    font-size: 18px;
    word-spacing: 1.5px;
  }
  #readstory h3 {
    font-size: 23px;
    word-spacing: 1.1px;
    margin: 0;
    width: 100%;
  }
  #readstory a {
    display: inline-block;
    margin-top: 20px;
  }
  #amenities {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #amenities .centered {
    margin: 0 auto;
  }
  .amenties-item {
    padding: 0;
  }
  #amenities .amen .item {
    float: left;
    height: auto;
    margin-bottom: 23px;
    margin-left: 0;
  }
  #gallery {
    padding-bottom: 60px;
  }
  #collab {
    padding-bottom: 60px;
  }
  #collab .collabo {
    padding-top: 60px;
  }
  #collab .collabo h3 {
    font-size: 33px;
  }
  #download .getyours {
    width: 92%;
    margin: 0;
  }
  #download .dwnldarea img {
    width: 20%;
    bottom: 0;
    position: absolute;
    right: 0;
  }
  #download .getyours .seestory {
    width: 100%;
  }
  #download .dwnldarea {
    margin: 0;
    float: left;
    width: 80%;
    padding-bottom: 22px;
  }
  #contact .contactus {
    padding-top: 50%;
  }
  .slider-container .slider .sl-text-subpage h2 {
    font-size: 30px;
  }
  .mobile-nav li {
    font-family: 'lato';
    font-size: 10px;
    text-align: right;
    padding-right: 10%;
  }
  .mobilenav li {
    font-family: 'lato';
    font-size: 10px;
    text-align: right;
    padding-right: 15%;
  }
  .mobilenav li:first-child {
    margin-top: 120px;
  }
  #Offsec .gallerysec h3 {
    font-size: 25px;
    margin-left: 15px;
  }
  #Offsec .gallerysec .left {
    margin-left: 15px;
  }
  #Offsec h3 {
    font-size: 25px;
    width: 63px;
  }
  .append-dots .slick-dots {
    margin-bottom: 23px;
    bottom: 0;
    margin-left: 0;
  }
  .amneties-btn-wrapper {
    padding: 10px 0px;
  }
  #amenities .amen h3 {
    font-size: 33px;
  }
  figure.item {
    margin-bottom: 50px;
  }
  figure.item figcaption.small-content h6 {
    margin-top: 10%;
  }
  #collab .collabo h5 {
    margin-top: 30px;
  }
}


@media only screen and (max-width: 350px){
         .title-follow {
            width: 100%;
            text-align: center;
        }
        .footer-copyright {
            text-align: center;
        }
  .flow {
    display: none;
  }
  .footer p {
    line-height: 24px;
    text-align: center;
  }
  .footer .follow li {
    margin: 0;
    padding-right: 25px;
  }
  .footer .follow ul {
    margin-top: -10px;
    margin-left: 37%;
  }
  .image-preview-container {
    height: 183px !important;
  }
  .amenties-btn {
    padding: 5px 10px;
  }
  .amneties-btn-wrapper {
    padding: 0px;
  }
  #download .dwnldarea img {
    width: 33%;
  }
  .customcolomn {
    width: 100%;
  }
  .mrgn-top {
    margin-top: 5% !important;
  }
  .mrgn-top h2 {
    font-size: 30px !important;
  }
  .mrgn-ls {
    margin-top: 5% !important;
  }
  .mrgn-ch {
    margin-top: 3% !important;
  }
  .mrgn-ch-dotted {
    bottom: -20px;
    left: 5%;
  }
  figure.item {
    margin-bottom: 110px;
  }
  figure.item figcaption.small-content h6 {
    margin-top: 17%;
  }
  figure.item figcaption p {
    margin-top: 17%;
  }
  .r--corner {
    border-radius:0px 0px 0px 50px;
    -webkit-border-radius:0px 0px 0px 50px;
    -moz-border-radius:0px 0px 0px 50px;
    -o-border-radius:0px 0px 0px 50px;
  }
}


@media only screen and (min-width: 350px){
  .mobflow {
    display: none;
  }
}




/* -------------------------------------- END CSS INDEX ------------------------------------- */


.navbar-default .navbar-nav li a {
	font-family: 'latolight';
  font-size: 20px;
}


.navmenu {
	background-color: #fff !important;
	box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow:1px 1px 2px #ccc;
	-o-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow:1px 1px 2px #ccc;
  z-index: 100;
}

#Offsec {
	padding-top: 3%;
}

#Offsec .offsecnd h3 {
	font-family: 'Open Sans';
	font-size: 40px;
	color: #143156;
	text-transform: uppercase;
}

#Offsec .offsecnd hr {
	width: 150px;
	float: left;
	margin-top: 10px;
	border:1px solid #CCCCCC;
}

#Offsec .offsecnd .imej {
	display: none;
}


#Offsec .officon {
	padding-top: 20px;
}

#Offsec .officon img {
	float: right;
}

.nextsec {
  margin-top: 100px !important;
  padding-bottom: 50px;
}



.offbox2 .box-bottom {
    display: none;
  }

#Offsec .box {
	background-color: #F7F7F7;
	padding:  20px ;
  max-width: 305px;
  width: 100%;
  display: inline-block;
	box-shadow: 0px 0px 3px #C9C7C7;
	-webkit-box-shadow: 0px 0px 3px #C9C7C7;
	-moz-box-shadow: 0px 0px 3px #C9C7C7;
	-o-box-shadow: 0px 0px 3px #C9C7C7;
	float: right;
	margin-bottom: 10%;
}

#Offsec .box p {
	color: #808080;
}

#Offsec .offsecrd .offbox {
	padding-right: 5%;
}

#Offsec .box h2 {
	color: #808080;
	font-family: 'Open Sans';
}

#Offsec .box .hroff {
	width: 100%;
	background-color: #CCC;
	border:1px solid #CCCCCC;
}

#Offsec .back {
	padding-top: 10%;
	padding-bottom: 20px;
}

#Offsec .back a {
	margin:0;
	padding: 0;
}

#Offsec .back p {
	color: #143156;
}

.bck {
	display: none;
}


#Offsec .galeriastra {
	right: 20px;
}

#Offsec .galeriastra h4 {
	margin-left: 7%;
	color: #143156;
	font-family: 'Open Sans';
}


#Offsec .galeriastra p {
	margin-left: 7%;
	color: #808080;
	font-family: 'Open Sans';
	font-size: 14px;
}


.footer .copy {
	cursor:text;
}

.footer .foll {
	cursor: text;
}


/* ---------------------------------- END CSS AMENITIES ---------------------------------- */


.galerist {
	padding-top: 5%;
}


.galeriline li.active{
	display: none;
}

.show_img{
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	transform: translateX(-50px);
	opacity: 0;
	transition: all 0.5s ease-in-out;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	margin-top:28%;
}

.show_img.open{
	opacity: 1;
	transform: translateX(0px);
}



.imgbox h3 {
	font-family: 'Open Sans';
	color: #143156;
	font-size: 35px;
	text-transform: uppercase;
}

.imgbox hr {
	width: 100px;
	float: left;
	border:1px solid #ccc;
}



#Offsec .galerist .imgbox .nav-tabs {
	border:none;
}


.navbar-default .navbar-nav > .active > a
{
  color: #143156 !important;
  font-family: 'latosemibold';
  background-color: transparent;
}

.galeriline {
	width: 100%;
}

.image-preview-container
{
  /*background-color: #000;*/
  display: table;
  width: 100%;
  height: 576px;
}
.image-preview-wrapper
{
  display: table-cell;
  vertical-align: middle;
}
.image-preview-wrapper img {
  margin: auto;
}
#Offsec .galerist .galeriline ul {
	width: 100%;
}

#Offsec .galerist .galeriline ul li {
	width: 33.3333%;
	float: left;
  padding: 5px 7px;
}


@media  only screen and (min-width: 1366px){
  .container
  {
    /*width: 84% ;*/
  }

}

/*======== HELPER =========*/
.text-grey
{
  color: #7f7f7f;
}
.flush
{
  margin: 0 !important;
}
.f-s-30
{
  font-size: 30px !important;
}
.f-s-20
{
  font-size: 20px !important;
}
.m-t-20
{
  margin-top: 20px !important;
}
.m-t-21 {
  display: none;
}
.m-b-20
{
  margin-bottom: 20px !important;
}
.flush-top{
  margin-top: 0 !important;
}
.hard
{
  padding: 0 !important;
}
.navbar-subpage ul > li > a
{
  color: #7f7f7f !important;
}
.navbar-default
{
  padding: 10px 0;
}
.text-blue
{
  color: #143156 !important;
}
/* .notera-family
{
  font-family: 'notera_personal_use_onlyRg' !important;
} */
.notera-family
{
  font-family: 'Open Sans' !important;
}
.l-h-15
{
  line-height: 1.5 !important;
}
.position {
  position: fixed;
  right: 14%;
}
.display {
  display: none !important;
}
.relative {
  position: relative !important;
}
.mrgn-dotted {
  bottom: -40px;
}
.display-block {
  display: block !important;
}
.mrgn-ga-prgrph {
  margin-bottom: 90px;
}
.r--corner {
    border-radius:0px 0px 0px 50px;
    -webkit-border-radius:0px 0px 0px 50px;
    -moz-border-radius:0px 0px 0px 50px;
    -o-border-radius:0px 0px 0px 50px;
}
.sl-bg {
  width: 100%;
  height: auto;
  color: #fff;
  opacity: 0.4;
}
.sub-sl-bg {
  width: 100%;
  height: auto;
  color: #fff;
}
.sub-sl-bg img{
  opacity: 0.7;
  width: 100%;
}
.text-white {
  color: #fff !important;
}

.navbar-collapse {
  background: transparent !important;
}

#caption-preview {
  font-family: 'latolight';
  font-size: 16px;
  color: #3d3d3d;
  text-align: center;
  margin-top: 20px;
}

.slider-sub-page-caption {
  position: absolute;
  top: 30%;
  bottom: 30%;
  width: 100%;
}
/* .slider-sub-page-caption .sub-page-caption-text {
  font-family: 'notera_personal_use_onlyRg';
  color: #fff;
  font-size: 50px;
} */
.slider-sub-page-caption .sub-page-caption-text {
  font-family: 'Open Sans';
  color: #fff;
  font-size: 50px;
}
hr.left {
  margin-left: 0;
}
@media only screen and (max-width: 640px) {
  .slider-sub-page-caption .sub-page-caption-text {
    font-size: 30px ;
  }
}
.slick-slide {
  position: relative;
}

@media only screen and (max-width: 340px) {
  .main-contractor img {
    width: 100%;
  }
  figcaption.astragraphia {
    margin-top: -10%
  }
}

/* ==========================================================================
   Catur Dharma Hall — Office Section redesign
   Scoped under .cdh-page so it never leaks into other amenities sub-pages
   that reuse .title / .paragraph / .officon / .bck (office.php, gallery-astra, etc.)
   Bootstrap 3.3.7 grid only. No CSS Grid, no flexbox, no clamp(), no custom properties.
   ========================================================================== */
.cdh-page {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #3c3c3c;
  -webkit-font-smoothing: antialiased;
}
.cdh-page a { color: #3c3c3c; text-decoration: none; }
.cdh-page a:hover,
.cdh-page a:focus { color: #8c7a4f; text-decoration: none; }

.cdh-page .title {
  margin: 0;
  font-size: 30px; font-weight: 300; line-height: 1.35;
  color: #3c3c3c; font-family: inherit;
}
.cdh-page .paragraph {
  margin: 26px auto 0;
  max-width: 820px;
  font-size: 16px; line-height: 1.85;
  color: #5c5c5c; font-family: inherit;
  text-align: left;
}

.cdh-page .cdh-section { padding: 80px 0; background: #ffffff; }
.cdh-page .cdh-section-alt { background: #f7f6f4; }
.cdh-page .cdh-section-bordered { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.cdh-page .cdh-section-intro { padding: 72px 0 0; text-align: center; }
.cdh-page .cdh-section-cta { padding: 72px 0; text-align: center; border-bottom: 1px solid #e6e6e6; }
.cdh-page .cdh-section-head { text-align: center; margin-bottom: 40px; }
.cdh-page .cdh-section-title {
  margin: 0;
  font-size: 24px; font-weight: 700; line-height: 1.3;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: #14375f;
}
.cdh-page .cdh-rule { width: 40px; height: 0; margin: 22px auto 0; border: 0; border-top: 1px solid #c9c9c9; }
.cdh-page .cdh-rule-lg { width: 60px; margin-top: 32px; }
.cdh-page .cdh-lede {
  max-width: 640px; margin: 24px auto 0;
  font-size: 15.5px; line-height: 1.8; color: #6b6b6b;
}
/* CMS rich text (Additional Pages) may wrap the intro/lede in <p>: no trailing gap */
.cdh-page .paragraph > :last-child,
.cdh-page .cdh-lede > :last-child { margin-bottom: 0; }

/* Area Showcase grid — Bootstrap row w/ inline-block columns so an orphan row (3 + 2) centres */
.cdh-page .cdh-grid-center { font-size: 0; text-align: center; margin-left: -6px; margin-right: -6px; }
.cdh-page .cdh-grid-center > [class*="col-"] {
  float: none; display: inline-block; vertical-align: top;
  font-size: 14px; text-align: left;
  padding-left: 6px; padding-right: 6px; margin-bottom: 12px;
}
.cdh-page .cdh-shot {
  position: relative; display: block;
  height: 0; padding-bottom: 75%;          /* 4:3 */
  overflow: hidden; background: #e9e7e2;
}
.cdh-page .cdh-shot img {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%; object-fit: cover;
  -webkit-transition: -webkit-transform 400ms ease; transition: transform 400ms ease;
}
.cdh-page .cdh-shot:before {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;
  background: rgba(20,30,45,0); -webkit-transition: background 200ms ease; transition: background 200ms ease;
}
.cdh-page .cdh-shot:hover:before, .cdh-page .cdh-shot:focus:before { background: rgba(20,30,45,0.35); }
.cdh-page .cdh-shot:hover img { -webkit-transform: scale(1.03); transform: scale(1.03); }
.cdh-page .cdh-shot-caption {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  padding: 30px 16px 14px;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.72));
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.72));
  color: #ffffff; font-size: 11.5px; font-weight: 400;
  letter-spacing: 0.18em; text-transform: uppercase;
}
.cdh-page .cdh-shot-caption .cdh-shot-view { float: right; font-size: 13px; letter-spacing: 0; opacity: 0.85; }
.cdh-page a.cdh-shot:hover, .cdh-page a.cdh-shot:focus { color: #ffffff; }

/* Lightbox (Bootstrap 3 modal) */
.cdh-lightbox .modal-dialog { width: auto; max-width: 1100px; margin: 40px auto; padding: 0 16px; }
.cdh-lightbox .modal-content { background: transparent; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; text-align: center; }
body.cdh-lightbox-open .modal-backdrop { background: #0f1216; opacity: 0.92; }
.cdh-lightbox-stage { background: #1c1f24; }
.cdh-lightbox-stage img { display: block; max-width: 100%; max-height: 74vh; margin: 0 auto; }
.cdh-lightbox-bar { margin-top: 18px; color: #ffffff; }
.cdh-lightbox-caption {
  display: inline-block; vertical-align: middle; margin: 0 22px;
  font-size: 11.5px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.85);
}
.cdh-lightbox-btn {
  display: inline-block; vertical-align: middle;
  padding: 10px 18px; border: 1px solid rgba(255,255,255,0.4); background: transparent;
  color: #ffffff; font-family: inherit; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;
  -webkit-transition: all 200ms ease; transition: all 200ms ease;
}
.cdh-lightbox-btn:hover, .cdh-lightbox-btn:focus { background: #ffffff; color: #14375f; outline: none; }
.cdh-lightbox-icon {
  display: none; width: 18px; height: 18px; vertical-align: middle;
  fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.cdh-lightbox-hint { display: block; margin-top: 18px; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.45); }

/* More About accordion (Bootstrap 3 collapse) */
.cdh-page .cdh-accordion { margin: 0; border-top: 1px solid #e0ddd6; }
.cdh-page .cdh-accordion .panel {
  margin: 0 !important; border: 0; border-bottom: 1px solid #e0ddd6;
  border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none;
}
.cdh-page .cdh-acc-toggle { display: block; position: relative; padding: 22px 40px 22px 4px; outline: none; }
.cdh-page .cdh-acc-toggle:focus { outline: none; }
.cdh-page a.cdh-acc-toggle:hover .cdh-acc-title { color: #14375f; }
.cdh-page .cdh-acc-num { display: inline-block; width: 36px; font-size: 12px; font-weight: 400; letter-spacing: 0.16em; color: #a99a72; }
.cdh-page .cdh-acc-title { font-size: 20px; font-weight: 400; color: #14375f; -webkit-transition: color 200ms ease; transition: color 200ms ease; }
.cdh-page .cdh-acc-toggle.collapsed .cdh-acc-title { color: #3c3c3c; }
.cdh-page .cdh-acc-sign { position: absolute; right: 4px; top: 50%; margin-top: -13px; font-size: 18px; line-height: 26px; color: #8c7a4f; }
.cdh-page .cdh-acc-sign:before { content: "\2013"; }                /* – open */
.cdh-page .cdh-acc-toggle.collapsed .cdh-acc-sign:before { content: "+"; }
.cdh-page .cdh-acc-body { padding: 0 4px 28px; }
.cdh-page .cdh-acc-body .paragraph { margin: 0; max-width: none; font-size: 15.5px; }
.cdh-page .cdh-media {
  position: relative; height: 0; padding-bottom: 62.5%;   /* 16:10 */
  background: #e9e7e2; overflow: hidden;
}
.cdh-page .cdh-media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

/* CTA buttons + icon */
.cdh-page .cdh-cta-buttons { margin-top: 26px; font-size: 0; }
.cdh-page .cdh-btn {
  display: inline-block; vertical-align: middle;
  min-height: 52px; margin: 0 7px 14px; padding: 16px 28px;
  border: 1px solid #14375f; border-radius: 0;
  font-size: 12.5px; font-weight: 700; line-height: 18px;
  letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap;
  -webkit-transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
.cdh-page a.cdh-btn-outline { background: #ffffff; color: #14375f; }
.cdh-page a.cdh-btn-outline:hover, .cdh-page a.cdh-btn-outline:focus { background: #14375f; color: #ffffff; }
.cdh-page a.cdh-btn-outline:active { background: #0e2744; border-color: #0e2744; color: #ffffff; }
.cdh-page a.cdh-btn-solid { background: #14375f; color: #ffffff; }
.cdh-page a.cdh-btn-solid:hover, .cdh-page a.cdh-btn-solid:focus { background: #0e2744; border-color: #0e2744; color: #ffffff; }
.cdh-page a.cdh-btn-solid:active { background: #0a1d33; border-color: #0a1d33; color: #ffffff; }
.cdh-page .cdh-btn:focus { outline: 2px solid #8c7a4f; outline-offset: 2px; }
.cdh-page .officon {
  display: inline-block; vertical-align: middle;
  width: 18px; height: 18px; margin: -2px 12px 0 0;
  fill: currentColor;
}
.cdh-page .officon-stroke { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Pager row (back / next) */
.cdh-page .cdh-pager { padding: 36px 0; border-top: 1px solid #e6e6e6; }
.cdh-page .cdh-back {
  display: inline-block !important; padding: 6px 0;
  font-size: 12px; font-weight: 300; letter-spacing: 0.16em; text-transform: uppercase;
  border-bottom: 1px solid transparent;
  -webkit-transition: color 200ms ease, border-color 200ms ease; transition: color 200ms ease, border-color 200ms ease;
}
.cdh-page a.cdh-back { color: #6b6b6b; }
.cdh-page a.cdh-back:hover, .cdh-page a.cdh-back:focus { color: #8c7a4f; border-bottom-color: #8c7a4f; }
.cdh-page a.cdh-back:active { color: #14375f; border-bottom-color: #14375f; }
.cdh-page .btn-next-page {
  display: inline-block; padding: 6px 0;
  font-size: 12px; font-weight: 300; letter-spacing: 0.16em; text-transform: uppercase;
  border-bottom: 1px solid transparent; background: none; width: auto; height: auto;
  -webkit-transition: color 200ms ease, border-color 200ms ease; transition: color 200ms ease, border-color 200ms ease;
}
.cdh-page a.btn-next-page { color: #14375f; }
.cdh-page a.btn-next-page:hover, .cdh-page a.btn-next-page:focus { color: #8c7a4f; border-bottom-color: #8c7a4f; }
.cdh-page a.btn-next-page:active { color: #0e2744; border-bottom-color: #0e2744; }
.cdh-page .btn-next-page .text-wrapper,
.cdh-page .btn-next-page figure { display: inline-block; vertical-align: middle; }
.cdh-page .btn-next-page figure { margin: 0 0 0 10px; }
.cdh-page .btn-next-page figure img { width: 20px; }

/* Responsive (Bootstrap 3 breakpoints) */
@media (max-width: 991px) {
  .cdh-page .cdh-section { padding: 60px 0; }
  .cdh-page .title { font-size: 26px; }
  .cdh-page .cdh-section-title { font-size: 21px; }
  .cdh-page .cdh-acc-title { font-size: 18px; }
}
@media (max-width: 767px) {
  .cdh-page .cdh-section { padding: 44px 0; }
  .cdh-page .cdh-section-intro { padding-top: 40px; }
  .cdh-page .cdh-section-cta { padding: 44px 0; }
  .cdh-page .cdh-section-head { margin-bottom: 24px; }
  .cdh-page .title { font-size: 22px; }
  .cdh-page .cdh-section-title { font-size: 18px; }
  .cdh-page .cdh-acc-title { font-size: 16px; }
  .cdh-page .cdh-acc-body .cdh-media { margin-top: 18px; }
  .cdh-page .cdh-btn { display: block; margin: 0 0 12px; white-space: normal; }
  .cdh-page .cdh-pager .text-right, .cdh-page .cdh-pager .text-right { text-align: left; margin-top: 12px; }
  .cdh-lightbox-btn { padding: 10px 14px; }
  .cdh-lightbox-btn-text { display: none; }
  .cdh-lightbox-icon { display: inline-block; }
}

/* More About accordion body: rich text from djadmin posts (<p>, lists, bold) */
.cdh-page .cdh-acc-content p,
.cdh-page .cdh-acc-content ul,
.cdh-page .cdh-acc-content ol { margin: 0 0 14px; }
.cdh-page .cdh-acc-content > :last-child { margin-bottom: 0; }
.cdh-page .cdh-acc-content ul,
.cdh-page .cdh-acc-content ol { padding-left: 20px; }
.cdh-page .cdh-acc-content strong,
.cdh-page .cdh-acc-content b { font-family: inherit; font-weight: 700; color: #3c3c3c; }

/* ==========================================================================
   Lifestyle — Retail tenant list (amenities/lifestyle)
   From claude/design_handoff_retail_page ("TENANTS page"). All classes .tenant-* (renamed from the handoff's .cdh-tn-*),
   used inside .cdh-page with the shared intro / rule / pager rules above.
   Data from tbl_tenants; .tenant-logo-initials is the no-logo fallback.
   ========================================================================== */
.cdh-page .tenant-intro .paragraph { max-width: 640px; margin: 18px auto 0; font-size: 15.5px; line-height: 1.8; color: #6b6b6b; text-align: center; }
.cdh-page .tenant-intro .cdh-rule-lg { margin-top: 26px; }
.tenant-list { padding: 80px 0; }
.tenant-floor { margin-bottom: 40px; }
.tenant-floor:last-child { margin-bottom: 0; }
/* Floor heading: label + count + hairline. Table layout instead of flex. */
.tenant-floor-head { display: table; width: 100%; margin-bottom: 20px; }
.tenant-floor-head > * { display: table-cell; vertical-align: middle; white-space: nowrap; }
.tenant-floor-title { margin: 0; padding-right: 14px; font-size: 13px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #14375f; width: 1%; }
.tenant-floor-count { padding-right: 14px; font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #a0a0a0; width: 1%; }
.tenant-floor-line { width: 100%; }
.tenant-floor-line:before { content: ""; display: block; height: 1px; background: #e6e6e6; }
/* Card grid: BS3 cols, inline-block so uneven card heights never snag floats. */
.tenant-grid { font-size: 0; margin-left: -9px; margin-right: -9px; }
.tenant-grid > [class*="col-"] { float: none; display: inline-block; vertical-align: top; font-size: 14px; padding-left: 9px; padding-right: 9px; margin-bottom: 18px; }
.tenant-card { background: #ffffff; border: 1px solid #e6e6e6; -webkit-transition: border-color 200ms ease; transition: border-color 200ms ease; }
.tenant-card:hover { border-color: #c9bda0; }
.tenant-photo { position: relative; height: 0; padding-bottom: 75%; background: #e9e7e2; overflow: hidden; }
.tenant-photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.tenant-body { padding: 18px 20px 20px; }
.tenant-logo { position: relative; width: 76px; height: 76px; margin: -54px 0 14px; padding: 6px; background: #ffffff; border: 1px solid #ededed; border-radius: 50%; }
.tenant-logo img { display: block; width: 62px; height: 62px; border-radius: 50%; object-fit: cover; background: #e9e7e2; }
.tenant-logo-initials { display: block; width: 62px; height: 62px; line-height: 62px; border-radius: 50%; background: #f7f6f4; color: #14375f; text-align: center; font-size: 20px; font-weight: 700; letter-spacing: 0.08em; }
.tenant-name { margin: 6px 0 0; font-size: 17px; font-weight: 700; line-height: 1.3; color: #3c3c3c; }
.tenant-hours { margin: 16px 0 0; padding: 12px 0 0; border-top: 1px solid #ededed; list-style: none; }
.tenant-hours li { font-size: 13px; line-height: 1.6; color: #6b6b6b; }
.tenant-hours li:after { content: ""; display: table; clear: both; }
.tenant-days { float: left; letter-spacing: 0.08em; text-transform: uppercase; }
.tenant-time { float: right; text-align: right; }
/* Subtitle for a labelled hours group, e.g. "Showroom" above "MON – SUN  8 AM – 5.30 PM" */
.tenant-hours li.tenant-hours-label { margin-top: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; color: #14375f; }
.tenant-hours li.tenant-hours-label:first-child { margin-top: 0; }
@media (max-width: 991px) { .tenant-list { padding: 60px 0; } }
@media (max-width: 767px) {
  .tenant-list { padding: 44px 0; }
  .tenant-floor { margin-bottom: 28px; }
  /* Long location names (e.g. "ZEST Foodcourt (3rd Floor)") wrap instead of overflowing */
  .tenant-floor-title { white-space: normal; width: auto; }
  .tenant-floor-line { width: 24px; }
}

/* ==========================================================================
   HOMEPAGE — Recognition (inside #collab, below the partner logos)
   From claude/design_handoff_home_recognition. All classes .recog-*.
   Site font (Open Sans) instead of Lato; own .recog-rule since the shared one is
   scoped to .cdh-page; no grey band because it's part of the white Collaboration
   section. Two-column list via BS3 .col-md-6; rows use float, no flex/grid.
   ========================================================================== */
.recog { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #3c3c3c; }
.recog-inner { padding: 88px 0 0; border-top: 1px solid #e6e6e6; }
.recog-head { text-align: center; margin-bottom: 48px; }
.recog-label { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #14375f; }
.recog-rule { width: 40px; max-width: 40px; height: 0; margin: 18px auto; border: 0; border-top: 1px solid #c9c9c9; }
.recog-headline { max-width: 760px; margin: 0 auto; font-size: 30px; font-weight: 300; line-height: 1.4; color: #3c3c3c; }
.recog-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #e0ddd6; }
.recog-item { padding: 20px 4px; border-bottom: 1px solid #e0ddd6; }
.recog-item:after { content: ""; display: table; clear: both; }
.recog-year { float: left; width: 52px; padding-top: 2px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; color: #14375f; }
.recog-body { margin-left: 68px; }
.recog-title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.4; color: #3c3c3c; }
.recog-meta { margin: 5px 0 0; font-size: 13.5px; line-height: 1.6; color: #6b6b6b; }
@media (max-width: 991px) {
  .recog-inner { padding-top: 64px; }
  .recog-headline { font-size: 25px; }
  .recog-col + .recog-col .recog-list { border-top: 0; }
}
@media (max-width: 767px) {
  .recog-inner { padding-top: 48px; }
  .recog-head { margin-bottom: 28px; }
  .recog-headline { font-size: 21px; }
  .recog-year { width: 44px; }
  .recog-body { margin-left: 56px; }
  .recog-title { font-size: 15px; }
}

/* ==========================================================================
   HOMEPAGE — Catur Dharma Hall highlight (#catur-dharma-hall, below #amenities)
   From claude/design_handoff_home_cdh (Page 4). All classes .hall-* (renamed from
   the handoff's .cdh-hl-*; own label/rule/title/text/button instead of restyling
   the homepage's global .title / .paragraph / .btn-next-page). Site font (Open Sans).
   Image left / copy right via BS3 .col-md-6 + inline-block vertical centring.
   ========================================================================== */
.hall { padding: 88px 0; background: #f7f6f4; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #3c3c3c; }
.hall-row { font-size: 0; }
.hall-row > [class*="col-"] { float: none; display: inline-block; vertical-align: middle; font-size: 14px; }
.hall-media { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 66.6667%; background: #e9e7e2; }
.hall-media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: -webkit-transform 400ms ease; transition: transform 400ms ease; }
.hall-media:hover img, .hall-media:focus img { -webkit-transform: scale(1.03); transform: scale(1.03); }
.hall-copy { padding-left: 34px; }
.hall-label { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #14375f; }
.hall-rule { width: 40px; max-width: 40px; height: 0; margin: 18px 0; border: 0; border-top: 1px solid #c9c9c9; }
.hall-title { margin: 0; font-size: 32px; font-weight: 300; line-height: 1.35; color: #3c3c3c; }
.hall-text { margin: 18px 0 0; font-size: 16px; font-weight: 300; line-height: 1.85; color: #5c5c5c; text-align: left; }
.hall-text > :last-child { margin-bottom: 0; } /* CMS rich text (Additional Pages) may wrap the text in <p> */
.hall-btn { display: inline-block; margin-top: 26px; min-height: 52px; padding: 16px 28px; border: 1px solid #14375f; border-radius: 0; background: transparent; font-size: 12.5px; font-weight: 700; line-height: 18px; letter-spacing: 0.16em; text-transform: uppercase; color: #14375f; text-decoration: none; -webkit-transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease; transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease; }
.hall-btn:hover, .hall-btn:focus { background: #14375f; border-color: #14375f; color: #ffffff; text-decoration: none; }
.hall-btn:active { background: #0e2744; border-color: #0e2744; color: #ffffff; }
.hall-btn:focus { outline: 2px solid #8c7a4f; outline-offset: 2px; }
.hall-arrow { margin-left: 12px; }
@media (max-width: 991px) {
  .hall { padding: 64px 0; }
  .hall-copy { padding-left: 15px; margin-top: 32px; }
  .hall-title { font-size: 27px; }
}
@media (max-width: 767px) {
  .hall { padding: 48px 0; }
  .hall-copy { margin-top: 26px; }
  .hall-title { font-size: 24px; }
  .hall-text { font-size: 15.5px; }
  .hall-btn { display: block; text-align: center; }
}

/* ==========================================================================
   HOMEPAGE — Amenities list centring
   Tiles are inline-block instead of floated, so the row is horizontally
   centred whatever the count (#amenities is text-align: center). font-size: 0
   on the row removes the inline-block whitespace gap so 2-up/4-up still fit.
   ========================================================================== */
#amenities .amen .centered { font-size: 0; }
#amenities .amen .centered > .item { float: none; display: inline-block; vertical-align: top; font-size: 14px; }