body {
  font-family: 'Inter', sans-serif !important;
}

.select2-dropdown,
.fancybox-error p,
.icon-list .li {
  font-family: 'Inter', sans-serif !important;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.h {font-weight: 600;}

h1, .h1 {font-weight: 300;}

b,
strong {
  font-weight: 600;
}

optgroup {
  font-weight: 600;
}

.button, #header .mobile-menu {
  font-weight: 600;
}

#nav {
  font-weight: 600;
}

.logo a {
  font-size: 0;
  line-height: 0;
}

.second-layout #promo h1, .second-layout #promo .h1 {font-weight: 600;}

.fade {font-weight: 600;}

#login table td, .popup table td {font-weight: 600;}

.tab-controls {font-weight: 600;}

.composition {font-weight: 600;}

ol {font-weight: 600;}

.item {font-weight: 600;}

.note p {
  display: inline-block;
  vertical-align: top;
}

.search {
  position: relative;
}

.search::before {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  top: 62px;
  color: white;
  font-size: 12px;
  line-height: 16px;
  border-radius: 3px;
  padding: 10px 12px;
  background-color: #8fb23e;
  pointer-events: none;
  text-align: center;
  opacity: 0;
  min-width: 108px;
  transform: translateX(-50%);
  transition: opacity .3s ease;
}

.search:hover::before {opacity: 1;}

.search .input {
  pointer-events: none;
}

@media (max-width: 767px) {
  #nav {
    font-weight: 600;
  }
}