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

.gridItem{
	width: 100%;
}

.mixItem {
	display: inline-block;
    width: 25%;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    text-align: center;
}
	.mixItem.mixItem-3 {
	  width: 32.000%;
	}
	.mixItem.mixItem-no-content {
	  margin-bottom: 0px;
	  padding-right: 0px;
	  padding-left: 0px;
	}
	.mixItem.mixItem-2 {
	  width: 50%;
	}

.portfolio-wrapperItem {
    position: relative;
    z-index: 2;
    overflow-x: hidden;
    overflow-y: hidden;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #E2E2E2;
}
	.portfolio-wrapperItem > div {
		width: 100%;
		height: 230px;
		display: block;
		/*text-align: center;
		overflow: hidden;*/
		
		
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	
.portfolio-overlayItem {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    opacity: 0;
    color: white;
    font-size: 18px;
    text-decoration: none;
	transition: opacity 500ms;
	z-index: 0;
}
.portfolio-overlayItem:hover
{
	opacity: 1;
}
.blockInnerLink{
	position: absolute;
	width: 70px;
	height: 30px;
	top: 50%;
	left: 50%;
	z-index: 1;
	
	margin-top: -15px;
	margin-left: -35px;
	opacity: 0;
	transition: opacity 500ms;
}
	.blockInnerLink > a > i{
		line-height: 30px;
		color: #1f3575;
		-webkit-transition: color 300ms ease-out;
		-moz-transition: color 300ms ease-out;
		-ms-transition: color 300ms ease-out;
		-o-transition: color 300ms ease-out;
		transition: color 300ms ease-out;
	}
		.blockInnerLink > a:hover > i{
			color: #333333;
		}
	.portfolio-overlayItem:hover .blockInnerLink{
		opacity: 1;
	}
.linkZoomImg, .linkItem{
	width: 30px; height: 30px;
	display: inline-block;
	background-color: #fff;
	border-radius: 100%;
	float: left;
}
.linkZoomImg{
	margin-right: 10px;
}


.w-inline-blockItem {
    max-width: 100%;
    display: inline-block;
}
.portfolio-text-wrapperItem {
    position: relative;
    bottom: 3px;
    width: 100%;
    padding: 17px 10px 15px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #ebebeb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: white;
    box-shadow: #f2f2f2 0px 2px 0px 0px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #515151;
    text-decoration: none;
}
.titleItem {
    margin-top: 0px;
	margin-bottom: 0px;
    font-family: sans-serif;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 19px;
	height: 41px;
	overflow: hidden;
}
.descriptionItem{
	color: #bababa;
    font-size: 13px;
    line-height: 18px;
    font-style: italic;
	height: 38px;
	overflow: hidden;
}
@media (max-width: 1189px) {
	.mixItem.mixItem-3 {
		width: 31%;
	}
}
@media (max-width: 767px) {
	.mixItem.mixItem-3 {
		width: 47.8%;
	}
	
}
@media (max-width: 479px){
	.mixItem.mixItem-3 {
		width: 100%;
	}
	.portfolio-overlayItem
	{
		opacity: 1;
		background-color: rgba(0, 0, 0, 0.30);
	}
	.blockInnerLink {
		opacity: 1;
	}
}