@charset "utf-8";
/* CSS Document */

*,
*:before,
*:after {
  box-sizing: border-box;
}


body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  color: #333;
  font-weight: 300;
 
}

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

p {
	/*padding-bottom: 15px;
    line-height: 1.6;
	margin: 0;*/
	margin: 26px 0px;
	line-height: 27px;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
  position: relative;
  margin: 0;
}

button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
  outline: none;
}

ul,
ol {
 /* margin: 0 0 25px 15px;*/
  padding: 0;
}
dl, dt, dd {
  margin: 0;
  padding: 0
}

hr {
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #e7e7e7;
  /* old IE */
  background-color: #e7e7e7;
  /* Modern Browsers */
  margin: 50px 0;
  width: 100%;
  position: relative;
  clear: both
}

strong {
  font-weight: 700;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
  width: 100%;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

a {
  color: #934040;
  text-decoration: none;
  cursor: pointer
}

a:hover {
  color: #222;
  text-decoration: none;
  cursor: pointer
}

a:selected,
a:focus {
  color: #760004;
  text-decoration: none;
}

#wrapper {
  width: 100%;
  position: relative;
  background: #fff;
}

h1 {
  font-weight: 500;
  font-size: 18px;
  color: #424242;
}

h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
}


h3 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #424242;
  font-weight: 300;
  margin-top: 15px;
  margin-bottom: 20px;
}

h4 {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1.5px solid lightgrey;
}

h5 {
  font-weight: 500;
  margin: 10px 0;
  font-size: inherit;
}
h6 {
  font-weight: 700;
  color: #424242;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase
}
h6.t6 {
  font-weight: 400;
  text-transform: none;
  margin-bottom: 13px;
}

h6.t7 {
  color: #333;
  margin-top: 20px;
}
/*h7 {
  font-weight: 700;
  color: #2b62a3;
  font-size: 18px;
  font-size: 1.8rem;
}*/

.tgutter0 {
  padding-top: 0;
}


.right {
  text-align: right;
  float: right
}

.left {
  text-align: left;
  float: left
}

.top-gutter {
  padding-top: 60px;
}

.bottom-gutter {
  padding-bottom: 50px
}

.tb-gutter20 {
  padding: 20px 0
}
.tgutter5 {
  padding-top: 5px
}
.tgutter10 {
  padding-top: 10px
}
.tgutter20 {
  padding-top: 20px
}
.tgutter30 {
  padding-top: 30px
}
.bgutter10 {
  padding-bottom: 10px;
}
.bmar0 {
  margin-bottom: 0;
}
.bgutter15 {
  padding-bottom: 15px;
}
.bgutter40 {
  padding-bottom: 40px;
}
.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.groupfix20 {
  margin-left: -20px;
  margin-right: -20px;
}

.groupfix25 {
  margin-left: -25px;
  margin-right: -25px;
}

.colsfix20 {
  padding: 0 20px
}

.colsfix25 {
  padding: 0 25px
}



.btn {
  background-color: #00397c;
  background-image: url('/images/icon-email-alerts-submit.png');
  background-repeat: no-repeat;
  background-position: 90% center;
  border: 0;
  font-weight: 300;
  width: 150px;
  color: #fff;
  margin: 0 20px;
  padding: 5px 20px;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  cursor: pointer;
}

.btn:hover {
  background-color: rgba(0, 57, 124, 0.8);
  color: #fff;
  transition: all 1s ease;
}

sup {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 300;
}

.med {
  font-weight: 500
}

ul.style1 {
  margin-left: 30px;
  margin-top: 5px;
}

/****** header ******/

header {
  width: 100%;
  background: #fff;
  height: 80px;
  position: fixed;
  top: 0;
  z-index: 1000;
}

.logowrap {
  /*line-height: 80px;*/
}

.logo {
	padding: 17px 0px 0px 25px;
}

.logo img {
  max-width: 180px;
}

/********Banner-Slideshow*********/

