/*@font-face {
  font-family: "ALSRubl";
  src: local("ALSRubl"), url("../fonts/ALSRubl/rouble.otf");
  font-weight: 400;
}*/
:root {
  --color0: #FFF;
  --color1: #1B1B1B;
  --color2: #2A2A2A;
  --color4: #53B50A;
  --color5: #EEEEEE;
  --color6: #F5F7FA;
  --color7: #B6B6B6;
  --color8: #383838;
  --color9: #6F6F6F;
  --color10: #FFFFFF;
  --color11: #484848;
  --color12: #E4E8F1;
  --color13: #FCDCDC;
  --color14: #FA0000;
  --color15: #FF3366;
  --color16: #FAB631;
  --color17: #F36;
  --color18: #14B5EB;
  --color19: #4ba309;
  --color20: #E145B5;
  --color21: #F6F6F6;
  --color15-light: #FCDCDC;
  --color16-light: #FFF9E6;
  --color18-light: #DEF7FF;
  --color19-light: #DFFFC8;
  --color20-light: #FFE7F8;
  --color-input: #FFFFFF;
  --font-common: "Raleway";
  --font-size: 16px;
  --line-height: 26px;
  --hover-background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), var(--color4);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

html {
  scroll-behavior: smooth;
}

html, body {
  min-height: 100vh;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font: var(--font-size)/var(--line-height) var(--font-common), sans-serif;
  color: var(--color9);
  background-color: #fff;
  font-variant-numeric: lining-nums proportional-nums;
}


/* ya browser */
img {
  pointer-events: none;
}

h1,
.h1 {
  color: var(--color2);
  font-size: 38px;
  font-weight: 600;
  letter-spacing: 1%;
  line-height: 100%;
  margin-bottom: 20px;
}

h2,
.h2 {
  margin-bottom: 20px;
  font: 400 32px/130% var(--font-common), sans-serif;
  color: var(--color2);
}

h3,
.h3 {
  margin-bottom: 15px;
  font: 400 27px/130% var(--font-common), sans-serif;
  color: var(--color2);
}

h4,
.h4 {
  margin-bottom: 15px;
  font: 400 24px/130% var(--font-common), sans-serif;
  color: var(--color2);
}

h5,
.h5 {
  margin-bottom: 15px;
  font: 400 22px/130% var(--font-common), sans-serif;
  color: var(--color2);
}

h6,
.h6 {
  margin-bottom: 15px;
  font: 400 18px/130% var(--font-common), sans-serif;
  color: var(--color2);
}

.table {
  margin-bottom: 13px;
  border-collapse: collapse;
  border: 1px solid rgba(128, 152, 182, 0.5);
  color: #333333;
}
.table th {
  padding: 17px 10px;
  border: 1px solid rgba(128, 152, 182, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.table td {
  padding: 17px 10px;
  border: 1px solid rgba(128, 152, 182, 0.5);
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}
.table-row td {
  font-size: 10px;
  line-height: 13px;
}
.table_wide {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .table th {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 15px;
  }
  .table td {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 15px;
  }
  .table-row td {
    font-size: 10px;
    line-height: 13px;
  }
}

a {
  color: inherit;
  text-decoration: underline;
}
a:hover {
  color: inherit;
  cursor: pointer;
}

a img {
  border: none;
}

p {
  margin-bottom: 22px;
}

ul {
  list-style-type: none;
  margin: 0;
}

ol {
  margin-bottom: 20px;
}

b {
  font-weight: 600;
}

*::before, *::after {
  max-width: 100%;
}

main {
  flex: 1 0 auto;
}

footer {
  flex: 0 0 auto;
}

hr {
  margin-top: 28px;
  margin-bottom: 28px;
  border: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.5);
}

img, svg {
  max-height: 100%;
  max-width: 100%;
}

input {
  max-width: 100%;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

button {
  cursor: pointer;
  border: 0;
  outline: none;
  font-family: var(--font-common), sans-serif;
}

input,
textarea {
  padding: 6px;
  border-width: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: var(--font-common), sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
}

fieldset {
  border: 0;
}

::-webkit-input-placeholder {
  color: #9b9b9b;
  font-size: 13px;
}

:-moz-placeholder { /* Firefox 18- */
  color: #9b9b9b;
  font-size: 13px;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #9b9b9b;
  font-size: 13px;
}

:-ms-input-placeholder {
  color: #9b9b9b;
  font-size: 13px;
}

blockquote {
  overflow: hidden;
  margin-bottom: 23px;
  padding: 31px 30px 32px 58px;
  position: relative;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: var(--color7);
  background-color: var(--color2);
  border-radius: 30px;
}
blockquote:after {
  content: "”";
  position: absolute;
  top: 30px;
  left: 27px;
  font-size: 48px;
  line-height: 48px;
  color: #000000;
}
@media screen and (max-width: 992px) {
  blockquote {
    margin-bottom: 18px;
    padding: 22px 27px 22px 54px;
    font-size: 16px;
    line-height: 27px;
    border-radius: 25px;
  }
  blockquote:after {
    top: 23px;
    left: 23px;
  }
}
@media screen and (max-width: 770px) {
  blockquote {
    padding: 18px 15px 28px 32px;
  }
  blockquote:after {
    top: 14px;
    left: 13px;
    font-size: 32px;
  }
}

.quote_right {
  width: 49%;
  float: right;
  margin-left: 30px;
}
.quote_left {
  float: left;
  width: 49%;
  margin-right: 30px;
}
.quote-info {
  margin-bottom: 2px;
}
.quote cite {
  font-size: 15px;
  font-style: normal;
  color: var(--color1);
}

.cite {
  padding-left: 10px;
  font-style: normal;
  border-left: 2px solid #65ba5c;
}

.g-hidden {
  display: none;
}

.currency {
  font-family: "ALSRubl";
}

/* scrollbar */
.scrollbar {
  --scrollbar-size: 6px;
  --scrollbar-minlength: 6px;
  --scrollbar-ff-width: thin;
  --scrollbar-track-color: rgba(234,234,234,1);
  --scrollbar-color: rgba(145,144,144,1);
  --scrollbar-color-hover: rgba(145,144,144,1);
  --scrollbar-color-active: rgba(145,144,144,1);
  scrollbar-width: var(--scrollbar-ff-width);
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color);
}
.scrollbar::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size);
}
.scrollbar::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-color);
  border-radius: 3px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 3px;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-color-hover);
}
.scrollbar::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-color-active);
}
.scrollbar::-webkit-scrollbar-thumb:vertical {
  min-height: var(--scrollbar-minlength);
}
.scrollbar::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--scrollbar-minlength);
}

/* scrollbar */
/* simplebar */
.simplebar-track.simplebar-horizontal {
  height: 7px !important;
  bottom: 3px;
}

.simplebar-track.simplebar-vertical {
  width: 7px !important;
  right: 3px;
}

.simplebar-track {
  right: 0;
  background-color: transparent;
}

.simplebar-track .simplebar-scrollbar:before {
  left: 0;
  right: 0;
  background: var(--color4);
  border-radius: 5px;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
}
/* /simplebar */
.wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}
@media screen and (max-width: 992px) {
  .wrapper--sticky {
    padding-top: 70px;
  }
}
.container {
  min-width: 340px;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding-right: 45px;
  padding-left: 45px;
}
@media screen and (max-width: 992px) {
  .container {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 770px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.container.container--relative {
  position: relative;
}
.margin-container {
  margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .margin-container {
    margin-bottom: 45px;
  }
}
.content h2 {
  margin-top: 40px;
}
.content h2:first-child {
  margin-top: 0;
}
.content a:hover {
  text-decoration: none;
}
.content ul,
.content ol {
  margin: 0 0 20px;
}
.content ol li,
.content ul li {
  position: relative;
  padding-left: 21px;
}
.content ul li:last-child {
  margin-bottom: 0;
}
.content ul li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 7px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color1);
}
.content ol {
  list-style-type: none;
  counter-reset: item;
}
.content ol li {
  counter-increment: item;
  padding-left: 6px;
}
.content ol li::before {
  content: counter(item) '. ';
  display: inline-block;
  min-width: 12px;
  margin-right: 4px;
}
.content img {
  height: auto;
}
.content figcaption {
  position: relative;
  margin-top: -12px;
  padding: 13px 18px 16px;
  border: 1px solid #eaeaea;
  background-color: #fff;
  text-align: left;
  font-style: italic;
  font-size: 18px;
}
.content-video {
  position: relative;
  display: block;
  margin-bottom: 21px;
}
.content-video-img {
  display: block;
}
.content .list {
  overflow: hidden;
}
.content img[align=left] {
  margin-right: 29px;
  margin-bottom: 15px;
}
.content img[align=right] {
  margin-left: 29px;
  margin-bottom: 15px;
}
.content .paragraph {
  clear: both;
  margin-bottom: 3px;
}
.content .paragraph-middle {
  clear: both;
  margin-bottom: 17px;
}
.content_simple ul li {
  padding-left: 28px;
}
.content_simple ul li:before {
  top: 7px;
  left: 0;
  width: 15px;
  height: 11px;
  background: url("../images/about/about-check-icon.svg") no-repeat 0 0;
}
@media screen and (max-width: 992px) {
  .content {
    font-size: 14px;
    line-height: 24px;
  }
  .content h2 {
    margin-top: 23px;
  }
  .content ul {
    margin-bottom: 20px;
  }
  .content ul li:before {
    width: 5px;
    height: 5px;
  }
  .content ol {
    margin-bottom: 20px;
  }
  .content img[align=left] {
    margin-right: 20px;
  }
  .content img[align=right] {
    margin-left: 20px;
  }
  .content_simple ul li {
    padding-left: 24px;
  }
  .content_simple ul li:before {
    width: 15px;
    height: 11px;
  }
}
@media screen and (max-width: 770px) {
  .content img[align=left] {
    float: none;
    margin-right: 0;
  }
  .content img[align=right] {
    float: none;
    margin-left: 0;
  }
}

.img-right {
  float: right;
  margin-left: 29px;
  margin-bottom: 15px;
}

.img-left {
  float: left;
  margin-right: 29px;
  margin-bottom: 15px;
}

.clearfix:after {
  content: "";
  clear: both;
  display: table;
  line-height: 0;
}

.clear {
  clear: both;
}

.switcher {
  text-decoration: none;
  border-bottom: 1px dashed;
}

.switcher:hover {
  border-bottom-color: transparent;
}

.svg-box {
  display: none;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

.title-common {
  margin-bottom: 27px;
}

@media screen and (max-width: 992px) {
  h1,
  .h1 {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 34px;
  }
  h2,
  .h2 {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 32px;
  }
  h3,
  .h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
  }
  h4,
  .h4 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 28px;
  }
  h5,
  .h5 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
  }
  h6,
  .h6 {
    margin-bottom: 10px;
  }
  .img-right {
    margin-left: 20px;
  }
  .img-left {
    margin-right: 20px;
  }
  .title-common {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 770px) {
  .img-right {
    float: none;
    margin-left: 0;
  }
  .img-left {
    float: none;
    margin-right: 0;
  }
}

/* IE 11 */
/* /IE 11 */
.show-only-mobile576 {
  display: none !important;
}
@media screen and (max-width: 576px) {
  .show-only-mobile576 {
    display: block !important;
  }
}

@media screen and (max-width: 576px) {
  .hide-mobile576 {
    display: none !important;
  }
}

.hidden {
  height: 0 !important;
  opacity: 0 !important;
}

@media screen and (min-width: 992px) {
  .hide-desktop {
    display: none !important;
  }
}

.main-content__top-page-wrapper {
  padding-top: 30px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 992px) {
  .main-content__top-page-wrapper {
    padding-bottom: 30px;
  }
}

