@charset 'utf-8';

/* container */
.container {
	position: relative; margin: 0 auto; 
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* tab_menu
* * * * * * * * * * * * * * * * * * */
.tab_menu { position:relative; padding:0 10px; margin-bottom:10px; }
#filters { position:relative; list-style:none; overflow:hidden; }
#filters:after { position:absolute; left:0; bottom:0; right:0; display:block; clear:both; width:100%; height:1px; background-color:#333; content:""; }
#filters li { position:relative; float:left; z-index:9; font-size:12px; line-height:1.35em; margin-right:5px; }
#filters li span { display: block; padding:7px 20px; text-decoration:none; color:#fff; cursor: pointer; border:1px solid #333; background-color:#000; }
#filters li span:hover { color:#999; } 
#filters li:last-child span { border-right:1px solid #333; } 
#filters li span.active { background-color: #e95a44; background-color:#161616; color:#fff; border-bottom:1px solid #161616; }
  
/* portfoliolist
* * * * * * * * * * * * * * * * * * */
#portfoliolist { }
#portfoliolist:after{ display:block; clear:both; height:0; content:""; }
#portfoliolist .portfolio {
	display:none; float:left; overflow:hidden;
	width:320px; padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing:border-box;
}

.portfolio-wrapper { overflow:hidden; position: relative !important; background-color:#000; cursor:pointer; }
.portfolio img {
	position: relative; top:0; max-width:100%;
	-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio .label {
	/* position: absolute; width: 100%; height:50px; bottom:-50px; */
	-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* .portfolio .label-bg { position: absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(233,90,68,1); background-color:rgba(24,148,243,1); } */
.portfolio .label-text { display:block; color:#fff; position:relative; z-index:500; height:100px; /* padding:5px 8px; */ }
.portfolio .label-text .item_title { display:block; border-bottom:1px solid #2d2d2d; padding:10px; }
.portfolio .label-text .item_title:hover { color:#aaa; }
.portfolio .label-text .item_info { padding:10px; }
.portfolio .label-text .item_info dl { width:100%; overflow:hidden; }
.portfolio .label-text .item_info dl dt,
.portfolio .label-text .item_info dl dd { font-size:10px; line-height:1.35em; color:#999; }
.portfolio .label-text .item_info dl dt { float:left; }
.portfolio .label-text .item_info dl dd { margin-left:50px; }
.portfolio .label-text .item_info dl dd span { color:#fff; }
/*
.portfolio .text-category { display:block; font-size:9px; }
.portfolio:hover .label { bottom:0; }
.portfolio:hover img { top:-30px; }
*/

/* #Clearing */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after,
.clearfix:after { clear: both; }
.row,
.clearfix { zoom: 1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }