/**
 * Based on
 *
 *  - reset.css 2.0 by Eric Meyer
      (public domain)
 *    http://meyerweb.com/eric/tools/css/reset/
 *
 *  - normalize.css 8.0.1 by Nicolas Gallagher and Jonathan Neal
 *    (licensed under MIT)
 *    https://github.com/necolas/normalize.css
 *
 *  - Reboot from Bootstrap 4.5.3
 *    (licensed under MIT)
 *    https://github.com/twbs/bootstrap
 */

/**
 * IE10+ doesn't honor `<meta name="viewport">` in some cases
 */

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.disable-scroll {
  position: relative;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.graph-modal {
  --transition-time: 0.3s;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0,0,0,.7);
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--transition-time),visibility var(--transition-time);
  transition: opacity var(--transition-time),visibility var(--transition-time);
}

.graph-modal:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.graph-modal__container {
  position: relative;
  width: 1000px;
  margin: 50px auto;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  cursor: default;
  text-align: left;
  display: none;
}

.graph-modal__close {
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cpath d='M284.286 256.002L506.143 34.144c7.811-7.811 7.811-20.475 0-28.285-7.811-7.81-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0-7.81 7.811-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.938 19.938 0 0014.143 5.857 19.94 19.94 0 0014.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285L284.286 256.002z'/%3E%3C/svg%3E");
  cursor: pointer;
}

.graph-modal.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity var(--transition-time),visibility var(--transition-time);
  transition: opacity var(--transition-time),visibility var(--transition-time);
}

.graph-modal__container.graph-modal-open {
  display: inline-block;
}

.fade {
  opacity: 0;
}

.fade,
.fade.animate-open {
  -webkit-transition: opacity var(--transition-time);
  transition: opacity var(--transition-time);
}

.fade.animate-open {
  opacity: 1;
}

.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}

.fadeInUp,
.fadeInUp.animate-open {
  -webkit-transition: opacity var(--transition-time),-webkit-transform var(--transition-time);
  transition: opacity var(--transition-time),-webkit-transform var(--transition-time);
  transition: transform var(--transition-time),opacity var(--transition-time);
  transition: transform var(--transition-time),opacity var(--transition-time),-webkit-transform var(--transition-time);
}

