/* stylelint-disable */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
*:focus {
  outline: none;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.common-link-underline {
  border-bottom: 1px solid;
  border-bottom-color: #c19c7e;
}
.common-link-underline:hover,
.common-link-underline:active {
  color: #7a6350;
  border-bottom-color: #7a6350;
}
.common-hint {
  position: relative;
}
.common-hint--margin {
  margin-top: 9px;
}
.common-hint__icon-wrap {
  position: absolute;
  right: -32px;
  bottom: 0;
  width: 20px;
}
.common-hint__mark {
  position: relative;
  z-index: 1;
  width: 19px;
  height: 19px;
  display: block;
  border: 1px solid #ffffff;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
}
.common-hint__mark::after {
  content: "?";
  position: absolute;
  top: 3px;
  left: 6px;
  color: #d9c4b3;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}
.common-hint__mark:hover,
.common-hint__mark:active {
  background-color: #ffffff;
}
.common-hint__mark:hover::after,
.common-hint__mark:active::after {
  color: #291a2d;
}
.common-hint__mark:hover .common-hint__text,
.common-hint__mark:active .common-hint__text {
  display: block;
}
.common-hint__text {
  position: absolute;
  bottom: 195%;
  left: 85%;
  display: none;
  margin: 0;
  width: 202px;
  min-height: 70px;
  padding-top: 8px;
  padding-left: 11px;
  padding-right: 10px;
  padding-bottom: 20px;
  color: #291a2d;
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0.1em;
  background-color: #c2c2c2;
  border-radius: 10px;
  z-index: 1;
}
.common-hint__text::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -10px;
  border: 25px solid transparent;
  border-left-color: #c2c2c2;
  z-index: -1;
}
@media (min-width: 720px) {
  .common-hint__text {
    width: 350px;
    font-size: 16px;
  }
}
.common-text-input {
  width: 100%;
  padding: 10px;
  color: #291a2d;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  background-color: #dee5eb;
  border: none;
}
.common-text-input::-webkit-input-placeholder {
  font-family: "Montserrat", "Arial", sans-serif;
  color: #291a2d;
}
.common-text-input::-ms-input-placeholder {
  font-family: "Montserrat", "Arial", sans-serif;
  color: #291a2d;
}
.common-checkbox__input[type="checkbox"] + label {
  position: relative;
  display: block;
  cursor: pointer;
}
.common-checkbox__input[type="checkbox"] + label::before {
  content: "";
  position: absolute;
}
.common-checkbox__input[type="checkbox"]:checked + label::after {
  content: "";
  position: absolute;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
.common-checkbox__input--transparent[type="checkbox"] + label::before {
  content: "";
  top: 2px;
  left: 3px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1px solid #dee5eb;
}
.common-checkbox__input--transparent[type="checkbox"] + label:hover::before {
  border-color: #c19c7e;
}
.common-checkbox__input--transparent[type="checkbox"]:checked + label::after {
  width: 20px;
  height: 20px;
  top: 3px;
  left: 4px;
  background-image: url("../img/icons/icon-yes.svg");
}
.common-checkbox__input--default[type="checkbox"] + label::before {
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: #dee5eb;
}
.common-checkbox__input--default[type="checkbox"]:checked + label::after {
  width: 17px;
  height: 17px;
  top: 0;
  left: 0;
  background-image: url("../img/icons/icon-yes-dark.svg");
}
@media (min-width: 720px) {
  .common-checkbox__input--transparent[type="checkbox"] + label::before {
    top: 4px;
    width: 31px;
    height: 31px;
  }
  .common-checkbox__input--transparent[type="checkbox"]:checked + label::after {
    width: 31px;
    height: 31px;
    top: 5px;
    left: 4px;
  }
}
@media (min-width: 992px) {
  .common-checkbox__input--transparent[type="checkbox"] + label::before {
    content: "";
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
  }
  .common-checkbox__input--transparent[type="checkbox"]:checked + label::after {
    width: 15px;
    height: 15px;
    top: 4px;
    left: 4px;
  }
}
.common-button {
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #291a2d;
  text-align: center;
  text-transform: uppercase;
  background-color: #dee5eb;
  border: none;
  border-radius: 50px;
  cursor: pointer;
}
.common-button:hover {
  color: #ffffff;
  background-color: #7f9ab1;
}
.common-form-button {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #291a2d;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #dee5eb;
  border: 0;
  border-radius: 50px;
  cursor: pointer;
}
.common-form-button:hover {
  color: #ffffff;
  background-color: #7f9ab1;
}
.common-decoration {
  border: 1px solid rgba(146, 128, 119, 0.4);
  background-color: #928077;
  background-image: url("../img/bg-dots-navigation.png");
  background-repeat: no-repeat;
  background-position: right -3% bottom -7%;
  z-index: 1;
}
.common-decoration__item {
  position: absolute;
  width: 18px;
  height: 18px;
}
.common-decoration__item--top-right {
  top: -5px;
  right: -5px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid hsl(0, 0%, 100%);
}
.common-decoration__item--bottom-right {
  bottom: -5px;
  right: -5px;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.common-decoration__item--top-left {
  top: -5px;
  left: -5px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
.common-decoration__item--bottom-left {
  bottom: -5px;
  left: -5px;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
@media (min-width: 720px) {
  .common-decoration__item--top-right {
    top: -7px;
    right: -8px;
  }
  .common-decoration__item--bottom-right {
    bottom: -7px;
    right: -8px;
  }
  .common-decoration__item--bottom-left {
    bottom: -7px;
    left: -8px;
  }
  .common-decoration__item--top-left {
    top: -7px;
    left: -8px;
  }
}
.common-radio {
  margin-bottom: 10px;
}
.common-radio--transparent {
  margin-bottom: 23px;
}
.common-radio--transparent:last-child {
  margin-bottom: 4px;
}
.common-radio__label {
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.09em;
  cursor: pointer;
}
.common-radio__label--transparent {
  font-size: 19px;
}
.common-radio__input[type="radio"] + label {
  position: relative;
  display: block;
  cursor: pointer;
}
.common-radio__input[type="radio"] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 20px;
  height: 20px;
  background-color: #dee5eb;
  border-radius: 50%;
}
.common-radio__input--transparent[type="radio"] + label::before {
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 1px solid #fafafa;
  border-radius: 50%;
}
.common-radio__input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 4px;
  margin-top: auto;
  margin-bottom: auto;
  width: 12px;
  height: 12px;
  background-color: #291a2d;
  border-radius: 50%;
}
.common-radio__input--transparent[type="radio"]:checked + label::after {
  left: 5px;
  width: 8px;
  height: 8px;
  background-color: #c8a282;
}
@media (min-width: 992px) {
  .common-radio__label {
    font-size: 14px;
  }
  .common-radio__label--transparent {
    font-size: 19px;
  }
  .common-radio__label--filters {
    width: auto;
    max-width: 118px;
  }
}
.common-video-ads__heading {
  padding: 0;
  margin: 0;
  margin-bottom: 23px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .common-video-ads__heading {
    margin-bottom: 23px;
  }
  .common-video-ads {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .common-video-ads__heading {
    margin-bottom: 22px;
    padding-left: 1px;
  }
}
.common-video-player video {
  max-width: 100%;
  margin-bottom: 10px;
}
.common-video-player__caption {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
}
.common-page-heading-wrapper {
  padding-top: 30px;
  padding-bottom: 50px;
  background-image: url("../img/common-page-heading-bg--mobile.jpg");
  background-color: #b6aea4;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.64);
  overflow: hidden;
}
.common-page-heading-wrapper__heading {
  position: relative;
  margin: 0;
  width: 456px;
  padding: 13px 0;
  margin-left: auto;
  margin-right: 41px;
  font-size: 36px;
  line-height: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #dee5eb;
  text-align: center;
  background-color: rgba(122, 99, 80, 0.7);
}
.common-page-heading-wrapper__heading::after {
  content: "";
  position: absolute;
  top: -57px;
  left: -102px;
  width: 295px;
  height: 197px;
  background-image: url("../img/common-page-heading-bg-spots.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
@media (min-width: 992px) {
  .common-page-heading-wrapper {
    margin-bottom: 0;
    width: auto;
    margin-left: 50px;
    margin-right: 50px;
    background-image: url("../img/common-page-heading-bg--tablet.jpg");
  }
  .common-page-heading-wrapper__heading {
    margin-right: 70px;
  }
  .common-page-heading-wrapper__heading::after {
    top: -55px;
    left: -135px;
  }
}
@media (min-width: 1280px) {
  .common-page-heading-wrapper {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 31px;
  }
  .common-page-heading-wrapper__heading {
    width: 457px;
    margin-right: 71px;
    padding-top: 11px;
    padding-bottom: 14px;
  }
  .common-page-heading-wrapper__heading::after {
    top: -56px;
    left: -135px;
  }
}
.common-accordion {
  padding: 0;
  margin: 0;
}
.common-accordion__item {
  margin-bottom: 10px;
}
.common-accordion__item--clicked .common-accordion__content {
  height: auto;
  padding-top: 33px;
  padding-bottom: 27px;
}
.common-accordion__item--clicked .common-accordion__title::before {
  background-image: url("../img/icons/faq-arrow-icon-hover.png");
}
.common-accordion__title {
  position: relative;
  padding-right: 0;
  margin: 0;
  padding-left: 87px;
  padding-top: 24px;
  padding-bottom: 27px;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05em;
  background-color: #8f8c8a;
  cursor: pointer;
}
.common-accordion__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 28px;
  width: 35px;
  height: 35px;
  margin-top: -18px;
  background-image: url("../img/icons/faq-arrow-icon.png");
}
.common-accordion__title--small {
  padding-top: 19px;
  padding-bottom: 19px;
  font-size: 18px;
}
.common-accordion__title:hover {
  background-color: #14592a;
}
.common-accordion__content {
  padding: 0;
  margin: 0;
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  font-size: 18px;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #ffffff;
  background-color: rgba(143, 140, 138, 0.3);
}
.common-accordion__content p {
  padding: 0;
  margin: 0;
  margin-bottom: 18px;
}
.common-accordion__content img {
  margin-bottom: 20px;
  margin-right: 20px;
}
.common-accordion__image-wrapper-row {
  margin: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-accordion__image-wrapper-row > * {
  margin-right: 16px;
}
.common-accordion__image-wrapper-row > *:last-child {
  margin-right: 0;
}
.common-accordion__image-wrapper-col {
  margin: 27px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.common-accordion__image-wrapper-col > * {
  margin-bottom: 20px;
  margin-right: 0;
}
.common-accordion__image-wrapper-col > *:last-child {
  margin-bottom: 0;
}
.common-accordion__flex-wrapper {
  margin-top: 27px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 719px) {
  .common-accordion__title {
    padding-right: 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .common-accordion__title--small {
    font-size: 14px;
  }
  .common-accordion__content {
    padding-right: 15px;
    font-size: 14px;
    line-height: 24px;
  }
  .common-accordion__content img {
    margin-bottom: 10px;
    width: 278px;
  }
  .common-accordion__flex-wrapper {
    flex-direction: column;
  }
}
.common-accordion__description {
  padding: 15px 10px;
  background-color: rgba(122, 99, 80, 0.7);
}
.common-accordion__description p {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 16px;
}
.common-accordion__more-link {
  margin: 16px 0;
  font-size: 14px;
  text-align: right;
}
@media (min-width: 992px) {
  .common-accordion {
    padding-bottom: 0;
  }
  .common-accordion__title {
    padding-right: 27px;
    padding-top: 19px;
    padding-bottom: 19px;
    font-size: 18px;
    line-height: normal;
  }
  .common-accordion__title::before {
    left: 29px;
  }
  .common-accordion__title--small {
    padding-bottom: 22px;
    font-size: 16px;
  }
  .common-accordion__item--clicked .common-accordion__content {
    padding-bottom: 22px;
  }
  .common-accordion__content {
    padding-right: 29px;
    padding-bottom: 0;
    font-size: 16px;
    line-height: normal;
  }
  .common-accordion__content img {
    margin-right: 32px;
  }
  .common-accordion__image-wrapper-col > img {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .common-accordion__image-wrapper-col > img:last-child {
    margin-bottom: 0;
  }
  .common-accordion__flex-wrapper {
    justify-content: flex-start;
  }
  .common-accordion__description p {
    font-size: 13px;
    line-height: 1.2;
  }
}
@media (min-width: 1280px) {
  .common-accordion {
    padding-bottom: 30px;
  }
  .common-accordion__title {
    padding-top: 20px;
    padding-bottom: 21px;
    font-size: 16px;
  }
  .common-accordion__item--clicked .common-accordion__content {
    padding-bottom: 24px;
  }
  .common-accordion__content {
    padding-left: 27px;
    padding-right: 20px;
    padding-bottom: 0;
    font-size: 14px;
  }
  .common-accordion__content p {
    margin-bottom: 10px;
  }
  .common-accordion__more-link {
    font-size: 12px;
  }
}
.common-text-page__wrapper {
  padding-top: 4px;
  background-color: rgba(20, 20, 20, 0.7);
}
.common-text-page__section,
.common-text-page__desc {
  padding-left: 29px;
  padding-right: 29px;
  padding-top: 28px;
}
.common-text-page__section--padding {
  padding-bottom: 50px;
}
.common-text-page__list {
  padding: 0;
  margin: 0;
  display: block;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.1em;
  color: #c2c2c2;
  list-style-type: none;
}
.common-text-page__list li {
  display: block;
}
.common-text-page__list--margin {
  margin-bottom: 24px;
}
.common-text-page__section-title {
  padding: 0;
  margin: 0;
  margin-bottom: 22px;
  margin-left: 32px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-transform: uppercase;
  color: #d9c4b3;
}
.common-text-page__section-text,
.common-text-page__desc {
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.1em;
  color: #c2c2c2;
}
.common-text-page__desc {
  padding-left: 29px;
  padding-right: 29px;
  margin-bottom: 0;
  padding-top: 28px;
}
@media (max-width: 719px) {
  .common-text-page__desc {
    padding-left: 15px;
    padding-right: 15px;
  }
  .common-text-page__section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .common-text-page__section-title {
    margin-left: 0;
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .common-text-page__section-title {
    margin-left: 35px;
  }
  .common-text-page__wrapper {
    padding-top: 10px;
    margin-left: 50px;
    margin-right: 50px;
  }
  .common-text-page__section,
  .common-text-page__desc {
    margin-left: 50px;
    margin-right: 50px;
    padding-left: 21px;
    padding-right: 23px;
    padding-top: 22px;
  }
  .common-text-page__section--padding {
    padding-bottom: 50px;
  }
}
@media (min-width: 1280px) {
  .common-text-page__wrapper {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
  }
  .common-text-page__section,
  .common-text-page__desc {
    margin-left: 0;
    margin-right: 0;
    padding-top: 26px;
  }
  .common-text-page__section {
    padding-bottom: 0;
  }
  .common-text-page__section--padding {
    padding-bottom: 53px;
  }
  .common-text-page__desc {
    padding-top: 0;
    margin-bottom: 0;
  }
}
.small-article {
  margin-bottom: 20px;
  padding: 15px 10px;
  background-color: rgba(20, 20, 20, 0.7);
  position: relative;
}
.small-article::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 22%;
  border-right: 2px solid #d9c4b3;
  border-bottom: 2px solid #d9c4b3;
  pointer-events: none;
}
.small-article img {
  margin-bottom: 10px;
}
.small-article__title {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  word-wrap: break-word;
}
.small-article__title:hover {
  color: #c8a281;
}
.small-article__text {
  font-size: 14px;
  color: #818181;
  font-weight: 500;
  line-height: 1.2;
}
.small-article__text a {
  color: #c8a282;
  text-decoration: underline;
}
.small-article__date {
  font-size: 14px;
  color: #818181;
  font-weight: 500;
  line-height: 1.2;
}
@media (min-width: 720px) {
  .small-article {
    margin-bottom: 35px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 22px;
    padding-left: 21px;
  }
  .small-article img {
    margin-bottom: 28px;
  }
  .small-article__title {
    margin-top: 0;
    margin-bottom: 21px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.1em;
  }
  .small-article__text {
    margin-bottom: 25px;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .small-article__date {
    font-size: 16px;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 992px) {
  .small-article {
    display: flex;
    margin-bottom: 32px;
    padding-top: 9px;
    padding-right: 47px;
    padding-bottom: 23px;
    padding-left: 0;
    position: relative;
  }
  .small-article::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 60%;
    border-right: 2px solid #d9c4b3;
    border-bottom: 2px solid #d9c4b3;
    pointer-events: none;
  }
  .small-article img {
    flex-shrink: 0;
    width: 280px;
    height: 180px;
    margin-top: 5px;
    margin-bottom: 0;
    margin-right: 24px;
  }
  .small-article__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
  }
  .small-article__title {
    margin-bottom: 23px;
  }
  .small-article__text {
    margin: 0;
  }
  .small-article__text--small {
    font-size: 16px;
  }
  .small-article__date {
    margin-top: auto;
    padding-top: 10px;
  }
}
@media (min-width: 1280px) {
  .small-article {
    margin-bottom: 28px;
  }
  .small-article__title {
    font-size: 16px;
  }
  .small-article__text,
  .small-article__date {
    font-size: 14px;
  }
}
.common-article {
  position: relative;
  padding-right: 17px;
}
.common-article__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 17px;
  margin-bottom: 20px;
  background-color: #292929;
}
.common-article__date,
.common-article__original-title {
  padding: 0;
  margin: 0;
  display: inline-block;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.09em;
  font-weight: 400;
  color: #d9c4b3;
}
.common-article__original-title {
  position: relative;
  padding-right: 12px;
  margin-bottom: 16px;
  letter-spacing: 0.1em;
}
.common-article__original-title::after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  height: 1px;
  width: 202px;
  background-color: #9e9e9e;
}
.common-article__title {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #c2c2c2;
}
.common-article__authors {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  line-height: normal;
  letter-spacing: 0.1em;
}
.common-article__subtitle {
  position: relative;
  display: block;
  margin-bottom: 18px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #d9c4b3;
}
.common-article__subtitle::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 202px;
  height: 1px;
  background-color: #9e9e9e;
}
.common-article__links-wrapper {
  width: 203px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.common-article__link {
  margin-bottom: 23px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #c8a282;
}
.common-article__link:hover,
.common-article__link:active {
  color: #7a6350;
}
.common-article__button {
  display: block;
  padding: 3px 40px;
  width: 162px;
  margin-right: 23px;
  margin-left: auto;
  font-size: 18px;
  line-height: 48px;
  text-transform: uppercase;
  color: #291a2d;
  background-color: #dee5eb;
  border-radius: 27.5px;
}
.common-article__button:hover,
.common-article__button:active {
  color: #ffffff;
  background-color: rgba(222, 229, 235, 0.3);
}
@media (max-width: 719px) {
  .common-article__wrapper {
    flex-direction: column;
  }
  .common-article__date {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .common-article__original-title {
    padding-right: 0;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: 3px;
    font-size: 13px;
  }
  .common-article__title {
    font-size: 14px;
  }
  .common-article__subtitle,
  .common-article__authors {
    font-size: 14px;
  }
  .common-article__link {
    font-size: 14px;
  }
  .common-article__links-wrapper {
    margin-bottom: 15px;
  }
  .common-article__button {
    position: static;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .common-article {
    padding-right: 15px;
  }
  .common-article__original-title {
    padding-right: 10px;
    margin-bottom: 13px;
  }
  .common-article__title {
    padding-right: 50px;
  }
  .common-article__authors {
    padding-right: 50px;
    margin-bottom: 23px;
  }
  .common-article__hint-question-mark {
    top: -33px;
    right: 289px;
  }
  .common-article__hint-text {
    bottom: 43px;
    right: 91px;
  }
  .common-article__button {
    margin-right: 24px;
  }
  .common-article__wrapper {
    padding-bottom: 10px;
    margin-bottom: 9px;
    padding-top: 8px;
  }
  .common-article__link {
    margin-bottom: 14px;
  }
}
@media (min-width: 1280px) {
  .common-article__date,
  .common-article__original-title {
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .common-article__original-title {
    padding-right: 5px;
    margin-bottom: 13px;
  }
  .common-article__original-title::after {
    bottom: -9px;
  }
  .common-article__title {
    padding-right: 24px;
    line-height: 17px;
    font-size: 14px;
  }
  .common-article__authors {
    padding-right: 30px;
    margin-bottom: 34px;
    font-size: 14px;
  }
  .common-article__subtitle {
    font-size: 12px;
  }
  .common-article__subtitle::after {
    bottom: -10px;
  }
  .common-article__link {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .common-article__hint-question-mark {
    top: -33px;
    right: 312px;
  }
  .common-article__hint-text {
    bottom: 42px;
    right: 118px;
    padding-top: 8px;
    padding-left: 9px;
    font-size: 12px;
  }
  .common-article__wrapper {
    padding-top: 5px;
    padding-bottom: 8px;
    margin-bottom: 6px;
  }
  .common-article__button {
    bottom: -2px;
  }
}
.common-posts {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.common-posts__money {
  padding-left: 9px;
}
.common-posts__item {
  position: relative;
}
.common-posts__post-bg {
  padding-top: 14px;
  padding-left: 17px;
  padding-bottom: 30px;
  margin-top: 23px;
  margin-bottom: 14px;
  background-color: rgba(20, 20, 20, 0.7);
}
.common-posts__title {
  padding: 0;
  margin: 0;
  width: auto;
  padding-left: 0;
  margin-bottom: 15px;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
}
@media (min-width: 992px) {
  .common-posts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .common-posts__title {
    padding-right: 45px;
    margin-bottom: 10px;
  }
  .common-posts__post-bg {
    display: block;
    width: 520px;
    padding-left: 15px;
    padding-right: 0;
    margin-top: 25px;
    padding-top: 13px;
    padding-bottom: 22px;
  }
  .common-posts__money {
    padding-left: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .common-posts__post-bg {
    width: auto;
  }
  .common-posts__item {
    width: 100%;
  }
}
.popup-target {
  cursor: pointer;
}
.js-no-scroll {
  overflow: hidden;
}
.common-popup {
  position: fixed;
  top: 50vh;
  left: 50%;
  max-width: 95%;
  max-height: 80vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 50;
  margin: auto;
  display: none;
  padding-top: 62px;
  padding-left: 19px;
  padding-right: 19px;
  padding-bottom: 25px;
  background-image: url("../img/common-popup-bg--desktop.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.common-popup--opened {
  display: block;
}
.common-popup img,
.common-popup iframe {
  display: block;
  width: 100%;
  height: auto;
}
.common-popup iframe {
  border: none;
  height: 480px;
}
.common-popup div {
  max-height: calc(80vh - 62px - 25px);
  overflow-y: scroll;
}
.common-popup__button {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 48px;
  height: 48px;
  background-color: #dee5eb;
  border-radius: 16px;
  border: none;
  cursor: pointer;
}
.common-popup__button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 2px;
  margin-left: -12px;
  margin-top: -1px;
  background-color: #291a2d;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.common-popup__button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 25px;
  height: 2px;
  margin-right: -12px;
  margin-top: -1px;
  background-color: #291a2d;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media (max-width: 719px) {
  .common-popup {
    width: 95%;
    min-width: 310px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 50px;
    padding-bottom: 30px;
    background-image: url("../img/common-popup-bg--tablet.png");
  }
  .common-popup img,
  .common-popup iframe {
    min-width: 300px;
    height: auto;
  }
  .common-popup iframe {
    height: 250px;
  }
  .common-popup div {
    max-height: calc(80vh - 50px - 30px);
  }
}
@media (min-width: 992px) {
  .common-popup {
    width: 90%;
    background-image: url("../img/common-popup-bg--tablet.png");
  }
}
@media (min-width: 1280px) {
  .common-popup {
    background-image: url("../img/common-popup-bg--desktop.png");
  }
}
.common-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(20, 20, 20, 0.5);
}
.common-modal-overlay--shown {
  display: block;
}
.common-tabs__selector {
  display: flex;
  justify-content: center;
  margin-bottom: 38px;
}
.common-tabs__switch {
  position: relative;
  display: flex;
  width: 280px;
  height: 38px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  background-color: #333333;
  border-radius: 100px;
  border: 2px solid #2d2d2d;
}
.common-tabs__item {
  position: relative;
  top: 0;
  display: block;
  padding: 7px 15px;
  width: 140px;
  font: inherit;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #ffffff;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 100px;
}
.common-tabs__item--active {
  background-color: #ffffff;
  color: #333333;
}
.nav-header__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nav-header__logo {
  flex: 0 0 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  padding: 10px;
  background-color: rgba(222, 229, 235, 0.7);
  cursor: default;
}
.nav-header__logo[href] {
  cursor: pointer;
}
.nav-header__logo img {
  width: 40px;
}
.nav-header__logo span {
  align-self: stretch;
  padding-top: 5px;
  font-size: 8px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #291a2d;
  text-align: center;
  text-transform: uppercase;
}
.nav-header__links {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 100px;
  padding: 0 5px;
  font-size: 11px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  background-color: rgba(20, 20, 20, 0.7);
}
.nav-header__links::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: 0;
  left: 0;
  border-bottom: 1px solid #d9c4b3;
}
.nav-header__links:hover {
  color: #d9c4b3;
}
.nav-header__links--logged-in .nav-header__unauthorized {
  display: none;
}
.nav-header__links--logged-out .nav-header__user-name,
.nav-header__links--logged-out img {
  display: none;
}
.nav-header__links img {
  display: none;
}
.nav-header__links--cards {
  flex: 0 0 32.3%;
}
.nav-header__links--user {
  width: 100%;
}
.nav-header__links--user::before {
  content: "";
  position: absolute;
  left: 48%;
  right: 50%;
  display: none;
  width: 0;
  bottom: -7px;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #d9c4b3;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: 4;
}
.nav-header__links--user .nav-header__user-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-header__user-name span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-header__links--user .nav-header__unauthorized {
  text-align: left;
  margin-left: 10px;
}
.nav-header__login {
  position: relative;
  flex: 0 0 34.3%;
  width: 34.3%;
  height: auto;
  margin-right: 15px;
}
.nav-header__login:hover .nav-header__links--user::before {
  display: block;
}
.nav-header__login:hover .nav-header__authorized {
  display: flex;
}
.nav-header__authorized {
  position: absolute;
  top: 47px;
  left: 5px;
  display: none;
  flex-direction: column;
  width: 100%;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  background-color: rgba(20, 20, 20, 0.8);
  z-index: 3;
}
.nav-header__authorized a {
  padding: 10px;
  border-bottom: 1px solid rgba(222, 227, 233, 0.3);
}
.nav-header__authorized a:last-child {
  border-bottom: none;
}
.nav-header__authorized a:hover {
  color: #d9c4b3;
}
.nav-header__menu {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 45px;
  padding: 0 15px;
  background-color: #141414;
  color: #c19c7e;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.nav-header__menu:hover {
  color: #7a6350;
}
.nav-header__menu img {
  width: 30px;
  margin-left: 10px;
}
.nav-header__list {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 10px;
  list-style: none;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  background-color: rgba(20, 20, 20, 0.95);
  z-index: 2;
}
.nav-header__list--no-js {
  display: flex;
}
.nav-header__list--closed {
  display: none;
}
.nav-header__item a {
  display: flex;
  padding: 10px 15px;
}
.nav-header__item a:hover {
  color: #d9c4b3;
}
.nav-header__item--active {
  color: #bda182;
}
@media (min-width: 480px) {
  .nav-header__links--user {
    width: 206px;
    padding: 0 18px;
  }
}
@media (min-width: 720px) {
  .nav-header__wrap {
    justify-content: flex-start;
  }
  .nav-header__logo {
    flex: none;
    justify-content: flex-start;
    width: 150px;
    height: 150px;
    padding: 0;
    padding-top: 20px;
    background-color: rgba(222, 229, 235, 0.7);
  }
  .nav-header__logo img {
    width: 69px;
    height: 63px;
  }
  .nav-header__logo span {
    padding-top: 13px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .nav-header__links {
    flex: none;
    justify-content: space-between;
    height: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 28px;
    padding: 0 18px;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .nav-header__links img {
    display: block;
  }
  .nav-header__links--cards img {
    flex: 0 0 45px;
  }
  .nav-header__links--user img {
    flex: 0 0 32px;
  }
  .nav-header__links--logged-out img {
    display: none;
  }
  .nav-header__links--cards {
    width: 220px;
  }
  .nav-header__login {
    flex: none;
    margin-right: 0;
  }
  .nav-header__links--user {
    width: 235px;
    padding: 0 18px;
  }
  .nav-header__links--cards span {
    margin-left: 7px;
  }
  .nav-header__links--user .nav-header__user-name {
    margin-left: 25px;
    text-align: left;
  }
  .nav-header__links--user .nav-header__user {
    margin-right: 32px;
  }
  .nav-header__authorized {
    top: 92px;
    left: 28px;
    width: 206px;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .nav-header__authorized a {
    padding: 25px 13px;
  }
  .nav-header__menu {
    height: 80px;
    padding: 0 35px;
    font-size: 24px;
    letter-spacing: 0.1em;
  }
  .nav-header__menu img {
    width: 50px;
    height: 40px;
    margin-left: 21px;
  }
  .nav-header__list {
    padding: 30px;
    font-size: 24px;
    letter-spacing: 0.1em;
  }
  .nav-header__list::before {
    content: "";
    position: absolute;
    left: 0;
    top: 116px;
    width: 100%;
    max-width: 475px;
    border-bottom: 1px solid #ffffff;
    opacity: 0.7;
  }
  .nav-header__item a {
    padding-top: 33px;
    padding-right: 61px;
    padding-bottom: 30px;
    padding-left: 33px;
  }
}
@media (min-width: 992px) {
  .nav-header__container {
    padding: 0 50px;
    width: 100%;
  }
  .nav-header__content {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .nav-header__wrap {
    flex: 0 0 calc(50% + 75px);
    width: calc(50% + 75px);
  }
  .nav-header__menu {
    display: none;
  }
  .nav-header__links {
    justify-content: flex-start;
    margin-right: 0;
    margin-left: 9px;
    text-align: left;
  }
  .nav-header__links--cards {
    flex: 0 0 calc(50% - 100px);
    width: calc(50% - 85px);
    min-height: 80px;
    padding: 0 5px;
  }
  .nav-header__login {
    flex: 0 0 calc(50% - 75px);
    width: calc(50% - 75px);
    min-height: 80px;
  }
  .nav-header__links--user {
    justify-content: center;
    padding: 0 10px;
    max-width: 200px;
    min-height: 80px;
  }
  .nav-header__links--cards span {
    margin-left: 13px;
  }
  .nav-header__links--user .nav-header__user-name {
    margin-right: 0;
    margin-left: 20px;
  }
  .nav-header__links--logged-out img {
    display: flex;
  }
  .nav-header__authorized {
    width: auto;
    left: 10px;
  }
  .nav-header__authorized a {
    padding: 18px 17px;
    font-size: 18px;
  }
  .nav-header__list {
    flex: 0 0 calc(50% - 75px);
    width: calc(50% - 75px);
    align-self: flex-end;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0;
    font-size: 18px;
    background-color: transparent;
  }
  .nav-header__list::before {
    top: 59px;
    width: 100%;
    max-width: 100%;
  }
  .nav-header__item a {
    padding-top: 18px;
    padding-right: 22px;
    padding-bottom: 24px;
    padding-left: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .nav-header__item a {
    padding-top: 18px;
    padding-right: 13px;
    padding-bottom: 24px;
    padding-left: 13px;
  }
  .nav-header__authorized a {
    padding: 15px;
    font-size: 14px;
  }
  .nav-header__links img {
    width: 30px;
    flex: 0 0 30px;
    margin-right: 10px;
  }
  .nav-header__links--cards span,
  .nav-header__links--user .nav-header__user-name,
  .nav-header__links--user .nav-header__unauthorized {
    margin: 0;
    font-size: 16px;
  }
  .nav-header__links--logged-out img {
    display: none;
  }
}
@media (min-width: 1200px) {
  .nav-header__links--logged-out img {
    display: flex;
  }
  .nav-header__links--logged-out .nav-header__unauthorized {
    margin-left: 10px;
  }
}
@media (min-width: 1280px) {
  .nav-header__container {
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
  }
  .nav-header__wrap {
    flex-wrap: nowrap;
  }
  .nav-header__logo {
    padding-top: 19px;
  }
  .nav-header__logo img {
    width: 98px;
    height: 89px;
  }
  .nav-header__logo span {
    padding-top: 9px;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .nav-header__links {
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 27px;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .nav-header__links::after {
    bottom: -4px;
  }
  .nav-header__login {
    flex: auto;
  }
  .nav-header__links--cards {
    padding: 0 33px;
    flex: auto;
  }
  .nav-header__links--user {
    width: 200px;
    margin-right: 0;
    padding: 0 15px;
  }
  .nav-header__links--user::before {
    bottom: -9px;
  }
  .nav-header__links--cards span {
    margin-left: 20px;
  }
  .nav-header__authorized {
    top: 84px;
    left: 26px;
    width: 200px;
  }
  .nav-header__authorized a {
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 9px;
    padding-left: 14px;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-weight: 400;
  }
  .nav-header__list {
    font-size: 16px;
    font-weight: 400;
  }
  .nav-header__item a {
    padding-top: 19px;
    padding-right: 52px;
    padding-bottom: 25px;
    padding-left: 20px;
  }
}
footer {
  position: relative;
  margin-top: auto;
  padding: 10px;
  background-color: #141414;
}
footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  border-top: 1px solid #dee5eb;
}
.footer__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer__box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: auto;
  max-width: 100%;
  padding: 10px 0;
  z-index: 0;
}
.footer__socials {
  position: relative;
  display: flex;
  align-items: center;
}
.footer__social {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  background-size: contain;
}
.footer__social:hover {
  opacity: 0.7;
}
.footer__social--vk {
  background-image: url("../img/icons/icon-vk.png");
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .footer__social--vk {
    background-image: url("../img/icons/icon-vk@2x.png");
  }
}
.footer__social--youtube {
  background-image: url("../img/icons/icon-youtube.png");
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .footer__social--youtube {
    background-image: url("../img/icons/icon-youtube@2x.png");
  }
}
.footer__donate a {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #8f7d75;
  font-weight: 400;
  text-transform: uppercase;
}
.footer__donate a:hover {
  color: #7a6350;
}
.footer__donate a:hover img {
  opacity: 0.7;
}
.footer__donate img {
  width: 35px;
}
.footer__donate span {
  display: none;
}
.footer__links {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.footer__links a {
  padding: 5px 0;
  color: #c19c7e;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
}
.footer__links a:hover {
  color: #7a6350;
}
@media (min-width: 720px) {
  footer {
    position: relative;
    padding: 20px;
  }
  footer::before {
    top: 5px;
  }
  .footer__box {
    position: absolute;
    top: 31px;
    right: 0;
    left: 0;
    width: auto;
    margin: 0 auto;
    padding: 0;
  }
  .footer__socials {
    padding: 0 42px 0 17px;
  }
  .footer__socials::after {
    content: "";
    position: absolute;
    top: -15px;
    right: 0;
    height: 80px;
    border-left: 1px solid #d9c4b3;
  }
  .footer__social {
    width: 50px;
    height: 50px;
  }
  .footer__donate {
    padding-left: 50px;
  }
  .footer__donate a {
    width: 203px;
    margin-right: 0;
    font-size: 24px;
  }
  .footer__donate img {
    flex: 0 0 50px;
    width: 50px;
    margin-right: 19px;
  }
  .footer__donate span {
    display: block;
  }
  .footer__links {
    align-self: stretch;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 91px;
  }
  .footer__links a {
    padding: 0;
    color: #c19c7e;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1em;
    font-weight: 400;
  }
  .footer__links a:hover {
    color: #7a6350;
  }
}
@media (min-width: 992px) {
  .footer {
    padding: 16px 50px;
  }
  .footer__content {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .footer__box {
    top: 16px;
    padding-top: 0;
    padding-bottom: 12px;
  }
  .footer__socials {
    padding-right: 42px;
    padding-left: 65px;
    border-radius: 9px;
  }
  .footer__socials::after {
    top: 0;
    right: 0;
    height: 37px;
  }
  .footer__social {
    width: 37px;
    height: 37px;
  }
  .footer__donate {
    padding-left: 49px;
  }
  .footer__donate a {
    width: 158px;
    font-size: 18px;
  }
  .footer__donate img {
    flex: 0 0 37px;
    width: 37px;
    height: 37px;
  }
  .footer__links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .footer {
    padding-top: 19px;
    padding-bottom: 16px;
  }
  .footer__content {
    position: relative;
    max-width: 1110px;
    margin: 0 auto;
    padding-right: 59px;
    padding-left: 54px;
  }
  .footer__box {
    top: 0;
    padding-bottom: 7px;
  }
  .footer__links {
    margin-top: -6px;
    max-width: 320px;
  }
  .footer__socials {
    padding-right: 40px;
    padding-left: 38px;
  }
  .footer__donate img {
    margin-right: 16px;
    width: 37px;
    height: 37px;
  }
  .footer__donate a {
    width: 132px;
    font-size: 14px;
  }
}
.alert {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #1b1c1c;
}
.alert p {
  max-width: 90%;
  margin: 20px;
  padding: 15px;
  font-weight: 600;
  border: 2px solid #ffffff;
}
.alert--success p {
  border: 2px solid #4caf50;
  color: #4caf50;
}
.alert--success .alert__close {
  fill: #4caf50;
}
.alert--warning p {
  border: 2px solid #ffeb3b;
  color: #ffeb3b;
}
.alert--warning .alert__close {
  fill: #ffeb3b;
}
.alert--error p {
  border: 2px solid #f44336;
  color: #f44336;
}
.alert--error .alert__close {
  fill: #f44336;
}
.alert--hide {
  display: none;
}
.alert__close {
  position: absolute;
  top: 1%;
  right: -1px;
  width: 25px;
  height: 25px;
  fill: #ffffff;
  cursor: pointer;
}
.alert__close:hover {
  opacity: 0.5;
}
@media (min-width: 720px) {
  .alert__close {
    top: 15px;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .alert {
    max-width: 900px;
    width: 100%;
    background-color: transparent;
  }
  .alert p {
    max-width: 850px;
  }
  .alert__close {
    right: -15px;
  }
}
@media (min-width: 1280px) {
  .alert {
    max-width: 1000px;
    width: 100%;
  }
  .alert p {
    max-width: 950px;
  }
}
body.main-page {
  background-color: #141414;
  background-image: url("../img/common-bg-header.png"), url("../img/bg-main-page--mobile.png");
}
@media (min-width: 992px) {
  body.main-page {
    background-color: #141414;
    background-image: url("../img/common-bg-header.png"), url("../img/bg-main-page--tablet.png");
    background-repeat: no-repeat;
    background-position: top, top -44px center;
    background-size: auto, cover;
  }
  main.main-page {
    background-image: none;
  }
}
@media (min-width: 1280px) {
  body.main-page {
    background-color: #141414;
    background-image: url("../img/bg-main-page--desktop.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
}
.swiper {
  background-color: #777f7a;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.64);
  position: relative;
  z-index: 1;
}
.swiper::after {
  content: "";
  position: absolute;
  bottom: 70px;
  left: 0;
  width: 40%;
  border-bottom: 1px solid #d9c4b3;
  z-index: 1;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
}
.swiper-slide {
  position: relative;
  width: 100%;
  min-height: 300px;
  height: auto;
  background-repeat: no-repeat;
  background-position: top 52% left 28%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.swiper-slide__back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.swiper-slide__back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover; object-position: center;";
}
.swiper-slide__wrap {
  position: relative;
  min-height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  height: auto;
  margin: 15px;
  padding: 10px;
  background-image: url("../img/bg-main-slider-dots.png");
  background-repeat: no-repeat;
  background-position: bottom -25px right -40px;
  background-size: 80%;
  background-color: rgba(108, 94, 87, 0.8);
  z-index: 1;
}
.swiper-slide__name {
  margin: 0;
  color: #dee5eb;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.swiper-slide__link {
  width: 50%;
  margin-top: 12px;
  margin-left: auto;
  padding: 10px;
  line-height: 24px;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
  position: absolute;
  bottom: 29px;
  left: 36px;
  width: auto;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 1px solid #ffffff;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background-color: #ffffff;
}
@media (min-width: 720px) {
  .swiper::after {
    bottom: 128px;
    left: -35px;
    width: 385px;
  }
  .swiper-slide {
    min-height: 500px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 26px;
    padding-left: 20px;
    background-position: top left;
  }
  .swiper-slide__wrap {
    min-height: 77%;
    padding-top: 27px;
    padding-left: 35px;
    padding-right: 62px;
    padding-bottom: 49px;
    background-position: bottom -16px right -23px;
    background-size: auto;
  }
  .swiper-slide__name {
    font-size: 30px;
    line-height: 48px;
  }
  .swiper-slide__link {
    width: 225px;
    padding: 26px;
    font-size: 25px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 80px;
    left: 81px;
  }
  .swiper-pagination-bullet {
    margin-right: 44px;
    width: 22px;
    height: 22px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin-right: 44px;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .swiper {
    margin: 0 50px;
  }
  .swiper::after {
    bottom: 108px;
    left: 1px;
    width: 350px;
  }
  .swiper-container {
    margin: 0;
    background-repeat: no-repeat;
    background-position: bottom -18% right -4%;
  }
  .swiper-slide {
    min-height: 600px;
    padding-top: 29px;
    padding-right: 46px;
    padding-bottom: 40px;
    padding-left: 46px;
  }
  .swiper-slide__wrap {
    min-height: 270px;
    width: 640px;
    margin: 0;
    padding-top: 29px;
    padding-right: 47px;
    padding-bottom: 40px;
    padding-left: 35px;
    background-position: bottom -15px right -12px;
  }
  .swiper-slide__link {
    margin-top: 0;
    width: 162px;
    padding: 16px;
    font-size: 18px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 74px;
    left: 82px;
  }
  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin-right: 20px;
  }
}
@media (min-width: 1280px) {
  .swiper {
    max-width: 1100px;
    margin: 0 auto;
  }
}
.site-info {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 170px;
  background-image: url("../img/bg-dots-eye--mobile.png"), url("../img/bg-main-eye--mobile.png");
  background-repeat: no-repeat, no-repeat;
  background-position: top -50px right 0, top 0 left 31%;
  background-size: 50%, 130%;
}
.site-info__heading {
  margin-bottom: 10px;
  padding-left: 0;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.4em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
}
.site-info__content {
  position: relative;
  min-height: 300px;
  margin-bottom: 25px;
  padding: 15px;
  color: #291a2d;
  line-height: 1.2;
  font-weight: 500;
  background-color: #8f8c8a;
  background-image: url("../img/bg-dots-about--mobile.png");
  background-repeat: no-repeat;
  background-position: right -110px bottom -180px;
  background-size: auto;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.64);
}
.site-info__content::after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #dee5eb;
}
.site-info__content p {
  margin-top: 0;
}
.site-info__content p:last-child {
  margin-bottom: 30px;
}
.site-info__content span {
  font-weight: 700;
}
@media (min-width: 720px) {
  .site-info {
    padding-top: 301px;
    padding-right: 35px;
    padding-left: 35px;
    background-position: top -17% right 0, top -7% left 31%;
    background-size: auto, 130%;
  }
  .site-info__heading {
    margin-bottom: 26px;
    padding-left: 11px;
    font-size: 28px;
  }
  .site-info__content {
    min-height: 775px;
    margin-bottom: 45px;
    padding-top: 24px;
    padding-right: 40px;
    padding-bottom: 24px;
    padding-left: 33px;
    font-size: 24px;
    line-height: 42px;
    background-position: right -14% bottom -25%;
    background-size: auto;
  }
  .site-info__content::after {
    content: "";
    bottom: -45px;
  }
  .site-info__content p {
    margin-bottom: 42px;
  }
  .site-info__content p:last-child {
    margin-bottom: 20px;
    padding-right: 40px;
  }
}
@media (min-width: 992px) {
  .site-info {
    position: relative;
    max-width: 1200px;
    margin-top: -50px;
    margin-right: 50px;
    margin-left: 50px;
    padding-top: 50px;
    background-image: none;
  }
  .site-info::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    border-bottom: 1px solid #dee5eb;
  }
  .site-info__wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .site-info__heading {
    margin-top: 38px;
    margin-right: -3px;
    margin-bottom: 30px;
    padding-left: 0;
    font-size: 24px;
  }
  .site-info__content {
    width: 660px;
    min-height: 400px;
    padding-top: 32px;
    padding-right: 35px;
    padding-left: 37px;
    font-size: 18px;
    line-height: 1.2;
    background-position: right -24% top 217%;
  }
  .site-info__content::after {
    display: none;
  }
  .site-info__content p {
    margin-bottom: 30px;
  }
  .site-info__content p:last-child {
    margin: 0;
    padding-right: 180px;
  }
}
@media (min-width: 1280px) {
  .site-info {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
  }
  .site-info__heading {
    margin-top: 68px;
  }
  .site-info__content {
    width: 550px;
    margin-bottom: 35px;
    padding-top: 31px;
    padding-right: 30px;
    padding-left: 24px;
    font-size: 16px;
    background-position: right -41% top 215%;
  }
  .site-info__content p {
    margin-bottom: 21px;
  }
}
.about-site {
  max-width: 1100px;
  margin: 25px 0;
}
.about-site__heading {
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 25px;
  margin-left: 10px;
  padding-top: 25px;
  color: #ffffff;
  line-height: 1.2;
  letter-spacing: 0.4em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
}
.about-site__content {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: rgba(20, 20, 20, 0.5);
}
.about-site__item {
  padding: 15px;
  border-bottom: 1px solid rgba(223, 228, 234, 0.4);
}
.about-site__img {
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
}
.about-site__title {
  margin-top: 0;
  margin-bottom: 10px;
  color: #d9c4b3;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
}
.about-site__text {
  margin-top: 0;
  margin-bottom: 25px;
  color: #ffffff;
  line-height: 1.2;
}
.about-site__link {
  color: #c19c7e;
  line-height: 1.2px;
  font-weight: 500;
  text-transform: uppercase;
}
.about-site__link:hover {
  color: #7a6350;
}
@media (min-width: 720px) {
  .about-site {
    max-width: 1100px;
    margin-top: 17px;
    margin-bottom: 66px;
  }
  .about-site__heading {
    margin-right: 35px;
    margin-bottom: 38px;
    margin-left: 35px;
    font-size: 28px;
    line-height: 48px;
    text-align: left;
  }
  .about-site__item {
    position: relative;
    display: flex;
    min-height: 450px;
    padding: 25px 35px;
  }
  .about-site__item:nth-child(2n) .about-site__info {
    text-align: right;
  }
  .about-site__info::before {
    content: "";
    margin: 0 auto;
    display: block;
    background-repeat: no-repeat;
  }
  .about-site__info--symptoms::before {
    width: 152px;
    height: 153px;
    background-image: url("../img/site-item-symptoms.png");
  }
  .about-site__info--links::before {
    width: 138px;
    height: 138px;
    background-image: url("../img/site-item-links.png");
  }
  .about-site__info--faq::before {
    width: 168px;
    height: 127px;
    background-image: url("../img/site-item-faq.png");
  }
  .about-site__info--articles::before {
    width: 169px;
    height: 143px;
    background-image: url("../img/site-item-articles.png");
  }
  .about-site__info--social::before {
    width: 121px;
    height: 163px;
    background-image: url("../img/site-item-social.png");
  }
  .about-site__info--news::before {
    width: 162px;
    height: 131px;
    background-image: url("../img/site-item-news.png");
  }
  .about-site__title {
    margin-top: 48px;
    margin-bottom: 21px;
    font-size: 24px;
    line-height: 30px;
  }
  .about-site__text {
    margin-bottom: 57px;
    font-size: 22px;
    line-height: 24px;
  }
  .about-site__link {
    padding-bottom: 5px;
    font-size: 24px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .about-site {
    margin-top: 14px;
    margin-right: 50px;
    margin-bottom: 38px;
    margin-left: 50px;
  }
  .about-site__heading {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 2px;
    font-size: 24px;
  }
  .about-site__content {
    padding: 0 50px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .about-site__item {
    display: flex;
    align-items: flex-start;
    min-height: 210px;
    padding: 20px 0;
  }
  .about-site__item:nth-child(2n) .about-site__info {
    flex-direction: row-reverse;
  }
  .about-site__info {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 170px;
  }
  .about-site__info::before {
    width: 210px;
    background-position: center;
  }
  .about-site__info-wrap {
    flex: 1;
  }
  .about-site__title,
  .about-site__text,
  .about-site__link {
    font-size: 18px;
  }
  .about-site__title {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .about-site__link {
    padding-bottom: 0;
  }
  .about-site__text {
    margin-bottom: 16px;
  }
}
@media (min-width: 1280px) {
  .about-site {
    margin-top: 25px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }
  .about-site__heading {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
  }
  .about-site__content {
    padding: 20px 50px;
  }
  .about-site__item {
    min-height: 200px;
    padding-top: 15px;
    padding-right: 90px;
    padding-bottom: 15px;
  }
  .about-site__item:nth-child(2n) {
    padding-right: 0;
    padding-left: 90px;
  }
  .about-site__info {
    min-height: 160px;
  }
  .about-site__title {
    margin-bottom: 21px;
    font-size: 16px;
    line-height: 24px;
  }
  .about-site__text {
    margin-bottom: 19px;
    font-size: 14px;
  }
  .about-site__link {
    font-size: 16px;
  }
}
.modal-cookie {
  position: fixed;
  right: 0;
  bottom: 0.5vh;
  display: none;
  width: 100%;
  padding: 15px;
  background-image: linear-gradient(to bottom, #dee5eb 0%, #c4ceda 100%);
  z-index: 2;
}
.modal-cookie__title {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  color: #7a6350 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.modal-cookie__text {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
  color: #141414 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1em !important;
}
.modal-cookie__text a {
  text-decoration: underline;
}
.modal-cookie__links {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-cookie__link {
  color: #291a2d;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-color: #291a2d;
}
.modal-cookie__link:hover {
  color: #7a6350;
}
.modal-cookie__link--more {
  display: flex;
  align-items: center;
}
.modal-cookie__link--more:hover svg {
  fill: #7a6350;
}
.modal-cookie__link--more svg {
  fill: #291a2d;
}
.modal-cookie__close {
  position: absolute;
  top: 13px;
  right: 10px;
  padding: 0;
  width: 25px;
  height: 25px;
  background: transparent;
  border: none;
  cursor: pointer;
  fill: #291a2d;
}
.modal-cookie__close:hover {
  fill: #7a6350;
}
@media (min-width: 720px) {
  .modal-cookie {
    width: 720px;
    padding-top: 25px;
    padding-right: 58px;
    padding-bottom: 39px;
    padding-left: 37px;
  }
  .modal-cookie__title {
    margin-bottom: 28px;
    font-size: 24px;
  }
  .modal-cookie__text {
    margin-bottom: 37px;
    font-size: 18px;
  }
  .modal-cookie__link {
    font-size: 18px;
  }
  .modal-cookie__link--more svg {
    width: 23px;
    height: 23px;
    margin-right: -6px;
    margin-left: 4px;
  }
  .modal-cookie__close {
    top: 21px;
    right: 21px;
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 992px) {
  .modal-cookie {
    right: 20px !important;
    bottom: 3vh !important;
    padding-right: 52px !important;
    padding-bottom: 36px !important;
    padding-left: 43px !important;
  }
  .modal-cookie__close {
    top: 20px;
    right: 16px;
  }
}
@media (min-width: 1280px) {
  .modal-cookie {
    bottom: 9vh !important;
    width: 520px !important;
    padding-top: 27px !important;
    padding-right: 36px !important;
    padding-bottom: 28px !important;
    padding-left: 34px !important;
  }
  .modal-cookie__text {
    margin-bottom: 27px !important;
    font-size: 16px !important;
  }
  .modal-cookie__close {
    top: 12px;
    right: 9px;
  }
}
.modal-auth {
  position: absolute;
  top: 150px;
  right: 0;
  display: none;
  width: 320px;
  left: 0;
  margin: 0 auto;
  padding: 15px;
  background-color: rgba(20, 20, 20, 0.95);
  z-index: 1;
}
.modal-auth__heading {
  display: block;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0;
  color: #dee5eb;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-transform: uppercase;
}
.modal-auth__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.modal-auth__form .common-field {
  width: 100%;
}
.modal-auth__field {
  margin-bottom: 16px;
  letter-spacing: 0.1em;
}
.modal-auth__form-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  color: #dee5eb;
}
.modal-auth__remember {
  flex: 0 0 65%;
}
.modal-auth__checkbox[type="checkbox"] + label {
  padding-left: 30px;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.modal-auth__signin {
  width: 90px;
  padding: 10px;
  font-size: 15px;
}
.modal-auth__links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-auth__forgot {
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  border-color: #dee5eb;
}
.modal-auth__forgot:hover {
  color: #c19c7e;
}
.modal-auth__signup {
  margin-top: 0;
  color: #c19c7e;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.modal-auth__signup:hover {
  color: #7a6350;
}
.modal-auth__close {
  position: absolute;
  top: -8px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: #dee5eb;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.modal-auth__close:hover svg {
  opacity: 0.5;
}
.modal-auth__close svg {
  width: 30px;
  height: 30px;
}
@media (min-width: 720px) {
  .modal-auth {
    top: 253px;
    width: 643px;
    padding-top: 30px;
    padding-right: 29px;
    padding-bottom: 44px;
    padding-left: 25px;
  }
  .modal-auth__heading {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .modal-auth__field {
    margin-bottom: 36px;
    padding-top: 22px;
    padding-right: 19px;
    padding-bottom: 21px;
    padding-left: 19px;
    font-size: 24px;
  }
  .modal-auth__form-wrap {
    margin-bottom: 30px;
  }
  .modal-auth__form-wrap::after {
    content: "";
    position: absolute;
    bottom: -88px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #d9c4b3;
  }
  .modal-auth__remember {
    flex: 0 0 47%;
  }
  .modal-auth__checkbox[type="checkbox"] + label {
    margin-top: -8px;
    padding-left: 55px;
    font-size: 18px;
  }
  .modal-auth__signin {
    width: 160px;
    padding: 15px;
    font-size: 18px;
  }
  .modal-auth__links {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .modal-auth__forgot {
    margin-bottom: 36px;
    font-size: 24px;
  }
  .modal-auth__signup {
    margin-top: 20px;
    font-size: 24px;
  }
  .modal-auth__close {
    top: -11px;
    right: -7px;
    width: 60px;
    height: 60px;
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .modal-auth {
    top: 202px;
    padding-top: 21px;
    padding-bottom: 21px;
    width: 400px;
  }
  .modal-auth__heading {
    margin-bottom: 22px;
    font-size: 18px;
  }
  .modal-auth__field {
    margin-bottom: 24px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 13px;
    padding-left: 20px;
    font-size: 16px;
  }
  .modal-auth__field--password {
    margin-bottom: 10px;
  }
  .modal-auth__form-wrap {
    margin-bottom: 17px;
  }
  .modal-auth__form-wrap::after {
    bottom: -58px;
  }
  .modal-auth__checkbox[type="checkbox"] + label {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 28px;
    font-size: 10px;
  }
  .modal-auth__signin {
    width: 100px;
    padding: 10px;
    font-size: 16px;
  }
  .modal-auth__forgot {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .modal-auth__forgot::after {
    bottom: -20px;
  }
  .modal-auth__signup {
    font-size: 18px;
    margin-top: 20px;
  }
  .modal-auth__close {
    top: -20px;
    right: -18px;
    width: 48px;
    height: 48px;
  }
}
.modal-delete-confirmation {
  position: fixed;
  top: 150px;
  right: 0;
  display: none;
  width: 320px;
  left: 0;
  margin: 0 auto;
  padding: 15px;
  background-color: rgba(20, 20, 20, 0.95);
  z-index: 1;
  border: 1px solid #c8a282;
}
.modal-delete-confirmation__text {
  padding: 2rem;
}
.modal-delete-confirmation__btns-wrap {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.modal-delete-confirmation__link {
  margin: 0 1rem;
  font-size: 1.5rem !important;
}
@media (min-width: 720px) {
  .modal-delete-confirmation {
    top: 253px;
    width: 643px;
    padding-top: 30px;
    padding-right: 29px;
    padding-bottom: 44px;
    padding-left: 25px;
  }
}
@media (min-width: 992px) {
  .modal-delete-confirmation {
    top: 202px;
    padding-top: 21px;
    padding-bottom: 21px;
    width: 400px;
  }
}
.custom-no-route {
  width: 320px;
  left: 0;
  margin: 0 auto 5rem;
  padding: 15px;
  background-color: rgba(20, 20, 20, 0.95);
  z-index: 1;
  border: 1px solid #c8a282;
}
.custom-no-route__text {
  padding: 2rem;
}
.custom-no-route__btns-wrap {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.custom-no-route__link {
  margin: 0 1rem;
  font-size: 1.5rem !important;
}
@media (min-width: 720px) {
  .modal-delete-confirmation {
    top: 253px;
    width: 643px;
    padding-top: 30px;
    padding-right: 29px;
    padding-bottom: 44px;
    padding-left: 25px;
  }
}
@media (min-width: 992px) {
  .modal-delete-confirmation {
    top: 202px;
    padding-top: 21px;
    padding-bottom: 21px;
    width: 400px;
  }
}
@media (min-width: 1280px) {
  .donate-page {
    background-image: url("../img/common-bg-header-bg-small--tablet.jpg");
  }
}
@media (min-width: 1920px) {
  .donate-page {
    background-image: url("../img/common-bg-header-bg-small--desktop.jpg");
  }
}
.donate-main {
  position: relative;
  padding-bottom: 54px;
}
.donate-main__flex-wrapper {
  width: auto;
  margin-left: 27.5px;
  margin-right: 27.5px;
  padding-bottom: 24px;
}
.donate-main__black-bg {
  padding-top: 29px;
  background-color: rgba(20, 20, 20, 0.7);
}
@media (max-width: 719px) {
  .donate-main .donate-main__page-heading {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 22px;
  }
  .donate-main__flex-wrapper {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  .donate-main {
    padding-bottom: 71px;
  }
  .donate-main .donate-main__page-heading-wrapper {
    margin-left: 50px;
    margin-right: 50px;
  }
  .donate-main__black-bg {
    padding-top: 0;
    background-color: transparent;
  }
  .donate-main__flex-wrapper {
    display: flex;
    flex-direction: row;
    width: auto;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 29px;
    padding-bottom: 51px;
    margin-left: 50px;
    margin-right: 50px;
    background-color: rgba(20, 20, 20, 0.7);
  }
}
@media (min-width: 1280px) {
  .donate-main {
    padding-bottom: 50px;
  }
  .donate-main .donate-main__page-heading-wrapper {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  .donate-main__flex-wrapper {
    width: 1102px;
    padding-bottom: 51px;
    padding-left: 28px;
    margin-left: auto;
    margin-right: auto;
  }
}
.payment-method {
  margin: 0;
  padding: 0;
  border: none;
}
.payment-method__title {
  margin: 0;
  padding: 0;
  margin-bottom: 7px;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.05em;
}
.payment-method__list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
}
.payment-method__item {
  position: relative;
  display: block;
  width: 208px;
  height: 53px;
}
.payment-method__item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 53px;
  background-color: #c8bcb7;
}
.payment-method__radio:hover + .payment-method__label,
.payment-method__radio:checked + .payment-method__label {
  background-color: #d2b599;
}
.payment-method__label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: #908480;
  background-repeat: no-repeat;
  background-position: center center;
}
.payment-method__label--yandex {
  background-image: url("../img/donate-yandex-icon.png");
}
.payment-method__label--card {
  background-image: url("../img/donate-card-icon.png");
}
.payment-method__label--mobile {
  background-image: url("../img/donate-mobile-icon.png");
}
@media (max-width: 719px) {
  .payment-method__item:not(:last-child)::after {
    right: 0;
    bottom: 0;
    top: auto;
    height: 1px;
    width: 100%;
  }
  .payment-method__list {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .payment-method__item {
    width: 140px;
  }
}
@media (min-width: 1280px) {
  .payment-method__title {
    padding-left: 2px;
    font-size: 16px;
  }
}
.pay-online {
  position: relative;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 24px;
  padding-top: 16px;
  margin-bottom: 54px;
  font-weight: 500;
  background-color: rgba(222, 229, 235, 0.2);
}
.pay-online::after {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dee5eb;
}
.pay-online__heading {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05em;
  color: #d9c4b3;
  text-transform: uppercase;
}
.pay-online__label {
  display: block;
  padding-bottom: 11px;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.05em;
}
.pay-online__input {
  min-width: 420px;
  padding-left: 7px;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 31px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #d9c4b3;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #c8a282;
}
.pay-online__input:hover,
.pay-online__input:focus {
  border-color: #7a6350;
}
.pay-online__input::-webkit-input-placeholder {
  font-size: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #d9c4b3;
}
.pay-online__input::-moz-placeholder {
  font-size: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #d9c4b3;
}
.pay-online__input:-moz-placeholder {
  font-size: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #d9c4b3;
}
.pay-online__input:-ms-input-placeholder {
  max-width: 420px;
  font-size: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #d9c4b3;
}
.pay-online__fieldset {
  margin-bottom: 29px;
}
.pay-online__button {
  display: block;
  padding: 3px 41px;
  margin-right: 4px;
  margin-left: auto;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 18px;
  line-height: 48px;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #291a2d;
  background-color: #dee5eb;
  border: none;
  border-radius: 27.5px;
  cursor: pointer;
}
.pay-online__button:hover,
.pay-online__button:active {
  color: #ffffff;
  background-color: rgba(222, 229, 235, 0.3);
}
@media (max-width: 719px) {
  .pay-online__input {
    min-width: 0;
  }
  .pay-online__heading {
    font-size: 20px;
  }
  .pay-online__button {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .pay-online {
    width: auto;
    margin: 0;
    padding-left: 22px;
    background-color: #3c3e3f;
  }
  .pay-online::after {
    left: auto;
    bottom: 0;
    right: -57px;
    width: 1px;
    height: 100%;
  }
  .pay-online__button {
    margin-right: 2px;
  }
}
@media (min-width: 1200px) {
  .pay-online {
    width: 467px;
  }
}
@media (min-width: 1280px) {
  .pay-online {
    background-color: rgba(222, 229, 235, 0.2);
  }
  .pay-online__label {
    padding-bottom: 11px;
    font-size: 16px;
  }
  .pay-online__input {
    margin-bottom: 31px;
    font-size: 16px;
  }
  .pay-online__input::-webkit-input-placeholder {
    font-size: 16px;
  }
  .pay-online__input::-moz-placeholder {
    font-size: 16px;
  }
  .pay-online__input:-moz-placeholder {
    font-size: 16px;
  }
  .pay-online__input:-ms-input-placeholder {
    font-size: 16px;
  }
  .pay-online__heading {
    margin-bottom: 15px;
  }
  .pay-online__fieldset {
    margin-bottom: 31px;
  }
}
.donate-props {
  padding-left: 21px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
}
.donate-props__heading {
  margin: 0;
  padding: 0;
  margin-bottom: 53px;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #d9c4b3;
}
.donate-props__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.donate-props__item {
  margin-bottom: 36px;
  letter-spacing: 0.05em;
}
.donate-props__name {
  color: #c8a282;
  text-transform: uppercase;
}
.donate-props__name--block {
  display: block;
}
.donate-props__clarification {
  margin: 0;
  padding: 0;
  margin-top: 1px;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.05em;
}
@media (max-width: 719px) {
  .donate-props {
    padding-left: 0;
    font-size: 20px;
  }
  .donate-props__clarification {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .donate-props {
    width: 566px;
    margin: 0;
    padding-left: 87px;
    padding-top: 16px;
  }
  .donate-props__clarification {
    margin-top: 3px;
  }
}
@media (min-width: 1280px) {
  .donate-props__list {
    font-size: 18px;
  }
  .donate-props__name--block {
    display: inline;
  }
  .donate-props__heading {
    margin-bottom: 51px;
  }
  .donate-props {
    padding-left: 86px;
  }
  .donate-props__clarification {
    margin-top: 0;
  }
}
.spending-money {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.spending-money__heading {
  position: relative;
  padding: 0;
  margin: 0;
  margin-bottom: 63px;
  margin-left: 25px;
  margin-right: 27.5px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05em;
  color: #d9c4b3;
  text-transform: uppercase;
}
.spending-money__heading::after {
  content: "";
  position: absolute;
  left: 1px;
  bottom: -20px;
  width: 100%;
  height: 1px;
  background-color: #dee5eb;
}
.spending-money__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.spending-money__subtitle {
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #c8a282;
}
.spending-money__subtitle--site-maintenance {
  margin-bottom: 23px;
}
.spending-money__text {
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.spending-money__text--cooperation {
  margin-top: 19px;
  margin-bottom: 21px;
  line-height: 18px;
}
.spending-money__text--padding {
  padding-right: 50px;
  margin-bottom: 20px;
  line-height: 20px;
}
.spending-money__text--margin {
  margin-bottom: 23px;
}
.spending-money__sum {
  font-size: 24px;
  line-height: normal;
  font-weight: 600;
  color: #c8a282;
}
.spending-money__text-link {
  position: relative;
  padding: 0;
  margin: 0;
  display: block;
  margin-top: 51px;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-align: center;
}
.spending-money__text-link::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 19px;
  height: 62px;
  margin-top: 10px;
  background-image: url("../img/donate-bracket-left.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.spending-money__text-link::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 4px;
  width: 19px;
  height: 62px;
  margin-top: 10px;
  background-image: url("../img/donate-bracket-right.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.spending-money__text-link--research {
  margin-top: 47px;
}
.spending-money__text-link--research::before {
  left: 59px;
  top: 3px;
}
.spending-money__text-link--research::after {
  right: 59px;
  top: 3px;
}
.spending-money__link {
  color: #c8a282;
}
.spending-money__link:hover,
.spending-money__link:active {
  color: #7a6350;
}
.spending-money__item {
  margin-bottom: 48px;
  margin-left: 27.5px;
  margin-right: 27.5px;
}
.spending-money__item--grey-bg {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 37px;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 38px;
  padding-bottom: 45px;
  background-color: rgba(20, 20, 20, 0.7);
}
.spending-money__item--cooperation {
  margin-bottom: 40px;
}
.spending-money__item--site-maintance {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 719px) {
  .spending-money__heading {
    margin-left: 15px;
    margin-right: 15px;
  }
  .spending-money__subtitle {
    font-size: 18px;
  }
  .spending-money__item {
    margin-left: 15px;
    margin-right: 15px;
  }
  .spending-money__item--grey-bg {
    padding-left: 5px;
    padding-right: 5px;
  }
  .spending-money__text {
    padding-right: 0;
    font-size: 16px;
  }
  .spending-money__text-link {
    font-size: 20px;
  }
  .spending-money__text-link::before {
    left: 0;
    top: 50%;
    margin-top: -31px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .spending-money__text-link::after {
    right: 0;
    top: 50%;
    margin-top: -31px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (min-width: 992px) {
  .spending-money {
    width: auto;
    margin-left: 50px;
    margin-right: 50px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .spending-money__subtitle {
    padding-left: 1px;
  }
  .spending-money__subtitle--research {
    padding-left: 3px;
  }
  .spending-money__subtitle--cooperation {
    padding-left: 1px;
    margin-bottom: 28px;
  }
  .spending-money__subtitle--site-maintenance {
    padding-left: 0;
  }
  .spending-money__text {
    margin-bottom: 29px;
    letter-spacing: 0.054em;
    line-height: 16px;
  }
  .spending-money__text--padding {
    margin-bottom: 24px;
    padding-left: 3px;
  }
  .spending-money__text--margin {
    padding-left: 3px;
  }
  .spending-money__text--cooperation {
    padding-right: 0;
    margin-bottom: 23px;
  }
  .spending-money__heading {
    margin-left: 25px;
    margin-right: 25px;
  }
  .spending-money__item {
    margin-left: 27px;
    margin-right: 33px;
  }
  .spending-money__item--grey-bg {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 47px;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 34px;
    padding-bottom: 42px;
  }
  .spending-money__item--cooperation {
    margin-bottom: 33px;
  }
  .spending-money__item--site-maintance {
    margin-bottom: 0;
  }
  .spending-money__text-link {
    padding-left: 6px;
    margin-top: 52px;
  }
  .spending-money__text-link::before {
    left: 197px;
  }
  .spending-money__text-link::after {
    right: 188px;
  }
  .spending-money__text-link--research {
    margin-top: 35px;
    padding-left: 0;
  }
  .spending-money__text-link--research::before {
    left: 250px;
  }
  .spending-money__text-link--research::after {
    right: 255px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .spending-money__text-link::after {
    right: 102px;
  }
  .spending-money__text-link::before {
    left: 112px;
  }
}
@media (min-width: 1280px) {
  .spending-money {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  .spending-money__text-link {
    padding-left: 4px;
    margin-top: 54px;
    font-size: 18px;
  }
  .spending-money__text-link::before {
    left: 278px;
    top: 3px;
  }
  .spending-money__text-link::after {
    right: 272px;
    top: 3px;
  }
  .spending-money__text-link--research {
    margin-top: 34px;
    padding-left: 0;
  }
  .spending-money__text-link--research::before {
    left: 313px;
    top: 3px;
  }
  .spending-money__text-link--research::after {
    right: 312px;
    top: 3px;
  }
  .spending-money__subtitle {
    padding-left: 1px;
  }
  .spending-money__subtitle--research {
    padding-left: 4px;
  }
  .spending-money__item {
    margin-bottom: 55px;
  }
  .spending-money__item--grey-bg {
    padding-bottom: 52px;
    margin-bottom: 45px;
  }
  .spending-money__item--cooperation {
    margin-bottom: 40px;
  }
  .spending-money__item--site-maintenance {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.donate-posts {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.donate-posts__item {
  position: relative;
}
.donate-posts__item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 22%;
  border-right: 2px solid #d9c4b3;
  border-bottom: 2px solid #d9c4b3;
  pointer-events: none;
}
.donate-posts__money {
  padding: 0;
  margin: 0;
  padding-top: 5px;
  font-size: 18px;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.donate-posts__img {
  width: 472px;
  height: 303px;
  margin-bottom: 28px;
}
.donate-posts__post-bg {
  position: relative;
  margin-top: 14px;
  padding-left: 21px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 20px;
  background-color: rgba(20, 20, 20, 0.7);
}
.donate-posts__title {
  width: 580px;
  padding: 0;
  margin: 0;
  margin-bottom: 21px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.donate-posts__desc {
  margin: 0;
  padding: 0;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #818181;
}
.donate-posts__date {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #818181;
}
@media (max-width: 719px) {
  .donate-posts__title {
    width: auto;
    font-size: 16px;
  }
  .donate-posts__post-bg {
    padding-top: 5px;
    padding-left: 0;
    padding-right: 0;
  }
  .donate-posts__date {
    font-size: 14px;
  }
  .donate-posts__img {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .donate-posts__item {
    position: relative;
  }
  .donate-posts__item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 60%;
    border-right: 2px solid #d9c4b3;
    border-bottom: 2px solid #d9c4b3;
    pointer-events: none;
  }
  .donate-posts__img {
    width: 280px;
    height: 180px;
    display: block;
    margin-top: 6px;
    margin-bottom: 0;
  }
  .donate-posts__title {
    width: auto;
    margin-bottom: 22px;
  }
  .donate-posts__post-bg {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 50px;
    padding-left: 0;
    margin-bottom: 29px;
    padding-top: 10px;
    padding-bottom: 22px;
  }
  .donate-posts__post-bg--padding {
    padding-left: 17px;
  }
  .donate-posts__wrapper {
    width: 685px;
  }
  .donate-posts__money {
    padding-left: 2px;
  }
  .donate-posts__money--padding {
    padding-left: 22px;
  }
  .donate-posts__desc {
    margin-bottom: 32px;
    padding-left: 1px;
  }
  .donate-posts__date {
    padding-left: 1px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .donate-posts__post-bg {
    padding-right: 0;
  }
  .donate-posts__img {
    margin-right: 20px;
  }
}
@media (min-width: 1280px) {
  .donate-posts__title {
    font-size: 16px;
  }
  .donate-posts__desc {
    padding-right: 50px;
    margin-bottom: 65px;
    font-size: 14px;
  }
  .donate-posts__date {
    font-size: 14px;
  }
  .donate-posts__post-bg {
    margin-bottom: 27px;
  }
}
.donate-video {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.donate-cooperation {
  padding: 0;
  margin: 0;
  margin-bottom: 48px;
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
}
.donate-cooperation__item {
  width: 317px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.donate-cooperation__link {
  min-height: 250px;
  display: flex;
  flex-direction: column;
}
.donate-cooperation__desc {
  padding: 0;
  margin: 0;
  margin-bottom: 23px;
  font-size: 18px;
  line-height: normal;
}
.donate-cooperation__video-heading {
  padding: 0;
  margin: 0;
  margin-left: 1px;
  min-height: 60px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.0301em;
  color: #d9c4b3;
  text-decoration: underline;
}
.donate-cooperation__video-heading--first {
  margin-left: -1px;
}
.donate-cooperation__video-heading:hover,
.donate-cooperation__video-heading:active {
  color: #a27551;
}
.donate-cooperation__preview {
  margin-bottom: 13px;
  width: 315px;
  height: 177px;
}
@media (max-width: 719px) {
  .donate-cooperation__desc {
    font-size: 16px;
  }
  .donate-cooperation__video-heading {
    font-size: 16px;
  }
  .donate-cooperation__item {
    width: 100%;
  }
  .donate-cooperation__item:not(:last-child) {
    margin-bottom: 35px;
  }
  .donate-cooperation__preview {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .donate-cooperation {
    padding-left: 36px;
    padding-right: 27px;
    margin-top: 49px;
    margin-bottom: 36px;
  }
  .donate-cooperation__item {
    width: 430px;
  }
  .donate-cooperation__desc {
    margin-bottom: 27px;
  }
  .donate-cooperation__desc--padding {
    padding-right: 80px;
  }
  .donate-cooperation__preview {
    width: 426px;
    height: 239px;
    margin-bottom: 8px;
  }
  .donate-cooperation__preview--margin {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .donate-cooperation {
    margin-top: 47px;
  }
  .donate-cooperation__preview {
    margin-bottom: 7px;
  }
}
.site-maintenance {
  margin-left: 0;
  margin-right: 0;
  padding-left: 25px;
  padding-top: 35px;
  padding-bottom: 16px;
  background-color: rgba(20, 20, 20, 0.7);
}
.site-maintenance__text {
  padding: 0;
  margin: 0;
  padding-left: 1px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.05em;
}
.site-maintenance__text--padding {
  padding-right: 50px;
}
.site-maintenance__text--margin {
  margin-bottom: 30px;
}
.site-maintenance__text--hidden {
  display: none;
}
.site-maintenance__link {
  color: #c8a282;
}
.site-maintenance__link:hover,
.site-maintenance__link:active {
  color: #7a6350;
}
.site-maintenance__domains {
  padding: 0;
  margin: 0;
  margin-bottom: 27px;
  font-size: 18px;
  line-height: 30px;
  list-style-type: none;
}
.site-maintenance__domains-item {
  padding-left: 1px;
  letter-spacing: 0.05em;
}
.site-maintenance__list {
  padding: 0;
  padding-left: 78px;
  padding-right: 103px;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
}
.site-maintenance__item {
  margin-bottom: 14px;
}
@media (max-width: 719px) {
  .site-maintenance {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
  }
  .site-maintenance__text {
    font-size: 16px;
  }
  .site-maintenance__list {
    padding-left: 0;
    padding-right: 0;
  }
  .site-maintenance__item {
    margin-left: auto;
    margin-right: auto;
  }
  .site-maintenance__img {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .site-maintenance {
    padding-left: 27px;
    padding-bottom: 28px;
    margin-bottom: 65px;
  }
  .site-maintenance__text--hidden {
    display: block;
    padding-top: 2px;
    margin-bottom: 17px;
  }
  .site-maintenance__list {
    padding-right: 30px;
    padding-left: 2px;
    justify-content: flex-start;
  }
  .site-maintenance__item:not(:nth-child(3n+3)) {
    margin-right: 10%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .site-maintenance__item:not(:nth-child(3n+3)) {
    margin-right: 1%;
  }
  .site-maintenance__list {
    justify-content: flex-start;
  }
}
@media (min-width: 1280px) {
  .site-maintenance {
    padding-top: 27px;
    padding-bottom: 35px;
    margin-bottom: 41px;
  }
  .site-maintenance__link {
    font-size: 16px;
  }
  .site-maintenance__domains {
    font-size: 16px;
  }
  .site-maintenance__text {
    font-size: 16px;
  }
  .site-maintenance__item:not(:nth-child(3n+3)) {
    margin-right: 0;
  }
  .site-maintenance__item:not(:nth-child(4n+4)) {
    margin-right: 1%;
  }
}
.donate-quote {
  position: relative;
  padding: 0;
  margin: 0;
  width: 664px;
  padding-top: 38px;
  padding-bottom: 38px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  text-align: center;
  background-image: url("../img/donate-quote-bg--mobile.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.donate-quote::before {
  content: "";
  position: absolute;
  left: -8px;
  top: -5px;
  width: 19px;
  height: 139px;
  background-image: url("../img/donate-quote-bracket-left.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.donate-quote::after {
  content: "";
  position: absolute;
  right: -6px;
  top: -5px;
  width: 19px;
  height: 139px;
  background-image: url("../img/donate-quote-bracket-right.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
@media (max-width: 719px) {
  .donate-quote {
    width: auto;
    padding: 0;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 14px;
    background-size: cover;
  }
  .donate-quote::after {
    right: 0;
    background-image: none;
  }
  .donate-quote::before {
    left: 0;
    background-image: none;
  }
}
@media (min-width: 992px) {
  .donate-quote {
    width: 826px;
    padding-left: 108.65px;
    padding-right: 115px;
    padding-top: 34px;
    letter-spacing: 0.05em;
    background-image: url("../img/donate-quote-bg--tablet.jpg");
  }
  .donate-quote::before {
    top: -8px;
  }
  .donate-quote::after {
    top: -8px;
  }
}
.faq-main {
  background: url("../img/common-background--mobile.jpg") 0 -230px;
}
.faq-main__page-heading {
  width: 110px;
}
@media (min-width: 992px) {
  .faq-main {
    background: transparent;
  }
}
.faq-questions {
  display: flex;
  flex-direction: column;
  padding-top: 26px;
}
.faq-questions__title {
  padding: 0;
  margin: 0;
  padding-left: 49px;
  margin-bottom: 21px;
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #d9c4b3;
}
.faq-questions__text {
  padding: 0;
  margin: 0;
  padding-left: 49px;
  padding-right: 50px;
  margin-bottom: 42px;
  font-size: 24px;
  line-height: 42px;
  letter-spacing: 0.05em;
  color: #ffffff;
}
.faq-questions__text--margin {
  margin-bottom: 60px;
}
.faq-questions__link {
  color: #c8a282;
  border-bottom-color: #c8a282;
}
.faq-questions__list {
  padding: 0;
  margin: 0;
  order: -1;
  margin-bottom: 24px;
  list-style-type: none;
}
@media (max-width: 719px) {
  .faq-questions {
    padding-left: 15px;
    padding-right: 15px;
  }
  .faq-questions__title {
    padding-left: 0;
    font-size: 22px;
    line-height: 32px;
  }
  .faq-questions__text {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 992px) {
  .faq-questions {
    padding-top: 34px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .faq-questions__list {
    order: 10;
  }
  .faq-questions__title {
    padding-left: 27px;
    margin-bottom: 28px;
  }
  .faq-questions__text {
    padding-right: 27px;
    padding-left: 27px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: normal;
  }
  .faq-questions__text--margin {
    margin-bottom: 30px;
  }
}
@media (min-width: 1280px) {
  .faq-questions {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  .faq-questions__text {
    margin-bottom: 13px;
    padding-left: 27px;
    padding-right: 23px;
    font-size: 14px;
    line-height: normal;
  }
  .faq-questions__text--margin {
    margin-bottom: 39px;
  }
  .faq-questions__list {
    margin-bottom: 12px;
  }
  .faq-questions__title {
    padding-left: 27px;
  }
}
.faq-page {
  height: auto;
}
@media (min-width: 992px) {
  .faq-page {
    background-image: url("../img/common-bg-header-bg-small--tablet.jpg"), url("../img/common-background--tablet.jpg");
    background-size: contain, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: top center, 0 0;
  }
}
@media (min-width: 1280px) {
  .faq-page {
    background-image: url("../img/common-bg-header-bg-small--desktop.jpg"), url("../img/common-background--desktop.jpg");
    background-size: contain, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: top center, 0 0;
  }
}
.faq-main__page-heading {
  margin-right: 71px;
}
@media (min-width: 992px) {
  .faq-main {
    margin-left: 50px;
    margin-right: 50px;
  }
  .faq-main__page-heading {
    margin-right: 70px;
  }
  .faq-main__page-heading-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  .faq-main__page-heading {
    margin-right: 71px;
  }
}
@media (min-width: 1280px) {
  .agreement-page {
    background-image: url("../img/common-bg-header-bg-small--tablet.jpg");
  }
}
@media (min-width: 1920px) {
  .agreement-page {
    background-image: url("../img/common-bg-header-bg-small--desktop.jpg");
  }
}
.agreement-main__page-heading-wrapper {
  padding-top: 18px;
  padding-bottom: 48px;
}
.agreement-main__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.agreement-main__page-heading {
  width: 404px;
  margin-right: 72px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 28px;
  text-align: right;
}
@media (max-width: 719px) {
  .agreement-main__page-heading {
    width: 250px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .agreement-main__page-heading-wrapper {
    padding-top: 39px;
    padding-bottom: 54px;
  }
  .agreement-main__page-heading {
    width: 661px;
    padding-left: 14px;
    padding-right: 11px;
    padding-bottom: 13px;
    padding-top: 10px;
    margin-right: 70px;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .agreement-main__page-heading {
    width: 665px;
  }
  .agreement-main__page-heading::after {
    left: -100px;
  }
}
.symptoms-main__page-heading {
  margin-right: 72px;
  width: 292px;
}
@media (max-width: 719px) {
  .symptoms-main__page-heading {
    margin-right: 18px;
    width: 231px;
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .symptoms-main__page-heading {
    width: 287px;
  }
  .symptoms-main__page-heading::after {
    left: -106px;
  }
}
@media (min-width: 1280px) {
  .symptoms-main__page-heading {
    width: 299px;
  }
  .symptoms-main__page-heading::after {
    left: -144px;
  }
}
.major-symptoms {
  padding-top: 34px;
  background-color: rgba(20, 20, 20, 0.7);
}
.major-symptoms--padding {
  padding-bottom: 40px;
}
.major-symptoms__title {
  padding: 0;
  margin: 0;
  padding-left: 27px;
  margin-bottom: 28px;
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #d9c4b3;
}
.major-symptoms__text {
  padding: 0;
  margin: 0;
  padding-left: 27px;
  padding-right: 30px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #ffffff;
}
.major-symptoms__link {
  color: #c8a282;
}
.major-symptoms__list {
  padding: 0;
  margin: 0;
  margin-top: 33px;
  margin-bottom: -10px;
  list-style-type: none;
}
@media (max-width: 719px) {
  .major-symptoms {
    padding-left: 15px;
    padding-right: 15px;
  }
  .major-symptoms__title {
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }
  .major-symptoms__text {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 992px) {
  .major-symptoms {
    margin-left: 51px;
    margin-right: 51px;
  }
  .major-symptoms__text {
    font-size: 16px;
  }
  .major-symptoms__list {
    margin-top: 30px;
  }
}
@media (min-width: 1280px) {
  .major-symptoms {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  .major-symptoms__text {
    margin-bottom: 14px;
    padding-right: 22px;
    font-size: 14px;
  }
  .major-symptoms__list {
    margin-top: 40px;
  }
}
.symptom-details__page-heading {
  width: 537px;
  padding-top: 16px;
  padding-bottom: 17px;
  margin-right: 72px;
  font-size: 30px;
}
.symptom-details__container {
  position: relative;
  margin: 20px 10px;
}
.symptom-details__inner {
  position: relative;
  margin-bottom: 95px;
  padding: 8px 18px;
  padding-bottom: 3px;
  padding-right: 24px;
  background-color: rgba(18, 18, 18, 0.7);
  border-bottom: 2px solid #d2c3b2;
}
.symptom-details__inner a {
  color: #c19c7e;
}
.symptom-details__inner a:hover,
.symptom-details__inner a:active {
  color: #7a6350;
}
.symptom-details__heading {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #c8a282;
  letter-spacing: 0.1em;
}
.symptom-details__heading span {
  display: block;
}
.symptom-details__heading-main {
  text-transform: uppercase;
}
.symptom-details__content,
.symptom-details__description {
  color: #c2c2c2;
  margin-bottom: 35px;
}
.symptom-details__content {
  padding-top: 1px;
  padding-right: 40px;
}
.symptom-details__media-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 24px;
}
.symptom-details__media-block > * {
  width: 360px;
  height: 240px;
  max-width: 100%;
  margin-bottom: 15px;
  border: 0;
}
.symptom-details__media-block > *:last-child {
  margin-bottom: 0;
}
.symptom-details__media-block-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover; object-position: center;";
}
.symptom-details__review {
  padding: 10px 17px;
  padding-right: 12px;
  padding-bottom: 12px;
  margin-top: 1rem;
  border: 1px solid #7a7a7a;
}
.symptom-details__inner p {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.symptom-details__inner p:last-child {
  margin-bottom: 0;
}
.symptom-details__inner p:first-of-type {
  margin-top: 3px;
}
.symptom-details__inner p span {
  color: #a6866b;
  font-weight: 500;
}
.symptom-details__inner ul,
.symptom-details__inner ol {
  padding-left: 20px;
  margin-bottom: 26px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.symptom-details__inner li ul,
.symptom-details__inner li ol {
  margin: 10px 0;
}
.symptom-details__inner li li ul,
.symptom-details__inner li li ol {
  margin: 8px 0;
}
.symptom-details__inner li {
  margin: 12px 0;
}
.symptom-details__inner li li {
  margin: 8px 0;
}
.symptom-details__inner li li li {
  margin: 6px 0;
}
.symptom-details__inner h3 {
  color: #d9c4b3;
  font-size: 18px;
  font-weight: 700;
}
.symptom-details__patient {
  margin-top: 38px;
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}
.symptom-details__patient table {
  border-collapse: collapse;
}
.symptom-details__patient table tbody {
  display: flex;
  color: #ffffff;
}
.symptom-details__patient table tr {
  display: block;
}
.symptom-details__patient tr:first-child {
  padding-right: 20px;
  border-right: 1px solid #ffffff;
}
.symptom-details__patient tr:last-child {
  padding-left: 18px;
  border-left: 1px solid #c2c2c2;
}
.symptom-details__patient th {
  padding: 0 8px;
}
.symptom-details__patient-sex td {
  padding-left: 10px;
}
.symptom-details__patient-age td {
  color: #d9c4b3;
  text-align: right;
}
.symptom-details__voting-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.symptom-details__voting-widget {
  width: 100%;
  margin-bottom: 25px;
  border: 1px solid #ababab;
  border-radius: 10px;
  overflow: hidden;
}
.symptom-details__voting-info {
  padding: 5px 25px;
}
@media (max-width: 719px) {
  .symptom-details__page-heading {
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
    font-size: 20px;
  }
}
@media (min-width: 720px) {
  .symptom-details__container {
    margin: 0 15px;
    padding-top: 27px;
    padding-right: 30px;
    padding-bottom: 31px;
    padding-left: 57px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .symptom-details__inner h3 {
    margin-bottom: 28px;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.025em;
  }
  .symptom-details__media-block {
    display: flex;
    height: 240px;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .symptom-details__media-block::after {
    position: absolute;
    right: -2px;
    top: 85px;
    content: "";
    display: block;
    height: 130px;
    background-color: #d2c3b2;
  }
  .symptom-details__media-block > * {
    width: 48%;
    height: 100%;
  }
  .symptom-details__inner p {
    margin-bottom: 26px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.025em;
  }
  .symptom-details__inner ul,
  .symptom-details__inner ol {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.025em;
  }
}
@media (min-width: 992px) {
  .symptom-details__container {
    max-width: 1100px;
    margin: 0 50px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
  }
  .symptom-details__media-block {
    float: left;
    margin-right: 30px;
    margin-bottom: 14px;
    width: 610px;
    height: 166px;
  }
  .symptom-details__voting-widget {
    width: 51%;
    margin-bottom: 0;
  }
  .symptom-details__voting-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 49%;
    margin-bottom: 0;
  }
  .symptom-details__page-heading {
    width: 640px;
    padding-top: 12px;
    padding-bottom: 13px;
    font-size: 36px;
    font-weight: bold;
  }
  .symptom-details__page-heading::after {
    left: -99px;
  }
}
@media (min-width: 1280px) {
  .symptom-details__container {
    margin: 0 auto;
    padding-top: 26px;
  }
  .symptom-details__inner p {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
  }
}
.policy-main__page-heading {
  margin-right: 71px;
  font-size: 28px;
}
.policy-main__page-heading-wrapper {
  padding-top: 18px;
  padding-bottom: 38px;
}
.policy-main__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
@media (max-width: 719px) {
  .policy-main__page-heading {
    width: 273px;
    margin-left: auto;
    margin-right: 20px;
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .policy-main__page-heading {
    width: 666px;
  }
  .policy-main__page-heading-wrapper {
    padding-top: 39px;
    padding-bottom: 52px;
  }
}
@media (min-width: 1280px) {
  .policy-main__page-heading {
    width: 683px;
    margin-right: 69px;
  }
  .policy-main__page-heading::after {
    left: -100px;
  }
  .policy-main__page-heading-wrapper {
    padding-top: 39px;
    padding-bottom: 52px;
  }
}
.research-list-main__page-heading {
  width: 537px;
  padding-top: 16px;
  padding-bottom: 17px;
  margin-right: 72px;
  font-size: 30px;
}
.research-list-main__list {
  position: relative;
  padding: 0;
  margin: 0;
  padding-top: 2px;
  margin-left: 14px;
  margin-right: 18px;
  list-style-type: none;
}
.research-list-main__list::after {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #dee5eb;
}
.research-list-main__post-bg {
  margin-top: 15px;
  margin-bottom: 29px;
  padding-bottom: 24px;
  padding-top: 13px;
}
@media (max-width: 719px) {
  .research-list-main__page-heading {
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
    font-size: 20px;
  }
  .research-list-main__list {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  .research-list-main__list {
    padding-top: 14px;
    margin-left: 50px;
    margin-right: 50px;
  }
  .research-list-main__list:last-child {
    padding-left: 0;
  }
  .research-list-main__list::after {
    bottom: -36px;
  }
  .research-list-main__item {
    width: 100%;
  }
  .research-list-main__post-bg {
    width: auto;
    margin-bottom: 3px;
  }
  .research-list-main__page-heading {
    width: 640px;
    padding-top: 12px;
    padding-bottom: 13px;
    font-size: 36px;
  }
  .research-list-main__page-heading::after {
    left: -99px;
  }
}
@media (min-width: 1200px) {
  .research-list-main__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 49px;
    margin-right: 49px;
  }
  .research-list-main__item {
    width: auto;
  }
  .research-list-main__post-bg {
    width: 520px;
  }
}
@media (min-width: 1280px) {
  .research-list-main__list {
    margin-left: 0;
    margin-right: 0;
    padding-top: 14px;
  }
  .research-list-main__list::after {
    bottom: 1px;
  }
  .research-list-main__translated {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  .research-list-main__post-bg {
    margin-bottom: 31px;
  }
}
.research-links {
  margin-left: 18px;
  margin-right: 18px;
  padding-top: 21px;
}
.research-links__heading {
  margin-bottom: 34px;
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.4em;
  text-transform: uppercase;
}
.research-links__list {
  padding-left: 10px;
  padding-right: 21px;
  padding-top: 15px;
  padding-bottom: 27px;
  background-color: rgba(20, 20, 20, 0.7);
}
.research-links__item {
  margin-bottom: 30px;
}
@media (max-width: 719px) {
  .research-links {
    margin-left: 0;
    margin-right: 0;
  }
  .research-links__heading {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 992px) {
  .research-links {
    margin-left: 49px;
    margin-right: 49px;
    padding-top: 60px;
    max-width: 100%;
  }
  .research-links__heading {
    margin-bottom: 18px;
  }
  .research-links__list {
    padding-left: 18px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1280px) {
  .research-links {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 23px;
  }
  .research-links__list {
    padding-bottom: 28px;
  }
}
body.cards-page {
  height: auto;
}
.cards-page__main {
  height: 100%;
}
.cards-page__title {
  width: 423px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-right: 35px;
  font-size: 30px;
  line-height: auto;
}
.cards-page__heading {
  padding-top: 41px;
  padding-bottom: 58px;
}
@media (max-width: 719px) {
  .cards-page__title {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .cards-page__title {
    margin-right: 70px;
    width: 507px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 36px;
  }
  .cards-page__heading {
    padding-top: 31px;
    padding-bottom: 51px;
  }
}
.filters__form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 21px;
  padding-right: 19px;
  padding-bottom: 7px;
  background-color: rgba(20, 20, 20, 0.7);
}
.filters__fieldset {
  margin: 0;
  margin-bottom: 7px;
  padding-top: 23px;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  border: none;
}
.filters__radio-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.filters__label {
  position: relative;
  font-size: 18px;
  line-height: auto;
  font-weight: 500;
  letter-spacing: 0.09em;
  cursor: pointer;
}
.filters__block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  width: 51.1%;
}
.filters__block:last-child {
  width: 44.2%;
}
.filters__select + .select2 {
  margin-left: 17px;
  flex: 0 0 220px;
}
.cards-page .select2-container--default .select2-selection--single {
  height: 35px;
  padding-left: 10px;
}
.cards-page .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 4px;
  right: 6px;
}
.filters__select--sorting + .select2 {
  flex: 0 0 200px;
}
.cards-page .select2-results__option,
.cards-page .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-results__option {
  font-size: 16px;
  line-height: normal;
  color: #291a2d;
}
@media (max-width: 719px) {
  .filters__form {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }
  .filters__block {
    display: block;
    width: 100%;
  }
  .filters__block:last-child {
    width: 100%;
  }
  .filters__select + .select2 {
    margin-left: 0;
  }
  .filters__radio-list {
    flex-direction: row;
  }
  .filters__label {
    display: block;
    margin-bottom: 10px;
  }
}
@media (min-width: 720px) {
  .filters__radio-list {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .filters__form {
    margin-left: 50px;
    margin-right: 50px;
    padding-bottom: 0;
    justify-content: flex-start;
  }
  .filters__fieldset {
    width: 35%;
    padding-top: 14px;
    padding-left: 0;
    margin-right: 96px;
  }
  .filters__radio-list > div {
    display: flex;
    align-items: center;
  }
  .filters__label {
    display: flex;
    min-height: 36px;
    align-items: center;
    font-size: 14px;
    line-height: normal;
  }
  .filters__option:nth-child(n+3) {
    width: 33%;
  }
  .filters__block {
    width: 31%;
    justify-content: flex-start;
  }
  .filters__block:last-child {
    width: 24.5%;
  }
  .cards-page .select2-container--default .select2-selection--single .select2-selection__rendered,
  .select2-results__option {
    font-size: 14px;
  }
  .filters__select + .select2 {
    flex: 0 0 200px;
    margin-left: 7px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .filters__form {
    justify-content: space-between;
  }
  .filters__fieldset {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    width: 38%;
    margin-right: 0;
  }
  .filters__radio-list {
    margin-top: 21px;
  }
  .filters__block {
    width: 22%;
  }
  .filters__block:last-child {
    width: 21%;
  }
  .filters__select + .select2 {
    margin-left: 0;
    flex: 0 0 104%;
  }
}
@media (min-width: 1280px) {
  .filters__form {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  .filters__label {
    height: 36px;
  }
  .filters__radio-list li:last-child {
    margin-right: 25px;
  }
}
.patients__list {
  padding: 0;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 7px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  list-style-type: none;
}
.patients__item {
  margin-bottom: 5px;
  max-width: 49%;
}
@media (max-width: 719px) {
  .patients__item {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .patients__list {
    margin-left: 50px;
    margin-right: 50px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 17px;
    justify-content: flex-start;
    flex-direction: column;
  }
  .patients__item {
    margin-bottom: 20px;
    width: 23%;
  }
  .patients__item:not(:nth-child(4n+4)) {
    margin-right: 2.63%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .patients__item {
    max-width: 100%;
  }
  .patients__item:not(:nth-child(4n+4)) {
    margin-right: 2.66%;
  }
  .patients__list {
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
  }
}
@media (min-width: 1200px) {
  .patients__list {
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .patients__list {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
  }
  .patients__item {
    margin-bottom: 20px;
  }
  .patients__item:not(:nth-child(4n+4)) {
    margin-right: 29px;
  }
}
.patient-card {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 23px;
  padding-bottom: 30px;
  background-color: #141414;
  cursor: pointer;
}
.patient-card:hover {
  position: relative;
}
.patient-card:hover::after {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: 25px;
  background-image: url("../img/card-img-hover-top.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.patient-card:hover::before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: -8px;
  width: calc(100% + 16px);
  height: 25px;
  background-image: url("../img/card-img-hover-bottom.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.patient-card__img {
  height: 305px;
  width: 305px;
  margin-bottom: 19px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}
.patient-card__name {
  padding: 0;
  margin: 0;
  margin-bottom: 13px;
  word-break: break-word;
  color: #d9c4b3;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
.patient-card__city {
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.11em;
}
.patient-card__table {
  border-right: 1px solid #d9c4b3;
  letter-spacing: 0.01em;
}
.patient-card__table .patient-card__highlighter {
  padding-right: 26px;
  text-align: center;
}
.patient-card__table td {
  padding-right: 6px;
}
.patient-card__ill-time,
.patient-card__table {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.09em;
}
.patient-card__ill-time {
  width: 41%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  line-height: 28px;
}
.patient-card__highlighter {
  position: relative;
  padding: 0;
  margin: 0;
  color: #d9c4b3;
}
.patient-card__highlighter span {
  position: absolute;
  left: -39px;
  top: 0;
}
.patient-card__flex-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 719px) {
  .patient-card__img {
    height: auto;
  }
  .patient-card__name {
    font-size: 19px;
  }
  .patient-card__city {
    font-size: 14px;
  }
  .patient-card__ill-time {
    display: block;
    font-size: 14px;
  }
  .patient-card__table {
    width: 50%;
    font-size: 14px;
  }
  .patient-card__table tbody {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .patient-card__highlighter span {
    position: static;
  }
}
@media (min-width: 992px) {
  .patient-card {
    padding-left: 11px;
    padding-bottom: 21px;
  }
  .patient-card:hover {
    position: relative;
  }
  .patient-card:hover::after {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
  }
  .patient-card:hover::before {
    bottom: -5px;
    right: -5px;
    width: calc(100% + 10px);
  }
  .patient-card__img {
    width: 210px;
    height: 210px;
    margin-left: 9px;
    margin-bottom: 21px;
  }
  .patient-card__name {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 24px;
  }
  .patient-card__city {
    margin-bottom: 9px;
  }
  .patient-card__ill-time {
    width: 39%;
  }
  .patient-card__city,
  .patient-card__ill-time,
  .patient-card__table {
    font-size: 14px;
    line-height: 24px;
  }
  .patient-card__table td {
    padding-right: 5px;
  }
  .patient-card__table .patient-card__highlighter {
    padding-right: 13px;
  }
  .patient-card__table .patient-card__highlighter span {
    left: -30px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .patient-card__ill-time {
    width: 100%;
    display: block;
  }
  .patient-card__table {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #d9c4b3;
  }
  .patient-card__img {
    height: auto;
  }
}
.analysis {
  padding-top: 10px;
  padding-left: 33px;
  padding-right: 33px;
  padding-bottom: 30px;
  background-color: rgba(20, 20, 20, 0.7);
}
.analysis__bg-wrapper {
  position: relative;
  padding: 0;
  margin: 0;
  padding-top: 17px;
  padding-bottom: 50px;
  margin-bottom: 31px;
  background-color: rgba(20, 20, 20, 0.7);
}
.analysis__bg-wrapper::after {
  content: "";
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 329px;
  height: 1px;
  background-color: #d9c4b3;
}
.analysis__block {
  padding: 0;
  margin: 0;
  margin-bottom: 21px;
}
.analysis__label {
  padding: 0;
  margin: 0;
  display: block;
  margin-bottom: 18px;
  margin-left: 14px;
  margin-right: 14px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c8a282;
}
.analysis__label--color {
  color: #d9c4b3;
}
.analysis__legend {
  margin-left: 14px;
  margin-right: 14px;
  margin-bottom: 34px;
  text-transform: uppercase;
  color: #d9c4b3;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
}
.analysis__fieldset {
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  border: none;
}
.analysis__button {
  display: block;
  margin-left: auto;
  margin-right: 17px;
  padding-top: 21px;
  padding-bottom: 18px;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 18px;
  line-height: 18px;
}
@media (max-width: 719px) {
  .analysis {
    padding-left: 15px;
    padding-right: 15px;
  }
  .analysis__bg-wrapper::after {
    width: 250px;
  }
}
@media (min-width: 992px) {
  .analysis {
    width: 100%;
    padding-left: 0;
    padding-right: 30px;
    padding-top: 12px;
    background-color: transparent;
  }
  .analysis .mce-tinymce {
    margin-bottom: 43px;
  }
  .analysis__label {
    margin-bottom: 8px;
    letter-spacing: 0.01em;
  }
  .analysis__legend {
    letter-spacing: 0.01em;
  }
  .analysis__bg-wrapper {
    padding-bottom: 41px;
    margin-bottom: 21px;
    padding-top: 19px;
  }
  .analysis__radio {
    margin-left: 14px;
  }
  .analysis__button {
    margin-right: 78px;
  }
  .analysis__fieldset {
    margin-bottom: 24px;
  }
}
.analysis-input {
  display: block;
  width: 96%;
  padding-left: 10px;
  padding-top: 7px;
  padding-right: 10px;
  padding-bottom: 19px;
  margin-left: 14px;
  margin-right: 14px;
  resize: none;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #c2c2c2;
  background-color: transparent;
  border-color: #818181;
  border-width: 1px;
}
.analysis-input::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 18px;
  color: #c2c2c2;
}
.analysis-input::-moz-placeholder {
  font-size: 16px;
  line-height: 18px;
  color: #c2c2c2;
}
.analysis-input:-moz-placeholder {
  font-size: 16px;
  line-height: 18px;
  color: #c2c2c2;
}
.analysis-input:-ms-input-placeholder {
  font-size: 16px;
  line-height: 18px;
  color: #c2c2c2;
}
.analysis-input--big {
  min-height: 280px;
  padding-left: 3px;
  word-break: break-all;
  background-color: transparent;
}
@media (max-width: 719px) {
  .analysis-input {
    width: 91%;
  }
}
@media (min-width: 1280px) {
  .analysis-input {
    width: 96%;
  }
}
.editor {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 34px;
  padding: 0;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #c2c2c2;
  border-color: #818181;
  border-width: 1px;
}
.editor .ql-snow a {
  color: #c8a282;
}
.editor .ql-snow .ql-picker.ql-size {
  margin-right: 176px;
}
.editor .ql-snow.ql-toolbar button,
.editor .ql-snow .ql-toolbar button {
  height: 29px;
  margin-right: 29px;
  margin-bottom: 43px;
}
.editor .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill {
  fill: #7a6350;
}
.editor .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke {
  stroke: #7a6350;
}
.editor .ql-font-serif,
.editor .ql-editor.ql-blank::before {
  font-size: 16px;
  line-height: 18px;
  color: #c2c2c2;
  font-style: normal;
  font-family: "Montserrat", "Arial", sans-serif;
}
.editor .ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateX(9%);
          transform: translateX(9%);
}
.editor .ql-container,
.editor .analysis-input,
.editor .ql-snow {
  background-color: transparent;
}
.editor .ql-color.ql-picker.ql-color-picker {
  margin-left: 16px;
  width: 37px;
}
.editor .ql-color.ql-picker.ql-color-picker polyline {
  stroke: #ffffff;
}
.editor .ql-color.ql-picker.ql-color-picker .ql-stroke {
  stroke: #ffffff;
}
.editor .ql-color.ql-picker.ql-color-picker .ql-picker-options {
  top: 121%;
  left: -300%;
}
.editor .ql-color.ql-picker.ql-color-picker.ql-expanded polyline {
  stroke: #7a6350;
}
.editor .ql-color.ql-picker.ql-color-picker.ql-expanded .ql-stroke {
  stroke: #7a6350;
}
.editor .ql-background.ql-picker.ql-color-picker {
  margin-left: 30px;
  width: 51px;
  margin-top: -10px;
}
.editor .ql-background.ql-picker.ql-color-picker polyline,
.editor .ql-background.ql-picker.ql-color-picker line {
  stroke: #ffffff;
}
.editor .ql-background.ql-picker.ql-color-picker .ql-picker-options {
  top: 170%;
  left: -110px;
}
.editor .ql-align.ql-picker.ql-icon-picker {
  width: 45px;
  margin-right: 89px;
}
.editor .ql-align.ql-picker.ql-icon-picker line {
  stroke: #ffffff;
}
.editor .ql-align.ql-picker.ql-icon-picker .ql-picker-options {
  top: 152%;
}
.editor .ql-align.ql-picker.ql-icon-picker .ql-picker-options line {
  stroke: #444444;
}
.editor .ql-align.ql-picker.ql-icon-picker.ql-expanded line {
  stroke: #7a6350;
}
.editor .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: -49px;
  top: 46%;
  width: 23px;
}
.editor .ql-picker {
  font-size: 18px;
  letter-spacing: 0.17em;
}
.editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
  stroke: #7a6350;
}
.editor .ql-snow.ql-toolbar button.ql-blockquote {
  margin-right: 65px;
  height: 37px;
}
.editor .ql-snow.ql-toolbar button.ql-align {
  height: 39px;
  margin-right: 106px;
}
.editor .ql-snow.ql-toolbar button.ql-list {
  height: 39px;
  margin-right: 63px;
}
.editor .ql-snow.ql-toolbar button.ql-link {
  height: 39px;
  margin-right: 63px;
}
.editor .ql-snow.ql-toolbar button.ql-image {
  height: 39px;
  margin-right: 59px;
}
.editor .ql-snow.ql-toolbar button.ql-strike {
  height: 27px;
  width: 23px;
  margin-right: 25px;
}
.editor .ql-snow.ql-toolbar button.ql-italic {
  margin-right: 33px;
}
.editor .ql-snow.ql-toolbar button.ql-underline {
  margin-right: 34px;
}
.editor .ql-snow.ql-toolbar button.ql-background {
  margin-right: 0;
  width: 56px;
  height: 46px;
  margin-top: -11px;
}
.editor .ql-snow.ql-toolbar button.ql-video {
  height: 39px;
  margin-right: 0;
}
.editor .ql-snow.ql-toolbar button.ql-color {
  margin-left: 14px;
  margin-right: 38px;
  width: 30px;
  height: 36px;
}
.editor .ql-picker-label {
  color: #ffffff;
}
.editor .ql-picker-label svg polygon {
  stroke: #ffffff;
}
.editor .ql-snow.ql-toolbar .ql-picker-label:hover {
  color: #7a6350;
}
.editor .ql-snow.ql-toolbar .ql-picker-label:hover svg polygon {
  stroke: #7a6350;
}
.editor .ql-snow.ql-toolbar button:hover .ql-stroke {
  stroke: #7a6350;
}
.editor .ql-snow.ql-toolbar button:hover .ql-fill,
.editor .ql-snow.ql-toolbar button:hover rect.ql-fill {
  fill: #7a6350;
}
.editor .ql-snow.ql-toolbar button:hover,
.editor .ql-snow .ql-toolbar button:hover,
.editor .ql-snow.ql-toolbar button:focus,
.editor .ql-snow .ql-toolbar button:focus,
.editor .ql-snow.ql-toolbar button.ql-active,
.editor .ql-snow .ql-toolbar button.ql-active,
.editor .ql-snow.ql-toolbar .ql-picker-label:hover,
.editor .ql-snow .ql-toolbar .ql-picker-label:hover,
.editor .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.editor .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.editor .ql-snow.ql-toolbar .ql-picker-item:hover,
.editor .ql-snow .ql-toolbar .ql-picker-item:hover,
.editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.editor .ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.editor .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.editor .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.editor .ql-size.ql-picker.ql-expanded .ql-picker-label,
.editor .ql-size.ql-picker.ql-expanded .ql-picker-label polygon,
.editor .ql-underline.ql-active,
.editor .ql-snow.ql-toolbar button.ql-active .ql-fill,
.editor .ql-snow.ql-toolbar button:hover .ql-fill {
  color: #7a6350;
  stroke: #7a6350;
}
.editor .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #7a6350;
}
.editor .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #7a6350;
  stroke: #7a6350;
}
.editor .ql-snow.ql-toolbar .ql-picker-label:focus .ql-stroke {
  stroke: #7a6350;
}
.editor .ql-underline.ql-active,
.editor .ql-snow.ql-toolbar button.ql-active .ql-fill {
  fill: #7a6350;
}
.editor .ql-editor.ql-blank,
.editor .ql-editor.focus-visible {
  border-color: transparent;
  outline: none;
}
.editor .ql-snow.ql-toolbar .ql-picker-label:focus {
  color: #7a6350;
}
.editor .ql-toolbar.ql-snow .ql-formats {
  display: flex;
  flex-wrap: wrap;
  width: 641px;
  margin-right: auto;
  margin-left: auto;
}
.editor .ql-container.ql-snow {
  border-color: #818181;
}
.editor .ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 1px solid #818181;
}
.editor .ql-toolbar {
  background-color: #323232;
  margin-bottom: 30px;
  height: 155px;
  padding-top: 18px;
  padding-left: 5px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  border: none;
}
.editor .ql-toolbar button svg path,
.editor .ql-toolbar button svg rect,
.editor .ql-toolbar button svg polyline,
.editor .ql-toolbar button svg circle,
.editor .ql-toolbar button svg polygon,
.editor .ql-toolbar button svg line {
  stroke: #ffffff;
}
.editor .ql-toolbar .ql-strike path {
  fill: #ffffff;
}
.editor .ql-toolbar .ql-color svg .ql-color-label.ql-stroke {
  opacity: 1;
  stroke: #c8a282;
}
.editor .ql-toolbar .ql-image svg polyline,
.editor .ql-toolbar .ql-image svg circle {
  fill: #ffffff;
}
.editor .ql-toolbar .ql-background svg .ql-fill.ql-color-label path,
.editor .ql-toolbar .ql-background svg .ql-fill.ql-color-label polygon,
.editor .ql-toolbar .ql-background svg .ql-fill.ql-color-label rect {
  stroke: none;
  fill: #c8a282;
}
.editor .ql-snow .ql-tooltip.ql-flip {
  left: -16px;
}
@media (max-width: 719px) {
  .editor .ql-toolbar {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .editor .ql-snow .ql-toolbar button,
  .editor .ql-snow.ql-toolbar button {
    height: 25px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .editor .ql-color.ql-picker.ql-color-picker {
    margin-left: 0;
  }
  .editor .ql-color.ql-picker.ql-color-picker .ql-picker-options {
    left: 0;
  }
  .editor .ql-background.ql-picker.ql-color-picker {
    margin-left: 0;
  }
  .editor .ql-background.ql-picker.ql-color-picker .ql-picker-options {
    left: 0;
  }
  .editor .ql-snow .ql-tooltip input[type="text"] {
    width: 107px;
  }
  .editor .ql-snow .ql-tooltip.ql-flip {
    left: -30px;
    top: -16.5px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .editor .ql-align.ql-picker.ql-icon-picker {
    width: 29px;
    margin-right: 0;
  }
  .editor .ql-snow .ql-picker.ql-size,
  .editor .ql-snow.ql-toolbar button.ql-color,
  .editor .ql-snow.ql-toolbar button.ql-blockquote,
  .editor .ql-snow.ql-toolbar button.ql-link,
  .editor .ql-snow.ql-toolbar button.ql-list,
  .editor .ql-snow.ql-toolbar button.ql-align,
  .editor .ql-snow.ql-toolbar button.ql-image {
    margin-right: 10px;
  }
  .editor .ql-toolbar.ql-snow .ql-formats {
    width: auto;
  }
  .editor .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    right: -12px;
  }
  .editor .ql-snow.ql-toolbar button.ql-italic {
    margin-right: 20px;
  }
  .editor .ql-snow.ql-toolbar button.ql-blockquote,
  .editor .ql-snow.ql-toolbar button.ql-link,
  .editor .ql-snow.ql-toolbar button.ql-list,
  .editor .ql-snow.ql-toolbar button.ql-align,
  .editor .ql-snow.ql-toolbar button.ql-image,
  .editor .ql-snow.ql-toolbar button.ql-video {
    height: 25px;
  }
  .editor .ql-snow.ql-toolbar button.ql-color {
    margin-left: 0;
  }
  .editor .ql-snow .ql-picker.ql-size {
    margin-right: 30px;
  }
}
@media (min-width: 992px) {
  .editor .ql-snow .ql-tooltip.ql-flip {
    left: -13px;
    -webkit-transform: translateX(38%);
            transform: translateX(38%);
  }
}
@media (min-width: 1200px) {
  .editor .ql-toolbar {
    width: 862px;
    height: 65px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 17px;
    padding-top: 5px;
  }
  .editor .ql-snow .ql-picker.ql-size {
    margin-right: 77px;
  }
  .editor .ql-snow .ql-toolbar button,
  .editor .ql-snow.ql-toolbar button {
    margin-right: 10px;
    margin-bottom: 0;
    height: 33px;
  }
  .editor .ql-toolbar.ql-snow .ql-formats {
    width: auto;
  }
  .editor .ql-color.ql-picker.ql-color-picker {
    margin-left: 6px;
    margin-top: -2px;
  }
  .editor .ql-background.ql-picker.ql-color-picker {
    margin-left: 0;
    margin-top: -22px;
  }
  .editor .ql-align.ql-picker.ql-icon-picker {
    margin-right: 35px;
    margin-top: -16px;
  }
  .editor .ql-tooltip.ql-editing {
    -webkit-transform: translateX(40%);
            transform: translateX(40%);
  }
  .editor .ql-snow.ql-toolbar button.ql-color {
    margin-left: 5px;
    margin-right: 8px;
    margin-top: 10px;
  }
  .editor .ql-snow.ql-toolbar button.ql-blockquote {
    margin-left: 38px;
    margin-right: 16px;
  }
  .editor .ql-snow.ql-toolbar button.ql-background {
    margin-top: 0;
  }
  .editor .ql-snow.ql-toolbar button.ql-italic {
    margin-right: 11px;
  }
  .editor .ql-snow.ql-toolbar button.ql-list {
    margin-right: 18px;
  }
  .editor .ql-snow.ql-toolbar button.ql-underline {
    height: 28px;
    margin-right: 9px;
  }
  .editor .ql-snow.ql-toolbar button.ql-align {
    margin-right: 60px;
  }
  .editor .ql-snow.ql-toolbar button.ql-strike {
    margin-right: 11px;
  }
  .editor .ql-snow.ql-toolbar button.ql-link {
    margin-right: 21px;
  }
  .editor .ql-snow.ql-toolbar button.ql-image {
    margin-right: 30px;
  }
  .editor .ql-formats {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .editor .ql-picker {
    font-size: 18px;
  }
  .editor .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    top: 32%;
  }
}
@media (min-width: 1280px) {
  .editor .ql-toolbar {
    max-width: 100%;
  }
  .editor .ql-toolbar.ql-snow .ql-formats {
    flex-wrap: nowrap;
  }
}
.analysis-read {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 8px;
  padding-bottom: 20px;
  background-color: rgba(20, 20, 20, 0.7);
}
.analysis-read p {
  margin: 0;
}
.analysis-read__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.analysis-read__list img {
  margin-bottom: 0;
}
.analysis-read__title {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c8a282;
}
.analysis-read__subtitle {
  padding: 0;
  margin: 26px 0 17px 0 !important;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #d9c4b3;
}
.analysis-read__img {
  width: 248px;
  height: 157px;
  margin-bottom: 0;
}
.analysis-read__flex-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.analysis-read__flex-child {
  max-width: 55%;
}
@media (max-width: 719px) {
  .analysis-read {
    padding-left: 15px;
    padding-right: 15px;
  }
  .analysis-read__flex-child {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .analysis-read {
    margin-top: 10px;
  }
  .analysis-read__title {
    letter-spacing: 0.1em;
    margin-bottom: 17px;
  }
  .analysis-read__subtitle {
    margin-top: 25px;
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .analysis-read__flex-child {
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .analysis-read {
    width: auto;
  }
}
.ql-size-small {
  font-size: 0.75em;
}
.ql-size-large {
  font-size: 1.5em;
}
.ql-size-huge {
  font-size: 2.5em;
}
.ql-align-right {
  text-align: right;
}
.ql-align-justify {
  text-align: justify;
}
.ql-align-center {
  text-align: center;
}
blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 0;
  padding-left: 16px;
}
.donwload-study {
  position: relative;
  padding-left: 87px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  max-width: 86%;
  margin-bottom: 16px;
}
.donwload-study::before {
  content: " ";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 62px;
  margin-top: -31px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.donwload-study_pdf::before {
  background-image: url("../img/icons/pdf.svg");
}
.donwload-study_xls::before {
  background-image: url("../img/icons/xls.svg");
}
.donwload-study_doc::before {
  background-image: url("../img/icons/doc.svg");
}
.donwload-study_png::before {
  background-image: url("../img/icons/png.svg");
}
.donwload-study_jpg::before {
  background-image: url("../img/icons/jpg.svg");
}
.donwload-study__title {
  padding: 0;
  margin: 0;
  margin-bottom: 19px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.1em;
}
.donwload-study__link {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c8a282;
}
@media (min-width: 992px) {
  .donwload-study {
    margin-top: 22px;
    padding-top: 15px;
    max-width: 68%;
    margin-bottom: 7px;
  }
  .donwload-study__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1280px) {
  .donwload-study {
    max-width: 73%;
  }
}
.remove-link {
  display: inline-block;
  position: absolute;
  right: 2rem;
  bottom: 1rem;
}
.edit-link {
  display: inline-block;
  position: absolute;
  right: 2rem;
  bottom: 2.5rem;
}
/**
 * Fileuploader
 * Copyright (c) 2018 Innostudio.de
 * Website: http://innostudio.de/fileuploader/
 * Version: 2.1 (26-Nov-2018)
 * Requires: jQuery v1.7.1 or later
 * License: https://innostudio.de/fileuploader/documentation/#license
 */
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a i,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a span {
  transition: all 0.1s ease;
}
.fileuploader-input .fileuploader-input-button,
.fileuploader-input .fileuploader-input-caption,
.fileuploader-items .fileuploader-item .fileuploader-action i,
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar,
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar,
.fileuploader-items .fileuploader-item span.fileuploader-action-popup,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success,
.fileuploader-popup .fileuploader-popup-move {
  transition: all 0.2s ease;
}
.fileuploader-items .fileuploader-item,
.fileuploader-items .fileuploader-item .fileuploader-action,
.fileuploader-items .fileuploader-item .fileuploader-item-icon,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-popup,
.fileuploader-popup .fileuploader-popup-node {
  -webkit-animation: fileuploaderFadeIn 0.2s ease;
  animation: fileuploaderFadeIn 0.2s ease;
}
.fileuploader-input .fileuploader-input-button,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success {
  display: inline-block;
  margin: 0;
  padding: 14px 20px;
  border: none;
  border-radius: 6px;
  outline: 0;
  font-weight: 700;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button {
  background: #e6ebf4;
  color: #90a0bc;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button:hover {
  background: #edf1f7;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button:active {
  background: #dfe5f1;
}
.fileuploader-input .fileuploader-input-button,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success {
  background: #9658fe;
  background: linear-gradient(135deg, #3a8ffe 0, #9658fe 100%);
  background-size: 140% auto;
  background-position: center;
  color: #fff;
}
.fileuploader-input .fileuploader-input-button:hover,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success:hover {
  background-position: left;
}
.fileuploader-input .fileuploader-input-button:active,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success:active {
  background-position: right;
}
.fileuploader-input .fileuploader-main-icon:after,
.fileuploader-items .fileuploader-item .fileuploader-action i,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a i:after,
.fileuploader-popup .fileuploader-popup-move:after {
  font-family: font-fileuploader !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader,
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after,
.fileuploader-popup.loading:after {
  content: '';
  position: absolute;
  min-width: 24px;
  min-height: 24px;
  max-width: 48px;
  max-height: 48px;
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) center no-repeat;
  background-size: contain;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon i,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after,
.fileuploader-popup .fileuploader-popup-move:after,
.fileuploader-popup.loading:after {
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.fileuploader-items .fileuploader-item .fileuploader-action,
.fileuploader-items .fileuploader-item .progress-bar2 span {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fileuploader-input .fileuploader-input-button,
.fileuploader-items .fileuploader-item .fileuploader-item-icon,
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar,
.fileuploader-popup .fileuploader-cropper,
.fileuploader-popup .fileuploader-cropper *,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a,
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fileuploader,
.fileuploader *,
.fileuploader :after,
.fileuploader :before,
.fileuploader-popup,
.fileuploader-popup *,
.fileuploader-popup :after,
.fileuploader-popup :before {
  box-sizing: border-box;
}
.fileuploader {
  display: block;
  width: 100%;
  padding: 16px;
  margin: 16px 0;
  background: #fafbfd;
  border-radius: 6px;
  line-height: normal;
}
.fileuploader-input {
  position: relative;
  display: flex;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden;
}
.fileuploader-input .fileuploader-input-caption {
  position: relative;
  display: inline-block;
  flex: 1;
  align-self: flex-start;
  padding: 11px 16px;
  margin-right: 16px;
  background: #fff;
  border: 1px solid #ebeef1;
  border-radius: 6px;
  color: #789bec;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fileuploader-focused .fileuploader-input .fileuploader-input-caption {
  border-color: #789bec;
}
.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-height: 22px;
  margin-right: 6px;
}
.fileuploader-input .fileuploader-input-button {
  padding: 12px 18px;
}
.fileuploader-input .fileuploader-main-icon {
  color: #789bec;
}
.fileuploader-input .fileuploader-main-icon:after {
  content: "\e900";
}
.fileuploader-input.fileuploader-dragging {
  background: #fff;
  border: 1px dashed #ebeef1;
}
.fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
  border-color: transparent;
}
.fileuploader-input.fileuploader-dragging .fileuploader-input-button {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
}
.fileuploader-disabled .fileuploader-input {
  opacity: 0.7;
  cursor: default;
  pointer-events: none !important;
}
.fileuploader-items .fileuploader-items-list {
  display: block;
  margin: 0 -16px;
  padding: 0;
  list-style: none;
}
.fileuploader-items .fileuploader-item {
  position: relative;
  margin: 0;
  padding: 20px 16px;
  border-bottom: 1px solid #ebeef1;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}
.fileuploader-items .fileuploader-item:last-child {
  border-bottom: 0;
  margin-bottom: -16px;
}
.fileuploader-items .fileuploader-item.upload-failed {
  background: rgba(254, 84, 111, 0.06);
}
.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after {
  position: absolute;
  left: -8px;
  top: -8px;
  width: 36px;
  height: 36px;
}
.fileuploader-items .fileuploader-item .columns {
  position: relative;
  display: flex;
  z-index: 2;
}
.fileuploader-items .fileuploader-item .column-thumbnail {
  position: relative;
  width: 36px;
  height: 36px;
}
.fileuploader-items .fileuploader-item .column-title {
  flex: 1;
  padding-left: 16px;
  padding-right: 16px;
  color: #74809d;
  overflow: hidden;
}
.fileuploader-items .fileuploader-item .column-title a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #74809d;
  text-decoration: none;
}
.fileuploader-items .fileuploader-item .column-title div {
  width: 100%;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fileuploader-items .fileuploader-item .column-title span {
  font-size: 12px;
  color: #979fb8;
}
.fileuploader-items .fileuploader-item .column-actions {
  margin: 0 16px;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {
  content: '';
  width: 50%;
  height: 50%;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img {
  position: absolute;
  max-width: none;
  max-height: 100%;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 11px;
  background: #ddd;
  border-radius: 4px;
  cursor: default;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color {
  color: #888;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon i {
  position: absolute;
  display: block;
  width: 90%;
  font-style: normal;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 56, 71, 0.2);
  border-radius: 6px;
  cursor: pointer;
  opacity: 0;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover {
  opacity: 1;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active {
  background: rgba(43, 56, 71, 0.4);
}
.fileuploader-items .fileuploader-item .fileuploader-action {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #c0c6d2;
  cursor: pointer;
  vertical-align: top;
}
.fileuploader-items .fileuploader-item .fileuploader-action + .fileuploader-action {
  margin-left: 16px;
}
.fileuploader-items .fileuploader-item .fileuploader-action:hover {
  color: #789bec;
}
.fileuploader-items .fileuploader-item .fileuploader-action:active {
  color: #668ee9;
}
.fileuploader-items .fileuploader-item .fileuploader-action i {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i {
  color: #fff;
  font-size: 14px;
  background: #fe7676;
  box-shadow: -1px 1px 6px rgba(254, 118, 118, 0.8);
  text-shadow: none;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:after {
  content: "\e908";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:hover {
  background-color: #fe8a8a;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:active {
  background-color: #fe6262;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-download i:after {
  content: "\e902";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-start i:after {
  content: "\e907";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-sort i:after {
  content: "\e903";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-edit i:after {
  content: "\e90c";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-retry i:after {
  content: "\e904";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-settings i:after {
  content: "\e905";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-preview i:after {
  content: "\e90d";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i {
  color: #fff;
  font-size: 14px;
  background: #43d084;
  box-shadow: -1px 1px 6px rgba(67, 208, 132, 0.8);
  text-shadow: none;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:after {
  content: "\e90b";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active:after,
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover:after {
  content: "\e908";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover {
  background: #fe7676;
  box-shadow: -1px 1px 6px rgba(254, 118, 118, 0.8);
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active {
  background-color: #fe6262;
}
.fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup {
  display: block;
}
.fileuploader-items .fileuploader-item .fileuploader-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  border-radius: 6px;
  overflow: hidden;
}
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 6px;
  background: #789bec;
}
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 0;
  background: rgba(104, 125, 219, 0.08);
}
.fileuploader-items .fileuploader-item .progress-bar2 span {
  position: absolute;
  right: 16px;
  color: rgba(151, 159, 184, 0.16);
  font-size: 48px;
}
.fileuploader-items .fileuploader-item.sorting {
  background: #fafbfd;
  border-radius: 6px;
  opacity: 0.8;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 799;
}
.fileuploader-items .fileuploader-item.sorting,
.fileuploader-items .fileuploader-item.sorting .fileuploader-action,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img {
  -webkit-animation: none;
  animation: none;
}
.fileuploader-items .fileuploader-sorter-placeholder {
  background: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0;
  -webkit-animation: none;
  animation: none;
}
.fileuploader-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #191d1e;
  z-index: 1090;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
.fileuploader-popup.loading:after {
  width: 48px;
  height: 48px;
  z-index: 8;
}
.fileuploader-popup .fileuploader-popup-preview {
  position: relative;
  width: 100%;
  height: 100%;
  padding-right: 368px;
  overflow: auto;
  z-index: 2;
}
.fileuploader-popup .fileuploader-popup-node {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  height: 100%;
  min-width: 20px;
  min-height: 20px;
  vertical-align: top;
  border-radius: 2px;
  padding: 34px 56px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.fileuploader-popup .fileuploader-popup-node.astext > div,
.fileuploader-popup .fileuploader-popup-node.audio > audio,
.fileuploader-popup .fileuploader-popup-node.image > img,
.fileuploader-popup .fileuploader-popup-node.video > video {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  color: #47525d;
  background: #fafafa;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
}
.fileuploader-popup .fileuploader-popup-node.audio audio {
  width: 450px;
}
.fileuploader-popup .fileuploader-popup-node.astext div {
  max-width: 992px;
  padding: 20px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  overflow-y: auto;
  white-space: pre-wrap;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+) center no-repeat;
  background-size: contain;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div {
  position: absolute;
  bottom: 14px;
  left: 0;
  padding: 4px 6px;
  border-radius: 4px;
  color: #fff;
  max-width: 100%;
  word-wrap: break-word;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color {
  color: #888;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i {
  text-transform: uppercase;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}
.fileuploader-popup .fileuploader-popup-content {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  display: inline-block;
  width: 368px;
  min-height: 100%;
  padding: 34px;
  text-align: left;
}
.fileuploader-popup .fileuploader-popup-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fileuploader-popup .fileuploader-popup-content ul li {
  display: block;
  padding: 0 0 16px;
  margin: 0;
  width: 100%;
}
.fileuploader-popup .fileuploader-popup-content ul li span {
  display: block;
  color: #acacc4;
  font-size: 14px;
}
.fileuploader-popup .fileuploader-popup-content ul li h5 {
  margin: 4px 0 0;
  color: #5b5b7b;
  font-size: 14px;
  font-weight: 700;
  word-wrap: break-word;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta {
  padding: 0 0 8px;
  margin: 0 0 8px;
  border-bottom: 1px solid #eaeaf0;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools {
  padding: 0;
  margin: 0 -16px;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li {
  display: inline-block;
  width: auto;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a {
  display: inline-block;
  padding: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a i {
  display: inline-block;
  font-size: 24px;
  margin-bottom: 6px;
  color: #5b5b7b;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a:hover i,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a:hover span {
  color: #789bec;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a[data-action=remove] i:after {
  content: "\e906";
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a[data-action=crop] i:after {
  content: "\e901";
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a[data-action=rotate-cw] i:after {
  content: "\e904";
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-buttons {
  margin: 16px 0;
}
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button + .fileuploader-popup-button {
  margin-left: 20px;
}
.fileuploader-popup .fileuploader-popup-move {
  position: absolute;
  display: none;
  width: 56px;
  height: 100%;
  font-size: 24px;
  bottom: 0;
  left: 0;
  color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 2;
}
.fileuploader-popup .fileuploader-popup-move:hover {
  opacity: 1;
}
.fileuploader-popup .fileuploader-popup-move:after {
  position: absolute;
}
.fileuploader-popup .fileuploader-popup-move[data-action=prev]:after {
  content: "\e909";
}
.fileuploader-popup .fileuploader-popup-move[data-action=next] {
  left: auto;
  right: 368px;
}
.fileuploader-popup .fileuploader-popup-move[data-action=next]:after {
  content: "\e90a";
}
.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move {
  display: inline-block;
}
.fileuploader-popup .fileuploader-cropper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 20, 27, 0.65);
  z-index: 9;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 2;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
  content: '';
  position: absolute;
  border: 1px solid rgba(250, 250, 250, 0.8);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 1;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
  top: 0;
  left: 50%;
  height: 100%;
  width: 34%;
  border-top: 0;
  border-bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after {
  top: 50%;
  left: 0;
  height: 34%;
  width: 100%;
  border-left: 0;
  border-right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before {
  opacity: 1;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 3;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a {
  top: -12px;
  left: -12px;
  cursor: nw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b {
  top: -12px;
  left: 50%;
  margin-left: -12px;
  cursor: n-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c {
  top: -12px;
  right: -12px;
  cursor: ne-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d {
  top: 50%;
  right: -12px;
  margin-top: -12px;
  cursor: w-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e {
  bottom: -12px;
  right: -12px;
  cursor: nw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f {
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  cursor: s-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g {
  bottom: -12px;
  left: -12px;
  cursor: sw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h {
  left: -12px;
  top: 50%;
  margin-top: -12px;
  cursor: w-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move {
  position: absolute;
  width: 95%;
  height: 95%;
  z-index: 2;
  cursor: move;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@media all and (max-width: 768px) {
  .fileuploader-popup .fileuploader-popup-preview {
    padding-right: 0;
  }
  .fileuploader-popup .fileuploader-popup-move {
    height: 56px;
    font-size: 18px;
    top: 0;
    left: calc(50% - 56px);
  }
  .fileuploader-popup .fileuploader-popup-move[data-action=next] {
    right: auto;
    left: 50%;
  }
  .fileuploader-popup .fileuploader-popup-content,
  .fileuploader-popup .fileuploader-popup-node {
    position: relative;
    display: block;
    width: 100%;
    max-width: initial;
    min-height: initial;
    height: auto;
    text-align: center;
    margin: 0;
  }
  .fileuploader-popup .fileuploader-popup-node {
    padding: 34px;
  }
  .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node {
    padding-top: 90px;
  }
  .fileuploader-popup .fileuploader-popup-node.audio {
    width: 100%;
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta {
    margin-top: 24px;
  }
  .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta li {
    display: inline-block;
    width: auto;
    max-width: 100%;
    text-align: left;
    padding-right: 36px;
  }
  .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta li:last-child {
    padding-right: 0;
  }
}
@-webkit-keyframes fileuploaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fileuploaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@font-face {
  font-family: 'font-fileuploader';
  src: url('../fonts/font-fileuploader.eot?l2vub3');
  src: url('../fonts/font-fileuploader.eot?l2vub3#iefix') format('embedded-opentype'), url('../fonts/font-fileuploader.ttf?l2vub3') format('truetype'), url('../fonts/font-fileuploader.woff?l2vub3') format('woff'), url('../fonts/font-fileuploader.svg?l2vub3#font-fileuploader') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fileuploader-theme-visualsnow {
  background-color: #323232;
  border-radius: 0;
}
.fileuploader-input .fileuploader-input-caption {
  background-color: #323232;
  color: white;
  border: none;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image {
  background: none;
}
.fileuploader-items .fileuploader-item .column-title {
  color: white;
}
.history-read {
  padding-left: 32px;
  padding-right: 30px;
  padding-bottom: 50px;
}
.history-read p {
  padding: 0;
  margin: 0;
  padding-left: 14px;
  padding-right: 17px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  color: #f1f0f0;
}
.history-read h1,
.history-read h2 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 24px;
  color: #c8a282;
  font-weight: 500;
  text-transform: uppercase;
}
.history-read h3 {
  font-size: 16px;
  color: #d9c4b3;
  font-weight: 700;
  text-transform: uppercase;
}
.history-read h4 {
  padding: 0;
  margin: 0;
  padding-left: 14px;
  padding-right: 17px;
  margin-bottom: 23px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #d9c4b3;
}
.history-read h5 {
  padding: 0;
  margin: 0;
  margin-bottom: 14px;
  padding-left: 14px;
  padding-right: 17px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #c8a282;
}
.history-read h6 {
  color: #c19c7e;
  font-size: 14px;
}
.history-read ul {
  padding: 0;
  margin: 0;
  padding-left: 57px;
  padding-right: 17px;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.1em;
  color: #ececec;
  list-style-type: none;
}
.history-read ul li {
  position: relative;
}
.history-read ul li::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  background-image: url("../img/icons/history-content-list-marker--mobile.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.history-read img {
  margin-left: 14px;
  margin-right: 17px;
  width: 622px;
  height: 314px;
}
.history-read blockquote {
  position: relative;
  margin: 0;
  padding: 30px 30px;
  background-color: #141414;
  border-left: 4px solid #ccc;
}
.history-read blockquote::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  width: 32px;
  height: 27px;
  background-image: url("../img/icons/icon-quote.png");
}
.history-read blockquote::after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 10px;
  width: 32px;
  height: 27px;
  background-image: url("../img/icons/icon-quote.png");
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 719px) {
  .history-read {
    padding-left: 15px;
    padding-right: 15px;
  }
  .history-read p {
    font-size: 14px;
  }
  .history-read h1,
  .history-read h2 {
    position: relative;
    margin-bottom: 22px;
    padding-bottom: 23px;
    letter-spacing: 0.1em;
  }
  .history-read h1::after,
  .history-read h2::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -10px;
    width: 52%;
    border-bottom: 1px solid #d9c4b3;
  }
  .history-read h3 {
    margin-top: 36px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
  }
  .history-read h4 {
    font-size: 14px;
  }
  .history-read h5,
  .history-read h6 {
    margin-top: 31px;
    margin-bottom: 22px;
    font-size: 16px;
    letter-spacing: 0.1em;
  }
  .history-read ul {
    font-size: 14px;
  }
  .history-read img {
    width: auto;
    margin-right: 0;
    margin-left: 0;
    height: auto;
  }
}
@media (min-width: 992px) {
  .history-read {
    padding-left: 0;
    padding-right: 0;
  }
  .history-read h1::after,
  .history-read h2::after {
    left: -14px;
    width: 40%;
  }
  .history-read h3 {
    margin-top: 33px;
    margin-bottom: 18px;
  }
  .history-read h4 {
    margin-bottom: 14px;
  }
  .history-read h5,
  .history-read h6 {
    padding-right: 50px;
  }
  .history-read img {
    width: 660px;
    height: 333px;
  }
}
@media (min-width: 1280px) {
  .history-read {
    padding-top: 2px;
  }
  .history-read p {
    font-size: 14px;
    line-height: normal;
  }
  .history-read h3 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 24px;
  }
  .history-read h4 {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 24px;
  }
  .history-read h5,
  .history-read h6 {
    margin-bottom: 10px;
  }
  .history-read ul {
    margin-bottom: 13px;
    font-size: 14px;
  }
}
.history-read .ql-size-small {
  font-size: 0.75em;
}
.ql-size-large {
  font-size: 1.5em;
}
.ql-size-huge {
  font-size: 2.5em;
}
.ql-align-right {
  text-align: right;
}
.ql-align-justify {
  text-align: justify;
}
.ql-align-center {
  text-align: center;
}
.history-edit {
  position: relative;
  padding-left: 14px;
  padding-top: 21px;
  padding-bottom: 22px;
  margin-bottom: 22px;
  background-image: url("../img/history-edit-bg--mobile.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  background-color: rgba(20, 20, 20, 0.7);
}
.history-edit::after {
  content: "";
  position: absolute;
  bottom: 37%;
  left: 0;
  width: 329px;
  height: 1px;
  background-color: #d9c4b3;
}
.history-edit--short {
  margin-bottom: 0;
  padding-left: 16px;
  padding-bottom: 42px;
  background-position: 33px 0;
  background-color: #000000;
}
.history-edit--short::after {
  bottom: 14%;
}
.history-edit__title {
  padding: 0;
  margin: 0;
  margin-bottom: 21px;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c8a282;
}
.history-edit__link {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #d9c4b3;
}
.history-edit__table {
  margin-top: 35px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #818181;
}
.history-edit__table-text {
  padding-right: 23px;
}
@media (max-width: 719px) {
  .history-edit {
    padding-right: 15px;
  }
  .history-edit::after {
    width: 200px;
  }
  .history-edit__title {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .history-edit {
    background-image: url("../img/history-edit-bg--tablet.png");
  }
  .history-edit::after {
    bottom: 40%;
  }
  .history-edit--short {
    padding-top: 15px;
    margin-bottom: 0;
  }
  .history-edit--short::after {
    bottom: 15%;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .history-edit {
    background-image: url("../img/history-edit-bg--mobile.png");
  }
}
@media (min-width: 1280px) {
  .history-edit {
    margin-bottom: 6px;
    padding-top: 13px;
  }
  .history-edit--short {
    margin-bottom: 0;
    padding-bottom: 58px;
    padding-top: 15px;
  }
  .history-edit__link {
    letter-spacing: 0.01em;
  }
  .history-edit__table {
    font-size: 14px;
  }
  .history-edit__table-text {
    padding-right: 19px;
  }
  .history-edit__title {
    margin-bottom: 5px;
  }
}
.history-page-edit {
  padding-left: 30px;
  padding-right: 30px;
}
.history-page-edit .ql-toolbar {
  margin-left: 0;
}
.history-page-edit .ql-container {
  min-height: 724px;
}
.history-page-edit__text {
  padding: 0;
  margin: 0;
  width: 470px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  color: #ececec;
}
.history-page-edit__button {
  display: block;
  margin-left: auto;
  margin-right: 17px;
  padding-top: 21px;
  padding-bottom: 18px;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 18px;
  line-height: 18px;
}
@media (max-width: 719px) {
  .history-page-edit {
    padding-left: 15px;
    padding-right: 15px;
  }
  .history-page-edit .ql-container {
    min-height: 200px;
  }
  .history-page-edit__text {
    width: auto;
    max-width: 457px;
  }
}
@media (min-width: 992px) {
  .history-page-edit__button {
    margin-right: 78px;
  }
  .history-page-edit {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 200px;
  }
}
.therapy-read {
  padding-top: 10px;
  padding-bottom: 30px;
}
.therapy-read p {
  margin: 0;
}
.therapy-read__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
@media (min-width: 992px) {
  .therapy-read {
    padding-bottom: 150px;
  }
  .therapy-read .small-article::after {
    height: 22%;
  }
}
@media (min-width: 1280px) {
  .therapy-read .small-article::after {
    height: 28%;
  }
}
.ql-size-small {
  font-size: 0.75em;
}
.ql-size-large {
  font-size: 1.5em;
}
.ql-size-huge {
  font-size: 2.5em;
}
.ql-align-right {
  text-align: right;
}
.ql-align-justify {
  text-align: justify;
}
.ql-align-center {
  text-align: center;
}
blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 0;
  padding-left: 16px;
}
.therapy-block {
  margin-left: 35px;
  margin-right: 35px;
}
.therapy-block__title {
  padding: 0;
  margin: 0;
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #c8a282;
}
.therapy-block__title--underline {
  position: relative;
  margin-bottom: 80px;
}
.therapy-block__title--underline::after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 200px;
  height: 1px;
  background-color: #aeaeae;
}
.therapy-block__list {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 37px;
  list-style-type: none;
}
.therapy-block__item:not(:nth-child(3n+3)) {
  width: 50%;
  margin-bottom: 34px;
}
.therapy-block__item:nth-child(2n+2) {
  position: relative;
}
.therapy-block__item:nth-child(2n+2)::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 0;
  width: 1px;
  height: 131px;
  background-color: #aeaeae;
}
.therapy-block__item:nth-child(2n+2) .therapy-text-block {
  padding-left: 29px;
}
.therapy-block__link {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #d9c4b3;
}
.therapy-block__link-wrapper {
  margin-left: auto;
  width: 200px;
  text-align: right;
}
@media (max-width: 719px) {
  .therapy-block__list {
    display: block;
  }
  .therapy-block__item,
  .therapy-block__item:not(:nth-child(3n+3)) {
    width: 100%;
  }
  .therapy-block__item:nth-child(2n+2)::before {
    left: 0;
    top: -11px;
    width: 220px;
    height: 1px;
  }
  .therapy-block__item:nth-child(2n+2) .therapy-text-block {
    padding-left: 0;
  }
  .therapy-block__title--underline {
    margin-bottom: 160px;
  }
}
@media (min-width: 992px) {
  .therapy-block__item:nth-child(2n+2)::before {
    left: 43px;
  }
  .therapy-block__item:not(:nth-child(3n+3)) {
    margin-bottom: 25px;
  }
}
@media (min-width: 1280px) {
  .therapy-block__title {
    font-size: 16px;
    line-height: 24px;
  }
  .therapy-block__list {
    width: 692px;
  }
}
.therapy-doctor__name {
  padding: 0;
  margin: 0;
  margin-bottom: 33px !important;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
}
.therapy-text-block__title {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #d9c4b3;
}
.therapy-text-block__paragraph {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  color: #f2f2f2;
}
@media (max-width: 719px) {
  .therapy-block {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  .therapy-block__item:nth-child(2n+2) .therapy-text-block {
    padding-left: 61px;
  }
}
@media (min-width: 1280px) {
  .therapy-text-block__paragraph {
    font-size: 14px;
    line-height: normal;
  }
  .therapy-block__item {
    width: 692px;
  }
  .therapy-block__item:not(:nth-child(3n+3)) {
    width: 346px;
  }
}
.therapy-self-medication__bg-wrapper {
  background-image: url("../img/self-medication-bg--mobile.png");
  background-position: top right;
  background-repeat: no-repeat;
}
@media (max-width: 719px) {
  .therapy-self-medication__bg-wrapper {
    background-position: 0 60px;
  }
}
.therapy {
  padding-right: 35px;
  padding-left: 32px;
}
@media (max-width: 719px) {
  .therapy {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .therapy {
    padding-left: 0;
    padding-bottom: 250px;
  }
}
.therapy-treat-way {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 18px;
  padding-bottom: 35px;
  margin-bottom: 28px;
  background-color: rgba(20, 20, 20, 0.7);
}
.therapy-treat-way__title {
  padding: 0;
  margin: 0;
  margin-bottom: 13px;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #c8a282;
}
.therapy-treat-way__subtitle {
  padding: 0;
  margin: 0;
  margin-bottom: 22px;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #d9c4b3;
}
.therapy-treat-way__block {
  margin: 0;
  padding: 0;
  padding-left: 30px;
}
.therapy-treat-way__block--editor {
  padding-left: 0;
}
.therapy-treat-way__block--hidden {
  display: none;
}
.therapy-treat-way__label {
  position: relative;
  padding: 0;
  margin: 0;
  display: block;
  padding-bottom: 22px;
  width: 600px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  color: #c4c4c4;
}
.therapy-treat-way__label span {
  position: absolute;
  right: 276px;
  top: -5px;
  font-size: 20px;
  color: #bc4545;
}
.therapy-treat-way__label--color {
  padding-left: 10px;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #d9c4b3;
}
.therapy-treat-way__input {
  padding-left: 5px;
  padding-bottom: 3px;
  min-width: 330px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.11em;
  color: #818181;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ababab;
}
.therapy-treat-way__input:hover {
  border-bottom: 1px solid rgba(171, 171, 171, 0.3);
}
.therapy-treat-way__input::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.11em;
  color: #818181;
}
.therapy-treat-way__input::-moz-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.11em;
  color: #818181;
}
.therapy-treat-way__input:-moz-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.11em;
  color: #818181;
}
.therapy-treat-way__input:-ms-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.11em;
  color: #818181;
}
@media (max-width: 719px) {
  .therapy-treat-way__title {
    font-size: 14px;
  }
  .therapy-treat-way__subtitle {
    font-size: 14px;
  }
  .therapy-treat-way__block {
    padding-left: 0;
  }
  .therapy-treat-way__label {
    width: 280px;
    font-size: 14px;
  }
  .therapy-treat-way__label span {
    right: 0;
  }
  .therapy-treat-way__input {
    min-width: 200px;
  }
}
@media (min-width: 992px) {
  .therapy-treat-way {
    padding-top: 21px;
    padding-bottom: 8px;
    margin-bottom: 20px;
  }
  .therapy-treat-way__title {
    margin-bottom: 11px;
    font-size: 16px;
  }
  .therapy-treat-way__subtitle {
    margin-bottom: 13px;
    font-size: 16px;
  }
  .therapy-treat-way__block {
    position: relative;
  }
  .therapy-treat-way__label {
    display: inline-block;
    width: 300px;
    font-size: 14px;
  }
  .therapy-treat-way__label span {
    right: 19px;
    top: -1px;
  }
  .therapy-treat-way__input {
    position: absolute;
    bottom: 28px;
    right: 162px;
    min-width: 330px;
    font-size: 14px;
  }
  .therapy-treat-way__input::-webkit-input-placeholder {
    font-size: 14px;
  }
  .therapy-treat-way__input::-moz-placeholder {
    font-size: 14px;
  }
  .therapy-treat-way__input:-moz-placeholder {
    font-size: 14px;
  }
  .therapy-treat-way__input:-ms-input-placeholder {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .therapy-treat-way__input {
    right: 64px;
    min-width: 200px;
  }
}
@media (min-width: 992px) {
  .therapy-treat-way__input {
    right: 88px;
  }
}
.therapy-form__block {
  margin: 0;
  padding: 0;
  margin-bottom: 39px;
}
.therapy-form__label {
  padding: 0;
  margin: 0;
  display: block;
  padding-bottom: 22px;
  padding-left: 13px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #d9c4b3;
}
.therapy-form__button {
  display: block;
  margin-left: auto;
  margin-right: 17px;
  padding-top: 21px;
  padding-bottom: 18px;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 18px;
  line-height: 18px;
}
@media (max-width: 719px) {
  .therapy-form__label {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .therapy-form__label {
    font-size: 16px;
  }
  .therapy-form__block {
    margin-bottom: -8px;
  }
  .therapy-form__button {
    margin-right: 78px;
  }
}
.signup-page__wrap {
  margin: 0 auto;
  padding: 0 10px;
}
.signup-page__container {
  margin-bottom: 40px;
}
.signup-page__alert p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.2;
}
.signup-page__alert span {
  color: #d3515e;
  font-weight: 700;
}
.signup-page__heading.common-page-heading-wrapper__heading {
  display: flex;
  align-items: flex-end;
}
.signup-page__title {
  width: auto;
  font-size: 24px;
  padding-right: 10px;
  margin-right: 0;
}
@media (min-width: 720px) {
  .signip-page__wrap {
    padding: 0 35px;
  }
  .signup-page__container {
    margin-bottom: 63px;
    padding-top: 40px;
    padding-right: 11px;
    padding-left: 11px;
  }
  .signup-page__heading {
    display: flex;
    align-items: flex-end;
  }
  .signup-page__title {
    width: auto;
    margin-right: 70px;
    padding-right: 10px;
    padding-left: 13px;
    font-size: 36px;
  }
  .signup-page__alert {
    width: 490px;
    margin-bottom: 22px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 17px;
    padding-left: 10px;
    background-color: rgba(122, 99, 80, 0.7);
  }
  .signup-page__alert p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
  }
}
@media (min-width: 992px) {
  .signup-page__wrap {
    padding: 0 50px;
  }
  .signup-page__container {
    padding-top: 48px;
    padding-left: 58px;
    padding-bottom: 48px;
    padding-right: 58px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .signup-page__heading {
    margin: 0 50px;
  }
}
@media (min-width: 1280px) {
  .signup-page__wrap {
    width: 1210px;
    padding: 0 55px;
  }
  .signup-page__container {
    padding-top: 37px;
    padding-right: 139px;
    padding-bottom: 37px;
    padding-left: 28px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .signup-page__heading {
    max-width: 1100px;
    margin: 0 auto;
  }
}
.signup-account__switch {
  position: relative;
  display: flex;
  align-items: center;
  width: 80%;
  margin-bottom: 20px;
}
.signup-account__switch-wrap {
  display: flex;
  margin-left: 50px;
}
.signup-account__switch-title {
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
}
.signup-account__switch-label {
  position: relative;
  width: 40px;
  height: 0;
  cursor: pointer;
}
.signup-account__switch-label::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 13px;
  margin-top: -7px;
  background-color: #c2c2c2;
  border-radius: 8px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease-in-out;
}
.signup-account__switch-label::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 1px;
  width: 17px;
  height: 17px;
  margin-top: -8px;
  background-color: #dee5eb;
  border-radius: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease-in-out;
}
.signup-account__switch-checkbox[type="checkbox"]:checked + .signup-account__switch-label::before {
  background-color: #c8a281;
}
.signup-account__switch-checkbox[type="checkbox"]:checked + .signup-account__switch-label::after {
  left: 23px;
}
.signup-account__description {
  margin-bottom: 33px;
  font-size: 13px;
  line-height: 1.2;
}
@media (min-width: 720px) {
  .signup-account {
    width: 490px;
  }
  .signup-account__switch {
    width: 100%;
    margin-bottom: 20px;
  }
  .signup-account__switch::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #d9c4b3;
  }
  .signup-account__switch-wrap {
    margin-left: 0;
  }
  .signup-account__switch-title {
    margin-right: 46px;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .signup-account__description {
    padding-top: 17px;
    font-size: 18px;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 992px) {
  .signup-account__description {
    margin-bottom: 28px;
  }
}
@media (min-width: 1280px) {
  .signup-account__description {
    margin-bottom: 17px;
    font-size: 16px;
  }
}
.signup-form form {
  display: flex;
  flex-direction: column;
}
.signup-form__label {
  display: block;
  margin-bottom: 7px;
  color: #d9c4b3;
  line-height: 1.2;
}
.signup-form__label--required::after {
  content: "*";
  font-size: 16px;
  color: #d3515e;
  font-weight: 700;
}
.signup-form__input {
  height: 45px;
  margin-bottom: 10px;
  padding: 5px 10px;
}
.signup-form__not-anon,
.signup-form__row--sign-data,
.signup-form__row--personal,
.signup-form__birthday,
.signup-form__footer {
  display: flex;
  flex-direction: column;
}
.signup-form__row--sign-data {
  margin-bottom: 15px;
}
.signup-form__not-anon--hidden {
  display: none;
}
.signup-form__privacy {
  margin-bottom: 20px;
}
.signup-form__privacy-label {
  margin-bottom: 10px;
  padding-left: 28px;
  font-size: 15px;
  line-height: 1.2;
}
.signup-form__privacy-label a {
  color: #c8a282;
  border-color: #c8a282;
}
.signup-form__details {
  padding: 0;
  margin: 0;
  margin-left: 27px;
  color: #b1bfcb;
  font-size: 13px;
  line-height: 1.2;
}
.signup-form__button {
  width: auto;
  margin-left: auto;
  padding: 15px;
}
.signup-form__select + .select2 {
  margin-bottom: 15px;
}
.signup-form__select + .select2:last-child {
  margin-right: 0;
}
@media (min-width: 720px) {
  .signup-form__label {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 21px;
  }
  .signup-form__label--required::after {
    font-size: 18px;
  }
  .signup-form__input {
    margin-bottom: 16px;
    padding: 15px;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .signup-form__privacy {
    margin-bottom: 33px;
  }
  .signup-form__privacy-label {
    margin-bottom: 12px;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .signup-form__details {
    padding: 0;
    margin: 0;
    margin-left: 27px;
    color: #b1bfcb;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1em;
  }
  .signup-form__button {
    width: 256px;
    padding: 27px;
    font-size: 24px;
    letter-spacing: 0.1em;
  }
  .signup-form__selects-container {
    display: flex;
  }
  .signup-form__select + .select2 {
    margin-right: 25px;
    margin-bottom: 23px;
  }
  .signup-form__select + .select2:last-child {
    margin-right: 0;
  }
  .signup-form__select--year + .select2 {
    margin-bottom: 30px;
    flex: 0 0 21%;
  }
  .signup-form__select--date + .select2 {
    flex: 0 0 21%;
  }
  .signup-form__select--month + .select2 {
    flex: 0 0 50.5%;
  }
}
@media (min-width: 992px) {
  .signup-form {
    min-height: 475px;
  }
  .signup-form form {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .signup-form__row--name {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .signup-form__not-anon--hidden {
    display: none;
  }
  .signup-form__not-anon {
    width: 250px;
  }
  .signup-form__row--sign-data {
    flex: 0 0 52.5%;
    margin-bottom: 0;
  }
  .signup-form__row--personal {
    flex: 0 0 39.5%;
  }
  .signup-form__label,
  .signup-form__row--personal label {
    margin-bottom: 8px;
    font-size: 16px;
  }
  .signup-form__input {
    margin-bottom: 24px;
    font-size: 16px;
  }
  .signup-form__footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 6px;
  }
  .signup-form__privacy {
    flex: 0 0 72.3%;
    margin-bottom: 0;
  }
  .signup-form__privacy-label {
    margin-bottom: 3px;
    padding-left: 30px;
    font-size: 16px;
  }
  .signup-form__details {
    margin-left: 29px;
    font-size: 14px;
  }
  .signup-form__button {
    flex: 0 0 auto;
    width: 188px;
    padding: 20px;
    font-size: 18px;
  }
  .signup-form__select + .select2 {
    margin-right: 10px;
    margin-bottom: 24px;
  }
  .signup-form__select + .select2:last-child {
    margin-right: 0;
  }
  .signup-form__select--date + .select2 {
    flex: 0 0 19%;
  }
  .signup-form__select--month + .select2 {
    flex: 0 0 43%;
  }
  .signup-form__select--year + .select2 {
    flex: 0 0 31%;
  }
}
@media (min-width: 1280px) {
  .signup-form__row--sign-data {
    margin-bottom: 2px;
  }
  .signup-form__privacy-label {
    margin-bottom: 5px;
    padding-left: 28px;
  }
  .signup-form__privacy {
    flex: 0 0 61%;
  }
  .signup-form__details {
    margin-left: 27px;
    font-size: 12px;
  }
}
.select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  height: 45px;
  background-color: #dee5eb;
  border: 0;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  color: #291a2d;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.2;
  font-weight: 500;
}
.select2-container--default .select2-results > .select2-results__options {
  background-color: #c2c2c2;
}
.select2-dropdown.select2-dropdown--below {
  border: none;
}
.select2-results__option {
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  background-color: transparent;
  color: #291a2d;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.select2-results__option:last-child {
  padding-bottom: 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
  text-decoration: underline;
  color: #291a2d;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: transparent;
  color: #141414;
}
@media (min-width: 720px) {
  .select2-container--default .select2-selection--single {
    padding: 15px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
    right: 11px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 8px 5px 0 5px;
  }
  .select2-container--default .select2-results > .select2-results__options {
    max-height: 300px;
  }
  .select2-results__option {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 14px;
    padding-left: 25px;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 992px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
    right: 7px;
  }
  .select2-results__option {
    padding: 12px 20px 1px 18px;
    font-size: 16px;
  }
  .select2-container--default .select2-results > .select2-results__options {
    max-height: 174px;
  }
}
.mCSB_scrollTools {
  opacity: 1;
  margin-top: 7px;
  margin-bottom: 7px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  width: 3px;
  background-color: #291a2d;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 1px;
  background-color: #291a2d;
}
.links-page__container {
  padding-top: 20px;
  padding-right: 15px;
  padding-bottom: 40px;
  padding-left: 15px;
  background-color: rgba(20, 20, 20, 0.7);
}
.links-page__heading.common-page-heading-wrapper__heading {
  display: flex;
  align-items: flex-end;
}
.links-page__title {
  width: auto;
  font-size: 24px;
  margin-right: 0;
}
@media (min-width: 720px) {
  .links-page__container {
    margin-bottom: 50px;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
  }
  .links-page__heading {
    display: flex;
    align-items: flex-end;
  }
  .links-page__title {
    width: auto;
    margin-right: 70px;
    padding-top: 18px;
    padding-right: 10px;
    padding-left: 13px;
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .links-page__container {
    margin: 0 50px;
    margin-bottom: 44px;
    padding-top: 29px;
    padding-right: 28px;
    padding-left: 28px;
  }
  .links-page__heading {
    margin: 0 50px;
  }
  .links-page__title {
    padding-top: 12px;
    font-size: 36px;
  }
}
@media (min-width: 1280px) {
  .links-page__container {
    max-width: 1100px;
    margin-right: auto;
    margin-bottom: 39px;
    margin-left: auto;
    padding-top: 37px;
    padding-right: 23px;
    padding-bottom: 37px;
    padding-left: 28px;
  }
  .links-page__heading {
    max-width: 1100px;
    margin: 0 auto;
  }
}
.common-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 40px;
}
.common-links:last-child {
  margin-bottom: 0;
}
.common-links__headline {
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  color: #d9c4b3;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-transform: uppercase;
}
.common-links__list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.common-links__item {
  width: 100%;
  margin-bottom: 15px;
}
.common-links__item:last-child {
  margin-bottom: 0;
}
.common-links__link {
  color: #c19c7e;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.common-links__link:hover {
  color: #dee5eb;
  border-color: #dee5eb;
}
.common-links__link:active {
  color: #7a6350;
  border-color: #7a6350;
}
.common-links__description {
  width: 100%;
  margin-bottom: 30px;
  color: #ffffff;
  line-height: 1.2;
}
.common-links__description:last-child {
  margin-bottom: 0;
}
@media (min-width: 720px) {
  .common-links {
    margin-bottom: 73px;
  }
  .common-links__headline {
    margin-bottom: 21px;
    font-size: 24px;
  }
  .common-links__item {
    margin-bottom: 28px;
  }
  .common-links__link {
    font-size: 18px;
    line-height: 24px;
  }
  .common-links__description {
    margin-top: 12px;
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .common-links {
    margin-bottom: 55px;
  }
  .common-links--descriptions {
    margin-bottom: 21px;
  }
  .common-links__headline {
    margin-bottom: 22px;
  }
  .common-links__link,
  .common-links__description {
    font-size: 16px;
  }
  .common-links__description {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .common-links {
    margin-bottom: 54px;
  }
  .common-links__link,
  .common-links__description {
    font-size: 14px;
  }
}
.profile-page__wrap {
  margin: 0 auto;
  padding: 15px;
}
.profile-page__container {
  margin-bottom: 40px;
}
.profile-page__heading.common-page-heading-wrapper__heading {
  display: flex;
  align-items: flex-end;
}
.profile-page__title {
  width: auto;
  font-size: 24px;
  padding-right: 10px;
  margin-right: 0;
}
@media (min-width: 720px) {
  .profile-page__wrap {
    padding: 0 25px;
  }
  .profile-page__container {
    margin-bottom: 63px;
    padding-top: 36px;
    padding-right: 10px;
    padding-left: 0;
  }
  .profile-page__heading {
    display: flex;
    align-items: flex-end;
  }
  .profile-page__title {
    width: auto;
    margin-right: 46px;
    padding-right: 10px;
    padding-left: 13px;
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .profile-page__wrap {
    margin: 0 50px;
    padding: 0;
  }
  .profile-page__container {
    display: flex;
    padding-top: 36px;
    padding-right: 21px;
    padding-bottom: 20px;
    padding-left: 21px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .profile-page__heading {
    margin: 0 50px;
  }
  .profile-page__title {
    margin-right: 70px;
  }
}
@media (min-width: 1280px) {
  .profile-page__wrap {
    max-width: 1100px;
    margin: 0 auto;
  }
  .profile-page__container {
    padding-top: 37px;
    padding-right: 68px;
    padding-bottom: 37px;
    padding-left: 28px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .profile-page__heading {
    max-width: 1100px;
    margin: 0 auto;
  }
}
.profile-form {
  margin-bottom: 30px;
}
.profile-form__headline {
  margin-top: 0;
  margin-bottom: 20px;
  color: #b59375;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
}
.profile-form__subtitle {
  margin: 20px 0;
  font-size: 17px;
  color: #d9c4b3;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
}
.profile-form__field-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15px;
}
.profile-form__label {
  margin-bottom: 10px;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.2;
  font-weight: 500;
}
.profile-form__label-hint {
  margin-bottom: 10px;
}
.profile-form__info {
  width: 100%;
  color: #d9c4b3;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
}
.profile-form__hint {
  bottom: 75%;
  left: 65px;
}
.profile-form__label--select {
  margin-right: 8px;
}
.profile-form__input {
  height: 45px;
  padding: 5px 10px;
}
.profile-form__selects-container {
  width: 100%;
}
.profile-form__select + .select2 {
  margin-bottom: 15px;
}
.profile-form__select + .select2:last-child {
  margin-bottom: 0;
}
.profile-form__button {
  width: auto;
  padding: 10px;
}
.profile-form__row--hidden {
  display: none;
}
.profile-form__field-anon--hidden {
  display: none;
}
@media (min-width: 720px) {
  .profile-form {
    margin-bottom: 28px;
  }
  .profile-form--data {
    position: relative;
    padding-bottom: 35px;
  }
  .profile-form--data::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #c2c2c2;
  }
  .profile-form__headline {
    margin-bottom: 30px;
    letter-spacing: 0.1em;
  }
  .profile-form__subtitle {
    margin-top: 43px;
    margin-bottom: 21px;
  }
  .profile-form__row {
    margin-bottom: 35px;
  }
  .profile-form__row--name {
    margin-bottom: 0;
  }
  .profile-form__field-wrap {
    flex-direction: row;
    align-items: center;
    margin-bottom: 25px;
  }
  .profile-form__label-hint {
    flex: 0 0 155px;
    width: 155px;
    margin-right: 10px;
  }
  .profile-form__hint {
    bottom: 31%;
  }
  .profile-form__label-hint .profile-form__label {
    width: auto;
    margin-bottom: 0;
  }
  .profile-form__label {
    flex: 0 0 155px;
    width: 155px;
    margin-bottom: 0;
    letter-spacing: 0.01em;
  }
  .profile-form__info {
    letter-spacing: 0.01em;
  }
  .profile-form__label--select {
    margin-right: 0;
  }
  .profile-form__selects-container {
    display: flex;
    justify-content: space-between;
  }
  .profile-form__select + .select2 {
    margin-right: 13px;
    margin-bottom: 0;
  }
  .profile-form__select + .select2:last-child {
    margin-right: 0;
  }
  .profile-form__select--date + .select2 {
    flex: 0 0 22.27%;
  }
  .profile-form__select--month + .select2 {
    flex: 0 0 41.65%;
  }
  .profile-form__select--year + .select2 {
    flex: 0 0 30.516%;
  }
  .profile-form__button {
    width: 382px;
    padding: 17px;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 992px) {
  .profile-form {
    margin-bottom: 0;
    flex: 0 0 53%;
  }
  .profile-form--data {
    flex: 0 0 45%;
    margin-right: 15px;
    padding-right: 15px;
    padding-bottom: 0;
  }
  .profile-form--data::after {
    top: 35px;
    right: 0;
    left: auto;
    border-bottom: none;
    height: 95%;
    width: 1px;
    border-right: 1px solid #c2c2c2;
  }
  .profile-form__row {
    margin-bottom: 0;
  }
  .profile-form__subtitle {
    margin-top: 29px;
    margin-bottom: 29px;
  }
  .profile-form__field-wrap {
    margin-bottom: 20px;
  }
  .profile-form__label,
  .profile-form__label-hint {
    margin-right: 0;
  }
  .profile-form form {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .profile-form__field-anon {
    margin-bottom: 27px;
    padding-top: 12px;
  }
  .profile-form__button {
    width: 320px;
    margin: 0 auto;
    padding: 13px;
    font-size: 16px;
  }
  .profile-form__select + .select2 {
    margin-right: 5px;
  }
  .profile-form__select--date + .select2 {
    flex: 0 0 21%;
  }
  .profile-form__select--month + .select2 {
    flex: 0 0 47%;
  }
  .profile-form__select--year + .select2 {
    flex: 0 0 29%;
  }
}
@media (min-width: 1280px) {
  .profile-form--data {
    flex: 0 0 450px;
    margin-right: 27px;
    padding-right: 35px;
  }
  .profile-form--sick {
    flex: 0 0 537px;
  }
  .profile-form__select--date + .select2 {
    flex: 0 0 22.27%;
  }
  .profile-form__select--month + .select2 {
    flex: 0 0 41.65%;
  }
  .profile-form__select--year + .select2 {
    flex: 0 0 30.516%;
  }
  .profile-form__button {
    margin-top: 10px;
  }
}
.news-page__container {
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 20px;
}
.news-page__heading.common-page-heading-wrapper__heading {
  display: flex;
  align-items: flex-end;
}
.news-page__title {
  width: auto;
  font-size: 24px;
  padding-right: 10px;
  margin-right: 0;
}
@media (min-width: 720px) {
  .news-page__container {
    margin-right: 28px;
    margin-left: 27px;
  }
  .news-page__heading {
    display: flex;
    align-items: flex-end;
  }
  .news-page__title {
    width: auto;
    margin-right: 70px;
    padding-right: 10px;
    padding-left: 13px;
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .news-page__container {
    margin: 0 50px;
  }
  .news-page__heading {
    margin: 0 50px;
  }
}
@media (min-width: 1280px) {
  .news-page__container {
    max-width: 1100px;
    margin: 0 auto;
    margin-bottom: 48px;
    padding-top: 25px;
    padding-right: 31px;
    padding-bottom: 20px;
    padding-left: 35px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .news-page__heading {
    max-width: 1100px;
    margin: 0 auto;
  }
}
.news-page__articles {
  margin-bottom: 30px;
}
.small-articles {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 720px) {
  .small-articles {
    margin-bottom: 53px;
  }
}
@media (min-width: 992px) {
  .small-articles {
    margin-bottom: 39px;
    padding-top: 25px;
  }
}
@media (min-width: 1280px) {
  .small-articles {
    margin-bottom: 33px;
    padding-top: 0;
  }
}
.pagination {
  margin-bottom: 40px;
}
.pagination--bg {
  padding-top: 17px;
  padding-bottom: 16px;
  background-color: rgba(20, 20, 20, 0.8);
}
.pagination__list {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination__item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
}
.pagination__item:not(.pagination__item--active):hover {
  color: #7a6350;
}
.pagination__item--active {
  position: relative;
  color: #c8a282;
  font-weight: 700;
  cursor: auto;
}
.pagination__item--active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 5px;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.pagination__item--active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 5px;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.pagination__item--active a {
  cursor: auto;
}
.pagination__item--arrow {
  padding: 0;
}
.pagination__item--arrow:hover svg {
  fill: #7a6350;
}
.pagination__item--arrow a {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 720px) {
  .pagination__item {
    height: 35px;
    margin: 0 7px;
    padding: 0 14px;
    font-size: 18px;
  }
  .pagination__item--active::after,
  .pagination__item--active::before {
    width: 10px;
  }
  .pagination__item--arrow {
    margin-right: 20px;
    padding: 0;
  }
  .pagination__item--arrow svg {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 992px) {
  .pagination--bg {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media (min-width: 1280px) {
  .pagination--bg {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}
.details-page__container {
  position: relative;
  margin: 20px 10px;
}
.details-page__heading {
  padding: 20px 10px;
  background-color: #7a6350;
}
.details-page__heading-content h1 {
  margin-top: 0;
  margin-bottom: 30px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.details-page__heading-content p {
  margin: 0;
  color: #ececec;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.details-page__section {
  position: relative;
  margin-bottom: 20px;
}
.details-page__section--annotation {
  margin-top: 10px;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
.details-page__section--annotation::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #ffffff;
}
.details-page p {
  margin-top: 0;
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.details-page p:last-child {
  margin-bottom: 0;
}
.details-page p span {
  font-weight: bold;
  color: #c8a282;
}
.details-page__section ul,
.details-page__section ol {
  padding-left: 20px;
  margin-bottom: 26px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.details-page__section li ul,
.details-page__section li ol {
  margin: 10px 0;
}
.details-page__section li li ul,
.details-page__section li li ol {
  margin: 8px 0;
}
.details-page__section li {
  margin: 12px 0;
  font-size: 12px;
}
.details-page__section li li {
  margin: 8px 0;
}
.details-page__section li li li {
  margin: 6px 0;
}
.details-page h2 {
  color: #d9c4b3;
  font-size: 18px;
  font-weight: 700;
}
.details-page__img {
  width: 100%;
  height: 100%;
}
.details-page__figure {
  display: inline-block;
  margin: 0;
  margin-bottom: 26px;
}
.details-page__figure-caption {
  padding: 5px 10px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}
.details-page__figure-description {
  padding: 15px 10px;
  background-color: rgba(122, 99, 80, 0.7);
  margin-bottom: 26px;
}
.details-page__figure-description p {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  .details-page__container {
    margin: 0 15px;
    padding-top: 27px;
    padding-right: 30px;
    padding-bottom: 31px;
    padding-left: 57px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .details-page__heading {
    padding: 30px;
    min-height: 600px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    background-color: #c2c2c2;
    background-image: url("../img/bg-research-details.jpg");
    background-size: cover;
    background-position: right 21% top 0;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.64);
  }
  .details-page__heading-content {
    margin-top: auto;
    width: 456px;
    padding-top: 30px;
    padding-right: 26px;
    padding-bottom: 32px;
    padding-left: 26px;
    background-color: rgba(122, 99, 80, 0.8);
  }
  .details-page__heading-content h1 {
    margin-bottom: 56px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.1em;
  }
  .details-page__heading-content p {
    position: relative;
    font-size: 16px;
    letter-spacing: 0.1em;
  }
  .details-page__heading-content p::before {
    content: "";
    position: absolute;
    top: -28%;
    left: -56px;
    width: 79%;
    border-top: 1px solid #d9c4b3;
  }
  .details-page__section--annotation {
    margin-bottom: 30px;
    margin-top: -40px;
  }
  .details-page h2 {
    margin-bottom: 28px;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.025em;
  }
  .details-page p {
    margin-bottom: 26px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.025em;
  }
  .details-page__section ul,
  .details-page__section ol {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.025em;
  }
  .details-page__img {
    margin-top: 34px;
  }
  .details-page__figure-description p {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 16px;
  }
}
@media (max-width: 720px) {
  .details-page__heading {
    background-image: none !important;
  }
  .details-page__heading-content {
    background-color: #7a6350;
  }
}
@media (min-width: 992px) {
  .details-page__container,
  .details-page__heading {
    max-width: 1100px;
    margin: 0 50px;
  }
  .details-page__container {
    padding-right: 32px;
    padding-bottom: 10px;
    padding-left: 27px;
  }
  .details-page__heading {
    min-height: 450px;
    padding: 35px 55px;
  }
  .details-page__heading-content {
    width: 630px;
    padding-top: 19px;
    padding-right: 17px;
    padding-bottom: 21px;
    padding-left: 17px;
    background-image: url("../img/bg-dots-navigation.png");
    background-repeat: no-repeat;
    background-position: right -1% bottom -8%;
  }
  .details-page__heading-content h1 {
    margin-bottom: 33px;
  }
  .details-page__heading-content p {
    padding-right: 70px;
  }
  .details-page__heading-content p::before {
    top: -26%;
    left: -72px;
    width: 74%;
  }
  .details-page__section--annotation {
    margin-top: -55px;
    padding-bottom: 42px;
  }
  .details-page__section--annotation::after {
    width: 39%;
  }
  .details-page__img {
    width: 404px;
    margin-top: 27px;
  }
  .details-page__figure-description p {
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 18px;
  }
}
@media (min-width: 1280px) {
  .details-page__container,
  .details-page__heading {
    margin: 0 auto;
  }
  .details-page__container {
    padding-top: 26px;
  }
  .details-page__heading {
    padding-bottom: 61px;
  }
  .details-page__heading-content h1 {
    font-size: 16px;
  }
  .details-page__heading-content p {
    font-size: 14px;
    padding-right: 110px;
  }
  .details-page__heading-content p::before {
    top: -44%;
    width: 55%;
  }
  .details-page p {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 24px;
  }
  .details-page__section ul,
  .details-page__section ol {
    font-size: 14px;
    line-height: 24px;
  }
  .details-page__img {
    width: 347px;
    margin-top: 0;
  }
  .details-page__figure-caption {
    font-size: 12px;
  }
  .details-page__figure-description p {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 16px;
  }
}
.details-navigation {
  z-index: 1;
}
.sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 10px;
}
.details-navigation__button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #dee5eb;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  z-index: 2;
}
.details-navigation__button:hover {
  opacity: 0.7;
}
.details-navigation__button--opened {
  background-image: url("../img/icons/icon-close.svg");
}
.details-navigation__button--closed {
  background-image: url("../img/icons/icon-list.svg");
}
.details-navigation__icon {
  display: none;
}
.details-navigation__list-wrap {
  min-width: 270px;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 10px 20px;
}
.details-navigation__list-wrap--hidden {
  display: none;
}
.details-navigation__icon--hidden {
  display: none;
}
.details-navigation__icon--show {
  display: block;
}
.details-navigation h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #d9c4b3;
}
.details-navigation__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.details-navigation__item {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
}
.details-navigation__item a {
  border-color: #d9c4b3;
}
@media (min-width: 720px) {
  .details-navigation__list-wrap {
    min-width: 305px;
    top: 16px;
    left: 16px;
    padding-top: 18px;
    padding-right: 30px;
    padding-bottom: 26px;
    padding-left: 30px;
  }
  .details-navigation__title {
    padding-bottom: 9px;
    font-size: 18px;
  }
  .details-navigation__item {
    margin-bottom: 34px;
    font-size: 18px;
  }
  .details-navigation__item:last-child {
    margin-bottom: 0;
  }
  .details-navigation {
    margin-left: -60px;
    margin-top: -15px;
  }
  .details-navigation__button {
    width: 46px;
    height: 48px;
    background-size: 30px;
  }
}
@media (min-width: 992px) {
  .details-navigation {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .details-navigation__list-wrap {
    min-width: 245px;
    padding-top: 9px;
    padding-bottom: 23px;
  }
  .details-navigation__title {
    font-size: 14px;
    margin-bottom: 18px;
  }
  .details-navigation__item {
    font-size: 12px;
    margin-bottom: 12px;
  }
}
.details-pagination {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 50px;
}
.details-pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.details-pagination__item {
  margin: 0 5px;
}
.details-pagination__item:hover {
  opacity: 0.7;
}
.details-pagination__text {
  display: none;
}
.details-pagination__item--link {
  max-width: 260px;
  padding: 12px 5px;
  color: #291a2d;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  background-color: #dee5eb;
  border-radius: 50px;
  cursor: pointer;
}
.details-pagination__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  background-color: #dee5eb;
  border-radius: 50%;
  cursor: pointer;
}
@media (min-width: 720px) {
  .details-pagination {
    margin-top: 24px;
    margin-bottom: 61px;
  }
  .details-pagination__item--control a {
    display: flex;
    align-items: center;
    width: 206px;
    padding: 7px;
    background-color: rgba(20, 20, 20, 0.7);
    border-radius: 50px;
  }
  .details-pagination__item:first-child a {
    justify-content: flex-end;
    text-align: right;
  }
  .details-pagination__item:first-child a .details-pagination__arrow {
    margin-left: 16px;
  }
  .details-pagination__item:last-child a {
    justify-content: flex-start;
  }
  .details-pagination__item:last-child a .details-pagination__arrow {
    margin-right: 16px;
  }
  .details-pagination__item--link {
    padding: 16px 5px;
    font-size: 16px;
  }
  .details-pagination__text {
    display: inline-block;
    flex: 1;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: uppercase;
  }
}
@media (min-width: 992px) {
  .details-pagination {
    margin-top: 22px;
    margin-bottom: 50px;
  }
  .details-pagination__item {
    margin: 0 7px;
  }
  .details-pagination__item:first-child a .details-pagination__arrow {
    margin-left: 13px;
  }
  .details-pagination__item:last-child a .details-pagination__arrow {
    margin-right: 13px;
  }
  .details-pagination__item--link {
    max-width: 370px;
    font-size: 14px;
    padding: 15px 20px;
  }
  .details-pagination__text {
    display: none;
  }
  .details-pagination__item--control a {
    background: none;
  }
  .details-pagination__item--control a:hover {
    background-color: rgba(13, 13, 13, 0.7);
  }
  .details-pagination__item--control a:hover .details-pagination__text {
    display: inline-block;
  }
  .details-pagination__item--control:hover {
    opacity: 1;
  }
}
@media (min-width: 1280px) {
  .details-pagination {
    margin-top: 5px;
    margin-bottom: 31px;
  }
}
.patient-page__menu {
  margin-bottom: 0;
}
.patient-page__wrap {
  margin: 0;
  padding-top: 29px;
}
.patient-page__content {
  margin-bottom: 50px;
}
.patient-page__content p {
  margin: 0;
}
.patient-page__container {
  position: relative;
}
@media (min-width: 720px) {
  .patient-page__wrap {
    margin: 0;
  }
  .patient-page__menu,
  .patient-page__content {
    margin-bottom: 30px;
  }
  .patient-page__menu {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .patient-page header {
    background-image: url("../img/common-bg-short-header.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .patient-page main {
    background-position: top;
  }
  .patient-page__container {
    display: flex;
  }
  .patient-page__menu {
    flex-shrink: 0;
    width: 291px;
    margin-bottom: 30px;
    background-color: #141414;
  }
  .patient-page__wrap {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .patient-page__wrap--scroll {
    height: 100vh;
  }
  .patient-page__wrap--scroll.mCustomScrollbar {
    position: relative;
  }
  .patient-page__wrap--scroll.mCustomScrollbar:not(.mCS_no_scrollbar)::after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 20px;
    height: 200px;
    width: 98%;
    background-image: linear-gradient(to top, #141414 1%, rgba(20, 20, 20, 0) 100%);
    opacity: 1;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  .patient-page__wrap--scrolled.mCustomScrollbar:not(.mCS_no_scrollbar)::after {
    opacity: 0;
  }
  .patient-page__wrap--scroll .mCSB_scrollTools {
    margin-top: 0;
    right: 8px;
  }
  .patient-page__wrap--scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .patient-page__wrap--scroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  .patient-page__wrap--scroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    width: 3px;
    background-color: #ffffff;
  }
  .patient-page__wrap--scroll .mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    background-color: #ffffff;
  }
  .patient-page__content {
    width: 100%;
    padding-left: 17px;
  }
}
@media (min-width: 1280px) {
  .patient-page__container {
    max-width: 1100px;
    margin: 0 auto;
  }
  .patient-page__menu {
    max-width: 250px;
    width: 250px;
  }
  .patient-page__wrap {
    margin-left: 0;
    padding-top: 8px;
    margin-right: 0;
    background-color: rgba(20, 20, 20, 0.7);
  }
  .patient-page__content {
    padding-left: 11px;
  }
}
.patient-menu--personal {
  padding-top: 30px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 15px;
  background-color: #141414;
}
.patient-menu--links {
  position: relative;
  padding-top: 20px;
  background-color: rgba(20, 20, 20, 0.4);
}
.patient-menu--links::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 10px;
  margin: 0 auto;
  width: 100%;
  border-bottom: 1px solid #d9c4b3;
}
.patient-menu__row {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.patient-menu__avatar {
  position: relative;
  align-self: center;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 50%;
}
.patient-menu__img {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  line-height: 3rem;
}
.patient-menu__download {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 10px;
  padding-right: 45px;
  padding-bottom: 40px;
  padding-left: 45px;
  background-color: rgba(41, 26, 45, 0.7);
}
input.patient-menu__input {
  display: none;
}
.patient-menu__input + label {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
}
.patient-menu__avatar:hover .patient-menu__download {
  display: block;
}
.patient-menu__socials {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.patient-menu__social {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  background-size: contain;
}
.patient-menu__social:hover {
  opacity: 0.7;
}
.patient-menu__social--vk {
  width: 37px;
  height: 37px;
  background-image: url("../img/icons/icon-vk.png");
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .patient-menu__social--vk {
    background-image: url("../img/icons/icon-vk@2x.png");
  }
}
.patient-menu__social--youtube {
  width: 37px;
  height: 37px;
  background-image: url("../img/icons/icon-youtube.png");
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .patient-menu__social--youtube {
    background-image: url("../img/icons/icon-youtube@2x.png");
  }
}
.patient-menu__social--fb {
  width: 37px;
  height: 37px;
  background-image: url("../img/icons/icon-fb.png");
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .patient-menu__social--fb {
    background-image: url("../img/icons/icon-fb@2x.png");
  }
}
.patient-menu__social--add {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #c8a282;
  font-weight: 500;
}
.patient-menu__social--add:hover {
  color: #7a6350;
}
.patient-menu__social--add:hover img {
  opacity: 0.7;
}
.patient-menu__social--add img {
  flex-shrink: 0;
  width: 37px;
  height: 37px;
  margin-right: 10px;
}
.patient-menu__name {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  color: #d9c4b3;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 24px;
  text-transform: uppercase;
}
.patient-menu__field {
  margin: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 24px;
}
.patient-menu__field span {
  color: #d9c4b3;
}
.patient-menu__field--city {
  margin-bottom: 10px;
}
.patient-menu__inner {
  display: flex;
}
.patient-menu__inner-col:first-child {
  position: relative;
  padding-right: 20px;
}
.patient-menu__inner-col:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border-right: 1px solid #d9c4b3;
}
.patient-menu__inner-col:last-child {
  flex: 0;
  padding-left: 20px;
}
.patient-menu__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.patient-menu__item {
  position: relative;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 10px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #505050;
  z-index: 0;
}
.patient-menu__link {
  display: block;
  width: 100%;
  padding: 20px;
  z-index: 0;
}
.patient-menu__link:hover {
  color: #d9c4b3;
  box-shadow: inset 0 0 0 1px #7b7875;
}
.patient-menu__link:hover::after {
  content: "";
  display: block;
  position: absolute;
  right: -3px;
  top: -3px;
  bottom: -3px;
  left: -3px;
  background-image: url("../img/icons/icon-top-right.png"), url("../img/icons/icon-bottom-right.png"), url("../img/icons/icon-top-left.png"), url("../img/icons/icon-bottom-left.png");
  background-position: top right, bottom right, top left, bottom left;
  background-repeat: no-repeat;
  z-index: -1;
}
.patient-menu__link.not-active {
  color: #ccc !important;
}
.patient-menu__link.not-active:hover {
  color: #ccc !important;
  box-shadow: none;
}
.patient-menu__link.not-active:hover::after {
  color: #fff !important;
  background-image: none !important;
}
.patient-menu__item--active {
  color: #d9c4b3;
  box-shadow: inset 0 0 0 1px #7b7875;
}
.patient-menu__item--active::after {
  content: "";
  display: block;
  position: absolute;
  right: -3px;
  top: -3px;
  bottom: -3px;
  left: -3px;
  background-image: url("../img/icons/icon-top-right.png"), url("../img/icons/icon-bottom-right.png"), url("../img/icons/icon-top-left.png"), url("../img/icons/icon-bottom-left.png");
  background-position: top right, bottom right, top left, bottom left;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (min-width: 720px) {
  .patient-menu--personal {
    display: flex;
    align-items: flex-start;
    padding: 30px 35px;
    padding-top: 20px;
    padding-right: 35px;
    padding-bottom: 15px;
    padding-left: 35px;
  }
  .patient-menu--links {
    padding-top: 30px;
    padding-right: 35px;
    padding-left: 35px;
  }
  .patient-menu--links::before {
    top: 15px;
  }
  .patient-menu__row--first {
    min-width: 176px;
    margin-right: 41px;
  }
  .patient-menu__row--second {
    width: 100%;
  }
  .patient-menu__avatar {
    align-self: flex-start;
    margin-top: 7px;
    margin-bottom: 25px;
  }
  .patient-menu__img {
    width: 153px;
    height: 153px;
  }
  .patient-menu__download {
    padding-top: 5px;
    padding-right: 28px;
    padding-bottom: 30px;
    padding-left: 28px;
  }
  .patient-menu__input + label {
    font-size: 10px;
  }
  .patient-menu__socials {
    margin-bottom: 0;
  }
  .patient-menu__social {
    margin-right: 8px;
  }
  .patient-menu__social--add {
    max-width: 130px;
    margin-right: 0;
    font-size: 14px;
  }
  .patient-menu__social--add img {
    margin-right: 8px;
  }
  .patient-menu__name {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 36px;
  }
  .patient-menu__field {
    font-size: 18px;
    line-height: 30px;
  }
  .patient-menu__field--city {
    margin-bottom: 27px;
  }
  .patient-menu__field--city span {
    margin-left: 6px;
  }
  .patient-menu__inner-col:first-child {
    padding-right: 27px;
  }
  .patient-menu__inner-col:last-child {
    padding-left: 37px;
  }
  .patient-menu__inner-col:first-child span {
    margin-left: 13px;
  }
  .patient-menu__list {
    flex-direction: row;
    justify-content: space-between;
  }
  .patient-menu__item {
    margin: 0;
    margin-bottom: 17px;
    font-size: 18px;
    flex: 0 0 48%;
  }
  .patient-menu__item:first-child {
    flex: 0 0 100%;
  }
  .patient-menu__link {
    padding: 20px 10px;
  }
}
@media (min-width: 992px) {
  .patient-menu--personal {
    position: relative;
    min-height: 630px;
    padding: 20px;
    padding-bottom: 26px;
    flex-direction: column;
    background: transparent;
  }
  .patient-menu--personal::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    width: 80%;
    border-bottom: 1px solid #d9c4b3;
  }
  .patient-menu--links {
    background: transparent;
    padding-top: 23px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .patient-menu--links::before {
    content: none;
  }
  .patient-menu__row--first {
    width: 100%;
    margin-right: 0;
    margin-bottom: 11px;
  }
  .patient-menu__socials,
  .patient-menu__row--second {
    padding-left: 10px;
  }
  .patient-menu__avatar {
    margin-top: 0;
    margin-bottom: 43px;
  }
  .patient-menu__img {
    width: 256px;
    height: 255px;
  }
  .patient-menu__download {
    padding: 20px 45px 50px;
  }
  .patient-menu__input + label {
    font-size: 16px;
  }
  .patient-menu__name {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 24px;
  }
  .patient-menu__field {
    font-size: 18px;
    line-height: 27px;
  }
  .patient-menu__field--city {
    margin-bottom: 40px;
  }
  .patient-menu__field--illnes span {
    padding-left: 14px;
  }
  .patient-menu__inner {
    flex-direction: column;
  }
  .patient-menu__inner-col:first-child {
    margin-bottom: 15px;
    padding-right: 0;
    padding-bottom: 11px;
  }
  .patient-menu__inner-col:last-child {
    padding-left: 0;
  }
  .patient-menu__inner-col:first-child::after {
    border-right: none;
    left: 0;
    margin: 0 auto;
    width: 50%;
    border-bottom: 1px solid #d9c4b3;
  }
  .patient-menu__item {
    height: 100%;
    min-height: 40px;
    margin-bottom: 24px;
    font-size: 14px;
  }
  .patient-menu__item:first-child {
    order: 1;
  }
  .patient-menu__link {
    padding: 12px 10px;
  }
  .patient-menu__list {
    flex-direction: column;
  }
}
@media (min-width: 1280px) {
  .patient-menu--personal {
    min-height: 458px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
  }
  .patient-menu--personal::after {
    width: 90%;
  }
  .patient-menu__row--first {
    margin-bottom: 0;
  }
  .patient-menu__img {
    width: 210px;
    height: 210px;
  }
  .patient-menu__input + label {
    font-size: 14px;
  }
  .patient-menu__download {
    padding-top: 6px;
    padding-right: 35px;
    padding-bottom: 43px;
    padding-left: 35px;
  }
  .patient-menu__avatar {
    margin-right: auto;
    margin-bottom: 26px;
    margin-left: auto;
  }
  .patient-menu__socials,
  .patient-menu__row--second {
    padding-left: 0;
  }
  .patient-menu__field {
    font-size: 14px;
    line-height: 24px;
  }
  .patient-menu__field--city {
    margin-bottom: 13px;
  }
  .patient-menu__inner {
    flex-direction: row;
  }
  .patient-menu__inner-col:first-child {
    margin-bottom: 0;
    padding-right: 11px;
    padding-bottom: 0;
  }
  .patient-menu__inner-col:first-child span {
    margin-left: 11px;
  }
  .patient-menu__inner-col:first-child::after {
    width: auto;
    top: 6px;
    height: 67%;
    border-right: 1px solid #d9c4b3;
    border-bottom: none;
  }
  .patient-menu__inner-col:last-child {
    padding-left: 10px;
  }
  .patient-menu__field--illnes span {
    padding-left: 0;
  }
  .patient-menu--links {
    padding-right: 10px;
    padding-left: 10px;
  }
  .patient-menu__item {
    min-height: 39px;
    margin-bottom: 12px;
    font-size: 13px;
  }
  .patient-menu__name {
    max-width: 230px;
  }
}
.badge {
  position: absolute;
  right: -8px;
  top: -8px;
  background-color: #fff;
  border-color: #d44950;
  border-radius: 10rem;
  border-style: solid;
  border-width: 1px;
  padding: 0.25em 0.6em;
  color: #d44950;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  font-size: 11px;
  min-width: 21px;
  min-height: 18px;
  letter-spacing: 0;
  z-index: 999;
}
.patient-button__container {
  margin: 0 15px;
}
.patient-button__add {
  width: 100%;
  height: 60px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background-color: #8f8c8a;
  border: none;
  cursor: pointer;
}
.patient-button__add:hover {
  color: #d9c4b3;
  background-color: #7b7875;
}
@media (min-width: 720px) {
  .patient-button__container {
    margin: 0 35px;
  }
  .patient-button__add {
    position: relative;
    font-size: 18px;
    text-align: left;
    padding-left: 70px;
  }
  .patient-button__add::before {
    content: "";
    position: absolute;
    top: 20%;
    left: 10px;
    width: 35px;
    height: 35px;
    background-image: url("../img/icons/icon-plus--dark.png");
  }
}
@media (min-width: 992px) {
  .patient-button__container {
    margin: 0;
  }
  .patient-button__add {
    padding-left: 73px;
  }
  .patient-button__add::before {
    left: 13px;
  }
}
@media (min-width: 1280px) {
  .patient-button__add {
    padding-left: 75px;
    font-size: 16px;
  }
  .patient-button__add::before {
    top: 21%;
    left: 14px;
  }
}
.modal-patient {
  display: none;
  position: fixed;
  top: 50%;
  right: 0;
  left: 0;
  width: 290px;
  margin: 0 auto;
  padding: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 41;
}
.modal-patient h2 {
  margin: 0;
  margin-right: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.modal-patient__list {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.modal-patient__label {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.modal-patient__link-wrap {
  display: flex;
  flex-direction: column;
}
.modal-patient__link {
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-patient__content {
  margin-bottom: 20px;
}
.modal-patient__caption {
  font-size: 11px;
  line-height: 1.2;
  width: 100%;
}
.modal-patient__close {
  position: absolute;
  top: -8px;
  right: -9px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: #dee5eb;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}
.modal-patient__close:hover svg {
  opacity: 0.5;
}
.modal-patient .common-button--patient {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 15px;
  width: 100px;
}
@media (min-width: 720px) {
  .modal-patient {
    width: 550px;
    min-height: 422px;
    padding: 20px;
    padding-top: 15px;
  }
  .modal-patient h2 {
    margin-bottom: 35px;
    font-size: 22px;
    line-height: 34px;
  }
  .modal-patient__label {
    font-size: 22px;
  }
  .modal-patient__label::before {
    top: 7px;
  }
  .modal-patient__label::after {
    top: 3px;
  }
  .modal-patient__content {
    margin-top: 24px;
    margin-bottom: 37px;
    padding-right: 22px;
    padding-left: 15px;
  }
  .modal-patient__caption {
    font-size: 22px;
    margin-bottom: 17px;
  }
  .modal-patient__list {
    justify-content: flex-start;
    flex-direction: row;
  }
  .modal-patient__list div:not(:last-child) {
    margin-right: 60px;
  }
  .modal-patient__link-wrap {
    margin-bottom: 13px;
  }
  .modal-patient__link {
    font-size: 22px;
  }
  .modal-patient .common-text-input {
    height: 59px;
    font-size: 22px;
  }
  .modal-patient .common-button--patient {
    width: 142px;
    padding: 19px;
    font-size: 22px;
    font-weight: 600;
  }
  .modal-patient__close {
    top: -28px;
    right: -24px;
    width: 68px;
    height: 68px;
    border-radius: 20px;
  }
  .modal-patient__close svg {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 992px) {
  .modal-patient {
    width: 390px;
    min-height: 300px;
    padding: 12px 16px;
    padding-right: 25px;
  }
  .modal-patient h2 {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  .modal-patient__list {
    margin-top: 0;
    justify-content: space-between;
  }
  .modal-patient__list > div:not(:last-child) {
    margin-right: 0;
  }
  .modal-patient__label {
    width: auto;
    font-size: 16px;
  }
  .modal-patient__label::after {
    top: 50%;
    bottom: 0;
  }
  .modal-patient__label::before {
    top: 50%;
  }
  .modal-patient__content {
    margin-top: 14px;
    margin-bottom: 28px;
    padding: 0;
  }
  .modal-patient__link-wrap {
    margin-bottom: 6px;
  }
  .modal-patient__link {
    margin-right: 20px;
    font-size: 16px;
  }
  .modal-patient__caption {
    margin-bottom: 14px;
    font-size: 16px;
  }
  .modal-patient .common-text-input {
    height: 41px;
    font-size: 16px;
  }
  .modal-patient__close {
    top: -19px;
    right: -21px;
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }
  .modal-patient__close svg {
    width: 30px;
    height: 30px;
  }
  .modal-patient .common-button--patient {
    width: 100px;
    padding: 13px;
    font-size: 16px;
  }
}
.patient-table {
  width: 100%;
  margin-top: 30px;
  border-collapse: collapse;
}
.patient-table td {
  border-right: 1px solid #5e5e5e;
}
.patient-table td:last-child {
  border: none;
}
.patient-table__header td {
  padding: 10px 0;
  color: #d9c4b3;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  min-width: 80px;
}
.patient-table__header .patient-table__doctor {
  min-width: 106px;
}
.patient-table__body tr {
  height: 1px;
}
.patient-table__body tr:nth-child(2n+1) {
  background-color: rgba(143, 140, 138, 0.1);
}
.patient-table__body td {
  height: inherit;
  padding: 10px 5px;
  vertical-align: top;
  font-size: 12px;
  line-height: 1.2;
  word-break: break-word;
}
.patient-table__title {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
  word-break: break-word;
}
.patient-table__details {
  display: none;
  font-size: 10px;
  margin-bottom: 10px;
  color: #ececec;
  word-break: break-word;
}
.patient-table__details--show {
  display: block;
}
.patient-table__more,
.patient-table__edit {
  padding: 0;
  color: #d9c4b3;
  font-weight: 600;
  border: none;
  border-bottom: 1px solid #d9c4b3;
  background-color: transparent;
  cursor: pointer;
}
.patient-table__more:hover,
.patient-table__edit:hover {
  color: #7a6350;
  border-bottom: 1px solid #7a6350;
}
.patient-table__edit-span--lg {
  display: none;
}
.patient-table__date-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}
.patient-table__textarea-wrap {
  display: flex;
  margin-bottom: 10px;
}
.patient-table__textarea-wrap label {
  display: none;
}
.patient-table__textarea {
  padding: 5px;
  height: 110px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
  background-color: transparent;
  border: 1px solid #dee5eb;
  resize: none;
}
.patient-table__textarea::-webkit-input-placeholder {
  color: #ffffff;
}
.patient-table__textarea:-ms-input-placeholder {
  color: #ffffff;
}
.patient-table__textarea--diagnosis,
.patient-table__textarea--details {
  flex: 1;
  width: 110px;
}
.patient-table__textarea--doc {
  width: 100px;
}
.patient-table__textarea--date {
  width: 76px;
  height: 60px;
}
.patient-table__save {
  display: block;
  margin: 0 auto;
  padding: 10px;
}
@media (min-width: 720px) {
  .patient-table {
    margin-top: 0;
  }
  .patient-table tr td {
    padding-top: 18px;
    padding-bottom: 17px;
  }
  .patient-table tr td:first-child {
    padding-left: 35px;
  }
  .patient-table tr td:last-child {
    padding-right: 35px;
  }
  .patient-table__header td {
    font-size: 18px;
    text-align: left;
    padding-top: 20px;
    padding-left: 40px;
    padding-bottom: 20px;
  }
  .patient-table__header .patient-table__illness {
    min-width: 311px;
    padding-left: 0;
  }
  .patient-table__header .patient-table__doctor {
    min-width: 214px;
  }
  .patient-table__header .patient-table__time {
    min-width: 195px;
  }
  .patient-table__body td {
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
  }
  .patient-table__title,
  .patient-table__date {
    margin-bottom: 16px;
    line-height: 24px;
  }
  .patient-table__details {
    margin-bottom: 20px;
    font-size: inherit;
    line-height: 24px;
  }
  .patient-table__more,
  .patient-table__edit {
    font-size: 14px;
  }
  .patient-table__edit-span--sm {
    display: none;
  }
  .patient-table__edit-span--lg {
    display: block;
  }
  .patient-table__row--edit td {
    padding: 5px;
  }
  .patient-table__textarea-wrap {
    margin-bottom: 18px;
  }
  .patient-table__textarea {
    width: 100%;
    font-size: 16px;
  }
  .patient-table__textarea--details {
    height: 180px;
  }
  .patient-table__textarea--doc {
    height: 150px;
  }
  .patient-table__textarea--date {
    height: 100px;
  }
  .patient-table__save {
    width: 207px;
    padding: 18px;
  }
}
@media (min-width: 992px) {
  .patient-table tr td {
    padding: 18px 21px;
  }
  .patient-table tr td:first-child {
    padding-left: 13px;
  }
  .patient-table tr td:last-child {
    padding-right: 10px;
  }
  .patient-table__header .patient-table__illness {
    min-width: auto;
    width: 47%;
  }
  .patient-table__header .patient-table__doctor {
    min-width: auto;
    width: 30%;
  }
  .patient-table__header .patient-table__time {
    min-width: auto;
    width: 23%;
  }
  .patient-table__title {
    margin-bottom: 13px;
  }
  .patient-table .patient-table__row--edit td {
    padding: 14px;
  }
  .patient-table__textarea-wrap {
    margin-bottom: 13px;
  }
  .patient-table__textarea {
    padding: 10px;
    font-size: 14px;
  }
  .patient-table__textarea--diagnosis {
    height: 85px;
  }
  .patient-table__textarea--details {
    height: 180px;
  }
  .patient-table__textarea--doc {
    height: 100px;
  }
  .patient-table__save {
    margin-top: 30px;
    margin-left: 0;
    padding: 17px;
    font-size: 18px;
    font-weight: 500;
  }
}
@media (min-width: 1280px) {
  .patient-table tr td {
    padding: 18px 19px;
  }
  .patient-table__header .patient-table__illness {
    width: 32%;
  }
  .patient-table__header .patient-table__doctor {
    width: 33%;
  }
  .patient-table__header .patient-table__time {
    width: 19%;
  }
  .patient-table__body tr td {
    padding-bottom: 10px;
  }
  .patient-table__title {
    margin-bottom: 8px;
  }
  .patient-table__details {
    margin-top: 14px;
    margin-bottom: 21px;
    font-size: 14px;
    line-height: 1.2;
  }
  .patient-table__more {
    margin-bottom: 7px;
  }
  .patient-table__date {
    margin-bottom: 10px;
  }
  .patient-table__edit {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .patient-table__textarea--diagnosis {
    height: 100px;
  }
}
.patient-blog__empty {
  padding: 35px 20px;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  background-color: #141414;
  position: initial;
  margin: 10rem auto;
}
.patient-blog__empty--hidden {
  display: none;
}
.patient-blog__articles {
  margin: 0 15px;
}
.patient-blog__articles::after {
  content: "";
}
.patient-blog__title {
  color: #c8a282;
}
.patient-blog__title:hover {
  color: #7a6350;
}
.patient-blog__text {
  color: #ececec;
}
.patient-blog__article_custom {
  background: rgba(20, 20, 20, 0.7);
  border-bottom: 2px solid #d9c4b3;
  padding: 1rem;
  margin-bottom: 5px;
}
.patient-blog__article_custom h3 {
  pointer-events: none;
  margin-bottom: 0;
}
.patient-blog__article_custom a {
  color: #c8a282;
  pointer-events: all;
  cursor: pointer;
}
.patient-blog__article_custom a:hover {
  color: #7a6350;
}
@media (min-width: 720px) {
  .patient-blog {
    position: relative;
  }
  .patient-blog__empty {
    top: 180px;
    right: 0;
    width: 590px;
    margin-top: 0;
    padding: 75px 40px;
    z-index: 3;
  }
  .patient-blog__articles {
    margin: 0 35px;
  }
  .patient-blog__article::after {
    height: 0%;
  }
}
@media (min-width: 992px) {
  .patient-blog {
    background: none;
    height: 100vh;
    margin-left: 0;
  }
  .patient-blog__empty {
    width: 610px;
    top: 200px;
    left: 0;
    position: initial;
    margin: 100px auto;
  }
  .patient-blog__articles {
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    padding-top: 0;
  }
  .patient-blog__article {
    min-height: 100px;
    padding-left: 15px;
  }
  .patient-blog__article::after {
    height: 61%;
  }
}
@media (min-width: 1280px) {
  .patient-blog__article {
    margin-bottom: 10px;
  }
  .patient-blog__article::after {
    height: 0;
  }
}
.ql-size-small {
  font-size: 0.75em;
}
.ql-size-large {
  font-size: 1.5em;
}
.ql-size-huge {
  font-size: 2.5em;
}
.ql-align-right {
  text-align: right;
}
.ql-align-justify {
  text-align: justify;
}
.ql-align-center {
  text-align: center;
}
blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 0;
  padding-left: 16px;
}
.patient-blog blockquote {
  position: relative;
  margin: 0;
  padding: 10px 30px;
  background-color: #141414;
}
.patient-blog blockquote::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  width: 32px;
  height: 27px;
  background-image: url("../img/icons/icon-quote.png");
}
.patient-blog blockquote::after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 10px;
  width: 32px;
  height: 27px;
  background-image: url("../img/icons/icon-quote.png");
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.patient-post {
  background-color: rgba(20, 20, 20, 0.7);
}
.patient-post__header {
  padding: 15px;
  background-color: rgba(20, 20, 20, 0.7);
}
.patient-post h2 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 24px;
  color: #c8a282;
  font-weight: 500;
  text-transform: uppercase;
}
.patient-post__subheader {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
}
.patient-post__date {
  color: #c2c2c2;
}
.patient-post__edit {
  color: #d9c4b3;
  border-color: #d9c4b3;
}
.patient-post__body {
  margin: 0 15px;
}
.patient-post p {
  color: #ececec;
  font-size: 14px;
  line-height: 24px;
}
.patient-post h3 {
  font-size: 16px;
  color: #d9c4b3;
  font-weight: 700;
  text-transform: uppercase;
}
.patient-post ul {
  font-size: 14px;
  line-height: 24px;
  list-style: square;
}
.patient-post__list ul li {
  color: #c8a281;
}
.patient-post__list ul span {
  color: #ececec;
}
.patient-post blockquote {
  position: relative;
  margin: 0;
  padding: 10px 30px;
  background-color: #141414;
}
.patient-post blockquote::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  width: 32px;
  height: 27px;
  background-image: url("../img/icons/icon-quote.png");
}
.patient-post blockquote::after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 10px;
  width: 32px;
  height: 27px;
  background-image: url("../img/icons/icon-quote.png");
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.patient-post blockquote p {
  color: #ececec;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.patient-post h4,
.patient-post h5,
.patient-post h6 {
  color: #c8a282;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.patient-post h5 {
  color: #d9c4b3;
  font-size: 14px;
}
.patient-post h6 {
  color: #c19c7e;
  font-size: 14px;
}
@media (min-width: 720px) {
  .patient-post {
    margin: 0 35px;
    margin-top: 22px;
    padding: 10px 0;
  }
  .patient-post__header {
    padding-top: 17px;
    padding-right: 21px;
    padding-bottom: 22px;
    padding-left: 10px;
  }
  .patient-post h2 {
    position: relative;
    margin-bottom: 22px;
    padding-bottom: 23px;
    letter-spacing: 0.1em;
  }
  .patient-post h2::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -10px;
    width: 52%;
    border-bottom: 1px solid #d9c4b3;
  }
  .patient-post__subheader {
    font-size: 16px;
    letter-spacing: 0.1em;
  }
  .patient-post__body {
    margin: 0 11px;
    margin-top: 25px;
  }
  .patient-post p {
    font-size: 16px;
    letter-spacing: 0.1em;
  }
  .patient-post h3 {
    margin-top: 36px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
  }
  .patient-post ul {
    margin-top: 20px;
    margin-bottom: 42px;
    padding-left: 44px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.1em;
  }
  .patient-post blockquote {
    margin: 0 -13px;
    margin-bottom: 44px;
    padding: 20px 30px;
  }
  .patient-post blockquote::before {
    top: -8px;
    left: 27px;
  }
  .patient-post blockquote::after {
    bottom: -14px;
    right: 29px;
  }
  .patient-post blockquote p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.1em;
  }
  .patient-post h4 {
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .patient-post h5,
  .patient-post h6 {
    margin-top: 31px;
    margin-bottom: 22px;
    font-size: 16px;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 992px) {
  .patient-post {
    margin: 0;
  }
  .patient-post__header {
    padding-top: 20px;
    padding-left: 14px;
    padding-right: 19px;
  }
  .patient-post h2::after {
    left: -14px;
    width: 40%;
  }
  .patient-post__body {
    margin-right: 14px;
    margin-left: 14px;
  }
  .patient-post h3 {
    margin-top: 33px;
    margin-bottom: 18px;
  }
  .patient-post ul {
    margin-top: 16px;
    margin-bottom: 36px;
  }
  .patient-post blockquote {
    padding: 25px 40px;
  }
  .patient-post blockquote::after {
    bottom: -12px;
    right: 32px;
  }
  .patient-post h4 {
    margin-bottom: 18px;
  }
  .patient-post h5,
  .patient-post h6 {
    margin-top: 40px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1280px) {
  .patient-post__header {
    padding-top: 18px;
    padding-right: 14px;
    padding-bottom: 24px;
  }
  .patient-post__header::after {
    width: 42%;
  }
  .patient-post__subheader {
    font-size: 14px;
  }
  .patient-post p {
    margin-top: 0;
    font-size: 14px;
    line-height: 1.2;
  }
  .patient-post__body {
    margin-top: 8px;
  }
  .patient-post h3 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 24px;
  }
  .patient-post ul {
    margin-top: 14px;
    margin-bottom: 21px;
    padding-left: 42px;
    font-size: 14px;
  }
  .patient-post blockquote {
    margin-right: 0;
    margin-bottom: 26px;
    margin-left: 0;
    padding-top: 18px;
    padding-bottom: 14px;
  }
  .patient-post blockquote::before {
    top: -7px;
    left: 39px;
  }
  .patient-post blockquote::after {
    bottom: -7px;
    right: 21px;
  }
  .patient-post blockquote p {
    font-size: 16px;
  }
  .patient-post h4 {
    margin-bottom: 11px;
    font-size: 16px;
  }
  .patient-post h5,
  .patient-post h6 {
    margin-top: 25px;
    margin-bottom: 11px;
    font-size: 15px;
  }
}
.ql-size-small {
  font-size: 0.75em;
}
.ql-size-large {
  font-size: 1.5em;
}
.ql-size-huge {
  font-size: 2.5em;
}
.ql-align-right {
  text-align: right;
}
.ql-align-justify {
  text-align: justify;
}
.ql-align-center {
  text-align: center;
}
blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 0;
  padding-left: 16px;
}
.blog-edit__header {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px 15px;
  padding-bottom: 40px;
  margin-left: 15px;
  margin-right: 15px;
  background-color: rgba(20, 20, 20, 0.7);
}
.blog-edit__header::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 70%;
  border-bottom: 1px solid #d9c4b3;
}
.blog-edit__header + div {
  margin-right: 15px;
  margin-left: 15px;
}
.blog-edit__title {
  margin-bottom: 10px;
  color: #c8a282;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.blog-edit__field {
  padding: 10px;
  color: #818181;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  background-color: transparent;
  border: 1px solid #dee5eb;
  resize: none;
}
.blog-edit__field--editor {
  margin: 0 15px;
  height: 500px;
}
.blog-edit__button {
  display: block;
  margin: 0 auto;
  padding: 15px;
  width: 200px;
}
@media (min-width: 720px) {
  .blog-edit {
    padding-top: 9px;
  }
  .blog-edit__header {
    margin: 0 30px;
    padding-right: 11px;
    padding-bottom: 46px;
    padding-left: 11px;
  }
  .blog-edit__header::after {
    width: 50%;
  }
  .blog-edit__header + div {
    margin-right: 30px;
    margin-left: 30px;
  }
  .blog-edit__title {
    margin-bottom: 20px;
  }
  .blog-edit__field {
    min-height: 65px;
    padding-top: 8px;
    font-size: 16px;
  }
  .blog-edit__field--editor {
    height: 725px;
    margin: 0 46px;
    padding: 0;
  }
  .blog-edit__button {
    width: 250px;
    margin-right: 50px;
    padding: 17px;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .blog-edit {
    padding-top: 8px;
  }
  .blog-edit__header {
    margin: 0 10px;
    padding-left: 14px;
    padding-bottom: 39px;
    margin-left: 0;
    margin-right: 0;
  }
  .blog-edit__header::after {
    bottom: 23px;
  }
  .blog-edit__header + div {
    margin-right: 0;
    margin-left: 0;
  }
  .blog-edit__title {
    margin-bottom: 7px;
  }
  .blog-edit__field {
    width: 99%;
  }
  .blog-edit__field--editor {
    height: 500px;
    margin: 0 10px;
    margin-left: 14px;
    margin-right: 14px;
    width: 96%;
    padding-top: 7px;
  }
}
.error-page main {
  display: flex;
  flex: 1;
  min-height: 350px;
}
.error-page__container {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  padding-bottom: 40px;
  background-image: url("../img/bg-404--mobile.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top 40% center;
}
.error-page__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 420px;
}
.error-page__heading {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 100px;
  color: #d8c4b2;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.1em;
  background: linear-gradient(to top, #d8c4b2 0%, #c8a282 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* IE10+ text gradient fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .error-page__heading {
    color: #c8a282;
    background: transparent;
  }
}
.error-page__message {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.error-page__text {
  display: inline-block;
  width: 137px;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.error-page__button {
  width: 200px;
  padding: 15px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.1em;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media (min-width: 720px) {
  .error-page main {
    min-height: 600px;
  }
  .error-page__container {
    padding-top: 40px;
    padding-right: 35px;
    padding-bottom: 100px;
    padding-left: 35px;
  }
  .error-page__wrap {
    max-width: 580px;
  }
  .error-page__heading {
    position: relative;
    margin-bottom: 90px;
    font-size: 177px;
    line-height: 131px;
  }
  .error-page__heading::after {
    content: "";
    position: absolute;
    top: -10px;
    right: -31px;
    width: 168px;
    height: 168px;
    background: radial-gradient(ellipse at center, rgba(217, 196, 179, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
    border-radius: 50%;
  }
  .error-page__message {
    margin-bottom: 186px;
  }
  .error-page__text {
    width: 170px;
    font-size: 17px;
  }
  .error-page__button {
    width: 355px;
    padding: 38px;
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .error-page header {
    background-image: url("../img/common-bg-short-header.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .error-page main {
    min-height: 450px;
    background-position: top;
  }
  .error-page__container {
    padding: 40px 35px;
    background-image: url("../img/bg-404--desktop.png");
    background-position: center;
  }
  .error-page__wrap {
    max-width: 1040px;
  }
  .error-page__heading {
    margin-bottom: 30px;
    font-size: 230px;
    line-height: 220px;
  }
  .error-page__heading::after {
    top: 0;
    right: -10px;
    width: 245px;
    height: 245px;
  }
  .error-page__message {
    margin-bottom: 13px;
  }
  .error-page__text {
    width: 300px;
    font-size: 22px;
    line-height: 40px;
  }
  .error-page__button {
    width: 282px;
    padding: 24px;
    font-size: 22px;
    line-height: 24px;
  }
}
@media (min-width: 1280px) {
  .error-page__heading {
    margin-bottom: 44px;
    font-size: 300px;
  }
  .error-page__heading::after {
    width: 235px;
    height: 235px;
  }
  .error-page__text {
    font-size: 30px;
    line-height: 48px;
  }
  .error-page__button {
    padding: 32px;
    font-size: 24px;
  }
}
* {
  box-sizing: border-box;
}
.js-focus-visible :focus {
  border-color: #d9c4b3;
  outline: #d9c4b3 auto 5px;
}
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}
html {
  height: 100%;
}
body {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 320px;
  margin: 0;
  padding: 0;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #ffffff;
  background-color: #212121;
  background-image: url("../img/common-bg-header-bg-small--tablet.jpg");
  background-repeat: no-repeat;
  background-position: top 0 right 30%;
  background-size: 100%;
}
main {
  flex: 1 0 auto;
  background-image: url("../img/common-background--mobile.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}
.long-background {
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: initial !important;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.visually-hidden:not(:focus):not(:active),
input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.modal-show {
  display: block;
}
@media (min-width: 992px) {
  body {
    background-image: url("../img/common-bg-header-bg-small--tablet.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
  }
  main {
    background-image: url("../img/common-background--tablet.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top 70px center;
  }
}
@media (min-width: 1280px) {
  body {
    background-image: url("../img/common-bg-header-bg-small--desktop.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
  }
  main {
    background-image: url("../img/common-background--desktop.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top 120px center;
  }
}
span.highlight {
  color: #c8a282;
}
span.bold {
  font-weight: bold;
}
.boy {
  color: #1de3f5;
}
.girl {
  color: #ff8fa2;
}
.scroll-empty-fix {
  background-color: transparent;
}
.scroll-empty-fix .patient-page__wrap--scroll {
  display: none;
}
.no-bg {
  background-color: transparent;
}
/* Страница конкретной НОВОСТИ "Боррелиоз" */
.details-page__figure-description ul {
  margin: 0px;
  margin-bottom: 15px;
}
.details-page__figure-description p {
  margin-bottom: 15px;
}
.N-list li {
  margin: 0px;
  margin-bottom: 0px;
  word-wrap: break-word;
}
.details-page p.N-before-ul {
  margin-bottom: 15px;
}
.details-page iframe {
  margin-bottom: 15px;
}
.details-page__figure-description a,
.details-page__figure-description span {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 400;
}
/* Страница конкретной НОВОСТИ "HPPD" */
p.definition {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  padding-top: 38px;
  padding-bottom: 38px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  text-align: center;
  background-image: url(../img/donate-quote-bg--mobile.jpg);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
/* Изменил цвет с color: #a6866b; font-weight: 500;*/
.details-page p span {
  font-weight: bold;
  color: #c8a282;
}