@font-face {
    font-family: Butler-Light;
    src: url(fonts/Butler_Light.otf);
}
@font-face {
    font-family: yrsa-regular;
    src: url(fonts/yrsa-regular.ttf);
}

@font-face {
    font-family: Lato-Light-Italic;
    src: url(fonts/Lato-LightItalic.ttf);
}



@font-face {
    font-family: Yrsa-Bold;
    src: url(fonts/Yrsa-Bold.ttf);
}


@font-face {
    font-family: Yrsa-Light;
    src: url(fonts/Yrsa-Light.ttf);
}


@font-face {
    font-family: Yrsa-Medium;
    src: url(fonts/Yrsa-Medium.ttf);
}

@font-face {
    font-family: Yrsa-SemiBold;
    src: url(fonts/Yrsa-SemiBold.ttf);
}


body{
	padding-right: inherit !important;
}


.no-padding{
padding: 0;
}

.no-margin{
margin: 0;
}

.inline-block{
	display: inline-block;
}

.navbar-custom {
    background-color: #232b69;
    height: 110px;
}



.navbar-custom ul{
    /* display: -webkit-inline-box; */
    /*padding-top: 2%;*/
}

.navbar-custom li:hover {
	    background-color: #111852;
	    cursor: pointer;
}

.navbar-custom li {
    list-style: none;
    /* padding-top: 3%; */
    /* padding-bottom: 3%; */
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

.navbar-custom li a {
	/* color:white; */
	/* line-height: 110px; */
	/* height: 110px; */
	/* padding-top: 0; */
	/* border-top: 1px solid #232b69; */

    color: gray;
    padding: 20px 10px;
    font-size:13px;
}

.navbar-custom .navbar-brand-custom{
  padding-top: 0;
  padding-bottom: 0;
}



.container>.navbar-header{}
.navbar-custom img{
	/* height: 100%; */
	/*height: 110px;*/
	height: 77px;
	margin-top: 12px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
background-color: transparent;
	color: white;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
	color: 	#d8d8d8;
	line-height: inherit;
	margin-left: 0px;

}

.dropdown-menu>li, .dropdown-menu>li{
}



.navbar-inverse .navbar-nav>.open>a{
    background-color: transparent;
    border-color: transparent;
}


.hide-overlay:hover{
	opacity: 1;
}

.hide-overlay{
	right: 13px;
    top: 25px;
    position: absolute;
    cursor: pointer;
    opacity: .8;
}

.custom.dropdown a{
}

.custom.dropdown ul{
	background-color: #232b69;
	/*top: 85px;*/
	width: 100%;
}


#newsletter{
	font-family: Butler-Light;
	background-color: #30376f;
	background-image: url("../img/layout/buildings_bg.jpg");
}

#newsletter_form{
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}

.custom-button{
	color: #fff;
	background-color: #c9b37a;
	border-color: #a69159;
}

.custom-button:hover{
    color: #fff;
    background-color: #a48d51;
    border-color: #89794e;
}


footer {
	font-family: Butler-Light;
    background: #EDEFF1;
    height: auto;
    position: relative;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
    background-image: url(../img/layout/buildings-bg-white.jpg);
    background-position: center;
    display: inline-block;
    width: 100%;
}

.footer ul{
	list-style-type: none;
   	padding:0;
    margin:0;
}


.footer li{
   	padding-top: 5px;
   	padding-bottom: 5px;
    margin:0;
}

#footer-navbar{
	color: #000000;
	margin-top: 15px;
	border-top: 1px solid #BAC1C8;
}

#footer-navbar ul li{
	display:inline-block;
	margin: 18px;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

footer ul li a:hover{
	text-decoration: underline;
}

footer ul li a{
color: black;
}

#social-media-icons img{
	margin: 5px;
}


.jumbotron {
	background-size: 100% auto;
	color: #fff;
	font-family: Butler-Light;
	margin-bottom: 0;
}

.jumbotron.gallery{
	background-image: url(../img/layout/gallery.jpg);
}

/*--about-us--*/

.jumbotron.about-us.banner h1{
	color: #fff;
}

