/* ! Don t edit this styles directly! */
/* ! This is gulp generated styles. */
/* ! To change them edit the source _scss files in /src folder and then run gulp compiler with gulpfile.js */
/* menu mobile */
.mobile-menu-v2-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10151;
  background-color: #fff; }
  .mobile-menu-v2-wrapper * {
    box-sizing: border-box; }
  .mobile-menu-v2-wrapper .close-link {
    color: #636363;
    display: block;
    padding: 8px 12px;
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1; }
  .mobile-menu-v2-wrapper .city_choose_btn {
    float: none !important;
    clear: both; }
  .mobile-menu-v2-wrapper ul {
    margin: 0;
    width: 100%;
    background-color: #fff; }
  .mobile-menu-v2-wrapper .personal-links {
    padding-top: 12px;
    padding-left: 20px; }
    .mobile-menu-v2-wrapper .personal-links a {
      display: inline-block;
      padding: 8px 16px;
      border-radius: 5px;
      border: 1px solid #EA6120;
      font-family: Open Sans;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 19px;
      color: #3D4D65;
      margin-bottom: 10px;
      min-width: 138px;
      text-align: center;
      margin-right: 4px; }
      .mobile-menu-v2-wrapper .personal-links a.personal {
        color: #ea6120; }
      .mobile-menu-v2-wrapper .personal-links a.login {
        color: #ea6120;
        float: left; }
        .mobile-menu-v2-wrapper .personal-links a.login span {
          display: flex;
          flex-direction: row;
          justify-content: center; }
          .mobile-menu-v2-wrapper .personal-links a.login span:before {
            display: block;
            content: ' ';
            background-image: url(/images/template/header/login-lock.svg);
            background-size: 13px;
            height: 16px;
            width: 13px;
            float: left;
            background-repeat: no-repeat;
            margin-top: 1px;
            margin-right: 7px; }
      .mobile-menu-v2-wrapper .personal-links a.registration {
        border-color: #E0E0E0; }
      .mobile-menu-v2-wrapper .personal-links a.logout {
        border-color: #E0E0E0; }
  .mobile-menu-v2-wrapper .pay-order-link {
    padding-left: 20px;
    display: inline-block;
    text-align: center;
    margin-top: 2px;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .mobile-menu-v2-wrapper .pay-order-link a {
      height: 35px;
      line-height: 35px;
      padding: 0 16px;
      font-family: Open Sans;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      border-radius: 5px; }
    .mobile-menu-v2-wrapper .pay-order-link span {
      display: block;
      display: block;
      font-size: 12px;
      line-height: 16px;
      margin-top: 4px;
      color: #828282; }

.mobile-menu-v2-list {
  list-style: none;
  margin: 0;
  position: relative;
  top: 0; }
  .mobile-menu-v2-list li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee; }
    .mobile-menu-v2-list li:before {
      content: none; }
    .mobile-menu-v2-list li.user_city .city_choose_btn {
      padding: 13px 20px 14px;
      cursor: pointer;
      margin: 0;
      display: block; }
      .mobile-menu-v2-list li.user_city .city_choose_btn:before {
        /*
					background: url("/bitrix/templates/aspro_optimus/images/ai-retina-vertical.png?15") no-repeat;
					*/
        display: block;
        content: ' ';
        background-image: url("/images/template/header/geo.svg");
        background-size: 13px 17px;
        height: 17px;
        width: 13px;
        float: left;
        background-repeat: no-repeat;
        margin-top: 3px;
        margin-right: 7px; }
      .mobile-menu-v2-list li.user_city .city_choose_btn span {
        display: inline-block;
        color: #828282;
        font-size: 12px;
        line-height: 16px; }
        .mobile-menu-v2-list li.user_city .city_choose_btn span:hover {
          color: #3D4D65; }
      .mobile-menu-v2-list li.user_city .city_choose_btn:hover {
        background-color: #f7f7f7; }
    .mobile-menu-v2-list li:hover > a {
      background-color: #f7f7f7;
      color: #f75e25; }
    .mobile-menu-v2-list li.current {
      border-left: 4px solid #f75e25; }
    .mobile-menu-v2-list li.back a:before {
      content: "";
      display: inline-block;
      width: 17px;
      height: 12px;
      background: url("./images/arrow_left.svg") center no-repeat;
      vertical-align: middle;
      margin-right: 17px; }
    .mobile-menu-v2-list li a {
      text-decoration: none;
      padding: 13px 20px 14px;
      display: block;
      color: #3d4d65;
      line-height: 24px;
      font-size: 14px; }
      .mobile-menu-v2-list li a:link, .mobile-menu-v2-list li a:visited, .mobile-menu-v2-list li a.active {
        outline: 0 none; }
      .mobile-menu-v2-list li a.parent-link {
        text-transform: uppercase;
        background-color: #f7f7f7;
        font-weight: bold; }
    .mobile-menu-v2-list li.phone-item a {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-size: 15px;
      line-height: 18px; }
      .mobile-menu-v2-list li.phone-item a:before {
        margin-right: 3px; }
      .mobile-menu-v2-list li.phone-item a .free {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 16px; }
    .mobile-menu-v2-list li.search-item {
      padding: 13px;
      background: none repeat scroll 0 0 #e0e7ea !important;
      border: 0 none;
      position: relative; }
      .mobile-menu-v2-list li.search-item .search-input-div {
        padding-right: 63px; }
        .mobile-menu-v2-list li.search-item .search-input-div input {
          border: 0px;
          font-size: 13px; }
      .mobile-menu-v2-list li.search-item .search-button-div {
        position: absolute;
        right: 14px;
        top: 13px; }
        .mobile-menu-v2-list li.search-item .search-button-div button {
          padding: 9px 13px 10px;
          border-top-left-radius: 0px;
          border-bottom-left-radius: 0px; }
    .mobile-menu-v2-list li.has-child > a:after {
      display: block;
      font: normal normal normal 16px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      content: "\f106";
      position: absolute;
      top: 17px;
      right: 20px;
      cursor: pointer;
      transform: rotate(90deg);
      color: #636363; }
  .mobile-menu-v2-list .child {
    display: none;
    position: absolute;
    top: 0;
    z-index: 10; }
    .mobile-menu-v2-list .child.depth-1 {
      position: static;
      display: block;
      /*padding-left: 24px;*/ }
      .mobile-menu-v2-list .child.depth-1 > li a {
        font-weight: 500; }
        .mobile-menu-v2-list .child.depth-1 > li a.bold {
          font-weight: 600; }
    .mobile-menu-v2-list .child.depth-2 {
      left: 100%; }
    .mobile-menu-v2-list .child.depth-3 {
      left: 200%;
      min-height: 100vh; }
    .mobile-menu-v2-list .child.depth-4 {
      left: 300%;
      min-height: 100vh; }
    .mobile-menu-v2-list .child.depth-5 {
      left: 400%;
      min-height: 100vh; }

/**
 * Media Queries
 * ----------------------------------------------------------------------------
 */
@-ms-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

/**
 * _max_width_others.scss
 * 
 * < 766px
 * ----------------------------------------------------------------------------
 */