@charset "UTF-8";
/************************************************

Stylesheet: New Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/
@media (min-width: 64em) {

    html {
      overflow-y: scroll; 
    }
    
    #content {
        margin-top: -64px;
    }
    
    .home #content {
        margin-top: 0;
    }

    /* ---- grid ---- */

    .gallery-grid {
		/*display: inline-flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;*/
    }

    /* clear fix */
    .gallery-grid:after {
      content: '';
      display: block;
      clear: both;
    }

    /* ---- .element-item ---- */

    /* 5 columns, percentage width */
    .grid-item,
    .grid-sizer {
      width: 20%;
    }

    .grid-item {
      float: left;
      height: 100px;
      background: #0D8;
      border: 2px solid #333;
      border-color: hsla(0, 0%, 0%, 0.7);
    }

    .grid-item--width2 { width: 40%; }
    .grid-item--height2 { height: 200px; }

    .home .top-bar {
        padding-top: 0;
    }


    .top-bar .nav-container {
        position: fixed;
    }


    .home .top-bar .nav-container {
        background: transparent;
        top: 0 !important;
        position: relative;
    }
	
	.home .top-bar .nav-container.slideDown {
        background: rgba(0,0,0,.4);;
        top: 0 !important;
        position: relative;
    }
	
	.top-bar .nav-container .ghost-nav {
		display: none;
	}
	
	.home .top-bar .nav-container .ghost-nav {
		opacity: 1;
		display: block;
	}
	
	.home .top-bar .nav-container .ghost-nav {
		opacity: 1;
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
  		  -moz-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
	}

    .home .top-bar .nav-container.slideDown .ghost-nav {
        opacity: 0;
  -webkit-transform: translate3d(0px, -64px, 0px);
  transform: translate3d(0px, -64px, 0px);

    }

    .home .top-bar .nav-container.slideDown .scrolled .home-logo-link {
        display: block;
    }
	
	

    .margin-btm {
        margin-bottom: 4rem;
    }

    .hero-image, .hero-image-two {
        height: 70vh;
		max-height: 480px;
        margin-top: 0;
    }

    .hero-image-two {
        width: 100%;
    }

    .hero-image-two .vidbg-container video {
        margin-top: -10vh;
    }

    .hero-image .vidbg-container video {
        margin-top: 0;
    }

    .home .hero-image .vidbg-container video {
        margin-top: 0;
    }

    .hero-image.Location .vidbg-container video {
        /*margin-top: -16vh;*/
    }
	
	.hero-image.Amenities .vidbg-container video {
		transform: translate(-50%, -60%);
		-webkit-transform: translate(-50%, -60%);
		-moz-transform: translate(-50%, -60%);
		-ms-transform: translate(-50%, -60%);
		-o-transform: translate(-50%, -60%);
	}


    .top-bar .menu li:hover > a:after,
    .home .top-bar li.current-menu-item > a:after {
        content: '';
        background: transparent url(../images/active-triangle.png) no-repeat;
        color: #fdfdfd;
        background-position: center bottom;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .top-bar .menu li.home-logo-link:hover > a:after,
    .top-bar .menu li.home-logo-link.active > a:after {
        background: none;
    }

    .green-initiative-section .image-block {
        padding: 0;
    }

    .green-initiative-section .image-block img {
        margin: 2rem 0;
    }

    .home .top-bar #top-bar-menu:not(.main-nav-scrolled) .menu > li > a {
        font-family: "SourceSansPro-Regular", Helvetica, sans-serif;
    }

    .gallery-item {
        margin: 1rem 0; 
        /*height: 167px;*/
    }

    .gallery-item img {
        max-width: 100%;
        height: 100%;
    }

    #main > section.amenities-content-wrapper:nth-of-type(2) {
            padding-top: 0;
    }
    
    .floorplan-container .floorplan-block .menu.utility {
        display: block;
    }
    
    .floorplan-container .floorplan-block .menu.utility > li {
        border: 1px solid #000;
        border-top: none;
        border-bottom: none;
        height: 1rem;
        width: 40%;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .floorplan-container .floorplan-block .menu.utility > li:last-child {
        width: 60%;
    }
	
	/*.gallery-grid {
		display: inline-flex;
		justify-content: space-around;
		flex-wrap: wrap;
		flex-direction: row;
	}*/
	
	/*.gallery-grid .gallery-item img {
		max-width: 100%;
	}*/
	
	.menu li.active > a:after {
		content: '';
		background: transparent url(../images/active-triangle.png) no-repeat;
		color: #fdfdfd;
		background-position: center bottom;
		-webkit-transform: none;
		transform: none;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		margin-left: 0;
	}
	
	.hero-image.Location {
		/*max-height: 680px;
		margin-top: -200px;*/
		max-height: 100vh;
		height: 100vh;
		margin-top: -50vh;
	}

}