.breadcrumbs {
  margin-bottom: 25px;
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.breadcrumbs__list-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.breadcrumbs__list-item-link {
  color: var(--color7);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0%;
  text-decoration: none;
}
.breadcrumbs__list-item-link:hover {
  color: var(--color4);
}
.breadcrumbs__list-item-link:hover:is([disabled]) {
  pointer-events: none;
  cursor: default;
}
.breadcrumbs__list-item-link:is([disabled]) {
  color: var(--color4);
}

.field {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}
.field--nomargin {
  margin-bottom: 0;
}
.field-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  color: var(--color7);
  margin-top: 5px;
  padding-left: 5px;
}
.input,
.styled-form input[type="text"] {
  margin-top: auto;
  width: 100%;
  height: 42px;
  padding: 13px 12px 13px;
  font-weight: 500;
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  color: var(--color8);
  border-radius: 10px;
  background-color: var(--color-input);
  border: 1px solid var(--color5);
  /*
  &:not(:placeholder-shown) {
      border-color: var(--color7);
  }
  */
}
.input:focus,
.styled-form input[type="text"]:focus {
  border-color: var(--color7);
}
.input::placeholder,
.styled-form input[type="text"]::placeholder {
  font-size: 13px;
  color: var(--color9);
  font-weight: 500;
}
.input:-webkit-autofill, .input:-webkit-autofill:hover, .input:-webkit-autofill:focus,
.styled-form input[type="text"]:-webkit-autofill, .styled-form input[type="text"]:-webkit-autofill:hover, .styled-form input[type="text"]:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--color18);
  transition: background-color 1s ease-in-out 0s;
}
.input:disabled,
.styled-form input[type="text"]:disabled {
  background-color: var(--color5);
  color: var(--color7);
  border-color: var(--color5);
}
.input:disabled::placeholder,
.styled-form input[type="text"]:disabled::placeholder {
  color: var(--color7);
}
.input.form-error,
.styled-form input[type="text"].form-error {
  display: block;
  background-color: var(--color13);
  border-color: var(--color13);
}
.input.form-error::placeholder,
.styled-form input[type="text"].form-error::placeholder {
  color: transparent;
}
.input_textarea,
.styled-form .input_textarea {
  display: block;
  width: 100%;
  min-height: 82px;
  max-height: 82px;
  resize: none;
  transition: height 0.3s ease-in-out 0s;
}
label.form-error {
  margin-top: 5px;
  color: #e11439;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
.checkbox {
  position: relative;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.checkbox-main-text,
.radio-main-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.03em;
  color: var(--color2);
}
.checkbox-field {
  display: flex;
  gap: 5px;
  margin-bottom: 3px;
}
.checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  opacity: 0;
  cursor: pointer;
}
.checkbox-check {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  width: 20px;
  height: 20px;
  line-height: 17px;
  background-color: var(--color-input);
  border: 1px solid var(--color7);
  font-size: 10px;
  color: transparent;
  text-align: center;
  border-radius: 5px;
  margin: 0 10px 0 0;
}
.checkbox-check:hover {
  cursor: pointer;
}
.checkbox-label {
  color: var(--color11);
  letter-spacing: 0.14px;
  margin-top: 2px;
  font-size: 13px;
  line-height: 16px;
}
.checkbox-icon {
  visibility: hidden;
  width: 16px;
  height: 16px;
  background: url("/images/icons/check-icon.svg") no-repeat 0 0;
}
.checkbox-svg {
  visibility: hidden;
  width: 10px;
  height: 10px;
  stroke: var(--color4);
}
.checkbox-input:checked + .checkbox-check {
  border-color: var(--color4);
}
.checkbox-input:checked + .checkbox-check .checkbox-icon,
.checkbox-input:checked + .checkbox-check .checkbox-svg {
  visibility: visible;
}

.radio {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.radio-field-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 30px 25px 30px 32px;
  border: 2px solid var(--color1);
  border-radius: 15px;
}
.radio-field-wrapper:hover {
  box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.4);
  border-color: transparent;
}
.radio-item {
  margin-bottom: 14px;
}
.radio-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  opacity: 0;
  cursor: pointer;
}
.radio-label {
  margin-top: 3px;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.36px;
}
.radio-check {
  min-width: 22px;
  width: 22px;
  height: 22px;
  margin-right: 11px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--color0);
  border: 1px solid var(--color7);
  outline: 1px solid var(--color0);
}
.radio-input:checked + .radio-check {
  border-width: 4px;
  background-color: var(--color4);
  border-color: var(--color0);
  outline-color: var(--color4);
}
@media screen and (max-width: 992px) {
  .radio-check {
    margin-right: 9px;
  }
}

.button,
.styled-form button,
.styled-form input[type="submit"],
.styled-form input[type="button"],
#bx_register_resend_link {
  display: inline-block;
  padding: 12px 24px;
  text-decoration: none;
  white-space: nowrap;
  border: 0;
  cursor: pointer;
  border-radius: 50em;
  -webkit-appearance: none;
  text-align: center;
  background-color: var(--color4);
  color: var(--color0);
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 500;
  letter-spacing: 0.42px;
  transition: background-color 0.2s ease-in-out, border-color 0.1s ease-in-out;
}
.button:hover,
.styled-form button:hover,
.styled-form input[type="submit"]:hover,
.styled-form input[type="button"]:hover,
#bx_register_resend_link:hover {
  color: var(--color0);
  background: var(--hover-background);
  text-decoration: none;
}
.button:active,
.styled-form button:active,
.styled-form input[type="submit"]:active,
.styled-form input[type="button"]:active,
#bx_register_resend_link:active {
  color: var(--color0);
  background: var(--hover-background);
}
.button:disabled,
.button.disabled,
.styled-form button:disabled,
.styled-form input[type="submit"]:disabled,
.styled-form input[type="button"]:disabled,
#bx_register_resend_link:hover.disabled {
  opacity: 0.8;
  cursor: not-allowed;
}
.button_min-width {
  min-width: 150px;
}
.button_simple,
#bx_register_resend_link {
  color: var(--color4);
  background-color: transparent;
  border: 1px solid var(--color4);
}
.button_simple:hover,
#bx_register_resend_link:hover {
  background: var(--color4);
}
.button_simple:active,
#bx_register_resend_link:active {
  background: var(--hover-background);
}
#bx_register_resend {
  margin-top: 10px;
}
#bx_register_resend_text {
	text-align: center;
}
#bx_register_resend_link {
  width: 100%;
}
.button_plusicon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.button_plusicon:hover {
  background: var(--color4);
  color: var(--color0);
}
.button_plusicon:hover .icon path {
  stroke: var(--color0);
}
@media screen and (max-width: 992px) {
  .button_plusicon .icon {
    display: none;
  }
}
@media screen and (max-width: 770px) {
  .button_plusicon {
    width: auto;
  }
}
.button_onlyicon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color4);
  background: var(--color0);
  color: var(--color4);
  width: 51px;
  height: 51px;
  min-width: 51px;
  padding: 0;
}
.button_onlyicon:hover, .button_onlyicon:is(.active) {
  background: var(--color4);
  color: var(--color0);
}
.button_onlyicon:hover .icon path, .button_onlyicon:is(.active) .icon path {
  stroke: var(--color0);
}
@media screen and (max-width: 992px) {
  .button_onlyicon {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }
}
.button_onlyicon.button--stable {
  width: 51px;
  height: 51px;
  min-width: 51px;
}
.button .icon .icon-active-show {
  display: none;
}
.button:is(.active) .icon .icon-active-hide {
  display: none;
}
.button:is(.active) .icon .icon-active-show {
  display: initial;
}

