#members {}
@media (min-width: 900px)	 { #members { margin-top: 30px; } }
@media (max-width: 899.99px) { #members { margin-top: 25px; } }

/*--------------------------------------------------------------------------------*/

#members > .swiper {
    pointer-events: none;
    user-select: none;
}
#members > .swiper > .swiper-wrapper { transition-timing-function: linear !important; }
#members > .swiper > .swiper-wrapper > .swiper-slide {
    position: relative;
    width: 100px; height: 100px; overflow: hidden;
    margin-left: 15px;
	
	background-color: #EFEFEF;
	border: solid 1px rgba(0,0,0,.1);
    border-radius: 50%;
}
#members > .swiper > .swiper-wrapper > .swiper-slide:not(.logo):before {
	content: '';
	position: absolute; top: 10px; left: 10px;
	display: block; height: calc(100% - 20px); width: calc(100% - 20px);
	
	background-color: #FFF;
	
	-webkit-mask-image: url("../../images/logo.png");
	mask-image: url("../../images/logo.png");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
#members > .swiper > .swiper-wrapper > .swiper-slide > img {
	position: relative;
    height: 100%; width: 100%;
    
    object-fit: cover;
    object-position: top center;
}
#members > .swiper > .swiper-wrapper > .swiper-slide.logo > img {
	content: url("../../images/logo.png");
	padding: 20px;
	
    object-fit: contain;
    object-position: center;
}