/* ==================================================
   Add your own style here. This file will overide properties described in any other css file.
================================================== */


/* ---- 15.1 Full Width - Columns ---- */
.portfolio-columns-fw, .portfolio-columns-boxed {
overflow:hidden;
}

.portfolio-columns-fw .portfolio-item, .portfolio-columns-boxed .portfolio-item {
  padding-left: 0;
  padding-right: 0;
}

.portfolio-columns-fw .portfolio-item figure, .portfolio-columns-boxed .portfolio-item figure {
  display: block;
  position: relative;
  width: 100%;
  background: gray;
  overflow: hidden;
  float: left;
}

.portfolio-columns-fw .portfolio-item figure img, .portfolio-columns-boxed .portfolio-item figure img {
  max-width: 100%;
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.portfolio-columns-fw .portfolio-item figure figcaption, .portfolio-columns-boxed .portfolio-item figure figcaption {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.8);
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s;
}

.portfolio-columns-fw .portfolio-item figure figcaption .p-content, .portfolio-columns-boxed .portfolio-item figure figcaption .p-content {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 25px;
  -webkit-transition: bottom 0.5s;
          transition: bottom 0.5s;
}