/* MIXTITUP PORTFOLIO */
.portfoliowrap	{ overflow:visible;position:relative; margin-left: 0; margin-bottom:-80px; }
.portfolio		{ overflow:visible !important; position:relative; }
.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; }

.portoolbar ul { text-align:center; margin-bottom:40px; border-bottom:1px solid #eeeeee;}
.portoolbar ul li { position:relative; display:inline-block; font:500 18px 'Philosopher'; color:#031a06; -webkit-transition:all ease .5s; transition:all ease .5s; padding:12px 30px; margin:0 10px; background-color:transparent; list-style:none; cursor:pointer;}
.portoolbar ul li:before { content:''; position:absolute; bottom:-1px; right:0; width:0; border-bottom:1px solid #35ac46; -webkit-transition:all ease .5s; transition:all ease .5s;}
.portoolbar ul li:hover { text-decoration:none; color:#35ac46;}
.portoolbar ul li:hover::before { width:100%; left:0; right:auto;}
.portoolbar ul li.active { color:#35ac46; font-weight:600;}
.portoolbar ul li.active:before { width:100%; left:0; right:auto;}

.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:60px; }
.mix{ -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; }
.holderwrap h5{ display:none; }

.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:center; }
#mixitup .mix { display:none; opacity:0; vertical-align:top; -webkit-transition:ease; transition:ease; margin:0; padding:5px;}
#mixitup .mix img{ display:block; width:100%; height:auto; }

#mixitupgal { width: auto; text-align:center; }
#mixitupgal .mix { display:none; opacity:0; vertical-align:top; -webkit-transition:ease; transition:ease; margin:0; width:25%; padding:5px; }
#mixitupgal .mix img{ display:block; width:100%; height:auto; }