
.client-logos {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1px;
	background: #eee;
}

.client-logo {
	background: #fff;
	position: relative;
}
.client-logo:after {
	display: block;
	content: '';
	padding-top: 70%;
}
.client-logo img {
	display: block;
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: left;
	
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
	opacity: 0.7;
	
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.client-logo:hover img {
    filter: none;
    -webkit-filter: none;
    opacity:1;
}

@media only screen and (max-width: 959px) {

	.client-logos {
		grid-template-columns: repeat(4, 1fr);
	}
	
}

@media only screen and (max-width: 719px) {
	
	.client-logos {
		grid-template-columns: repeat(2, 1fr);
	}
	
}


.project-slider {
	display: block;
	background-color: #FFF;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.project-slider ul.slides {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

.project-slider ul.slides li {
	padding: 0;
	margin: 0;
	background: none;
	display: none;
}

.project-slider .project-slider-element {
	text-align: center;
}

.project-slider ul.flex-direction-nav, .project-slider ul.flex-direction-nav li {
	display: block;
	position: static;
}

.project-slider .flex-direction-nav a {
	background: transparent url('../Images/project_slider_next.png') no-repeat center center;
	cursor: pointer;
	display: block;
	height: 50px;
	margin: -25px 0 0 0;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 50px;
}
.project-slider .flex-direction-nav a.flex-next {
	background: url('../Images/project_slider_next.png');
	right: 5px;
}
.project-slider .flex-direction-nav a.flex-prev {
	background: url('../Images/project_slider_prev.png');
	left: 5px;
}





/* one-col (Standard) */

.onecol-projectsdone {
	width: 100%;
	padding: 40px 0;
	border-top: 1px solid #eee;
	background-position: left bottom;
	background-repeat: no-repeat;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.onecol-projectsdone:first-child { border: none; }

.onecol-projectsdone h3 {
	padding-top: 0;
}

.onecol-projectsdone-image {
	flex-basis: 32%;
	position: relative;
}

.onecol-projectsdone-image img {
	display: block;
	max-width: 100%;
	height: auto;
}

.onecol-projectsdone-text {
	flex-basis: 66%;
}

.onecol-projectsdone-buttons { padding-top: 20px; }

.onecol-projectsdone .button-left { text-align: left; }
.onecol-projectsdone .button-right { text-align: right; }

@media only screen and (max-width: 640px) {

	.onecol-projectsdone-image,
	.onecol-projectsdone-text {
		flex-basis: 100%;
	}
	
}