/* ------portfolio------------------------------------------------------------ */ 

.inline-folio-filters {
	background:#f8f8f8;
	margin-bottom:30px;
}

.filter-panel .folio-counter  , .inline-folio-filters .folio-counter{
	float:right;
	height:60px;
	line-height:60px;
	background:#efefef;
	position:relative;
	padding:0 30px;
}
.filter-panel .folio-counter:after , .inline-folio-filters .folio-counter:after {
    content: '';
    position: absolute;
    left: -3px;
    width: 6px;
    height: 36px;
    top: 50%;
    margin-top: -18px;
}
.filter-panel .folio-counter:before , .inline-folio-filters .folio-counter:before {
	content:'';
	position:absolute;
	left:50%;
	height:26px;
	top:50%;
	margin-top:-13px;
	width:1px;
	background:rgba(255,255,255,0.2);
}
.filter-panel .folio-counter div ,   .inline-folio-filters .folio-counter div {
	width:60px;
	color:#666;
}
.fixed-filter-panel_title {
	float:left;
	height:60px;
	line-height:60px;
	padding:0 40px;
	color:#fff;
	text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
}
.fixed-filter-panel_title i {
	margin-left:10px;
}
.grid-item-holder {
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.spad .gallery-item {
	padding: 6px;
}
.min-pad .gallery-item {
	padding: 2px;
}
.hid-port-info .grid-item-holder {
	overflow: hidden;
}
.grid-big-pad .gallery-item {
	padding: 12px;
}
.gallery-item,
.grid-sizer {
	width: 33.3%;
	position: relative;
	float: left;
	overflow: hidden;
}
.gallery-item-second,
.grid-sizer-second {
	width: 66.6%;
}
.four-column .gallery-item {
	width: 25%;
}
.five-column .gallery-item {
	width: 20%;
}
.six-column .gallery-item {
	width: 16.666%;
}
.six-column .gallery-item.gallery-item-second, .five-column .gallery-item.gallery-item-second, .four-column .gallery-item.gallery-item-second , .two-column .gallery-item{
	width: 50%;
}
.gallery-item img,
.grid-sizer img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	background: #f8f8f8;
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.gallery-item:hover img {
	opacity: 0.7;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.grid-det {
	position:absolute;
	left:0;
	bottom:-100%;
	right:0;
	z-index:10;
	overflow:hidden;
	background: rgba(255,255,255,0.9);
	padding:18px 20px;
    transition: all 400ms ease-in-out;
}
.vis-det .grid-det {
	position:relative;
	float:left;
	width:100%;
	bottom:0;
	background:#f1f1f1;
}
.vis-det .gallery-single-item .grid-det{
	position:absolute;
	left:0;
	right:0;
	z-index:10;
	overflow:hidden;
	background: rgba(255,255,255,0.9);
	padding:18px 20px;
    transition: all 400ms ease-in-out;
}
.grid-item-holder:hover .grid-det  {
	bottom:0;
}
.grid-item-holder:hover .grid-det:before {
	content:'';
	position:absolute;
	right:20px;
	top:50%;
	width:30px;
	height:1px;
}
.grid-det-item  , .grid-det_category {
	float:left;
}
.grid-det-item  {
	width:100%;
	margin-top:10px;
	text-align:left;
	color:#222;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:3px;
	text-align:left;
}
.grid-item-holder:hover  .grid-det-item , .grid-item-holder:hover  .grid-det_category{
	opacity:1;
    transition: all 300ms ease-in-out;
	transition-delay: 0.4s;
}
.grid-det_link {
	color:#222;
	display:block;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:3px;
	text-align:left;
	position:relative;
}
.grid-det_link:before {
	content:'';
	position:absolute;
	left:0;
	bottom:-10px;
	width:20px;
	height:1px;
}
.grid-det_link i {
	padding-left:10px;
    transition: all 300ms ease-in-out;
}
.grid-det_link:hover i {
	padding-left:20px;
}
.grid-det_category {
	bottom:inherit;
	top:20px;
}
.grid-det_category a {
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;
	text-align:left;
}
.grid-det_category span {
	float:left;
	margin-right:12px;
	color: #222;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;
	text-align:left;
}
 .box-media-zoom {
	position: absolute;
	top: 0;
	right: -60px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: rgba(245,245,245,0.9);
	z-index: 5;
	transition: all 200ms linear;
	text-align: center;
}
.hov_zoom:hover .box-media-zoom  {
	right: 0;
}
.hov_zoom {
	overflow:hidden;
}
.pr-subtitle {
	font-size:22px;
	text-align:left;
	color:#000;
	font-weight: 800;
	float:left;
	width:100%;
	padding-bottom:20px;
	line-height:34px;
}
.fixed-top-panel {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    background: #f3f3f3;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
}
@media only screen and (max-width: 800px) {

.fixed-filter-panel_title  {
    width: 100% !important;
    text-align: center;
}
.inline-dark-filters {
	margin-left:  5px;
}
.fixed-top-panel {
    line-height: 60px;
}
}

.fixed-top-panel {
line-height: 60px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
}
.inline-dark-filters a {
    margin-left: 15px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 500;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.81);
    letter-spacing: 2px;
    height: 60px;
    line-height: 60px;
}