/* ------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;
}