ul li {
  list-style: none; }

html {
  margin: 0;
  /* =============================================================== RESPONSIVE =================================================================*/ }
  html body {
    font-family: source-sans-pro, sans-serif;
    font-display: fallback;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    background-image: linear-gradient(90deg, #3269cd, #37becd); }
    html body .main {
      position: relative;
      display: block;
      width: 100%;
      height: 100vh;
      overflow-y: auto;
      overflow-x: hidden; }
      html body .main .main-wrapper .outer-breadcrumb-container.special-breadcrumb {
        margin-top: 30px; }
        html body .main .main-wrapper .maintext {
          position: relative;
          font-size: 24px;
          font-weight: 400;
          color: #fff;
          width: 830px;
          margin: 0 auto;
          text-align: center;
          line-height: 1.46;
          top: -40px;
          opacity: 0; }
        html body .main .main-wrapper .outer-block-general {
          margin-top: 120px;
          margin-left: auto; }
          html body .main .main-wrapper .outer-block-general:last-of-type {
            margin-bottom: 120px; }
        html body .main .main-wrapper .small-top {
          margin-top: 30px; }
        html body .main .main-wrapper .outer-subsection-block .outer-block-general:last-of-type {
          padding-bottom: 0; }

@media (max-width: 1650px) {
  html body .main .main-wrapper .outer-breadcrumb-container.special-breadcrumb {
    margin-left: 30px; } }

@media (max-width: 1500px) {
  html body .main .main-wrapper .left-sider {
    display: none !important; }
    html body .main .main-wrapper .outer-block-general {
      margin-top: 60px; }
    html body .main .main-wrapper .outer-overviewtopics-block {
      padding-bottom: 40px !important; }
    html body .main .main-wrapper .small-top {
      margin-top: 30px !important; } }

@media (max-width: 960px) {
  html body .main .main-wrapper .outer-overviewtopics-block .keytopic-right {
    width: 100% !important; } }

@media (max-width: 480px) {
  html body .main .main-wrapper .outer-overviewtopics-block .keytopic-right {
    width: 100% !important; } }

@media (max-height: 960px) {
  html body .main .main-wrapper .maintext {
    font-size: 18px;
    width: calc(100% - 40px); }
    html body .main .main-wrapper .outer-block-general {
      padding: 1vw; }
      html body .main .main-wrapper .outer-block-general:last-of-type {
        margin-bottom: 60px; }
    html body .main .main-wrapper .outer-overviewtopics-block {
      padding-bottom: 40px !important; }
      html body .main .main-wrapper .outer-overviewtopics-block .keytopic-right {
        padding: 0;
        width: calc(100vw - 378px); }
    html body .main .main-wrapper .outer-breadcrumb-container.special-breadcrumb {
      margin-left: 20px;
      margin-bottom: 35px; } }