html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
img {
	border:0
}
svg:not(:root) {
overflow:hidden
}
html {
	font-size:100%;
	box-sizing:border-box
}
*, *::before, *::after {
box-sizing:inherit
}
body {
	padding:0;
	margin:0;
	font-family:"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight:normal;
	line-height:1.5;
	color:#0a0a0a;
	background:#fefefe;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
img {
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	display:inline-block;
	vertical-align:middle
}
.client-row {
	max-width:75rem;
	margin-left:auto;
	margin-right:auto;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}
.client-row .client-row {
	margin-left:-0.625rem;
	margin-right:-0.625rem
}
@media screen and (min-width: 640px) {
.medium-2 {
-ms-flex:0 0 12.22222%;
flex:0 0 12.22222%;
max-width:12.22222%;
padding: 0px 10px;
}

}
@media screen and (max-width: 640px) {
.medium-2 {
-ms-flex:0 0 24.99999%;
flex:0 0  24.99999%;
max-width: 100%;
text-align:center;
height: 60px !important;
}

#logos .logo-wrapper {
	position:relative;
	margin:10px 0;
	height:45px;
	padding:0px
}
.client-logo {
    
    margin: 0px;
}
}

#logos {
	padding: 0px 0px 30px 0px
}
#logos .logo-wrapper {
	position:relative;
	margin:10px 0;
	height:55px;
	padding:0px
}
#logos .logo-wrapper .client-logo {
	position:absolute;
	opacity:0;
	width:100%;
	display:block;
	transition:all 500ms ease-in-out
}
#logos .logo-wrapper .client-logo.active {
	opacity:1;
	display:block;
}
#logo-position-1{
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%); 
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%); 
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}

#logo-position-1:hover {
    -webkit-filter: grayscale(0%) !important;
    -webkit-transition: .5s ease-in-out !important;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
	cursor:pointer;
} 
#logo-position-2{
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%); 
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%); 
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}

#logo-position-2:hover {
    -webkit-filter: grayscale(0%) !important;
    -webkit-transition: .5s ease-in-out !important;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}
#logo-position-3{
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%); 
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%); 
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}

#logo-position-3:hover {
    -webkit-filter: grayscale(0%) !important;
    -webkit-transition: .5s ease-in-out !important;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}
#logo-position-4{
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%); 
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%); 
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}

#logo-position-4:hover {
    -webkit-filter: grayscale(0%) !important;
    -webkit-transition: .5s ease-in-out !important;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}
#logo-position-5{
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%); 
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%); 
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}

#logo-position-5:hover {
    -webkit-filter: grayscale(0%) !important;
    -webkit-transition: .5s ease-in-out !important;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
	cursor:pointer;
} 
#logo-position-6{
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%); 
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%); 
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}

#logo-position-6:hover {
    -webkit-filter: grayscale(0%) !important;
    -webkit-transition: .5s ease-in-out !important;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}    
#logo-position-9{
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%); 
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%); 
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}

#logo-position-9:hover {
    -webkit-filter: grayscale(0%) !important;
    -webkit-transition: .5s ease-in-out !important;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}
#logo-position-8{
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%); 
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%); 
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}

#logo-position-8:hover {
    -webkit-filter: grayscale(0%) !important;
    -webkit-transition: .5s ease-in-out !important;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
	cursor:pointer;
}

.cf4{ position:relative; display:block; margin:0 auto }
.cf4 img { position:absolute; left:0 }
.cf4 img.top:hover, .checkbox input[type=checkbox] { opacity:0 }
.cf4 { height:86px; width:150px }
.cf4 img { -webkit-transition:opacity 1.5s ease-in-out !important ; -moz-transition:opacity 0s ease-in-out !important ; -o-transition:opacity 1.5s ease-in-out !important ; transition:opacity .4s ease-in-out !important }