body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 16px;
  overflow-x: hidden;
  position: relative; }

header {
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  position: fixed;
  padding-top: 2vh;
  height: 10%;
  z-index: 99999;
  background-color: #fff; }
  header i {
    color: yellowgreen; }
  header li {
    list-style: none;
    text-align: center;
    color: #1D1F20; }
  header a {
    display: flex;
    text-decoration: none; }
  header .header--logo img {
    width: 23vw;
    height: 70px;
    min-width: 300px; }
  header .header__nav {
    display: flex;
    margin-bottom: 10px; }
    header .header__nav--ul__1 {
      display: flex;
      flex-direction: row; }
      header .header__nav--ul__1 h1 {
        font-size: 26px;
        color: #1D1F20;
        font-weight: bolder;
        font-weight: bolder;
        display: inline-block; }
      header .header__nav--ul__1 li {
        margin-left: 1vw;
        display: inline;
        justify-content: center;
        align-items: center;
        border-bottom: 5px solid #fff; }
        header .header__nav--ul__1 li:hover {
          border-bottom: 5px solid yellowgreen;
          color: yellowgreen; }
    header .header__nav--ul__2 {
      display: flex;
      flex-direction: column;
      height: 100%; }
    header .header__nav--ul__2__2 {
      display: flex;
      flex-direction: row;
      margin-top: 12px; }
      header .header__nav--ul__2__2 li i {
        margin-bottom: 10px; }
      header .header__nav--ul__2__2 li:not(:first-child) {
        margin-left: 2vw; }
      header .header__nav--ul__2__2 li {
        border-bottom: 5px solid #fff; }
        header .header__nav--ul__2__2 li:hover {
          border-bottom: 5px solid yellowgreen; }
      header .header__nav--ul__2__2 i {
        display: block;
        text-align: center;
        padding-bottom: 5px; }
      header .header__nav--ul__2__2 i {
        font-size: 20px; }
    header .header__nav--ul__2__1 {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      margin-bottom: 15px;
      margin-top: -15px; }
      header .header__nav--ul__2__1 i {
        font-size: 13px; }
      header .header__nav--ul__2__1 li {
        display: flex;
        align-items: center; }
      header .header__nav--ul__2__1 .li__4 {
        color: white;
        background-color: yellowgreen;
        border-radius: 10px;
        padding: 3px 15px;
        z-index: 1; }
        header .header__nav--ul__2__1 .li__4 i {
          color: #f1f2f3; }
      header .header__nav--ul__2__1 .li__5 {
        color: yellowgreen;
        background-color: #e9ebf0;
        border-radius: 10px;
        padding: 3px 15px;
        margin-left: -12px;
        z-index: 0; }
        header .header__nav--ul__2__1 .li__5:hover {
          background-color: yellowgreen;
          color: #f1f2f3; }
          header .header__nav--ul__2__1 .li__5:hover i {
            color: #f1f2f3; }

i[class*='fa-'] {
  font-size: 17px; }

.section {
  overflow-x: hidden; }
  .section__div {
    position: absolute;
    top: 110px;
    width: 100%;
    height: 65px;
    background-color: yellowgreen;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1; }
    .section__div i {
      color: #f1f2f3;
      font-size: 1.5em; }
    .section__div h3 {
      color: #f1f2f3;
      margin-left: 5px;
      letter-spacing: 2px; }
    .section__div:hover h3 {
      font-size: 1.1em; }
    .section__div__img {
      background-image: url("background.PNG");
      width: 100%;
      height: 100%;
      position: absolute;
      opacity: 0.2; }
      .section__div__img:hover {
        opacity: 0.5; }
  .section__acp {
    position: absolute;
    top: 180px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
    .section__acp img {
      width: 100%; }

.article {
  position: relative;
  display: flex;
  top: 115vw;
  justify-content: center;
  left: 0;
  right: 0; }
  .article .hr__2 {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 1px;
    color: #1D1F20;
    background-color: #1D1F20;
    width: 90%;
    left: 0;
    right: 0; }
  .article__list {
    width: 70%;
    font-size: 1.5em;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .article__list__6:hover {
      overflow-y: scroll;
      overflow-x: hidden; }
    .article__list__6 {
      max-height: 350px; }
    .article__list i {
      display: flex;
      justify-content: flex-end;
      margin-top: -20px;
      font-size: 1.5em; }
    .article__list p {
      display: none; }
    .article__list .hr__3 {
      z-index: 1;
      width: 100%;
      height: 1px;
      color: #1D1F20;
      background-color: #1D1F20;
      width: 100%;
      left: 0;
      right: 0; }
    .article__list li:hover P {
      display: inline-block; }
    .article__list li:hover .additional, .article__list li:hover .additiona-2 {
      display: inline-block; }

.myclass {
  display: inline-block;
  color: red; }

.footer {
  overflow-x: hidden;
  height: 10vw;
  top: calc(120vw);
  position: relative;
  width: 100vw;
  background-color: #1D1F20;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .footer__section {
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70vw;
    height: 10vh;
    position: absolute;
    top: 10px; }
    .footer__section img {
      width: 10vw;
      min-width: 200px;
      cursor: pointer;
      margin-top: auto;
      height: 100%;
      margin-top: -100px !important; }
    .footer__section--ul {
      display: flex; }
    .footer__section--ul-1 {
      color: #f1f2f3;
      font-size: 1.3em;
      height: 100%;
      margin: 0 auto;
      position: relative;
      bottom: 0;
      left: 0;
      right: 0;
      margin-top: 20px; }
      .footer__section--ul-1:hover {
        cursor: pointer;
        color: yellowgreen; }
      .footer__section--ul-1 li {
        color: #71716F;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        max-height: 100%; }
        .footer__section--ul-1 li:hover {
          cursor: pointer;
          color: yellowgreen; }
        .footer__section--ul-1 li pre {
          color: #71716F; }
          .footer__section--ul-1 li pre:hover {
            cursor: pointer;
            color: yellowgreen; }
    .footer__section--ul-2 {
      color: #fff;
      font-size: 1.3em;
      position: relative;
      top: -30px !important;
      bottom: 0;
      margin: 0;
      max-width: 100%; }
      .footer__section--ul-2 .fa-commenting-o {
        color: #fff; }
      .footer__section--ul-2 .fa-phone {
        color: #fff; }
      .footer__section--ul-2:hover {
        cursor: pointer;
        color: yellowgreen; }
      .footer__section--ul-2 li {
        color: #71716F;
        list-style: none; }
        .footer__section--ul-2 li:hover {
          cursor: pointer;
          color: yellowgreen; }
    .footer__section--icons {
      margin-left: auto;
      margin-bottom: auto;
      margin-top: 10px; }
      .footer__section--icons .fa-facebook {
        color: #fff;
        margin-right: 2vw; }
        .footer__section--icons .fa-facebook:hover {
          cursor: pointer;
          color: yellowgreen; }
      .footer__section--icons .fa-twitter {
        color: #fff; }
        .footer__section--icons .fa-twitter:hover {
          cursor: pointer;
          color: yellowgreen; }

.additional {
  color: fff;
  display: none; }

.additional-2 {
  color: fff;
  display: none; }

@media screen and (max-width: 1345px) {
  header {
    width: 99vw !important;
    max-width: 99vw; }
  header .header__nav--ul__1 {
    display: none; }
  header .header--logo img {
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: calc(40vw); }
  header .header__nav--ul__2__2 {
    margin-top: 0 !important; }
  header .header__nav--ul__2 {
    align-items: flex-end; }
  header .header__nav--ul__2 {
    padding-left: 0 !important; }
  header .header__nav--ul__2__2 {
    padding-left: 0 !important; }
  .footer__section--ul-1 {
    margin-top: 1.5vw !important; }
  .footer {
    top: 120vw; } }

@media screen and (max-width: 1140px) {
  header .header--logo img {
    margin-right: calc(30vw); }
  .article {
    top: 130vw; }
  .footer {
    top: 130vw; } }

@media screen and (max-width: 960px) {
  header .header--logo img {
    margin-right: calc(20vw); }
  .footer__section {
    width: 100vw;
    margin-right: 10px;
    margin-right: 10px; }
  .footer {
    top: 130vw; }
  header .header__nav--ul__1 {
    margin-top: 16px !important; }
  header .header__nav--ul__2 {
    margin-right: 2vw; }
  .article {
    top: 130vw;
    width: 100%; }
  .article__list {
    width: 100%;
    margin-left: 2vw;
    margin-right: 3vw; } }

@media screen and (max-width: 840px) {
  header .header--logo img {
    margin-right: calc(10vw);
    margin-left: 1vw; }
  header .header__nav--ul__2 {
    margin-right: 3vw; }
  .article {
    top: 125vw;
    margin-left: 0;
    margin-right: 25px; }
  .article__list i {
    margin-top: -30px;
    margin-left: 85vw; }
  .article__list h4 {
    width: 70vw; }
  .article__list .hr__3 {
    width: 100%;
    margin-left: -10px; } }

@media screen and (max-width: 788px) {
  header .header--logo img {
    margin-right: 5vw; }
  .article {
    top: 130vw; }
  .footer {
    top: 110vw; }
  .footer {
    top: calc(120vw + 100px);
    height: 60vw; }
    .footer__section {
      display: flex;
      flex-direction: column;
      top: 120px; }
      .footer__section a img {
        width: 100px;
        height: 50px; }
    .footer-1 {
      margin-top: -10px !important; }
    .footer .footer__section--ul-2 {
      display: flex;
      flex-direction: column;
      text-align: center;
      margin-top: 30px;
      padding-left: 0 !important;
      margin-left: -15px !important; }
  .footer__section--ul-1 {
    display: flex;
    flex-direction: column;
    margin-right: auto; } }

.footer__section--icons {
  margin-right: auto; }

@media screen and (max-width: 695px) {
  header {
    display: flex;
    flex-direction: column;
    height: 18vh; }
    header a {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      align-items: center; }
      header a .header__nav {
        margin-top: 1vw; }
  .section {
    max-width: 130vw; }
  .section__div {
    top: 20vh;
    z-index: 99; }
  .section__acp {
    top: 240px; }
  .article {
    top: calc( 130vw + 70px); } }

@media screen and (max-width: 476px) {
  header .header--logo img {
    width: 20vw;
    height: 60px; }
  .section__div h3 {
    text-align: center; }
  .article {
    top: calc( 130vw + 100px); }
  .article__list {
    font-size: 1em; }
  .article__list i {
    margin-top: -30px;
    margin-left: 75vw; }
  .footer {
    top: calc(170vw + 100px); }
  .footer__section img {
    width: 10vw !important;
    margin-top: 3vw; } }

@media screen and (max-width: 340px) {
  .article {
    top: calc( 170vw + 110px); }
  .header--logo img {
    width: 100px !important; } }