/* MIXTITUP PORTFOLIO */
.portfoliowrap	{ overflow:visible;position:relative; margin-left: 0; }
.portfolio { overflow:visible !important; position:relative; margin-left: -5px; margin-bottom: -5px; margin-top: -5px; }
.portfolio img{ border:solid 4px #ffffff; vertical-align:top; width:100%; max-width:none !important; height:auto; display:block;}
.threecol .entry{ width:33%; float:left;overflow:visible;position:relative;}
.fourcol .entry	{ width:24.9%; float:left;overflow:visible;position:relative; }
.fivecol .entry	{ width:20%; float:left;overflow:visible;position:relative; }

.zoomicon{background:#ffffff; opacity:0; width:41px; height:41px; line-height:41px; margin:0 auto; font-size:20px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-align:center;transition:all ease 1s; -webkit-transition:all ease 1s; -o-transition:all ease 1s; -ms-transition:all ease 1s; -moz-transition:all ease 1s; -moz-transition:all ease 1s;}

.holderwrap:hover .zoomicon{ opacity:1}


ul.portfoliofilter { margin:50px 0 30px 0; padding: 0; width: 100%; text-align: center}
ul.portfoliofilter li { display: inline-block; margin-right: 10px; margin-bottom: 10px; }
ul.portfoliofilter li a {  text-transform: none;font-weight: 400; font-size: 14px; line-height: 30px; color: #555; text-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding:10px; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; text-transform:uppercase; border:1px solid #111;}
ul.portfoliofilter li:hover a,
ul.portfoliofilter li a:hover	 {  color: #fff}
ul.portfoliofilter li a.selected {  color: #ef2e2e;  }

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }


.holderwrap{position:relative; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; margin:5px; background-color:#ef2e2e;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px; overflow:hidden}

.portfolio.isotope h6{text-align:center;  width:100%; text-transform:uppercase; padding:12px 0 0 0; margin:0 0 30px 0; font-weight:600;}

.holderwrap:hover img{opacity:0.1;}
.holderwrap figure{overflow:hidden;margin:0;max-height:100%;width:100%;text-align:center;cursor:pointer}

.holderwrap figure figcaption{padding:0;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.footer .zoomicon{ display:none;}


/* Shine */
.holderwrap figure {
	position: relative;
}
.holderwrap figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.holderwrap figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}