.page-inner-slider {
  height: 100%;
  width: 100%;
  max-height: 820px;
  margin-top: 0px;
  position: relative; }
  .page-inner-slider .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center top; }

.details-artist {
  width: 100%;
  max-width: 1600px;
  height: 90%;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  position: relative;
  z-index: 100; }
  .details-artist .title-artist {
    font-size: 23px;
    letter-spacing: 4px;
    background-color: #edb4b8;
    color: #fff;
    font-family: 'AvenirLTStd-Light';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 2;
    text-align: center; }
    .details-artist .title-artist .data-artist {
      padding: 25px 50px; }
    .details-artist .title-artist .ja-title {
      font-size: 17px; }
    .details-artist .title-artist.small {
      font-size: 17px;
      letter-spacing: 1px;
      position: fixed;
      right: 0;
      left: auto;
      z-index: 900;
      transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      -o-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      -webkit-transform: translate(0%, -50%); }
      .details-artist .title-artist.small .ja-title {
        font-size: 13px; }
      .details-artist .title-artist.small .data-artist {
        padding: 15px; }
    .details-artist .title-artist:hover {
      right: -10px; }
  .details-artist .image-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden; }
    .details-artist .image-bg img {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -webkit-transform: translate(-50%, 0%); }
  .details-artist .scroll-down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    font-size: 30px;
    z-index: 2; }
    .details-artist .scroll-down.animate i {
      animation: movedown 1.3s infinite; }

