/*=====================*/
/* CUBIC BEZIER CURVES */
/*=====================*/
/*-----------------------------------------------------------------
13.2 COMMON PORTFOLIO GRID STYLES
-------------------------------------------------------------------*/
.portfolio-entry .wtbx-rollhover-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.portfolio-entry .post-like {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10; }
  .portfolio-entry .post-like a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: transparent !important;
    background-color: transparent;
    text-shadow: none;
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .portfolio-entry .post-like a:hover {
      opacity: 1;
      border-color: rgba(255, 255, 255, 0.1) !important; }
    .portfolio-entry .post-like a i {
      display: block;
      font-size: 16px;
      line-height: 26px;
      -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      color: #fff; }
    .portfolio-entry .post-like a span {
      height: 28px;
      line-height: 26px;
      font-size: 10px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      opacity: 0;
      color: #fff;
      -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .portfolio-entry .post-like a:hover i {
      -moz-transform: scale(0.5);
      -o-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -webkit-transform: scale(0.5);
      -webkit-transform: -webkit-scale(0.5);
      transform: scale(0.5);
      opacity: 0; }
    .portfolio-entry .post-like a:hover span {
      opacity: 1; }
    .portfolio-entry .post-like a.loading {
      pointer-events: none; }
      .portfolio-entry .post-like a.loading i {
        opacity: 1;
        -o-animation: pulse 0.7s infinite;
        -moz-animation: pulse 0.7s infinite;
        -webkit-animation: pulse 0.7s infinite;
        animation: pulse 0.7s infinite; }
      .portfolio-entry .post-like a.loading span {
        opacity: 0; }
      .portfolio-entry .post-like a.loading i {
        -moz-transform: scale3d(1.1, 1.1, 1);
        -o-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1); }

.portfolio-entry .portfolio-entry-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.portfolio-entry.hover .portfolio-overlay-idle {
  opacity: 0;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
  -ms-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
  -o-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
  transition: opacity 0.3s ease-in, visibility 0s 0.3s; }
  .portfolio-entry.hover .portfolio-overlay-idle .portfolio-overlay-meta_centered,
  .portfolio-entry.hover .portfolio-overlay-idle .portfolio-overlay-meta_aligned-inner {
    -moz-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    -webkit-transform: -webkit-translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

.portfolio-entry.hover .portfolio-overlay-hover {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-out, visibility 0s 0s;
  -moz-transition: opacity 0.3s ease-out, visibility 0s 0s;
  -ms-transition: opacity 0.3s ease-out, visibility 0s 0s;
  -o-transition: opacity 0.3s ease-out, visibility 0s 0s;
  transition: opacity 0.3s ease-out, visibility 0s 0s; }
  .portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_centered,
  .portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_aligned-inner {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform: -webkit-translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_middle-inner {
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -webkit-transform: -webkit-scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  .portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_middle_inside {
    -moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); }
    .portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_middle_inside .portfolio-overlay-meta_middle_inside-inner {
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -webkit-transform: scale3d(1, 1, 1);
      -webkit-transform: -webkit-scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
  .portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_boxed-inner {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform: -webkit-translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }
  .portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-border:before {
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -webkit-transform: -webkit-scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    box-shadow: inset 0 0 0 6px white; }

.portfolio-entry .portfolio-overlay-idle {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: -webkit-translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.portfolio-entry .portfolio-overlay-hover {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: -webkit-translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
  -ms-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
  -o-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
  transition: opacity 0.3s ease-in, visibility 0s 0.3s; }
  .portfolio-entry .portfolio-overlay-hover .portfolio-overlay-meta_centered,
  .portfolio-entry .portfolio-overlay-hover .portfolio-overlay-meta_aligned-inner {
    -moz-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    -webkit-transform: -webkit-translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

.portfolio-entry .portfolio-overlay-empty,
.portfolio-entry .portfolio-overlay-color,
.portfolio-entry .portfolio-overlay-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .portfolio-entry .portfolio-overlay-empty .portfolio-icon,
  .portfolio-entry .portfolio-overlay-color .portfolio-icon,
  .portfolio-entry .portfolio-overlay-icon .portfolio-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    box-shadow: 0 8px 40px -6px rgba(9, 31, 67, 0.2);
    color: #fff;
    text-align: center;
    -moz-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    -o-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    -ms-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    -webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .portfolio-entry .portfolio-overlay-empty:hover .portfolio-icon, .portfolio-entry .portfolio-overlay-empty.hover .portfolio-icon,
  .portfolio-entry .portfolio-overlay-color:hover .portfolio-icon,
  .portfolio-entry .portfolio-overlay-color.hover .portfolio-icon,
  .portfolio-entry .portfolio-overlay-icon:hover .portfolio-icon,
  .portfolio-entry .portfolio-overlay-icon.hover .portfolio-icon {
    -moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); }
  .portfolio-entry .portfolio-overlay-empty .portfolio-icon-plus:before, .portfolio-entry .portfolio-overlay-empty .portfolio-icon-plus:after,
  .portfolio-entry .portfolio-overlay-color .portfolio-icon-plus:before,
  .portfolio-entry .portfolio-overlay-color .portfolio-icon-plus:after,
  .portfolio-entry .portfolio-overlay-icon .portfolio-icon-plus:before,
  .portfolio-entry .portfolio-overlay-icon .portfolio-icon-plus:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: -webkit-translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background-color: #fff;
    border-radius: 2px; }
  .portfolio-entry .portfolio-overlay-empty .portfolio-icon-plus:before,
  .portfolio-entry .portfolio-overlay-color .portfolio-icon-plus:before,
  .portfolio-entry .portfolio-overlay-icon .portfolio-icon-plus:before {
    width: 2px;
    height: 12px; }
  .portfolio-entry .portfolio-overlay-empty .portfolio-icon-plus:after,
  .portfolio-entry .portfolio-overlay-color .portfolio-icon-plus:after,
  .portfolio-entry .portfolio-overlay-icon .portfolio-icon-plus:after {
    width: 12px;
    height: 2px; }

.portfolio-entry .portfolio-overlay-empty .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-color .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-icon .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_middle .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_border .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_centered .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-overlay-trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer; }

.portfolio-entry .portfolio-overlay-empty i {
  display: none; }

.portfolio-entry .portfolio-overlay-icon .portfolio-overlay-link a * {
  display: none; }

.portfolio-entry .portfolio-overlay-icon .fa-play {
  padding-left: .2em; }

.portfolio-entry .portfolio-overlay-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .portfolio-entry .portfolio-overlay-color i {
    display: none; }

.portfolio-entry .meta-link {
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .portfolio-entry .meta-link:hover {
    opacity: .7; }

.portfolio-entry .portfolio-overlay-meta_centered,
.portfolio-entry .portfolio-overlay-meta_middle,
.portfolio-entry .portfolio-overlay-meta_middle_inside,
.portfolio-entry .portfolio-overlay-meta_boxed,
.portfolio-entry .portfolio-overlay-meta_border {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%; }
  .portfolio-entry .portfolio-overlay-meta_centered i,
  .portfolio-entry .portfolio-overlay-meta_middle i,
  .portfolio-entry .portfolio-overlay-meta_middle_inside i,
  .portfolio-entry .portfolio-overlay-meta_boxed i,
  .portfolio-entry .portfolio-overlay-meta_border i {
    display: none; }
  .portfolio-entry .portfolio-overlay-meta_centered .portfolio-meta-primary,
  .portfolio-entry .portfolio-overlay-meta_middle .portfolio-meta-primary,
  .portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-meta-primary,
  .portfolio-entry .portfolio-overlay-meta_boxed .portfolio-meta-primary,
  .portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-primary {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    margin: 0;
    text-align: center; }
    .portfolio-entry .portfolio-overlay-meta_centered .portfolio-meta-primary *,
    .portfolio-entry .portfolio-overlay-meta_middle .portfolio-meta-primary *,
    .portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-meta-primary *,
    .portfolio-entry .portfolio-overlay-meta_boxed .portfolio-meta-primary *,
    .portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-primary * {
      color: #fff; }
    .portfolio-entry .portfolio-overlay-meta_centered .portfolio-meta-primary + .portfolio-meta-secondary,
    .portfolio-entry .portfolio-overlay-meta_middle .portfolio-meta-primary + .portfolio-meta-secondary,
    .portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-meta-primary + .portfolio-meta-secondary,
    .portfolio-entry .portfolio-overlay-meta_boxed .portfolio-meta-primary + .portfolio-meta-secondary,
    .portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-primary + .portfolio-meta-secondary {
      margin-top: .5em; }
  .portfolio-entry .portfolio-overlay-meta_centered .portfolio-meta-secondary,
  .portfolio-entry .portfolio-overlay-meta_middle .portfolio-meta-secondary,
  .portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-meta-secondary,
  .portfolio-entry .portfolio-overlay-meta_boxed .portfolio-meta-secondary,
  .portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-secondary {
    font-size: .75em;
    font-weight: 600;
    line-height: 1.25;
    color: #fff;
    text-align: center;
    opacity: .8;
    display: inline-block;
    border-radius: .875em;
    background-color: rgba(255, 255, 255, 0.2);
    padding: .5em 1em;
    margin: 0 auto; }
    .portfolio-entry .portfolio-overlay-meta_centered .portfolio-meta-secondary *,
    .portfolio-entry .portfolio-overlay-meta_middle .portfolio-meta-secondary *,
    .portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-meta-secondary *,
    .portfolio-entry .portfolio-overlay-meta_boxed .portfolio-meta-secondary *,
    .portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-secondary * {
      color: #fff; }

.portfolio-entry .portfolio-overlay-meta_centered {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  /* ie10+ */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  /* w3c */ }
  .portfolio-entry .portfolio-overlay-meta_centered .wtbx-rollhover-layer {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto; }
  .portfolio-entry .portfolio-overlay-meta_centered .portfolio-overlay-meta_centered-inner {
    display: table-cell;
    vertical-align: bottom;
    padding: 0 1em 10%; }

.portfolio-entry .portfolio-overlay-meta_middle {
  text-align: center;
  top: 50%;
  bottom: auto;
  height: 100%;
  min-height: 100%;
  width: 100%;
  display: table;
  padding: 0;
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -webkit-transform: -webkit-translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }
  .portfolio-entry .portfolio-overlay-meta_middle .portfolio-overlay-meta_middle-inner {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: table-cell;
    vertical-align: middle; }

.portfolio-entry .portfolio-overlay-meta_middle_inside {
  text-align: center;
  top: 50%;
  left: 50%;
  height: calc(100% - 2em);
  min-height: calc(100% - 2em);
  width: calc(100% - 2em);
  display: table;
  padding: 0;
  -moz-transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
  -o-transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
  -ms-transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
  -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
  -webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
  transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1); }
  .portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-overlay-meta_middle_inside-inner {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: table-cell;
    vertical-align: middle;
    -moz-transform: scale3d(0.8, 0.8, 1);
    -o-transform: scale3d(0.8, 0.8, 1);
    -ms-transform: scale3d(0.8, 0.8, 1);
    -webkit-transform: scale3d(0.8, 0.8, 1);
    -webkit-transform: -webkit-scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry .portfolio-overlay-meta_boxed {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  padding: 0;
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: -webkit-translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }
  .portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner {
    position: absolute;
    top: auto;
    bottom: 2em;
    left: 2em;
    right: auto;
    max-width: calc(100% - 4em);
    padding: 0;
    -moz-transform: translate3d(-1em, 0, 0);
    -o-transform: translate3d(-1em, 0, 0);
    -ms-transform: translate3d(-1em, 0, 0);
    -webkit-transform: translate3d(-1em, 0, 0);
    -webkit-transform: -webkit-translate3d(-1em, 0, 0);
    transform: translate3d(-1em, 0, 0);
    opacity: 0;
    moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
    .portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner .portfolio-meta-primary,
    .portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner .portfolio-meta-secondary {
      color: #fff;
      text-align: left;
      float: left;
      display: inline;
      background-repeat: no-repeat;
      background-size: 50% 100%; }
    .portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner .portfolio-meta-primary {
      font-size: 1.75em;
      font-weight: 700;
      -webkit-transition: background 1s cubic-bezier(0, 0.54, 0, 1);
      -moz-transition: background 1s cubic-bezier(0, 0.54, 0, 1);
      -ms-transition: background 1s cubic-bezier(0, 0.54, 0, 1);
      -o-transition: background 1s cubic-bezier(0, 0.54, 0, 1);
      transition: background 1s cubic-bezier(0, 0.54, 0, 1); }
    .portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner .portfolio-meta-secondary {
      font-size: .875em;
      padding: 0;
      opacity: 1;
      border-radius: 0;
      margin: 0;
      clear: left;
      -webkit-transition: background 0.4s cubic-bezier(0, 0.54, 0, 1);
      -moz-transition: background 0.4s cubic-bezier(0, 0.54, 0, 1);
      -ms-transition: background 0.4s cubic-bezier(0, 0.54, 0, 1);
      -o-transition: background 0.4s cubic-bezier(0, 0.54, 0, 1);
      transition: background 0.4s cubic-bezier(0, 0.54, 0, 1); }

.portfolio-entry.hover .portfolio-overlay-meta_boxed .portfolio-meta-primary,
.portfolio-entry.hover .portfolio-overlay-meta_boxed .portfolio-meta-secondary {
  background-size: 100% 100%; }

.portfolio-entry .portfolio-overlay-meta_border {
  text-align: center;
  top: 50%;
  left: 50%;
  height: 100%;
  min-height: 100%;
  width: 100%;
  padding: 0;
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: -webkit-translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }
  .portfolio-entry .portfolio-overlay-meta_border .portfolio-overlay-meta_border-inner {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -moz-transform: scale3d(0.9, 0.9, 1);
    -o-transform: scale3d(0.9, 0.9, 1);
    -ms-transform: scale3d(0.9, 0.9, 1);
    -webkit-transform: scale3d(0.9, 0.9, 1);
    -webkit-transform: -webkit-scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .portfolio-entry .portfolio-overlay-meta_border .portfolio-overlay-border {
    position: absolute;
    top: 2em;
    bottom: 2em;
    left: 2em;
    right: 2em;
    z-index: -1; }
    .portfolio-entry .portfolio-overlay-meta_border .portfolio-overlay-border:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      -moz-transform: scale3d(1.05, 1.05, 1);
      -o-transform: scale3d(1.05, 1.05, 1);
      -ms-transform: scale3d(1.05, 1.05, 1);
      -webkit-transform: scale3d(1.05, 1.05, 1);
      -webkit-transform: -webkit-scale3d(1.05, 1.05, 1);
      transform: scale3d(1.05, 1.05, 1);
      -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-primary {
    background: none; }
  .portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-secondary {
    border-radius: 0;
    opacity: 1;
    font-size: .875em; }

.portfolio-entry .portfolio-overlay-meta_aligned {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11; }
  .portfolio-entry .portfolio-overlay-meta_aligned .portfolio-overlay-meta_aligned-inner {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    padding: 4em 2em 2em;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .portfolio-entry .portfolio-overlay-meta_aligned .wtbx-rollhover-layer {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto; }
  .portfolio-entry .portfolio-overlay-meta_aligned i {
    display: none; }
  .portfolio-entry .portfolio-overlay-meta_aligned .portfolio-overlay-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20; }
  .portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-block {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(15%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
    /* ie10+ */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* ie6-9 */
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
  .portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-primary {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2;
    text-transform: none;
    color: #fff;
    margin: 0;
    display: inline;
    background-repeat: no-repeat;
    background-size: 85% 0.25em;
    background-position: 0 85%;
    -webkit-transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-primary * {
      color: #fff; }
  .portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-secondary {
    font-size: .875em;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    margin: 0;
    opacity: .7; }
    .portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-secondary * {
      color: #fff; }
  .portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-categories {
    text-align: right; }
    .portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-categories a {
      font-size: .875em;
      color: #fff;
      display: inline-block;
      float: right;
      clear: both;
      padding: 0 .75em;
      line-height: 2em;
      border-radius: 4px;
      margin: 5px 0 0;
      text-transform: uppercase;
      font-weight: 600;
      white-space: nowrap;
      -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry .portfolio-overlay-buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .portfolio-entry .portfolio-overlay-buttons:hover .portfolio-overlay-buttons-inner {
    -moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    -webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); }
  .portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    -o-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    -ms-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    -webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
    max-width: 100%;
    max-height: 100%;
    font-size: 0;
    white-space: nowrap;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a {
      position: relative;
      display: inline-block;
      width: 54px;
      height: 54px;
      line-height: 54px;
      border-radius: 38%;
      font-size: 20px;
      color: #fff;
      text-align: center;
      margin-right: 10px;
      -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      moz-transform-origin: center center;
      -o-transform-origin: center center;
      -ms-transform-origin: center center;
      -webkit-transform-origin: center center;
      transform-origin: center center;
      cursor: pointer; }
      .portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 38%;
        z-index: -1;
        background-color: rgba(0, 0, 0, 0.1);
        /* if backdrop support: very transparent and blurred */
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        -webkit-transform: -webkit-scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        @supports (-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px)) {
          .portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a:before {
            background-color: rgba(0, 0, 0, 0.05);
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px); } }
      .portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a:hover:before {
        background-color: rgba(255, 255, 255, 0.3);
        -moz-transform: scale3d(0.95, 0.95, 1);
        -o-transform: scale3d(0.95, 0.95, 1);
        -ms-transform: scale3d(0.95, 0.95, 1);
        -webkit-transform: scale3d(0.95, 0.95, 1);
        -webkit-transform: -webkit-scale3d(0.95, 0.95, 1);
        transform: scale3d(0.95, 0.95, 1); }
      .portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a:last-child {
        margin-right: 0; }
      .portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a i {
        line-height: 54px; }

.portfolio-entry .wtbx-mouseover-caption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .portfolio-entry .wtbx-mouseover-caption a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .portfolio-entry .wtbx-mouseover-caption i {
    display: none; }

.portfolio-entry.overlay-appear .wtbx-entry-inner .post-like a {
  opacity: 0;
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -webkit-transform: -webkit-scale(0.7);
  transform: scale(0.7); }

.portfolio-entry.overlay-appear .wtbx-entry-inner .portfolio-entry-bg {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
  transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out; }

.portfolio-entry.overlay-appear .wtbx-entry-inner .portfolio-entry-content i {
  opacity: 0;
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -webkit-transform: -webkit-scale(1.5);
  transform: scale(1.5);
  -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-appear .wtbx-entry-inner .portfolio-entry-content .portfolio-meta-primary {
  opacity: 0;
  -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-appear .wtbx-entry-inner .portfolio-entry-content .portfolio-meta-secondary {
  opacity: 0;
  -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .post-like a {
  opacity: 1;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -webkit-transform: -webkit-scale(1);
  transform: scale(1); }

.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .portfolio-entry-bg {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -moz-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -ms-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; }

.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .portfolio-entry-content i {
  opacity: 1;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -webkit-transform: -webkit-scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .portfolio-entry-content .portfolio-meta-primary {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: -webkit-translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .portfolio-entry-content .portfolio-meta-secondary {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: -webkit-translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-disappear .post-like a {
  opacity: .4; }

.portfolio-entry.overlay-disappear .portfolio-entry-bg {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -moz-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -ms-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; }

.portfolio-entry.overlay-disappear .portfolio-entry-content i {
  opacity: 1;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -webkit-transform: -webkit-scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-disappear .portfolio-entry-content .portfolio-meta-primary {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: -webkit-translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-disappear .portfolio-entry-content .portfolio-meta-secondary {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: -webkit-translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-disappear:hover .post-like a {
  opacity: 1; }

.portfolio-entry.overlay-disappear:hover .portfolio-entry-bg {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
  transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out; }

.portfolio-entry.overlay-disappear:hover .portfolio-entry-content i {
  opacity: 0;
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -webkit-transform: -webkit-scale(1.5);
  transform: scale(1.5);
  -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-disappear:hover .portfolio-entry-content .portfolio-meta-primary {
  opacity: 0;
  -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.portfolio-entry.overlay-disappear:hover .portfolio-entry-content .portfolio-meta-secondary {
  opacity: 0;
  -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body.device-mobile .portfolio-entry.force-overlay-mobile .portfolio-entry-overlay .portfolio-entry-bg {
  opacity: 1 !important;
  box-shadow: inset 0 0 50px 20px #000 !important; }

body.device-mobile .portfolio-entry.force-overlay-mobile .portfolio-entry-overlay i, body.device-mobile .portfolio-entry.force-overlay-mobile .portfolio-entry-overlay .portfolio-meta-primary, body.device-mobile .portfolio-entry.force-overlay-mobile .portfolio-entry-overlay .portfolio-meta-secondary {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0) scale(1) !important;
  -o-transform: translate3d(0, 0, 0) scale(1) !important;
  -ms-transform: translate3d(0, 0, 0) scale(1) !important;
  -webkit-transform: translate3d(0, 0, 0) scale(1) !important;
  -webkit-transform: -webkit-translate3d(0, 0, 0) scale(1) !important;
  transform: translate3d(0, 0, 0) scale(1) !important; }