/* SHOW PROJECT */
	.PortfolioItems .portfolioImage>img {
		width: 100%;
	}
/* ^ SHOW PROJECT */
/* CATEGORIES SLIDER */
	#project-categories {
		background-color:#373737;
		background-size:cover;
		padding-top:30px;
		padding-bottom:20px;
		text-align:center;
	}
	#project-categories h2 {
		font-size:34px;
		color:#fff;
		text-transform: uppercase;
		margin-bottom:50px;
	}
	#view-category {
		font-size:18px;
		text-align: left;
		background-color:#fff;	
		z-index:3;
		display:block;
		max-width:30%;
		margin:0px auto 40px auto;
	}
	#view-category #category-select {
		white-space: nowrap;
		cursor: pointer;
	}
	#view-category #category-select span {
		padding:5px 15px;
		display:block;
		border:1px solid #3b3b3b;
	}
	#view-category:hover #category-select span {	
		border-color:#fff;
	}
	#view-category img {
		margin-left:10px;
	}
	#view-category ul {
		list-style:none;
		background-color: #fff;
		width:100%;
		left:0px;
		display:none;
		position: absolute;
		border-top:0px;
	}
	#view-category ul li:hover {
		background-color:#ebebeb;
	}
	#view-category ul li a {
		display:block;
		text-decoration: none;
		color:#3b3b3b;
		padding:3px 15px;
	}
	#category-scroller {
		margin:0px auto;
	}
	.category-scroller-dir, #category-scroller-frame {
		float:left;
	}
	.category-scroller-dir {
		width:22px;
		text-align:center;
		cursor:pointer;
		margin-top:10%;
	}
	.category-scroller-dir:hover {
		opacity:1;
	}
	#category-scroller-frame {
		overflow:hidden;
		position:relative;
		width:100%;	
	}
	#category-scroller-slider {
		position:absolute;
		width:100%;
	}
	#category-scroller-slider .category {
		position:absolute;
		padding-left:20px;
		padding-right:20px;
		max-width:420px;
		font-size:20px;
		line-height:20px;
		color:#3e3b3b;
	}
	#category-scroller-slider .category img {
		width:100%;
		display:block;
		border:1px solid #fff;
	}
	#category-scroller-slider .category:hover a > img {
		filter: brightness(.7);
	}
	#category-scroller-slider .title {
		font-weight:500;
		color:#fff;
		margin-bottom:10px;	
		font-size:22px;
	}
/* ^ CATEGORIES SLIDER */
/* RANDOM TOP IMAGE */
	.MainSubNav,
	.SubNav {
		padding: 0;
		background: transparent;
	}
	.SubNav * {
	}
	.SubNav.dark {
	}
	.MainSubNav .container .clear,
	.SubNav .container .clear {
		display: flex;
		flex-wrap: wrap;
	}
	.MainSubNav .container .clear .nav {
		width:20%;
	}
	.SubNav .container .clear .nav {
		width:22%;
		margin-left: 3%;
		border-left: 1px solid #999;
		padding: 50px 0px 50px 20px;
		color: #046241;
	}
	.MainSubNav .container .clear .blocktext {
		width:75%;
	}
	.SubNav .container .clear .blocktext {
		width:75%;
	}
	.MainSubNav .container .clear .nav,
	.SubNav .container .clear .nav {
		order:2;
	}
	.MainSubNav .container .clear .blocktext,
	.SubNav .container .clear .blocktext {
		order:1;
	}
	.MainSubNav.switch .container .clear .nav,
	.SubNav.switch .container .clear .nav {
		order:1;
	}
	.MainSubNav.switch .container .clear .blocktext,
	.SubNav.switch .container .clear .blocktext {
		order:2;
	}
	.MainSubNav .container .clear .nav .nav-title,
	.SubNav .container .clear .nav .nav-title {
		background-color: #294269;
		color: #fff;
		text-transform: uppercase;
		padding: 10px 30px;
		font-size: 30px;
	}
	.MainSubNav .container .clear .nav .nav-title a,
	.SubNav .container .clear .nav .nav-title a {
		font-size: 19px;
	}
	.MainSubNav .container .clear ul,
	.SubNav .container .clear ul {
		padding: 10px 20px;
		list-style: none;
		margin: 0;
	}
	.MainSubNav .container .clear ul li,
	.SubNav .container .clear ul li {
		margin-bottom: 0px;
	}
	.MainSubNav .container .clear ul a,
	.SubNav .container .clear ul a {

	}
	.MainSubNav .container .clear ul a {
		font-size: 19px;
	}
	.MainSubNav .container .clear ul li.selected a,
	.MainSubNav .container .clear ul a:hover,
	.SubNav .container .clear ul li.selected a,
	.SubNav .container .clear ul a:hover {


	}
/* ^ RANDOME TOP IMAGE */
/*  FOUR IMAGE */
	.FourImages {}
	.FourImages .col a {
		display: inline-block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background-color: rgba(31,54,92,.6);
		text-align: center;
		padding: 20% 5px 0 5px;
		color: #fff;
		text-transform: uppercase;
		font-size: 20px;
		text-shadow: 0px 2px 5px #000;
		overflow: hidden;
	}
	.FourImages .col a:hover {
		background-color: transparent;
	}
	.FourImages .corner-bl img {
		display:block;
	}
	.FourImages .corner-bl {
		border: 2px solid #fff;
		position:relative;
		display:inline-block;
		width: 269px;
		height: 177px;
		overflow: hidden;
	}
	.FourImages .corner-bl:before {
		position:absolute;
		right:-1px;
		bottom:-1px;
		content:'';
		border-bottom: 35px solid transparent;
		border-left: 35px solid transparent;
	}
	.FourImages .corner-bl:after {
		position:absolute;
		right:-2px;
		bottom:-2px;
		content:'';
		border-bottom: 35px solid #fff;
		border-left: 35px solid transparent;
	}
/* ^ FOUR IMAGE */
/* RECENT STUFF */
	.RecentStuff {}
	.RecentStuff .container .clear .project {
		width: 46%;
		margin-right: 8%;
	}
	.RecentStuff .container .clear .news {
		width: 46%;
		margin-right: 0;
	}
	.RecentStuff.reverse .news {
		order: 1;
		margin-right: 8%;
	}
	.RecentStuff.reverse .project {
		order: 2;
		margin-right: 0;
	}
	.RecentStuff .news .articleDesc,
	.RecentStuff .project .projectDesc {
		width: 50%;
	}
	.RecentStuff .news .articleDesc .articleTitle,
	.RecentStuff .project .projectDesc .projectTitle {
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.RecentStuff .news .articleDesc .articleName,
	.RecentStuff .project .projectDesc .projectName {
		margin-bottom: 5px;
	}
	.RecentStuff .news .articleImage,
	.RecentStuff .project .projectImage {
		width: 40%;
		margin-left: 10%;
	}
	.RecentStuff .news .articleImage img,
	.RecentStuff .project .projectImage img {
		border: 1px solid #fff;
	}
/* ^ RECENT STUFF */


@media (max-width:1200px) {
	.MainSubNav,
	.SubNav {
		min-height: 250px;
	}
	.FourImages .col a {
		width: 85%;
	}
	.MainSubNav .container .clear ul a, .SubNav .container .clear ul a {
		font-size: 19px;
	}
}
@media (max-width:1000px) {
	.FourImages .corner-bl {
		width: 100%;
		height: auto;
	}
	.MainSubNav .container .clear .blocktext,
	.SubNav .container .clear .blocktext,
	.RecentStuff .container .clear .project .projectImage,
	.RecentStuff .container .clear .project .projectDesc,
	.RecentStuff .container .clear .news .articleImage,
	.RecentStuff .container .clear .news .articleDesc,
	.RecentStuff .container .clear .news,
	.RecentStuff .container .clear .project,
	.FourImages .corner-bl img {
		width: 100%;
		margin: 10px 0;
	}
	.MainSubNav .nav,
	.SubNav .nav {
		display: none;
	}
}
