/* 
  -----------------------------------
  PVII Synergy
  by Project Seven Development
  www.projectseven.com
  Structural CSS
  -----------------------------------
*/

body {
	margin: 0px;
}


h1, h2, h3, h4 {
	margin: 0px;
}

p img, h1 img, h2 img, h3 img, h4 img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.p7dmm-spcr {
	background: none !important;
}
.synergy-row .column-group .synergy-column {
	box-sizing: border-box;
}
.synergy-column {
	float: left;
}
.synergy-row:after, .column-group:after {
	content: "";
	display: table;
	clear: both;
}
.column-15 {
	width: 15%;
}
.column-20 {
	width: 20%;
}
.column-25 {
	width: 25%;
}
.column-30 {
	width: 30%;
}
.column-33 {
	width: 33.3334%;
}
.column-35 {
	width: 35%;
}
.column-40 {
	width: 40%;
}
.column-45 {
	width: 45%;
}
.column-50 {
	width: 50%;
}
.column-55 {
	width: 55%;
}
.column-60 {
	width: 60%;
}
.column-65 {
	width: 65%;
}
.column-70 {
	width: 70%;
}
.column-75 {
	width: 75%;
}
.column-80 {
	width: 80%;
}
.column-85 {
	width: 85%;
}
.column-100 {
	width: auto;
	float: none !important;
}

/*Column Group Widths*/
.column-group.max-980 {
	max-width: 980px;
	margin: auto;
}
.column-group.max-1024 {
	max-width: 1024px;
	margin: auto;
}
.column-group.max-1200 {
	max-width: 1200px;
	margin: auto;
}
.column-group.max-1440 {
	max-width: 1440px;
	margin: auto;
}
.column-group.max-1600 {
	max-width: 1600px;
	margin: auto;
}

/*Row Backgrounds*/

.fixed-bg {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}

/*Media Queries*/

/*Small screens - all devices*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
	.synergy-row .column-group .synergy-column { float: none; width: auto !important;}
	.header-row-2 {padding: 5px 20px !important;}
	.arrow-south_btn-2 {display:none !important;}
	.phone-header { display: none !important;}
	.lease-btn-header { display: none !important;}
	.social-tag { font-size:2.2em !important;}
	.value-prop { display: none !important;}
	 h1 {font-size: 2.3em !important;}
	.padded {padding: 20px 32px !important;}
	.synergy-column {height: auto !important; max-height: 888678px;}
}
/*Smartphones*/
@media only screen and (max-device-width: 480px) {
	.synergy-row .column-group .synergy-column {float: none; width: auto !important;}
	.header-row-2 {padding: 5px 20px !important;}
	.arrow-south_btn-2 {display:none !important;}
	.phone-header { display: none !important;}
	.lease-btn-header { display: none !important;}
	.social-tag { font-size:2.2em !important;}
	.value-prop { display: none !important;}
	 h1 {font-size: 2.3em !important;}
	.padded {padding: 20px 32px !important;}
}

/*iPad landscape for south arrow JI*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  /*.arrow-south_btn-2 { bottom: 110px !important;}*/
  .phone-header { margin-top:-10px;} 
  .header-row-2 {padding: 5px 60px !important;}
  .value-prop {left:60px !important;}
}

/*iPad portrait for south arrow JI*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .arrow-south_btn-2 { display: none !important;}
  .phone-header { margin-top:-10px;}
  .header-row-2 {padding: 5px 60px !important;}
  .value-prop {left:60px !important;}
  .social-tag { font-size:2.5em !important;}
}




/*========== JI Additions =============*/

/*Logo bar*/

.header-row-2 {
	background-color: #000;
	padding: 5px 60px 5px 100px;
	background-image: url(../images/bkg_header.jpg);
}



