.mk-portfolio-item {
  /* Global Styles */
  /*-----*/
  /* FadeBox hover style */
  /* ----- */
  /* Slidebox Hover style */
  /* ----- */
  /* Zooom In hover style */
  /* ----- */
  /* Zoom out Hover style */
  /* ----- */
  /* cube-hover style */
  /* ----- */
  /* Light Zooom In hover style */
  /* ----- */
}
.mk-portfolio-item.one-column {
  width: 100%;
}
.mk-portfolio-item.two-column {
  width: 50%;
}
.mk-portfolio-item.three-column {
  width: 33.3%;
}
.mk-portfolio-item.four-column {
  width: 24.96%;
}
.mk-portfolio-item.five-column {
  width: 20%;
}
.mk-portfolio-item.six-column {
  width: 16.66%;
}
@media handheld, only screen and (max-width: 1140px) {
  .mk-portfolio-item.four-column,
  .mk-portfolio-item.five-column,
  .mk-portfolio-item.six-column {
    width: 33.3% !important;
  }
}
@media handheld, only screen and (max-width: 960px) {
  .mk-portfolio-item.two-column,
  .mk-portfolio-item.three-column,
  .mk-portfolio-item.four-column,
  .mk-portfolio-item.five-column,
  .mk-portfolio-item.six-column {
    width: 49.96% !important;
  }
}
@media handheld, only screen and (max-width: 620px) {
  .mk-portfolio-item.two-column,
  .mk-portfolio-item.three-column,
  .mk-portfolio-item.four-column,
  .mk-portfolio-item.five-column,
  .mk-portfolio-item.six-column {
    width: 100% !important;
  }
}
.mk-portfolio-item .the-title {
  padding: 0 20px;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: bold;
  margin-bottom: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff !important;
}
/*.mk-portfolio-item .the-title a {
  color: #ffffff !important;
}*/
.mk-portfolio-item .portfolio-categories a,
.mk-portfolio-item .portfolio-categories,
.mk-portfolio-item .portfolio-date {
  line-height: 16px;
  font-size: 11px;
  letter-spacing: 1px;
  color: #aaaaaa;
}

