/* --------------------------------

        Primary style

        -------------------------------- */


        *, *::after, *::before {
          box-sizing: border-box;
        }

        .cd-main {
            position: relative;
            overflow-x: hidden;
        }

        .cd-gallery {
            margin-bottom: 0;
        }

        .project-title h2 {

            font-size: 18px;
            font-weight: 700;
            line-height: 1.4;
        }

        /* --------------------------------

        Portfolio Navigation

        -------------------------------- */
        .cd-3d-portfolio-navigation {
          width: 100%;
          height: 33vh;
          text-align: center;
          display: table;
        }
        .cd-3d-portfolio-navigation .cd-wrapper {
          display: table-cell;
          width: 100%;
          vertical-align: middle;
        }
        .cd-3d-portfolio-navigation h1 {
          font-size: 2rem;
          margin-bottom: .6em;
          font-family: "Lora", serif;
          font-weight: bold;
        }
        .cd-3d-portfolio-navigation li {
          display: inline-block;
          margin: 0 .3em;
        }
        .cd-3d-portfolio-navigation li a {
          display: inline-block;
/*          color: #edeade; */
          border: 2px solid #391b28;
          padding: .6em;
          -webkit-transition: all .2s;
          transition: all .2s;
        }
        .cd-3d-portfolio-navigation li a:hover {
          border-color: #72a987;
        }
        .cd-3d-portfolio-navigation li .selected {
          color: #edeade;
          background: #72a987;
          border-color: #72a987;
          cursor: default;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        }
        @media only screen and (min-width: 768px) {
          .cd-3d-portfolio-navigation h1 {
            font-size: 3.2rem;
          }
        }

        /* --------------------------------

        Portfolio Projects

        -------------------------------- */
        .cd-3d-portfolio {
          overflow: hidden;
            margin-top: 0;
        }
        .cd-3d-portfolio .close-project {
            position: absolute;
            z-index: 2;
            display: inline-block;
            white-space: nowrap;
            top: 60px;
            right: 10px;
            color: transparent;
            white-space: nowrap;
            text-indent: 100%;
            overflow: hidden;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.6);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transition: -webkit-transform .3s 0s;
            transition: -webkit-transform .3s 0s;
            transition: transform .3s 0s;
            transition: transform .3s 0s, -webkit-transform .3s 0s;
        }
        .cd-3d-portfolio .close-project:hover {
          background: black;
        }
        .cd-3d-portfolio .close-project::after, .cd-3d-portfolio .close-project::before {
          /* the 'X' lines */
          content: '';
          position: absolute;
          width: 18px;
          height: 2px;
          top: 50%;
          left: 50%;
          background: #edeade;
        }
        .cd-3d-portfolio .close-project::before {
          -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
              -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
                  transform: translateX(-50%) translateY(-50%) rotate(45deg);
        }
        .cd-3d-portfolio .close-project::after {
          -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
              -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
                  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        }
        .cd-3d-portfolio .project-is-open .open .close-project {
          /* show the 'X' icon when a project has been selected */
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1);
          -webkit-transition-delay: 0.6s;
                  transition-delay: 0.6s;
          -webkit-transition: background 0.3s, -webkit-transform 0.3s 0.6s;
          transition: background 0.3s, -webkit-transform 0.3s 0.6s;
          transition: transform 0.3s 0.6s, background 0.3s;
          transition: transform 0.3s 0.6s, background 0.3s, -webkit-transform 0.3s 0.6s;
        }

        .cd-3d-portfolio .projects {
          /* used to render its children in a 3D space - add perspective */
          -webkit-perspective: 1000px;
                  perspective: 1000px;
        }
        .cd-3d-portfolio .projects .row {
/*          height: 25vh; */
          height: 31vh;
          position: relative;
          z-index: 1;
          /* position its children in a 3d space */
          -webkit-transform-style: preserve-3d;
                  transform-style: preserve-3d;
          /* Force hardware acceleration */
          will-change: transform;
          -webkit-transform: translateZ(-50vw);
                  transform: translateZ(-50vw);
          -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: transform 0.6s cubic-bezier(0.5, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          pointer-events: none;
        }
        .cd-3d-portfolio .projects .row:nth-of-type(2) {
          -webkit-transition-delay: .1s;
                  transition-delay: .1s;
        }
        .cd-3d-portfolio .projects .row:nth-of-type(3) {
          -webkit-transition-delay: .2s;
                  transition-delay: .2s;
        }
        .cd-3d-portfolio .projects .row::after {
          /* this is used to create the row bottom face */
          content: '';
          position: absolute;
          z-index: 1;
          bottom: 0;
          left: 0;
          height: 100vw;
          width: 100%;
          -webkit-transform: translateZ(50vw) rotateX(90deg);
                  transform: translateZ(50vw) rotateX(90deg);
          -webkit-transform-origin: bottom center;
              -ms-transform-origin: bottom center;
                  transform-origin: bottom center;
          -webkit-transition: visibility 0s 0.6s;
          transition: visibility 0s 0.6s;
        }
        .cd-3d-portfolio .projects .row:last-of-type::after {
          /* use its ::after element as top face (rather than bottom face) */
          top: 0;
          bottom: auto;
          -webkit-transform: translateZ(50vw) rotateX(-90deg);
                  transform: translateZ(50vw) rotateX(-90deg);
          -webkit-transform-origin: top center;
              -ms-transform-origin: top center;
                  transform-origin: top center;
        }
        .cd-3d-portfolio .projects:not(.project-has-transition) .row:nth-of-type(2) {
          /* increase z-index of the second row - this way the back faces of the first and thirdv rows won't be visible (only of no project has been selected) */
          z-index: 2;
        }
        .no-preserve3d .cd-3d-portfolio .projects .row {
          /* fallback for browsers that don't support the preser3d property */
          -webkit-transform: translateZ(0);
                  transform: translateZ(0);
        }
        .cd-3d-portfolio .projects .row > li {
          /* this is the single project */
          position: absolute;
          z-index: 1;
          height: 109%;
          width: 100%;
          -webkit-transform: translateZ(50vw);
                  transform: translateZ(50vw);
          will-change: transform;
          overflow: hidden;
        }
        .cd-3d-portfolio .projects .row > li.selected {
          /* this the project on the visible face of the parallelepiped */
          pointer-events: auto;
        }
        .cd-3d-portfolio .projects .row > li.front-face {
          -webkit-transform: translateZ(50vw);
                  transform: translateZ(50vw);
        }
        .cd-3d-portfolio .projects .row > li.right-face {
          -webkit-transform: rotateY(90deg) translateZ(50vw);
                  transform: rotateY(90deg) translateZ(50vw);
        }
        .cd-3d-portfolio .projects .row > li.left-face {
          -webkit-transform: rotateY(-90deg) translateZ(50vw);
                  transform: rotateY(-90deg) translateZ(50vw);
        }
        .cd-3d-portfolio .projects .row > li.back-face {
          -webkit-transform: rotateY(180deg) translateZ(50vw);
                  transform: rotateY(180deg) translateZ(50vw);
        }
        .cd-3d-portfolio .projects .row > li.hidden {
          opacity: 0;
          visibility: hidden;
        }
        .no-preserve3d .cd-3d-portfolio .projects .row > li {
          opacity: 0;
          -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
                  transform: translateX(0);
          -webkit-transition: opacity .4s;
          transition: opacity .4s;
        }
        .no-preserve3d .cd-3d-portfolio .projects .row > li.front-face, .no-preserve3d .cd-3d-portfolio .projects .row > li.right-face, .no-preserve3d .cd-3d-portfolio .projects .row > li.left-face, .no-preserve3d .cd-3d-portfolio .projects .row > li.back-face {
          -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
                  transform: translateX(0);
        }
        .no-preserve3d .cd-3d-portfolio .projects .row > li.selected {
          opacity: 1;
        }
        .cd-3d-portfolio .projects .project-wrapper {
          position: absolute;
          top: 0;
          left: 0;
          height: 100vh;
          height: 140vh;
          width: 100%;
        }
        .cd-3d-portfolio .projects .project-image {
          position: relative;
          z-index: 2;
          /* vertically center its content */
          display: table;
          width: 100%;
          height: 24%;
          background-size: cover;
          cursor: pointer;
          /* force hardware acceleration */
          -webkit-transform: translateZ(0);
                  transform: translateZ(0);
          will-change: transform;
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
          -webkit-transition: -webkit-transform 0.6s;
          transition: -webkit-transform 0.6s;
          transition: transform 0.6s;
          transition: transform 0.6s, -webkit-transform 0.6s;
        }
        .cd-3d-portfolio .projects .project-image::before, .cd-3d-portfolio .projects .project-image::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
        }
        .cd-3d-portfolio .projects .project-image::before {
          /* this is the project background image */
          z-index: 1;
          height: 240%;
/*          background-color: #201017; */
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
        }
        .cd-3d-portfolio .projects .project-image::after {
          /* this is the project image cover layer - this is visible only during a rotation of the parallelepiped (while the project is disappearing) */
          z-index: 3;
          height: 100%;
          background: #fff;
          opacity: 0;
          -webkit-transition: opacity .5s;
          transition: opacity .5s;
        }
        .cd-3d-portfolio .projects .row > li:not(.selected) .project-image::after {
          opacity: 1;
        }
        .cd-3d-portfolio .projects .row:nth-of-type(2) > li:not(.selected) .project-image::after {
          -webkit-transition-delay: .1s;
                  transition-delay: .1s;
        }
        .cd-3d-portfolio .projects .row:nth-of-type(3) > li:not(.selected) .project-image::after {
          -webkit-transition-delay: .2s;
                  transition-delay: .2s;
        }
        .cd-3d-portfolio .projects .row > li.project-1 .project-image::before {
          /* set project background image */
          background-image: url(<? echo $osusume[0]['image']; ?>);
        }
        .cd-3d-portfolio .projects .row > li.project-2 .project-image::before {
          background-image: url(../img/photo-2.jpg);
        }
        .cd-3d-portfolio .projects .row > li.project-3 .project-image::before {
          background-image: url(../img/photo-3.jpg);
        }
        .cd-3d-portfolio .projects .row > li.project-4 .project-image::before {
          background-image: url(<?php echo $osusume[1]['image'] ?>);
        }
        .cd-3d-portfolio .projects .row > li.project-5 .project-image::before {
          background-image: url(../img/photo-5.jpg);
        }
        .cd-3d-portfolio .projects .row > li.project-6 .project-image::before {
          background-image: url(../img/photo-6.jpg);
        }
        .cd-3d-portfolio .projects .row > li.project-7 .project-image::before {
          background-image: url(<?php echo $osusume[2]['image'] ?>);
        }
        .cd-3d-portfolio .projects .row > li.project-8 .project-image::before {
          background-image: url(../img/photo-8.jpg);
        }
        .cd-3d-portfolio .projects .row > li.project-9 .project-image::before {
          background-image: url(../img/photo-9.jpg);
        }
        .cd-3d-portfolio .projects .project-title {
          position: initial;
          top: 8rem;
          /* vertically center inside its parent */
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          padding: 5rem 1rem;
          /* force hardware acceleration */
          -webkit-transform: translateZ(0);
                  transform: translateZ(0);
          will-change: transform;
          -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: transform 0.6s cubic-bezier(0.5, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        }
        .cd-3d-portfolio .projects h2 {
          color: #fff;
        }

        .cd-3d-portfolio .projects .project-content {
            position: absolute;
            z-index: 1;
            /* top: 13rem; */
            width: 100%;
            box-shadow: 0 -5px 0 white;
            padding: 6rem 0 0 0;
            height: 100%;
        }
        .cd-3d-portfolio .projects .project-content > div {
          opacity: 0;
          -webkit-transform: translateY(25%);
              -ms-transform: translateY(25%);
                  transform: translateY(25%);
          -webkit-transition: all 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: all 0.6s cubic-bezier(0.5, 0, 0.1, 1);
        }
        .cd-3d-portfolio .projects .project-content p {
            font-size: 0.9rem;
            width: 90%;
            max-width: 800px;
            margin: 20px auto;
            padding: 6em 2em 10em 2em;
            line-height: 1.6;
            min-height: 1000px;
            max-height: 2000px;
            color: #fff;
            font-family: sans-serif;
        }

        .cd-3d-portfolio .projects .project-content p {
            width: 90%;
            /* font-size: 1.0rem; */
            margin: 0 auto;
            padding: 0em 2em 0em 2em;
            /* max-height: 2000px; */
            color: #fff;
        }

        .cd-3d-portfolio .projects.project-has-transition .row > li {
          /* the project-has-transition class is used to add a transition to the tranform property of the single projects - it's added when a project is selected (before opening it) and removed when a project is colsed (when the closing animation is finished) */
          -webkit-transition: opacity 0s 0.6s, -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: opacity 0s 0.6s, -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: transform 0.6s cubic-bezier(0.5, 0, 0.1, 1), opacity 0s 0.6s;
          transition: transform 0.6s cubic-bezier(0.5, 0, 0.1, 1), opacity 0s 0.6s, -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
        }
        .cd-3d-portfolio .projects.project-has-transition .row > li.selected.open {
          overflow: visible;
            margin-top: 210px;
        }
        .cd-3d-portfolio .projects.project-has-transition .row > li:not(.selected) {
          opacity: 0;
        }
        .cd-3d-portfolio .projects.project-has-transition .row::after {
          /* hide the bottom/top parallelepiped face when a project is selected */
          visibility: hidden;
          -webkit-transition: visibility 0s;
          transition: visibility 0s;
        }
        .cd-3d-portfolio .projects.project-is-open .row > li {
          /* the project-is-open class is used when a project is selected - it's added when a project is selected (before opening it) and removed when a project is closed (before the closing animation begins) */
          -webkit-transition: opacity 0s, -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: opacity 0s, -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
          transition: transform 0.6s cubic-bezier(0.5, 0, 0.1, 1), opacity 0s;
          transition: transform 0.6s cubic-bezier(0.5, 0, 0.1, 1), opacity 0s, -webkit-transform 0.6s cubic-bezier(0.5, 0, 0.1, 1);
        }
        .cd-3d-portfolio .projects.project-is-open .row > li.selected.open .project-wrapper {
          /* selected project on the visible face of the parallelepiped */
          overflow: auto;
          -webkit-overflow-scrolling: touch;
        }
        .cd-3d-portfolio .projects.project-is-open .row > li.selected .project-image {
          /* projects on the visible face of the parallelepiped */
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0);
        }
        .cd-3d-portfolio .projects.project-is-open .row > li.selected.open .project-image {
          cursor: auto;
        }
        .cd-3d-portfolio .projects.project-is-open .row > li.selected.open .project-title {
          -webkit-transform: translateY(70%);
              -ms-transform: translateY(70%);
                  transform: translateY(70%);
        }
        .cd-3d-portfolio .projects.project-is-open .row > li.selected.open .project-content > div {
          opacity: 1;
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0);
        }
        .cd-3d-portfolio .projects.project-is-open .row:first-of-type .selected.open.front-face {
          /* if the project selected is inside the first row */
          -webkit-transform: translateZ(50vw) translateY(-100%);
                  transform: translateZ(50vw) translateY(-100%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:first-of-type .selected.open.right-face {
          -webkit-transform: rotateY(90deg) translateZ(50vw) translateY(-100%);
                  transform: rotateY(90deg) translateZ(50vw) translateY(-100%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:first-of-type .selected.open.left-face {
          -webkit-transform: rotateY(-90deg) translateZ(50vw) translateY(-100%);
                  transform: rotateY(-90deg) translateZ(50vw) translateY(-100%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:first-of-type .selected.open.back-face {
          -webkit-transform: rotateY(180deg) translateZ(50vw) translateY(-100%);
                  transform: rotateY(180deg) translateZ(50vw) translateY(-100%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:first-of-type .selected:not(.open).front-face {
          /* if the project selected is not inside the first row */
          -webkit-transform: translateZ(50vw) translateY(300%);
                  transform: translateZ(50vw) translateY(300%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:first-of-type .selected:not(.open).right-face {
          -webkit-transform: rotateY(90deg) translateZ(50vw) translateY(300%);
                  transform: rotateY(90deg) translateZ(50vw) translateY(300%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:first-of-type .selected:not(.open).left-face {
          -webkit-transform: rotateY(-90deg) translateZ(50vw) translateY(300%);
                  transform: rotateY(-90deg) translateZ(50vw) translateY(300%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:first-of-type .selected:not(.open).back-face {
          -webkit-transform: rotateY(180deg) translateZ(50vw) translateY(300%);
                  transform: rotateY(180deg) translateZ(50vw) translateY(300%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(2) .selected.open.front-face {
          /* if the project selected is inside the second row */
          -webkit-transform: translateZ(50vw) translateY(-200%);
                  transform: translateZ(50vw) translateY(-200%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(2) .selected.open.right-face {
          -webkit-transform: rotateY(90deg) translateZ(50vw) translateY(-200%);
                  transform: rotateY(90deg) translateZ(50vw) translateY(-200%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(2) .selected.open.left-face {
          -webkit-transform: rotateY(-90deg) translateZ(50vw) translateY(-200%);
                  transform: rotateY(-90deg) translateZ(50vw) translateY(-200%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(2) .selected.open.back-face {
          -webkit-transform: rotateY(180deg) translateZ(50vw) translateY(-200%);
                  transform: rotateY(180deg) translateZ(50vw) translateY(-200%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(2) .selected:not(.open).front-face {
          /* if the project selected is not inside the second row */
          -webkit-transform: translateZ(50vw) translateY(200%);
                  transform: translateZ(50vw) translateY(200%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(2) .selected:not(.open).right-face {
          -webkit-transform: rotateY(90deg) translateZ(50vw) translateY(200%);
                  transform: rotateY(90deg) translateZ(50vw) translateY(200%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(2) .selected:not(.open).left-face {
          -webkit-transform: rotateY(-90deg) translateZ(50vw) translateY(200%);
                  transform: rotateY(-90deg) translateZ(50vw) translateY(200%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(2) .selected:not(.open).back-face {
          -webkit-transform: rotateY(180deg) translateZ(50vw) translateY(200%);
                  transform: rotateY(180deg) translateZ(50vw) translateY(200%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(3) .selected.open.front-face {
          /* if the project selected is inside the third row */
          -webkit-transform: translateZ(50vw) translateY(-300%);
                  transform: translateZ(50vw) translateY(-300%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(3) .selected.open.right-face {
          -webkit-transform: rotateY(90deg) translateZ(50vw) translateY(-300%);
                  transform: rotateY(90deg) translateZ(50vw) translateY(-300%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(3) .selected.open.left-face {
          -webkit-transform: rotateY(-90deg) translateZ(50vw) translateY(-300%);
                  transform: rotateY(-90deg) translateZ(50vw) translateY(-300%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(3) .selected.open.back-face {
          -webkit-transform: rotateY(180deg) translateZ(50vw) translateY(-300%);
                  transform: rotateY(180deg) translateZ(50vw) translateY(-300%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(3) .selected:not(.open).front-face {
          /* if the project selected is not inside the third row */
          -webkit-transform: translateZ(50vw) translateY(100%);
                  transform: translateZ(50vw) translateY(100%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(3) .selected:not(.open).right-face {
          -webkit-transform: rotateY(90deg) translateZ(50vw) translateY(100%);
                  transform: rotateY(90deg) translateZ(50vw) translateY(100%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(3) .selected:not(.open).left-face {
          -webkit-transform: rotateY(-90deg) translateZ(50vw) translateY(100%);
                  transform: rotateY(-90deg) translateZ(50vw) translateY(100%);
        }
        .cd-3d-portfolio .projects.project-is-open .row:nth-of-type(3) .selected:not(.open).back-face {
          -webkit-transform: rotateY(180deg) translateZ(50vw) translateY(100%);
                  transform: rotateY(180deg) translateZ(50vw) translateY(100%);
        }
        .no-preserve3d .cd-3d-portfolio .projects.project-is-open .row.row:first-of-type > li.selected {
          -webkit-transform: translateY(300%);
              -ms-transform: translateY(300%);
                  transform: translateY(300%);
        }
        .no-preserve3d .cd-3d-portfolio .projects.project-is-open .row.row:first-of-type > li.selected.open {
          -webkit-transform: translateY(-100%);
              -ms-transform: translateY(-100%);
                  transform: translateY(-100%);
        }
        .no-preserve3d .cd-3d-portfolio .projects.project-is-open .row.row:nth-of-type(2) > li.selected {
          -webkit-transform: translateY(200%);
              -ms-transform: translateY(200%);
                  transform: translateY(200%);
        }
        .no-preserve3d .cd-3d-portfolio .projects.project-is-open .row.row:nth-of-type(2) > li.selected.open {
          -webkit-transform: translateY(-200%);
              -ms-transform: translateY(-200%);
                  transform: translateY(-200%);
        }
        .no-preserve3d .cd-3d-portfolio .projects.project-is-open .row.row:nth-of-type(3) > li.selected {
          -webkit-transform: translateY(100%);
              -ms-transform: translateY(100%);
                  transform: translateY(100%);
        }
        .no-preserve3d .cd-3d-portfolio .projects.project-is-open .row.row:nth-of-type(3) > li.selected.open {
          -webkit-transform: translateY(-300%);
              -ms-transform: translateY(-300%);
                  transform: translateY(-300%);
        }


        ul.emoney {
          margin: 0;
        }


        @media only screen and (min-width: 768px) {
          .cd-3d-portfolio .projects h2 {
            font-size: 3.5rem;
          }
          .cd-3d-portfolio .projects p {
            font-size: 2rem;
          }
        }




        /* --------------------------------

        Back to top

        -------------------------------- */
        .cd-top {
          position: fixed;
          z-index: 3;
          bottom: 60px;
          right: 3%;
          display: inline-block;
          height: 48px;
          width: 48px;
          /* replace text with image */
          overflow: hidden;
          text-indent: 100%;
          white-space: nowrap;
          background: rgba(0, 0, 0, 0.6) url(../img/cd-icon-arrow.svg) no-repeat center center;
          visibility: hidden;
          opacity: 0;
          -webkit-transition: opacity .3s, visibility .3s;
          transition: opacity .3s, visibility .3s;
        }
        .cd-top.is-visible {
          /* the button becomes visible */
          visibility: visible;
          opacity: 1;
        }
        .cd-top:hover {
          background-color: black;
          opacity: 0.7;
        }