/* RANDOM TOP IMAGE */
	.MainRandomTopImage,
	.RandomTopImage {
		padding: 0;
		background: #fdf7e7;
	}
	.RandomTopImage * {
	}
	.RandomTopImage.dark {
	}
	.MainRandomTopImage .container .clear,
	.RandomTopImage .container .clear {
		display: flex;
		flex-wrap: wrap;
	}
	.MainRandomTopImage .container .clear .nav {
		width:40%;
	}
	.RandomTopImage .container .clear .nav {
		width:30%;
		background: #ffeaad;
	}
	.RandomTopImage .container .clear .nav .flex {
		align-items: center;
		flex: 1;
		height: 100%;
	}
	.RandomTopImage .container .clear .nav .text-2,
	.RandomTopImage .container .clear .nav .text-1 {
		color: #3c5b44;
		padding: 20px 40px;
		height: 50%;
		width: 100%;
	}
	.RandomTopImage .container .clear .nav .text-2 h2,
	.RandomTopImage .container .clear .nav .text-1 h2 {
		color: #3c5b44;
	}
	.RandomTopImage .container .clear .nav .text-2 .button,
	.RandomTopImage .container .clear .nav .text-1 .button {
		display: block;
		max-width: 180px;
		text-align: center;
	}
	.RandomTopImage .container .clear .nav .text-2 {
		background: #f6dda0;
	}
	.MainRandomTopImage .container .clear .image {
		width:60%;
	}
	.RandomTopImage .container .clear .image {
		width:70%;
	}
	.MainRandomTopImage.imageleft .container .clear .nav,
	.RandomTopImage.imageleft .container .clear .nav {
		order:2;
	}
	.MainRandomTopImage.imageleft .container .clear .image,
	.RandomTopImage.imageleft .container .clear .image {
		order:1;
	}
	.MainRandomTopImage .container .clear .image img,
	.RandomTopImage .container .clear .image img {
		display: block;
	}
	.MainRandomTopImage .container .clear .nav .nav-title,
	.RandomTopImage .container .clear .nav .nav-title {
		background-color: #294269;
		color: #fff;
		text-transform: uppercase;
		padding: 10px 30px;
		font-size: 30px;
	}
	.MainRandomTopImage .container .clear .nav .nav-title a,
	.RandomTopImage .container .clear .nav .nav-title a {
		color: #fff;
	}
	.MainRandomTopImage .container .clear ul,
	.RandomTopImage .container .clear ul {
		padding: 10px 20px;
		list-style: none;
		margin: 0;
	}
	.MainRandomTopImage .container .clear ul li,
	.RandomTopImage .container .clear ul li {
		margin-bottom: 0px;
	}
	.MainRandomTopImage .container .clear ul a,
	.RandomTopImage .container .clear ul a {
		color: #5d5d5d;
		font-size: 22px;
		text-transform: uppercase;
		display: block;
		padding: 3px 10px;
		border-bottom: 1px solid #a2a5aa;
	}
	.MainRandomTopImage .container .clear ul a {
		font-size: 19px;
	}
	.MainRandomTopImage .container .clear ul li.selected a,
	.MainRandomTopImage .container .clear ul a:hover,
	.RandomTopImage .container .clear ul li.selected a,
	.RandomTopImage .container .clear ul a:hover {
		background-color: #d9dee8;
		text-decoration: none;
	}
/* ^ RANDOME TOP IMAGE */
/*  SearchBox */
	.SearchBox {}
	.SearchBox form {
		width: 70%;
		margin: 0 auto;
	}
	.SearchBox input {
		border: 1px solid #999;
		padding: 10px;
		background: #fff url('../../../../Assets/Images/search.jpg') 99% 50% no-repeat;
	}
	.SearchBox input::placeholder {
		color: #3c5b44;
		font-size: 22px;
	}
	
/* ^ SearchBox */
/* THREE BUTTONS */
	.ThreeButtons {}
	.ThreeButtons .flex {
		align-items: center;
		height: 100%;
	}
	.ThreeButtons .col {
		width: 31%;
		color: #fff;
		height: 100%;
	}
	.ThreeButtons .col a {
		color: #fff;
		font-size: 30px;
	}
	.ThreeButtons .col a p {
		color: #fff;
		font-size: 30px;
	}
	.ThreeButtons .col.block2 {
		margin: 0 3%
	}
	
/* ^ THREE BUTTONS */


@media (max-width:1200px) {
	.MainRandomTopImage,
	.RandomTopImage {
		min-height: 250px;
	}
	.FourImages .col a {
		width: 85%;
	}
	.MainRandomTopImage .container .clear ul a, .RandomTopImage .container .clear ul a {
		font-size: 19px;
	}
}
@media (max-width:1000px) {
	.ThreeButtons .col,
	.FourImages .corner-bl {
		width: 100%;
		height: auto;
	}
	.ThreeButtons .col.block2 {
		margin: 10px 0;
	}
	.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;
	}
	.MainRandomTopImage,
	.RandomTopImage {
		display: none;
	}
}