.page-inner-container {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  display: table;
  z-index: 2; }
  .page-inner-container .load-productions {
    margin: 0 auto;
    padding: 10px 15px;
    line-height: 50px;
    display: table;
    margin-bottom: 30px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
    .page-inner-container .load-productions span {
      display: none;
      float: left;
      margin-right: 10px; }
      .page-inner-container .load-productions span img {
        height: 50px; }
    .page-inner-container .load-productions.loading span {
      display: block; }
    .page-inner-container .load-productions:hover {
      background-color: #000;
      color: #fff; }
  .page-inner-container .filters-list {
    margin: 0 auto;
    display: table; }
    .page-inner-container .filters-list ul li {
      float: left;
      margin-right: 28px; }
      .page-inner-container .filters-list ul li:last-child {
        margin-right: 0px; }
      .page-inner-container .filters-list ul li a {
        font-size: 12px;
        font-family: 'AvenirLTStd-Heavy';
        color: #ddacb0;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 2px 2px;
        border-bottom: 1px solid transparent; }
        .page-inner-container .filters-list ul li a.active, .page-inner-container .filters-list ul li a:hover {
          border-bottom: 1px solid #ddacb0; }
    .page-inner-container .filters-list.fixed {
      position: fixed;
      right: 40px;
      bottom: 20px;
      transform-origin: right bottom;
      -webkit-transform-origin: right bottom;
      -moz-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
      -o-transform-origin: right bottom;
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      z-index: 891; }
      .page-inner-container .filters-list.fixed ul li {
        margin-right: 14px; }
        .page-inner-container .filters-list.fixed ul li a {
          font-size: 10px; }
  .page-inner-container .grid-projects-wrapper {
    width: 100%;
    padding-top: 50px; }
    .page-inner-container .grid-projects-wrapper .back-filter {
      font-family: 'AvenirLTStd-Heavy';
      text-transform: uppercase;
      font-size: 11px;
      letter-spacing: 3px;
      margin: 0 auto;
      display: table;
      border: 1px solid #000;
      padding: 4px 15px;
      margin-bottom: 30px; }
      .page-inner-container .grid-projects-wrapper .back-filter span {
        padding-top: 1px;
        display: block;
        text-align: center; }
      .page-inner-container .grid-projects-wrapper .back-filter:hover {
        background-color: #ddacb0;
        border-color: #ddacb0;
        color: #fff; }
    .page-inner-container .grid-projects-wrapper .grid-projects {
      margin: 0 auto;
      width: 100%;
      max-width: 1600px;
      padding-bottom: 100px;
      margin-top: 0px; }
      .page-inner-container .grid-projects-wrapper .grid-projects.gif-container {
        max-width: 1400px; }
      .page-inner-container .grid-projects-wrapper .grid-projects.filter-container {
        max-width: 1500px; }
      .page-inner-container .grid-projects-wrapper .grid-projects .grid-sizer {
        width: 33.33%; }
      .page-inner-container .grid-projects-wrapper .grid-projects .grid-item {
        width: 33.33%;
        padding: 35px; }
        .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img {
          width: 100%;
          position: relative; }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img img,
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img video {
            width: 100%;
            display: block;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease; }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img.gif-img {
            width: auto;
            text-align: center;
            overflow: hidden; }
            .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img.gif-img img {
              width: auto;
              max-width: 550px;
              width: 100%;
              margin: 0 auto; }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img .border {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none; }
            .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img .border span {
              display: block;
              position: absolute;
              background: #fff;
              transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
              -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
              -moz-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
              -ms-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
              -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1); }
              .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img .border span.top {
                top: 0;
                left: 0;
                width: 100%;
                height: 15px;
                -webkit-transform: translateX(0) translateY(-15px) translateZ(0);
                -moz-transform: translateX(0) translateY(-15px) translateZ(0);
                -o-transform: translateX(0) translateY(-15px) translateZ(0);
                transform: translateX(0) translateY(-15px) translateZ(0); }
              .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img .border span.right {
                top: 0;
                right: 0;
                height: 100%;
                width: 15px;
                -webkit-transform: translateX(15px) translateY(0) translateZ(0);
                -moz-transform: translateX(15px) translateY(0) translateZ(0);
                -o-transform: translateX(15px) translateY(0) translateZ(0);
                transform: translateX(15px) translateY(0) translateZ(0); }
              .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img .border span.bottom {
                bottom: 0;
                left: 0;
                width: 100%;
                height: 15px;
                -webkit-transform: translateX(0) translateY(15px) translateZ(0);
                -moz-transform: translateX(0) translateY(15px) translateZ(0);
                -o-transform: translateX(0) translateY(15px) translateZ(0);
                transform: translateX(0) translateY(15px) translateZ(0); }
              .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .img .border span.left {
                top: 0;
                left: 0;
                height: 100%;
                width: 15px;
                -webkit-transform: translateX(-15px) translateY(0) translateZ(0);
                -moz-transform: translateX(-15px) translateY(0) translateZ(0);
                -o-transform: translateX(-15px) translateY(0) translateZ(0);
                transform: translateX(-15px) translateY(0) translateZ(0); }
        .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details {
          margin: 0 auto;
          width: 90%;
          text-align: center;
          margin-top: 50px;
          position: relative;
          text-align: center;
          transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
          -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
          -moz-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
          -ms-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
          -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1); }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .line-top {
            width: 1px;
            height: 40px;
            top: -50px;
            left: 50%;
            position: absolute;
            background-color: #000;
            transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            -webkit-transform: translate(-50%, 0%);
            -webkit-backface-visibility: hidden;
            -webkit-transform: translateZ(0) scale(1, 1);
            -webkit-font-smoothing: antialised;
            transform: translate3d(0, 0, 0); }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .number {
            margin-top: 10px;
            font-size: 16px;
            line-height: 22px; }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .type {
            font-size: 11px;
            letter-spacing: 2px;
            line-height: 14px;
            color: #000;
            margin-bottom: 20px;
            -webkit-backface-visibility: hidden;
            -webkit-transform: translateZ(0) scale(1, 1);
            -webkit-font-smoothing: antialised;
            transform: translate3d(0, 0, 0);
            text-transform: uppercase; }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .artist {
            margin: 0 auto;
            width: 100%;
            font-family: 'AndesBook';
            font-size: 24px;
            line-height: 24px;
            letter-spacing: 2px;
            color: #000;
            margin-bottom: 15px;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-backface-visibility: hidden;
            -webkit-transform: translateZ(0) scale(1, 1);
            -webkit-font-smoothing: antialised;
            transform: translate3d(0, 0, 0); }
            .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .artist a:hover {
              color: #ddacb0; }
            .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .artist .ja-title {
              font-size: 15px; }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .line-bottom {
            margin: 0 auto;
            width: 100px;
            height: 1px;
            background-color: #000; }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .view-portfolio {
            font-size: 14px;
            color: #020000;
            width: 100%;
            margin: 0 auto;
            line-height: 14px;
            margin-top: 20px;
            -webkit-backface-visibility: hidden;
            -webkit-transform: translateZ(0) scale(1, 1);
            -webkit-font-smoothing: antialised;
            transform: translate3d(0, 0, 0);
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            opacity: 0; }
            .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .view-portfolio .bline {
              width: 90px;
              height: 1px;
              background-color: #000;
              margin: 0 auto;
              margin-top: 9px;
              transition: all 0.3s ease;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease; }
            .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .view-portfolio a:hover {
              color: #000; }
            .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .view-portfolio:hover .bline {
              width: 115px; }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .plus-portfolio {
            font-family: 'AvenirLTStd-Heavy';
            text-transform: uppercase;
            font-size: 11px;
            letter-spacing: 3px;
            margin: 0 auto;
            display: table;
            border: 1px solid #ddacb0;
            background-color: #ddacb0;
            color: #fff;
            padding: 3px 7px;
            margin-top: 10px;
            opacity: 0; }
            .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .plus-portfolio span {
              padding-top: 1px;
              display: block;
              text-align: center; }
            .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .plus-portfolio:hover {
              background-color: #fff;
              border-color: #000;
              color: #000; }
        .page-inner-container .grid-projects-wrapper .grid-projects .grid-item:hover .details {
          transform: translate(0px, -15px);
          -moz-transform: translate(0px, -15px);
          -o-transform: translate(0px, -15px);
          -ms-transform: translate(0px, -15px);
          -webkit-transform: translate(0px, -15px); }
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item:hover .details .plus-portfolio,
          .page-inner-container .grid-projects-wrapper .grid-projects .grid-item:hover .details .view-portfolio {
            opacity: 1; }
        .page-inner-container .grid-projects-wrapper .grid-projects .grid-item:hover .img .border span {
          -webkit-transform: translateX(0) translateY(0) translateZ(0);
          -moz-transform: translateX(0) translateY(0) translateZ(0);
          -o-transform: translateX(0) translateY(0) translateZ(0);
          transform: translateX(0) translateY(0) translateZ(0); }
        .page-inner-container .grid-projects-wrapper .grid-projects .grid-item:hover .details .artist a {
          color: #ddacb0; }
        .page-inner-container .grid-projects-wrapper .grid-projects .grid-item:hover .details .line-top {
          opacity: 0; }
        .page-inner-container .grid-projects-wrapper .grid-projects .grid-item:hover .details .name {
          color: #179052; }
        .page-inner-container .grid-projects-wrapper .grid-projects .grid-item:hover .label {
          opacity: 1; }
      .page-inner-container .grid-projects-wrapper .grid-projects.gif-container .grid-item .img, .page-inner-container .grid-projects-wrapper .grid-projects.filter-container .grid-item .img {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease; }
      .page-inner-container .grid-projects-wrapper .grid-projects.gif-container .grid-item:hover .img, .page-inner-container .grid-projects-wrapper .grid-projects.filter-container .grid-item:hover .img {
        transform: translate(0px, 10px);
        -moz-transform: translate(0px, 10px);
        -o-transform: translate(0px, 10px);
        -ms-transform: translate(0px, 10px);
        -webkit-transform: translate(0px, 10px); }
  .page-inner-container .grid-video-wrapper {
    width: 100%;
    margin-top: 50px; }
    .page-inner-container .grid-video-wrapper .grid-video {
      margin: 0 auto;
      width: 100%;
      max-width: 1600px;
      padding-bottom: 100px;
      margin-top: 10px; }
      .page-inner-container .grid-video-wrapper .grid-video .grid-sizer {
        width: 100%; }
      .page-inner-container .grid-video-wrapper .grid-video .grid-item {
        padding: 0px 35px;
        margin-bottom: 50px;
        width: 100%; }
        .page-inner-container .grid-video-wrapper .grid-video .grid-item .img {
          position: relative;
          width: 50%; }
          .page-inner-container .grid-video-wrapper .grid-video .grid-item .img .details {
            width: 350px;
            position: absolute;
            top: 50%;
            transform: translate(0%, -50%);
            -moz-transform: translate(0%, -50%);
            -o-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            -webkit-transform: translate(0%, -50%);
            opacity: 0;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease; }
            .page-inner-container .grid-video-wrapper .grid-video .grid-item .img .details .name {
              font-size: 28px;
              line-height: 30px;
              font-family: 'Oswald', sans-serif;
              letter-spacing: 1px;
              position: relative;
              transition: all 0.3s ease;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease; }
              .page-inner-container .grid-video-wrapper .grid-video .grid-item .img .details .name:hover {
                color: #179052; }
              .page-inner-container .grid-video-wrapper .grid-video .grid-item .img .details .name:after {
                content: '';
                display: block;
                width: 90px;
                height: 1px;
                position: absolute;
                top: 50%;
                background: #000;
                -webkit-backface-visibility: hidden;
                -webkit-transform: translateZ(0) scale(1, 1);
                -webkit-font-smoothing: antialised;
                transform: translate3d(0, 0, 0);
                transform: translate(0%, -50%);
                -moz-transform: translate(0%, -50%);
                -o-transform: translate(0%, -50%);
                -ms-transform: translate(0%, -50%);
                -webkit-transform: translate(0%, -50%); }
          .page-inner-container .grid-video-wrapper .grid-video .grid-item .img img,
          .page-inner-container .grid-video-wrapper .grid-video .grid-item .img video {
            width: 100%;
            display: block;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease; }
          .page-inner-container .grid-video-wrapper .grid-video .grid-item .img:hover .details {
            opacity: 1; }
        .page-inner-container .grid-video-wrapper .grid-video .grid-item.img-left .img {
          float: left; }
          .page-inner-container .grid-video-wrapper .grid-video .grid-item.img-left .img .details {
            right: -350px; }
            .page-inner-container .grid-video-wrapper .grid-video .grid-item.img-left .img .details .name {
              margin-left: 100px; }
              .page-inner-container .grid-video-wrapper .grid-video .grid-item.img-left .img .details .name:after {
                left: -100px; }
        .page-inner-container .grid-video-wrapper .grid-video .grid-item.img-right .img {
          float: right; }
          .page-inner-container .grid-video-wrapper .grid-video .grid-item.img-right .img .details {
            left: -350px; }
            .page-inner-container .grid-video-wrapper .grid-video .grid-item.img-right .img .details .name {
              margin-right: 100px;
              text-align: right; }
              .page-inner-container .grid-video-wrapper .grid-video .grid-item.img-right .img .details .name:after {
                right: -100px; }
  .page-inner-container .grid-project-wrapper {
    width: 100%;
    margin-top: 150px; }
    .page-inner-container .grid-project-wrapper .empty {
      text-align: center;
      margin-bottom: 100px;
      font-size: 20px; }
    .page-inner-container .grid-project-wrapper .grid-projects {
      margin: 0 auto;
      width: 100%;
      max-width: 1600px;
      padding-bottom: 100px;
      margin-top: 10px; }
      .page-inner-container .grid-project-wrapper .grid-projects .grid-sizer {
        width: 50%; }
      .page-inner-container .grid-project-wrapper .grid-projects .grid-item {
        width: 50%;
        padding-bottom: 120px; }
        .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img {
          padding: 0px 32px;
          position: relative;
          transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease; }
          .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img .details {
            width: 75%;
            position: absolute;
            left: 50%;
            bottom: 0px;
            opacity: 0;
            margin-top: 15px;
            margin-bottom: 0;
            text-align: center;
            -webkit-backface-visibility: hidden;
            -webkit-transform: translateZ(0) scale(1, 1);
            -webkit-font-smoothing: antialised;
            transform: translate3d(0, 0, 0);
            transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            -webkit-transform: translate(-50%, 0%);
            transition: all 0s ease 0s;
            -webkit-transition: all 0s ease 0s;
            -moz-transition: all 0s ease 0s;
            -ms-transition: all 0s ease 0s;
            -o-transition: all 0s ease 0s; }
            .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img .details .number {
              font-size: 14px;
              letter-spacing: 1px;
              position: relative;
              font-family: 'AvenirLTStd-Heavy';
              -webkit-backface-visibility: hidden;
              -webkit-transform: translateZ(0) scale(1, 1);
              -webkit-font-smoothing: antialised;
              transform: translate3d(0, 0, 0);
              height: 20px; }
              .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img .details .number .line {
                position: absolute;
                transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                left: 50%;
                top: 50%;
                width: 35px;
                height: 1px;
                background-color: #000;
                z-index: 1; }
              .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img .details .number .num {
                position: absolute;
                transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                left: 50%;
                top: 50%;
                background-color: #fff;
                z-index: 2;
                padding: 3px; }
            .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img .details .name {
              font-size: 28px;
              letter-spacing: 1px;
              position: relative;
              -webkit-backface-visibility: hidden;
              -webkit-transform: translateZ(0) scale(1, 1);
              -webkit-font-smoothing: antialised;
              transform: translate3d(0, 0, 0); }
            .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img .details .artist-name {
              margin-top: 10px;
              font-size: 16px;
              line-height: 20px;
              -webkit-backface-visibility: hidden;
              -webkit-transform: translateZ(0) scale(1, 1);
              -webkit-font-smoothing: antialised;
              transform: translate3d(0, 0, 0); }
            .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img .details .line-top {
              display: block;
              width: 1px;
              height: 50px;
              position: absolute;
              top: -50px;
              left: 50%;
              background: #000;
              box-shadow: 0px 0px 0px 1px #000 inset;
              -webkit-backface-visibility: hidden;
              -webkit-transform: translateZ(0) scale(1, 1);
              -webkit-font-smoothing: antialised;
              transform: translate3d(0, 0, 0);
              transform: translate(-50%, 0%);
              -moz-transform: translate(-50%, 0%);
              -o-transform: translate(-50%, 0%);
              -ms-transform: translate(-50%, 0%);
              -webkit-transform: translate(-50%, 0%); }
            .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img .details .artist {
              margin-top: 10px;
              font-size: 13px;
              line-height: 20px;
              letter-spacing: 1px;
              -webkit-backface-visibility: hidden;
              -webkit-transform: translateZ(0) scale(1, 1);
              -webkit-font-smoothing: antialised;
              transform: translate3d(0, 0, 0); }
            .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img .details .line-bottom {
              margin: 0 auto;
              width: 100px;
              height: 1px;
              margin-top: 10px;
              background-color: #000; }
          .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img img,
          .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img video {
            width: 100%;
            display: block;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease; }
          .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img.gif-img {
            width: 100%;
            text-align: center; }
            .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img.gif-img img, .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img.gif-img video {
              width: auto;
              max-width: 550px;
              margin: 0 auto; }
        .page-inner-container .grid-project-wrapper .grid-projects .grid-item.img-left .img {
          float: right;
          margin-right: 150px; }
        .page-inner-container .grid-project-wrapper .grid-projects .grid-item.img-right .img {
          margin-left: 150px; }
        .page-inner-container .grid-project-wrapper .grid-projects .grid-item.mtop {
          margin-top: 120px; }
        .page-inner-container .grid-project-wrapper .grid-projects .grid-item:hover .img img {
          transform: scale(0.9);
          -moz-transform: scale(0.9);
          -o-transform: scale(0.9);
          -ms-transform: scale(0.9);
          -webkit-transform: scale(0.9); }
        .page-inner-container .grid-project-wrapper .grid-projects .grid-item:hover .img .details {
          opacity: 1;
          bottom: -20px;
          transition: all 0.3s ease 0.3s;
          -webkit-transition: all 0.3s ease 0.3s;
          -moz-transition: all 0.3s ease 0.3s;
          -ms-transition: all 0.3s ease 0.3s;
          -o-transition: all 0.3s ease 0.3s; }

.zoom-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  background-color: #fff;
  display: none; }
  .zoom-container .zoom-header {
    height: 90px;
    width: 100%;
    position: relative; }
    .zoom-container .zoom-header .btn-close {
      position: absolute;
      right: 40px;
      top: 50%;
      width: 17px;
      height: 17px;
      background: transparent url("../images/close.png") 0 0 no-repeat;
      transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      -o-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      -webkit-transform: translate(0%, -50%);
      z-index: 100;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s; }
      .zoom-container .zoom-header .btn-close:hover {
        transform: rotate(90deg) translate(-50%, 0%);
        -moz-transform: rotate(90deg) translate(-50%, 0%);
        -o-transform: rotate(90deg) translate(-50%, 0%);
        -ms-transform: rotate(90deg) translate(-50%, 0%);
        -webkit-transform: rotate(90deg) translate(-50%, 0%);
        opacity: 0.6; }
  .zoom-container .zoom-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background-color: #fff;
    z-index: 90; }
    .zoom-container .zoom-loader .animation {
      position: absolute;
      transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      left: 50%;
      top: 50%; }
      .zoom-container .zoom-loader .animation img {
        width: 110px; }
  .zoom-container .carousel {
    width: 100%;
    height: calc(100% - 220px);
    position: relative; }
    .zoom-container .carousel .carousel-next {
      right: 0; }
    .zoom-container .carousel .carousel-prev {
      top: 0; }
    .zoom-container .carousel .carousel-next,
    .zoom-container .carousel .carousel-prev {
      opacity: 0;
      width: 80px;
      height: 100%;
      position: absolute;
      top: 0;
      background-color: rgba(255, 255, 255, 0.5);
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s; }
      .zoom-container .carousel .carousel-next i,
      .zoom-container .carousel .carousel-prev i {
        position: absolute;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        font-size: 46px; }
      .zoom-container .carousel .carousel-next:hover,
      .zoom-container .carousel .carousel-prev:hover {
        opacity: 1; }
    .zoom-container .carousel .cycle-carousel-wrap {
      height: 100%; }
    .zoom-container .carousel .item {
      margin: 0 5px;
      height: 100%;
      position: relative; }
      .zoom-container .carousel .item a {
        display: table; }
      .zoom-container .carousel .item .img {
        width: auto;
        height: 100%; }
        .zoom-container .carousel .item .img img {
          height: 100%;
          display: block; }
      .zoom-container .carousel .item .caption {
        font-size: 12px;
        text-transform: uppercase;
        padding: 5px;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: -30px;
        background-color: rgba(255, 255, 255, 0.3); }
      .zoom-container .carousel .item .details {
        text-align: center; }
        .zoom-container .carousel .item .details .name {
          font-size: 12px;
          text-transform: uppercase;
          margin-bottom: 20px; }
        .zoom-container .carousel .item .details .text {
          margin-bottom: 20px;
          font-size: 11px;
          white-space: initial; }
        .zoom-container .carousel .item .details .more {
          font-size: 12px;
          text-transform: uppercase;
          margin-bottom: 20px; }
  .zoom-container .zoom-footer {
    position: relative;
    display: table;
    width: 100%;
    height: 130px; }
    .zoom-container .zoom-footer .carousel-prev,
    .zoom-container .zoom-footer .carousel-next {
      font-size: 40px;
      position: absolute;
      top: 50%;
      transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      -o-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      -webkit-transform: translate(0%, -50%); }
      .zoom-container .zoom-footer .carousel-prev i,
      .zoom-container .zoom-footer .carousel-next i {
        display: block;
        -webkit-text-stroke: 2px white; }
    .zoom-container .zoom-footer .carousel-prev {
      left: 40px; }
    .zoom-container .zoom-footer .carousel-next {
      right: 40px; }
    .zoom-container .zoom-footer .details {
      position: absolute;
      transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
      text-align: center; }
      .zoom-container .zoom-footer .details .artist-name,
      .zoom-container .zoom-footer .details .project-name {
        font-size: 22px;
        margin-bottom: 5px; }
      .zoom-container .zoom-footer .details .project-name {
        font-family: 'Oswald', sans-serif; }
      .zoom-container .zoom-footer .details .project-type {
        font-size: 12px;
        text-transform: uppercase; }

.navigation-right {
  position: fixed;
  right: 0px;
  top: 300px;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  z-index: 100; }
  .navigation-right a {
    margin-right: 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #000;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s; }
    .navigation-right a:hover {
      color: #179052;
      border-bottom: 1px solid transparent; }

.side-menu {
  position: fixed;
  right: 50px;
  bottom: 40px;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform-origin: bottom right;
  z-index: 100; }
  .side-menu a {
    text-transform: uppercase;
    font-family: 'AndesBold';
    margin-right: 20px;
    letter-spacing: 1px;
    font-size: 12px; }
    .side-menu a:last-child {
      margin-right: 0px; }

.artist-website {
  position: fixed;
  left: -70px;
  bottom: 158px;
  transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform-origin: bottom right;
  z-index: 100; }
  .artist-website a {
    font-family: 'Andes';
    margin-right: 20px;
    letter-spacing: 1px;
    font-size: 12px;
    color: #edb4b8; }
    .artist-website a:hover {
      color: #000; }

@-webkit-keyframes movedown {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1); }
  50% {
    transform: scale(1.2) translateY(10px);
    -moz-transform: scale(1.2) translateY(10px);
    -o-transform: scale(1.2) translateY(10px);
    -ms-transform: scale(1.2) translateY(10px);
    -webkit-transform: scale(1.2) translateY(10px);
    opacity: 0.7; }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1); } }
@keyframes movedown {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1); }
  50% {
    transform: scale(1.2) translateY(10px);
    -moz-transform: scale(1.2) translateY(10px);
    -o-transform: scale(1.2) translateY(10px);
    -ms-transform: scale(1.2) translateY(10px);
    -webkit-transform: scale(1.2) translateY(10px);
    opacity: 0.7; }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1); } }
@media screen and (max-width: 1500px) {
  .page-inner-container .grid-project-wrapper {
    width: calc(100% - 100px);
    margin: 0 auto;
    margin-top: 70px; }

  .page-inner-container .grid-project-wrapper .grid-projects .grid-item.img-left .img {
    margin-right: 50px; }

  .page-inner-container .grid-project-wrapper .grid-projects .grid-item.img-right .img {
    margin-left: 50px; }

  .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img.gif-img {
    width: 100%; } }
@media screen and (max-width: 1200px) {
  .page-inner-container .grid-project-wrapper .grid-projects .grid-item.img-left .img {
    margin-right: 0px; }

  .page-inner-container .grid-project-wrapper .grid-projects .grid-item.img-right .img {
    margin-left: 0px; } }
@media screen and (max-width: 1000px) {
  .side-menu {
    right: 35px; }

  .artist-website {
    left: -80px; } }
@media screen and (max-width: 750px) {
  .details-artist .title-artist {
    font-size: 22px;
    letter-spacing: 2px; }
    .details-artist .title-artist .data-artist {
      padding: 20px 40px; }

  .side-menu {
    display: none; }

  .artist-website {
    display: none; } }
@media screen and (max-width: 700px) {
  .page-inner-container .grid-project-wrapper .grid-projects .grid-sizer,
  .page-inner-container .grid-project-wrapper .grid-projects .grid-item {
    width: 100%;
    padding-bottom: 50px; }

  .page-inner-container .grid-project-wrapper .grid-projects .grid-item:hover .img .details {
    bottom: -20px; }

  .page-inner-container .grid-project-wrapper .grid-projects .grid-item.mtop {
    margin-top: 20px; }

  .page-inner-container .grid-project-wrapper .grid-projects .grid-item.img-right .img,
  .page-inner-container .grid-project-wrapper .grid-projects .grid-item.img-left .img,
  .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img.gif-img img,
  .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img.gif-img video {
    width: 100% !important; }

  .page-inner-container .grid-project-wrapper {
    width: 90%; }

  .page-inner-container .grid-projects-wrapper .grid-projects .grid-item,
  .page-inner-container .grid-project-wrapper .grid-projects .grid-item .img {
    padding: 0px; }

  .page-inner-container .filters-list ul li {
    margin-right: 8px; }

  .page-inner-container .grid-projects-wrapper .grid-projects .grid-item,
  .page-inner-container .grid-projects-wrapper .grid-projects .grid-sizer {
    width: 100% !important; }

  .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .line-top {
    display: none; }

  .page-inner-container .grid-projects-wrapper .grid-projects.filter-container, .page-inner-container .grid-projects-wrapper .grid-projects.gif-container {
    width: 100%; }

  .page-inner-container .grid-projects-wrapper .grid-projects.gif-container .grid-item:hover .img,
  .page-inner-container .grid-projects-wrapper .grid-projects.filter-container .grid-item:hover .img,
  .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details,
  .page-inner-container .grid-projects-wrapper .grid-projects .grid-item:hover .details,
  .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .view-portfolio,
  .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details .plus-portfolio {
    opacity: 1;
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0); }

  .page-inner-container .grid-projects-wrapper .grid-projects .grid-item .details {
    margin-top: 10px !important;
    margin-bottom: 20px; } }
@media screen and (max-width: 600px) {
  .page-inner-container .filters-list li.not-active {
    display: none; } }
@media screen and (max-width: 500px) {
  .page-inner-container .filters-list li.not-active {
    display: none; }

  .inner-header-fixed {
    height: 95px; }

  .inner-header-fixed .logo img {
    height: 76px; }

  .details-artist .title-artist {
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    right: 0;
    top: 130px; }

  .details-artist .title-artist.small {
    width: 100%;
    top: 115px;
    font-size: 14px; }
    .details-artist .title-artist.small .data-artist {
      margin-top: 10px;
      padding: 10px 0px; } }
@media screen and (max-height: 700px) {
  .page-inner-container .filters-list.fixed ul li a {
    font-size: 8px; } }
@media screen and (max-height: 620px) {
  .page-inner-container .filters-list.fixed {
    display: none; } }
@media screen and (max-height: 500px) {
  .page-inner-container .filters-list.fixed li.not-active {
    display: none; } }

/*# sourceMappingURL=artists.css.map */