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

section{ padding:80px 0;}
.tables .overlay, .our-clients .overlay {background: url("img/white.png") repeat scroll 0 0;height: 100%;left: 0;position: absolute; top: 0;width: 100%;}
#portfolio-items-wrap {
	position: relative;
	padding: 0;
	width: 100.1%;
	margin: 0 auto;
	display: block;
}
#portfolio-items-wrap .portfolio-item {
	margin: 0;
	overflow: hidden;
	line-height: 0;
	width: 25%;
	padding: 0;
}
.portfolio-item.current {
	box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.37);
	z-index: 101;
}
.portfolio-item {
	padding: 0;
	position: relative;
	overflow: hidden;
}
.portfolio {
	overflow: hidden;
	display: block;
	position: relative;
}
.portfolio img {
	width: 100%;
	height: auto;
}
.portfolio .portfolio-overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	z-index: 4;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: #FFD600;
}
.portfolio > a, .portfolio > a:hover {
	color: #ffffff;
}
.portfolio-item .portfolio > a:hover > .portfolio-overlay {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.portfolio > a img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio > a:hover img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio .thumb-info {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio a:hover .portfolio-overlay .thumb-info {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.portfolio-overlay .thumb-info i {
	top: 58%;
	font-size: 50px;
}
.portfolio-overlay .thumb-info h3 {
	top: 38%;
	font-size: 30px;
}
.portfolio-overlay .thumb-info p {
	top: 50%;
	font-size: 13px;
}
.portfolio-overlay .thumb-info h3 {
	color: #ffffff;
	width: 100%;
	position: absolute;
	text-align: center;
}
.portfolio-overlay .thumb-info p {
	color: #ffffff;
	width: 100%;
	position: absolute;
	text-align: center;
	font-weight: bold;
}
.portfolio-overlay .thumb-info i {
	color: #ffffff;
	width: 100%;
	position: absolute;
	text-align: center;
	display: block;
}
/* hover colors */
.portfolio-item:hover .img-overlay{ display:block;}
.portfolio-item:nth-child(1) .img-overlay{background:#BED431}
.portfolio-item:nth-child(2) .img-overlay{background:#5ECAE6}
.portfolio-item:nth-child(3) .img-overlay{background:#E11E24}
.portfolio-item:nth-child(4) .img-overlay{background:#7251A2}
.portfolio-item:nth-child(5) .img-overlay{background:#7251A2}
.portfolio-item:nth-child(6) .img-overlay{background:#E11E24}
.portfolio-item:nth-child(7) .img-overlay{background:#5ECAE6}
.portfolio-item:nth-child(8) .img-overlay{background:#BED431}
.portfolio-item i{border: 3px solid #FFFFFF;border-radius: 6px; color: #FFFFFF; display: block; font-size: 22px;  height: 46px; left: 50%; line-height: 40px; margin-left:-50px; margin-top: -23px;position: absolute;text-align: center; top: -46px; width: 46px; z-index: 8;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.portfolio-item i.fa-link{ left: auto;margin-right: -50px;right: 50%;}
.portfolio-item:hover i{ top:50%;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.portfolio-item i:hover{ border-color:#dfdfdf; color:#dfdfdf;}