@charset "utf-8";
/* CSS Document */

.nopadding {
    padding: 0;
    margin-top: -1px;
}

/*********START CLIENTS***********/
.clients-panel-inner {
	margin:0 auto;
	padding:0 0;
	background:#fff;
}

.clients_head{padding:40px 0; text-align:center;}

.clients_head h2{color:#141516;} 

.vcenter{position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}

.effect-clients{border-right:1px solid #e2e2e2; border-bottom:2px solid #e2e2e2;}
/*---------------*/
/***** Oscar *****/
/*---------------*/

.effect-clients {
	background-color:#fff;
	text-align:center;
	color:#FFF;
	position:relative;
	z-index:2;
	padding:10px 0;
 }

.effect-clients img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	width:80%;
}

.effect-clients .clients-hover {
	 height:100%;
	 width:100%;
	 position:absolute;
	 z-index:5;
	 top:0; 
	 padding:0;
  }

.v-center{position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}

.effect-clients .clients-hover::before,
.effect-clients p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.effect-clients:hover .clients-hover::before,
.effect-clients:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	padding:0 40px;
	margin-top:20px;
	font-family: 'Poppins', sans-serif; 
	font-size:14px;
}

.effect-clients:hover .clients-hover::before,
.effect-clients:hover h4 {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	font-size:18px;
	line-height:20px;
	padding:0 15px;
	margin-bottom:30px;
	color:#fff;
	font-family: 'Poppins', sans-serif; 
	font-weight:300;
}

.effect-clients .clients-hover::before,
.effect-clients h4 {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.effect-clients:hover .clients-hover::before,
.effect-clients:hover .watch_now {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.effect-clients:hover .clients-hover::before,
.effect-clients:hover span {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	color:#fff;
	font-family: 'Poppins', sans-serif; 
	font-size:14px;
}

.effect-clients .clients-hover::before,
.effect-clients .watch_now {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
	font-size:12px;
	color:#fff;
	margin:0 auto 15px auto;
	display:block;
	text-transform:uppercase;
	border:1px solid #fff; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:13px 20px;
	max-width:160px;
	font-family: 'Poppins', sans-serif; 
	letter-spacing:3px;
}

.clients-hover .watch_now:hover{background-color:#D91F26; color:#FFF; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border:1px solid #D91F26;}

.effect-clients:hover .clients-hover {
	background-color: rgba(26,30,35,0.8);
}

.effect-clients:hover img{opacity: 0.7;}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.effect-clients:hover .clients-hover::before,
	.effect-clients:hover h4 {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		font-size:16px;
		line-height:20px;
		padding:0 15px;
		margin-bottom:30px;
		color:#fff;
		font-family: 'Poppins', sans-serif; 
		font-weight:300;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.effect-clients:hover .clients-hover::before,
	.effect-clients:hover h4 {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		font-size:16px;
		line-height:20px;
		padding:0 15px;
		margin-bottom:30px;
		color:#fff;
		font-family: 'Poppins', sans-serif; 
		font-weight:300;
}