.elementor-widget ul.page-numbers,
ul.page-numbers {
  display: flex;
  width: 100%;
  list-style: none;
  padding-top: 40px;
  margin-top: 70px;
  justify-content: flex-start; }
  .elementor-widget ul.page-numbers li,
  ul.page-numbers li {
    margin: 0; }
    .elementor-widget ul.page-numbers li .page-numbers,
    ul.page-numbers li .page-numbers {
      display: inline-block;
      padding: 12px 20px;
      text-decoration: none;
      background-color: transparent;
      border: 0;
      font-family: var(--secondary_font_family);
      transition: all 0.3s;
      font-weight: 700;
      line-height: 22px;
      font-size: 16px;
      color: var(--secondary_color); }
      .elementor-widget ul.page-numbers li .page-numbers:hover, .elementor-widget ul.page-numbers li .page-numbers.current,
      ul.page-numbers li .page-numbers:hover,
      ul.page-numbers li .page-numbers.current {
        background-color: var(--primary_color);
        border-color: transparent;
        color: #FFFFFF; }
      .elementor-widget ul.page-numbers li .page-numbers.dots,
      ul.page-numbers li .page-numbers.dots {
        background-color: transparent; }

body.elementor-editor-active .portfolio-masonry-text-inside .portfolio-row,
body.elementor-editor-active .portfolio-masonry-text-outside .portfolio-row {
  min-height: 1200px; }

body .portfolio-masonry-text-inside,
body .portfolio-masonry-text-outside {
  position: relative;
  overflow: hidden; }
  body .portfolio-masonry-text-inside .portfolio-row,
  body .portfolio-masonry-text-outside .portfolio-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0; }
    body .portfolio-masonry-text-inside .portfolio-row .portfolio-item,
    body .portfolio-masonry-text-outside .portfolio-row .portfolio-item {
      padding: 0; }
      body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content,
      body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content {
        position: relative; }
        body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-image,
        body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-image {
          display: block;
          position: relative;
          overflow: hidden; }
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-image img,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-image img {
            display: block;
            transition: all 0.5s; }
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-image a:after,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-image a:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: all 0.5s;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
            visibility: hidden;
            opacity: 0; }
        body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info,
        body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          position: absolute;
          overflow: hidden;
          transition: all 0.5s;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          padding: 30px;
          z-index: 10; }
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info > div,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info > div {
            position: relative;
            width: 100%;
            z-index: 11; }
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-content-link,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-content-link {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            text-decoration: none;
            z-index: 10; }
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms {
            margin: 0 0 auto;
            transition: all 0.5s;
            visibility: hidden;
            opacity: 0; }
            body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms span,
            body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms span {
              display: inline-block;
              margin: 0 5px 10px 0;
              padding: 5px 15px;
              background-color: var(--primary_color);
              font-family: var(--secondary_font_family);
              line-height: 20px;
              font-weight: 500;
              font-size: 14px;
              color: #FFFFFF; }
              body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms span:last-child,
              body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms span:last-child {
                margin-right: 0; }
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-title,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-title {
            opacity: 0;
            visibility: hidden;
            position: relative;
            transition: all 0.5s;
            font-family: var(--secondary_font_family);
            font-weight: 700;
            line-height: 24px;
            font-size: 20px;
            color: #FFFFFF; }
            body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-title a,
            body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-title a {
              color: #FFFFFF; }
              body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-title a:hover,
              body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-title a:hover {
                text-decoration: none; }
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-excerpt,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-excerpt {
            transition: all 0.5s;
            opacity: 0;
            visibility: hidden;
            margin-top: 10px;
            font-family: var(--body_font_family);
            line-height: 26px;
            font-weight: 400;
            font-size: 16px;
            color: #FFFFFF; }
            body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-excerpt p,
            body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-excerpt p {
              margin: 0; }
        body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-image a:after,
        body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-image a:after {
          transition: all 2s;
          visibility: visible;
          opacity: 1; }
        body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-image img,
        body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-image img {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1);
          transition: all 1s; }
        body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-content-info .portfolio-terms,
        body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-content-info .portfolio-title,
        body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-content-info .portfolio-excerpt,
        body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-content-info .portfolio-terms,
        body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-content-info .portfolio-title,
        body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-content-info .portfolio-excerpt {
          opacity: 1;
          visibility: visible;
          transition: all 2s; }
      body .portfolio-masonry-text-inside .portfolio-row .portfolio-item.column-grid-1,
      body .portfolio-masonry-text-outside .portfolio-row .portfolio-item.column-grid-1 {
        width: 100%; }
      body .portfolio-masonry-text-inside .portfolio-row .portfolio-item.column-grid-2,
      body .portfolio-masonry-text-outside .portfolio-row .portfolio-item.column-grid-2 {
        width: 50%; }
        @media (max-width: 767px) {
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item.column-grid-2,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item.column-grid-2 {
            width: 100%; } }
      body .portfolio-masonry-text-inside .portfolio-row .portfolio-item.column-grid-3,
      body .portfolio-masonry-text-outside .portfolio-row .portfolio-item.column-grid-3 {
        width: 33.333333%; }
        @media (max-width: 1024px) {
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item.column-grid-3,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item.column-grid-3 {
            width: 50%; } }
        @media (max-width: 767px) {
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item.column-grid-3,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item.column-grid-3 {
            width: 100%; } }
      body .portfolio-masonry-text-inside .portfolio-row .portfolio-item.column-grid-4,
      body .portfolio-masonry-text-outside .portfolio-row .portfolio-item.column-grid-4 {
        width: 25%; }
        @media (max-width: 1024px) {
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item.column-grid-4,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item.column-grid-4 {
            width: 50%; } }
        @media (max-width: 767px) {
          body .portfolio-masonry-text-inside .portfolio-row .portfolio-item.column-grid-4,
          body .portfolio-masonry-text-outside .portfolio-row .portfolio-item.column-grid-4 {
            width: 100%; } }
      body .portfolio-masonry-text-inside .portfolio-row .portfolio-item:nth-child(2),
      body .portfolio-masonry-text-outside .portfolio-row .portfolio-item:nth-child(2) {
        padding-top: 140px; }

@media (max-width: 1024px) {
  body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-image a:after {
    transition: all 2s;
    visibility: visible;
    opacity: 1; }
  body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms,
  body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-title,
  body .portfolio-masonry-text-inside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-excerpt {
    opacity: 1;
    visibility: visible;
    transition: all 2s; } }

body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-image:before, body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-image:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 2px;
  background-color: #FFFFFF;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: all 0.3s;
  visibility: hidden;
  cursor: pointer;
  opacity: 0;
  z-index: 1; }

body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-image:after {
  height: 72px;
  width: 2px;
  background: #FFFFFF !important; }

body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 30px 0;
  z-index: 10; }
  body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms,
  body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-title,
  body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-excerpt {
    visibility: visible;
    opacity: 1; }
  body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms {
    order: 1; }
    body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms span {
      padding: 0;
      background-color: transparent;
      color: #878995; }
  body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-title {
    order: 0;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 3px; }
    body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-title a {
      color: var(--secondary_variant_color); }
  body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms {
    font-size: 13px;
    line-height: 18px; }
    body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-terms span {
      font-size: 13px;
      line-height: 18px; }
  body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content .portfolio-content-info .portfolio-excerpt {
    order: 2;
    color: var(--secondary_color); }

body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-image:before, body .portfolio-masonry-text-outside .portfolio-row .portfolio-item .portfolio-content:hover .portfolio-image:after {
  opacity: 1;
  visibility: visible; }