/* PORTFOLIO FILTERS */
.filters-cont {
	min-height: 50px;
	text-align: center;
	background: #2F3640;
}

.filters-cont ul#filters li {
	padding-top: 15px;
	display: inline-block;
	text-transform: uppercase;
	margin: 0 10px;
	
}

.filters-cont ul#filters li a {
	color: #ffffff;
}


/* PORTFOLIO */
.portfolio {
	
}

.portfolio article.col-4 {
	display: block;
	position: relative;
}

.portfolio article.col-4 .workInner {
	display: block;
	position: relative;
	height: calc(33.333vh - 60.667px);
	overflow: hidden;
	
}

.portfolio article.col-4 .workInner a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
}

.portfolio article.col-4 .workInner .workInnerImage {
	background-size: cover;
	background-position: center center;
	cursor: pointer;
	color: #ffffff;
	transform: scale(1.05);
	transition: .3s ease;
	height: 100%;
}

.portfolio article.col-4 .workInner:hover .workInnerImage {
	transform: scale(1);
}

.portfolio article.col-4 .workInner .workInnerOverlay,
.portfolio article.col-4 .workInner .workInnerOverlayBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .3s ease;
	z-index: 10;
}

.portfolio article.col-4 .workInner .workInnerOverlayBg {
	background: rgba(47,54,64, 1);
	z-index: 5;
}

.portfolio article.col-4 .workInner:hover .workInnerOverlayBg {
	opacity: .85;
}

.portfolio article.col-4 .workInner:hover .workInnerOverlay {
	opacity: 1;
}

.portfolio article.col-4 .workInner .workInnerOverlay .workInnerContent {
	position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.portfolio article.col-4 .workInner .workInnerOverlay .workInnerContent .center{
	position: relative;
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    padding: 0px 16px;
}

.portfolio article.col-4 .workInner .workInnerOverlay .workInnerContent .center .plus{
	color: #ffffff;
	font-size: 60px;
}

.portfolio article.col-4 .workInner .workInnerOverlay .workInnerContent .title{
	position: absolute;
    display: block;
    left: 20px;
    bottom: 10px;
    color: #ffffff;
}
.portfolio article.col-4 .workInner .workInnerOverlay .workInnerContent .category{
	position: absolute;
    display: block;
    right: 20px;
    bottom: 10px;
    color: #ffffff;
}

/**** Isotope Filtering ****/
 
.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
/**** Isotope CSS3 transitions ****/
 
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
 
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
 
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
 
/**** disabling Isotope CSS3 transitions ****/
 
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}





/* Desktops */
@media only screen and (max-width: 1200px) {
	
}


/* Small Devices, Tablets */
@media only screen and (max-width: 960px) {
	}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width: 760px) {
	.filters-cont {
		height: auto;
		padding-bottom: 15px;
	}	
}