@media only all and (max-width: 999px) {
  html {
    font-size: 12px; } }
@media only all and (min-width: 1000px) {
  html {
    font-size: 15px; } }

@media only all and (min-width: 840px) {
  .background {
    width: 100vw;
    position: absolute;
    background-color: black;
    top: 0;
    left: 0;
    z-index: -2; }
    .background video {
      width: 100%; }

  .background1 {
    display: none; }

  header {
    height: 0 !important; }
    header #topframe {
      background: inherit !important; }
      header #topframe .row div a img {
        display: none !important; }
      header #topframe .row div .icon-menu {
        display: none !important; }
      header #topframe .row #button_menu img {
        display: none; }

  .header {
    width: 100%;
    display: table; }
    .header .logo {
      display: table-cell;
      width: min-content;
      text-align: left;
      padding-left: 5rem;
      padding-top: 2rem; }
    .header .menu {
      display: table-cell; }
      .header .menu ul {
        display: flex;
        gap: calc(0.25rem * 8); }
        .header .menu ul li {
          display: inline-block; }
          .header .menu ul li a {
            font-family: 'Circe Regular', serif;
            color: white;
            font-size: 1.2rem; }
    .header .service {
      display: table-cell;
      color: white; }
      .header .service .icon-menu {
        font-family: "iconset", serif;
        font-size: 1.3rem;
        color: white;
        vertical-align: middle;
        border-width: 1px;
        border-style: solid;
        border-radius: 0.375rem;
        padding-inline: 1rem;
        height: 3rem;
        display: inline-block;
        padding-top: 0.3rem;
        margin-right: 5rem; }
      .header .service .dropdown-l {
        vertical-align: middle;
        border-width: 1px;
        border-style: solid;
        border-radius: 0.375rem;
        padding-inline: 1rem;
        height: 3rem;
        display: inline-block;
        padding-top: 0.3rem; }
        .header .service .dropdown-l .dropbtn-l {
          cursor: pointer;
          clear: both; }
        .header .service .dropdown-l .dropdown-c {
          position: absolute;
          box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.2);
          z-index: 9999; }
          .header .service .dropdown-l .dropdown-c .show {
            display: block; }

  .panel {
    max-width: 1000px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 170px;
    left: calc(calc(100vw - 880px) / 2); }
    .panel .panel1 {
      max-width: 880px;
      width: 100%;
      background-color: #e2eae9;
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
      display: block;
      left: 10px;
      position: absolute;
      border: solid rgba(180, 171, 171, 0.5) 1px; }
      .panel .panel1 ul {
        display: flex;
        gap: calc(0.25rem * 5);
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        color: #455b59; }
        .panel .panel1 ul li {
          padding-right: 0.4rem;
          border-top-left-radius: 0.25rem;
          border-top-right-radius: 0.5rem;
          display: inline-block;
          border-right: solid rgba(180, 171, 171, 0.5) 2px; }
          .panel .panel1 ul li a {
            color: oklch(21% 0.006 285.885); }
            .panel .panel1 ul li a img {
              width: 16px;
              height: 16px;
              border-radius: 50%;
              margin-right: 1rem;
              margin-top: 1rem;
              margin-bottom: 1rem; }
    .panel .panel2 {
      background-color: #e2eae9;
      max-width: 900px;
      width: 100%;
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
      display: block;
      position: absolute;
      top: 3rem;
      border: solid rgba(180, 171, 171, 0.5) 1px; }
      .panel .panel2 ul {
        display: flex;
        gap: calc(0.25rem * 8);
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        color: #455b59;
        margin-bottom: 0; }
        .panel .panel2 ul li {
          padding-right: 0.4rem;
          border-top-left-radius: 0.25rem;
          border-top-right-radius: 0.5rem;
          display: inline-block;
          border-right: solid rgba(180, 171, 171, 0.5) 2px; }
          .panel .panel2 ul li button {
            background: transparent;
            color: oklch(21% 0.006 285.885); }
            .panel .panel2 ul li button svg {
              margin-right: 1rem; }
          .panel .panel2 ul li a {
            color: oklch(21% 0.006 285.885); }
            .panel .panel2 ul li a img {
              width: 16px;
              height: 16px;
              border-radius: 50%;
              margin-right: 1rem;
              margin-top: 1rem;
              margin-bottom: 1rem; }

  #socNet {
    border-radius: 0.375rem;
    position: absolute !important;
    left: 10px;
    bottom: 10px; }
    #socNet a img {
      width: 24px;
      height: 24px; } }
@media only all and (max-width: 839px) {
  .background {
    display: none; }

  .background1 {
    width: 100vw;
    height: 100vh;
    position: absolute;
    background-color: black;
    top: 0;
    left: 0;
    z-index: -2; }

  .header {
    text-align: center; }
    .header .menu {
      display: none; }
    .header .service {
      display: none; }
    .header .panel {
      display: none; }

  #socNet {
    border-radius: 0.375rem;
    position: absolute !important;
    left: 10px;
    bottom: 10px; } }

/*# sourceMappingURL=default_page.css.map */