.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: 500;
  letter-spacing: 0em;
  line-height: 1.1;
}
.slides .button,
.slides .slides-form {
  font-family: 'HelveticaNow-Text', Helvetica, Arial, Sans-Serif;
  font-weight: 500;
}
.slides h1 a:hover,
.slides p a:hover {
  transition: 0.15s;
  color: #03f083;
  opacity: 1;
}
.panel .sections .menu li {
  font-size: 28px;
  font-weight: 500;
}
.panel .sections .menu li a {
  opacity: 1;
}
.panel .sections .menu li a:hover {
  opacity: 0.8;
}
.panel .sections .more {
  font-size: 28px;
  font-weight: 500;
}
.slides svg {
  fill:#fff;
}
.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;
}
.sidebar,
.sidebar.top {
  width:100%;
  max-width:100%;
  height:100%;
  background:rgba(255,255,255,1);
}
.sidebar .content {
  padding: 150px 35px;
  color:#000;
  text-align: left;
}
.sidebar .mainMenu li {
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  letter-spacing: -0.04em;
}
.sidebar .close:not(.button){
  padding: 15px 35px;
}
.sidebar .close {
  opacity: 1;
}
.sidebar .close:hover {
  opacity: 0.6;
}
.sidebar .menu li {
  font-size: 28px;
  font-weight: 500;
  color:#000;
}
.sidebar .logo {
  font-size: 28px;
  font-weight: 500;
  color:#000;
}
@media (max-width: 1240px) {
  p.largest, .p.largest {
    font-size: 20px;
    letter-spacing: -0.02em;
  }
}