/* MIXTITUP PORTFOLIO */

.portfoliowrap	{ overflow:visible;position:relative; margin-left: 0; }
.portfolio		{ overflow:visible !important; position:relative; margin-top:40px;}
.portfolio img	{ width:100%; max-width:none !important; height:auto; display:block;}
.threecol .entry	{ width:393px; float:left;overflow:visible;position:relative; }
.fourcol .entry	{ width:25%; float:left;overflow:visible;position:relative; }
.fivecol .entry	{ width:275px; float:left;overflow:visible;position:relative; }

.portfolios ul { margin:0 0 4% 0; text-align:center;}
.portfolios ul li { list-style:none; padding:10px 20px; background-color:#1d2a2c; color:#ffffff; font:400 14px 'Roboto'; text-transform:uppercase; margin:0 5px; cursor:pointer; display:inline-block;}
.portfolios ul li.active { background-color:#e7c52f; color:#1d2a2c;}

.isotope-item { z-index:2; }
.isotope-hidden.isotope-item { pointer-events:none; z-index:1; }
.isotope,
.mix { -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; margin-top:40px; }
.mix{ -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; transition-property:transform, opacity; }

.controls {display:inline-block; width:180px; margin:0 0 30px; vertical-align:top; }
.controls li { margin-left:20px; cursor:pointer; list-style-type:square; }
.controls li.active { font-weight:700; }
#mixitup { width:auto; text-align:justify; font-size:0.1px; }
#mixitup .mix { display:none; opacity:0; width:31%; margin:0 13px 25px 13px; vertical-align:top; font-size:30px; text-align:center; -webkit-transition:ease; /* Safari */ transition:ease; }
#mixitup .mix img{ display:block; width:100%; height:auto;}