@font-face {
      font-family: fontello;
      src: url(/wp-content/themes/bitz/fonts/fontello/fontello.eot?0.01);
      src: url(/wp-content/themes/bitz/fonts/fontello/fontello.eot?0.01#iefix) format('embedded-opentype'),
          url(/wp-content/themes/bitz/fonts/fontello/fontello.woff2?0.01) format('woff2'),
          url(/wp-content/themes/bitz/fonts/fontello/fontello.woff?0.01) format('woff'),
          url(/wp-content/themes/bitz/fonts/fontello/fontello.ttf?0.01) format('truetype'),
          url(/wp-content/themes/bitz/fonts/fontello/fontello.svg?0.01#fontello) format('svg');
      font-weight: 400;
      font-style: normal
  }

  body {
      font-family: "Roboto", sans-serif;
  }

  .container {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 clamp(0px, calc(1200px - 100vw), 15px);
  }

  .container::before,
  .container::after {
      display: none;
  }

  /* HEADER TOP STYLES */

  .menu-glavnoe-menyu-verhnee-container .menu {
      display: flex;
      flex-flow: wrap;
      justify-content: space-between;
      gap: 10px;
  }

  .nav-top {
      background: #211c1c;
  }

  i.eci {
      font-style: normal
  }

  .eci.zen-ya-icon::before {
      content: '\e800';
      font-family: fontello
  }

  .header-top .ht-row+.ht-row {
      margin-top: 2px;
  }

  .header-top .ht-row .ht-column img {
      max-width: 100%;
      vertical-align: bottom;
      padding: 5px;
  }


  .header-top .ht-row .ht-column.right ul {
      display: flex;
      justify-content: space-between;
      margin: 0 0 20px;
      padding: 0;
      list-style: none;
  }

  .header-top .ht-row .ht-column.right ul li {
      padding: 0;
      margin-right: calc(7px/2);
      margin-left: calc(7px/2);
      margin-bottom: 0;
      line-height: 1;
  }

  .header-top nav>ul>li {
      position: relative;
      display: block;
      margin: 0;
      line-height: 1;
  }

  .header-top nav>ul>li+li {
      margin-left: 3px;
  }


  .header-top nav>ul>li>a:hover {
      color: #ffffff;
      background-color: #1e73be;
  }

  .header-top nav>ul>li:hover>ul,
  .header-top nav>ul>li>ul>li:hover>ul {
      display: block;
  }

  .header-top nav>ul>li>ul,
  .header-top nav>ul>li>ul>li>ul {
      position: absolute;
      display: none;
      background: #ffffff;
  }

  .header-top nav>ul>li>ul li {
      position: relative;
      margin: 0;
      line-height: 1;
  }

  .header-top nav>ul>li>ul li a {
      color: #494c4f;
      font-size: 13px;
      border-left: 8px solid transparent;
  }

  .header-top nav>ul>li>ul li a:hover {
      color: #ffffff;
      background-color: #1e73be;
  }

  .header-top nav>ul>li>ul>li>ul {
      top: 0;
      margin-left: 100%;
  }

  .header-top nav .sub-arrow {
      padding: 10px 0 10px 10px;
      font-size: 16px;
      line-height: 1;
  }

  .header-top nav>ul>li a {
      position: relative;
      display: block;
      padding: 13px 5px;
      color: #fff;
      font-weight: 600;
      font-size: 13px;
      text-transform: uppercase;
      transition: color .4s, background .3s;
  }

  .header-top nav>ul>li>ul li a {
      color: #494c4f;
      font-size: 13px;
      border-left: 8px solid transparent;
  }

  .header-top nav>ul>li>ul li a:hover {
      color: #000;
      background-color: #1e73be;
  }


  /* HEADER MID */
  .header-min-inner {
      display: flex;
      flex-flow: wrap;
      justify-content: space-between;
      gap: 10px;
  }

  .logo {
      max-width: 222px;
  }

  .logo img {
      width: 100%;
  }