html {
  scroll-behavior: smooth;
}

header {
  padding: 0 10px;
  padding-bottom: 97px;
  /* background: url(../images/background-main.webp) no-repeat center top;
  background-size: cover; */
  color: white;
}
header .wrap_header {
  max-width: 1594px;
  margin: 0 auto;
  padding-top: 10px;
}
header .logo a {
  display: flex;
  align-items: center;
  font-size: 35px;
  text-decoration: none;
  color: white;
}
@media (max-width: 766px) {
  header .logo a {
    font-size: -moz-calc(20px + 25.5 * ((100vw - 320px) / 1594));
    font-size: -webkit-calc(20px + 25.5 * ((100vw - 320px) / 1594));
    font-size: calc(20px + 25.5 * ((100vw - 320px) / 1594));
  }
}
@media (min-width: 767px) {
  header .logo a {
    font-size: -moz-calc(20px + 15 * (100vw / 1594));
    font-size: -webkit-calc(20px + 15 * (100vw / 1594));
    font-size: calc(20px + 15 * (100vw / 1594));
  }
}
@media (min-width: 1594px) {
  header .logo a {
    font-size: 35px;
  }
}
header .logo a img {
  margin-right: 9px;
  max-width: 69px;
}
@media (max-width: 766px) {
  header .logo a img {
    max-width: -moz-calc(30px + 66.3 * ((100vw - 460px) / 1594));
    max-width: -webkit-calc(30px + 66.3 * ((100vw - 460px) / 1594));
    max-width: calc(30px + 66.3 * ((100vw - 460px) / 1594));
  }
}
@media (min-width: 767px) {
  header .logo a img {
    max-width: -moz-calc(30px + 39 * (100vw / 1594));
    max-width: -webkit-calc(30px + 39 * (100vw / 1594));
    max-width: calc(30px + 39 * (100vw / 1594));
  }
}
@media (min-width: 1594px) {
  header .logo a img {
    max-width: 69px;
  }
}
header nav svg {
  display: none;
}
header h1 {
  display: block;
  width: 50%;
  text-align: center;
  margin: 0 auto;
  margin-top: 163px;
  margin-bottom: 112px;
}
@media (max-width: 766px) {
  header h1 {
    width: -moz-calc(383px + 1120.3 * ((100vw - 460px) / 1594));
    width: -webkit-calc(383px + 1120.3 * ((100vw - 460px) / 1594));
    width: calc(383px + 1120.3 * ((100vw - 460px) / 1594));
  }
}
@media (min-width: 767px) {
  header h1 {
    width: -moz-calc(383px + 659 * (100vw / 1594));
    width: -webkit-calc(383px + 659 * (100vw / 1594));
    width: calc(383px + 659 * (100vw / 1594));
  }
}
@media (min-width: 1594px) {
  header h1 {
    width: 1042px;
  }
}

.top_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main_menu {
  flex-flow: row wrap;
  list-style: none;
  display: flex;
  font-size: 14px;
  text-transform: uppercase;
}
.main_menu li {
  padding-left: 25px;
}
.main_menu li.current-menu-item a {
  color: white;
}
.main_menu li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
}
.main_menu li a:hover {
  color: white;
}

@media (max-width: 930px) {
  header {
    padding-left: 0;
    padding-right: 0;
  }
  header .wrap_header {
    padding-top: 0;
  }
  header .top_header {
    position: relative;
    padding: 10px;
    background-color: #0f3233;
    z-index: 1020;
  }
  header .top_header svg {
    display: block;
    cursor: pointer;
  }
  header .top_header .main_menu {
    display: none;
    flex-flow: column;
    position: absolute;
    padding: 0;
    z-index: 1000;
    left: 0;
    top: 50px;
    background-color: rgba(15, 50, 51, 0.9);
    backdrop-filter: blur(5px);
    width: 100%;
    text-align: right;
    font-size: 25px;
  }
  header .top_header .main_menu a {
    display: inline-block;
    padding: 25px 70px 20px 0;
  }
}

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