<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 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	{ 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; }




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;}
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:10px; background-color:#ef2e2e; }
.holderwrap h5{ display:none; text-align:center; position:absolute; width:100%; top:45%; color:#fff; text-transform:uppercase; padding-bottom:10px; font-size:18px; font-weight:600;}
.holderwrap:hover h5{ display:block;}
.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}



/* 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%;
	}
}</pre></body></html>