@media (min-width: 48em) {
	
	.floorplan-container .floorplan-block .menu.utility {
        display: block;
    }
    
    .floorplan-container .floorplan-block .menu.utility > li {
        border: 1px solid #000;
        border-top: none;
        border-bottom: none;
        height: 1rem;
        width: 40%;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
		height: 50%;
		padding: 0 6px;
    }
	
	.floorplan-container .floorplan-block .menu.utility > li > a.button {
		border: 0;
		line-height: 1.6;
	}
	
	.floorplan-wrapper .floorplan-container .floorplan-block .menu.utility > li:hover > a span {
		background-color: #e1e1e1;
	}

    .floorplan-container .floorplan-block .menu.utility > li:last-child {
        width: 60%;
    }
    
    .floorplan-wrapper .floorplan-block .menu.utility > li:hover > a span,
    .floorplan-wrapper .floorplan-block .menu.utility > li.active > a span {
        background: #fff;
    }
    
    .floorplan-wrapper .floorplan-block .menu.utility > li:hover {

    }
	
	
	
	/*.floorplan-wrapper .floorplan-block .menu.utility > li:hover:after {
		content: '';
		background: transparent url(../images/active-triangle.png) no-repeat;
		width: 100%;
		height: 10px;
		display: inline-block;
		text-align: center;
		position: relative;
		background-position: center;
		transform: initial;
		}*/
		
		.gallery-nav {
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			margin-bottom: 1rem;
		}
		
		.scrolled {
			opacity: 0;
		}
		
		.siteplan-modal,
			.gallery-modal {
			margin-top: 2rem;
		}
		
		.gallery-modal.reveal.large {
			max-width: 65rem;
			background: rgba(0,0,0,.4);
		}
		
		.gallery-modal .slick-next, .gallery-modal .slick-prev, .gallery-modal .close-button {
			background: transparent;
			color: #fff;
		}
		
		.siteplan-modal .close-button {
			color: #fff;
		}

		
}

@media (max-width:47.938em) {
	.three-images-container { display: block; }
	.tabs-panel { padding: 0; }
	
	.header {
		width: 100%;
    position: fixed;
    top: 0;
    height: 108px;
    z-index: 555;
	}
	
	#poiList {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	.hero-image, .hero-image-two {
		height: auto;
		margin-top: 0;
	}
	
	#content {
		margin-top: 44px;
	}
	
	.vidbg-container {
		position: relative;
		height: 250px;
	}
	
	.home-about-wrapper, .parallax-image-wrapper {
		height: 580px;
	}
	
	.down-arrow { display: none; }
	.floorplan-detail-wrapper { margin: 0; }
    
    .gallery-nav-container {
        padding: 0;
    }
    
    .gallery-nav > li { margin: .5rem; width: 45%; }
    .hero-image { height: 250px; }
    
    .hero-image-photo-container {
        height: 100%;
        background-size: cover !important;
        background-position: bottom center !important;
    }
    
    .gallery-carousel > div {
        width: 100%;
    }
    
    .gallery-carousel > div > img {
        padding: 1rem 0;
    }
    
    .floorplan-wrapper .floorplan-block .menu.utility > li {
        height: 100%;
        border: 0;
    }
	
    .floorplan-wrapper .floorplan-container .floorplan-block .menu.utility > li > a, .floorplan-wrapper .floorplan-container .floorplan-block .menu.utility > li:first-child > a,
    .floorplan-wrapper .floorplan-block .menu.utility > li > a {
        line-height: 43px;
        display: block;
        height: 100%;
        padding: 0;
    }
    
    .floorplan-wrapper .floorplan-container .floorplan-block .menu.utility > li:first-child > a,.floorplan-wrapper .floorplan-block .menu.utility > li:last-child > a {
        padding: 0;
    }
    
    .floorplan-wrapper .floorplan-block .menu.utility > li > a:before {
        content: '|';
        float: left;
    }
    
    .floorplan-wrapper .floorplan-block .menu.utility > li:last-child > a:after {
        content: '|';
        float: right;
    }
    
    .floorplan-wrapper .floorplan-block .menu.utility > li > a span {
        height: calc(100% - 12px);
        width: 100%;
        padding: 0;
        position: relative;
        /*background-color: #fff;
        height: 80%;
        top: 10%;
        -webkit-transition: background-color .25s ease-out, background-color .25s ease-out;
    transition: background-color .25s ease-out, background-color .25s ease-out;*/

        
    }
    .floorplan-wrapper .floorplan-block .menu.utility > li:hover > a span {
   /* background-color: #343434;
    color: #e1e1e1;
        -webkit-transition: background-color .25s ease-out, background-color .25s ease-out;
    transition: background-color .25s ease-out, background-color .25s ease-out;*/
    }
    
    .floorplan-wrapper .floorplan-block .menu.utility > li:last-child > a span {
        padding: 0;
        
    }
	
	/*.sitemap-panel {
		position: fixed;
		top: 0;
		height: 100vh;
		z-index:99999;
		width: 100%;
		left: 0;
		padding: 10vh 5%;
		background: rgba(0,0,0,.4);
	}*/
	
	.sitemap-panel { height:80vh; }
	
	.home .top-bar .nav-container {
		opacity: 1 !important;
		transform: translate3d(0px, 0px, 0px) !important;
		-webkit-transform: translate3d(0px, 0px, 0px) !important;
		-moz-transform: translate3d(0px, 0px, 0px) !important;
		-ms-transform: translate3d(0px, 0px, 0px) !important;
		-o-transform: translate3d(0px, 0px, 0px) !important;
	}
	
	.top-bar .top-bar-right {
		margin-top: -4rem;
	}
}

