#content-holder h1 {
  font-size: 3.5555555555555554rem;
  line-height: 4rem;
  letter-spacing: -0.05555555555555555rem;
}
#content-holder h2 {
  font-size: 2.2222222222222223rem;
  line-height: 2.6666666666666665rem;
  letter-spacing: -0.044444444444444446rem;
}
#content-holder h3 {
  font-size: 1.3333333333333333rem;
  line-height: 1.7777777777777777rem;
  letter-spacing: -0.011111111111111112rem;
}
#content-holder h4 {
  font-size: 0.8888888888888888rem;
  line-height: 1.3333333333333333rem;
  letter-spacing: 0rem;
}
#content-holder h5 {
  font-size: 0.6666666666666666rem;
  line-height: 0.8888888888888888rem;
  letter-spacing: 0.05555555555555555rem;
}
#content-holder p,
#content-holder li {
  font-size: 0.8888888888888888rem;
  line-height: 1.3333333333333;
  letter-spacing: 0.016666666666666666rem;
}
#content-holder .is-content p {
  margin-bottom: 1.3333333333333em;
}
@media screen and (min-width: 992px) and (max-width: 1169.98px) {
  #content-holder h1 {
    font-size: 3.27rem;
    line-height: 3.68rem;
  }
  #content-holder h2 {
    font-size: 2.04rem;
    line-height: 2.45rem;
  }
  #content-holder h3 {
    font-size: 1.28rem;
    line-height: 1.71rem;
  }
  #content-holder h4 {
    font-size: 0.85rem;
    line-height: 1.28rem;
  }
  #content-holder h5 {
    font-size: 0.67rem;
    line-height: 0.89rem;
  }
  #content-holder h6 {
    font-size: 1rem;
    line-height: 1.67rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  #content-holder h1 {
    font-size: 3.06rem;
    line-height: 3.44rem;
  }
  #content-holder h2 {
    font-size: 1.96rem;
    line-height: 2.35rem;
  }
  #content-holder h3 {
    font-size: 1.23rem;
    line-height: 1.64rem;
  }
  #content-holder h4 {
    font-size: 0.82rem;
    line-height: 1.23rem;
  }
  #content-holder h5 {
    font-size: 0.67rem;
    line-height: 0.89rem;
  }
  #content-holder h6 {
    font-size: 1rem;
    line-height: 1.67rem;
  }
}
@media screen and (min-width: 544px) and (max-width: 767.98px) {
  #content-holder h1 {
    font-size: 2.92rem;
    line-height: 3.28rem;
  }
  #content-holder h2 {
    font-size: 1.87rem;
    line-height: 2.24rem;
  }
  #content-holder h3 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  #content-holder h4 {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
  #content-holder h5 {
    font-size: 0.67rem;
    line-height: 0.89rem;
  }
  #content-holder h6 {
    font-size: 1rem;
    line-height: 1.67rem;
  }
}
@media screen and (max-width: 543.98px) {
  #content-holder h1 {
    font-size: 2.77rem;
    line-height: 3.12rem;
  }
  #content-holder h2 {
    font-size: 1.78rem;
    line-height: 2.13rem;
  }
  #content-holder h3 {
    font-size: 1.17rem;
    line-height: 1.56rem;
  }
  #content-holder h4 {
    font-size: 0.78rem;
    line-height: 1.17rem;
  }
  #content-holder h5 {
    font-size: 0.67rem;
    line-height: 0.89rem;
  }
  #content-holder h6 {
    font-size: 1rem;
    line-height: 1.67rem;
  }
}

.project-panel {
  background: #000000;
  padding: 8.333333333333334rem 0rem;
}
.pp-thumbs {
  margin-bottom: -1.6666666666666667rem;
}
#content-holder .panel-label,
.projectpanel-preview .panel-label {
  color: #585858;
  font-size: 1.7777777777777777rem;
  text-transform: uppercase;
  padding-left: 0rem;
  padding-bottom: 2.2222222222222223rem;
  text-align: left;
  line-height: 1;
}
.project-panel .pp-title {
  padding: 0rem 0rem 1.6666666666666667rem 0rem;
}
.project-panel .pp-title a {
  color: #a3a3a3;
  font-size: 0.7777777777777778rem;
  text-transform: none;
}
.project-panel .pp-title span {
  color: #a3a3a3;
  font-size: 0.7222222222222222rem;
  text-transform: none;
}

.is-content {
  color: #18191a;
}
a {
  color: #ec0600;
}
#navbar-bg.transparent + #navbar .logo a {
  color: #ff0000 !important;
}
#navbar-bg.transparent + #navbar .controls a .nav-icon {
  background: #ff0000 !important;
}
#navbar-bg.transparent + #navbar .logo a svg g path {
  fill: #ff0000 !important;
}

#fullscreen-menu .menu-inner nav ul {
  text-align: center;
  width: 100%;
  margin: 0px auto;
}

.uppercase {
  text-transform: uppercase;
}

.underline-links a {
  position: relative;
  display: inline-block;
}

.underline-links a::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #000;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.underline-links a:hover:before {
  right: 0 !important;
}

html {
  scroll-behavior: smooth;
}

.semplice-gallery-slider .gallery-image-caption {
  font-size: 16px !important;
}

.caption-on-top .semplice-gallery-slider .gallery-image-caption {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  color: #fff;
  transform: translate(-50%, -50%);
}

.caption-on-top .semplice-gallery-slider .gallery-image-caption::after {
  content: "";
  width: 200vh;
  height: 200vw;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(-50%, -50%);
}

.caption-below .flickity-viewport {
  overflow: visible;
}

.caption-below .semplice-gallery-slider .gallery-image-caption {
  position: absolute;
  left: 50%;
  bottom: -40px;
  z-index: 3;
  transform: translate(-50%, 0%);
}

.text-gradient {
  background-image: radial-gradient(
    circle farthest-corner at 60% 0,
    #ff6fac 28%,
    #c050ff 87%,
    #ff5491 96%
  );
  /*background-image: radial-gradient(circle farthest-corner at 60% 0,#D647A6 28%,#5667F9 51%,#E2319F 87%,#E639F2 96%);*/

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.is-frontend .semplice-navbar {
  position: fixed !important;
  transition: ease transform 0.3s !important;
}

.semplice-navbar.hide-navbar {
  transform: translateY(-100%) !important;
}

@keyframes marquee {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -4250%;
  }
}
.marquee-section {
  animation: marquee 240s linear infinite;
}

.project-title h1 {
  font-weight: 300;
}

.project-categ {
  font-weight: lighter;
}

.cursor {
  position: absolute;
  width: 600px;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: scale(0.1);
  opacity: 0;
  margin: -100px 0 0 -100px;
  background: url(image-1.jpg) no-repeat 50% 50%;
  background-size: cover;
  z-index: 1;
}

.wrapper {
  width: 80%;
  margin: 180px auto;
  height: 100%;
}

.project {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-basis: 1;
  position: relative;
  z-index: 2;
  color: white;
  mix-blend-mode: difference;
}

.project-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#nprogress .bar {
  background: #ffffff;
}