/*.mk-portfolio-item .portfolio-categories a,*/
.mk-portfolio-item .portfolio-date a {
  color: #aaaaaa;
}
.mk-portfolio-item .featured-image {
  position: relative;
  overflow: hidden;
  line-height: 4px;
}
.mk-portfolio-item .featured-image img {
  position: relative;
  width: 100%;
}
.mk-portfolio-item .featured-image .hover-overlay {
  background-color: #000000;
  -webkit-transform: translate(0, 80%);
      -ms-transform: translate(0, 80%);
          transform: translate(0, 80%);
  transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
}
.mk-portfolio-item.fadebox-hover .portfolio-meta {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 10px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.mk-portfolio-item.fadebox-hover .portfolio-categories {
  letter-spacing: 1px;
  font-size: 11px;
  padding: 0 20px;
  line-height: 16px;
}
.mk-portfolio-item.fadebox-hover .portfolio-categories span,
.mk-portfolio-item.fadebox-hover .portfolio-date {
  color: #ffffff;
}
.mk-portfolio-item.fadebox-hover .add-gradient {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 75%) !important;
}
.mk-portfolio-item.fadebox-hover .featured-image:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s ease-out 0.1s;
}
.mk-portfolio-item.fadebox-hover .featured-image .icons-holder {
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.mk-portfolio-item.fadebox-hover .featured-image .icons-holder a {
  display: inline-block;
  margin: 0 5px;
  width: 48px;
  height: 48px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  opacity: 0.7;
}
.mk-portfolio-item .icons-holder a svg {
  overflow: visible;
}
.mk-portfolio-item.fadebox-hover .featured-image .icons-holder a svg {
  height: 42px;
  vertical-align: middle;
}
.mk-portfolio-item.fadebox-hover .featured-image .icons-holder a:hover {
  opacity: 1;
}
.mk-portfolio-item.fadebox-hover .featured-image:hover:after ,
.mk-portfolio-item.fadebox-hover .featured-image.hover:after {
  opacity: 1;
}
.mk-portfolio-item.fadebox-hover .featured-image:hover .portfolio-meta ,
.mk-portfolio-item.fadebox-hover .featured-image.hover .portfolio-meta {
  opacity: 1;
  bottom: 30px;
}
.mk-portfolio-item.fadebox-hover .featured-image:hover .portfolio-categories ,
.mk-portfolio-item.fadebox-hover .featured-image.hover .portfolio-categories {
  opacity: 1;
}
.mk-portfolio-item.fadebox-hover .featured-image:hover .hover-overlay ,
.mk-portfolio-item.fadebox-hover .featured-image.hover .hover-overlay {
  opacity: .85;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.mk-portfolio-item.fadebox-hover .featured-image:hover .icons-holder ,
.mk-portfolio-item.fadebox-hover .featured-image.hover .icons-holder {
  opacity: 1;
}
.mk-portfolio-item.slidebox-hover.six-column .portfolio-meta,
.mk-portfolio-item.slidebox-hover.five-column .portfolio-meta {
  padding: 15px 10px 20px;
}
.mk-portfolio-item.slidebox-hover.six-column .icons-holder,
.mk-portfolio-item.slidebox-hover.five-column .icons-holder {
  top: 20%;
}
.mk-portfolio-item.slidebox-hover.four-column .icons-holder {
  top: 25%;
}
.mk-portfolio-item.slidebox-hover .portfolio-meta {
  position: absolute;
  bottom: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  left: 0;
  width: 100%;
  text-align: center;
  padding: 25px 10px 30px;
  transition: all 0.25s ease-out;
  background-color: #1a1a1a;
  min-height: 60px;
}
.mk-portfolio-item.slidebox-hover .icons-holder {
  position: absolute;
  top: 30%;
  left: 50%;
  left: 3px;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.305, 1.42);
  transition-delay: 0.1s;
}
.mk-portfolio-item.slidebox-hover .icons-holder a {
  display: inline-block;
  margin: 0 5px;
  width: 48px;
  height: 48px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  transition: all .25s;
  opacity: 0.7;
  vertical-align: middle;
}
.mk-portfolio-item.slidebox-hover .icons-holder a svg {
  height: 42px;
  vertical-align: middle;
}
.mk-portfolio-item.slidebox-hover .icons-holder a:hover {
  opacity: 1;
}
.mk-portfolio-item.slidebox-hover .featured-image {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.mk-portfolio-item.slidebox-hover .featured-image img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
  position: relative;
  transition: all 0.35s ease-out;
}
.mk-portfolio-item.slidebox-hover .image-hover-overlay {
  background-color: #000000 !important;
}
.mk-portfolio-item.slidebox-hover .featured-image:hover .portfolio-meta ,
.mk-portfolio-item.slidebox-hover .featured-image.hover .portfolio-meta {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.mk-portfolio-item.slidebox-hover .featured-image:hover .image-hover-overlay ,
.mk-portfolio-item.slidebox-hover .featured-image.hover .image-hover-overlay {
  opacity: .4;
}
.mk-portfolio-item.slidebox-hover .featured-image:hover img ,
.mk-portfolio-item.slidebox-hover .featured-image.hover img {
  -webkit-transform: scale(1) translate3d(0, -20px, 0);
          transform: scale(1) translate3d(0, -20px, 0);
}
.mk-portfolio-item.slidebox-hover .featured-image:hover .icons-holder ,
.mk-portfolio-item.slidebox-hover .featured-image.hover .icons-holder {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.mk-portfolio-item.zoomin-hover.six-column .image-hover-overlay:after,
.mk-portfolio-item.zoomin-hover.five-column .image-hover-overlay:after,
.mk-portfolio-item.zoomin-hover.four-column .image-hover-overlay:after,
.mk-portfolio-item.zoomin-hover.three-column .image-hover-overlay:after,
.mk-portfolio-item.zoomin-hover.six-column .image-hover-overlay:before,
.mk-portfolio-item.zoomin-hover.five-column .image-hover-overlay:before,
.mk-portfolio-item.zoomin-hover.four-column .image-hover-overlay:before,
.mk-portfolio-item.zoomin-hover.three-column .image-hover-overlay:before {
  top: 9%;
  left: 8%;
  right: 8%;
  bottom: 9%;
}
.mk-portfolio-item.zoomin-hover .image-hover-overlay:after,
.mk-portfolio-item.zoomin-hover .image-hover-overlay:before {
  position: absolute;
  top: 9%;
  left: 5%;
  right: 5%;
  bottom: 9%;
  content: '';
  opacity: 1;
  display: block;
  transition: all 0.35s ease-out;
}
.mk-portfolio-item.zoomin-hover .image-hover-overlay:before {
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
  -webkit-transform: scaleY(0) !important;
  -ms-transform: scaleY(0) !important;
      transform: scaleY(0) !important;
}
.mk-portfolio-item.zoomin-hover .image-hover-overlay:after {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
      transform-origin: 0 0;
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
      transform: scaleX(0) !important;
}
.mk-portfolio-item.zoomin-hover .portfolio-meta {
  position: absolute;
  bottom: 70%;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mk-portfolio-item.zoomin-hover .icons-holder {
  position: absolute;
  top: 65%;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.mk-portfolio-item.zoomin-hover .icons-holder a {
  display: inline-block;
  margin: 0 5px;
  width: 48px;
  height: 48px;
  line-height: 50px;
  text-align: center;
  opacity: 0.7;
  color: #ffffff;
}
.mk-portfolio-item.zoomin-hover .icons-holder a svg {
  height: 42px;
  vertical-align: middle;
}
.mk-portfolio-item.zoomin-hover .icons-holder a:hover {
  opacity: 1;
}
.mk-portfolio-item.zoomin-hover .portfolio-categories {
  line-height: initial;
}
.mk-portfolio-item.zoomin-hover .portfolio-categories span,
.mk-portfolio-item.zoomin-hover .portfolio-date {
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
}
.mk-portfolio-item.zoomin-hover .featured-image {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mk-portfolio-item.zoomin-hover .featured-image.buttons-disabled:hover .portfolio-meta {
  bottom: 40%;
}
.mk-portfolio-item.zoomin-hover .featured-image img {
  position: relative;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  transition: all 0.35s ease-in-out;
}
.mk-portfolio-item.zoomin-hover .image-hover-overlay {
  background-color: #000000 !important;
}
.mk-portfolio-item.zoomin-hover .featured-image:hover .portfolio-meta ,
.mk-portfolio-item.zoomin-hover .featured-image.hover .portfolio-meta {
  opacity: 1;
  bottom: 60%;
}
.mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay:before ,
.mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay:before {
  -webkit-transform: scaleY(1) !important;
  -ms-transform: scaleY(1) !important;
      transform: scaleY(1) !important;
}
.mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay:after ,
.mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay:after {
  -webkit-transform: scaleX(1) !important;
  -ms-transform: scaleX(1) !important;
      transform: scaleX(1) !important;
}
.mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay ,
.mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay {
  opacity: .5;
}
.mk-portfolio-item.zoomin-hover .featured-image:hover img ,
.mk-portfolio-item.zoomin-hover .featured-image.hover img {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.mk-portfolio-item.zoomin-hover .featured-image:hover .icons-holder ,
.mk-portfolio-item.zoomin-hover .featured-image.hover .icons-holder {
  top: 60%;
  opacity: 1;
}
.mk-portfolio-item.zoomout-hover.three-column .portfolio-meta .the-title,
.mk-portfolio-item.zoomout-hover.five-column .portfolio-meta .the-title,
.mk-portfolio-item.zoomout-hover.four-column .portfolio-meta .the-title,
.mk-portfolio-item.zoomout-hover.six-column .portfolio-meta .the-title {
  font-size: 12px !important;
}
.mk-portfolio-item.zoomout-hover.three-column .icons-holder,
.mk-portfolio-item.zoomout-hover.five-column .icons-holder,
.mk-portfolio-item.zoomout-hover.four-column .icons-holder,
.mk-portfolio-item.zoomout-hover.six-column .icons-holder {
  position: absolute;
  bottom: 15px;
  right: 20px;
}
.mk-portfolio-item.zoomout-hover.three-column .icons-holder a,
.mk-portfolio-item.zoomout-hover.five-column .icons-holder a,
.mk-portfolio-item.zoomout-hover.four-column .icons-holder a,
.mk-portfolio-item.zoomout-hover.six-column .icons-holder a {
  margin: 0 3px;
}
.mk-portfolio-item.zoomout-hover.three-column .icons-holder a svg,
.mk-portfolio-item.zoomout-hover.five-column .icons-holder a svg,
.mk-portfolio-item.zoomout-hover.four-column .icons-holder a svg,
.mk-portfolio-item.zoomout-hover.six-column .icons-holder a svg {
  height: 24px;
}
.mk-portfolio-item.zoomout-hover .item-holder {
  background-color: #ffffff;
}
.mk-portfolio-item.zoomout-hover .portfolio-meta {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: left;
  opacity: 0;
  box-sizing: border-box;
  padding-right: 70px;
  transition: all 0.2s ease-out;
}
.mk-portfolio-item.zoomout-hover .icons-holder {
  position: absolute;
  bottom: 15px;
  right: 20px;
  margin: 0 0 0 -30px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.mk-portfolio-item.zoomout-hover .icons-holder a {
  display: inline-block;
  margin: 0 6px;
  text-align: center;
  color: #ffffff;
  opacity: 0.7;
}
.mk-portfolio-item.zoomout-hover .icons-holder a svg {
  height: 30px;
}
.mk-portfolio-item.zoomout-hover .icons-holder a:hover {
  opacity: 1;
}
.mk-portfolio-item.zoomout-hover .the-title {
  padding-right: 40px;
  margin-bottom: 3px;
}
.mk-portfolio-item.zoomout-hover .portfolio-categories,
.mk-portfolio-item.zoomout-hover .portfolio-date {
  padding: 4px 0 0 20px;
}
.mk-portfolio-item.zoomout-hover .featured-image img {
  position: relative;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.mk-portfolio-item.zoomout-hover .image-hover-overlay {
  background-color: #000000 !important;
  opacity: 1 !important;
  transition: all 0.3s ease-in-out;
}
.mk-portfolio-item.zoomout-hover .featured-image:hover .image-hover-overlay ,
.mk-portfolio-item.zoomout-hover .featured-image.hover .image-hover-overlay {
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
  opacity: 1 !important;
}
.mk-portfolio-item.zoomout-hover .featured-image:hover .portfolio-meta ,
.mk-portfolio-item.zoomout-hover .featured-image.hover .portfolio-meta {
  opacity: 1;
  -webkit-transform: translate(0, -10px);
      -ms-transform: translate(0, -10px);
          transform: translate(0, -10px);
}
.mk-portfolio-item.zoomout-hover .featured-image:hover img ,
.mk-portfolio-item.zoomout-hover .featured-image.hover img {
  -webkit-transform: scale(0.5) translate(0, -30%);
      -ms-transform: scale(0.5) translate(0, -30%);
          transform: scale(0.5) translate(0, -30%);
}
.mk-portfolio-item.zoomout-hover .featured-image:hover .icons-holder ,
.mk-portfolio-item.zoomout-hover .featured-image.hover .icons-holder {
  opacity: 1;
  -webkit-transform: translate(0, -10px);
      -ms-transform: translate(0, -10px);
          transform: translate(0, -10px);
}
.mk-portfolio-item.cube-hover.five-column .portfolio-meta,
.mk-portfolio-item.cube-hover.four-column .portfolio-meta,
.mk-portfolio-item.cube-hover.six-column .portfolio-meta {
  padding: 19px 10px;
}
.mk-portfolio-item.cube-hover.five-column .portfolio-meta .the-title,
.mk-portfolio-item.cube-hover.four-column .portfolio-meta .the-title,
.mk-portfolio-item.cube-hover.six-column .portfolio-meta .the-title {
  padding: 0 10px;
  text-align: left;
  font-size: 12px !important;
}
.mk-portfolio-item.cube-hover.five-column .portfolio-meta .portfolio-categories,
.mk-portfolio-item.cube-hover.four-column .portfolio-meta .portfolio-categories,
.mk-portfolio-item.cube-hover.six-column .portfolio-meta .portfolio-categories,
.mk-portfolio-item.cube-hover.five-column .portfolio-meta .portfolio-date,
.mk-portfolio-item.cube-hover.four-column .portfolio-meta .portfolio-date,
.mk-portfolio-item.cube-hover.six-column .portfolio-meta .portfolio-date {
  font-size: 10px;
  letter-spacing: 0;
  padding: 4px 0 0 10px;
  line-height: 16px;
}
.mk-portfolio-item.cube-hover.five-column .icons-holder,
.mk-portfolio-item.cube-hover.four-column .icons-holder,
.mk-portfolio-item.cube-hover.six-column .icons-holder {
  bottom: 15px;
  transition: all 0.2s ease-in-out;
}
.mk-portfolio-item.cube-hover.five-column .icons-holder a,
.mk-portfolio-item.cube-hover.four-column .icons-holder a,
.mk-portfolio-item.cube-hover.six-column .icons-holder a {
  margin: 0 5px;
}
.mk-portfolio-item.cube-hover.five-column .icons-holder a svg,
.mk-portfolio-item.cube-hover.four-column .icons-holder a svg,
.mk-portfolio-item.cube-hover.six-column .icons-holder a svg {
  height: 24px;
}
.mk-portfolio-item.cube-hover .item-holder {
  background-color: #000000;
  -webkit-perspective: 600px;
  perspective: 600px;
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.mk-portfolio-item.cube-hover .portfolio-meta {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  padding: 42px 10px;
  text-align: left;
  opacity: 0.8;
  background: #000000;
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
  transition: all 0.35s ease-out;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  z-index: 12;
}
.mk-portfolio-item.cube-hover .the-title {
  padding: 0 30px;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 20px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mk-portfolio-item.cube-hover .icons-holder {
  position: absolute;
  bottom: 30px;
  width: 50%;
  text-align: center;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.mk-portfolio-item.cube-hover .icons-holder a {
  display: inline-block;
  margin: 0 5px;
  text-align: center;
  color: #ffffff;
  opacity: 0.7;
}
.mk-portfolio-item.cube-hover .icons-holder a svg {
  height: 32px;
}
.mk-portfolio-item.cube-hover .icons-holder a:hover {
  opacity: 1;
}
.mk-portfolio-item.cube-hover .portfolio-categories,
.mk-portfolio-item.cube-hover .portfolio-date {
  color: #ffffff;
  opacity: 0.7;
  line-height: 16px;
  font-size: 11px;
  letter-spacing: 1px;
  padding: 4px 0 0 30px;
}
.mk-portfolio-item.cube-hover .featured-image {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.mk-portfolio-item.cube-hover .featured-image.buttons-disabled .portfolio-meta:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.mk-portfolio-item.cube-hover .featured-image.buttons-disabled .portfolio-meta .add-middle-align {
  display: inline-block;
  vertical-align: middle;
  width: 99%;
}
.mk-portfolio-item.cube-hover .featured-image img {
  position: relative;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.mk-portfolio-item.cube-hover .image-hover-overlay {
  background-color: #000000 !important;
  opacity: 1 !important;
  transition: all 0.35s ease-out;
}
.mk-portfolio-item.cube-hover .featured-image:hover .portfolio-meta ,
.mk-portfolio-item.cube-hover .featured-image.hover .portfolio-meta {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.mk-portfolio-item.cube-hover .featured-image:hover img ,
.mk-portfolio-item.cube-hover .featured-image.hover img {
  -webkit-transform: translate(20%, 0);
      -ms-transform: translate(20%, 0);
          transform: translate(20%, 0);
}
.mk-portfolio-item.cube-hover .featured-image:hover .icons-holder ,
.mk-portfolio-item.cube-hover .featured-image.hover .icons-holder {
  opacity: 1;
  -webkit-transform: translate(0, -10px);
      -ms-transform: translate(0, -10px);
          transform: translate(0, -10px);
}
.mk-portfolio-item.light-zoomin-hover.five-column .portfolio-meta .the-title,
.mk-portfolio-item.light-zoomin-hover.four-column .portfolio-meta .the-title,
.mk-portfolio-item.light-zoomin-hover.six-column .portfolio-meta .the-title {
  font-size: 12px !important;
}
.mk-portfolio-item.light-zoomin-hover .image-hover-overlay:after,
.mk-portfolio-item.light-zoomin-hover .image-hover-overlay:before {
  position: absolute;
  top: 9%;
  left: 5%;
  right: 5%;
  bottom: 9%;
  content: '';
  opacity: 1;
  display: block;
  transition: all 0.35s ease-out;
}
.mk-portfolio-item.light-zoomin-hover .portfolio-meta,
.style-modern .mk-portfolio-item.light-zoomin-hover .portfolio-meta {
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mk-portfolio-item.light-zoomin-hover .portfolio-meta .the-title {
  padding: 0 20px 8px 20px;
  position: relative;
  margin-bottom: 30px;
}
.mk-portfolio-item.light-zoomin-hover .portfolio-meta .the-title a {
  color: #333333 !important;
}
.mk-portfolio-item.light-zoomin-hover .the-title:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  height: 2px;
  width: 12px;
  background-color: #000000;
}
.mk-portfolio-item.light-zoomin-hover .icons-holder,
.style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder {
  position: absolute;
  top: 65%;
  left: 3px;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mk-portfolio-item.light-zoomin-hover .icons-holder a,
.style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a {
  display: inline-block;
  margin: 0 3px;
  width: 48px;
  height: 48px;
  line-height: 50px;
  text-align: center;
  border: none;
  color: #000000;
  opacity: 0.5;
}
.style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a {
  color: #ffffff;
}
.mk-portfolio-item.light-zoomin-hover .icons-holder a svg,
.style-modern  .mk-portfolio-item.light-zoomin-hover .icons-holder a svg {
  height: 42px;
  vertical-align: middle;
}
.mk-portfolio-item.light-zoomin-hover .icons-holder a:hover,
.style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a:hover {
  opacity: 1;
}
.mk-portfolio-item.light-zoomin-hover .portfolio-categories,
.mk-portfolio-item.light-zoomin-hover .portfolio-date {
  color: #555555;
}
.mk-portfolio-item.light-zoomin-hover .portfolio-categories a,
.mk-portfolio-item.light-zoomin-hover .portfolio-date a {
  color: #555555;
}
.mk-portfolio-item.light-zoomin-hover .featured-image {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.mk-portfolio-item.light-zoomin-hover .featured-image.buttons-disabled .portfolio-meta {
  bottom: 40%;
}
.mk-portfolio-item.light-zoomin-hover .featured-image img {
  position: relative;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  transition: all 0.35s ease-in-out;
}
.mk-portfolio-item.light-zoomin-hover .image-hover-overlay {
  background-color: #ffffff !important;
}
.mk-portfolio-item.light-zoomin-hover .featured-image:hover .portfolio-meta ,
.mk-portfolio-item.light-zoomin-hover .featured-image.hover .portfolio-meta {
  opacity: 1;
}
.mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay:before ,
.mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay:before {
  -webkit-transform: scaleY(1) !important;
  -ms-transform: scaleY(1) !important;
      transform: scaleY(1) !important;
}
.mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay:after ,
.mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay:after {
  -webkit-transform: scaleX(1) !important;
  -ms-transform: scaleX(1) !important;
      transform: scaleX(1) !important;
}
.mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay ,
.mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay {
  opacity: .8;
}
.mk-portfolio-item.light-zoomin-hover .featured-image:hover img ,
.mk-portfolio-item.light-zoomin-hover .featured-image.hover img {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.mk-portfolio-item.light-zoomin-hover .featured-image:hover .icons-holder ,
.mk-portfolio-item.light-zoomin-hover .featured-image.hover .icons-holder {
  opacity: 1;
}