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

		/*  SECTIONS  */
		.section {
			clear: both;
			padding: 0px;
			margin: 0px;
		}
		
		/*  COLUMN SETUP  */
		.col {
			display: block;
			float:left;
			margin: 1% 0 1% 1.6%;
		}
		.col:first-child { margin-left: 0; }
		
		/*  GROUPING  */
		.group:before,
		.group:after { content:""; display:table; }
		.group:after { clear:both;}
		.group { zoom:1; /* For IE 6/7 */ 
		}
		/*  GRID OF THREE  */
		.span_3_of_3 { width: 100%; }
		.span_2_of_3 { width: 66.13%; }
		.span_1_of_3 { width: 32.26%; }
		
		/*  GO FULL WIDTH BELOW 480 PIXELS */
		@media only screen and (max-width: 480px) {
			.col {  margin: 1% 0 1% 0%; }
			.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
		}
		.inner h2 {
			text-align: center;
		}
		#vid-header {
			position: relative;
			overflow: hidden;
			width:100vw;
			height:70vh;
			max-height:70vh;
			text-align:center;
		}
		
		.bg {
		  /* The image used */
		  background-image: none;
		  background-color: #7794a2;
		  min-height: 100vh;
		  /* Full height */
		  height: 100%;
		
		  /* Center and scale the image nicely */
		  background-position: center;
		  background-repeat: no-repeat;
		  background-size: cover;
		}
		#vid-contain {
			position:absolute;
			height:100%;
			width:200%;
			left:-50%;
			top: -25%;
		}
		#mob-vid {
			display: inline;
		}
		video {
			height:auto;
			min-height:100%;
			min-width:50%;
		}
		.logo-top {
			margin: 0;
			padding-top: 10%;
		}
		.logo-top img {
			width: 40%;
		}
		#resident-btns {
			position: relative; 
			z-index: 10000;
		}
		#resident-btns h2 {
			text-align: center; 
			display: block;
			margin: 0 auto;
			padding-top: 0%;
			color: #fff;
			text-shadow: 1px 1px 5px #333;
		}
		ul.actions li:last-child {
			padding-right: 0;
			padding-top: 0em;
		}
		#resident-btns h4 {
			text-align: center; 
			display: block;
			margin: 0 auto;
			padding-top: 30px;
			color: #fff;
			text-shadow: 1px 1px 5px #333;
		}
		#resident-actions {	 
			width: 100%;
			display: block;
			margin: 50px auto 0px;			
		}
		#amenities-menu {
			width: 100%;
			height: auto;
			background-color: transparent;
		}
		#amenities-menu ul {
			width:100%;
			height: auto;
			text-align:center;
		}
		#amenities-menu li {
			display:inline-block;
			*display:inline; /*IE7*/
			*zoom:1; /*IE7*/
			color: #666;
			text-align: center;
		}
		#amenities-menu li a {
			color: #666;
			padding: 0;
			text-decoration: none;			
		}
		
		#amenities-menu li a:visited {
		  color: #666;
		  text-decoration: none;
		}		
		#amenities-menu li a:before {
		  content: "";
		  position: absolute;
		  width: 100%;
		  height: 4px;
		  bottom: -2px;
		  left: 0;
		  background-color: #000;
		  visibility: hidden;
		  -webkit-transform: scaleX(0);
		  transform: scaleX(0);
		  -webkit-transition: all 0.3s ease-in-out 0s;
		  transition: all 0.3s ease-in-out 0s;
		}

		li.active a:before,
		a:hover:before {
		  visibility: visible;
		  -webkit-transform: scaleX(1);
		  transform: scaleX(1);
		}
		#amenities-menu h4 {
			font-weight: 300;
			letter-spacing: 0.15em;
			padding: 0px 40px;
		}
		
		/*Floorplans Nav*/
		#floorplans-menu {
			width: 100%;
			height: auto;
			background-color: transparent;
		}
		#floorplans-menu ul {
			width:100%;
			height: auto;
			text-align:center;
		}
		#floorplans-menu li {
			display:inline-block;
			*display:inline; /*IE7*/
			*zoom:1; /*IE7*/
			color: #666;
			text-align: center;
		}
		#floorplans-menu li a {
			color: #666;
			padding: 0;
			text-decoration: none;			
		}
		
		#floorplans-menu li a:visited {
		  color: #666;
		  text-decoration: none;
		}
		
		#floorplans-menu li a:before {
		  content: "";
		  position: absolute;
		  width: 100%;
		  height: 4px;
		  bottom: -2px;
		  left: 0;
		  background-color: #000;
		  visibility: hidden;
		  -webkit-transform: scaleX(0);
		  transform: scaleX(0);
		  -webkit-transition: all 0.3s ease-in-out 0s;
		  transition: all 0.3s ease-in-out 0s;
		}
		#floorplans-menu h4 {
			font-weight: 300;
			letter-spacing: 0.15em;
			padding: 0px 40px;
		}
		
		.navLinks {
			display: none;
		}
		.fp-navLinks {
			display: none;
		}
		.amen-style .content p {
			width: 35%;
			height: auto;
			float: left;
		}
		.amen-style .image {
			width: 60%;
			margin: 0px 0px 0px 5%;
			height: auto;
			float: left;
		}
		.amen-style .image img {
			width: 100%;
			height: auto;
			float: left;
		}
		#virtual {
			width: 100%;
			height: auto;
			clear: both;
			padding-top: 4em;
			padding-bottom: 21em;
			background-image: url(../../images/section-bg-2-21.jpg);
		}
		.virtual-style {
			max-width: 68em;
			margin: 0 auto;
			padding: 0 2.5em;
		}
		.virtual-style h2 {
			text-align: left;
			color: #fff;
		}
		.virtual-style .content {
			width: 40%;
			height: auto;
			float: left;
			color: #fff;
		}
		.virtual-style .image {
			width: 55%;
			margin: 0px 0px 0px 5%;
			height: auto;
			float: left;
		}
		.virtual-style .image img {
			width: 90%;
			height: auto;
			float: left;
		}
		.inner-fix {
			max-width: 68em;
			margin: 0 auto;
			padding: 0 2.5em;
		}
		#floorplans h3 {
			text-align: center;	
			padding-top: 1em;
		}
		.footage {
			font-size: .75em;
			text-align: center;
			clear: left;
			padding: 0;
			margin: 0;	
		}
		#map {
			width: 100%;
			height: 700px;
		}
		ul.icons {
			display: block;
			width: auto;
			margin: 0 auto;
		}
		ul.icons li {
			display: inline-block;
			padding: 1em 0 0 .55em;
		}
		#amenities-menu li a.active {
			color: #7794a2;
		}
		#amenities-menu li a.active h4 {
			color: #7794a2;
			border-bottom: #7794a2 solid 5px;
			padding-bottom: 10px;
		}
		#floorplans-menu li a.active {
			color: #7794a2;
		}
		#floorplans-menu li a.active h4 {
			color: #7794a2;
			border-bottom: #7794a2 solid 5px;
			padding-bottom: 10px;
		}
		.style3 {
			font-weight: 600;
			font-size: 1.25em;	
		}
		.style4 {
			font-weight: 600;
			font-size: 1.25em;	
			margin-bottom: 20px;
		}
		#footer > .inner section:nth-child(2) {
			width: 33%;
			margin-left: 0;
		}
		@media all and (min-width: 768px) and (max-device-width: 1024px) { 
			.logo-top img {
				width: 45%;
				padding-top: 5%;
			}
			.icon.style2 {
				width: 2em;
				height: 2em;
				display: inline-block;
				text-align: center;
				line-height: 2em;
				color: inherit;
			}
			ul.icons li {
				display: inline-block;
				padding: .75em 0 0 .75em;
			}
			#mob-vid {
				display: none;
			}
			.bg {
			  /* The image used */
			  background-image: url(../../images/bg-1.jpg);
			
			  /* Full height */
			  height: 100vh;
			
			  /* Center and scale the image nicely */
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			}
		}
		@media all and (max-width: 767px) { 
			.logo-top img {
				width: 35%;
				padding-top: 0%;
			}
		/*	#mob-vid {
				display: block;
			}
			.bg {
			  background-image: none;
			  background-color: #7794a2;
			  min-height: 100vh;
			  height: 100%;
			
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			}*/
			#mob-vid {
				display: none;
			}
			.bg {
			  /* The image used */
			  background-image: url(../../images/bg-1.jpg);
			
			  /* Full height */
			  height: 100vh;
			
			  /* Center and scale the image nicely */
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			}
			#vid-header {
				position: relative;
				overflow: hidden;
				width: 100vw;
				height: 100vh;
				text-align:center;
			}
			#resident-btns h2 {
				text-align: center;
				display: block;
				margin: 0 auto;
				padding-top:0%;
				color: #fff;
				text-shadow: 1px 1px 5px #333;
			}
			#resident-btns h4 {
				display: none;
			}
			#resident-actions {
				margin: 15px auto 0px;
			}
			.amen-style .content p {
				width: 100%;
			}
			.amen-style .image {
				width: 100%;	
				margin: 0;
			}
			.virtual-style .content {
				width: 100%;
			}
			.virtual-style .image img {
				display: none;
			}
			#amenities-menu li a.active {
				color: #7794a2;
				border-bottom: #7794a2 solid 5px;
				padding-bottom: 10px;
			}
			#amenities-menu li a h4 {
				display: none;
			}
			#amenities-menu li {
				width: 19%;
			}
			#floorplans-menu ul {
				margin-bottom: 4em;
			}
			#floorplans-menu li a h4 {
				display: none;
			}
			#floorplans-menu li {
				width: 19%;
			}
			
			#floorplans-menu li a.active {
				color: #7794a2;
				border-bottom: #7794a2 solid 5px;
				padding-bottom: 10px;
				border-bottom-length: 50px;
			}
			#footer > .inner section:nth-child(2) {
				width: 100%;
				margin-left: 0;
			}
			.icon.style2 {
				width: 2.65em;
				height: 2.65em;
				display: inline-block;
				text-align: center;
				line-height: 2.65em;
				color: inherit;
			}
			ul.icons li {
				display: inline-block;
				padding: .55em 0 0 1.55em;
			}	
			ul.icons li {
				display: inline-block;
				padding: 1em 0 0 1.25em;
			}
		}
		@media all and (max-width: 480px) { 
			.logo-top img {
				width: 60%;
				padding-top: 20%;
			}
			#mob-vid {
				display: none;
			}
			.bg {
			  /* The image used */
			  background-image: url(../../images/bg-1.jpg);
			
			  /* Full height */
			  height: 100vh;
			
			  /* Center and scale the image nicely */
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			}
			.icon.style2 {
				width: 2em;
				height: 2em;
				display: inline-block;
				text-align: center;
				line-height: 2em;
				color: inherit;
			}
			ul.icons li {
				display: inline-block;
				padding: .55em 0 0 1.25em;
			}
			#resident-actions {
				width: 100%;
				display: block;
				margin: 50px 0px 0px 10px;
			}
			#resident-btns h2 {
				text-align: center;
				display: block;
				margin: 0 auto;
				padding-top: 0%;
				color: #fff;
				text-shadow: 1px 1px 5px #333;				
				margin-left: 15px;
			}
			#resident-btns h4 {
				display: block;
			}
			#vid-header {
				position: relative;
				overflow: hidden;
				width:100vw;
				height:80vh;
				max-height:80vh;
				text-align:center;
			}
			#vid-contain {
				position:absolute;
				height:100%;
				width:200%;
				left:-50%;
				top: 0%;
			}
			ul.actions li {				
				width: 100%;
				margin: 0 -10px 0;
				display: block;
			}
			ul.actions li {
				padding: .25em 0 0 0;
			}
			ul.actions li:last-child {
				padding-right: 0;
				padding-top: .5em;
			}
			#header .logo .symbol {
				margin-right: 0;
				margin: 0 auto;
				display: block;
				width: 80%;
			}
			#amenities-menu ul {
				padding-left: 0;
			}
			#amenities-menu ul li {
				padding-left: 0;
			}
			
			#floorplans-menu ul {
				padding-left: 0;
			}
			#floorplans-menu ul li {
				padding-left: 0;
			}
		}