.jumbotron.about-us.banner{
	background-image: url(../img/layout/buildings.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.jumbotron.about-us h1, .jumbotron.about-us h2{
    font-family: Butler-Light;
}

.jumbotron.about-us{
	color: #000000;
	font-family: yrsa-regular;
	/*min-height: 400px;*/
}

.jumbotron.about-us-management{
	background-color: #fff;
	font-family: Butler-Light;
	/* height: 500px; */
	padding-top: 13%;
}

.jumbotron.about-us-management h4{
	color: #5c0910;
}

.about-us-management .container{
	background-color: #fff;
	padding-bottom: 30px;
	margin-top: -40px;
}

.jumbotron.about-us-desc{
	background-color: #fff;
	color: #000000;
}

.jumbotron.about-us-desc h4{
    line-height: 2em;
}

.jumbotron.about-us-partners{
	background-color: #fff;
	margin-top: 2%;
}

.jumbotron.about-us-partners img{
	/* max-width: 100%; */
	/*max-height: 120px;*/
}

/*----end of about us-------*/




/*--accredited partners--*/


.jumbotron.accredited-partners.banner{
	background-image: url(../img/layout/podium.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}

.jumbotron.accredited-partners.banner h1{
	color: #fff;
}

.jumbotron.accredited-partners h1, .jumbotron.accredited-partners h2{
    font-family: Butler-Light;
}

.jumbotron.accredited-partners{
	color: #000000;
	font-family: yrsa-regular;
	min-height: 310px;
}


.jumbotron.accredited-partners-desc{
	background-color: #f5f6fa;
	color: #000000;
}

.jumbotron.accredited-partners-partners{
	background-color: #fff;
}
.jumbotron.accredited-partners-partners p{
	font-size: inherit;
	color: #6c6c6c;
}

.jumbotron.accredited-partners-partners img{
	max-width: 100%;
	/*max-height: 120px;*/
	cursor: pointer;
}

.jumbotron.accredited-partners-partners button{
	font-family: Butler-Light;
}


.logo-container {position: relative;}

.logo-image {
  opacity: 1;
  display: inline-block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.logo-text-container {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.logo-container:hover .logo-image {
  opacity: 0.3;
}

.logo-container:hover .logo-text-container {
  opacity: 1;
}

.logo-text {
  background-color: #212966;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
  cursor: pointer;
}








/*----end of accredited-partners-------*/



/*--Keyplan--*/

.jumbotron.keyplan.banner h1{
	color: #fff;
}

.jumbotron.keyplan.banner{
	background-image: url(../img/layout/tower-model.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 310px;
}

.jumbotron.keyplan h1, .jumbotron.about-us h2{
    font-family: Butler-Light;
}

.jumbotron.keyplan{
	color: #000000;
	font-family: yrsa-regular;
	/*min-height: 300px;*/
	/*min-height: 1100px;*/
	background-color: #fff;
}



/*----end of keyplan-------*/






/*-- unit-types--*/


.jumbotron.unit-types{
	color: #000000;
	font-family: yrsa-regular;
	min-height: 200px;
	background-color: transparent;
}


.jumbotron.unit-types.banner{
	background-image: url(../img/layout/buildings.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.jumbotron.unit-types.banner h1{
	color: #fff;
 	font-family: Butler-Light;
}

.jumbotron.unit-types .options{
	background-color: #464447;
	color: #fff;
	font-family: Butler-Light;
	padding: 0;
}

.jumbotron.unit-types .options h2{
	margin-top: 30px;
}

.jumbotron.unit-types .options a{
	color: #fff;
}

.jumbotron.unit-types .options .tab:hover{
	opacity: 1;
	cursor: pointer;
}

.jumbotron.unit-types .options .tab{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100px;
	opacity: .8;
}

.jumbotron.unit-types .options .types{
	background-image: url(../img/layout/unit-types.jpg);
}

.jumbotron.unit-types .options .finishes{
	background-image: url(../img/layout/standard-finishes.jpg);
}

.jumbotron.unit-types .standard-finishes h3{
	font-family: Butler-Light;
	font-weight: bold;
}

.unit-types.backdrop{
	background-image: url(../img/layout/white-backdrop.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


.jumbotron.unit-types .vertical-carousel .description{
	color: #303538;
    line-height: 2;
	font-family: Butler-Light;
}

.jumbotron.unit-types .vertical-carousel .description h2{
	font-family: Butler-Light;
	color: #000044;
}

.vertical-carousel .description a{
    color: #000044;
    text-decoration: none;
}

.unit-floor-plan{
	float: left;
	position: absolute;
	bottom: -10%;
	left: -5%;
	z-index: 99;
	height: 50%;
	box-shadow: 0 4px 20px 9px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.06);
}

 .vertical-carousel .description p{
 	font-family: yrsa-regular;
 }

 .vertical-carousel .description .content li:hover{
 	color: #000044;
 	cursor: pointer;
 }



 .vertical-carousel .description .content .active{
	color: #000044;
 }

 .vertical-carousel .description .content{
	color: #9b9b9b;
	padding-left: 10px;
	font-family: yrsa-regular;
	font-weight: bold;
	font-size: 16px;
	line-height: 2;
}



/*----end of unit-types-------*/



















/*-- standard--*/

.jumbotron .standard.{
	background-color: transparent;
}

.jumbotron.standard.banner h1{
	color: #fff;
 	font-family: Butler-Light;
}


.jumbotron.standard.banner{
	background-image: url(../img/layout/buildings.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 310px;
}

.jumbotron.standard .options{
	background-color: #464447;
	color: #fff;
	font-family: Butler-Light;
	padding: 0;
}

.jumbotron.standard .options h2{
	margin-top: 30px;
}

.jumbotron.standard .options a{
	color: #fff;
}

.jumbotron.standard .options .tab:hover{
	opacity: 1;
	cursor: pointer;
}

.jumbotron.standard .options .tab{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100px;
	opacity: .8;
}

.jumbotron.standard .options .types{
	background-image: url(../img/layout/unit-types.jpg);
}

.jumbotron.standard .options .finishes{
	background-image: url(../img/layout/standard-finishes.jpg);
}

.jumbotron.standard .standard-finishes h3{
	font-family: Butler-Light;
	font-weight: bold;
	
	
}

.jumbotron.standard .standard-finishes{
	font-family: Butler-Light;
	color: #303538;
	line-height: 2;
}

.standard.backdrop{
	background-image: url(../img/layout/white-backdrop.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.jumbotron.standard{
	color: #000000;
	font-family: yrsa-regular;
	min-height: 200px;
	background-color: transparent;
}


table{
	background-color: #e8ecf7;
	border: 1px solid #fff;
}

thead{
	color: #fff;
	background-color: #2d54a1;
}

table .title{
	color: #326c63;
}

td{padding: 10px;}

table .blank-row{
	background-color: #fff
}



.triangle{
	float: right;
    position: absolute;
    bottom: 0;
    right: 15px;
}
/*----end of unit details-------*/












































/*-- building-features--*/

.jumbotron.building-features{
	color: #000000;
	font-family: yrsa-regular;
	min-height: 200px;
	background-color: transparent;
}

.jumbotron.building-features.banner{
	background-image: url(../img/layout/buildings.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.jumbotron .building-features.banner h1{
	color: #fff;
 	font-family: Butler-Light;
}


.jumbotron.building-features .options{
	background-color: #464447;
	color: #fff;
	font-family: Butler-Light;
	padding: 0;
}

.jumbotron.building-features .options a{
	color: #fff;
}
.jumbotron.building-features .options h2{
	margin-top: 30px;
}

.jumbotron.building-features .options .tab:hover{
	opacity: 1;
	cursor: pointer;
}

.jumbotron.building-features .options .tab{
	height: 100px;
	opacity: .8;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.jumbotron.building-features .tab.amenities{
	background-image: url(../img/layout/amenities-tab.jpg);
}

.jumbotron.building-features .tab.build-feature{
	background-image: url(../img/layout/building-features-tab.jpg);
}

.jumbotron.building-features  h3{
	font-family: Butler-Light;
	font-weight: bold;
}

.jumbotron.building-features  ul{
	color: #303538;
	padding-left: 10px;
	font-family: Lato-Light-Italic;
	font-size: 16px;
	line-height: 2;

}

.building-features.backdrop{
	background-image: url(../img/layout/white-backdrop.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.building-features .trio-container .main{
	height: 500px;
	overflow: hidden;
}

.building-features .trio-container .small{
	height: 200px;
	overflow: hidden;
}

.building-features .trio-container img{
  width: 100%;
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%
}


/*----end of building-features-------*/




/*-- Amenities--*/

.jumbotron.amenities{
	color: #000000;
	font-family: yrsa-regular;
	min-height: 200px;
	background-color: transparent;
}

.jumbotron.amenities.banner{
	background-image: url(../img/layout/buildings.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.jumbotron .amenities.banner h1{
	color: #fff;
 	font-family: Butler-Light;
}


.jumbotron.amenities .options{
	background-color: #464447;
	color: #fff;
	font-family: Butler-Light;
	padding: 0;
}

.jumbotron.amenities .options a{
	color: #fff;
}
.jumbotron.amenities .options h2{
	margin-top: 30px;
}

.jumbotron.amenities .options .tab:hover{
	opacity: 1;
	cursor: pointer;
}

.jumbotron.amenities .options .tab{
	height: 100px;
	opacity: .8;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.jumbotron.amenities .tab.amenities{
	background-image: url(../img/layout/amenities-tab.jpg);
}

.jumbotron.amenities .tab.build-feature{
	background-image: url(../img/layout/building-features-tab.jpg);
}

.jumbotron.amenities .vertical-carousel .description{
	color: #303538;
    line-height: 2;
	font-family: Butler-Light;
}

.jumbotron.amenities .vertical-carousel .description p{
	color: #303538;
	line-height: 2;
	font-family: yrsa-regular;
	font-size: inherit;
}
.jumbotron.amenities .vertical-carousel .description h3{
	font-family: Butler-Light;
	font-weight: bold;
}



.amenities.backdrop{
	background-image: url(../img/layout/white-backdrop.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


/*----end of Amenities -------*/



































/*--news--*/
.jumbotron.news.banner h3{
	font-family: yrsa-regular;
}

.jumbotron.news.banner{
	background-image: url(../img/layout/skyscraper.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 310px;
}

.container.news{
	margin-top: 100px;
	margin-bottom: 100px;
}

.news-container{
	display: inline-block;
    margin-bottom: 15px;
}

.news .title ul{
    border-bottom: 1px solid #ddd;
}

.news .title ul li{
    display: inline-block;
    padding-right: 1cm;
    font-weight: 600;
    color: #232b69;
    font-family: Butler-Light;
    font-size: 20px;
}

.news .title ul li:before{
    content:"";
    display: list-item;
    position: absolute;
}

.entry-thumbnail > img{
	width: 100%;
	/*border: 5px solid #ffffff;*/
    /*border-radius: 5px;*/
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0 1px 2px rgba(5,30,50,.6);
}


.entry-content{
}

.entry-title{
font-family: Butler-light;
color: #424242;
font-weight: bold;
}

.entry-date{
font-family: Butler-light;
color: #bdbdbd;
font-weight: bold;
font-size: small;
}

.entry-short-content{

}













.news.sidebar{
	border: 1px solid #ddd;
	color: #5b5b5b;
}

.news.sidebar h4{
	font-family: Butler-Light;
	color: #232b69;
	border-bottom: 1px solid #ddd;
	font-weight: 600;
}

.news .sidebar img{
	width: 100%;
}

.news.sidebar span{
	font-family: Butler-Light;
	color: #5b5b5b;
}

.news.article p{
	text-align: justify;
}

.news .recommended-videos span{
	font-size: 18px;
	font-family: yrsa-regular;
}


.news .recommended-videos p{
	color: #adadad;
	font-size: 18px;
}

.article h2{
	/* font-family: Butler-Light; */
	/* color: #232b69; */
}

.article span{
	color: #5b5b5b;
}

.article img{
	/* width: 100%; */
	/* height: 346px; */
}


.continue-reading a:hover{
    text-decoration: none;
    color: #232b69;
}

.continue-reading a{
    color: #424242;
}




.list-entry{
	border-bottom: 1px solid #CCCCCC;
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline-block;
	/* background: rgb(243, 243, 243); */
	margin-bottom: 15px;
	margin-top: 15px;
	}

.continue-reading{
    text-align: right;
    font-size: large;
    bottom: 0;
    cursor: pointer;
    right: 0;
}




.entry-short-content p,
.entry-short-content h1,
.entry-short-content h2,
.entry-short-content h3,
.entry-short-content h4,
.entry-short-content h5{
	font-size: 16px;
	color: gray;
	margin: 5px;
	font-family: yrsa-regular;
	text-align: justify;
	line-height: 1.3;
	font-style: italic;
	/* font-size: 1.25rem; */
	font-weight: 300;
}

.recent-news{margin-bottom: 15px;margin-top: 15px;display: inline-block;}
.recent-news p,
.recent-news h1,
.recent-news h2,
.recent-news h3,
.recent-news h4,
.recent-news h5{
    font-size: 14px;
    color: gray;
    margin: 5px;
    font-family: yrsa-regular;
    text-align: justify;
    line-height: 1.3;
    font-style: italic;
    font-weight: 300;
}

.recommended-videos{
    margin-bottom: 15px;
    margin-top: 15px;
    display: inline-block;
}

.recommended-videos p,
.recommended-videos h1,
.recommended-videos h2,
.recommended-videos h3,
.recommended-videos h4,
.recommended-videos h5{
    font-size: 20px;
    color: gray;
    margin: 5px;
    font-family: yrsa-regular;
    text-align: justify;
    line-height: 1.3;
    font-style: italic;
    font-weight: 300;
}


.recommended-videos date{
	font-weight: bold;
	font-size: 16px;
	color: #4c4a4a;
}



/*----------------------------------*/


/*--premier-lifestyle--*/

.premier span{
	font-size: 16px;
	font-family: yrsa-regular;
	color: #9b9b9b;
}

.premier .titling{
	font-size: 18px;
	font-family: Butler-Light;
	font-weight: bold;
	margin-right: 15px;
	color: #303538;
}

.premier p{
	font-size: 18px;	
}

.jumbotron.premier.banner h1{
	font-family: Butler-Light;
	color:#fff;
}

.premier img{
	width: 100%;
}

.jumbotron.premier.banner{
	
	background-image: url(../img/layout/night-skyline.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/*min-height: 310px;*/
}

.premier{
	color: #303538;
	font-family: yrsa-regular;
	min-height: 200px;
}

.banner{
	/*min-height: 400px;*/
}

/*---------------------*/





/*--property-overview--*/

.jumbotron.property-overview{
    display: inline-block;
}

.property-overview{
	color: #000000;
	min-height: 400px;
	background-color: #fff;
}

.property-overview img{
	/*width: 100%;*/
	/* margin: 7%; */
}

.property-overview img{
	/*margin-bottom: 15%;*/
}

/*---------------------*/
























.jumbotron.completed.banner{
	background-image: url(../img/layout/ridgewood-towers.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	min-height: 310px;
}

.jumbotron.completed.banner h1{
	font-family: Butler-Light;
}

.jumbotron.completed.banner h4{
	font-size: 16px;
	line-height: 1.4;
	font-family: yrsa-regular;
}

.hero.premier{position: inherit;margin-top: 100px;left: inherit;top: inherit;}

.gallery-wrapper{
	margin-top: 30px;
}

.gallery-wrapper .img-wrapper {
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.gallery-wrapper .img-wrapper .images {
  float: left;
  object-fit: cover;
  width: 19%;
  vertical-align: middle;
  height: 180px;
  position: relative;
  display: block;
  border-radius: 3px;
  margin: 5px;
  overflow: hidden;
  background: whitesmoke;
  border: 3px solid whitesmoke;
  -webkit-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.6);
  box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.6);
  -webkit-transition: 150ms ease-in-out;
  -o-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}

.gallery-wrapper .img-wrapper .images a {
  text-decoration: none;
}

.gallery-wrapper .img-wrapper .images a img {
    height: 100%;
    opacity: .9;
    -webkit-transition: 150ms ease-in-out;
    -o-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;

}



/*---Contact Us----*/


.contact h1 {
	font-family: butler-light;
}

.contact p {
	margin-top: 15px;
	margin-bottom: 15px;
}

.contact .fa {
	margin-right: 10px;
}

/*--------*/

h1.blue-dash{
	color: #272d6b;
	font-size: 43px;
}

.pages{
	    list-style: none;
	    display: block;
	    text-align: center;
	    margin: auto;
	    width: 40%;
}

.pages li{
	    display: inline-block;
	    width: 50px;
	    height: 70px;
	    float: left;
}

.pages a{
	    width: 50px;
	    color: #232b69;
	    float: left;
	    margin-top: 10px;
}

.pages li a{
	color: black;

}


/*	Additional class	*/


.margin-0{
	margin: 0;
}

.margin-vertical-0{
	margin-top:  0;
	margin-bottom: 0;
}

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

.margin-10{
	margin: 10px;
}

.margin-vertical-10{
	margin-top:  10px;
	margin-bottom: 10px;
}

.margin-horizontal-10{
	margin-left: 10px;
	margin-right: 10px;
}


.padding-0{
	padding: 0;
}

.padding-horizontal-0{
	padding-left:  0;
	padding-right: 0;
}

.padding-vertical-0{
	padding-top:  0;
	padding-bottom: 0;
}

.padding-horizontal-10{
	padding-left:  10px;
	padding-right: 10px;
}

.padding-vertical-10{
	padding-top:  10px;
	padding-bottom: 10px;
}

/*------------------------*/


#lightbox .modal-content {
    display: inline-block;
    text-align: center;
    border-radius: 0;
}

.caption{
	    background: #363636;
	    color: #d0d0d0;
	    font-size: larger;
	    display: inline-block;
	    width: 100%;
	    margin-top: 1px;
}
.caption h4{
	font-weight: 500;
}

.caption h5{
	line-height: 1.5;
}

/*#lightbox .close {
    opacity: 1;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    padding: 5px 8px;
     border-radius: 30px; 
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: 3px;
    right: 2px;
    z-index:1032;
    font-size: large;
}*/

.square_close {
    opacity: 1;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    padding: 5px 8px;
    /* border-radius: 30px; */
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: 3px;
    right: 2px;
    z-index: 1032;
    font-size: large;
    }


#modal_logo img{
   border-bottom: 1px solid #CCCCCC;
   width: 50%;
}


#modal_logo p{
   font-size: large;
}



#company-info .label{
	color: #8f8f8f;
	font-family: latoregular, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
}


#company-info p{
    margin: 30px 0;
}


#generic_modal .modal-body{
	background: #232b69;
}

#generic_modal .modal-content{
    background: #232b69;
    color: white;
}


canvas {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}


#c2 {
  background: #000;
}



@media screen and (min-width: 691px) {

	.page-banner{
		height: 310px;
	}
}

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

	
}

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

	.navbar-custom{
		height: inherit;
	}



	.navbar-custom li{
     display: block;
 	}

	.navbar-nav li a {
     height: inherit;
      line-height: inherit; 
	}


	h1{
		font-size: 30px;
	}

	h2{
		font-size: 24px;
	}

	/*h3{
		font-size: 18px;
	}*/

	h4{
		font-size: 14px; 
	}

	h5{
		font-size: 10px; 
	}


	/*.footer{
		margin-left: 30px;
	}*/


	.jumbotron.about-us.banner{
		min-height: 310px;
	}

	/*.jumbotron.news.banner{
		min-height: inherit;
	}*/

	/*.banner{
	}
*/
	.banner h1{
	   	vertical-align: middle;
	   	/* line-height: 200px; */
	}

	.tab.amenities{
		
	}

	.jumbotron .options .tab{
		display: table;
		width: 100%;
	}

	.jumbotron .options .tab{
		display: table;
		width: 100%;
	}
	.jumbotron .options .tab{
		display: table;
		width: 100%;
	}
}
@media screen and (max-width: 372px) {
	#map{
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media screen and (max-width: 767px) {
	.abt_cont h3{
		position: relative;
    	right: 25%;
    	font-size: 17px;
    	font-weight: 500;
	}
}
.btn-lookFloorPlan{
    width: 100%;
}

/*for mobile phone*/
@media (max-width: 767px){
	.navbar-custom img{
		height:49px;
		margin-top:0px;
	}
	.logo-image{
		display: inline-block;
		max-width: 100%;
	}
	.page-banner{
		/*height: 120px !important;*/

		height: auto;
    	background-repeat: no-repeat;
    	background-size: cover;
	}
	.triangle{
		display: none;
	}
	.row{
		margin-right: 0px; 
    	margin-left: 0px; 
	}
	#map{
		margin-left: -15px;
		margin-right: -15px;
	}
}
/*end of for mobile phone*/
/*for tablet*/
@media (max-width: 991px) and (min-width: 768px){
	.navbar-custom img{
		height:49px;
		margin-top:0px;
	}
	.logo-image{
		display: inline-block;
		max-width: 100%;
	}
	.triangle{
		display: none;
	}
	.row{
		margin-right: 0px; 
    	margin-left: 0px; 
	}
	#map{
		margin-left: -15px;
		margin-right: -15px;
	}
}
/*end of for tablet*/
/*for larger dimension (iPad Pro)*/
@media (max-width: 1199px) and (min-width: 992px){
	.navbar-custom img{
		height:49px;
		margin-top:0px;
	}
	.triangle{
		display: none;
	}
	.row{
		margin-right: 0px; 
	    margin-left: 0px; 
	}
}
/*end of for iPad Pro*/

.photo-container{
    display: inline-block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center bottom;
    padding:0;
	margin: 0;
}

.one-left{
	height: 800px;
	width: 500px;
	border: 1px solid #ffffff;
    background-repeat: no-repeat;
}

.smaller-right{
	display:inline-block;
	height: 700px;
	padding: 0;
}


/*.photo-frame div{
	border: 1px solid #ffffff;
}

.full-width{
	border-top: 1px solid #ffffff;	
}
*/

.top-right{
height:266px;
width: 500px;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
background-repeat: no-repeat;
position: relative;
}

.center-right{
height:266px;
width: 500px;
border: 1px solid #ffffff;
background-repeat: no-repeat;
position: relative;
}

.bottom-right{
height:267px;	
width: 500px;
border: 1px solid #ffffff;
background-repeat: no-repeat;
position: relative;
}

.property-overview img {
  max-width: 100%;
  max-height: 100%;
  opacity: .0001;
}


.full-width{
   width: 1000px;
   border: 1px solid #ffffff;
}

.keyplan_for_mobile {
    display: none;
}

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

	.photo-container{
		margin-bottom: 2%;
	    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    	box-shadow: 0 1px 2px rgba(5,30,50,.6);
	}

	/*for premier property*/

	.jumbotron.property-overview {
    	display: block;
	}

	.full-width{
	   width: 502px;
	   /*width: auto;*/
	}
	.one-left{
		height: auto;
		width: auto;
	}

	.smaller-right{
		display: block;
		height: auto;
		width: auto;
	}

	.top-right{
		height: auto;
		width: auto;
	}

	.center-right{
		height: auto;
		width: auto;
	}

	.bottom-right{
		height: auto;
		width: auto;
	}
	/*end of for premier property*/

	.photo-frame{
    /*	margin-top: 2%;
    	padding-bottom: 16%;*/
	}
}
@media (min-width: 768px){
	.modal-dialog{
		width:50%;
		text-align: center;
	}
}

@media (max-width: 991px){
	.keyplan_for_desktop {
    	display: none;
	}
	.keyplan_for_mobile {
    	display: block;
    	font-family: Butler-Light;
	}
	.keyplan-container{
		height: auto !important;
	}
	.br2480sq,
	.br3772sq,
	.br2852sqwithpost,
	.br2852sq,
	.br5572sq,
	.br2525sq,
	.br2720sq,
	.br2480sqwithpost,
	.br2480sqnopost,
	.br2488sq{
    	width: 100% !important; 
	}
}

.keyplan_for_mobile select,
.keyplan_for_mobile button{
    margin-bottom: 15px;
}

.floorPlanContainer{
	display:none;
	text-align: center;
    border: 1px solid;
    border-radius: 15px;
    padding: 10px;
    margin: 10px 0 10px 0;
    background: white;
}

#floorPlanImage img{
	max-width: 100%;
}
.standard-finishes .col-sm-8 img{
	max-width: 100%;
}
.row {
    margin-right: 0;
    margin-left: -15px;
}

.abt_cont {
	text-align: center;
}
    /* I Pad Portrait */
/*@media screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
{  
	.nav_cont{
    	margin-right: 15px;
    }
    .standard-finishes{
    	margin: 40px;
    }*/
    /*.full-width{*/
	   /*width: 502px;*/
	   /*width: auto;*/
	/*}*/
	/*.page-banner{*/
		/*height: 120px !important;*/
/*		height: auto;
    	background-repeat: no-repeat;
    	background-size: cover;
	}*/
}

/* I Pad Landscape */
@media screen and (max-width: 991px) { 
	.nav_cont{
    	/*margin-right: 15px;*/
    }
    .standard-finishes{
    	margin: 40px;
    }
    .full-width{
	   width: 502px;
	   /*width: auto;*/
	}
	.page-banner{
		/*height: 120px !important;*/
		height: auto;
    	background-repeat: no-repeat;
    	background-size: cover;
	}
	.btn-lookFloorPlan{
		width: 100%;
	}
	.left-col-6{
		padding:0 !important;
	}
	.right-col-6{
		padding:0 !important;
	}
}
.newsActiveNav a{
	color: black;
    text-decoration: underline;
}
.newsActiveNav{
	color: black !important;
}

.btn_view360{
	color:#fff !important;
}

.under-button{
	z-index: 96;
}
.tag {
    text-align:center;
    color: #fff;
    font-size: x-large;
    width:100%;
    height: 40px;
    float: left;
    position: absolute;
    bottom: 0px;
    background-color: rgba(43, 48, 43, 0.62);
    z-index: 1000;
}
@media screen and (min-width: 320px) and (max-width: 736px){
	.full-width{
		width: 100%;
	}
	.left-col-6{
		padding:0 !important;
	}
	.right-col-6{
		padding:0 !important;
	}
}
/*.jumbotron h1{
	margin-top: 73px;
}*/

.left-col-6{
	padding:0 8px 0 0;
}
.right-col-6{
	padding:0 0 0 8px;
}

.left-col-6 img{
	padding-top:16px;
	padding-bottom:16px;
}
.right-col-6 img{
	padding-top:16px;
	padding-bottom:16px;
}
.facades-container img{
	padding-top: 15px;
	padding-bottom: 15px;
}
a .footerLink {
	font-size: x-large;
	color: #b9b8b6;
	margin: 10px;
}

a .footerLink:hover{
	color: #262d64;
}

.cmpltd_lbl_hdr{
	/*margin-top: 70px;*/
	margin-top: 8%;
}

#form_contact{
	margin-left: -15px;
}

.overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background-color: rgba(27,27,27,0.62);
}
.button-container{
	position: absolute;
	z-index: 99;
}
.button-container img{
	width: 90%;
}

.unit-availability{
	height: 526px;
}
.unit-availability .col-lg-4{
	margin-top: 7%;
}

@media screen and (max-width: 1199px){
	.unit-availability{
		height: auto;
	}
	.unit-availability .col-lg-4{
		margin-top: 0;
	}
}
@media screen and (max-width: 767px){
	.button-container{
		position: relative;
	}
	.button-container img{
		width: auto;
	}
	.building-features .img{
		float: unset !important;
    	left: 0 !important;
	}
}

.building-features .img{
	float: right;
    left: 60px;
}

.article-image img{
	width: 100%;
}