/**Top menu**/
@media (min-width: 1023px) {
  .top_menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    text-decoration: none;
    color: #ffffff;
    font-family: "Menu";
    font-size: 3rem;
    font-weight: 400; }
    .top_menu .root-item:nth-child(-n + 4) .dropdown-level_2 {
      top: 5px;
      left: 100%;
      min-width: 100%; }
    .top_menu .root-item:nth-child(n + 4) .dropdown-level_2 {
      top: 5px;
      right: 100%;
      min-width: 100%; }
    .top_menu a {
      text-decoration: none;
      color: #ffffff; }
    .top_menu .root-item {
      display: flex;
      position: relative;
      min-width: 50px;
      justify-content: center;
      cursor: pointer; }
      .top_menu .root-item > a, .top_menu .root-item > span {
        padding: 2px 10px; }
    .top_menu .menu_sing {
      display: none; }
    .top_menu .dropdown-sing, .top_menu item-sing {
      font-family: "FontAwesome";
      color: #ffffff;
      font-size: 8px;
      display: flex;
      align-items: center; }
    .top_menu .item-sing {
      margin-right: 5px; }
    .top_menu .root-item:hover, .top_menu .item:hover {
      border-bottom: white 2px solid; }
    .top_menu .multi:hover > .dropdown-level {
      display: flex; }
    .top_menu .multi_2:hover > .dropdown-level_2 {
      display: flex; }
    .top_menu .dropdown-level {
      top: 100%;
      left: 0px;
      min-width: 100%; }
      .top_menu .dropdown-level .multi_2 {
        position: relative; }
        .top_menu .dropdown-level .multi_2 span {
          width: 100%; }
        .top_menu .dropdown-level .multi_2 .dropdown-sing {
          margin-left: 3px; }
    .top_menu .dropdown-level, .top_menu .dropdown-level_2 {
      display: none;
      position: absolute;
      flex-direction: column;
      z-index: +1;
      background: #588dc7;
      transition-duration: 1s;
      max-width: 300px; }
      .top_menu .dropdown-level .item, .top_menu .dropdown-level_2 .item {
        display: flex;
        flex-direction: row;
        padding: 5px 20px;
        background: #588dc7; }
        .top_menu .dropdown-level .item i, .top_menu .dropdown-level_2 .item i {
          font-size: 1.2rem; }
      .top_menu .dropdown-level .selected, .top_menu .dropdown-level_2 .selected {
        background-color: #134a8f; }
      .top_menu .dropdown-level .item:hover, .top_menu .dropdown-level_2 .item:hover {
        background: #6f6e6d; }
      .top_menu .dropdown-level a, .top_menu .dropdown-level_2 a {
        text-decoration: none;
        color: #ffffff; } }
@media (max-width: 1100px) {
  .top_menu {
    font-size: 3rem; }

  .top_menu .root-item > a,
  .top_menu .root-item > span {
    padding: 20px 5px; } }
@media (max-width: 1023px) {
  .top_menu {
    display: none;
    flex-direction: column;
    position: absolute;
    z-index: 13;
    width: calc(100% - 30px);
    font-size: 2.5rem;
    padding: 15px; }
    .top_menu .multi, .top_menu .multi_2 {
      position: relative;
      width: 100%; }
    .top_menu .root-item {
      border-bottom: #ffffff 1px solid;
      color: #130b04; }
    .top_menu .root-item:last-child {
      border: none; }
    .top_menu .root-item, .top_menu .item {
      margin: 3px 0;
      padding: 3px 0px;
      cursor: pointer; }
    .top_menu a {
      text-decoration: none;
      color: #130b04; }
    .top_menu .dropdown-level {
      display: none;
      padding-left: 10px;
      bottom: 30px; }
    .top_menu .dropdown-level_2 {
      display: none;
      padding-left: 10px; }

  .dropdown-sing, .item-sing {
    display: none; }

  .menu_show {
    display: flex !important;
    flex-direction: column;
    animation: anim 0.3s linear;
    max-width: 600px; }

  @keyframes anim {
    0% {
      transform: translateY(-100%); }
    50% {
      transform: translateY(8%); }
    65% {
      transform: translateY(-4%); }
    80% {
      transform: translateY(4%); }
    95% {
      transform: translateY(-2%); }
    100% {
      transform: translateY(0%); } }
  .menu_show2 {
    display: flex !important;
    flex-direction: column;
    animation: anim2 0.3s linear; }

  @keyframes anim2 {
    0% {
      transform: scaleY(0); }
    100% {
      transform: scaleY(1); } }
  .top_menu .menu_sing {
    position: absolute;
    align-items: center;
    right: -10px;
    top: 1.2rem;
    bottom: 2px;
    width: 30px;
    height: 1rem; }
  .top_menu .line1, .top_menu .line2 {
    width: 16px;
    height: 4px;
    background-color: #130b04;
    margin: 5px 0;
    transition: 0.3s; }
  .top_menu .line2 {
    transform: rotate(-90deg) translate(9px, 0px); }
  .top_menu .changer .line2 {
    transform: rotate(0deg) translate(0px, -8px); }

  .wb .line1, .wb .line2, .brw .line1, .brw .line2 {
    background-color: white !important; }

  .bw .line1, .bw .line2, .gb .line1, .gb .line2 {
    background-color: black !important; } }

/*# sourceMappingURL=style.css.map */
