header { background: #fff; position: fixed; z-index: 99; left: 0; right: 0; height: 112px; font-size: 16px; line-height: 24px; box-shadow: 8px 8px 16px 4px rgba(133, 139, 146, 0.06); } @media all and (max-width: 1600px) and (min-width: 1280px) { header { height: 98px; font-size: 14px; line-height: 18px; } } header .container { height: inherit; display: flex; align-items: center; justify-content: space-between; padding: 0 0 35px 0; background: #fff; } @media all and (max-width: 1279px) { header .container { padding-bottom: 0; } } header .container:after { display: none; } header a { text-decoration: none; color: #000; } header a.logo { transform: translateY(4px); } header .header_menu { margin: 0 32px; padding: 0 32px; border-left: 1px solid #e7e9f0; border-right: 1px solid #e7e9f0; display: flex; align-items: center; justify-content: space-between; height: 32px; width: 100%; } @media all and (max-width: 1600px) and (min-width: 1280px) { header .header_menu { margin: 0 24px; padding: 0 24px; } } header .header_menu:last-child { border-right: 0; padding-right: 0; margin-right: 0; } header .header_menu .header_search { width: calc(100% - 160px); } header .header_menu .header_search form { display: flex; width: 100%; } header .header_menu .header_search form .form_field { width: 100%; } @media all and (max-width: 1279px) { header .header_menu .header_search { display: none; } } header .header_menu nav { position: absolute; bottom: 13px; left: 0; width: 100%; } @media all and (max-width: 1279px) { header .header_menu nav { bottom: 0; } } header .header_menu nav .nav_toggle { display: none; } header .header_menu nav ul { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; width: 100%; } @media all and (min-width: 1280px) { header .header_menu nav ul li:first-child, header .header_menu nav ul li:nth-child(2) { display: none; } } header .header_menu nav ul li.active a { color: var(--blue); font-weight: 700; } header .lk { display: block; text-decoration: none; min-width: 32px; width: 32px; height: 32px; background: url("/images/icons/icon-lk.svg") no-repeat center; } @media all and (max-width: 1420px) { header a.logo img { width: 180px; height: 26px; object-fit: contain; } header .header_menu { padding: 0 16px; margin: 0 16px; } } @media all and (max-width: 1279px) { header { font-size: 15px; line-height: 24px; height: 86px; } header a.logo img { width: 130px; height: 20px; } header .header_menu { justify-content: space-between; padding: 0 16px 0 32px; margin: 0 16px 0 32px; } header .header_menu nav { height: 23px; position: relative; } header .header_menu nav .nav_toggle { display: block; height: 23px; z-index: 3; background-image: url("/images/icons/icon-select.svg"); background-repeat: no-repeat; background-position: 100% 50%; font-size: 15px; color: var(--blue); font-weight: 700; padding-right: 24px; padding-left: 0; cursor: pointer; } header .header_menu nav ul { display: block; position: absolute; left: -20px; background: #fff; padding: 15px 20px; top: 25px; } header .header_menu nav ul:not(.open) { display: none; } header .header_menu nav ul li { width: 100%; margin-right: 0; } header .header_menu nav ul li:not(:last-child) { margin-bottom: 6px; } header .header_menu nav ul li form { margin-bottom: 16px; display: flex; align-items: center; } header .header_menu nav ul li form input { border: 1px solid rgba(0, 16, 61, 0.12); box-sizing: border-box; height: 40px; background: #fff; padding: 0 12px; width: calc(100% - 40px); outline: none; font-size: 15px; color: #828282; } header .header_menu nav ul li form button { width: 40px; height: 40px; border: 0; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 12.5C10.1495 12.5 12.5 10.1495 12.5 7.25C12.5 4.35051 10.1495 2 7.25 2C4.35051 2 2 4.35051 2 7.25C2 10.1495 4.35051 12.5 7.25 12.5Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.9622 10.9624L13.9997 13.9999' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-color: var(--blue); } header .header_menu nav ul li a { font-size: 15px; } header .header_menu nav ul li.active a { color: #000; font-weight: 400; } header .header_menu a[href^="tel:"] { width: 32px; height: 32px; background: url("/images/icons/icon-header-phone.svg") no-repeat center; text-indent: -9999px; overflow: hidden; margin-left: auto; } header .header_menu .header_recall_button { width: 32px; height: 32px; background: url("/images/icons/icon-header-recall.svg") no-repeat center; text-indent: -9999px; overflow: hidden; margin-left: auto; } } @media all and (max-width: 768px) { header { height: 84px; } header .container { padding-bottom: 35px; } header .header_menu { justify-content: flex-end; border-left: 0; padding-left: 0; margin-left: 0; height: 24px; } header .header_menu nav { position: absolute; left: 0; bottom: 9px; } header .header_menu nav ul { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; padding: 15px 20px; top: 84px; overflow-y: auto; } header .header_menu nav ul li:not(:last-child) { margin-bottom: 15px; } header .header_menu nav form { margin-right: 40px; } header .header_menu a[href^="tel:"] { width: 24px; height: 24px; background-size: contain; } header .lk { width: 24px; height: 24px; min-width: 24px; background-size: contain; } } .header_buttons_wrapper { flex-direction: column; display: flex; align-items: flex-start; justify-content: flex-start; } @media all and (max-width: 1279px) { .header_buttons_wrapper { flex-direction: row; } } .header_recall_button { font-size: 13px !important; line-height: 20px !important; color: #1c01a9 !important; cursor: pointer !important; } @media all and (max-width: 1279px) { .header_recall_button { margin-left: 12px !important; } } @media all and (max-width: 768px) { .header_recall_button { width: 24px !important; height: 24px !important; background-size: contain !important; } }