.fadeInUp.animate-open {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

@-ms-viewport {
  width: device-width;
}

/**
 * general reset
 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/**
 * HTML5 display-role reset for older browsers
 */

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

/**
 * inherit box model for all elements
 */

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/**
 * html root rules
 * 1. set border-box for inheritance
 * 2. avoid 300ms click delay on touch devices that support the `touch-action`
 *    CSS property
 * 3. Prevent adjustments of font size after orientation changes in IE, on
 *    Windows Phone and iOS.
 * 4. Setting @viewport causes scrollbars to overlap content in IE11 and Edge,
 *    so we force a non-overlapping, non-auto-hiding scrollbar to counteract.
 * 5. Change the default tap highlight to be completely transparent in iOS.
 */

html {
  /* 1 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 2 */
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 4 */
  -ms-overflow-style: scrollbar;
  /* 5 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/**
 * body rules
 * 1. reset line-height to 1
 * 2. set base font-family to sans-serif
 * 3. Set an explicit initial text-align value so that we can later use the
 *    `inherit` value on things like `<th>` elements.
 */

body {
  /* 1 */
  line-height: 1;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  text-align: left;
}

/**
 * Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
 * on elements that programmatically receive focus but wouldn't normally show a visible
 * focus outline. In general, this would mean that the outline is only applied if the
 * interaction that led to the element receiving programmatic focus was a keyboard interaction,
 * or the browser has somehow determined that the user is primarily a keyboard user and/or
 * wants focus outlines to always be presented.
 *
 * See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
 * and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/
 */

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

/**
 * Lists
 */

ol,
ul {
  list-style: none;
}

/**
 * Quotes
 */

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

/**
 * Tables
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  caption-side: bottom;
}

/**
 * Table Headers
 * 1. Matches default `<td>` alignment by inheriting from the `<body>`, or the
 *    closest parent with a set `text-align`.
 * 2. Fix alignment for Safari
 */

th {
  /* 1 */
  text-align: inherit;
  /* 2 */
  text-align: -webkit-match-parent;
}

/**
 * Horizontal Lines
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  /* 1 */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  /* 2 */
  overflow: visible;
}

/**
 * Preformatted Text
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Don't allow content to break outside
 * 3. We have @viewport set which causes scrollbars to overlap content in IE11
 *    and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
 *    counteract.
 */

pre,
code,
kbd,
samp {
  /* 1 */
  font-family: monospace, monospace;
}

pre {
  /* 2 */
  overflow: auto;
  /* 3 */
  -ms-overflow-style: scrollbar;
}

/**
 * Links
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  /* 1 */
  background-color: transparent;
  /* 2 */
  -webkit-text-decoration-skip: objects;
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 * 3. Add explicit cursor to indicate changed behavior.
 * 4. Prevent the text-decoration to be skipped.
 */

abbr[title] {
  /* 1 */
  border-bottom: 0;
  /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 3 */
  cursor: help;
  /* 4 */
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 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 {
  position: relative;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/**
 * Prevent `em` being affected from global reset
 */

em {
  font-style: italic;
}

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/**
 * Hide SVG overflow in IE
 */

svg:not(:root) {
  overflow: hidden;
}

/**
 * Remove the default `border-radius` that macOS Chrome adds.
 * Details at https://github.com/twbs/bootstrap/issues/24093
 */

button {
  border-radius: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 * Credit: https://github.com/suitcss/base/
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

/**
 * form element resets
 * 1. Remove the margin in Firefox and Safari
 * 2. inherit font rules
 */

input,
button,
select,
optgroup,
textarea {
  /* 1 */
  margin: 0;
  /* 2 */
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type=reset],
[type=submit],
[type=button] {
  /* 2 */
  -webkit-appearance: button;
}

/**
 * Remove the default appearance of temporal inputs to avoid a Mobile Safari
 * bug where setting a custom line-height prevents text from being vertically
 * centered within the input.
 * See https://bugs.webkit.org/show_bug.cgi?id=139848
 * and https://github.com/twbs/bootstrap/issues/11266
 */

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Textareas should really only resize vertically so they don't break their
 *    (horizontal) containers.
 */

textarea {
  overflow: auto;
  resize: vertical;
}

/**
 * Show the overflow in IE.
 */

button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 */

button,
select {
  text-transform: none;
}

/**
 * Set the cursor for non-`<button>` buttons
 * Details at https://github.com/twbs/bootstrap/pull/30562
 */

[role=button] {
  cursor: pointer;
}

/**
 * Remove the inheritance of word-wrap in Safari.
 * See https://github.com/twbs/bootstrap/issues/24990
 */

select {
  word-wrap: normal;
}

/**
 * Remove inner border and padding from Firefox, but don't restore the outline
 * like Normalize.
 */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * 1. Add the correct box sizing in IE 10-
 * 2. Remove the padding in IE 10-
 */

input[type=radio],
input[type=checkbox] {
  /* 1 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 2 */
  padding: 0;
}

/**
 * Suppress the focus outline on elements that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 * Credit: https://github.com/suitcss/base
 */

[tabindex="-1"]:focus {
  outline: 0 !important;
}

/**
 * Browsers set a default `min-width: min-content` on fieldsets,
 * unlike e.g. `<div>`s, which have `min-width: 0` by default.
 * So we reset that to ensure fieldsets behave more like a standard block element.
 * See https://github.com/twbs/bootstrap/issues/12359
 * and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
 */

fieldset {
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Set display to block for all browsers
 */

legend {
  /* 1 */
  max-width: 100%;
  white-space: normal;
  /* 2 */
  color: inherit;
  /* 3 */
  display: block;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * 1. Remove the default vertical scrollbar in IE 10+.
 * 2. Textareas should really only resize vertically so they don't break their
 *    (horizontal) containers.
 */

textarea {
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type=checkbox],
[type=radio] {
  /* 1 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 2 */
  padding: 0;
}

/**
 * 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] {
  /* 1 */
  -webkit-appearance: textfield;
  /* 2 */
  outline-offset: -2px;
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-cancel-button,
[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 {
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  font: inherit;
}

/**
 * Correct element display for output
 */

output {
  display: inline-block;
}

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Always hide an element with the `hidden` HTML attribute (from PureCSS).
 * Needed for proper display in IE 10-.
 */

[hidden] {
  display: none;
}

/**
 * adds resets for buttons that are not covered by reset-and-normalize base
 */

[role=button],
input[type=button],
input[type=reset],
input[type=submit],
button {
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  color: #f1eaea;
  text-align: inherit;
  background: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[role=button]:not(:disabled),
input[type=button]:not(:disabled),
input[type=reset]:not(:disabled),
input[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

[role=button]:-moz-focusring,
input[type=button]:-moz-focusring,
input[type=reset]:-moz-focusring,
input[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: none;
}

[role=button]:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
button:focus {
  outline: none;
}

/**
 * adds resets for links that are not covered by reset-and-normalize base
 */

a {
  color: inherit;
  text-decoration: none;
}

a:-moz-focusring {
  outline: none;
}

a:focus {
  outline: none;
}

@font-face {
  font-display: swap;
  font-family: "Roboto Flex";
  src: url("./../fonts/RobotoFlex/RobotoFlex-Regular.woff2") format("woff2"), url("./../fonts/RobotoFlex/RobotoFlex-Regular.woff") format("woff"), url("./../fonts/RobotoFlex/RobotoFlex-Regular.opt") format("opentype");
  font-weight: normal;
  font-style: normal;
}

h1,
.h1 {
  font-style: normal;
  font-weight: 900;
  font-size: 28px;
  line-height: 120%;
}

h2,
.h2 {
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  line-height: 120%;
}

h3,
.h3 {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 120%;
}

h4,
.h4 {
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
  line-height: 120%;
}

h5,
.h5 {
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 120%;
}

:root {
  --white: #ffffff;
  --black: #000000;
  --timeTransition: 0.2s;
  --mainFont: Roboto Flex, system-ui, -apple-system, Segoe UI, roboto, Helvetica Neue, arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --mainFontSize: 14px;
  --mainLineHeight: 1.7142857143;
  --mainFontColor: #ffffff;
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*::after,
*::before {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: calc(var(--vh) * 100);
}

body {
  min-width: 360px;
  max-width: 5920px;
  margin: 0 auto;
  font-size: 14px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: overlay;
  min-height: 100vh;
  color: #282828;
  font-family: "Manrope", sans-serif;
}

body.no-scroll {
  overflow: hidden;
}

body.disable-hover,
body.disable-hover * {
  pointer-events: none !important;
}

body::-webkit-scrollbar {
  width: 7px;
}

body::-webkit-scrollbar-thumb {
  background: var(--p-main-color);
  background-clip: content-box;
  border-radius: 5px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.page {
  position: relative;
}

span.icon-sprite {
  display: inline-block;
}

header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.icon-sprite {
  width: initial;
  height: initial;
}

.icon-sprite svg {
  width: 100%;
  height: 100%;
}

.svg-root {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 16px;
}

.graph-modal__container {
  position: relative;
  max-width: 450px;
  min-height: 150px;
  padding: 50px 20px;
}

.graph-modal__error {
  position: absolute;
  padding: 0 20px;
  text-align: center;
  font-size: 14px;
  width: 100%;
  color: #b40000;
  left: 0;
  bottom: 30px;
}

.graph-modal__close-form {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 34px;
  width: 34px;
}

.graph-modal__close-form svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #282828;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.no-touch .graph-modal__close-form svg:hover {
  fill: #eb1c30;
}

.graph-modal__title {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px;
}

.graph-modal__cell-submit {
  margin-top: 50px;
}

.graph-modal__cell-submit button {
  font-weight: 400;
  font-family: "Manrope", sans-serif;
  letter-spacing: 0.05em;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  display: block;
  width: 100%;
  padding: 18px 20px;
  border-radius: 10px;
  color: #fff;
  background-color: var(--p-main-color);
  max-width: 400px;
  margin: auto;
  -webkit-transition: .6s;
  transition: .6s;
}

.no-touch .graph-modal__cell-submit button:hover {
  background-color: var(--p-main-color-hover);
  /*color: #fff;
  border: 1px solid transparent;*/
  /*-webkit-box-shadow: 0 0 20px rgba(40, 40, 40, 0.7);
  box-shadow: 0 0 20px rgba(40, 40, 40, 0.7);*/
}

.graph-modal__politic {
  margin-top: 15px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.graph-modal__politic a {
  color: var(--p-main-color);
  white-space: nowrap;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-bottom: 1px solid transparent;
}

.no-touch .graph-modal__politic a:hover {
  border-bottom: 1px solid var(--p-main-color);
}

.graph-modal__cell {
  position: relative;
}

.graph-modal__cell + .graph-modal__cell {
  margin-top: 25px;
}

.graph-modal__cell input {
  height: 50px;
  background-color: #f7f7f7;
  width: 100%;
  border: none;
  border-radius: 10px;
  outline: none;
  padding: 0 15px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.no-touch .graph-modal__cell input:hover {
  background-color: #f0f5fa;
}

.graph-modal__cell input:focus {
  background-color: #f0f5fa;
}

.graph-modal__cell label {
  position: absolute;
  letter-spacing: 0.02em;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  left: 15px;
  top: -18px;
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .wrapper {
    padding: 0 24px;
  }
}

@media only screen and (min-width: 992px) {
  .wrapper {
    padding: 0 60px;
  }

  .graph-modal__container {
    padding: 70px 50px;
  }

  .graph-modal__cell + .graph-modal__cell {
    margin-top: 30px;
  }

  .graph-modal__cell input {
    height: 60px;
    padding: 0 20px;
  }

  .graph-modal__cell label {
    left: 20px;
  }
}

@media only screen and (min-width: 1361px) {
  h1,
  .h1 {
    font-size: 48px;
  }

  h2,
  .h2 {
    font-size: 40px;
  }

  h3,
  .h3 {
    font-size: 32px;
  }

  h4,
  .h4 {
    font-size: 28px;
  }

  h5,
  .h5 {
    font-size: 24px;
  }
}

@media (max-width:1024px) {
  .graph-modal__container {
    width: 90%;
  }
}
/*# sourceMappingURL=sourcemaps/style.css.map */



.rowRWD:nth-child(odd) {
   background: #E0E0E0 !important;
}

.tableRWD{
	display:table;
	font-size:17px;
	
	color:#666666;
	margin:10px 0;
	width: 100%;
}

.table-headRWD{
	 display: table-header-group; 
}

.table-headRWD .columnRWD{ 
	background:turquoise;
	color:#000;
	border-right:1px solid #fff;
	border-bottom:none;
	text-align: left !important;
	font-weight: 600;
}

.table-headRWD .column:hover{ 
	background:#222222;
}

.rowRWD {
	display:table-row; 
}

.rowRWD .columnRWD:nth-child(1){ 
	border-left:1px solid #fff;
	text-align: left !important;
}

.rowRWD:last-child .columnRWD{  
	border-bottom:none;
}

.columnRWD{
	display:table-cell; 
	padding: 20px;
	
	border-right:1px solid #fff;
	background:#EFF0F1;
	text-align: left;
  min-width: 100px !important;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

@media all and (max-width: 640px){
	.tableRWD,
	.rowRWD,
	.columnRWD,
	.columnRWD:before{
		display:block;	
	}
  
	.tableRWD,
	.rowRWD .columnRWD:last-child{
		border-bottom:none;
	}
  
	.table-headRWD{
		position:absolute;	
		top:-1000em;
		left:-1000em;
	}
  
  .rowHeader {
    background-color: #393A3A !important;
    color: #fff;
    font-weight: bold;
  }
  
	.rowRWD{
		border:1px solid #eeeeee;
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
		margin:20px 0;
	}
  
	.rowRWD .columnRWD:nth-child(1){ 
		border-left:none;
	}
  
	.rowRWD .columnRWD:last-child{
		border-right:none;
	}
  
	.rowRWD:last-child .columnRWD,
	.columnRWD{ 
		
	}
	.columnRWD:first-child{
		background-color: #d8d8d8;
	}
  
	.columnRWD:before{ 
		font-weight:bold;
		padding-right:20px;
		font-size:12px;
}
/* ==========================================================================
   ФОТОГАЛЕРЕЯ ВЫПОЛНЕННЫХ РАБОТ (КЛИНЭКСПЕРТ)
   ========================================================================== */

/* Контейнер для сетки карточек */
.photo-gallery-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  -webkit-box-wrap: wrap; 
  -ms-flex-wrap: wrap; 
  flex-wrap: wrap; 
  gap: 30px; 
  -webkit-box-pack: start; 
  -ms-flex-pack: start; 
  justify-content: flex-start;
  margin-top: 30px;
}

/* Современная интерактивная карточка */
.photo-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; 
  text-decoration: none !important; 
  border: 1px solid #e2e8f0; 
  border-radius: 10px; /* В тон вашим модальным окнам */
  padding: 16px; 
  background: #ffffff; 
  width: calc(33.333% - 20px); 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  height: auto; 
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); 
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Эффекты при наведении мыши на карточку фото */
.photo-card:hover {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px); /* Плавное приподнимание */
  border-color: #ff9900; /* Ваш фирменный оранжевый акцент */
  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
}

/* Контейнер для превью изображения */
.photo-pic-box {
  width: 100%; 
  height: 240px; 
  border-radius: 6px; 
  overflow: hidden; 
  margin-bottom: 16px; 
  display: block;
  background: #f8fafc;
}

.photo-pic-box img {
  width: 100% !important; 
  height: 100% !important; 
  -o-object-fit: cover; 
  object-fit: cover; 
  display: block;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

/* Эффект зума фотографии до/после при наведении */
.photo-card:hover .photo-pic-box img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

/* Текстовые стили */
.photo-badge {
  font-family: "Manrope", sans-serif;
  font-size: 11px; 
  color: #ff9900; 
  font-weight: 800; 
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.photo-title {
  font-family: "Manrope", sans-serif;
  font-size: 19px; 
  font-weight: 700; 
  color: #002f5f; /* Глубокий синий цвет вашей шапки */
  line-height: 1.4;
  margin: 0;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.photo-card:hover .photo-title {
  color: #ff9900; /* Подсветка текста при наведении */
}

.photo-desc {
  font-family: "Manrope", sans-serif;
  font-size: 14px; 
  color: #64748b; 
  line-height: 1.5; 
  margin-top: 10px;
}

/* ==========================================================================
   АДАПТИВНОСТЬ ПОД МОБИЛЬНЫЕ УСТРОЙСТВА (ПОД СТАНДАРТЫ ВАШЕГО САЙТА)
   ========================================================================== */

@media only screen and (max-width: 991px) {
  .photo-card { 
    width: calc(50% - 15px); 
  }
  .photo-pic-box {
    height: 200px;
  }
}

@media only screen and (max-width: 640px) {
  .photo-gallery-grid {
    gap: 20px;
  }
  .photo-card { 
    width: 100%; 
    padding: 12px;
  }
  .photo-title {
    font-size: 17px;
  }
}