/* Clients Widget */
.gem-clients {
	margin: 0;
}
.gem-clients-type-carousel-grid .gem-clients-slide {
	float: left;
	width: 100%;
}
.disable-grayscale.gem-clients-type-carousel-grid .gem-client-item a {
	background-color: transparent;
}
.gem-clients-type-carousel-grid .gem-client-item {
	padding: 0;
	display: flex;
	justify-content: center;
}
.gem-clients-slide-inner.clearfix {
	margin-left: -5px;
	margin-right: -5px;
}

.gem-clients-type-carousel-grid .gem-client-item a,
.gem-clients-type-carousel-grid .gem-client-item span {
	display: block;
	width: 100%;
	text-align: center;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.gem-clients-type-carousel-grid .gem-client-item a img,
.gem-clients-type-carousel-grid .gem-client-item span img {
	display: inline-block;
	opacity: 0.5;
}
.gem-clients-type-carousel-grid .gem-client-item a:hover img,
.gem-clients-type-carousel-grid .gem-client-item span:hover img {
	opacity: 1;
}


/*** Style General CSS ***/

.gem-clients .gem-client-item a,
.gem-clients .gem-client-item span {
	background: none;
	position: relative;
}

.gem-clients .gem-client-item a img.gem-grayscale-normal,
.gem-clients .gem-client-item span img.gem-grayscale-normal {
	filter: grayscale(1);
}
.gem-clients .gem-client-item a:hover img.gem-grayscale-hover,
.gem-clients .gem-client-item span:hover img.gem-grayscale-hover {
	filter: grayscale(1);
}

.gem-clients .gem-client-item a img,
.gem-clients .gem-client-item a:hover img,
.gem-clients .gem-client-item span img,
.gem-clients .gem-client-item span:hover img {
	filter: grayscale(0);
}

.gem-client-item a img,
.gem-client-item span img {
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}


/*** Style Preset 1 (Grid) ***/

.clients-grid .gem-clients-slide-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.clients-grid .gem-clients-type-carousel-grid .gem-client-item a,
.clients-grid .gem-clients-type-carousel-grid .gem-client-item span:not(.caption, .text) {
	overflow: hidden;
	align-items: center;
	justify-content: center;
	display: flex;
	margin: 0 5px 10px 5px;
	max-height: 200px;
}

.clients-grid .gem-clients-slide .col-xs-1-5 {
	width: 20%;
}

@media (min-width: 768px) {
	.clients-grid .gem-clients-slide .col-sm-1-5 {
		width: 20%;
	}
}

@media (min-width: 992px) {
	.clients-grid .gem-clients-slide .col-md-1-5 {
		width: 20%;
	}
}

.clients-grid .caroufredsel_wrapper {
	height: auto !important;
}
.clients-grid .gem-clients-grid-carousel {
	height: auto !important;
	position: inherit !important;
}



/*** Style Preset 2 (Carousel) ***/

.clients-carousel .gem_client-carousel {
	margin-left: auto;
	margin-right: auto;
	max-width: 2000px;
}

.clients-carousel  .gem-client-item a,
.clients-carousel  .gem-client-item span {
	display: block;
}

.clients-carousel .gem_client-carousel.fullwidth-block {
	width: 100%;
}

body.elementor-editor-active .clients-carousel .gem_client-carousel {
	width: 100%;
}
.clients-carousel .gem-clients-slide-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.clients-carousel .gem-client-item span,
.clients-carousel .gem-client-item span {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.clients-carousel .gem-client-item span:hover,
.clients-carousel .gem-client-item span:hover {
	background: none;
}

.clients-carousel .gem-client-carousel-navigation span,
.clients-carousel .gem-client-carousel-navigation span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

.clients-carousel .gem-client-carousel-navigation span:after,
.clients-carousel .gem-client-carousel-navigation span:after {
	top: auto;
	margin-top: auto;
	width: 100px;
	left: 0;
	position: relative;
	margin-left: 0;
	margin-right: 0;
}


/* Caption */
.gem-clients .gem-client-item .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	width: auto;
}
.clients-caption-horizontal-left .gem-clients .gem-client-item .caption {
	left: 0;
	right: auto;
}
.clients-caption-horizontal-right .gem-clients .gem-client-item .caption {
	left: auto;
	right: 0;
}
.clients-caption-horizontal-stretch .gem-clients .gem-client-item .caption {
	left: 0;
	right: 0;
}
.clients-caption-horizontal-center .gem-clients .gem-client-item .caption {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}
.clients-caption-vertical-top .gem-clients .gem-client-item .caption {
	top: 0;
	bottom: auto;
}
.clients-caption-vertical-middle .gem-clients .gem-client-item .caption {
	top: 50%;
	transform: translateY(-50%);
	bottom: auto;
}
.clients-caption-horizontal-center.clients-caption-vertical-middle .gem-clients .gem-client-item .caption {
	transform: translateX(-50%) translateY(-50%);
}
.clients-caption-vertical-bottom .gem-clients .gem-client-item .caption {
	top: auto;
	bottom: 0;
}
.gem-clients .gem-client-item .caption .text {
	display: block;
	padding: 10px;
	background-color: #FFFFFFA1;
	color: var(--thegem-to-body-color);
	margin: 0;
}
.gem-clients .gem-client-item .caption.show-on-hover {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s linear;
}
.gem-clients .gem-client-item > a:hover .caption.show-on-hover,
.gem-clients .gem-client-item > span:hover .caption.show-on-hover {
	opacity: 1;
	visibility: visible;
}