@-webkit-keyframes shine {
  100% {
    left: 125%; } }
.portfolio-details.masonry .light-gallery::before, .portfolio-details.masonry .light-gallery::after {
  content: '';
  display: table;
  clear: both; }
.portfolio-details.masonry .s-back-switch {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center; }
.portfolio-details.masonry .gallery-item-wrap {
  overflow: hidden;
  text-decoration: none;
  position: relative;
  margin: 0 0 30px;
  float: left; }
  .portfolio-details.masonry .gallery-item-wrap.column-4 {
    width: calc(25% - 90px/4); }
  .portfolio-details.masonry .gallery-item-wrap.column-3 {
    width: calc(100%/3 - 20px); }
  .portfolio-details.masonry .gallery-item-wrap.column-6 {
    width: calc(50% - 15px); }
  .portfolio-details.masonry .gallery-item-wrap a {
    position: relative;
    display: block;
    margin-bottom: 0; }
.portfolio-details.masonry .caption {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  pointer-events: none;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 19, 19, 0.6);
  color: var(--light-color);
  font-size: 17px;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: all 450ms ease;
  -moz-transition: all 450ms ease;
  -ms-transition: all 450ms ease;
  -o-transition: all 450ms ease;
  transition: all 450ms ease; }
.portfolio-details.masonry .gallery-item-wrap {
  /*Default*/
  /*Hover 1 - Zoom out*/
  /*Hover 2 - Slide*/
  /*Hover 3 - Rotate (+ zoom out)*/
  /*Hover 4 - Blur*/
  /*Hover 5 - Greyscale*/
  /*Hover 6 - Sepia*/
  /*Hover 7 - Blur + Greyscale*/
  /*Hover 8 - Opacity*/
  /*Hover 9 - Shine*/ }
  .portfolio-details.masonry .gallery-item-wrap .gallery-item {
    -webkit-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -ms-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    transition: all 450ms ease; }
  .portfolio-details.masonry .gallery-item-wrap:not(.default):hover .caption {
    opacity: 1;
    visibility: visible; }
  .portfolio-details.masonry .gallery-item-wrap.default:hover .caption {
    opacity: 1;
    visibility: visible; }
  .portfolio-details.masonry .gallery-item-wrap.hover1 .gallery-item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .portfolio-details.masonry .gallery-item-wrap.hover1:hover .gallery-item {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  .portfolio-details.masonry .gallery-item-wrap.hover2 .gallery-item {
    left: 0;
    width: 120%;
    position: relative;
    max-width: none; }
  .portfolio-details.masonry .gallery-item-wrap.hover2:hover .gallery-item {
    width: 120%;
    left: -7%; }
  .portfolio-details.masonry .gallery-item-wrap.hover3 .gallery-item {
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); }
  .portfolio-details.masonry .gallery-item-wrap.hover3:hover .gallery-item {
    -webkit-transform: rotate(15deg) scale(1.4);
    -ms-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4); }
  .portfolio-details.masonry .gallery-item-wrap.hover4 .gallery-item {
    -webkit-filter: blur(0px);
    filter: blur(0px); }
  .portfolio-details.masonry .gallery-item-wrap.hover4:hover .gallery-item {
    -webkit-filter: blur(3px);
    filter: blur(3px); }
  .portfolio-details.masonry .gallery-item-wrap.hover5 .gallery-item {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%); }
  .portfolio-details.masonry .gallery-item-wrap.hover5:hover .gallery-item {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
  .portfolio-details.masonry .gallery-item-wrap.hover6 .gallery-item {
    -webkit-filter: sepia(0%);
    filter: sepia(0%); }
  .portfolio-details.masonry .gallery-item-wrap.hover6:hover .gallery-item {
    -webkit-filter: sepia(100%);
    filter: sepia(100%); }
  .portfolio-details.masonry .gallery-item-wrap.hover7 .gallery-item {
    -webkit-filter: blur(0px) grayscale(0%);
    filter: blur(0px) grayscale(0%); }
  .portfolio-details.masonry .gallery-item-wrap.hover7:hover .gallery-item {
    -webkit-filter: blur(3px) grayscale(100%);
    filter: blur(3px) grayscale(100%); }
  .portfolio-details.masonry .gallery-item-wrap.hover8 .gallery-item {
    opacity: 1; }
  .portfolio-details.masonry .gallery-item-wrap.hover8:hover .gallery-item {
    opacity: 0.7; }
  .portfolio-details.masonry .gallery-item-wrap.hover9::before {
    content: '';
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .portfolio-details.masonry .gallery-item-wrap.hover9:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }
.portfolio-details.masonry .single-pagination {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-left: -15px;
  width: calc(100% + 30px); }
  .portfolio-details.masonry .single-pagination .pag-next {
    text-align: right; }
  .portfolio-details.masonry .single-pagination .pag-prev,
  .portfolio-details.masonry .single-pagination .pag-next {
    padding: 30px 15px 60px;
    width: 50%; }
    .portfolio-details.masonry .single-pagination .pag-prev div,
    .portfolio-details.masonry .single-pagination .pag-next div {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 700;
      color: var(--main-color);
      letter-spacing: 2px;
      margin-bottom: 5px; }
    .portfolio-details.masonry .single-pagination .pag-prev a,
    .portfolio-details.masonry .single-pagination .pag-next a {
      font-size: 15px;
      text-transform: uppercase;
      font-weight: 700;
      color: var(--dark-color);
      letter-spacing: 2px;
      text-decoration: none; }
      .portfolio-details.masonry .single-pagination .pag-prev a:hover,
      .portfolio-details.masonry .single-pagination .pag-next a:hover {
        color: var(--grey-color);
        opacity: 1; }

@media only screen and (max-width: 991px) {
  .portfolio-details.masonry .gallery-item-wrap.column-3,
  .portfolio-details.masonry .gallery-item-wrap.column-4 {
    width: calc(50% - 15px); } }
@media only screen and (max-width: 600px) {
  .portfolio-details.masonry .single-pagination .pag-prev,
  .portfolio-details.masonry .single-pagination .pag-next {
    padding: 15px 15px 30px; }
    .portfolio-details.masonry .single-pagination .pag-prev a, .portfolio-details.masonry .single-pagination .pag-prev div,
    .portfolio-details.masonry .single-pagination .pag-next a,
    .portfolio-details.masonry .single-pagination .pag-next div {
      letter-spacing: 1px; }
  .portfolio-details.masonry .gallery-item-wrap .caption {
    letter-spacing: 1px; }
  .portfolio-details.masonry .gallery-item-wrap.column-6, .portfolio-details.masonry .gallery-item-wrap.column-4, .portfolio-details.masonry .gallery-item-wrap.column-3 {
    width: 100%;
    margin-bottom: 15px; } }

/*# sourceMappingURL=portfolio-masonry.css.map */