/*** 

====================================================================
	Clients One
====================================================================

***/

.clients-one{
	position: relative;
}

.clients-one .owl-dots{
	position: relative;
	text-align: center;
	margin-top: var(--margin-top-50);
}

.clients-one .owl-dots .owl-dot{
	position: relative;
	width: 8px;
	height: 8px;
	opacity: 0.20;
	margin: 0px 10px;
	border-radius: 50px;
	display: inline-block;
	background-color: var(--color-two);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.clients-one .owl-dots .owl-dot.active,
.clients-one .owl-dots .owl-dot:hover{
	opacity: 1;
	background-color: var(--main-color);
}

.clients-one .owl-nav{
	position: absolute;
	right: 0px;
	top: -90px;
}

.clients-one .owl-carousel .owl-nav button.owl-prev,
.clients-one .owl-carousel .owl-nav button.owl-next{
	position: relative;
	opacity: 0.20;
	display: inline-block;
	color: var(--color-two);
	font-size: var(--font-30);
	font-family: "Flaticon";
	margin-left: var(--margin-left-30);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.clients-one .owl-carousel .owl-nav button.owl-prev:hover,
.clients-one .owl-carousel .owl-nav button.owl-next:hover{
	opacity: 1;
}

.clients-one .inner-container{
	position: relative;
	padding: 110px 0px 110px;
	border-top: 1px solid var(--color-two);
	border-bottom: 1px solid var(--color-two);
}

.clients-one_image{
	position: relative;
	width: 192px;
	height: 192px;
	margin: 0 auto;
	text-align: center;
	border-radius: 150px;
	filter: grayscale(100%);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	background-color: rgba(var(--color-three-rgb), 0.10);
}

.clients-one_image:hover{
	filter: grayscale(0%);
	background-color: #F2F6FB;
}

@media only screen and (max-width: 1540px){
	
	
	
}

@media only screen and (max-width: 1450px){
	
	
	
}
	
@media only screen and (max-width: 1340px){

	
	
}

@media only screen and (max-width: 1200px){
	
	

}

@media only screen and (max-width: 1140px){
	
	

}

@media only screen and (min-width: 768px){
	
	
	
}

@media only screen and (max-width: 1023px){
	
	
	
}

@media only screen and (max-width: 900px){
	
}

@media only screen and (max-width: 767px){
	
	

}

@media only screen and (max-width: 599px){
	
	.clients-one .owl-nav{
		position: relative;
		top: 0px;
		margin-top: var(--margin-top-30);
	}

	.clients-one .owl-carousel .owl-nav button.owl-prev,
	.clients-one .owl-carousel .owl-nav button.owl-next{
		margin-left: var(--margin-zero);
		margin-right: var(--margin-right-25);
	}

}

@media only screen and (max-width: 479px) {
	
	

}

/*** 

====================================================================
	Clients Two
====================================================================

***/

.clients-two{
	position: relative;
	padding: 90px 0px 90px;
	background-color: var(--black-color);
}

.clients-two .owl-dots{
	position: relative;
	text-align: center;
}

.clients-two .owl-dots .owl-dot{
	position: relative;
	width: 8px;
	height: 8px;
	opacity: 0.20;
	margin: 0px 10px;
	border-radius: 50px;
	display: inline-block;
	background-color: var(--color-two);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.clients-two .owl-dots .owl-dot.active,
.clients-two .owl-dots .owl-dot:hover{
	opacity: 1;
	background-color: var(--main-color);
}

.clients-two .owl-nav{
	position: absolute;
	right: 0px;
	top: -90px;
}

.clients-two .owl-carousel .owl-nav button.owl-prev,
.clients-two .owl-carousel .owl-nav button.owl-next{
	position: relative;
	opacity: 0.70;
	display: inline-block;
	color: var(--white-color);
	font-size: var(--font-30);
	font-family: "Flaticon";
	margin-left: var(--margin-left-30);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.clients-two .owl-carousel .owl-nav button.owl-prev:hover,
.clients-two .owl-carousel .owl-nav button.owl-next:hover{
	opacity: 1;
	color: var(--main-color);
}

.clients-two_image{
	position: relative;
	margin: 0 auto;
	filter: grayscale(100%);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.clients-two_image:hover{
	filter: grayscale(0%);
}

@media only screen and (max-width: 1540px){
	
	
	
}

@media only screen and (max-width: 1450px){
	
	
	
}
	
@media only screen and (max-width: 1340px){

	
	
}

@media only screen and (max-width: 1200px){
	
	

}

@media only screen and (max-width: 1140px){
	
	

}

@media only screen and (min-width: 768px){
	
	
	
}

@media only screen and (max-width: 1023px){
	
	
	
}

@media only screen and (max-width: 900px){
	
}

@media only screen and (max-width: 767px){
	
	

}

@media only screen and (max-width: 599px){
	
	.clients-two .owl-nav{
		position: relative;
		top: 0px;
		text-align: center;
	}

	.clients-two .owl-nav .owl-prev,
	.clients-two .owl-nav .owl-next{
		margin:0px 10px;
		margin-left: var(--margin-zero);
	}

}

@media only screen and (max-width: 479px) {
	
	

}

/*** 

====================================================================
	Clients Three
====================================================================

***/

.clients-three{
	position: relative;
	padding: 120px 0px 100px;
	background-color: var(--color-four);
}

.clients-three .client-column{
	position: relative;
	width: 20%;
	float: left;
	margin-bottom: var(--margin-bottom-20);
}

.clients-three img{
	position: relative;
	opacity: 0.70;
	filter: grayscale(100%);
}

.clients-three img:hover{
	opacity: 1;
	filter: grayscale(0%);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

@media only screen and (max-width: 1540px){
	
	
	
}

@media only screen and (max-width: 1450px){
	
	
	
}
	
@media only screen and (max-width: 1340px){

	
	
}

@media only screen and (max-width: 1200px){
	
	

}

@media only screen and (max-width: 1140px){
	
	

}

@media only screen and (min-width: 768px){
	
	
	
}

@media only screen and (max-width: 1023px){
	
	
	
}

@media only screen and (max-width: 900px){
	
}

@media only screen and (max-width: 767px){
	
	

}

@media only screen and (max-width: 599px){
	
	.clients-three .client-column{
		width: 25%;
	}
}

@media only screen and (max-width: 479px) {
	
	.clients-three .client-column{
		width: 50%;
	}

}