@font-face {
  font-family: Natasans;
  src: url('../fonts/NataSans-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Natasans;
  src: url('../fonts/NataSans-Bold.ttf') format("truetype"), url('../fonts/NataSans-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Natasans;
  src: url('../fonts/NataSans-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Natasans;
  src: url('../fonts/NataSans-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Natasans;
  src: url('../fonts/NataSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Natasans;
  src: url('../fonts/NataSans-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Natasans;
  src: url('../fonts/NataSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Natasans;
  src: url('../fonts/NataSans-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.header_section {
  background-image: linear-gradient(#0006, #0006), url('../images/Cosmobg.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.header_section.legal {
  background-image: none;
  background-position: 0 0;
}

.header_wrapper {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.content_section.legal {
  background-color: #fff;
}

.content_wrapper {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer_section {
  background-color: #101518;
}

.footer_wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1 {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 8px #0b172082;
  font-family: Natasans, Arial, sans-serif;
  font-size: 44px;
  line-height: 1.4;
}

.h1.legal {
  color: #333;
  text-shadow: none;
}

.h3 {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 8px #0b172082;
  font-family: Natasans, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.h4 {
  font-family: Natasans, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.h4.legal {
  margin-top: 40px;
}

.p-text {
  margin-bottom: 20px;
  font-family: Natasans, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

.p-text._1 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-text._2 {
  margin-bottom: 10px;
}

.center_container {
  text-align: center;
  margin-top: 40px;
}

.footer_text {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Natasans, Arial, sans-serif;
  font-size: 12px;
}

.container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.nav-link {
  color: #fff;
  font-family: Natasans, Arial, sans-serif;
  font-size: 16px;
}

.nav-link.legal {
  color: #101518;
}

.btn_nav {
  color: #333;
  background-color: #fff;
  border-radius: 200px;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Natasans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.btn_nav:hover {
  background-color: #fff9ed;
}

.btn_nav.legal {
  background-color: #ffd093;
}

.btn_header {
  color: #333;
  background-color: #fff;
  border-radius: 6px;
  padding: 20px 30px;
  font-family: Natasans, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.btn_header:hover {
  background-color: #fff9ed;
}

.logo {
  width: 250px;
  display: block;
}

.brand {
  margin-top: 16px;
  display: block;
}

.navbar {
  background-color: #ddd0;
  display: block;
  position: static;
}

.header_container {
  padding-top: 200px;
  padding-bottom: 200px;
}

.header_container.legal {
  padding-top: 20px;
  padding-bottom: 20px;
}

.text_link {
  color: #fff;
  font-family: Natasans, Arial, sans-serif;
  font-size: 12px;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.text_blk {
  color: #fff;
  font-family: Natasans, Arial, sans-serif;
}

.navbar-2 {
  background-color: #ddd0;
}

.brand-2 {
  vertical-align: middle;
  margin-top: 18px;
}

.container-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.note_text {
  color: #c90000;
  text-align: center;
  margin-top: 40px;
  font-family: Natasans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.legal_content_container {
  margin-top: 40px;
}

.list_text {
  margin-bottom: 20px;
  font-family: Natasans, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

.list {
  margin-top: 20px;
  margin-bottom: 20px;
}

.insert_link, .italic-text {
  color: #333;
  text-decoration: none;
}

.footer_container_2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.footer_container_1 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.data_container {
  background-color: #fafafa;
  border-radius: 10px;
  padding: 15px 20px 10px;
}

@media screen and (max-width: 991px) {
  .header_wrapper, .content_wrapper, .footer_wrapper {
    width: 90%;
  }

  .nav-link {
    text-align: center;
  }

  .nav-link.legal {
    color: #333;
  }

  .header_container {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .icon {
    color: #fff;
  }

  .menu-button {
    background-color: #ffffff0d;
  }

  .menu-button.w--open {
    background-color: #ffffff1a;
  }

  .nav-link-2 {
    text-align: center;
  }

  .nav-menu-2 {
    background-color: #13232f;
    border-radius: 20px;
    padding-bottom: 20px;
  }

  .nav-menu-2._2 {
    background-color: #fafafa;
  }

  .icon-2 {
    color: #13232f;
  }

  .icon-2._1 {
    color: #fff;
  }

  .menu-button-2 {
    background-color: #fff0;
    border-radius: 20px;
  }

  .menu-button-2.w--open {
    background-color: #13232f;
  }

  .menu-button-2._2.w--open {
    background-color: #fafafa;
  }
}

@media screen and (max-width: 767px) {
  .footer_text {
    text-align: left;
    font-size: 12px;
  }

  .header_container {
    padding-top: 100px;
  }

  .text_link {
    font-size: 12px;
  }

  .quick-stack {
    padding: 0;
  }
}

@media screen and (max-width: 479px) {
  .header_wrapper {
    width: 95%;
  }

  .content_wrapper {
    padding-top: 20px;
  }

  .h1 {
    font-size: 28px;
  }

  .h1.legal {
    margin-top: 10px;
  }

  .btn_header {
    font-size: 18px;
  }

  .logo {
    width: 200px;
  }

  .header_container {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .header_container.legal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-menu-2, .menu-button-2 {
    border-radius: 10px;
  }

  .quick-stack {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 0;
  }
}

#w-node-_4f466a31-9fec-b67c-7e3c-2a7b5dd8cae5-229c313a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 479px) {
  #w-node-_4f466a31-9fec-b67c-7e3c-2a7b5dd8cae5-229c313a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Natasans';
  src: url('../fonts/NataSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Natasans';
  src: url('../fonts/NataSans-Bold.ttf') format('truetype'), url('../fonts/NataSans-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Natasans';
  src: url('../fonts/NataSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Natasans';
  src: url('../fonts/NataSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Natasans';
  src: url('../fonts/NataSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Natasans';
  src: url('../fonts/NataSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Natasans';
  src: url('../fonts/NataSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Natasans';
  src: url('../fonts/NataSans-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}