/**Top menu**/
.main-menu {
  display: flex;
  list-style: none;
  margin-right: 20%;
  gap: 40px;
  position: relative;
}
.main-menu ul {
  display: flex;
  list-style: none;
}

.main-menu {
}

/*Links*/
.main-menu a {
  display: block;

  /*padding:0.3em 0.8em;*/
  text-decoration: none;
  text-align: center;
}

.main-menu li {
  /* margin-right: 38px; */
}

/*Root items*/
.main-menu li a.root-item {
  color: #1e3a5e;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  line-height: normal;
}

/*Root menu selected*/
.main-menu li a.root-item-selected {
  color: #1e3a5e;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-style: normal;
  white-space: nowrap;
  font-weight: 800;
  line-height: normal;
}

/*Root items: hover*/
.main-menu li:hover a.root-item,
.main-menu li.jshover a.root-item {
  color: #1e3a5e;
  font-style: normal;
  /* font-weight: 800; */
  line-height: normal;
}

/*Item-parents*/
.main-menu a.parent {
  background: url(images/arrow.gif) center right no-repeat;
}

/*Denied items*/
.main-menu a.denied {
  background: url(images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
.main-menu li:hover,
.main-menu li.jshover {
}

/*Child-items selected*/
.main-menu li.item-selected {
  background: #d6d6d6;
  color: #fff;
}

/*Sub-menu box*/
.main-menu li ul {
  position: absolute;
  /*top:-999em;*/
  top: auto;
  display: none;
  z-index: 500;

  height: auto;
  /*width:12em;*/
  width: 135px;
  background: #f5f5f5;
  border: 1px solid #c1c1c1;
}

/*Sub-menu item box*/
.main-menu li li {
  width: 100%;
  border-bottom: 1px solid #dedede;
}

/*Item link*/
.main-menu li ul a {
  text-align: left;
}

/*Items text color & size */
.main-menu li a,
.main-menu li:hover li a,
.main-menu li.jshover li a,
.main-menu li:hover li:hover li a,
.main-menu li.jshover li.jshover li a,
.main-menu li:hover li:hover li:hover li a,
.main-menu li.jshover li.jshover li.jshover li a,
.main-menu li:hover li:hover li:hover li:hover li a,
.main-menu li.jshover li.jshover li.jshover li.jshover li a,
.main-menu li:hover li:hover li:hover li:hover li:hover li a,
.main-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a {
  color: #00429e;
}

/*Items text color & size: hover*/
.main-menu li:hover li:hover a,
.main-menu li.jshover li.jshover a,
.main-menu li:hover li:hover li:hover a,
.main-menu li.jshover li.jshover li.jshover a,
.main-menu li:hover li:hover li:hover li:hover a,
.main-menu
  li.jshover
  li.jshover
  li.jshover
  li.jshover
  a
  .main-menu
  li:hover
  li:hover
  li:hover
  li:hover
  li:hover
  a,
.main-menu
  li.jshover
  li.jshover
  li.jshover
  li.jshover
  li.jshover
  a
  .main-menu
  li:hover
  li:hover
  li:hover
  li:hover
  li:hover
  li:hover
  a,
.main-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a {
  color: #4f4f4f;
}

.main-menu li ul ul {
  margin: -27px 0 0 132px;
  /*margin:-1.93em 0 0 11.6em;*/
}

.main-menu li:hover ul ul,
.main-menu li.jshover ul ul,
.main-menu li:hover ul ul ul,
.main-menu li.jshover ul ul ul,
.main-menu li:hover ul ul ul ul,
.main-menu li.jshover ul ul ul ul,
.main-menu li:hover ul ul ul ul ul,
.main-menu li.jshover ul ul ul ul ul {
  /*top:-999em;*/
  display: none;
}

.main-menu-close-btn {
  display: none;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  border: none;
  background: no-repeat;
}

.main-menu li:hover ul,
.main-menu li.jshover ul,
.main-menu li li:hover ul,
.main-menu li li.jshover ul,
.main-menu li li li:hover ul,
.main-menu li li li.jshover ul,
.main-menu li li li li:hover ul,
.main-menu li li li li.jshover ul,
.main-menu li li li li li:hover ul,
.main-menu li li li li li.jshover ul {
  /*z-index:1000;
	top:auto;*/
  display: block;
}

@media (max-width: 1024px) {
  .main-menu li a.root-item {
    font-size: 18px;
  }
  .main-menu li a.root-item-selected {
    font-size: 18px;
  }
  .main-menu {
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .main-menu li a.root-item {
    font-size: 22px;
  }
  .main-menu li a.root-item-selected {
    font-size: 22px;
  }
  .main-menu-close-btn {
    display: flex;
  }

  .main-menu {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    background: rgb(255 255 255 / 98%);
    margin: 0;
    flex-direction: column;
    justify-content: center;
  }
  .main-menu-show {
    display: flex;
  }
}