/*banner background image stretch JI*/
.banner-bkg {
     background-color: #000;
     background-image: url(../images/img-banner.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: left top;
 }
	
/*scalable banner image shim JI*/
.scalable {
	width: auto;
	height: auto;
	max-width: 100%;
}

.stretch {
 width: 100%;
 object-fit: cover;
}
.simple_btn-1 {
	display:block;
	background-color: #d27839;
	background: rgba(210,120,57,.90);
    color:#ffffff !important;
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight:400;
    padding:10px 0px;
	text-decoration:none !important;
	text-transform:uppercase;
	text-align:center;
	letter-spacing: .2em;
	margin:10px 0px;
	border:1px solid #d27839;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}

.simple_btn-1:hover {
	text-decoration:none !important;
	color:#d27839 !important;
	background-color: transparent;
}

.simple_btn-2 {
	position: absolute;
	margin-top: 40px;
	left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    width: 100px;
	text-align:center;
    z-index:5 !important;
	background-color: transparent;
	border:1px solid #ffffff;
    color:#ffffff !important;
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight:400;
    padding:8px 60px 8px 20px;
	text-decoration:none !important;
	text-transform:uppercase;
	letter-spacing: .2em;
}

.simple_btn-2:hover {
	border:1px solid #7fbccd;
	text-decoration:none !important;
	color:#7fbccd !important;
	background-color: transparent;
}

/*Position button-2 over image*/
.button-wrapper {
	position: relative;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.simple_btn-3 {
	display:block;
	background-color: #7fbccd;
    color:#ffffff !important;
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight:400;
    padding:10px 0px;
	text-decoration:none !important;
	text-transform:uppercase;
	text-align:center;
	letter-spacing: .2em;
	margin:10px 0px;
	border:1px solid transparent;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}

.simple_btn-3:hover {
	text-decoration:none !important;
	color:#7fbccd !important;
	background-color: transparent;
	border:1px solid #7fbccd;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}

.arrow-south_btn-2 {
	position: absolute;
	text-align:center;
	margin-left:auto;
    margin-right:auto;
	padding:0px;
	bottom: 30px;
	left: 47%;
    line-height: 110%;
	z-index:4 !important;
	display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
	cursor: pointer;
}

.arrow-south_btn-2:hover {
	transform: scale(1.2);
}
	
.intro {
	font-family: 'Open Sans', sans-serif;
    font-size:1.8em;
	line-height:125%;
    font-weight:300;
	color:#666;
}

.intro.sm {
	font-size:1.3em;
	line-height:150%;
	font-weight:300;
	margin-top:0px;
	color:#333;
}

.drop_cap {
	float: left; 
	font-family: 'Oswald', sans-serif;
	color: #333; 
	font-size: 88px; 
	line-height: 100%; 
	padding-top: 2px; 
	padding-right: 8px; 
	padding-left: 0px; 
}

.social-tag {
	font-family: 'Oswald', sans-serif;
    font-size:2.7em;
	line-height:110%;
    font-weight:300;
	letter-spacing:.07em;
	color:#fff;
	padding:20px 0px;
	text-transform:uppercase;
}

.legal {
	font-family: 'Open Sans', sans-serif;
	font-size: .7em;
	font-weight:400;
	line-height: 120%;
	color: #000;

	}

/*Floorplan-Sprite-icon JI*/
.imagesprite_floorplan {
display: block;
width: 108px;
height: 108px;
background: url(../images/floorplan_sprite.png) no-repeat 0 0;
background-size: 108px 218px;
overflow: hidden;
text-indent: -15000px;
}

.imagesprite_floorplan:hover {
background-position: 0 -110px;
}

/*Facebook-Sprite-icon JI*/
.imagesprite_facebook {
display: block;
width: 60px;
height: 60px;
background: url(../images/facebook_sprite_icon.png) no-repeat 0 0;
background-size: 57px 120px;
overflow: hidden;
text-indent: -15000px;
margin-top:16px;
margin-bottom: 10px;
margin-right:12px;
float:right;
cursor: pointer;
}

.imagesprite_facebook:hover {
background-position: 0 -62px;
}

/*Email-Sprite-icon JI*/
.imagesprite_email {
display: block;
width: 60px;
height: 60px;
background: url(../images/email_sprite_icon.png) no-repeat 0 0;
background-size: 57px 120px;
overflow: hidden;
text-indent: -15000px;
margin-top:16px;
margin-bottom: 10px;
float:right;
cursor: pointer;
}

.imagesprite_email:hover {
background-position: 0 -62px;
}

/*Phone-Sprite-icon JI*/
.imagesprite_phone {
display: block;
width: 60px;
height: 60px;
background: url(../images/phone_sprite_icon.png) no-repeat 0 0;
background-size: 57px 120px;
overflow: hidden;
text-indent: -15000px;
margin-top:16px;
margin-bottom: 10px;
margin-right:12px;
float:right;
cursor: pointer;
}

.imagesprite_phone:hover {
background-position: 0 -62px;
}

/*Phone-Sprite-icon-SMALL*/
.imagesprite_phone_sm {
display: block;
width: 35px;
height: 35px;
background: url(../images/imagesprite_phone_sm.png) no-repeat 0 0;
background-size: 35px 67px;
overflow: hidden;
text-indent: -15000px;
cursor: pointer;
float:left;
margin-top:4px;
margin-right:8px;
}

.imagesprite_phone_sm:hover {
background-position: 0 -32px;
}

/*Logo-Sprite-icon JI*/
.park-view-sprite {
display: block;
width: 234px;
height: 110px;
background: url(../images/park-view-sprite.png) no-repeat 0 0;
background-size: 234px 220px;
overflow: hidden;
text-indent: -15000px;
cursor: pointer;
}

.park-view-sprite:hover {
background-position: 0 -110px;
}

.imagesprite_walk {
display: block;
width: 36px;
height: 36px;
background: url(../images/walk-icon-sprite.png) no-repeat 0 0;
background-size: 36px 75px;
overflow: hidden;
text-indent: -15000px;
float:right;
margin-top: -40px;
cursor: pointer;
}

.imagesprite_walk:hover {
background-position: 0 -39px;
}

.imagesprite_bike {
display: block;
width: 36px;
height: 36px;
background: url(../images/bike-icon-sprite.png) no-repeat 0 0;
background-size: 36px 75px;
overflow: hidden;
text-indent: -15000px;
float:right;
margin-top: -40px;
cursor: pointer;
}

.imagesprite_bike:hover {
background-position: 0 -39px;
}

.imagesprite_drive {
display: block;
width: 36px;
height: 36px;
background: url(../images/drive-icon-sprite.png) no-repeat 0 0;
background-size: 36px 75px;
overflow: hidden;
text-indent: -15000px;
float:right;
margin-top: -40px;
cursor: pointer;
}

.imagesprite_drive:hover {
background-position: 0 -39px;
}


/*This allows the south arrow to remain within the Gallery div*/
.gallery-holder {
	position:relative;
	width: 100%;
	margin-bottom:-2px;
}

.phone-header {
	float:right; 
	color:#bbbbbb !important;
	font-family: 'Alegreya Sans', sans-serif;
	font-size:2.0em;
	font-weight:300;
	margin-top:6px;
	letter-spacing:0.07em;
	}
	
/*.phone-header:hover a {
	color:#FFFFFF !important;}*/
	

.lease-btn-header {
	display:inline-block;
	background-color: #7fbccd;
    color:#ffffff !important;
    font-family: 'Open Sans', sans-serif;
    font-size:.5em;
    font-weight:300;
    padding:4px 3px;
	text-decoration:none !important;
	text-align:center;
	letter-spacing: .07em;
	margin-top:10px;
	border:1px solid transparent;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}

.lease-btn-header:hover {
	text-decoration:none !important;
	color:#7fbccd !important;
	background-color: transparent;
	border:1px solid #7fbccd;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
	
a[href^="tel"]{
    text-decoration:none !important;
	color:#bbbbbb !important;	
}

/*Flip LightBox*/
.splash-gallery {
    width: 100%;
	height: 100%;
	margin-left: auto; margin-right:auto; text-align: center;
	padding:0px;	
}
/*.gallery-item {
	margin: 0px;
	padding: 0px;
}*/
/*End Flip LightBox*/

/*Credits: Dynamic Drive CSS Library:jQuery Image Magnify v1.11 */
.magnify { 
  width:700px; height:525px;
  cursor:pointer;
}

.value-prop {
	position: absolute;
	/*background-color: #000;
	background: rgba(0,0,0,.35);*/
	background: url(../images/tagline_bkg.png) no-repeat 0 0;
    
    color:#fff !important;
    font-family: 'Open Sans', sans-serif;
	font-weight:300;
    font-size:.95em;
	letter-spacing:.15em;
	line-height:130%;
	text-transform:uppercase;
    /*padding:14px 18px 20px 18px;*/
	padding:10px 18px 20px 18px;
	text-align:center;
	top: 0px;
	left:100px;
	z-index:3 !important;
	width: 200px;
	height: 89px;
	/*border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;*/
}

span.nobr { white-space: nowrap; }

video {
    max-width: 100%;
}