@font-face {
    font-family: 'futura_bkbook';
    src: url('../fonts/hp-ftrabk-webfont.eot');
    src: url('../fonts/hp-ftrabk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hp-ftrabk-webfont.woff2') format('woff2'),
         url('../fonts/hp-ftrabk-webfont.woff') format('woff'),
         url('../fonts/hp-ftrabk-webfont.ttf') format('truetype'),
         url('../fonts/hp-ftrabk-webfont.svg#futura_bkbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { font-family: 'futura_bkbook'; font-size: 12px; }
p, img, form, input, select, h1, h2, h3, h4, h5, ul, li, ol, div, dl, dt, dd {margin: 0;padding: 0;}
.navbar-default { background: #fff; border:none; }
.navbar-header { display: block; text-align: center; float: none; }
.navbar-brand { float: none; display: inline-block; height: auto; }
.navbar-collapse {  clear: both; padding: 0; }
.navbar-collapse.fixed-top { position: fixed; top: 0; left: 0; z-index: 100; background: #fff; width: 100%;  }
.navbar-collapse.fixed-top .navbar-nav{ border:none;}
.navbar-nav { display: block; float: none; text-align: center; border-bottom: solid 1px #5b5b5b; }
.nav>li { display: inline-block; float: none; }
.navbar-default .navbar-nav>li>a {font-family: 'futura_bkbook';
    font-size: 12px;
    text-transform: uppercase;
    color: #5B5B5B;
    padding: 0 15px;
    letter-spacing: 2px;
    display: block; line-height: 50px;
}
.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li.active>a:hover,
.navbar-default .navbar-nav>li>a:hover { background: #5b5b5b; color: #fff; }
.banner-form {display: block; position: relative; }
.banner-form img { width: 100%; }
.banner-form .form {  position: absolute; top: 0; right: 15px; width: 260px; background: rgba(0,0,0,.8); padding: 15px; color: #fff;}
.banner-form .form h4{border-bottom: solid 2px rgba(255,255,255, .2); padding-bottom: 10px;}
.form label { display: block; margin: 12px 0; }
.form input, .form textarea, .form button { display: block; width: 100%; height: 26px; background: #fff;border:none; color: #333; padding: 0 10px; }
.form textarea { height: 80px; }
.form button { width: auto; color: #fff; margin-top: 15px; background: #c21f39; padding: 0 30px; }

.status { background:rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; width: 100%; color: #fff;text-align: center;  padding-bottom: 110px;}
.status h2 { background: url(../images/border.png) no-repeat bottom center; padding-bottom: 15px; font-weight: lighter;}
.status p { text-transform: uppercase; font-size: 14px;}

.website-content { display: block; padding: 0 40px; margin-top: -90px; position: relative; z-index: 9; }
.content { display: block; background: #fff; text-align: center; }
.content h4 {border-bottom: dashed 1px #999; margin: 0 100px; padding-bottom: 15px; }
.footer { background: #666666; }
.change-text-danger {
    border: 2px solid #e22929 !important;
}
.banner-form.thankyou { margin-bottom: 20px; }
.banner-form.thankyou .form { width: 60%; right: 20%; top: 20%; text-align: center; font-size: 14px; }
.banner-form.thankyou .form button { display: inline-block; }
.container{position: relative;background: #fff;}
.innercontainer {min-height: 750px;background: #fff;position: relative;}
.shift {width: 90%;position: absolute;left: 0px;top: -125px;z-index: 99;background: #fff;padding: 80px 2% 0px 2%;right:0;margin: 0 auto}
.residentialHeight {min-height: 840px;margin-bottom: 60px;background: url(../images/border3.png) no-repeat center bottom;}
.innerPageContainer {width: 96%;position: relative;background: #fff;}
.innerPageContainer1 {width: 89%;position: relative;background: #fff;margin: 0 auto;}
.residencesPageDetails {width: 100%;margin-bottom: 70px;}
.residencesPageDetails h4 {color: #686867;font-size: 24px;border-bottom: 1px dashed #a1a1a1;padding-bottom: 10px;font-family: 'futura_bkbook';font-weight: 300;letter-spacing: 3px;margin-bottom: 16px;max-width: 360px;}
.residencesPageDetails ul {margin-left: 15px;}
.residencesPageDetails ul li {
    color: #a1a1a1;
    font-size: 12px;
    line-height: 24px;
   font-family: 'futura_bkbook';
}
ul, li {
    padding: 0px;
    margin: 0px;
}
.overViewDetailSection {
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}
.residencesLeft {
    width: 47%;
}
.overviewImgLeftBox {
    width: 37%;
    float: left;
}
.overviewImgLeftBox img {
    max-width: 100%;
}
a {
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    text-decoration: none;
    color: #727271;
   font-family: 'futura_bkbook';
}
.overviewImgLeftBox img {
    max-width: 100%;
}
img {
    border: 0;
    margin: 0;
    padding: 0;
}
.residentialRight {
    border-left: 1px dashed #636261;
    padding-left: 2%;
    background: #fff;
}
.overviewRightBox {
    width: 48%;
    float: right;
    background: url(../images/border2.png) no-repeat center bottom;
    padding-bottom: 30px;
}
.residentialRight h5 {
    color: #686867;
    font-size: 15px;
    padding-bottom: 10px;
    font-family: 'futura_bkbook';
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #a1a1a1;
}
.residentialRight ul {
    margin-left: 15px;
    margin-top: 10px;
}
.residentialRight ul li {
    color: #a1a1a1;
    font-size: 12px;
    line-height: 24px;
   font-family: 'futura_bkbook';
}
.residencesBottomImgBox {
    width: 100%;
    margin-top: 45px;
}
.residencesBottomImgBox img {
    width: 100%;
}
.innerPageBanner {
    width: 100%;
}
.containerSection {
    width: 100%;
   margin: 0 auto;
    padding: 50px 5%;
    position: relative;
    z-index: 1;
    background: url(../images/border2.png) no-repeat center bottom #fff;
}
.siteLocationBox {
    min-height: 470px;
}
.overviewRightBox h4 {
    color: #686867;
    font-size: 24px;
    border-bottom: 1px dashed #a1a1a1;
    padding-bottom: 10px;
   font-family: 'futura_bkbook';
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 16px;
}
.overviewRightBox p {
    font-size: 12px;
    line-height: 22px;
     font-family: 'futura_bkbook';
    text-align: justify;
}
.SiteLayoutSectionn {
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}
.siteLayoutImg {
    width: 100%;
}
.siteLayoutImg img {
    width: 100%;
    height: 737px;
}
.SiteLegendBox {
    width: 40%;
    position: absolute;
    top: 380px;
    left: 25px;
    overflow: hidden;
}
.SiteLegendBox h5 {
    color: #7c7c7b;
   font-family: 'futura_bkbook';
    font-size: 30px;
    letter-spacing: 3px;
    border-bottom: 1px dashed #afafaf;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
.SiteLegendBox ul {
    width: 48%;
    float: left;
}
.siteLegendFirst {
    border-right: 1px dashed #afafaf;
    margin-right: 3%;
}
.SiteLegendBox ul li {
    list-style: none;
    color: #a1a1a1;
    font-size: 13px;
    line-height: 20px;
    font-family: 'futura_bkbook';
}
.container1{width:66%;margin: 0 auto;}
.containerSection h1 {
    text-align: center;
    color: #6b6b6a;
   font-family: 'futura_bkbook';
    font-size: 27px;
    letter-spacing: 2px;
    border-bottom: 1px dashed #a8a8a8;
    padding-bottom: 15px;
    font-weight: 300;
}
.containerSection h3 {
    font-family: 'futura_bkbook';
    color: #6b6b6a;
    letter-spacing: 3px;
    font-size: 15px;
    font-weight: 100;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 25px;
}
.containerSection h3 span {
    padding: 0px 20px;
}
.containerSection p {
    font-size: 12px;
    line-height: 22px;
    font-family: 'futura_bkbook';
}
.dpad{padding: 50px 5%;}
.aboutPage h4 {
    color: #686867;
    font-size: 24px;
    border-bottom: 1px dashed #a1a1a1;
    padding-bottom: 10px;
   font-family: 'futura_bkbook';
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 16px;
    margin-bottom: 25px;
}
.aboutPage p {
    font-size: 13px;
    line-height: 22px;
    font-family: 'futura_bkbook';
    text-align: justify;
}
.aboutPage ul {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 6px;
}
.aboutPage ul li {
    line-height: 24px;
}
.addressBox {
    width: 100%;
    float: left;
    border-right: 1px dashed #fff;
    padding-right: 2%;
    padding-bottom: 5px;
}
.addressBox h5 {
    color: #fff;
    font-size: 15px;
    border-bottom: 1px dashed #fff;
    padding-bottom: 10px;
    font-family: 'uvf_narzissdropsregular';
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 5px;
    width: 210px;
    margin-top: 25px;
}
.addressBox p {
    text-align: left;
    line-height: 17px;
    color:#fff;
}
.addressBox a{color:#fff;}
.addressBox h5 {
    color: #fff;
    font-size: 15px;
    border-bottom: 1px dashed #fff;
    padding-bottom: 10px;
    font-family: 'uvf_narzissdropsregular';
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 5px;
    width: 210px;
    margin-top: 10px;
}
.architecrtureBox h5 {
    color: #fff;
    font-size: 15px;
    border-bottom: 1px dashed #fff;
    padding-bottom: 10px;
    font-family: 'uvf_narzissdropsregular';
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 33px;
}
.architecrtureBox.addressBox p{line-height: 20px;}
.architecrtureBox.addressBox{padding-bottom: 65px;}
.addressBox p a:hover {
    color: #e31e24;
    text-decoration: none;
}
.bg-black {
    background: rgba(0,0,0,0.6);padding: 30px;
}
.bg-black .innercontainer, .bg-black .innerPageContainer {background: transparent;}
.bg-black .innercontainer{min-height: auto;}
.innercontainer.minH{min-height: auto;padding: 0px 0 60px;}
.galleryPage {
    min-height: 100px;
    padding-top: 60px;
    margin-bottom: 0px;
    padding-bottom: 70px;
    background: url(../images/border3.png) no-repeat center bottom;
}
.galleryPage h4 {
    color: #686867;
    font-size: 24px;
    border-bottom: 1px dashed #a1a1a1;
    padding-bottom: 10px;
    font-family: 'uvf_narzissdropsregular';
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 15px;
    padding-left: 8px;
    text-transform: uppercase;
}
.galleryPage h4 span {
    float: right;
}
.galleryPage h4 span a {
    text-transform: none;
    font-size: 10px;
}
.galleryBox {
    overflow: hidden;
}
.galleryBox .gllry-loc-img {
    float: left;
    width: 18%;
    height: 145px;
    margin: 0px 1% 18px 1%;
    padding: 15px;
    border: 1px solid #a7a8a8;
}
.galleryBox img {
    width: 100%;
    height: 110px;
}
.galleryPage {background-size: 86%;    padding: 20px 5%;
    margin-bottom: 30px;}
/*media query*/
@media screen and (max-width:1199px){
    .navbar-default .navbar-nav > li > a {font-size: 11px;padding: 0px 4px;}
}
@media screen and (min-width:1191px ) {
  .container { width: 1020px; }
}
@media screen and (max-width:1024px ) {
  .container { width: 100%; }
    .overviewImgLeftBox {
        width: 40%;}
}
@media(min-width:992px){
    .skdslider a.next{right:28%;}
    .skdslider a.next:hover{right:29%;}
}
@media screen and (max-width:991px) {
    .container-fluid, .container { padding: 0; }
    .bg-black {padding: 30px;}
    .banner-form .form, .banner-form.thankyou .form { position: inherit; display: inline-block; width: 100%; top: inherit; right: inherit; padding: 40px; }
    .banner-form .status { position: inherit; display: inline-block; width: 100%; bottom: inherit; left: inherit; padding-bottom: 20px; padding: 0 15px; }
    .banner-form.thankyou .form {  }
    .banner-form .form > div { width: 50%; float: left; padding: 0 15px; }
    .banner-form .form h4, .banner-form .form p{ padding: 0 15px;}
    .website-content { margin: 0; padding: 0; }
    .form button { margin-top: 40px; }
    .banner-form.thankyou .form > div { width: 100% }
    .banner-form.thankyou .form button{ margin: 10px 0; }
    .skdslider a.prev{top:42%;}
	.skdslider a.next{top:42%;}
	.skdslider .slide-desc {}
	.skdslider .slide-desc::before{border-width:0;}
	.innercontainer{min-height:1000px;}
	
	.siteLocationBox{min-height:415px;}
	
	.SiteLegendBox{width:100%;position:relative;top:0px;margin-top:20px;left:0px;overflow:hidden;}
		
	.aboutPage{min-height:780px;margin-bottom:25px;}
	.innerPageContainer {width: 100%;}
	.addressBox{width:100%;}
	
	.residentialHeight{min-height:930px;}
	.servicedSuiteHeight{min-height:1180px;}
	
	.galleryPage{min-height:100px;margin-bottom:40px;padding-bottom:40px;}
	.galleryBox .gllry-loc-img{width:18%;}
	
	.banner .slider ul {width:100%;height:220px;}
	.banner .slider ul li {left:35%;}
     .shift {position: relative;top:auto;left:auto;z-index: 1;padding: 40px;right:auto;width:100%;}
    .galleryPage {
    min-height: 100px;
   padding: 40px;
}
    .galleryBox .gllry-loc-img {
    width: 23%;
}
}
@media screen and (max-width:767px) {
    .footer-div {
    display: inline-block;
    width: 100%;
}
    
    .residencesPageDetails h4 {font-size: 19px;}
    .SiteLegendBox h5{font-size: 22px;}
    .navbar-nav, .container > .navbar-header { margin: 0; }
    .nav > li { display: block; }
    .navbar-toggle { margin: 15px;position: absolute; top: 0; right: 0; }
    .banner-form .form > div { width: 100%; }
    .form button { margin-top: 20px; }
    .status h2 { font-size: 20px; }
    .skdslider .slide-desc {padding: 15px 2% 20px 2%;width: 100%;}
    .skdslider .slide-desc > h2 {font-size:12px;line-height:20px;}
	.slide-desc h2 span{font-size:15px;}
    .containerSection{top: auto;padding: 20px;width:100%;position:relative;}
	.containerSection h1{font-size:18px;}
	.containerSection h3{font-size:13px;line-height: 20px;}
	.containerSection h3 span{padding:5px 10px;}
    .innerPageContainer{width:100%;position:relative;top:0px;padding:0;}
    .shift {position: relative;top:auto;left:auto;z-index: 1;padding: 20px;right:auto;width:100%;}
	.addressBox{width:40%;}
    .architecrtureBox{width:100%;float:left;margin-top:0px;margin-bottom:0px;}
	.residentialRight {border-left: 0px ;}
	
	.galleryBox .gllry-loc-img{width:48%;height:160px;margin:0px 1% 18px 1%;padding:2%;}
	.galleryBox img{height:130px;}
	.residencesBottomImgBox {margin-top: 30px;}
	.galleryPage h4 span{float:none;display:block;}
	.residentialHeight {min-height: auto;margin-bottom: 0px;}
	.banner .slider ul {width:100%;height:200px;}
	.banner .slider ul li {left:39%;}
    .banner-form .form {background: rgba(96, 76, 79, 0.8);padding: 20px;}
    .banner-form .form h4, .banner-form .form p {padding: 15px 15px 15px 0;}
    .innerPageContainer1 {width: 100%;padding: 20px;}
    .residentialRight h5 br{display: none;}
    .container1 {width: 100%;padding: 20px;}
    .siteLayoutImg img {height:100%;}
    .dpad {padding: 0 20px;}
    .galleryPage{padding-top:20px;margin-bottom: 0;}
    .aboutPage h4 {font-size: 18px;}
    .innercontainer.minH {min-height: auto;padding: 0px;}
    .architecrtureBox.addressBox {padding-bottom: 20px;}
    .architecrtureBox h5 {margin: 0px;}
    .innerPageBanner {padding: 0 20px;}
    .footer-div {padding: 0;}
    .mrgn{margin: 0px;}
     .overviewImgLeftBox{width:100%;float:none;margin-bottom:15px;text-align: center;}
	.overviewRightBox h4{font-size:17px;text-align: center;}
	.overviewRightBox{width:100%;float:none;padding: 0;padding-bottom: 30px;}
    .navbar-collapse {width: 100%;}
	.addressBox{width:100%;border-right:0px;border-bottom:1px dashed #636261;padding:15px 5%; }
  
	.architecrtureBox h5 {
    margin: 0px 0px 10px;
}
	.banner .slider ul {height:140px;}
    .bg-black {
    padding: 0px;
}
      .containerSection, .galleryPage {background-size: 90%;}
}
@media screen and (max-width:500px) {
    .skdslider .slide-desc > h2 {font-size:10px;line-height:16px;margin-bottom:10px;}
	.slide-desc h2 span{font-size:13px;}
   .galleryBox .gllry-loc-img {
    width: 100%;
    height: 180px;
    margin: 0px 0 14px 0%;
    padding: 2%;
}
    .galleryBox img {
    height: 160px;
}
  
}
@media screen and (max-width:360px) {
    .containerSection h3{letter-spacing:0px;}
	.SiteLegendBox ul{width:97%;float:none;}
	.siteLegendFirst{margin-right:0px;margin-left:7px;border-right:0px;}
	.overviewRightBox h4 img{display:block;margin-bottom:8px;}
	
	.banner .slider ul {width:100%;height:100px;}
	.banner .slider ul li {left:37%;}
}
@media screen and (max-width:1199px) {
	.residentialHeight{min-height:900px;}		
}