.project-wrapper .filters  {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
	margin-bottom:50px;
}
.project-wrapper .filters .button {
	display:inline-block;
	margin-left:10px;
	margin-bottom: 10px;

    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1.58px;
    line-height: 19px;
    text-align: center;
	color:#322B29;
    border: 1px solid #979797;
	background-color:#fff;
}
.project-wrapper .filters .button.projects-complete {
    color: #006682;
	border-color:#006682;;
	background-color:#fff;
}
.project-wrapper .filters .button.projects-active {
    color: #699135;
	border-color:#699135;;
	background-color:#fff;
}
.project-wrapper .filters .button a {
	display:block;
	color:inherit;
    padding: 19px 20px;
}
.project-wrapper .filters .button:hover {
	background:#eeeeee;
}
.project-wrapper .filters .button.on {
    background-color: #E2E2E2;
}
.project-wrapper .filters .button.projects-complete.on {
	background-color:#006682;
	color:#fff;
}
.project-wrapper .filters .button.projects-active.on {
	background-color:#699135;
	color:#fff;
}
.project-wrapper.previewmode .item-wrapper:nth-child(n+7) {
	display:none;
}
.project-wrapper .load-more-wrapper {
	text-align:center;
}
.projectlist {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.projectlist:after {
  content: "";
  flex-basis: 31%;
}
.projectlist .item-wrapper {
	position:relative;
	width:31%;
	margin-bottom:60px;
	text-align:center;
}
.projectlist .item-wrapper.active {
    background-color: #F4F4EA;
}
.projectlist .item-wrapper.completed {
    background-color: rgba(0,102,130,0.05);
}
.projectlist .container > a {
	position:absolute;
	width:100%;
	height:100%;
	z-index:15;
}
.projectlist .photo:before {
	content:"";
	display:block;
	padding-top:81%;
}
.projectlist .photo {
	background-size:cover;
}
.projectlist .item-wrapper .container {
    display: flex;
    flex-direction: column;
	height:100%;
}
.projectlist .text {
	padding:10px 10px 5px 10px;
	flex-grow:1;
}
.projectlist .item-wrapper h3 {
	font-size: 28px;
	font-weight: 600;
	letter-spacing: -0.31px;
	margin-bottom:4px;
}
.projectlist .item-wrapper .line2 {
    color: rgba(50,43,41,0.75);
    font-family: "Playfair Display";
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 1.73;
}
.projectlist .buttonContainer, .projectdetail .buttonContainer {
	position:absolute;
	top:0;
	right:0;
	z-index:20;
}
.projectlist .item-wrapper .container > .button {
	display:block;
	padding:12px 5px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.23px;
	border:none;
}
.projectlist .item-wrapper.completed .container > .button {
	background-color:#006682;
}
.projectlist .item-wrapper.active .container > .button {
	background-color:#699135;
}
.projectlist .photo {
	position:relative;
}
.projectlist .inactive {
	display:none;
}
.projectlist .tags {
	position:absolute;
	bottom:0;
	right:0;
	display:none;
}
.projectlist .viewmore {
	font-weight:600;
	text-transform:uppercase;
	color:#2b79a1;
	font-size:14px;
}
.projectlist .tag {
	padding:3px 5px;
	display:inline-block;
}
.projectlist .tag, .projectdetail .tag {
	color:#ffffff;
	text-transform:uppercase;
}
.community.tag {
	background-color:#38b549;
}
.retail.tag {
	background-color:#8cc63f;
}
.medical.tag {
	background-color:#d6dd23;
}
.office.tag {
	background-color:#f5b802;
}
.multi-family.tag {
	background-color:#065d25;
}

.projectdetail {
	position:relative;
}
.projectdetail .buttonContainer .button {
	margin-bottom:10px;
}
/* Slideshow */
.projectslide .ratio {
	position:  absolute;
    top: 0;
    left: 0;   
    bottom: 0;
    right: 0;
}
.projectslide .slidephoto {
	overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    width:100%;
    position:relative;
    z-index:3;
}
.projectslide .slidephoto:before {
    content: "";
    display: block;  
    padding-top: 57%;   /* initial ratio of 700x400*/
}
ul.projectslide_nav {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:10px;
}
ul.projectslide_nav li {
	float:left;
	width:15%;
	margin-right:5px;
}
.activeSlideshow .slidephoto {
	display:none;
}
.nowrap {
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
.projectsidebar {
	font-size:90%;
}
.projectsidebar a, .projectsidebar a:visited {
	font-weight:inherit;
	color:inherit;
	text-decoration:none;
}
.projectsidebar a:hover {
	text-decoration:underline;
}
.latestProject {
	margin-top:30px;
	position:relative;
}
.latestProject .photos {
	position:relative;
	float:right;
	width:46%;
	margin-left:10%;
}
.latestProject .photo1 {
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.latestProject .photo1:after {
	content:"";
	display:block;
	padding-top:76%;
}
.latestProject .info {
	position:relative;
	z-index:2;
}
.latestProject .photo2 {
    position: relative;
    width: 93%;
    right: 30%;
    margin-top: -25%;
}
.latestProject .photo2:after {
	content:"";
	display:block;
	padding-top:56%;
}

@media (max-width:999px) {
	.heading h3, .heading .filters {
		float:none;
	}
	.heading .filters select {
		border-radius:0px;
		height:30px;
		border:1px solid #404040;
		color:#404040;
		text-transform:uppercase;
		font-size:16px;
		text-align:center;
	}
	.heading .filters select option {
		text-align:center;
	}
	.projectlist .column {
		float:none;
		width:auto;
		padding-right:none;
		margin-bottom:25px;
	}
	.project-wrapper .filters {
    	flex-wrap: wrap;
    	justify-content: center;
		margin-top:40px;
	}
	.projectlist .item-wrapper {
		width:100%;
	}
	.secondary-nav {
		flex-wrap:wrap;
		padding-bottom:0;
	}
	.secondary-nav > div {
	    border-bottom: 3px solid #fff;
	    width: 100%;
		padding-bottom:10px;
	}
}