.switch {
  display: flex;
  position: relative;
  font-weight: 400;
}
.switch.switch--center {
  align-items: center;
}
.switch-field {
  margin-bottom: 27px;
}
.switch-decor {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 34px;
  min-width: 34px;
  height: 19px;
  margin-right: 15px;
  padding: 2px;
  border-radius: 50em;
  background-color: var(--color12);
  cursor: pointer;
}
.switch-decor_simple {
  margin-right: 0;
}
.switch-icon {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 11px;
  height: 11px;
  background-color: var(--color0);
  border-radius: 50%;
  transition: left 0.1s ease-in-out 0s;
}
.switch-label {
  margin-top: 3px;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.36px;
}
.switch-label.switch-label--minimized {
  max-width: 180px;
  letter-spacing: 0.36px;
}
.switch-label a {
  color: var(--color8);
  font-weight: 500;
  text-decoration: none;
}
.switch-label a:hover {
  text-decoration: underline;
  color: var(--color8);
}
.switch-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  opacity: 0;
}
.switch-checkbox:checked + .switch-decor {
  background-color: var(--color4);
}
.switch-checkbox:checked + .switch-decor .switch-icon {
  left: 18px;
}
@media screen and (max-width: 992px) {
  .switch-label {
    margin-top: 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
  }
  .switch-decor {
    margin-right: 10px;
  }
}
@media screen and (max-width: 770px) {
  .switch-label {
    max-width: 220px;
  }
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

.form-row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.form-col-2 {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 992px) {
  .form-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .form-col-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 770px) {
  .form-row {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }
  .form-col-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.amount {
  display: flex;
  align-items: center;
  width: 89px;
  padding: 3px;
  border-radius: 50em;
  background-color: var(--color21);
}
.amount-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 26px;
  width: 26px;
  height: 26px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  line-height: 0;
}
.amount-icon {
  font-size: 16px;
  line-height: 0;
  color: #000000;
  font-weight: 600;
  font-style: normal;
}
.amount-digit {
  width: 30px;
  height: 30px;
  padding: 2px 4px;
  text-align: center;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  background-color: var(--color0);
  -moz-appearance: textfield;
  border-radius: 50%;
}
.amount-digit::-webkit-outer-spin-button, .amount-digit::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.amount_disabled .amount-counter:first-child .amount-icon {
  color: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 992px) {
  .amount-counter .amount-icon {
    margin-left: 0;
  }
  .amount-digit {
    width: 29px;
    height: 29px;
  }
}

/* slider-range */
.slider-range {
  margin-bottom: 13px;
}
.slider-range-panel {
  display: flex;
  align-items: center;
  margin-bottom: 31px;
}
.slider-range-panel-item {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-right: 16px;
}
.slider-range-panel-item:last-child {
  margin-right: 0;
}
.slider-range-input {
  flex-grow: 1;
  width: 100%;
  padding-left: 16px;
  padding-right: 32px;
}
.slider-range-track {
  height: 2px;
  margin-left: 10px;
  margin-right: 12px;
  background-color: var(--color25);
}
.slider-range-track:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 2px;
  background-color: inherit;
}
.slider-range-track:after {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 12px;
  height: 2px;
  background-color: inherit;
}
.slider-range-quantity {
  background-color: var(--color6);
}
.ui-slider-horizontal .slider-range-quantity {
  height: 2px;
}
.slider-range-label {
  position: absolute;
  top: 50%;
  left: 11px;
  margin-top: 1px;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 17px;
  color: #4F4F4F;
}
.slider-range-text {
  visibility: hidden;
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 12px;
  line-height: 17px;
  color: #000;
  transition: visibility 0.1s ease-in-out;
  white-space: nowrap;
}
.slider-range-text_max {
  left: auto;
  right: 0;
}
.slider-range-button:active .slider-range-text {
  visibility: visible;
}
.slider-range .slider-range-track {
  border-width: 0;
}
.slider-range .slider-range-button {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background-color: var(--color6);
  border-width: 0;
}
.slider-range .slider-range-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-color: var(--color0);
  border-radius: 50%;
}
.slider-range .slider-range-button:hover:after {
  width: 16px;
  height: 16px;
}
.slider-range-currency {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  margin-top: -1px;
  color: var(--color23);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.slider-range-input:focus ~ .slider-range-label {
  color: #000000;
}
/* /slider-range */
form .form-error:hover {
  cursor: text;
}

.eye-password {
  position: absolute;
  right: 12px;
  top: 0;
  height: 22px;
  transform: translateY(50%);
  cursor: pointer;
}

.eye-open,
.eye-close {
  width: 18px;
  height: 18px;
  color: var(--color9);
}

.eye-open {
  display: none;
}

.field--show-pass .eye-open {
  display: initial;
}

.field--show-pass .eye-close {
  display: none;
}

.forgotpass-link {
  color: var(--color4);
  margin-left: auto;
}

.forgotpass-link {
  text-decoration: none;
}

.popup-button--alternate-color {
  border: 1.5px solid var(--color4);
  color: var(--color4);
  background-color: var(--color0);
}

.field-button--first {
  margin-bottom: 15px;
}

.field-button--second {
  margin-bottom: 25px;
}

.popup-info.compare--default {
  color: var(--Gray, #B6B6B6);
}
.popup-info.compare--error {
  color: #e11439;
}
.popup-info.compare--correct {
  color: var(--color4);
}
.popup-info.popup-info--expadding {
  padding: 0 5px;
}

.field.field--smallmargin {
  margin-bottom: 5px;
}

.popup-notification {
  padding: 20px;
  border-radius: 10px;
  background: var(--color0);
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 45px;
  height: auto;
  transition: all 500ms;
  opacity: 1;
}
.popup-notification::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent transparent var(--color0) transparent;
  border-width: 0 13.5px 10px 13.5px;
  position: absolute;
  left: 40px;
  top: -10px;
}
@media screen and (max-width: 992px) {
  .popup-notification {
    position: fixed;
    top: 80px;
    left: 30px;
  }
}
@media screen and (max-width: 576px) {
  .popup-notification {
    margin: 5px;
  }
}

.popup-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.button_wide {
  width: 100%;
}

.region-notification {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.region-notification-assumption {
  font-size: 14px;
  line-height: 130%; /* 18.2px */
  letter-spacing: 0.42px;
  color: var(--color2);
}
.region-notification-assumption-title {
  font-weight: 500;
}
.region-notification-assumption-region {
  font-weight: 400;
}
@media screen and (max-width: 770px) {
  .region-notification-assumption {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.region-notification-buttons {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.region-notification-buttons .button {
  width: 100%;
}

@keyframes preloader-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.preloader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  width: 80px;
  height: 80px;
  background-color: #fff;
  padding: 5px;
  border-radius: 50%;
}
.preloader-container {
  width: 70px;
  height: 70px;
  border: 6px solid #eaeaea;
  border-top: 6px solid var(--color4);
  border-radius: 50%;
  animation: preloader-animation 1s linear infinite;
}
@media screen and (max-width: 992px) {
  .preloader {
    width: 70px;
    height: 70px;
  }
  .preloader-container {
    width: 60px;
    height: 60px;
  }
}

.mob-form-block {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  max-width: 730px;
  padding: 0;
  background-color: #fff;
  border: solid #eaeaea;
  border-width: 0 1px 1px 0;
  transition: transform 0.3s linear;
  transform: translateX(100%);
  overflow: hidden;
}
.mob-form-decor {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 990;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.mob-form-element {
  height: 100%;
}
.mob-form_active .mob-form-decor {
  display: block;
}
.mob-form-block.open {
  transform: translateX(0%);
}
.mob-form .simplebar-vertical {
  right: 0px;
}

body.mob-form-show {
  overflow: hidden;
}

body.mob-form-show .wrapper {
  overflow-y: scroll;
}

.header-top {
  background-color: var(--color2);
}
.header-top-container {
  display: flex;
  align-items: center;
  min-height: 45px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.header-top-left {
  margin-right: auto;
}
.header-top-right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header-contacts {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.header-contacts-item {
  display: flex;
  flex-wrap: wrap;
  margin-right: 25px;
  line-height: 11px;
}
.header-contacts-item:last-child {
  margin-right: 0;
}
.header-contacts-info {
  text-decoration: none;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.39px;
  color: var(--color10);
}
.header-contacts-info a {
  text-decoration: none;
}
.header-contacts-info a:hover {
  color: var(--color7);
}
.header-contacts-icon {
  min-width: 16px;
  margin-right: 9px;
  color: var(--color4);
}
.header-login {
  display: flex;
  margin-left: 45px;
}
a.header-login {
  text-decoration: none;
}
.header-login-label {
  text-decoration: none;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.39px;
  color: var(--color10);
}
.header-login:hover .header-login-label {
  color: var(--color7);
}
.header-main-container {
  display: flex;
  align-items: center;
  min-height: 97px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-logo-wrapper {
  padding-right: 12px;
  margin-right: 12px;
  /*border-right: 1px solid var(--color5);*/
  display: flex;
}
.header-logo-wrapper.no-border {
  border-right: none;
}
.header-logo {
  display: inline-block;
}
.header-name {
  max-width: 200px;
  padding-right: 21px;
  margin-right: auto;
  color: var(--color9);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.36px;
}
.header-logo-img {
  display: block;
  max-width: 210px;
  max-height: 70px;
}
.header-top-links {
  display: flex;
  align-items: center;
}
.header-top-links-item {
  margin-right: 43px;
}
.header-top-links-item:last-child {
  margin-right: 0;
}
.header-location {
  display: flex;
  align-items: center;
  text-decoration: none;
}
a.header-location:hover {
  text-decoration: none;
}
.header-location-icon {
  margin-right: 9px;
  color: var(--color4);
}
.header-location-name {
  margin-right: 5px;
  font-size: 13px;
  line-height: 16px;
  color: var(--color10);
  letter-spacing: 0.39px;
}
.header-location-label {
  font-size: 13px;
  line-height: 16px;
  color: var(--color4);
  letter-spacing: 0.39px;
}
.header-location-arrow {
  margin-left: 6px;
  margin-top: 1px;
  color: var(--color4);
}
a.header-location:hover .header-location-label {
  text-decoration: underline;
}

.header-search {
  flex-grow: 1;
  max-width: 509px;
  margin-right: 17px;
}
.header-main-menu-container {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 47px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-callback {
  margin-right: 20px;
}
.header-phone-container {
  position: relative;
}
.header-phone-block {
  display: flex;
  align-items: center;
}
.header-phone-switcher {
  margin-top: -5px;
  margin-left: 6px;
  color: var(--color4);
}
.header-phone-switcher-icon {
  transition: transform 0.2s ease-in-out 0s;
}
.header-phone-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 3;
  min-width: 243px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.header-phone-icon {
  margin-right: 9px;
  color: var(--color4);
}
.header-phone-number {
  font-size: 13px;
  line-height: 15px;
  color: var(--color6);
}
.header-phone-number a {
  text-decoration: none;
  color: var(--color6);
}
.header-phone-number a:hover {
  color: var(--color7);
}
.header-phone-list-item {
  padding: 10px 19px;
}
.header-phone-list-item:hover {
  background-color: var(--color6);
}
.header-phone-list-item:last-child {
  margin-bottom: 0;
}
.header-phone-list-number {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.39px;
}
.header-phone-list-number a {
  text-decoration: none;
  color: var(--color8);
}
.header-phone-list-number a:hover {
  color: var(--color8);
}
.header-phone_active .header-phone-dropdown {
  display: block;
}
.header-phone_active .header-phone-switcher-icon {
  transform: rotate(-180deg);
}
.header-phone-list-department {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.36px;
}
.header-phone-button {
  margin-bottom: 28px;
}
.header-menu-catalog {
  margin-right: 25px;
  margin-left: auto;
}
.header-menu-popup-button .menu-catalog-icon {
  min-width: 23px;
  height: 25px;
}
.header-tablet-phone-block, .header-tablet-login-wrapper {
  display: none;
}
.header-tablet-login-wrapper:hover .header-login-label {
  color: var(--color4);
}
.header-call-menu-popup-button-wrapper {
  margin-right: 12px;
}
.header-call-menu-popup-button-wrapper a {
  background: none;
}
.header-call-menu-popup-button-wrapper a:hover {
  background: none;
}

.header-2 .header-name {
  margin-right: 20px;
}
.header-2 .header-menu-catalog {
  margin-left: 0;
}
.header-2-callback {
  margin-left: 35px;
}
.header-2-callback-button {
  text-decoration: none;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.39px;
  color: var(--color10);
  border-bottom: 1px solid var(--color10);
}
.header-2-callback-button:hover {
  color: var(--color10);
  border-bottom-color: transparent;
}
@media screen and (max-width: 1500px) {
  .header-2-callback-button {
    width: min-content;
    display: block;
    text-align: center;
    border-bottom: none;
  }
  .header-2-callback-button:hover {
    color: var(--color7);
  }
}
.header-2-login {
  margin-left: auto;
}
@media screen and (max-width: 992px) {
  .header-2-login {
    display: none;
  }
}
.header-2 .header-search {
  margin-right: 15px;
  max-width: initial;
}
@media screen and (max-width: 992px) {
  .header-2 .header-search {
    margin-right: 20px;
  }
}
.header-2 .header-menu-catalog {
  margin-right: 15px;
}
.header-2 .header-user-links {
  margin-right: 25px;
}
@media screen and (max-width: 1200px) {
  .header-2 .header-user-links {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1500px) {
  .header-logo-img {
    max-width: 200px;
    max-height: 40px;
  }
  .header-contacts-item {
    flex-wrap: nowrap;
    align-items: center;
  }
  .header-location {
    padding-right: 20px;
  }
  .header-phone-block {
    width: max-content;
  }
}
@media screen and (min-width: 992px) {
  .header-call-menu-popup-button-wrapper {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    width: 100%;
    background-color: #fff;
  }
  .header-main-container {
    min-height: 65px;
    padding-top: 15px;
    padding-bottom: 12px;
  }
  .header-search {
    margin-right: 0;
  }
  .header-top {
    display: none;
  }
  .header-user-links {
    display: none;
  }
  .header-logo-img {
    max-width: 190px;
    max-height: 40px;
  }
  .header-search {
    margin-right: 20px;
    order: 3;
  }
  .header-main-menu-container {
    min-height: 62px;
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .header-callback {
    margin-right: 0;
    margin-left: 25px;
  }
  .header-logo-wrapper {
    display: flex;
    justify-content: center;
    border-right: none;
    margin-right: auto;
    padding-right: 0;
    order: 2;
    margin-right: 15px;
  }
  .header-name {
    display: none;
  }
  .header-main-menu {
    display: none;
  }
  .header-menu-catalog {
    display: none;
  }
  .header-callback {
    display: none;
  }
  .header-tablet-phone-block {
    display: block;
    margin-right: 20px;
    order: 4;
  }
  .header-tablet-phone-block .header-phone-number, .header-tablet-phone-block .header-phone-number a {
    color: var(--color1);
  }
  .header-tablet-login-wrapper {
    display: block;
    order: 5;
  }
  .header-tablet-login-wrapper .header-login {
    margin-left: 0;
  }
  .header-tablet-login-wrapper .header-login-label {
    color: var(--color1);
  }
  .header-call-menu-popup-button-wrapper {
    order: 1;
  }
}
@media screen and (min-width: 770px) {
  .header-mobile-search-button-wrapper {
    display: none;
  }
  .header-mobile-callback-button-wrapper {
    display: none;
  }
}
@media screen and (max-width: 770px) {
  .header-tablet-phone-block, .header-tablet-login-wrapper {
    display: none;
  }
  .header-main {
    border-bottom-width: 0;
  }
  .header-main-container {
    flex-wrap: nowrap;
    padding-top: 16px;
    padding-bottom: 13px;
  }
  .header-main-menu {
    display: none;
  }
  .header-logo-wrapper {
    display: flex;
    justify-content: center;
    border-right: none;
    order: 2;
    margin-right: auto;
  }
  .header-logo {
    margin-right: auto;
  }
  .header-logo-img {
    max-width: 158px;
  }
  .header-name {
    display: none;
  }
  .header-menu-catalog {
    display: none;
  }
  .header-search {
    width: 100%;
    max-width: none;
    display: none;
  }
  .header-callback {
    display: none;
  }
  .header-call-menu-popup-button-wrapper, .header-mobile-search-button-wrapper, .header-mobile-callback-button-wrapper {
    margin-right: 12px;
  }
  .header-call-menu-popup-button-wrapper a, .header-mobile-search-button-wrapper a, .header-mobile-callback-button-wrapper a {
    background: none;
  }
  .header-call-menu-popup-button-wrapper a:hover, .header-mobile-search-button-wrapper a:hover, .header-mobile-callback-button-wrapper a:hover {
    background: none;
  }
  .header-call-menu-popup-button-wrapper {
    order: 1;
  }
  .header-mobile-callback-button-wrapper {
    order: 3;
  }
  .header-mobile-search-button-wrapper {
    margin-right: 0;
    order: 4;
  }
}

.header-main-menu {
  background-color: var(--color0);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

body[data-header-top-color="colored"] .header-top {
  background-color: var(--color4);
}
body[data-header-top-color="colored"] .header-location-icon,
body[data-header-top-color="colored"] .header-location-label,
body[data-header-top-color="colored"] .header-contacts-icon {
  color: var(--color0);
}
body[data-header-top-color="colored"] .header-location-label {
  text-decoration: underline;
}
body[data-header-top-color="colored"] .header-location:hover .header-location-label {
  text-decoration: none;
}
body[data-header-top-color="colored"] .header-contacts a:hover {
  color: var(--color0);
  text-decoration: underline;
}
body[data-header-menu-color="colored"] .header-main-menu {
  background-color: var(--color4);
}
body[data-header-menu-color="colored"] .header-main-menu .menu-catalog-switcher {
  background-color: var(--color0);
  color: var(--color2);
}
body[data-header-menu-color="colored"] .header-main-menu .menu-catalog-switcher .menu-catalog-icon path {
  stroke: var(--color2);
}
body[data-header-menu-color="colored"] .header-main-menu .main-menu-link,
body[data-header-menu-color="colored"] .header-main-menu .user-links-icon,
body[data-header-menu-color="colored"] .header-main-menu .user-links-label {
  color: var(--color0);
}
body[data-header-menu-color="colored"] .header-main-menu .main-menu-link:hover {
  color: var(--color0);
  text-decoration: underline;
}
body[data-header-menu-color="colored"] .header-main-menu .main-menu-target .main-menu-link {
  color: var(--color2);
}
body[data-header-menu-color="colored"] .header-main-menu .main-menu-target .main-menu-link:hover {
  color: var(--color4);
  text-decoration: none;
}
body[data-header-menu-color="colored"] .header-main-menu .user-links-element:hover .user-links-icon,
body[data-header-menu-color="colored"] .header-main-menu .user-links-element:hover .user-links-label {
  color: var(--color0);
  text-decoration: underline;
}
body[data-header-menu-color="colored"] .header-main-menu .user-links-informer {
  background: var(--color0);
  color: var(--color2);
  border-color: var(--color4);
}

body[data-header-top-color="light"] .header-top {
  background-color: var(--color0);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body[data-header-top-color="light"] .header-location-name,
body[data-header-top-color="light"] .header-contacts-info {
  color: var(--color2);
}

body[data-header-top-color="transparent"] .header-top {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
body[data-header-top-color="transparent"] .header-location-name,
body[data-header-top-color="transparent"] .header-contacts-info {
  color: var(--color2);
}
body[data-header-menu-color="transparent"] .header-main-menu {
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

body[data-header-menu-color="dark"] .header-main-menu {
  background-color: var(--color2);
}
body[data-header-menu-color="dark"] .header-main-menu .main-menu-link,
body[data-header-menu-color="dark"] .header-main-menu .user-links-icon,
body[data-header-menu-color="dark"] .header-main-menu .user-links-label {
  color: var(--color0);
}
body[data-header-menu-color="dark"] .main-menu-target .main-menu-link:not(:hover) {
  color: var(--color2);
}
body[data-header-menu-color="dark"] .header-main-menu .user-links-informer {
  border-color: var(--color2);
}

.user-links {
  display: flex;
  gap: 25px;
}
@media screen and (max-width: 1200px) {
  .user-links {
    gap: 15px;
  }
}
.user-links-item {
  position: relative;
  min-width: 60px;
}
.user-links-item:last-child {
  margin-right: 0;
}
.user-links-element {
  display: flex;
  flex-direction: column;
  text-align: center;
}
a.user-links-element {
  text-decoration: none;
}
.user-links-icon {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 26px;
  text-align: center;
  line-height: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  color: var(--color2);
}
.user-links-label {
  display: block;
  font-size: 12px;
  line-height: 13px;
  color: var(--color2);
  letter-spacing: 0.36px;
}
.user-links-informer {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -7px;
  left: 17px;
  min-width: 20px;
  height: 20px;
  padding: 3px 4px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 10px;
  line-height: 11px;
  background-color: var(--color4);
  color: #fff;
  border: 2px solid #fff;
}
.user-links-informer.is-active {
  display: flex;
}
.user-links-element:hover .user-links-icon,
.user-links-element:hover .user-links-label {
  color: var(--color4);
}
.user-links-popup {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 20;
}
.user-links-popup-item {
  margin-top: 12px;
  padding: 15px 20px 20px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(187, 187, 187, 0.5);
  border-radius: 10px;
}
.user-links-item:hover .user-links-popup {
  display: block;
}
@media screen and (max-width: 992px) {
  .user-links-informer {
    left: 14px;
    min-width: 20px;
    height: 20px;
    padding-bottom: 3px;
    font-size: 11px;
  }
  .user-links-icon {
    min-height: 20px;
  }
  .user-links-icon svg {
    max-width: 20px;
    max-height: 20px;
  }
  .user-links-label {
    font-size: 11px;
    line-height: 12px;
    color: var(--color11);
    font-weight: 500;
  }
}

@media screen and (max-width: 992px) {
  body.mob-menu-show {
    overflow: hidden;
  }
  body.mob-menu-show .decor-popup {
    display: block;
    background-color: #fff;
  }
}
.socials {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.socials-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 50%;
  background-color: var(--color11);
}
.socials-link:hover {
  background-color: var(--color9);
}
.socials-link svg {
  fill: #fff;
}
.socials-colored .socials-item--meta .socials-link {background-color: #0064E1;}
.socials-colored .socials-item--meta .socials-link:hover {background-color: #0044D1;}
.socials-colored .socials-item--github .socials-link {background-color: #171515;}
.socials-colored .socials-item--github .socials-link:hover {background-color: #474545;}
.socials-colored .socials-item--gitlab .socials-link {background-color: #e24329;}
.socials-colored .socials-item--gitlab .socials-link:hover {background-color: #f26349;}
.socials-colored .socials-item--googleplus .socials-link {background-color: #dd4c3f;}
.socials-colored .socials-item--googleplus .socials-link:hover {background-color: #fd6c5f;}
.socials-colored .socials-item--instagram .socials-link {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);}
.socials-colored .socials-item--instagram .socials-link:hover {background: radial-gradient(circle at 30% 107%, #ffffb7 0%, #ffffb7 5%, #ff7969 45%, #f644bf 60%, #487aff 90%);}
.socials-colored .socials-item--linkedin .socials-link {background-color: #017ebd;}
.socials-colored .socials-item--linkedin .socials-link:hover {background-color: #219eed;}
.socials-colored .socials-item--ok .socials-link {background-color: #f18f1d;}
.socials-colored .socials-item--ok .socials-link:hover {background-color: #ffaf3d;}
.socials-colored .socials-item--pinterest .socials-link {background-color: #e7001e;}
.socials-colored .socials-item--pinterest .socials-link:hover {background-color: #ff203e;}
.socials-colored .socials-item--snapchat .socials-link {background-color: #f3e127;}
.socials-colored .socials-item--snapchat .socials-link:hover {background-color: #d3c107;}
.socials-colored .socials-item--telegram .socials-link {background-color: #28a2e2;}
.socials-colored .socials-item--telegram .socials-link:hover {background-color: #48c2ff;}
.socials-colored .socials-item--tiktok .socials-link {background-color: #171515;}
.socials-colored .socials-item--tiktok .socials-link:hover {background-color: #474545;}
.socials-colored .socials-item--x .socials-link {background-color: #171515;}
.socials-colored .socials-item--x .socials-link:hover {background-color: #474545;}
.socials-colored .socials-item--viber .socials-link {background-color: #7a3bab;}
.socials-colored .socials-item--viber .socials-link:hover {background-color: #9a5bcb;}
.socials-colored .socials-item--vk .socials-link {background-color: #0073f8;}
.socials-colored .socials-item--vk .socials-link:hover {background-color: #2093ff;}
.socials-colored .socials-item--whatsapp .socials-link {background-color: #2cb742;}
.socials-colored .socials-item--whatsapp .socials-link:hover {background-color: #4cd762;}
.socials-colored .socials-item--youtube .socials-link {background-color: #f80000;}
.socials-colored .socials-item--youtube .socials-link:hover {background-color: #ff2020;}

.pay-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.pay-list-item {
  margin-right: 10px;
  margin-bottom: 10px;
}
.pay-list-item:last-child {
  margin-right: 0;
}
.pay-list-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  width: 44px;
  height: 30px;
  padding: 6px;
  border-radius: 5px;
  background-color: var(--color11);
}
.pay-list-link:hover {
  background-color: var(--color9);
}
.pay-list-img {
  filter: grayscale(1);
}
.sticky-bottom-menu-list {
  position: fixed;
  z-index: 30;
  bottom: 0;
  left: 0;
  background: #fff;
  display: none;
  width: 100%;
}
.sticky-bottom-menu-list .user-links {
  display: flex;
  justify-content: space-between;
  padding: 0 18px;
}
.sticky-bottom-menu-list .user-links-item {
  min-width: auto;
  margin-right: 0;
  display: flex;
  align-items: center;
}
.sticky-bottom-menu-list .user-links-item:hover svg path {
  stroke: var(--color4);
  cursor: pointer;
}
.sticky-bottom-menu-list .user-links-icon {
  margin-bottom: 0;
}
.sticky-bottom-menu-list .user-links-icon svg {
  max-width: 24px;
  max-height: 24px;
}
.sticky-bottom-menu-list .user-links-element {
  padding: 15px 15px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .sticky-bottom-menu-list {
    display: block;
  }
  
  .sticky-bottom-menu-list .user-links-label {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .sticky-bottom-menu-list .user-links-element {
    padding: 15px 5px;
  }
}
@media screen and (max-width: 450px) {
  .sticky-bottom-menu-list .user-links {
    padding: 0 5px;
    gap: 0;
  }
}
.header-3 .header-name {
  padding-right: 30px;
}
@media screen and (max-width: 1200px) {
  .header-3 .header-name {
    padding-right: 20px;
  }
}
.header-3 .header-search {
  max-width: none;
  margin-right: 30px;
}
@media screen and (max-width: 1200px) {
  .header-3 .header-search {
    margin-right: 20px;
  }
}
.header-3-contacts {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .header-3-contacts {
    flex-direction: column;
    gap: 5px;
  }
}
@media screen and (max-width: 992px) {
  .header-3-contacts {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .header-3-callback-button {
    padding: 8px 20px;
    width: 100%;
  }
}
.header-3 .header-user-links {
  flex-shrink: 0;
}
.header-3 .user-links {
  gap: 25px;
}
.header-3 .user-links-item {
  min-width: 0;
}
.header-3 .user-links-icon {
  margin: 0;
}
.header-3 .user-links-label {
  display: none;
}
.header-3 .user-links-item_personal .user-links-label {
  display: block;
  font-size: 14px;
  line-height: 14px;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header-3 .user-links-item_personal .user-links-element {
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.header-phone-main {
  display: flex;
  align-items: center;
}
.header-phone-main-container {
  position: relative;
}
.header-phone-main-block {
  display: flex;
  align-items: center;
}
.header-phone-main-icon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  color: var(--color4);
  flex-shrink: 0;
}
.header-phone-main-number {
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  color: var(--color8);
  white-space: nowrap;
}
.header-phone-main-number:hover {
  color: var(--color4);
}
.header-phone-main-switcher {
  margin-top: -5px;
  margin-left: 6px;
  color: var(--color4);
}
.header-phone-main-switcher-icon {
  width: 6px;
  height: 6px;
  transition: transform 0.2s ease-in-out 0s;
}
.header-phone-main_active .header-phone-main-switcher-icon {
  transform: rotate(-180deg);
}
.header-phone-main-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 3;
  min-width: 220px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.header-phone-main_active .header-phone-main-dropdown {
  display: block;
}
.header-phone-main-list-item {
  padding: 10px 20px;
  border-top: 1px solid var(--color5);
}
.header-phone-main-list-item:first-child {
  border-top: none;
}
.header-phone-main-list-number {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.39px;
  text-decoration: none;
  color: var(--color8);
  white-space: nowrap;
}
.header-phone-main-list-number:hover {
  color: var(--color4);
}
.header-phone-main-list-department {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.36px;
}

.footer-main {
  background-color: var(--color8);
}
.footer-main-container {
  display: flex;
  justify-content: space-between;
  padding-top: 45px;
  padding-bottom: 35px;
}
.footer-bottom {
  background-color: var(--color2);
}
.footer-bottom-container {
  display: flex;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
.footer-item_company {
  width: 25%;
}
.footer-item_menu {
  padding-top: 12px;
}
.footer-item_menu--wrapper {
  width: 55%;
  display: flex;
  justify-content: space-evenly;
}
.footer-item_links {
  width: 19%;
}
.footer-logo-wrapper {
  display: flex;
  margin-bottom: 30px;
}
.footer-logo {
  padding-right: 12px;
  margin-right: 12px;
}
.footer-name {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.36px;
  color: var(--color10);
}
.footer-logo-img {
  display: block;
  max-width: 210px;
  max-height: 70px;
}
.footer-contacts-item {
  display: flex;
  margin-bottom: 32px;
}
.footer-contacts-item:last-child {
  margin-bottom: 0;
}
.footer-contacts-icon {
  width: 16px;
  min-width: 16px;
  margin-top: -2px;
  margin-right: 9px;
  text-align: center;
  color: var(--color4);
}
.footer-contacts-label {
  color: var(--color10);
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.39px;
}
.footer-contacts-label_simple a {
  text-decoration: none;
}
.footer-contacts-label_simple a:hover {
  text-decoration: underline;
}
.footer-contacts-phone {
  margin-bottom: 8px;
}
.footer-contacts-phone:last-child {
  margin-bottom: 0;
}
.footer-menu-name {
  display: block;
  margin-bottom: 13px;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 1.92px;
  text-transform: uppercase;
  color: var(--color10);
}
.footer-menu-name .footer-menu-name-expand-arrow {
  display: none;
}
.footer-menu-item {
  margin-bottom: 11px;
}
.footer-menu-item:last-child {
  margin-bottom: 0;
}
.footer-menu-link {
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.42px;
  color: var(--color7);
}
.footer-menu-link:hover {
  color: var(--color7);
  text-decoration: underline;
}
.footer-button-list {
  margin-bottom: 28px;
}
.footer-button-item {
  margin-bottom: 16px;
}
.footer-button-item:last-child {
  margin-bottom: 0;
}
.footer-button {
  width: 100%;
  display: flex;
  justify-content: center;
}
.footer-button-icon {
  min-width: 16px;
  margin-right: 10px;
  margin-top: -2px;
}
.footer-button:hover .footer-button-icon path {
  stroke: #fff;
}
.footer-socials {
  margin-bottom: 18px;
  margin-right: -10px;
}
.footer-socials:last-child {
  margin-bottom: 0;
}
.footer-socials-label {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.42px;
  color: var(--color10);
}
.footer-copyright {
  margin-right: auto;
}
.footer-develop {
  margin-left: auto;
}
.footer-copyright-list {
  display: flex;
  flex-wrap: wrap;
}
.footer-copyright-list-item {
  padding-right: 25px;
  margin-right: 25px;
  border-right: 1px solid rgba(182, 182, 182, 0.5);
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.36px;
  color: var(--color7);
}
.footer-copyright-list-item:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right-width: 0;
}
.footer-copyright-list-item a {
  text-decoration: none;
}
.footer-copyright-list-item a:hover {
  text-decoration: none;
}
.footer-develop {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.36px;
  color: var(--color7);
}
.footer-develop-label {
  margin-right: 9px;
}
.footer-develop-link {
  margin-top: -3px;
}
.footer-develop-img {
  max-width: 91px;
  max-height: 40px;
}
@media screen and (max-width: 992px) {
  .footer {
    padding-bottom: 65px;
  }
  .footer-main-container {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    flex-wrap: wrap;
  }
  .footer-item_company {
    width: 40%;
    order: 1;
  }
  .footer-item_links {
    width: 40%;
    order: 2;
  }
  .footer-item {
    padding: 0;
  }
  .footer-item_menu--wrapper {
    width: 100%;
    order: 3;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
  }
  .footer-item .footer-item_menu {
    width: 100%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    margin-bottom: 10px;
  }
  .footer-item .footer-item_menu:last-child {
    margin-bottom: 0;
  }
  .footer-menu-name {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
  }
  .footer-menu-name:hover {
    cursor: pointer;
    color: var(--color7, #B6B6B6);
  }
  .footer-menu-name .footer-menu-name-expand-arrow {
    display: block;
    margin-top: -4px;
  }
  .footer-menu {
    display: none;
  }
  .footer-item .footer-item_menu:is(.expanded) {
    padding: 0px 15px 10px 15px;
  }
  .footer-item .footer-item_menu:is(.expanded) .footer-menu {
    display: block;
  }
  .footer-item .footer-item_menu:is(.expanded) .footer-menu-name {
    color: var(--color7, #B6B6B6);
    padding: 15px 0;
  }
  .footer-item .footer-item_menu:is(.expanded) .footer-menu-name-expand-arrow {
    transform: rotate(180deg);
    margin-top: 0;
  }
  .footer-item .footer-item_menu:is(.expanded) .footer-menu-item {
    margin-bottom: 0;
  }
  .footer-menu-link {
    padding: 9px 0;
    display: block;
  }
  .footer-menu-link:hover {
    color: var(--color7, #B6B6B6);
    text-decoration: none;
  }
  .footer-logo-wrapper {
    padding: 9px 0;
    margin-bottom: 15px;
  }
  .footer-logo {
    border-right: none;
  }
  .footer-name {
    display: none;
  }
  .footer-contacts {
    display: flex;
    flex-direction: column;
  }
  .footer-contacts-item {
    margin-bottom: 5px;
    padding: 9px 0;
  }
  .footer-contacts-item--phones {
    order: 2;
  }
  .footer-contacts-item--phones .footer-contacts-phone:not(:first-child) {
    display: none;
  }
  .footer-contacts-item--worktime {
    order: 3;
  }
  .footer-contacts-item--adress {
    order: 1;
  }
  .footer-contacts-item--email {
    order: 4;
  }
  .footer-socials {
    margin-bottom: 10px;
  }
  .footer-socials-label {
    display: none;
  }
  .footer-copyright {
    width: 50%;
    margin-right: 0;
    text-align: center;
  }
  .footer-copyright-list-item {
    text-align: left;
    border-right: 0;
  }
  .footer-copyright-list-item:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 770px) {
  .footer-item_company {
    width: 100%;
    order: 1;
  }
  .footer-item_links {
    width: 100%;
    order: 3;
  }
  .footer-item_menu--wrapper {
    order: 2;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .footer-socials {
    margin-bottom: 15px;
  }
  .footer-socials .socials, .footer-socials .pay-list {
    justify-content: center;
  }
  .footer-bottom-container {
    flex-direction: column;
    padding-top: 0;
  }
  .footer-copyright {
    width: 100%;
    padding: 15px 0;
    position: relative;
  }
  .footer-copyright::after {
    content: "";
    position: absolute;
    width: 100vw;
    max-width: 100vw;
    left: -20px;
    border-bottom: 1px solid rgba(182, 182, 182, 0.5);
    bottom: 0;
  }
  .footer-copyright-list {
    flex-direction: column;
    align-items: center;
  }
  .footer-copyright-list-item {
    text-align: center;
    padding: 0;
    margin-right: 0;
  }
  .footer-develop {
    padding-top: 10px;
    margin: 0 auto;
  }
  .footer-contacts {
    margin-bottom: 15px;
  }
}

.footer-2-top {
  background-color: var(--color4);
  padding: 10px 0;
}

.footer-2-top-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.footer-2-top-menu {
  width: 100%;
}

@media screen and (max-width: 992px) {
  .footer-2-top-menu {
    display: none;
  }
}

.footer-2-top-menu-mob {
  display: none;
  flex-shrink: 0;
}

@media screen and (max-width: 992px) {
  .footer-2-top-menu-mob {
    display: block;
  }
}

.footer-2-top-menu-switcher {
  display: flex;
  padding: 5px;
}

.footer-2-top-menu-icon {
  width: 20px;
  color: var(--color0);
}

.footer-2-top-socials {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  color: var(--color0);
}

.footer-2-top-socials .footer-2-top-socials-label {
  font-size: 14px;
}

@media screen and (max-width: 992px) {
  .footer-2-top-socials {
    flex-shrink: 1;
  }

  .footer-2-top-socials .footer-2-top-socials-label {
    display: none;
  }

  .footer-2-top-socials .socials {
    gap: 8px;
  }

  .footer-2-top-socials .socials-link {
    min-width: 30px;
    width: 30px;
    height: 30px;
  }
}

.footer-2-logo-wrapper {
  display: flex;
  margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
  .footer-2-logo-wrapper {
    padding: 9px 0;
    margin-bottom: 15px;
  }
}

.footer-2-item_contacts {
  width: 50%;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 20px;
  padding-left: 60px;
}

@media screen and (max-width: 1400px) {
  .footer-2-item_contacts {
    padding-left: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .footer-2-item_contacts {
    padding-left: 0;
  }
}

@media screen and (max-width: 992px) {
  .footer-2-item_contacts {
    display: flex;
    justify-content: space-between;
    order: 3;
    width: 100%;
    gap: 80px;
  }
}

@media screen and (max-width: 768px) {
  .footer-2-item_contacts {
    flex-direction: column;
    gap: 20px;
  }
}

.footer-2-item_contact {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-contacts-item-big-value {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: var(--color0);
}

.footer-contacts-item-big-value a {
  text-decoration: none;
}

.footer-contacts-item-big-value a:hover {
  color: var(--color4);
}

.footer-contacts-item-big-label {
  font-size: 12px;
  color: var(--color7);
  white-space: nowrap;
}

.footer-2 .footer-main-container {
  gap: 30px;
}

footer[data-footer-top-color="light"] .footer-2-top {
  background-color: var(--color0);
  border-top: 1px solid var(--color5);
}

footer[data-footer-top-color="light"] .footer-menu-top-link,
footer[data-footer-top-color="light"] .footer-2-top-menu-icon {
  color: var(--color2);
}

footer[data-footer-top-color="light"] .footer-menu-top-link:hover {
  color: var(--color4);
}

footer[data-footer-top-color="dark"] .footer-2-top {
  background-color: var(--color2);
}

footer[data-footer-top-color="dark"] .footer-menu-top-link:hover {
  color: var(--color4);
}

footer[data-footer-main-color="light"] .footer-main {
  background-color: var(--color0);
  border-top: 1px solid var(--color5);
}

footer[data-footer-main-color="light"] .footer-name,
footer[data-footer-main-color="light"] .footer-contacts-label,
footer[data-footer-main-color="light"] .footer-menu-name,
footer[data-footer-main-color="light"] .footer-socials-label,
footer[data-footer-main-color="light"] .footer-contacts-item-big-value {
  color: var(--color2);
}

footer[data-footer-main-color="light"] .footer-menu-link,
footer[data-footer-main-color="light"] .footer-contacts-item-big-label {
  color: var(--color9);
}

footer[data-footer-bottom-color="light"] .footer-bottom {
  background-color: var(--color0);
  border-top: 1px solid var(--color5);
}

footer[data-footer-bottom-color="light"] .footer-copyright-list-item,
footer[data-footer-bottom-color="light"] .footer-develop {
  color: var(--color2);
}

.button-subscribe {
  white-space: normal;
}

.block-common {
  padding-top: 45px;
  padding-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .block-common {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.block-common.viewed {
  padding: 0;
}
.block-panel {
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .block-panel {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 770px) {
  .block-panel {
    flex-direction: column;
  }
}
@media screen and (min-width: 1500px) {
  .block-panel--hide-desktop {
    display: none;
  }
}
.block-panel-exlinks {
  display: flex;
  margin-left: auto;
  gap: 15px;
}
.block-panel-exlinks-item {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.92px;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--color9);
  border-radius: 5px;
}
.block-panel-exlinks-item.active {
  color: var(--color0);
  background: var(--color4, var(--color4));
}
.block-panel-exlinks-item:hover {
  background: none;
  color: var(--color4, var(--color4));
}
.title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.block-title {
  margin-bottom: 0;
  font-weight: 500;
}
@media screen and (max-width: 992px) {
  .block-title {
    font-size: 26px;
    line-height: 130%;
    letter-spacing: 0.78px;
  }
}
@media screen and (max-width: 770px) {
  .block-title {
    min-width: 190px;
    margin-bottom: 30px;
    text-align: center;
    /*max-width: min-content;*/
  }
}
.block-title-h1 {
  color: var(--color2);
  font-size: 38px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 1%;
  margin: 0;
}
@media screen and (max-width: 992px) {
  .block-title-h1 {
    font-size: 30px;
    line-height: 130%;
  }
}
.block-panel.block-panel--exlinks .block-link {
  margin-left: 90px;
}
@media screen and (max-width: 1500px) {
  .block-panel.block-panel--exlinks {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .block-panel.block-panel--exlinks .block-title {
    order: 1;
  }
  .block-panel.block-panel--exlinks .block-link {
    order: 2;
    margin: 0;
  }
  .block-panel.block-panel--exlinks .block-panel-exlinks {
    order: 3;
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 992px) {
  .block-panel.block-panel--exlinks .block-panel-exlinks-item {
    font-size: 14px;
  }
}
.block-panel.block-panel--exlinks .js-basic-select-selected {
  display: none;
}
@media screen and (max-width: 770px) {
  .block-panel.block-panel--exlinks .js-basic-select-selected {
    display: flex;
  }
}
.block-panel.block-panel--exlinks .js-basic-select .icon {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-panel.block-panel--exlinks .js-basic-select:hover .icon path {
  stroke: var(--color4);
}
@media screen and (max-width: 770px) {
  .block-panel.block-panel--exlinks .js-basic-select {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color5);
    background: var(--color6);
    border-radius: 10px;
    gap: 0;
    margin-bottom: 0;
  }
  .block-panel.block-panel--exlinks .js-basic-select .block-panel-exlinks-item {
    width: 100%;
    justify-content: space-between;
    padding: 12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.39px;
    text-transform: none;
  }
    .block-panel.block-panel--exlinks .js-basic-select .block-panel-exlinks-item:hover {
    background: none;
    color: var(--color4, var(--color4));
  }
  .block-panel.block-panel--exlinks .js-basic-select .block-panel-exlinks-item.active {
    background: none;
    color: var(--color9);
  }
  .block-panel.block-panel--exlinks .js-basic-select .block-panel-exlinks-item.active:hover {
    color: var(--color4, var(--color4));
  }
  .block-panel.block-panel--exlinks .js-basic-select-option {
    display: none;
  }
  .block-panel.block-panel--exlinks .js-basic-select.active .js-basic-select-option {
    display: flex;
  }
  .block-panel.block-panel--exlinks .js-basic-select.active .js-basic-select-option.active {
    display: none;
  }
  .block-panel.block-panel--exlinks .js-basic-select.active .js-basic-select-selected .icon {
    transform: rotate(180deg);
  }
}
.block-link {
  margin-left: auto;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 1.92px;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 15px;
}
.block-link:hover {
  color: var(--color2);
}
@media screen and (max-width: 992px) {
  .block-link {
    font-size: 14px;
    line-height: 120%; /* 16.8px */
  }
}
@media screen and (max-width: 770px) {
  .block-link {
    margin-left: unset;
  }
}
.block-link-list {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 90px;
}
.block-link-list .block-link {
  margin: 0;
}
@media screen and (max-width: 576px) {
  .block-link-list.block-link-list--mob-center {
    margin-left: 0;
    justify-content: center;
  }
}

.tag {
  display: flex;
  flex-wrap: wrap;
}
.tag-item {
  margin-right: 15px;
  margin-bottom: 15px;
}
.tag-link {
  display: block;
  padding: 11px 23px;
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 500;
  color: var(--color6);
  border: 1px solid var(--color6);
  border-radius: 50em;
  text-decoration: none;
  white-space: nowrap;
}
.tag-link:hover {
  background-color: var(--color6);
  color: var(--color0);
}
.tag-link_active {
  background-color: var(--color6);
  color: var(--color0);
}
@media screen and (max-width: 992px) {
  .tag-item {
    margin-right: 14px;
    margin-bottom: 14px;
  }
  .tag-link {
    padding: 7px 15px 9px;
    font-size: 14px;
  }
}

.marks {
  display: flex;
  flex-wrap: wrap;
}
.marks-item {
  margin-right: 5px;
  margin-bottom: 5px;
}
.marks-label {
  display: block;
  border-radius: 50em;
  padding: 5px 9px 4px;
  background-color: var(--color7);
  color: var(--color0);
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.1em;
  font-weight: 800;
}
.marks-label_new {
  background-color: var(--color13);
}
@media screen and (max-width: 992px) {
  .marks-item {
    margin-right: 3px;
  }
  .marks-label {
    padding: 5px 6px 4px;
    font-size: 8px;
  }
}

.simplebar--greeen .simplebar-track.simplebar-vertical {
  width: 5px;
  top: 15px;
  bottom: 15px;
  width: 9px;
}
.simplebar--greeen .simplebar-track {
  /*right: 17.5px;*/
  right: 3px;
}

.simplebar--greeen .simplebar-scrollbar:before {
  background: var(--color4);
}

.alert {
	position: relative;
	padding: 1rem 1.5rem;
	margin-bottom: 1rem;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
}

.alert-info {
	color: #193855;
	background-color: #eef3f9;
}

.alert a {
  text-decoration: none;
  border-bottom: 1px dashed;
}

.alert a:hover {
  border-bottom: none;
}

.popup-inline {
  margin: 40px auto;
}

.popup-inline table.error-404 {
  width: 100%;
}

.popup-inline table.error-404 td {
  font-size: 9px;
  line-height: 16px;
}

.popup-inline table.error-404 nobr {
  white-space: normal;
}

.popup-inline table.error-404 div.icon {
  display: none;
}

.popup-inline table.error-404 div.description {
  margin: 10px;
}

.styled-form .field-wrap .field-item input {
  margin-bottom: 5px;
}

.styled-form .field-wrap .field-item:last-child input {
  margin-bottom: 0;
}

.captcha_input {
  position: relative;
}

.menu-catalog-switcher {
  display: flex;
  align-items: center;
  padding-right: 25px;
  padding-left: 20px;
}

.menu-catalog-icon {
  min-width: 19px;
  margin-right: 9px;
}

.menu-catalog-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 7;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 15px;
  background-color: #fff;
}
.menu-catalog_active .menu-catalog-container {
  display: block;
}
.menu-catalog-block {
  max-height: calc(100vh - 245px);
  overflow-y: auto;
  overflow-x: hidden;
}
.menu-catalog-list {
  display: flex;
  flex-wrap: wrap;
}
.menu-catalog-item {
  width: 20%;
  margin-bottom: 31px;
  padding-right: 25px;
}
.menu-catalog-item:last-child {
  margin-bottom: 0;
}
.menu-catalog-link {
  display: flex;
  text-decoration: none;
  margin-bottom: 15px;
}
.menu-catalog-decor-left {
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -1;
  width: 100vw;
  max-width: none;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 0.2), inset 0 7px 7px -7px rgba(0, 0, 0, 0.1);
}
.menu-catalog-decor-right {
  position: absolute;
  top: 0;
  left: 49%;
  z-index: -1;
  width: 100vw;
  max-width: none;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 0.2), inset 0 7px 7px -7px rgba(0, 0, 0, 0.1);
}
.menu-catalog-img {
  width: 50px;
  height: 50px;
  margin-right: 13px;
  border-radius: 50%;
}
.menu-catalog-name {
  color: var(--color2);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.menu-catalog-link:hover .menu-catalog-name {
  color: var(--color6);
}
@media screen and (max-width: 1500px) {
  .menu-catalog-name {
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (max-width: 992px) {
  .menu-catalog-block {
    max-height: calc(100vh - 240px);
  }
  .menu-catalog-container {
    padding-top: 25px;
    padding-bottom: 20px;
  }
  .menu-catalog-switcher {
    padding: 9px;
    border-radius: 10px;
  }
  .menu-catalog-item {
    width: 25%;
    padding-right: 15px;
    margin-bottom: 25px;
  }
  .menu-catalog-link {
    font-size: 15px;
    line-height: 24px;
  }
  .menu-catalog-label {
    display: none;
  }
  .menu-catalog-icon {
    margin-right: 0;
  }
  .menu-catalog-img {
    width: 35px;
    height: 35px;
    margin-right: 11px;
  }
  .menu-catalog-name {
    font-size: 13px;
    line-height: 17px;
  }
}
.submenu-catalog-list {
  padding-right: 17px;
}
.submenu-catalog-item {
  margin-bottom: 9px;
  line-height: 22px;
}
.submenu-catalog-item:last-child {
  margin-bottom: 0;
}
.submenu-catalog-link {
  text-decoration: none;
  color: var(--color2);
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.28px;
}
.submenu-catalog-link:hover {
  color: var(--color6);
  text-shadow: 0 0 0.04em var(--color6);
}
@media screen and (max-width: 992px) {
  .submenu-catalog-list {
    padding-right: 0;
  }
  .submenu-catalog-item {
    margin-bottom: 10px;
    line-height: 16px;
  }
  .submenu-catalog-link {
    font-size: 12px;
    font-weight: 400;
  }
}












.body-custom-popup-active {
  overflow: hidden;
}

#mobile-menu.fullscreen-popup.active {
  overflow: unset;
}

.fullscreen-popup {
  height: 0;
  display: none;
}
.fullscreen-popup.active {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--color0);
  z-index: 100;
  overflow: auto;
}
.fullscreen-popup.active .fancybox-close {
  position: initial;
}
.fullscreen-popup .icon-arrow-left--wrapper {
  padding: 10px 20px 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.fullscreen-popup .icon-arrow-right--wrapper {
  margin-left: auto;
  padding: 10px 0px 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 770px) {
  .fullscreen-popup .icon-close--wrapper {
    padding: 10px 0px 10px 30px;
  }
}
.fullscreen-popup__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 75px;
  padding: 0 30px 0 30px;
  position: relative;
}
@media (max-width: 770px) {
  .fullscreen-popup__header {
    padding: 0 25px 0 25px;
  }
}
.fullscreen-popup__header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 1px;
  background: var(--color5);
}
.fullscreen-popup__header .site-logo {
  height: 27px;
}
.fullscreen-popup__menu {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  /*height: calc(100vh - 75px);*/
}
.fullscreen-popup__menu-item__list {
  height: calc(100vh - 75px);
}
.fullscreen-popup__menu-item {
  padding: 0 30px 0 30px;
}
@media (max-width: 770px) {
  .fullscreen-popup__menu-item {
    padding: 0 25px 0 25px;
  }
}
.fullscreen-popup__menu-item__list {
  overflow-y: auto;
}
.fullscreen-popup__menu-item-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.03em;
  color: var(--color8);
  text-decoration: none;
  min-height: 47px;
  display: flex;
  align-items: center;
}
.fullscreen-popup__menu-item-link:hover {
  text-decoration: none;
}
.fullscreen-popup__menu-item-link.parent {
  position: relative;
}
.fullscreen-popup__menu-item-link.parent::after {
  content: url("/images/icons/arrow-right-popup.svg");
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.fullscreen-popup__menu-item-link-text {
  padding-top: 2px;
}
.fullscreen-popup__menu-item-link-text--alternate {
  padding-top: 2px;
  color: var(--color_text_2);
}
.fullscreen-popup__menu-item-back-text {
  text-decoration: none;
  color: var(--color2);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.03em;
}
.fullscreen-popup__menu-item-section {
  color: var(--color2);
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 3%;
  background: var(--color21);
  padding: 0 30px 0 30px;
  text-transform: uppercase;
  min-height: 60px;
  display: flex;
  align-items: center;
}
@media (max-width: 770px) {
  .fullscreen-popup__menu-item-section {
    padding: 0 25px 0 25px;
  }
}
.fullscreen-popup__menu-item__header {
  display: flex;
  padding: 0 30px 0 30px;
  align-items: center;
  min-height: 75px;
}
@media (max-width: 770px) {
  .fullscreen-popup__menu-item__header {
    padding: 0 25px 0 25px;
  }
}
.fullscreen-popup__menu-item--child {
  padding: 0;
  height: 0;
  width: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 300ms;
}
.fullscreen-popup__menu-item--child.active {
  position: fixed;
  left: 0;
  top: 0;
  height: 100dvh;
  height: -webkit-fill-available;
  height: 100vh;
  min-height: -webkit-fill-available;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--color0);
  z-index: 102 !important;
  overflow: auto;
  opacity: 1;
}
.fullscreen-popup__menu-item__contacts {
  display: flex;
  align-items: center;
  height: 75px;
}
.fullscreen-popup__menu-item__socials {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px 0 30px 0;
}
.fullscreen-popup__menu-item__socials-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.01em;
}
.fullscreen-popup__menu-user-links {
  padding: 15px 30px 15px 30px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--color5);
  border-bottom: 1px solid var(--color5);
}
@media (max-width: 770px) {
  .fullscreen-popup__menu-user-links {
    padding: 15px 25px 15px 25px;
  }
}
.fullscreen-popup__menu-user-links .menu-user-links-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 12px 0;
}
.fullscreen-popup__menu-user-links .menu-user-links-item-icon {
  margin-right: 15px;
  max-width: 24px;
  max-height: 24px;
}
.fullscreen-popup__menu-user-links .menu-user-links-item-label {
  color: var(--color2);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 3%;
  margin-right: 10px;
}
.menu-user-links-item-informer {
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 3px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 10px;
  background-color: var(--color4);
  color: #fff;
  border: 2px solid var(--color4);
}
.menu-user-links-item-informer.is-active {
  display: flex;
}
.fullscreen-popup__menu__extra {
  padding: 15px 30px 35px 30px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media (max-width: 770px) {
  .fullscreen-popup__menu__extra {
    padding: 15px 25px 35px 25px;
  }
}
.fullscreen-popup__menu__extra .extra-list-item {
  display: flex;
  min-height: 34px;
  padding: 9px 0;
}
.fullscreen-popup__menu__extra .extra-list-item-icon {
  margin-right: 9px;
  min-width: 16px;
  min-height: 16px;
  color: var(--color4);
}
.fullscreen-popup__menu__extra .extra-list-item-text {
  text-decoration: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 3%;
  color: var(--color2);
  max-width: 240px;
}
.extra-list-item-inner {
  display: flex;
  flex-direction: column;
  margin-top: 1px;
}
.fullscreen-popup__menu__extra .header-location-name {
  color: var(--color2);
}
.fullscreen-popup__menu__extra .socials--wrapper {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 305px;
  margin: 0 auto;
}
@media (max-width: 770px) {
  .fullscreen-popup__menu__extra .socials--wrapper {
    width: 100%;
  }
}
.fullscreen-popup__menu__extra .socials {
  gap: 20px;
  justify-content: center;
}
.fullscreen-popup__menu__extra .socials-item {
  margin: 0;
}

.header-sticky {
  display: flex;
  position: fixed;
  top: 0;
  background: var(--color0);
  width: 100%;
  z-index: 100;
  display: none;
}
.header-sticky.active {
  display: flex;
  box-shadow: 0px 0px 2px #ccc;
}
@media screen and (max-width: 992px) {
  .header-sticky {
    display: none;
  }
}
.header-sticky--inner {
  display: flex;
  align-items: center;
  height: 65px;
}
.header-sticky .header-logo-wrapper {
  order: initial;
}
.header-sticky .user-links-icon {
  margin-bottom: 0;
  max-width: 24px;
  max-height: 24px;
}
.header-sticky .user-links {
  flex-shrink: 0;
}
.header-sticky .header-sticky-search .search-input {
  display: none;
}
.header-sticky .header-sticky-search .search-icon {
  margin-top: 0;
}
.header-sticky .header-sticky-search .search-button {
  position: initial;
}
.header-sticky.search-active .header-sticky-search {
  width: 100%;
  margin-right: 10px;
}
.header-sticky.search-active .search-input {
  display: initial;
}
.header-sticky.search-active .search-icon {
  margin-top: -2px;
}
.header-sticky.search-active .search-button {
  position: absolute;
}
.header-sticky .main-menu-wrapper {
  display: flex;
}
.header-sticky.search-active .main-menu-wrapper {
  display: none;
}
.header-sticky .user-links-item {
  min-width: 0;
}
.header-sticky .user-links-label {
  display: none;
}
.header-sticky .main-menu-wrapper .main-menu-list:not(:first-child) {
  width: 100%;
}

.catalog-popup {
  position: relative;
}
.catalog-popup__content {
  width: 100%;
  background-color: #fff;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
  display: none;
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
}
.catalog-popup.active .catalog-popup__content {
  display: flex;
}
.catalog-popup--wrapper.fixed {
  position: fixed;
  left: calc((100vw - 1500px) / 2);
  z-index: 100;
}
@media screen and (max-width: 1500px) {
  .catalog-popup--wrapper.fixed {
    left: 0;
    right: 0;
  } 
}
.catalog-popup--wrapper.fixed .catalog-popup__content {
  border-top: 1px solid var(--color5);
}
@media screen and (max-width: 992px) {
  .catalog-popup--wrapper {
    display: none;
  }
}
.catalog-popup-section {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 35px 25px 35px 25px;
  width: 16.6666666667%;
}
.catalog-popup-section__head {
  display: flex;
  align-items: center;
  gap: 15px;
  text-decoration: none;
}
.catalog-popup-section-image {
  width: 40px;
  height: 40px;
  border: 1px solid var(--color5);
  border-radius: 5px;
}
.catalog-popup-section-title {
  color: var(--color2);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
}
a.catalog-popup-section__head:hover .catalog-popup-section-title {
  color: var(--color4);
}
.catalog-popup-section__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.catalog-popup-section-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 55px;
  color: var(--color8);
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 3%;
  word-wrap: anywhere;
  text-decoration: none;
}
a.catalog-popup-section-item:hover {
  color: var(--color4);
}

.expand-hidden {
  display: none;
}
.expand-show {
  display: flex;
}

/*potom*/
.js-basic-select {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color5);
  background: var(--color6);
  border-radius: 10px;
  gap: 0;
  margin-bottom: 30px;
}
.js-basic-select .icon {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-basic-select-selected {
  display: flex;
}
.js-basic-select-selected--inner {
  width: 100%;
  justify-content: space-between;
  padding: 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.39px;
  text-transform: none;
  display: flex;
  align-items: center;
  text-decoration: none;
  border-radius: 5px;
  background: none;
  color: var(--color9);
}
.js-basic-select-option {
  display: none;
}
.js-basic-select.active .icon {
  transform: rotate(180deg);
}
.js-basic-select.active .js-basic-select-option {
  width: 100%;
  justify-content: space-between;
  padding: 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.39px;
  text-transform: none;
  display: flex;
  align-items: center;
  text-decoration: none;
  border-radius: 5px;
  background: none;
  color: var(--color9);
}
.js-basic-select.active .js-basic-select-option.active {
  display: none;
}

.block-text {
  margin-top: 45px;
  margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .block-text {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 770px) {
  .block-text {
    margin-top: 30px;
  }
}

.block-text-top {
  margin-bottom: 45px;
}

@media screen and (max-width: 992px) {
  .block-text-top {
    margin-bottom: 30px;
  }
}

.text-content h2 {
  color: var(--color8);
  font-size: 40px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 27px;
}
@media screen and (max-width: 992px) {
  .text-content h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
.text-content h3 {
  color: var(--color8);
  font-size: 28px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 30px;
  margin-top: 50px;
}
@media screen and (max-width: 992px) {
  .text-content h3 {
    font-size: 22px;
    margin-top: 40px;
  }
}
.text-content p {
  color: var(--color9);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.promotion-list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 30px;
}
@media screen and (max-width: 992px) {
  .promotion-list {
    gap: 30px 20px;
  }
}
.promotion-list-item {
  width: calc((100% - 90px) / 4);
}
@media screen and (max-width: 992px) {
  .promotion-list-item {
    width: calc((100% - 40px) / 3);
  }
  .promotion-list-item .benefits-offer-block {
    height: 330px;
  }
}
@media screen and (max-width: 770px) {
  .promotion-list-item {
    width: 100%;
  }
  .promotion-list-item .benefits-offer-block {
    height: 220px;
  }
}
.contacts-map {
  height: 100%;
}
.contacts-map--wrapper {
  height: 100%;
  width: calc(100% - 330px);
}
.contacts-map__block {
  height: 545px;
  border-radius: 10px;
  background: var(--color0);
  display: flex;
}
.contacts-map-item--list {
  position: relative;
  z-index: 1;
  width: 330px;
  overflow-y: auto;
  height: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid var(--color5);
  border-left: 1px solid var(--color5);
  border-top: 1px solid var(--color5);
  border-radius: 10px 0px 0px 10px;
  box-shadow: 10px 0px 15px 0px rgba(0, 0, 0, 0.15);
  background: var(--color0);
  scrollbar-color: var(--color4) var(--color5);
}

.contacts-map-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 25px;
  border-bottom: 1px solid var(--color5);
}
.contacts-map__block .ymaps-2-1-79-balloon__content{
  font: unset;
}
.contacts-map-item.is-active{
  backdrop-filter: brightness(0.95);
}
.contacts-map-item:last-child {
  border-bottom: none;
}
.contacts-map-item-title {
  max-width: 250px;
  color: var(--color8);
  font-size: 15px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}
@media screen and (max-width: 992px) {
  .contacts-map-item-title {
    color: var(--color4);
  }
}
@media screen and (max-width: 770px) {
  .contacts-map-item-title {
    max-width: none;
  }
}
.contacts-map-item-adress {
  color: var(--color8);
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}
.contacts-map-item-misc {
  display: flex;
  gap: 10px;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 770px) {
  .contacts-map-item-misc {
    justify-content: center;
  }
}
.contacts-map-item-misc__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contacts-map-item-misc-icon {
  min-width: 16px;
  width: 16px;
  min-height: 16px;
  color: var(--color4);
}
.contacts-map-item-misc-text {
  color: var(--color8);
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}
.contacts-map-item-button-shops {
  width: fit-content;
  margin-top: auto;
  display: none;
}
.contacts-map-item-link {
  font-size: 12px;
  line-height: 16px;
  color: var(--color4);
}
a.contacts-map-item-link:hover {
  color: var(--color4);
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .contacts-map-item.is-active {
    backdrop-filter: none;
  }
  .contacts-map__block {
    height: 340px;
  }
  .contacts-map-item--list {
    order: 2;
    border: none;
    box-shadow: none;
    width: 50%;
    border-radius: 0 10px 10px 0;
  }
  .contacts-map--wrapper {
    width: 50%;
  }
  .contacts-map-item {
    padding: 20px;
    display: none;
    border-bottom: none;
  }
  .contacts-map-item.is-active {
    display: flex;
    height: 100%;
  }
  .contacts-map-item-button-shops {
    display: inline-block;
  }
}
@media screen and (max-width: 770px) {
  .contacts-map__block {
    height: auto;
    flex-wrap: wrap;
  }
  .contacts-map-item--list {
    order: 2;
    border: none;
    box-shadow: none;
    width: 100%;
  }
  .contacts-map--wrapper {
    width: 100%;
    height: 250px;
  }
  .contacts-map-item {
    display: none;
    border-bottom: none;
    border-radius: 0 0 10px 10px;
  }
  .contacts-map-item.is-active {
    justify-content: center;
    text-align: center;
  }
  .contacts-map-item-button-shops {
    display: inline-block;
    margin: 0 auto;
  }
}
.ymap-item__list {
  display: none;
}

.contacts-map .ymaps-2-1-79-balloon {
  left: -160px !important;
  box-shadow: none;
}
.contacts-map .ymaps-2-1-79-balloon__layout {
  border-radius: 10px;
}
.contacts-map .ymaps-2-1-79-balloon__content {
  margin-right: 0 !important;
  padding: 0;
}
.contacts-map .ymaps-2-1-79-balloon__content > ymaps:first-child {
  overflow: unset !important;
  height: auto !important;
  width: auto !important;
  border-radius: 10px;
}
.contacts-map .contacts-map-item {
  width: 320px;
  padding: 5px 5px 25px 5px;
}
.contacts-map .contacts-map-item.contacts-map-item--no-img {
  padding: 25px 5px 25px 5px;
}
.contacts-map .contacts-map-item-img {
  border-radius: 10px;
}
.contacts-map .contacts-map-item-title {
  max-width: 100%;
}
.contacts-map .contacts-map-item-title,
.contacts-map .contacts-map-item-adress,
.contacts-map .contacts-map-item-misc,
.contacts-map .contacts-map-item__list,
.contacts-map .contacts-map-item-bottons {
  padding: 0 20px;
}
.contacts-map .contacts-map-item-botton {
  width: 100%;
}
.contacts-map .ymaps-2-1-79-balloon__tail {
  left: 160px !important;
  content: url("/images/icons/map-baloon-popup-icon.png");
  width: 44px;
  height: 24px;
  transform: translateX(-50%) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.contacts-map .ymaps-2-1-79-balloon__tail::after {
  display: none !important;
}
@media screen and (max-width: 992px) {
  .contacts-map .ymaps-2-1-79-inner-panes {
    border-radius: 10px 0 0 10px;
  }
}
@media screen and (max-width: 770px) {
  .contacts-map .ymaps-2-1-79-inner-panes {
    border-radius: 10px 10px 0 0;
  }
}

@media screen and (max-width: 992px) {
  .map-hide-popup--tablet .ymaps-2-1-79-balloon-pane {
    display: none !important;
  }
}

.contacts-map .gm-style .gm-style-iw-c {
  padding: 0 !important;
  max-width: none !important;
  max-height: none !important;
}

.contacts-map .gm-style-iw-ch {
  padding: 0;
}

.contacts-map .gm-style-iw-chr button {
  background: #fff !important;
  border-radius: 0 !important;
  border-bottom-left-radius: 50% !important;
  position: absolute !important;
  top: 0;
  right: 0;
  width: 30px !important;
  height: 30px !important;
  border-radius: 20px;
  opacity: 0.5;
  z-index: 2;
}

.contacts-map .gm-style-iw-chr button span {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgLjdsLS43LS43TDcgNi4zLjcgMCAwIC43IDYuMyA3IDAgMTMuM2wuNy43TDcgNy43bDYuMyA2LjMuNy0uN0w3LjcgN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 50% no-repeat;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  mask-image: none;
}

.contacts-map .gm-style-iw-d {
  max-height: none !important;
  overflow: auto !important;
}

.js-catalog-popup-section-expand_node.expanded .popup-section-expand-icon{
  transform: rotate(180deg);
  margin-bottom: -4px;
}

@media screen and (max-width: 576px) {
  .collections.block-common{
    padding-left: 0;
    padding-right: 0;
  }
}


.background-block {
  background-color: var(--color6);
}

.sticker-base {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 25px;
  border-radius: 5px;
  font-weight: 500;
  line-height: 100%;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: var(--color0);
}
.sticker-base.sticker-base--discount {
  color: var(--color0);
  background-color: var(--color4);
}
.sticker-base.sticker-base--name {
  color: var(--color0);
  background-color: var(--color15);
}
.sticker-base.sticker-base--promotion {
  background-color: var(--color15);
}
.sticker-base.sticker-base--special-offer {
  background-color: var(--color16);
}
.sticker-base.sticker-base--new {
  background-color: var(--color20);
}
.sticker-base.sticker-base--hit {
  background-color: var(--color18);
}
.sticker-base.sticker-base--timer {
  color: var(--color9);
  background-color: var(--color0);
}
.sticker-base.sticker-base--timer .timer-icon {
  margin-right: 5px;
}

.basket-item.is-active .basket-button--basket,
.basket-item:not(.is-active) .basket-button--add,
.basket-item:not(.is-active) .basket-button--quantity {
  display: none;
}

.basket-button--basket .icon {
  flex-shrink: 0;
}

.rating-review{
  position: relative;
  width: 97px;
  height: 26px;
}
.rating-active{
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 2;
}
.rating-passive{
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 1;
}
.rating-stars{
  width: max-content;
}

@media (max-width: 576px){
  .show-only-mobile576{
    display: flex !important;
  }
}

.contacts-map ymaps [class*=-balloon__close] {
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 0;
  border-bottom-left-radius: 50%;
}

.contacts-map ymaps [class*=-balloon__close-button] {
  display: block;
  cursor: pointer;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgLjdsLS43LS43TDcgNi4zLjcgMCAwIC43IDYuMyA3IDAgMTMuM2wuNy43TDcgNy43bDYuMyA2LjMuNy0uN0w3LjcgN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==') 50% no-repeat;
  border-radius: 20px;
  opacity: 0.5;
}

.ajax-block-loading {
  position: relative;
}

.ajax-block-loading::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.5;
  z-index: 10000;
}

.sidebar-wrapper {
  display: flex;
  gap: 30px;
}

@media (max-width: 992px) {
  .sidebar-wrapper {
    display: block;
  }
}

.sidebar {
  width: 210px;
  flex-shrink: 0;
}

@media (max-width: 992px) {
  .sidebar {
    width: 0;
  }

  .sidebar > div {
    display: none;
  }
}

.sidebar-content {
  flex-grow: 1;
  width: calc(100% - 240px);
}

@media (max-width: 992px) {
  .sidebar-content {
    width: 100%;
  }
}

.catalog-section-description-container {
  margin-bottom: 50px;
}

@media (max-width: 992px) {
  .catalog-section-description-container {
    margin-bottom: 30px;
  }
}

.catalog-section-description {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.catalog-section-description-container .show-switcher {
  display: none;
  margin-top: 10px;
}

.catalog-section-description::before {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent 30.59%, rgba(255, 255, 255, 1) 116.25%);
}

@media (max-width: 767px) {
  .catalog-section-description {
    height: 72px;
    overflow: hidden;
  }

  .catalog-section-description::before {
    display: block;
  }

  .catalog-section-description-container .show-switcher {
    display: inline-block;
  }

  .catalog-section-description-showmore.is-opened .catalog-section-description::before {
    display: none;
  }
  .catalog-section-description-showmore.is-opened .catalog-section-description {
    height: auto;
  }
  .catalog-section-description-showmore.is-opened .show-more_show {
    display: none;
  }
  .catalog-section-description-showmore.is-opened .show-more_hide {
    display: inline-block;
  }
  .catalog-section-description-showmore.is-opened .show-more-icon {
    transform: rotate(180deg);
  }
}

.catalog-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 30px 0;
}

.catalog-tag {
  display: flex;
  align-items: center;
  padding: 7px 10px;
  background-color: var(--color6);
  border-radius: 5px;
  gap: 10px;
}

a.catalog-tag {
  text-decoration: none;
}

.catalog-tag:hover {
  background-color: var(--color4);
}

.catalog-tag-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.03em;
  color: var(--color8);
}

.catalog-tag:hover .catalog-tag-name {
  color: var(--color0);
}

.popup-filter-header-mob {
  display: none;
}

@media (min-width: 992px) {
  .popup-filter-list {
    height: auto;
    overflow: initial;
  }
}

@media (max-width: 992px) {
  .sidebar .popup-filter {
    display: block;
  }

  .popup-filter-inner {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
    padding: 0;
    background-color: #fff;
    border: solid #eaeaea;
    border-width: 0 1px 1px 0;
    transition: transform 0.3s linear;
    transform: translateX(100%);
    overflow: hidden;
  }

  .popup-filter-inner.open {
    transform: translateX(0%);
  }

  .popup-filter-header-mob {
    display: block;
  }

  .popup-filter-list {
    padding: 5px 30px;
  }

  .filter-main-property:first-child {
    border-top: none;
  }
}

.showmoreheight.is-disabled .showmoreheight-content {
  height: auto;
}

.showmoreheight.is-disabled .showmoreheight-switcher {
  display: none;
}

.content table {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 45px;
  background-color: var(--color0);
  border-collapse: collapse;
  text-align: center;
  overflow: hidden;
}

@media (max-width: 767px) {
  .content table {
    margin-bottom: 30px;
  }
}

.content table tr:nth-child(2n - 1) {
  background-color: var(--color6);
}

.content table th,
.content table td {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  letter-spacing: 0.03em;
  text-align: center;
  padding: 20px;
  color: var(--color8);
}

.content table th {
  background-color: var(--color4);
  color: var(--color0);
  font-weight: 700;
}

.field-content {
  margin-bottom: 8px;
}

.field-file {
  display: none;
}

.file-container {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
  color: var(--color9);
}

.file-icon {
  width: 18px;
}

.field-label {
  font-size: 13px;
  font-weight: 500;
  line-height: 15.6px;
  letter-spacing: 0.03em;
  color: var(--color11);
}

.field-buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.field-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.field-label {
  white-space: nowrap;
}

.rating-form {
  display: flex;
  gap: 5px;
  white-space: nowrap;
}

.field .rating-form-item {
  cursor: pointer;
}

.field-rating-icon {
  width: 16px;
  height: 16px;
  color: var(--color5);
}

.rating-form-item.is-active .field-rating-icon {
  color: #ffde33;
}

.available-text {
  color: var(--color9);
  font-size: 14px;
  font-weight: 600;
}
.available-text[aval=in_stock] {
  color: var(--color19);
}
.available-text[aval=to_order] {
  color: var(--color18);
}
.available-text[aval=none] {
  color: var(--color17);
}

.catalog-item-block-buttons-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
}

@media screen and (max-width: 992px) {
	.catalog-item-block-buttons-link {
    justify-content: space-between;
  }
}

.catalog-item-block-buttons-cart-input-count {
  display: flex;
  height: 51px;
  justify-content: space-between;
  align-items: center;
  border-radius: 36px;
  border: 1px solid var(--color7);
  background: var(--color0);
}
@media screen and (max-width: 992px) {
  .catalog-item-block-buttons-cart-input-count {
    height: 42px;
  }
}
.catalog-item-block-buttons-cart-input-count .count {
  height: 100%;
  width: 100%;
  text-align: center;
  max-width: 80px;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  background: transparent;
}
.catalog-item-block-buttons-cart-input-count .button-decrease, .catalog-item-block-buttons-cart-input-count .button-increase {
  height: 100%;
  width: 38px;
  min-width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-item-block-buttons-cart-input-count .button-decrease .icon path, .catalog-item-block-buttons-cart-input-count .button-increase .icon path {
  fill: var(--color7);
  stroke-width: 1px;
  stroke: var(--color0);
}
.catalog-item-block-buttons-cart-input-count .button-decrease:hover, .catalog-item-block-buttons-cart-input-count .button-increase:hover {
  cursor: pointer;
}
.catalog-item-block-buttons-cart-input-count .button-decrease:hover .icon path, .catalog-item-block-buttons-cart-input-count .button-increase:hover .icon path {
  fill: var(--color8);
}
.catalog-item-block-buttons-cart-input-count:is(.focused) .button-decrease .icon path, .catalog-item-block-buttons-cart-input-count:is(.focused) .button-increase .icon path {
  fill: var(--color8);
}
.catalog-item-block-buttons-cart-input-count.disabled, .catalog-item-block-buttons-cart-input-count.disabled {
  background-color: var(--color5);
	border-color: var(--color7);
}
.catalog-item-block-buttons-cart-input-count.disabled .button-decrease, .catalog-item-block-buttons-cart-input-count.disabled .button-increase {
  cursor: default;
}
.catalog-item-block-buttons-cart-input-count.disabled .button-decrease .icon path, .catalog-item-block-buttons-cart-input-count.disabled .button-increase .icon path {
  fill: var(--color7);
  stroke: var(--color5);
}
.catalog-item-block-buttons-cart-input-count .button-decrease {
  padding-left: 20px;
}
.catalog-item-block-buttons-cart-input-count .button-increase {
  padding-right: 20px;
}
.catalog-item-block-buttons-cart-input-count.disabled .count {
  color: var(--color7);
}
@media screen and (max-width: 770px) {
  .catalog-item-block-buttons-cart-input-count .button-decrease {
    padding-left: 5px;
  }
  .catalog-item-block-buttons-cart-input-count .button-increase {
    padding-right: 5px;
  }
}

input[type='number'] { -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }

.reaction {
	display: flex;
	align-items: center;
	gap: 30px;
}

.reaction-item {
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--color7);
}

a.reaction-item {
	text-decoration: none;
}

.reaction-item.is-active {
	color: var(--color4);
}

.reaction-item.is-active .hand {
	fill: var(--color4);
}

.reaction-value {
	font-size: 14px;
	font-weight: 600;
	line-height: 16.8px;
}

.button_icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.catalog-element-buy-with {
  padding-top: 45px;
  padding-bottom: 45px;
}

@media screen and (max-width: 992px) {
  .catalog-element-buy-with {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.orders-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 45px;
}

@media screen and (max-width: 992px) {
  .orders-filter {
    margin-bottom: 30px;
  }
}

.selectric-orders-filter-select .selectric {
  min-width: 233px;
  background-color: var(--color6);
  border: 1px solid var(--color5);
  border-radius: 10px;
}

.page-container ul,
.page-container ol {
  padding-left: 20px;
  margin-bottom: 20px;
}

.page-container ul {
  list-style: initial;
}

.page-container li {
  margin-bottom: 10px;
}

.page-404 {
  margin-bottom: 45px;
}

@media screen and (max-width: 992px) {
  .page-404 {
    margin-bottom: 30px;
  }
}

.page-404-description {
  margin-bottom: 20px;
}

.popup-review {
  max-width: 800px;
}

.index_blocks_viewed .block-panel {
  margin-bottom: 30px;
}

.index_blocks_viewed .block-title {
  margin-bottom: 0;
}

.table-wide {
  width: 100%;
}

.table-left td {
  text-align: left;
}