Your IP : 18.118.140.96

Current Path : /var/www/www-root/data/www/info.monolith-realty.ru/local/templates/monolitsochi/css/
Upload File :
Current File : /var/www/www-root/data/www/info.monolith-realty.ru/local/templates/monolitsochi/css/mega-menu.css

/*fixed menu*/
.mega-fixed-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  padding: 32px 64px;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  background-color: var(--black_bg_black);
  background-size: cover !important;
}
.mega-fixed-menu--dark::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.6;
}
.mega-fixed-menu__row {
  display: flex;
  justify-content: space-between;
  /* z-index: 1; */
  margin: 32px 0;
}
.mega-fixed-menu__row .bx-context-toolbar-empty-area {
  width: 100%;
}
.mega-fixed-menu__row--overflow {
  overflow: hidden;
}
.mega-fixed-menu__row.mega-fixed-menu__main-part {
  margin-top: 0;
  margin-bottom: 0;
}
.mega-fixed-menu__close {
  position: absolute;
  top: 21px;
  left: 21px;
  cursor: pointer;
  padding: 20px;
  margin: -20px;
}
.mega-fixed-menu__close--right {
  right: 21px;
  left: auto;
}
.mega-fixed-menu--dark .mega-fixed-menu__close * {
  stroke: #fff;
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
}
.mega-fixed-menu--dark .mega-fixed-menu__close:hover * {
  stroke: #fff;
  opacity: 1;
}
.mega-fixed-menu .header-button .btn-transparent-border,
.mega-fixed-menu .header-button .btn-transparent {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.mega-fixed-menu .header-button .btn-transparent-border:hover,
.mega-fixed-menu .header-button .btn-transparent:hover {
  color: #fff;
  border-color: #fff;
  border-color: var(--theme-base-color);
}
.mega-fixed-menu *[id^="bx_incl"] {
  width: 100%;
}

.mega-fixed-menu__row .logo a {
  z-index: 2;
}
.mega-fixed-menu__row .header-button {
  z-index: 2;
  position: relative;
}

@media (max-width: 1200px) {
  .mega-fixed-menu {
    padding: 16px 32px;
  }
}