@charset "UTF-8";
.menutitle {
  font-family: "Arial", sans-serif;
  font-size: 21px;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 37px 0 37px;
  text-transform: uppercase;
  background-color: var(--background_color);
}

.menu_login .i_m_auth_mobile,
.menu_login .i_m_reg_mobile {
  position: relative;
  display: none;
  width: 100%;
  padding: 20px;
  background-color: #FFF;
}

@media screen and (min-width: 741px) {
  .menu_login .i_m_auth_mobile,
  .menu_login .i_m_reg_mobile {
    display: none !important;
  }
}
.menu_login .i_m_auth_mobile td,
.menu_login .i_m_reg_mobile td {
  padding-top: 10px;
}

.menucabinet {
  padding: 11.5px 10px;
}

.menucabinet_auth_block .menucabinet .i_auth_icon_menu {
  background-color: var(--block_color);
}

.menucabinet .i_auth_icon_menu {
  display: grid;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 90px;
  background-color: var(--background_color);
  place-items: center;
}

.menucabinet .i_auth_icon_menu svg {
  width: 17px;
  height: 17px;
  fill: var(--icon_color);
}

.menucabinet.i_auth_personal {
  position: relative;
  justify-content: center;
  width: 100%;
  transition: all 0.4s ease;
  text-align: center;
  background-color: var(--menu_color);
}
.menucabinet.i_auth_personal span {
  color: #fff;
}

.menucabinet.i_auth_personal:hover {
  color: #fff;
}

.menucabinet.i_auth_personal:before {
  top: auto;
  left: 15px;
}

.menucabinet.i_auth_personal > svg {
  width: 17px;
  height: 17px;
  margin-right: 10px;
  fill: var(--base_color);
}

.menucabinet.i_auth_personal.selected {
  background-color: var(--footer_color_second);
}
.menucabinet.i_auth_personal.selected span {
  color: #333 !important;
}

.menucabinet.i_auth_personal.selected .i_auth_icon_menu {
  background-color: #FFF;
}

.menucabinet.i_auth_personal.selected span {
  border: unset;
}

.menu_login .menucabinet:not(.menucabinet_auth) span {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.menu_login .i_login_exit {
  display: inline-block;
  width: 12px;
  height: 13px;
  margin-left: 10px;
}
.menu_login .i_login_exit svg {
  width: 100%;
  height: 100%;
  fill: var(--icon_color);
}

.menu_login:after {
  top: 5px;
  right: -20px;
}

.menucabinet_auth_wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 25px 10px;
}

.menucabinet_auth_wrapper .i_auth_icon_menu {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.menucabinet_auth_wrapper .i_auth_icon_menu svg {
  fill: var(--icon_color);
}

.menucabinet_auth_wrapper .menucabinet_auth_block {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border-radius: var(--button_radius);
  background-color: var(--block_color);
  box-shadow: 0 0 var(--border_block_blur) 1px color-mix(in srgb, var(--border_block_color) var(--border_block_opacity), transparent);
}

.menucabinet_auth_wrapper .menucabinet {
  display: flex;
  align-items: center;
  padding: 0;
}

.menucabinet_auth_wrapper .menucabinet > span {
  overflow: hidden;
  width: min-content;
  max-width: 100px;
  height: 17px;
  white-space: nowrap;
}

@media screen and (max-width: 740px) {
  .menu_login {
    flex-direction: column;
  }
  .menu_login input:not(input[type=submit]) {
    margin-top: 7px;
    background-color: var(--background_color);
  }
  .menu_login .i_m_auth_mobile {
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #FFF;
  }
}
.i_menu_div_block {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.i_menu_link_block {
  padding-bottom: 60px !important;
}

.i_login:not(.i_cabinet) {
  display: none;
}

.i_tblock .i_wr {
  display: block;
  height: auto;
}

.i_tblock {
  position: fixed;
  z-index: 500;
  top: 0;
  left: -490px;
  width: 290px;
  box-shadow: 0 0 7px 0 rgba(79, 85, 88, 0.3);
}
@media screen and (min-width: 481px) {
  .i_tblock {
    border-radius: 0 0 var(--element_radius) 0;
  }
}

@media screen and (max-width: 480px) {
  .i_tblock {
    width: 100%;
  }
}
.i_tblock .i_wr {
  padding: 0;
}

.i_topmenu {
  width: 100%;
}

.i_topmenu div.scrollbar-inner > .scroll-element.scroll-y {
  display: none;
}

/*---------------------------- Модальное окно регистрации в девом меню на главной  */
#i_pos_regi .i_modal_delta {
  position: absolute;
}

.menu_login {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--footer_color_second);
}