.slideshow-container {
	margin-top: 80px;
	position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */


.banner-top-text {
  position: absolute; 
  top: 0; 
  right: 0; 
  color: #fff; 
  padding: 5px 10px; 
  background: rgba(0,0,0,0.4); 
  font-size: 12px;

}


.text {
	/* background-color: #2f2f2f;*/
  color: #ffffff;
  font-size: 24px;
  /*padding: 20px 0px;*/
  position: absolute;
  bottom: 4px;
  width: 100%;
  text-align: center;
  text-transform: normal;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  /*opacity: 0.6;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
   filter: alpha(opacity=60);*/
}

.banner-main-text{
	color: #fff;
	position: absolute;
    bottom: 0px;
   /* border: 1px solid #a00;*/
    height: 87px;
	width: 100%; 
    text-align: center; 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}


.text span {
	font-size: 20px;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


/*********** sub banners******* */
.sub-banner {
	margin-top: 80px;
}

.contact-banner {
	background: url(/images/banner-contact.jpg) no-repeat;
	height: 256px;
	margin-top: 80px;
	width: 100%;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
	position: relative;
}

.banner-about {
	background: url(/images/banner-about.jpg) no-repeat;
	height: 256px;
	margin-top: 80px;
	width: 100%;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
	position: relative;
}

.banner-sus {
	background: url(/images/sr_banner.jpg) no-repeat;
	height: 256px;
	margin-top: 80px;
	width: 100%;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
	position: relative;
}

.banner-portfolio {
	background: url(/images/banner-portfolio.jpg) no-repeat;
	height: 256px;
	margin-top: 80px;
	width: 100%;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
	position: relative;
}

.banner-text-wrapper {
	position: relative;
	top: 0%;
}

.banner-bottom-text {
  position: absolute; 
  bottom: 0; 
  right: 0; 
  color: black; 
  padding: 0px 10px; 
  background: rgba(255,255,255,0.6); 
  font-size: 12px;
}

/************Side-Nav***********/

h2.side-cat-name {
	font-size: 18px;
    color: #a41737;
    font-family: "Open Sans", sans-serif;
	margin-bottom: 15px;
}

.side-nav-wrap {
	width: 25%;
	float: left;
	/*padding-right: 5%;*/
}

.main_content_wrap {
	width: 75%;
	float: left;
	padding-left: 3%;
}
.main_content_wrap p {
	text-align: justify;
}

ul.lft-nav {
  border: 1px solid #ddd;
  margin: 0px;
 
}

ul.lft-nav li {
	list-style: none;
}

ul.lft-nav li a {
	width: 100%;
	display: block;	
	font-size: 14px;
	color: #000;
	padding: 10px 5px 10px 12px;
	border-bottom: 1px solid #eee;
  
}

a.lft-selected {
    color: #a41737!important;
    font-weight: bold;
}

a.selected {
    border-bottom: 5px solid #C00000;
}

.main_content_wrap img {
	width: auto;
}

h2.portfolio-lftnav {
	padding-left: 13px;
	margin-bottom: 10px;
	color: #a41737;
	margin-top: 20px;
	margin-bottom: 10px;
}

/***********home-page-content***********/

.full-col-home {
	width: 100%;
	padding-top: 0px;
    /*display: flex;
   justify-content: space-between;*/
  
}

.home_lft {
	width: 50%;
	float: left;
	padding-right: 30px;
}

.home-news-container	{
	/*padding-bottom: 20px;*/
	margin-bottom: 20px;
	border-bottom: 1px solid #e4e4e4;
}

.home-news-title-wrap {
	margin-bottom: 10px;
}

.home-news-title-wrap h2 {
	color: #a41737;
}

.home-news-date {
	color: #333;
	/*margin-bottom: 10px;*/
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}

.home-news-title {
	margin: 0px;
	padding-bottom: 20px;
}
p.read-more-news {
  float: right;
	margin: 0px;
	color: #a18767;
	font-size: 15px;
  /* padding-right: 20px; */
}
.home-news-title a{
	color: #333;
	font-size: 16px;
}

.home-news-title a:hover{
	text-decoration: underline;
}

.home_rht {
	width: 50%;
	float: left;
	
}

.home_rht img {
	width: auto;

	
}

.home-right-tile {
	width: 50%;
	float: left;
	text-align: center;
	height: 200px;
}

.home-right-tile h2 {
	color: #a41737;
	
}

.home_icon_space {
    margin-top: 30px;
	display: block;
}

/**********/

.subcontent {
	margin-top: 35px;
}

.subcontent-home {
	margin-top: 30px;
}


h2.subpage-title {
	color: #424242;
	padding-bottom: 25px;
}

/******About-Us************/

p.note {
	font-size: 13px;
	font-family: "Lato", sans-serif;
  font-weight: 300;
    color: #876867;
	font-style: italic;
}

p.vision {
	text-align: center;
}

img.profile-highlight-desktop-hide {
	display: none;
}

h4.about-border-heading {
	font-family: "Open Sans", sans-serif;
  font-weight: 500;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-top: 0px;
	font-size: 1.6rem;
}

.pdf-img {
    float: left;
}

.pdf-download {
    float: left;
    padding: 20px 0 0 15px;
}

ol.cg_item {
	padding-left: 45px;
	/*padding-top: 25px;
	padding-bottom: 25px;*/
	margin: 0px;
}

ol.cg_item li {
	padding-bottom: 10px;
}

.sr_Container {
  display: flex;
  /*justify-content: flex-start;*/
  align-items: center;
  padding: 0px 0 30px 0;
  margin: 0;
  width: 100%;
  justify-content: center;
}
.sr_Left {width: 20%; float: left; margin: 0;}
.sr_Left img { margin-top: 2rem; }
.sr_Right {width: auto; float: right;}

.sr_viewpast {
	display: inline-block;
}

p.vision {
	/*padding-top: 15px;*/
}
.milestones-wrap-2024 {
  background: url(/images/milestones-bg-2024.png) no-repeat center center; width: 100%; height: 870px; position: relative;
}

.milestones-wrap-2019 { background: 
  /* url(../images/Milestone_Image.jpg)  */
  url(/images/milestones-bg-2022-after24mar.png)
  no-repeat center center; width: 100%; height: 714px; position: relative;  }
.milestones-27-8-2012 { background: #fff; width: 245px; position: absolute; 
  /* top: 95px;  */
  top: 71px;
  right: 20px;
border: 1px solid #a1a1a1;
  }
.milestones-27-8-2012 .date { font-size: 18px; color: #A68500; font-family: "Lato", sans-serif;
font-weight: 300; background: #f0f0f0; padding: 10px 10px 10px 20px; border-bottom: 1px solid #a1a1a1; }
.milestones-27-8-2012 .detail {
    font-size: 13px;
    color: #444339;
    padding: 10px 10px 10px 20px;
    line-height: 1.5;
  }

.milestones-feb-2013 { background: #fff; width: 245px; position: absolute; 
  /* top: 191px;  */
  top: 148px;
  left: 22px; 
  border: 1px solid #a1a1a1;
  }
.milestones-feb-2013 .date { font-size: 18px; color: #A68500; font-family: "Lato", sans-serif;
font-weight: 300; background: #f0f0f0; padding: 10px 10px 10px 20px; border-bottom: 1px solid #a1a1a1; }
.milestones-feb-2013 .detail {
  font-size: 13px;
  color: #444339;
  padding: 10px 10px 10px 20px;
  line-height: 1.5;
 }

.milestones-1-aug-2013 { background: #fff; width: 245px; position: absolute; 
  top: 311px; 
  top: 255px;
  right: 20px;
border: 1px solid #a1a1a1;  }
.milestones-1-aug-2013 .date { font-size: 18px; color: #A68500; font-family: "Lato", sans-serif;
font-weight: 300; background: #f0f0f0; padding: 10px 10px 10px 20px; border-bottom: 1px solid #a1a1a1; }
.milestones-1-aug-2013 .detail {
  font-size: 13px;
  color: #444339;
  padding: 10px 10px 10px 20px;
  line-height: 1.5;
}

.milestones-november-2013 { background: #fff; width: 245px; position: absolute; 
  /* top: 387px;  */
  top: 321px; 
  left: 23px;
border: 1px solid #a1a1a1;  }
.milestones-november-2013 .date { font-size: 18px; color: #A68500; font-family: "Lato", sans-serif;
font-weight: 300; background: #f0f0f0; padding: 10px 10px 10px 20px; border-bottom: 1px solid #a1a1a1; }
.milestones-november-2013 .detail {
  font-size: 13px;
  color: #444339;
  padding: 10px 10px 10px 20px;
  line-height: 1.5;
}

.milestones-22-september-2014 { background: #fff; width: 245px; position: absolute; 
  /* top: 502px; */
  top: 408px; 
  right: 21px;
border: 1px solid #a1a1a1;  }
.milestones-22-september-2014 .date { font-size: 18px; color: #A68500; font-family: "Lato", sans-serif;
font-weight: 300; background: #f0f0f0; padding: 10px 10px 10px 20px; border-bottom: 1px solid #a1a1a1;}
.milestones-22-september-2014 .detail {
  font-size: 13px;
  color: #444339;
  padding: 10px 10px 10px 20px;
  line-height: 1.5;
}

.milestones-2-april-2018 { background: #fff; width: 245px; position: absolute; 
  /* top: 610px;  */
  top: 512px;
  left: 22px;
border: 1px solid #a1a1a1;  }
.milestones-2-april-2018 .date { font-size: 18px; color: #A68500; font-family: "Lato", sans-serif;
font-weight: 300; background: #f0f0f0; padding: 10px 10px 10px 20px; border-bottom: 1px solid #a1a1a1; }
.milestones-2-april-2018 .detail {
  font-size: 13px;
  color: #444339;
  padding: 10px 10px 10px 20px;
  line-height: 1.5;
}

.milestones-24-march-2022 { background: #fff; width: 245px; position: absolute; 
  /* top: 502px; */
  top: 597px; 
  right: 21px;
border: 1px solid #a1a1a1;  }

.milestones-24-march-2022 .date { font-size: 18px; color: #A68500; font-family: "Lato", sans-serif;
font-weight: 300; background: #f0f0f0; padding: 10px 10px 10px 20px; border-bottom: 1px solid #a1a1a1; }
.milestones-24-march-2022 .detail {
  font-size: 13px;
  color: #444339;
  padding: 10px 10px 10px 20px;
  line-height: 1.5;
}

.milestones-25-april-2024 { 
  background: #fff;
  width: 245px;
  position: absolute;
  top: 690px;
  left: 22px;
  border: 1px solid #a1a1a1;
}
.milestones-25-april-2024 .date {
  font-size: 18px;
  color: #A68500;
  font-family: "Lato", sans-serif;
  font-weight: 300; background: #f0f0f0; padding: 10px 10px 10px 20px; border-bottom: 1px solid #a1a1a1; 
}
.milestones-25-april-2024 .detail {
  font-size: 13px;
  color: #444339;
  padding: 10px 10px 10px 20px;
  line-height: 1.5;
}

.milestones-show-mobile {
	display: none;
}

/*awards*/

h4.awards {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.award-container {
	/*border: 1px solid #a00;*/
	margin-top: 30px;
}

.award-title {
	background-color: #eff0f0;
    font-weight: bold!important;
    color: #b29959!important;
    font-size: 14px!important;
    padding: 10px;
}

.award-title h4 {
	
    font-weight: normal;
    color: #b29959!important;
    font-size: 14px!important;
    /*padding: 10px;*/
}

h2.awards {
	border-bottom: 1px solid #d3d3d3;
    padding-bottom: 15px;
	margin-bottom: 15px;
}


p.awards-topspace {
	margin-top: 10px;
	margin-bottom: 0px;
}

/*bod*/

#tab-bod { margin: 0 auto; /*width: 660px; padding-top: 68px;*/ display: inline-block; width: 100%; text-align: center; }
#tab-bod li { list-style: none; float: left; padding-left: 1px; }
#tab-bod li { cursor: pointer; }
#tab-bod li.bod a {
	background: url(../images/Tab_Bod.png) no-repeat 0 0;
	width: 243px;
	height: 50px;
	color: #cfb67a; /*ac9362*/
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0); /*display: inline-block;*/
	overflow: hidden;
	transform: translateZ(0px); transition-duration: 0.5s;
	transition-property: color, background-color; display: flex;
    justify-content: center;
    /*padding-top: 15px;*/
	align-items: center;

}/*vertical-align: middle;*/
#tab-bod li.bod a:hover { background: url(../images/Tab_Bod_Hover.png) no-repeat 0 0;}
#tab-bod li.bod a:hover { background: url(../images/Tab_Bod_Hover.png) no-repeat 0 0;}
#tab-bod li.bod a.selected { background: url(../images/Tab_Bod_Selected.png) no-repeat 0 0; color: #fff; border: none; }
#tab-bod li.management a { background: url(../images/Tab_Management_Team.png) no-repeat 0 0; width: 243px; height: 50px; color: #ac9362; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); /*display: inline-block;*/ overflow: hidden; transform: translateZ(0px); transition-duration: 0.5s; transition-property: color, background-color; /*vertical-align: middle;*/display: flex;
   /* justify-content: center;*/
    align-items: center;
    /*padding-top: 15px;*/
	padding-left: 30px;
}
#tab-bod li.management a:hover { background: url(../images/Tab_Management_Team_Hover.png) no-repeat 0 0;}
#tab-bod li.management a.selected { background: url(../images/Tab_Management_Team_Selected.png) no-repeat 0 0; color: #fff; border: none; }
#tab-bod li a { /*padding: 18px 0 0 53px;*/ font-size: 18px; font-family: "Lato", sans-serif;
font-weight: 300; display: block; cursor: pointer; }
/*#tab-bod li.management a:hover { background: url(../images/Tab_Management_Team_Hover.png) no-repeat 0 0; }*/
.bod-content { float: left; display: none; margin: 0; padding-top: 50px; /*padding: 55px;*/  }
.bod-img p.designations-break {padding-top: 7px;}

.bod-box { width: 100%; border-bottom: 1px solid #e8e3d5; margin-bottom: 40px; /*padding-top: 50px;*/  }
.bod-img { /*width: 280px; float: left;*/ }
.bod-img h2 {/* padding: 20px 0 0 0;*/ margin: 0;text-align: left; font-size: 22px; }
.bod-img p { padding: 15px 0 0 0; margin: 0; line-height: 24px; font-size: 16px; color: #727272; }
.bod-name { text-align: left;  }
.bod-detail { width: 100%; padding-bottom: 2%; }
.bod_designation {
	/*border: 1px solid #a00;*/
}

.bod_design_main {
	float: left;
	width: 50%;

}

.bod_design_second	  {
	float: left;
	width: 50%;
}

ul.mng-list {
	margin: 0px;
	padding: 10px 0 15px 0;
}

ul.mng-list li {
		list-style: none;
		font-size: 15px;
		/*padding-bottom: 5px;*/
}


/***********portfolio-overview********/

.portfolio-banner { padding-top: 10px; }
.portfolio-banner img { display: block; padding: 0 0 2px 0; }
.portfolio-proper { background: #e2d3af; width: 33.33%; height: 260px; float: left; padding-top: 15px; }
*:first-child+html .portfolio-proper, *:first-child+html .portfolio-retail, *:first-child+html .portfolio-valuation { height: 380px; }
.portfolio-proper h3, .portfolio-retail h3, .portfolio-valuation h3 { font-family: "Lato", sans-serif;
font-weight: 300; font-size: 14px; color: #a41737; text-transform: uppercase; font-weight: normal; text-align: center; padding: 10px 0 10px 0; margin: 0; text-decoration: none; }
.table-proper { width: 100%; color: #444339; font-size: 30px;  }
.table-proper tr.name { color: #5a584b; font-size: 13px;}
.table-proper tr td { padding: 5px 0; text-align: center; width: 50%; }
*:first-child+html .table-proper tr td  { display: block; padding: 5px 0;  }
*:first-child+html .table-proper tr.name { padding: 5px 0; }
.portfolio-top { padding: 5px 0 10px 0; }
.portfolio-bottom { padding-top: 14px; }
.table-proper-bottom { width: 100%; color: #5a584b; font-size: 22px; }
.table-proper-bottom tr td { padding: 5px 0; text-align: center; width: 50%; }
.table-proper-bottom tr.name { color: #5a584b; font-size: 13px;}
.portfolio-retail { background: #ece2ca; width: 33.33%; height: 260px; float: left; font-size: 15px; padding-top: 15px; }
.portfolio-retail .bag { text-align: center; }
.portfolio-valuation { text-align: center; border-bottom: 1px solid #e3e3e3;  }
.portfolio-valuation .one { font-size: 36px; padding: 39px 0 16px 0; }
.portfolio-retail-bottom { padding-top: 14px; }
*:first-child+html .portfolio-retail-bottom { padding-top: 73px; }
*:first-child+html .portfolio-valuation-bottom { padding-top: 73px; }


.portfolio-overview-wrapper {
	display: flex;
}

.overview-box1 {
	background: #e2d3af;
	width: 33.33%;
	/*height: 260px; */
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;


}

.overview-box2 {
	background: #ece2ca;
	width: 33.33%;
	/*height: 260px; */
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;


}


.overview-box3 {
	background: #f5f0e4;
	width: 33.33%;
	/*height: 260px; */
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;


}

.overview-box2 h3, .overview-box1 h3, .overview-box3 h3 {
	 font-family: 'latoregular', Lato, Sans-Serif;
	 font-weight: 300;
	 font-size: 18px;
	 color: #a41737;
	 text-transform: uppercase;
	 font-weight: normal;
	 text-align: center;
	 margin: 0;
	 text-decoration: none;
 }


.portfolio-bottom-c { text-align: center; margin-top: 40px; background: #fbfaf5; padding: 2px;   }

.portfolio-map { position: relative; }
.portfolio-height { height: 113px; }
.portfolio-map a { cursor: pointer; display: block; position: absolute; font-family: "Lato", sans-serif;
font-weight: 300; font-size: 13px; padding: 0 10px; line-height: 22px; color: #fff; white-space: nowrap; }
#port-1 { left: 186px; top: 105px; }
#port-2 { left: 303px; top: 12px; }
#port-3 { left: 323px; top: 209px; }
#port-4 { left: 338px; top: 116px; }
#port-5 { left: 425px; top: 153px; }
#port-6 { left: 1px; top: 111px; }
#port-7 { left: -7px; top: 77px; }
#port-8 { left: 7px; top: 216px; }
#port-9 { left: 264px; top: 267px; }
#port-10 { left: 54px; top: 299px; }
#port-11 { left: 205px; top: 517px; }
#port-12 { left: 88px; top: 547px; }
#port-13 { left: 129px; top: 377px; }
#port-14 { left: 37px;
  top: 636.8px;
}
#port-15 { left: 5px; top: 666px; }
#port-16 { left: 5px; top: 692.2px; }
.the-quincy-hotel { background: #483639; width: 150px;  }
.oasia-hotel-singapore { background: #483639; width: 128px;  }
.rendezvous-hotel-singapore { background: #483639; width: 175px;  }
.village-hotel-albert-court { background: #483639; width: 168px;  }
a.regency-house, a.village-residence-clarke-quay, a.village-residence-robertson-quay, a.village-residence-hougang  { color: #423f2c; }
.village-hotel-bugis { background: #483639; width: 118px;  }
.orchard-parade-hotel { background: #483639; width: 121px;  }
a.orchard-parade-hotel { padding: 0 8px; }
.orchard-rendezvous-hotel { background: #483639; width: 165px;  }
a.orchard-rendezvous-hotel { padding: 0 8px; }
.the-elizabeth-hotel { background: #483639; width: 116px;  }
.regency-house { background: #cfb67a; }
.village-residence-clarke-quay { background: #cfb67a; width: 183px; }
.village-residence-robertson-quay { background: #cfb67a; width: 206px; }
.village-hotel-changi { background: #483639; width: 132px; }
.village-residence-hougang { background: #cfb67a ; width: 180px; }
.oasia-hotel-downtown { background: #483639 ; width: 150px; }
.village-hotel-sentosa { background: #a41737 ; width: 125px;}
.the-outpost-hotel-sentosa { background: #a41737 ; width: 173px;}
.the-barracks-hotel-sentosa { background: #a41737 ; width: 172px;}


a.portfolio-description { font-family: 'latoregular', Lato, Sans-Serif; font-size: 18px; vertical-align: top;}

#map-wrap { position: relative; width: 100%; z-index: 8; }
.plst { display: none; position: absolute; background: #fff;/* width: 80px;*/ z-index: 50; }
.plst img { display: block; }
.p1 { left: 208px; top: -5px; }
.p2 { left: 336px; top: -110px; }
.p3 { left: 365px; top: 111px; }
.p4 { left: 383px; top: 6px; }
.p5 { left: 477px; top: 50px; }
.p6 { left: 2px; top: 1px; }
.p7 { left: 64px; top: -35px; }
.p8 { left: 123px; top: 119px; }
.p9 { left: 297px; top: 178px; }
.p10 { left: 62px; top: 208px; }
.p11 { left: 995px; top: -124px; }
.p12 { left: 875px; top: -94px; }
.p13 { left: 156px; top: 428px; }

.collapsible { position: fixed; left: 0; top: 140px; width: 300px;  display: block; overflow: hidden; }
.collapsible .btn-arrow { width: 50px; height: 240px; float: right; background: url(../images/list-of-properties-arrow.jpg) no-repeat 0 0; cursor: pointer; }
.collapsible .btn-arrow:hover { background: url(../images/list-of-properties-arrow-point.jpg) no-repeat 0 0; cursor: pointer; }
.collapsible .collapsible-wrap { background: #f6f2e7; width: 250px; margin-right: 50px; }
.collapsible .collapsible-wrap h2 { font-size: 18px; margin: 0; text-align: left; text-transform: uppercase; }
.collapsible .list { margin: 0; padding: 5px 0 0 0; }
.collapsible .list li { list-style: none; margin: 0; padding: 1px 0px 10px 0px; }
.collapsible .list li a { color: #55544b; font-size: 14px; }
.collapsible .list li a:hover { color: #a41737; }
.collapsible .collapsible-wrap-inner { padding: 14px 0 12px 20px; }
.bottom-divider { border-bottom: 1px solid #e7e2c5; }

.portfolio-map-mobile {
	display: none;
}

/***********individual-property**********/

.portfolio-description {
	 font-size: 18px;
}

.fancy-box { margin: 0; padding: 0 0 0 0; list-style: none; width: 100%; }
.fancy-box li:first-child {padding-left: 0px; padding-bottom: 26px;}
.fancy-box li:nth-child(2) {padding-left: 0px; }
.fancy-box li { float: left; padding: 3px 0 3px 15px; }
.fancy-box img { display: block; }

span.rollover-1 { opacity: 1; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; background:url(../images/icon-zoom.png) center center no-repeat ; cursor: pointer; height: 452px; width: 680px; position: absolute; z-index: 10; opacity: 0; }
span.rollover-1:hover { opacity: .9; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; /*-webkit-box-shadow: 0px 0px 4px #d7d7d7; -moz-box-shadow: 0px 0px 4px #d7d7d7;*/ /*box-shadow: 0px 0px 4px #d7d7d7;*/ }
span.rollover-2 { opacity: 1; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; background:url(../images/icon-zoom.png) center center no-repeat ; cursor: pointer; height: 213px; 
  /* width: 213px;  */
  width: 213px; 
  position: absolute; z-index: 10; opacity: 0; }
span.rollover-2:hover { opacity: .9; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s;/* -webkit-box-shadow: 0px 0px 4px #d7d7d7; -moz-box-shadow: 0px 0px 4px #d7d7d7;*/ /*box-shadow: 0px 0px 4px #d7d7d7;*/ }
span.rollover-3 { opacity: 1; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; background:url(../images/icon-zoom.png) center center no-repeat ; cursor: pointer; height: 213px; width: 213px; position: absolute; z-index: 10; opacity: 0; }
span.rollover-3:hover { opacity: .9; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; /*-webkit-box-shadow: 0px 0px 4px #d7d7d7; -moz-box-shadow: 0px 0px 4px #d7d7d7; *//*box-shadow: 0px 0px 4px #d7d7d7;*/ }


.our-portfolio-detail { padding: 0px 0px 46px 0px;}
.table-portfolio-wrap { padding: 25px 0 0  0; clear: both; }
.table-portfolio { border-collapse: collapse; width: 100%; }
.table-portfolio tr th, .table-portfolio tr td { padding: 10px 20px;}
.table-portfolio tr th { text-align: left; background: #eff0f0; color: #af9955; font-size: 18px; font-family: "Lato", sans-serif;
font-weight: 300; text-transform: uppercase; font-weight: bold; border: 1px solid #dbdbdb;}
.table-portfolio tr.row1 {background: #ffffff;}
.table-portfolio tr.row2 { background: #eff0f0; }
.table-portfolio tr td { color: #2e2325; border: 1px solid #dbdbdb; }
.table-portfolio tr td:first-child { border-left: 1px solid #dbdbdb; }
.table-portfolio tr.last { font-weight: 300; }

.leasingDetails {
  display: flex;
  justify-content: space-between;
  width: 79%;
}

.leasingDetailsRow {
  display: flex;
  flex-direction: column;
}

.displayFlex {
  display: flex;
  margin-top: 15px;
}

.justifyContentBetween {
  justify-content: space-between;
}

/***********contact-us*************/

.contact-us-wrapper {
	width: 100%;
	font-size: 14px;
	display: grid;
  grid-template-columns: 31% 35% 27%;
  grid-gap: 32px;
  margin-bottom: 2rem;
}

h2.contactus {
	color: #a41737;
}


.content-wrap-space {
	padding-top: 20px;
}
.contact-nospace {
	margin-top: -25px;
}

.contact-us-grid-item {
	/*width: 33.333333%;
	float: left;
	padding-right: 20px;*/
}

.contact-us-wrapper img{
	width: auto;
}

ul.contact-icon-list {
	
}

ul.contact-icon-list li {
	list-style: none;
	padding-bottom: 5px;
}

ul.contact-icon-list img{
	margin-right: 10px;
}

#tab-contact { margin: 0 auto; width: 100%; display: inline-block; text-align: center; /*padding-top: 38px;*/  }
#tab-contact li { list-style: none; float: left; padding-left: 1px; }
#tab-bod li { cursor: pointer; }
#tab-contact li.hotel a {
	background: url(../images/tab-hotels.png) no-repeat 0 0;
	width: 242px;
	height: 48px;
	color: #cfb67a;
	text-align: center;
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0); /*display: inline-block;*/
	overflow: hidden;
	transform: translateZ(0px);
	transition-duration: 0.5s;
	transition-property: color, background-color;
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	padding-top: 13px;}
#tab-contact li.hotel a:hover { color:#9c8559; background: url(../images/tab-hotels-hover.png) no-repeat 0 0;}
#tab-contact li.hotel a.selected { background: url(../images/tab-hotels-selected.png) no-repeat 0 0; color: #fff; border: none; }
#tab-contact li.residences a {
	background: url(../images/tab-serviced-residence-hover.png) no-repeat 0 0;
	width: 242px;
	height: 49px;
	color: #cfb67a;
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	overflow: hidden;
	transform: translateZ(0px); transition-duration: 0.5s; transition-property: color, background-color;
	/*vertical-align: middle;*/
	display: flex;
	/*justify-content: center;*/
	/*align-items: center;*/
	padding-top: 15px;
	padding-left: 7px;
	}
#tab-contact li.residences a:hover { color:#9c8559; background: url(../images/tab-serviced-residence.png) no-repeat 0 0;}
#tab-contact li.residences a.selected { background: url(../images/tab-serviced-residence-selected.png) no-repeat 0 0; color: #fff; border: none; }
#tab-contact li a { padding: 18px 0 0 0; font-size: 22px; font-family: "Lato", sans-serif;
font-weight: 300; display: block; cursor: pointer; }
#tab-contact li.residences a {/* padding: 18px 0 0 40px;*/ }
.contact-detail { float: left; display: none; margin: 0; padding: 55px;  }
.more-height { padding-top: 50px; }
.hotel-box { float: left; padding-left: 40px; padding-bottom: 38px;   }
.hotel-box.first { padding-left: 0; }
.contact-img { width: 127px; float: left; }
.contact-property {
  width: 310px;
  height: 117px;
  float: left;
  background: #fbf8f3;
  padding-left: 15px;
}

*:first-child+html .contact-property {
  width: 267px;
}

.contact-property h2 {
  font-size: 14px;
  color: #a99268;
  text-align: left;
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 17px;
  padding-top: 5px;
}

.contact-property h2 span {
  color: #5a584b;
  font-size: 12px;
}

.contact-property p {
  /*margin: 5px 0;*/
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 5px;
  margin: 0px;
}

.contact-property a {
  font-size: 14px;
}

.contact-address-wrap {
	width: 100%;
}

.contact-address-lft {
	float: left;
	width: 50%;
}

.contact-address-lft p {
	margin: 0px;
}


.contact-address-rht {
	float: right;
	/*width: 50%;*/
}

.contact-list { width: 100%; margin: 0 auto; }
.contact-list.ir { width: 774px; margin: 0 auto; }
.contact-list li { list-style: none; padding-left: 50px; margin-bottom: 10px; }
.contact-list li img { vertical-align: middle; padding-right: 10px;  }

.contact { text-align: center; border-bottom: 1px solid #e8e3d5; padding-bottom: 70px; }
.contact-list { width: 665px; margin: 0 auto; }
.contact-list.ir { width: 774px; margin: 0 auto; }
.contact-list li { list-style: none; float: left; padding-left: 50px; }
.contact-list li img { vertical-align: middle; padding-right: 5px;  }




/* footer */

footer {
  background: #f5f5f5;
  /*position: relative;*/
  padding: 35px 0 45px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #605f5f;
  font-weight: 300;
  margin-top: 80px;
}

footer a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #827e74;
}


.footerlinks li {
  display: inline-block;
  position: relative;
  padding: 0 15px;
}

.footerlinks li a {
  color: #827e74;
}


.footerlinks li:first-child {
  padding-left: 0;
}

.footerlinks li:after {
  content: '|';
  position: absolute;
  right: -6px;
  color: #ccc;
}

.footerlinks li:last-child:after {
  content: none;
}

.footerlinks {
  margin-bottom: 10px;
}

.copyright {
	margin-top: 34px;
	color: #958869;
    font-size: 1.3rem;
}

/* ScrollUp/ Go to TOP */

#back-to-top {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 99;
  color: #fff;
  /*background-color:#2ba6e1;
  width:101px;
  height:99px;
  line-height:44px;*/
  right: 0px;
  bottom: -80px;
  padding-top: 2px;
  border-radius: 5px;
  transition: all .5s ease-in-out;
  transition-delay: .2s;
}

#back-to-top:hover {
  /*background-color:#3eb2ea;
  color:#fff;*/
  transition: all .2s ease-in-out;
  transition-delay: 0;
}

#back-to-top.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1;
  bottom: 0px;
}


#back-bottom {
  position: fixed;
  overflow: hidden;
  text-align: center;
  visibility: visible;
  opacity: 1;
  z-index: 99;
  color: #fff;
  right: 50px;
  bottom: 2%;
  padding-top: 2px;
  border-radius: 5px;
  transition: all .5s ease-in-out;
  transition-delay: .2s;
}


#back-bottom.hide {
  visibility: hidden;
  cursor: pointer;
  opacity: 0;
  bottom: 0;
}

h2.portfolio-lftnav.subheader, .sub-menu .subheader {
  font-size: 16px;
  color: #b29959;
}
.fw-bold {
  font-weight: bold;
}

/************* Media Queries *************/



/* for-tablet-portrait-up */

/* for-tablet-landscape-only */


@media screen and (min-width: 1133px) {
  .topmenu {
    float: right;   
  }

  .topmenu ul {
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1000;
    line-height: 80px;
    list-style: none;
  }

  

  ul.navbar li {
    float: left;
    margin: 0;
    position: relative;
  }

  ul.navbar li a {
    display: block;
    padding: 0 20px;
    color: #444;
    text-decoration: none;
    transition: all .2s ease-in-out;
    font-size: 16px;
   /* font-size: 1.5rem;*/
   line-height: 75px;
  }
  

 /* ul.navbar li a:hover,
  ul.navbar li:hover>a,
  ul.navbar li.selected>a,
  ul.navbar li a.selected {
    color: #b0975c;
	border-bottom: 5px solid #C00000;
	
  }
  */
  
  
  /*
    ul.navbar li a:hover{
    color: #b0975c;
	border-bottom: 5px solid #c00000;
	
  }
  
  */
  
  
  
  ul.navbar li a.rollOver {
    color: #b0975c;
	border-bottom: 5px solid #c00000;
	
  }
  
 
/*
  ul.navbar li:hover>a {
  
    color: #b0975c;
	background: url(../images/menu-bullet-li-hover.jpg) no-repeat 0 center;
  }
  */


  ul.navbar li ul {
    margin: 0;
    position: absolute;
    background: rgba(247, 247, 247, 0.9);
    /*left: 10%;*/
	top: 70px;
    min-width: 250px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transition: all .1s ease;
    line-height: normal;
	/*border-top: 5px solid #C00000;*/
	padding-left: 20px;
	padding-top: 20px;
   /* -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.10);*/
  }
  
  
   ul.navbar li ul li ul {
	border-top: none;
   
  }
  
  ul.navbar li ul li {
    
	padding-bottom: 10px;
  }

  ul.navbar li ul li>a {
    /*padding-top: 13px;
    padding-bottom: 13px;*/
	background: url(../images/menu-bullet-li.gif) no-repeat 0 center;
    border-bottom: none;
	padding-left: 15px;
	line-height: normal;
	font-size: 15px;
  }
  
    ul.navbar li ul li>a:hover {
     color: #b0975c;
	background: url(../images/menu-bullet-li-hover.jpg) no-repeat 0 center;
	border: none;
  }

  ul.navbar ul li {
    float: none;
  }

  ul.navbar li:hover>ul {
    opacity: 1;
    visibility: visible;
    left: 0;
    transition: all .5s ease-in-out;
  }

/*
  ul.navbar li>ul li:hover>a,
  ul.navbar li>ul li.selected>a {
    background: #dcdada;
  }
*/
  ul.navbar li>ul li:hover>a
   {
    /*background: #dcdada;*/
  }


  ul.navbar>li:hover>ul {
    opacity: 1;
    visibility: visible;
    top: 100%;
    left: 0;
  }

  ul.navbar li>ul ul {
    top: 0;
    left: 90%;
  }

  ul.navbar li>ul li:hover>ul {
    left: 100%;
  }

  ul.navbar li>ul.mob-flipped>li:hover>ul {
    left: auto;
    right: 100%;
  }

  .mobile-icon-wrap {
    display: none
  }

}


/* Max width */

/* for-desktop-down */
@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1930px) {
	
	
}

@media screen and (max-width: 1200px) {
	
	.container {
		padding: 0px 15px 0px 15px;
	}
	
	.milestones-feb-2013 {
		width: 293px;
	}
	
	.milestones-27-8-2012 {
		width: 293px;
	}
	
	.milestones-november-2013 {
		width: 293px;
	}
	
	.milestones-1-aug-2013 {
		width: 293px;
	}
	
	.milestones-22-september-2014 {
		width: 293px;
	}
	
	.milestones-2-april-2018 {
		width: 293px;
	}
	
	.milestones-24-march-2022 {
		width: 293px;
	}
}

@media screen and (max-width: 1132px) {
  ul.navbar {
    height: calc(100vh - 75px);
    overflow: scroll;
    margin: 0;
	padding-left: 20px;
  }
  .u-vmenu {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    top: 100%;
    padding-bottom: 80px;
    display: none;
  }
  .u-vmenu a {
    display: inline-block;
    text-decoration: none;
    color: #FFFFFF;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
  }
  .u-vmenu ul li {
    list-style: none;
  }
  .u-vmenu ul ul {
    display: none;
    padding-bottom: 20px;
    padding-left: 10px;
  }
  /*.u-vmenu>ul>li {
    background: url(../images/vmenu/zakladka.png) left top no-repeat;
    background-size: 100% auto;
    border-bottom: 1px solid #ccc;
  }*/
  .u-vmenu ul li a {
    line-height: 35px;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    text-decoration: none;
    outline: none;
    position: relative;
    /*text-transform: uppercase;*/
    text-align: left;
  }

  .u-vmenu ul li a.selected {
    color: #a41737;
  }
  .u-vmenu>ul>li>ul>li>a {
    text-transform: none;
    font-weight: 500;
    line-height: 33px;
  }

  .u-vmenu>ul>li>ul>li>ul>li>a {
    text-transform: none;
    font-weight: 500;
    line-height: 24px;
    font-weight: normal
  }

  .u-vmenu>ul>li>ul>li>ul>li>ul>li>a {
    text-transform: none;
    font-weight: 500;
    line-height: 24px;
  }
  .u-vmenu ul li a[data-option='on'] {
    color: #a41737;
  }

  .u-vmenu ul li a[data-option='on']:after {
    background: url(../images/icon-menu-right.svg) right center no-repeat;
    content: "";
    width: 16px;
    position: absolute;
    right: 36px;
    top: 39%;
    height: 16px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }

  .u-vmenu ul li ul li a[data-option='on']:after,
  .u-vmenu ul li ul li a[data-option='off']:after {
    right: 25px;
  }

  .u-vmenu ul li a[data-option='off']:after {
    background: url(../images/icon-menu-right.svg) right center no-repeat;
    content: "";
    width: 16px;
    position: absolute;
    right: 36px;
    top: 39%;
    height: 16px;
  }
  .u-vmenu a:hover {
    color: #a41737;
  }

  #searchwrap {
    margin-right: 50px;
  }
  .mobile-icon-wrap {
    /*background-color: rgba(0,0,0,0.7);*/
    width: 100%;
    height: 80px;
    position: absolute;
    right: 27px;
  }
  .mobile-icon {
    color: #ffffff;
    height: 80px;
    font-size: 25px;
    text-align: center;
    float: right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
    cursor: pointer;
  }
  .mobile-icon:hover {
    background-color: rgba(255, 255, 255, 0.2);
    cursor: pointer;
  }
  .mobile-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 36px;
    height: 2px;
    background-color: rgba(0, 0, 0, 1);
  }
  .mobile-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg);
  }

  .mobile-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg);
  }
  .mobile-icon-inactive span:nth-child(3) {
    transform: translateY(-12px) rotate(0deg);
  }

  .mobile-icon-active span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
  }

  .mobile-icon-active span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
  }
  .mobile-icon-active span:nth-child(3) {
    display: none;
  }

  @keyframes clickfirst {
    0% {
      transform: translateY(4px) rotate(0deg);

    }

    100% {
      transform: translateY(0) rotate(45deg);
    }
  }

  @keyframes clicksecond {
    0% {
      transform: translateY(-4px) rotate(0deg);
    }

    100% {
      transform: translateY(0) rotate(-45deg);
    }
  }

  .mobile-icon-inactive span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
  }

  .mobile-icon-inactive span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
  }
  
  @keyframes outfirst {
    0% {
      transform: translateY(0) rotate(-45deg);
    }

    100% {
      transform: translateY(-4px) rotate(0deg);
    }
  }

  @keyframes outsecond {
    0% {
      transform: translateY(0) rotate(45deg);
    }

    100% {
      transform: translateY(4px) rotate(0deg);
    }
  }

  .u-vmenu a {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
  }

  @-webkit-keyframes returnToNormal {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes returnToNormal {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .hide {
    display: none
  }

}

@media screen and (max-width:820px) {
		.milestones-feb-2013 {
		width: 200px;
	}
	
	.milestones-27-8-2012 {
		width: 190px;
	}
	
	.milestones-november-2013 {
		width: 200px;
	}
	
	.milestones-1-aug-2013 {
		width: 200px;
	}
	
	.milestones-22-september-2014 {
		width: 200px;
	}
	
	.milestones-2-april-2018 {
		width: 200px;
	}
	
	.milestones-24-march-2022 {
		width: 200px;
	}
	
	.hotel-box {
		width: 100%;
		padding-left: 0px;
	}
	
	.contact-us-grid-item {
		width: 100%;
	}
	.contact-property {
		width: 80%;
	}
	
	.leasingDetails {
		display: block;
	}
	
	.leasingDetailsRow {
		display: block;
		width: 100%;
	}

}

@media screen and (max-width:800px) {
	.banner-main-text{
    height: 69px;
    font-size: 19px;
}

}


@media (max-width: 767px) {
  .hide-mb {
    display: none
  }
  
   #tab-contact li.hotel a {
	background: url(../images/tab-hotels-mobile.png) no-repeat 0 0;
	width: 155px;
	}
#tab-contact li.hotel a:hover {  
	background: url(../images/tab-hotels-hover-mobile.png) no-repeat 0 0;
}

#tab-contact li.hotel a.selected { 
	background: url(../images/tab-hotels-selected-mobile.png) no-repeat 0 0; 

 }
 
 #tab-contact li.residences a {
	background: url(../images/tab-serviced-residence-mobile.png) no-repeat 0 0;
	width: 155px;
	height: 50px;
	
	}
	
#tab-contact li.residences a:hover {
		background: url(../images/tab-serviced-residence-hover-mobile.png) no-repeat 0 0;
}

#tab-contact li.residences a.selected {
	background: url(../images/tab-serviced-residence-selected-mobile.png) no-repeat 0 0; color: #fff; border: none; 
	
}

#tab-bod li.bod a {
	background: url(../images/Tab_Bod_mobile.png) no-repeat 0 0;
	width: 150px;
	

}

#tab-bod li.bod a:hover { background: url(../images/Tab_Bod_Hover_mobile.png) no-repeat 0 0;}
#tab-bod li.bod a:hover { background: url(../images/Tab_Bod_Hover_mobile.png) no-repeat 0 0;}
#tab-bod li.bod a.selected { background: url(../images/Tab_Bod_Selected_mobile.png) no-repeat 0 0; color: #fff; border: none; }
#tab-bod li.management a {
	background: url(../images/Tab_Management_Team_mobile.png) no-repeat 0 0;
	width: 150px;
  
}
#tab-bod li.management a:hover { background: url(../images/Tab_Management_Team_Hover_mobile.png) no-repeat 0 0;}
#tab-bod li.management a.selected { background: url(../images/Tab_Management_Team_Selected_mobile.png) no-repeat 0 0; color: #fff; border: none; }


img.profile-highlight-mobile-hide {
	display: none;
}

img.profile-highlight-desktop-hide {
	display: block;
}

}

@media screen and (max-width: 633px) {}

/* for-tablet-portrait-down */

@media screen and (max-width: 600px) {
  .col-group {
    padding: 0 20px;
  }

 
  #back-to-top.show {
    bottom: 58px;
    right: 23px;
  }
  #back-to-top {
    right: 23px;
  }
  
  .home_lft {
	  width: 100%;
    padding-right: 0px;
  }
  
  .home_rht{
	  width: 100%;
	  margin-top: 30px;
  }
  
  .side-nav-wrap {
	 display: none;
  }
  
  h2.side-cat-name {
	  display: none;
  }
  
  .main_content_wrap {
    width: 100%;
    
}

.pdf-download {
	margin-bottom: 30px;
    padding: 0px;
	float: none;
}

.pdf-img {
	padding-right: 10px;
}
footer {
  margin-top: 0px;
}
.tbl-overview-box1 {
  margin-top: 0px !important;
}

p {
  margin: 10px 0px;
}
a.portfolio-description {
  vertical-align: middle;
  font-size: 1.6rem;
}
  
}


/* for-mobile-portrait-down */

@media screen and (max-width: 440px) {
	
	.logo {
	padding: 17px 0px 0px 0px;
}

.logo img {
	 width: auto;
}
	
	.banner-main-text {
    height: 32px;
    font-size: 12px;
}

	.container {
		padding: 0px 0px 0px 0px;
	}

.sr_Container {
	display: block;
}

.sr_Left {
	width: 100%;
}

.portfolio-map-mobile {
	display: block;
}

.portfolio-map-desktop {
	display: none;
}

.contact-img {
	width: 100%;
}

.contact-property {
    width: 100%;
}

.banner-about {
	background-size: 100%;
	height: 96px;
}

.banner-portfolio {
	background-size: 100%;
	height: 96px;
}

.contact-banner {
	background-size: 100%;
	height: 96px;
}
 
 /*ul.fancy-box li:not(:first-child) {
	 width: 50%;
 }
 
 */
 
  ul.fancy-box li:nth-child(n+2) {
	 width: 50%;
	 padding: 0px 5px 5px 0px;
 }
 
 .fancy-box li {
	 
 }
 
 .table-portfolio tr td {
	 display: block;
 }
 
 span.rollover-1 {
	 background: url(../images/icon-zoom.png) 25% 25% no-repeat;
 }
 
 .portfolio-overview-wrapper {
	display: block;
}

.overview-box1, .overview-box2, .overview-box3 {
	width: 100%;
}

.milestones-hide-mobile {
	display: none;
}

.milestones-show-mobile {
	display: block;
}
 .contact-nospace {
	 margin-top: 0px;
 }
 .contact-us-wrapper {
	 display: block;
 }
}

@media screen and (max-width: 400px) {
  html {
    font-size: 50%;
  }
  
  #tab-contact li.hotel a {
	background: url(../images/tab-hotels-mobile.png) no-repeat 0 0;
	width: 155px;
	}
#tab-contact li.hotel a:hover {  
	background: url(../images/tab-hotels-hover-mobile.png) no-repeat 0 0;
}

#tab-contact li.hotel a.selected { 
	background: url(../images/tab-hotels-selected-mobile.png) no-repeat 0 0; 

 }
 
 #tab-contact li.residences a {
	background: url(../images/tab-serviced-residence-mobile.png) no-repeat 0 0;
	width: 155px;
	height: 50px;
	
	}
	
#tab-contact li.residences a:hover {
		background: url(../images/tab-serviced-residence-hover-mobile.png) no-repeat 0 0;
}

#tab-contact li.residences a.selected {
	background: url(../images/tab-serviced-residence-selected-mobile.png) no-repeat 0 0; color: #fff; border: none; 
	
}

.overview-wrap{
	padding-left: 0px;
}

#tab-bod li.bod a {
	background: url(../images/Tab_Bod_mobile.png) no-repeat 0 0;
	width: 150px;
	

}/*vertical-align: middle;*/
#tab-bod li.bod a:hover { background: url(../images/Tab_Bod_Hover_mobile.png) no-repeat 0 0;}
#tab-bod li.bod a:hover { background: url(../images/Tab_Bod_Hover_mobile.png) no-repeat 0 0;}
#tab-bod li.bod a.selected { background: url(../images/Tab_Bod_Selected_mobile.png) no-repeat 0 0; color: #fff; border: none; }
#tab-bod li.management a {
	background: url(../images/Tab_Management_Team_mobile.png) no-repeat 0 0;
	width: 150px;
  
}
#tab-bod li.management a:hover { background: url(../images/Tab_Management_Team_Hover_mobile.png) no-repeat 0 0;}
#tab-bod li.management a.selected { background: url(../images/Tab_Management_Team_Selected_mobile.png) no-repeat 0 0; color: #fff; border: none; }



}