/* type */
.slides,
.slides p {
    font-family: 'Portrait', serif;
    font-weight: 400;
}
.slides h1,
.slides h2,
.slides h3,
.slides h4,
.slides h5,
.slides h6 {
    font-family: "SohneBreit", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 400;
}
.slides .button,
.slides .slides-form {
    font-family: "SohneBreit", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 400;
}
.slides .footer p.smaller {
    font-family: "SohneBreit", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 400;
}
.slides .legend p.smaller {
  font-family: "SohneBreit", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-weight: 400;
}
small, sub, sup {
  font-size: .6em
}
sub {
  vertical-align: sub
}
sup {
  vertical-align: super
}
/* panels */
.panel {
  font-family: "SohneBreit", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-weight: 400;
}
/* panel change on scroll */
.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;
}

.panel.bottom .menuSmall li {
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    margin: 0 10px;
  }

/* Sidebar */
.sidebar,
.sidebar.top {
  width:100%;
  max-width:100%;
  height:100%;
  background:rgba(17,17,17,1);
}
.sidebar .content {
  padding: 150px 35px;
  color:#fff;
  text-align: left;
  opacity:0.5;
}
.sidebar .mainMenu li {
  font-family: "SohneBreit", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 52px;
  letter-spacing: 0em;
}
.sidebar .close:not(.button){
  padding: 25px;
}
.sidebar .close {
  opacity: 0.5;
}
.sidebar .close:hover {
  opacity: 1;
}
.sidebar .menu li {
  font-size: 22px;
  font-weight: 500;
  color:#fff;
}

/* numbered lists */
ul.large,
ol.large {
  font-size: 21px;
  letter-spacing: 0em;
  margin-left: 0px;
}
@media (max-width: 1023px) {
  ul.large,
  ol.large {
    font-size: 16px;
  }
}
ul.small,
ol.small {
  font-size: 16px;
  letter-spacing: -0.011em;
}
@media (max-width: 1023px) {
  ul.small,
  ol.small{
    font-size: 14px;
  }
}
@media (max-width: 1023px) {
  ul, ol {
    font-size: 15px;
    letter-spacing: -0.013em;
  }
}
.list.decimal li {
  list-style-type: decimal;
  margin-left: 20px;
}
.list.disc li {
  list-style-type: disc;
  margin-left: 20px;
}
.list2.disc li {
  list-style-type: disc;
  margin-left: 20px;
}
.list.square li { list-style-type: square;}
.list.armenian li { list-style-type: armenian;}
.list.cjk-ideographic li { list-style-type: cjk-ideographic;}
.list.decimal li { list-style-type: decimal;}
.list.decimal-leading-zero li { list-style-type: decimal-leading-zero;}
.list.georgian li { list-style-type: georgian;}
.list.hebrew li { list-style-type: hebrew;}
.list.hiragana li { list-style-type: hiragana;}
.list.hiragana-iroha li { list-style-type: hiragana-iroha;}
.list.katakana li { list-style-type: katakana;}
.list.katakana-iroha li { list-style-type: katakana-iroha;}
.list.lower-alpha li { list-style-type: lower-alpha;}
.list.lower-greek li { list-style-type: lower-greek;}
.list.lower-latin li { list-style-type: lower-latin;}
.list.lower-roman li { list-style-type: lower-roman;}
.list.upper-alpha li { list-style-type: upper-alpha;}
.list.upper-latin li { list-style-type: upper-latin;}
.list.upper-roman li { list-style-type: upper-roman;}

.list li {
  color:#fff;
  margin-bottom: 0.5em;
}
.list2 li {
  color:#000;
  margin-bottom: 0em;
}
.list2.lower-alpha li { list-style-type: lower-alpha;}
.list.large li {
  color:#fff;
  margin-bottom: 1em;
}
.list li a:hover {
  color:#1091ff;
  border-bottom: 1px solid;
}
img.rounded-badge {
  border-radius: 3px;
}