@media (min-width: 48em) and (max-width: 63.938em) {
    .home .hero-image, .home .hero-image-two {
		max-height: 100vh;
		margin-top: 0;
		height: 100vh;
	}
	
	.hero-image .large-logo {
		display: block;
	}
	
	.tabs-title:first-child {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	
	.floorplan-nav-container { width: 100%; }
	
	.gallery-item img {
		padding: 1rem 0;
	}
	
	.home-about-wrapper, .parallax-image-wrapper {
		height: 500px;
	}
	
	.image-block {
		margin-bottom: 0;
		padding: 0 .5rem;
	}
	
	.image-overlay {
		width: calc(100% - 1rem);
		left: .5rem;
	}
	
	.image-overlay p, .image-overlay a {
		width: 80%;
	}
	
	.top-bar-left {
		margin-left: 3rem;
	}
	
	.vidbg-container {
		background-size: cover;
		background-position: 50% 100%;
	}
	
	.home .hero-image.Home .vidbg-container {
    background-size: 150% 100vh !important;
}

.down-arrow {
	bottom: 7rem;
}

.hero-image .large-logo {
	bottom: 13.25rem;
}
}

@media (min-width:64em) and (max-width:70em) {
	.floorplan-container {
		padding: 0 .25rem;
	}
	.hero-image, .hero-image-two {
		max-height: 380px;
	}
	
	
}

@media (min-width: 1024px) and (max-width: 1400px) {
	.floorplan-info ul li.unit-type, h3.unit-type {
		font-size: 1.5rem;
	}
	
	.floorplan-info ul li {
		font-size: 1rem;
	}
	
	.floorplan-wrapper .floorplan-block .menu.utility > li > a {
		line-height: 24px;
		letter-spacing: 0;
	}
}

@media (min-width: 1024px) and (max-width: 1180px) {
	.floorplan-info ul li.unit-type, h3.unit-type {
		font-size: 1.25rem;
	}
	
	.floorplan-info ul li {
		font-size: .875rem;
	}
	
	.floorplan-wrapper .floorplan-block {
		height: 456px;
	}
}

@media (min-width: 1024px) and (max-width: 1040px) {
	.floorplan-wrapper .floorplan-block .menu.utility > li > a {
		font-size: .75rem;
		letter-spacing: .05rem;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.floorplan-info ul li.unit-type, h3.unit-type {
		font-size: 2rem;
	}
	
	.floorplan-info ul li {
		font-size: 1.5rem;
	}
	
	.pricing p {
		font-size: 1.5rem;
	}
	
	.floorplan-wrapper .floorplan-block .menu.utility > li > a {
		font-size: 1.125rem;
		line-height: 28px;
	}
	
	.floorplan-image img {
		max-width: 75%;
	}
	
	.single-fource_fp .floorplan-image img {
		max-width: 90%;
	}
}

@media (max-width:47.938em) {
	
}

@media (min-width:48em) {
	
}

@media (min-width:64em) {
	
}