.close_hide_menu {
  position: absolute;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  content: "";
  cursor: pointer;
}

.close_hide_menu {
  display: flex;
}
.close_hide_menu svg {
  width: 15px;
  height: 15px;
  fill: var(--icon_color);
}

@media screen and (max-width: 480px) {
  .close_hide_menu {
    width: 35px;
    height: 35px;
    margin-right: 0;
  }
}
.menudiv {
  position: relative;
}

.menulink {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 15px 30px 15px 30px;
  text-transform: uppercase;
  transition: all 0.4s ease;
}
.menulink:hover {
  transition: all 0.4s ease;
  color: var(--icon_color);
}

.menulink.i_menulink_sub:after {
  position: absolute;
  top: 0;
  right: 20px;
  width: 10px;
  height: 100%;
  content: "";
  transition: all 0.4s ease;
  background-image: url("/local/templates/ilab_it_shop/ilab/img/svg/arrow/d_blue_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.menulink.selected.i_menulink_sub:after {
  transform: rotate(180deg);
  background-image: url("/local/templates/ilab_it_shop/ilab/img/svg/arrow/d_white.svg");
}

.menudiv.selected .menulink.i_menulink_sub:after {
  background-image: url("/local/templates/ilab_it_shop/ilab/img/svg/arrow/d_white.svg");
}

.menudiv .menusub {
  display: none;
  padding: 10px 15px 10px 15px;
  background-color: #FFF;
}

.menusublink {
  position: relative;
  display: block;
  padding: 7px 0 7px 50px;
  text-decoration: none;
}

.menusublink:before {
  position: absolute;
  top: 50%;
  width: 1px;
  height: 1px;
  margin-top: -2px;
  margin-left: -12px;
  content: "";
  border: 2px solid transparent;
  border-left: 3px solid var(--base_color);
}

.menusublink:hover {
  color: var(--base_color);
}

.menusublink:before {
  margin-top: -4px;
}

.menusublink.select {
  color: var(--base_color);
  background-color: #EFF2F4;
}

.selected.menulink,
.selected .menulink {
  color: #FFF;
  background-color: var(--button_color);
}

nav.i_menu_overflow {
  display: flex;
}

nav.i_menu_overflow .i_mo_ad {
  padding: 0 20px;
  cursor: pointer;
}

nav.i_menu_overflow ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.i_tb_nav nav.i_menu_overflow ul.i_mo {
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.35);
}

nav.i_menu_overflow ul.i_mo {
  position: absolute;
  z-index: 501;
  top: 50px;
  right: 0;
  left: 0;
  display: none;
  transition: box-shadow 0.5s;
  background-color: #F1F1F4;
}

nav.i_menu_overflow ul.i_mo > li.i_mo_sub > a:before,
nav.i_menu_overflow ul.i_mo > li.i_mo_more > span:before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 12px;
  content: "";
  transition: transform 0.2s;
  background-image: url("/local/templates/ilab_it_shop/ilab/img/svg/arrow/d_blue.svg");
  background-repeat: no-repeat;
  background-position: center;
}

nav.i_menu_overflow ul.i_mo > li.i_mo_sub > a,
nav.i_menu_overflow ul.i_mo > li.i_mo_more > span {
  position: relative;
  z-index: 1000;
  padding-right: 32px;
}

