body {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

/* =====================================
  Contentshow
===================================== */
.contentshow {
  height: 100vh;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}

.contentshow .contentshow-sections-container {
  transition: transform 400ms ease;
  -webkit-backface-visibility: hidden;
}

.contentshow .contentshow-sections-container .contentshow-section {
  height: 100vh;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

.contentshow .contentshow-sections-container .contentshow-section .contentshow-grouped-contents {
  transition: transform 500ms ease;
  -webkit-backface-visibility: hidden;
}

.contentshow .contentshow-sections-container .contentshow-section .contentshow-grouped-contents .contentshow-content *:first-child {
  padding-top: 0;
  margin-top: 0;
}

.contentshow .contentshow-sections-container .contentshow-section .contentshow-grouped-contents .contentshow-content *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.contentshow .contentshow-next-button-holder {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.contentshow .contentshow-next-button-holder .contentshow-next-button {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  cursor: pointer;
}

.contentshow .contentshow-next-button-holder .contentshow-next-button .arrow-down {
  display: block;
  position: relative;
}

.contentshow .contentshow-next-button-holder .contentshow-next-button .arrow-down:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 12px solid #585858;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.contentshow .contentshow-next-button-holder .contentshow-next-button .arrow-down:after {
  content: '';
  position: absolute;
  top: 0;
  left: 1px;
  border-top: 11px solid #fff;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
}

.contentshow .contentshow-next-button-holder .contentshow-next-button .arrow-down:hover:before {
  border-top-color: #181818;
}

.contentshow .contentshow-nav {
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.contentshow .contentshow-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contentshow .contentshow-nav ul li {
  padding: 10px;
}

.contentshow .contentshow-nav ul li .contentshow-nav-item {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
}


/* Default Animations
===================================== */
.contentshow-content.contentshow-slide-up .contentshow-subcontent,
.contentshow-content.contentshow-slide-up [class^="contentshow-subcontent-"],
.contentshow-content.contentshow-slide-up [class*=" contentshow-subcontent-"] {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition-property: opacity, transform;
  transition-duration: 800ms, 500ms;
  transition-timing-function: ease, ease;
  -webkit-backface-visibility: hidden;
}

.contentshow-content.contentshow-slide-up .contentshow-subcontent:nth-child(2),
.contentshow-content.contentshow-slide-up .contentshow-subcontent-1 {
  transition-delay: 120ms;
}

.contentshow-content.contentshow-slide-up .contentshow-subcontent:nth-child(3),
.contentshow-content.contentshow-slide-up .contentshow-subcontent-2 {
  transition-delay: 140ms;
}

.contentshow-content.contentshow-slide-up.contentshow-animate .contentshow-subcontent,
.contentshow-content.contentshow-slide-up.contentshow-animate [class^="contentshow-subcontent-"],
.contentshow-content.contentshow-slide-up.contentshow-animate [class*=" contentshow-subcontent-"] {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

.contentshow-content.contentshow-slide-up:first-child .contentshow-subcontent:first-child,
.contentshow-content.contentshow-slide-up:first-child .contentshow-subcontent-0, .contentshow-content.contentshow-slide-up.contentshow-animation-delay .contentshow-subcontent:first-child,
.contentshow-content.contentshow-slide-up.contentshow-animation-delay .contentshow-subcontent-0 {
  transition-delay: 400ms !important;
}

.contentshow-content.contentshow-slide-up:first-child .contentshow-subcontent:nth-child(2),
.contentshow-content.contentshow-slide-up:first-child .contentshow-subcontent-1, .contentshow-content.contentshow-slide-up.contentshow-animation-delay .contentshow-subcontent:nth-child(2),
.contentshow-content.contentshow-slide-up.contentshow-animation-delay .contentshow-subcontent-1 {
  transition-delay: 520ms !important;
}

.contentshow-content.contentshow-slide-up:first-child .contentshow-subcontent:nth-child(3),
.contentshow-content.contentshow-slide-up:first-child .contentshow-subcontent-2, .contentshow-content.contentshow-slide-up.contentshow-animation-delay .contentshow-subcontent:nth-child(3),
.contentshow-content.contentshow-slide-up.contentshow-animation-delay .contentshow-subcontent-2 {
  transition-delay: 540ms !important;
}

.contentshow-content.contentshow-slide-left .contentshow-subcontent {
  opacity: 0;
  transform: translate3d(50%, 0, 0);
  transition-property: opacity, transform;
  transition-duration: 800ms, 500ms;
  transition-timing-function: ease, ease;
  -webkit-backface-visibility: hidden;
}

.contentshow-content.contentshow-slide-left .contentshow-subcontent:nth-child(2) {
  transition-delay: 120ms;
}

.contentshow-content.contentshow-slide-left .contentshow-subcontent:nth-child(3) {
  transition-delay: 140ms;
}

.contentshow-content.contentshow-slide-left.contentshow-animate .contentshow-subcontent {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

.contentshow-content.contentshow-slide-left:first-child .contentshow-subcontent:first-child, .contentshow-content.contentshow-slide-left.contentshow-animation-delay .contentshow-subcontent:first-child {
  transition-delay: 400ms !important;
}

.contentshow-content.contentshow-slide-left:first-child .contentshow-subcontent:nth-child(2), .contentshow-content.contentshow-slide-left.contentshow-animation-delay .contentshow-subcontent:nth-child(2) {
  transition-delay: 520ms !important;
}

.contentshow-content.contentshow-slide-left:first-child .contentshow-subcontent:nth-child(3), .contentshow-content.contentshow-slide-left.contentshow-animation-delay .contentshow-subcontent:nth-child(3) {
  transition-delay: 540ms !important;
}