.slides,
.slides p {
  font-family: 'HelveticaNow-Text', Helvetica, Arial, Sans-Serif;
  font-weight: 400;
}
.slides h1,
.slides h2,
.slides h3,
.slides h4,
.slides h5,
.slides h6 {
  font-family: 'HelveticaNow-Display', Helvetica, Arial, Sans-Serif;
  font-weight: 600;
  letter-spacing: 0em;
}
@media (min-width: 1240px) {
  h1.largest, .h1.largest {
    font-size: 95px;
  }
}
.slides .button,
.slides .slides-form {
  font-family: 'HelveticaNow-Text', Helvetica, Arial, Sans-Serif;
  font-weight: 500;
}
.panel {
  padding: 10px 20px;
}
@media (max-width: 1240px) {
  .panel {
    padding: 10px 10px;
  }
}
.panel .sections .menu li {
  font-size: 28px;
  font-weight: 600;
}
.panel .sections .menu li a {
  opacity: 1;
}
.panel .sections .menu li a:hover {
  opacity: 0.6;
}
.sidebar,
.sidebar.top {
  width:100%;
  max-width:100%;
  height:100%;
  background:rgba(239,235,231,1);
}
.sidebar .content {
  padding: 100px;
  color:#000;
  text-align: left;
}
@media (max-width: 1240px) {
  .sidebar .content {
    padding: 30px;
    color:#fff;
    text-align: left;
  }
}
.sidebar .content .vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar .close:not(.button){
  padding: 27px 30px;
}
.sidebar .close svg {
  fill:#000;
}
.sidebar .close {
  opacity: 1;
}
.sidebar .close:hover {
  opacity: 0.6;
}

.panel.top {
  -webkit-transition: 0.8s transform, 0.8s opacity, 0.8s background !important;
  transition: 0.8s transform, 0.8s opacity, 0.8s background !important;
}
.slides:not(.notTop) .panel.top {
  background: transparent !important;
  color: white !important;
  box-shadow: none;
}
.slides:not(.notTop) .panel.top svg {
  fill: white !important;
}
.slides:not(.notTop) .panel.top.plain {
  background: transparent !important;
  color: #000 !important;
  box-shadow: none;
}
.slides:not(.notTop) .panel.top.plain svg {
  fill: #000 !important;
}
.yGray {
  background: #f0ece7 !important;
  color: #000 !important;
}