nav.i_menu_overflow ul.i_mo li a,
nav.i_menu_overflow ul.i_mo li span {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  transition: box-shadow 0.2s, background-color 0.2s linear;
  text-decoration: none;
}

nav.i_menu_overflow ul.i_mo li:not(:first-child) a,
nav.i_menu_overflow ul.i_mo li:not(:first-child) span {
  border-top: 1px solid #FFF;
}

nav.i_menu_overflow ul.i_mo > li.i_mo_sub > .i_mo_select:before,
nav.i_menu_overflow ul.i_mo > li.i_mo_more > .i_mo_select:before {
  transform: rotate(180deg);
}

/* ---------------------------------------------------------------------------------------------------- more */
nav.i_menu_overflow ul.i_mo > li.i_mo_more {
  display: none !important;
}

nav.i_menu_overflow ul.i_mo > li.i_mo_more li.i_mo_sub {
  position: relative;
}

nav.i_menu_overflow ul.i_mo > li.i_mo_more li.i_mo_sub ul.i_mo_inside {
  top: 0;
  left: 100%;
}

/* ---------------------------------------------------------------------------------------------------- inside */
nav.i_menu_overflow ul.i_mo_inside {
  display: none;
  background-color: #F1F1F4;
}

nav.i_menu_overflow ul.i_mo_inside li {
  position: relative;
}

nav.i_menu_overflow ul.i_mo_inside li:before {
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -4px;
  content: "";
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #C2A44E;
}

nav.i_menu_overflow ul.i_mo_inside li a {
  padding-left: 50px;
  white-space: nowrap;
  color: #2788CB;
}

nav.i_menu_overflow ul.i_mo > li > a,
nav.i_menu_overflow ul.i_mo > li > span {
  font-weight: bold;
  text-transform: uppercase;
}

nav.i_menu_overflow ul.i_mo_inside li a:hover,
nav.i_menu_overflow ul.i_mo > li > a:hover,
nav.i_menu_overflow ul.i_mo > li > span:hover {
  color: #FC222A;
}

nav.i_menu_overflow ul.i_mo > li > .i_mo_selected,
nav.i_menu_overflow ul.i_mo > li > .i_mo_select,
nav.i_menu_overflow ul.i_mo_inside > li > .i_mo_selected,
nav.i_menu_overflow ul.i_mo_inside > li > .i_mo_select {
  color: #FFF;
  background: #4B4B4B;
}

/* ---------------------------------------------------------------------------------------------------- animated icon nav */
.i_mo_ad_but {
  font-size: 115%;
  font-weight: bold;
  display: none;
  margin-left: 10px;
}

.i_mo_x {
  position: relative;
  display: inline-block;
  user-select: none;
  transition: 0.25s;
}

.i_mo_x .i_mo_icon {
  position: relative;
  transition: 0.25s;
  background: #FFF;
}

.i_mo_x .i_mo_icon:before,
.i_mo_x .i_mo_icon:after {
  position: absolute;
  display: block;
  content: "";
  transition: 0.25s;
  background: #FFF;
}

/* Open */
.i_mo_x_open .i_mo_icon:before,
.i_mo_x_open .i_mo_icon:after {
  top: 0 !important;
  transition: 0.5s;
}

.i_mo_x_open .i_mo_icon {
  background: transparent;
}

.i_mo_x_open .i_mo_icon:before {
  transform: rotate(-45deg);
}

.i_mo_x_open .i_mo_icon:after {
  transform: rotate(45deg);
}

.i_mo_x {
  padding: 10px 0;
}

.i_mo_x .i_mo_icon,
.i_mo_x .i_mo_icon:before,
.i_mo_x .i_mo_icon:after {
  width: 25px;
  height: 5px;
}

.i_mo_x .i_mo_icon:before {
  top: 10px;
}

.i_mo_x .i_mo_icon:after {
  top: -10px;
}