*,
::after,
::before {
  box-sizing: border-box
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"
}
h1 {
  margin: .67em 0;
  font-size: 2em
}
hr {
  height: 0;
  border: 0;
  color: inherit
}
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}
b,
strong {
  font-weight: bolder
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub,
sup {
  position: relative;
  font-size: 60%;
  line-height: 0;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
table {
  border-color: inherit;
  text-indent: 0
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15
}
button,
select {
  text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}
::-moz-focus-inner {
  padding: 0;
  border-style: none
}
:-moz-focusring {
  outline: 1px dotted currentColor
}
:-moz-ui-invalid {
  box-shadow: none
}
legend {
  padding: 0
}
progress {
  vertical-align: baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
summary {
  display: list-item;
  cursor: pointer
}
/*! twbs/bootstrap v5.0.0 | MIT License | https://github.com/twbs/bootstrap */
pre {
  overflow: auto;
  -ms-overflow-style: scrollbar
}
button:focus {
  outline: 0
}
button:focus:not(:focus-visible) {
  outline: 0
}
textarea {
  resize: vertical
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0
}
::file-selector-button {
  font: inherit
}
::-webkit-color-swatch-wrapper {
  padding: 0
}
iframe {
  border: 0
}
@font-face {
  font-family: Roboto;
  src: local("Roboto Regular"),local("Roboto-Regular"),url(/fonts/Roboto-Regular.woff2) format("woff2"),url(/fonts/Roboto-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro"),url(/fonts/GothamPro.woff2) format("woff2"),url(/fonts/GothamPro.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-Bold"),url(/fonts/GothamPro-Bold.woff2) format("woff2"),url(/fonts/GothamPro-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-Black"),url(/fonts/GothamPro-Black.woff2) format("woff2"),url(/fonts/GothamPro-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-BoldItalic"),url(/fonts/GothamPro-BoldItalic.woff2) format("woff2"),url(/fonts/GothamPro-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-BlackItalic"),url(/fonts/GothamPro-BlackItalic.woff2) format("woff2"),url(/fonts/GothamPro-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-LightItalic"),url(/fonts/GothamPro-LightItalic.woff2) format("woff2"),url(/fonts/GothamPro-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-MediumItalic"),url(/fonts/GothamPro-MediumItalic.woff2) format("woff2"),url(/fonts/GothamPro-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-Italic"),url(/fonts/GothamPro-Italic.woff2) format("woff2"),url(/fonts/GothamPro-Italic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-Medium"),url(/fonts/GothamPro-Medium.woff2) format("woff2"),url(/fonts/GothamPro-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-Light"),url(/fonts/GothamPro-Light.woff2) format("woff2"),url(/fonts/GothamPro-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}
body,
html {
  height: 100%
}
body {
  overflow-x: hidden;
  background-color: #fff;
  color: #494e50;
  font-family: "Gotham Pro";
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}
.root {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  background-color: #fff;
  overflow: hidden
}
main {
  flex-grow: 1;
  flex-shrink: 0
}
.container {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto
}
@media (min-width:768px) {
  .container {
    padding-left: 20px;
    padding-right: 20px
  }
}
@media (min-width:1440px) {
  .container {
    max-width: 1580px;
    padding-left: 40px;
    padding-right: 40px
  }
}
dd,
dl,
dt {
  margin: 0
}
.hidden {
  display: none
}
.icon {
  display: inline-block;
  font-size: 18px;
  width: 1em;
  height: 1em
}
.h1,
h1 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 400;
  color: #040404;
  margin: 0
}
@media (min-width:768px) {
  .h1,
  h1 {
    font-size: 34px
  }
}
@media (min-width:992px) {
  .h1,
  h1 {
    font-size: 38px
  }
}
@media (min-width:1440px) {
  .h1,
  h1 {
    font-size: 42px;
    line-height: 48px
  }
}
@media (max-width:374px) {
  .h1,
  h1 {
    font-size: 28px
  }
}
.h2,
h2 {
  font-size: 26px;
  line-height: 1.1;
  font-weight: 400;
  color: #040404;
  margin: 0
}
@media (min-width:768px) {
  .h2,
  h2 {
    font-size: 28px
  }
}
@media (min-width:992px) {
  .h2,
  h2 {
    font-size: 32px;
    line-height: 36px
  }
}
@media (max-width:374px) {
  .h2,
  h2 {
    font-size: 24px
  }
}
.h3,
h3 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  color: #040404;
  margin: 0
}
@media (min-width:768px) {
  .h3,
  h3 {
    font-size: 24px
  }
}
.h4,
h4,
h5,
h6 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  color: #040404;
  margin: 0
}
p {
  margin: 0
}
p + p {
  margin-top: 20px
}
b,
strong {
  font-weight: 700
}
i {
  font-style: italic
}
.cl-red {
  color: #ff103b!important
}
a {
  color: #e70c33;
  transition: color .4s
}
a[href*="tel:"] {
  text-decoration: none
}
@media (hover:hover) {
  a:focus-visible,
  a:hover {
    text-decoration: none
  }
}
button {
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  padding: 0
}
button:active button:focus {
  box-shadow: none
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  font: normal 12px/1 "Gotham Pro";
  color: #fff;
  background: url(/img/lines-button.png) right bottom/auto no-repeat,#e70c33;
  border-radius: none;
  text-transform: uppercase;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 50px 10px 20px
}
@media (min-width:768px) {
  .button {
    min-height: 60px;
    padding: 15px 60px 15px 30px
  }
}
@media (hover:hover) {
  .button {
    transition: background-color .4s,background-image .4s
  }
  .button:focus-visible,
  .button:hover {
    background-image: url(/img/lines-button-light.png);
    background-color: #152638
  }
}
.button--dark {
  background-image: url(/img/lines-button-light.png);
  background-color: #152638
}
@media (hover:hover) {
  .button--dark {
    transition: color .4s,background-color .4s
  }
  .button--dark:focus-visible,
  .button--dark:hover {
    color: #152638;
    background-color: #fff
  }
}
.button--small {
  min-height: 44px;
  padding-right: 30px
}
.button--loader {
  opacity: .8;
  pointer-events: none
}
.button--loader::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  margin-left: 15px;
  animation: loader-border .75s linear infinite
}
.button[disabled] {
  opacity: .6;
  pointer-events: none
}
.swiper-buttons {
  display: flex;
  justify-content: space-between;
  width: 60px
}
.swiper-buttons--bg {
  width: 92px
}
.swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px
}
.swiper-button--prev svg {
  transform: scale(-1,1)
}
.swiper-button svg {
  font-size: 14px;
  color: #56606c;
  transition: color .4s
}
@media (hover:hover) {
  .swiper-button:focus-visible svg,
  .swiper-button:hover svg {
    color: #e70c33
  }
}
.swiper-button--bg {
  width: 47px;
  height: 68px;
  background-color: rgba(21,38,56,.51);
  transition: background-color .4s
}
.swiper-button--bg svg {
  color: #fff
}
@media (hover:hover) {
  .swiper-button--bg:focus-visible,
  .swiper-button--bg:hover {
    background-color: #152638
  }
}
.swiper-button--bg.swiper-button-disabled,
.swiper-button--bg.swiper-button-lock {
  background-color: transparent
}
.swiper-button.swiper-button-disabled,
.swiper-button.swiper-button-lock {
  pointer-events: none
}
.swiper-button.swiper-button-disabled svg,
.swiper-button.swiper-button-lock svg {
  color: #c4cad3
}
.marker-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 20px 0
}
@media (min-width:768px) {
  .marker-list {
    margin: 30px 0
  }
}
@media (min-width:992px) {
  .marker-list {
    margin: 35px 0
  }
}
.marker-list:last-child {
  margin-bottom: 0
}
.marker-list:first-child {
  margin-top: 0
}
.marker-list li {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #040404;
  padding-left: 30px
}
@media (min-width:768px) {
  .marker-list li {
    font-size: 15px;
    line-height: 24px;
    padding-left: 35px
  }
}
.marker-list li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #12171d;
  border-radius: 50%
}
@media (min-width:768px) {
  .marker-list li::before {
    top: 9px
  }
}
.marker-list li + li {
  margin-top: 15px
}
@media (min-width:768px) {
  .marker-list li + li {
    margin-top: 20px
  }
}
.line-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 20px 0
}
@media (min-width:768px) {
  .line-list {
    margin: 30px 0
  }
}
@media (min-width:992px) {
  .line-list {
    margin: 35px 0
  }
}
.line-list:last-child {
  margin-bottom: 0
}
.line-list:first-child {
  margin-top: 0
}
.line-list li {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding-left: 30px
}
@media (min-width:768px) {
  .line-list li {
    font-size: 18px;
    line-height: 24px;
    padding-left: 40px
  }
}
.line-list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 15px;
  height: 2px;
  background-color: #fff
}
@media (min-width:768px) {
  .line-list li::before {
    top: 11px
  }
}
.line-list li + li {
  margin-top: 20px
}
@media (min-width:768px) {
  .line-list li + li {
    margin-top: 30px
  }
}
.line-list li span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px
}
.form__group-input,
.form__group-textarea {
  display: inline-flex;
  height: 40px;
  width: 100%;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: #50545f;
  background-color: transparent;
  border: none;
  outline: 0;
  border-bottom: 1px solid #191919;
  padding: 0;
  transition: all .4s
}
.form__group-input:active,
.form__group-input:focus,
.form__group-textarea:active,
.form__group-textarea:focus {
  border-color: rgba(51,51,51,.4)!important
}
.form__group-input:active + .form__group-title,
.form__group-input:focus + .form__group-title,
.form__group-textarea:active + .form__group-title,
.form__group-textarea:focus + .form__group-title {
  color: rgba(51,51,51,.4);
  transform: translateY(-15px) scale(.9)
}
.form__group-textarea {
  resize: none;
  min-height: 130px;
  padding-top: 10px
}
.form {
  width: 100%
}
@media (min-width:768px) {
  .form {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: start;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 50px
  }
}
.form__group {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%
}
@media (max-width:767px) {
  .form__group {
    margin-bottom: 30px
  }
}
@media (min-width:992px) {
  .form__group {
    max-width: 345px
  }
}
@media (min-width:768px) {
  .form__group--textarea {
    align-self: stretch;
    grid-row: span 2
  }
}
.form__group--consent {
  max-width: 100%
}
@media (min-width:768px) {
  .form__group--consent {
    grid-column: span 2
  }
}
.form__group--value .form__group-title {
  color: rgba(51,51,51,.4);
  transform: translateY(-15px) scale(.9)
}
.form__group--error .checkbox--consent::before,
.form__group--error .form__group-input,
.form__group--error .form__group-select .nice-select,
.form__group--error .form__group-textarea {
  border-color: #e70c33
}
.form__group-title {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #50545f;
  order: -1;
  pointer-events: none;
  transform-origin: left top;
  transition: transform .4s;
  margin-bottom: -15px
}
.form__group-title span {
  display: inline-block;
  font-size: 24px;
  line-height: 10px;
  transform: translateY(3px);
  color: #e70c33
}
.form__group-select {
  position: relative;
  height: 40px
}
.form__group-select select {
  position: absolute
}
.form__group-select .nice-select {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  font: 500 14px/1 "Gotham Pro";
  color: #50545f;
  background: 0 0;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #191919;
  white-space: normal;
  padding-left: 5px;
  padding-right: 25px
}
.form__group-select .nice-select.open,
.form__group-select .nice-select:active,
.form__group-select .nice-select:focus-visible,
.form__group-select .nice-select:hover {
  border-color: rgba(51,51,51,.4)
}
.form__group-select .nice-select::after {
  right: 10px;
  width: 14px;
  height: 14px;
  background: url(/img/icons/arrow-dark.png) center/contain;
  border: none;
  transform: rotate(90deg);
  transform-origin: center;
  margin-top: -8px
}
.form__group-select .nice-select.open:after {
  transform: rotate(270deg)
}
.form__group-select .nice-select ul.list {
  background: #fff;
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 5px 0
}
.form__group-select .nice-select ul.list::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px
}
.form__group-select .nice-select ul.list::-webkit-scrollbar-thumb {
  background: #e70c33;
  border-radius: 2.5px
}
.form__group-select .nice-select ul.list::-webkit-scrollbar-track {
  background-color: transparent
}
.form__group-select .nice-select .option {
  line-height: 15px;
  padding: 10px 15px
}
@media (min-width:768px) {
  .form__group-select .nice-select .option {
    padding: 10px 30px 10px 20px
  }
}
.form__group-select .nice-select .option .selected.focus,
.form__group-select .nice-select .option.focus,
.form__group-select .nice-select .option:hover {
  background-color: #d2d6de
}
.form__group-select .nice-select .option.selected {
  font-weight: 500
}
.form__group-error,
.form__group-text {
  display: block;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  color: #4b4e53;
  margin-top: 10px
}
@media (min-width:768px) {
  .form__group-error,
  .form__group-text {
    margin-top: 15px
  }
}
.form__group-error + .form__group-text,
.form__group-text + .form__group-error {
  margin-top: 5px
}
.form__group-error {
  color: #e70c33
}
.form__button {
  margin-top: -15px
}
@media (min-width:768px) {
  .form__button {
    justify-self: start
  }
}
.checkbox {
  position: relative;
  text-align: left;
  max-width: 730px
}
.checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap
}
.checkbox__input:focus-visible + .checkbox__name::before {
  border-color: #e70c33
}
.checkbox__input:checked + .checkbox__name::before {
  border-color: #e70c33;
  background-position: center
}
.checkbox__name {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  cursor: pointer;
  color: #4b4e53;
  padding-left: 30px
}
@media (min-width:481px) {
  .checkbox__name {
    padding-left: 35px
  }
}
.checkbox__name::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background: url(/img/icons/check.png) center top -20px/13px auto no-repeat;
  border: 2px solid #aab0b0;
  transition: border-color .4s,background-position .4s
}
@media (hover:hover) {
  .checkbox__name:hover::before {
    border-color: #e70c33
  }
}
.tabs__labels {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0
}
@media (max-width:767px) {
  .tabs__labels {
    overflow: hidden;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 20px;
    margin: 0 -20px
  }
  .tabs__labels::-webkit-scrollbar {
    height: 0;
    background: 0 0
  }
}
.tabs__label {
  position: relative
}
@media (min-width:768px) {
  .tabs__label {
    flex: 1;
    max-width: 350px
  }
}
@media (max-width:767px) {
  .tabs__label {
    width: 100%;
    max-width: 220px;
    flex-shrink: 0
  }
}
.tabs__label:first-child .tabs__label-button {
  border-left: 1px solid #08172a
}
.tabs__label-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap
}
@media (hover:hover) {
  .tabs__label-input:focus-visible + .tabs__label-button,
  .tabs__label-input:hover + .tabs__label-button {
    color: #fff;
    background-color: #e70c33
  }
}
.tabs__label-input:checked + .tabs__label-button {
  color: #fff;
  background-color: #08172a
}
.tabs__label-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  font-size: 12px;
  line-height: 16px;
  color: #101314;
  font-weight: 400;
  background-color: transparent;
  text-transform: uppercase;
  border: 1px solid #08172a;
  border-left: none;
  padding: 10px 20px;
  cursor: pointer;
  transition: color .4s,background-color .4s
}
.header {
  position: relative;
  background-color: #f3f5f8;
  border-bottom: 1px solid rgba(21,38,56,.24);
  z-index: 5
}
.header .container {
  display: flex;
  padding: 0;
  transform: translateY(-115%);
  transition: transform .8s .3s
}
@media (min-width:1440px) {
  .header .container {
    max-width: 1630px;
    padding: 0 20px
  }
}
.header__logo {
  position: relative;
  display: flex;
  align-items: center;
  width: 250px;
  flex-shrink: 0;
  font-family: Roboto;
  color: #fff;
  background-color: #152638;
  text-decoration: none;
  padding: 2px 20px 2px 35px;
  z-index: 1
}
@media (min-width:768px) {
  .header__logo {
    width: 300px;
    padding-right: 30px
  }
}
@media (min-width:1280px) {
  .header__logo {
    width: 330px
  }
}
@media (min-width:1601px) {
  .header__logo {
    padding-right: 40px;
    padding-left: 10px
  }
  .header__logo::before {
    content: "";
    position: absolute;
    inset: 0 calc(100% - 1px) 0 auto;
    width: 2000px;
    background-color: #152638;
    z-index: -1
  }
}
@media (min-width:1651px) {
  .header__logo::before {
    border-right: 1px solid rgba(255,255,255,.13)
  }
}
@media (max-width:1600px) {
  .header__logo {
    margin-left: -20px
  }
}
.header__logo::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 74px solid #0f1f31;
  border-left: 74px solid transparent;
  z-index: -1
}
@media (min-width:768px) {
  .header__logo::after {
    border-left-width: 94px;
    border-bottom-width: 94px
  }
}
@media (min-width:768px) {
  .header__logo::after {
    border-left-width: 112px;
    border-bottom-width: 112px
  }
}
.header__logo-img {
  display: block;
  height: 70px;
  width: auto;
  margin-right: 5px
}
@media (min-width:768px) {
  .header__logo-img {
    height: 90px;
    margin-right: 10px
  }
}
@media (min-width:1280px) {
  .header__logo-img {
    height: 108px
  }
}
.header__logo-text {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.2
}
@media (min-width:1280px) {
  .header__logo-text {
    width: 165px;
    font-size: 13px
  }
}
.header__logo-text span {
  font-size: 24px;
  flex-shrink: 0;
  margin-right: 5px
}
@media (min-width:768px) {
  .header__logo-text span {
    font-size: 28px;
    margin-right: 10px
  }
}
@media (min-width:1280px) {
  .header__logo-text span {
    font-size: 32px
  }
}
.header__menu {
  flex-grow: 1
}
@media (max-width:1279px) {
  .header__menu {
    display: none
  }
}
.header__menu-list {
  display: flex;
  width: 100%;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: menu-list
}
.header__menu-item {
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase
}
@media (min-width:1280px) and (max-width:1600px) {
  .header__menu-item {
    flex-grow: 1
  }
}
@media (min-width:1280px) and (max-width:1600px) {
  .header__menu-item:first-child {
    max-width: 120px
  }
}
@media (min-width:1440px) {
  .header__menu-item:first-child {
    margin-right: 50px
  }
}
@media (min-width:1601px) {
  .header__menu-item:first-child {
    margin-right: auto
  }
}
.header__menu-item:first-child .header__menu-link {
  min-width: 120px;
  color: #fff;
  background-color: #08172a
}
@media (min-width:1601px) {
  .header__menu-item:first-child .header__menu-link {
    min-width: 170px;
    padding-left: 25px
  }
}
@media (hover:hover) {
  .header__menu-item:first-child .header__menu-link:focus-visible,
  .header__menu-item:first-child .header__menu-link:hover {
    background-color: #e70c33
  }
  .header__menu-item:first-child .header__menu-link:focus-visible::after,
  .header__menu-item:first-child .header__menu-link:hover::after {
    color: #152638
  }
}
.header__menu-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #08172a;
  border-left: 1px solid rgba(21,38,56,.24);
  text-decoration: none;
  padding: 0 10px
}
@media (min-width:1280px) and (max-width:1600px) {
  .header__menu-link {
    width: 100%
  }
}
@media (min-width:1440px) {
  .header__menu-link {
    padding: 0 15px
  }
}
@media (min-width:1601px) {
  .header__menu-link {
    padding: 0 25px 0 20px
  }
}
.header__menu-link::after {
  counter-increment: menu-list;
  content: counter(menu-list,decimal-leading-zero);
  font-family: Roboto;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  color: #e70c33;
  transform: translateY(-15px);
  margin-left: -15px
}
@media (hover:hover) {
  .header__menu-link {
    transition: color .4s,background-color .4s
  }
  .header__menu-link::after {
    transition: color .4s
  }
  .header__menu-link:focus-visible,
  .header__menu-link:hover {
    color: #e70c33;
    background-color: #fff
  }
  .header__menu-link:focus-visible::after,
  .header__menu-link:hover::after {
    color: #a0adc1
  }
}
.header__mobile {
  display: block;
  width: 86px;
  background: url(/img/icons/burger.png) center/22px auto no-repeat;
  border-left: 1px solid rgba(21,38,56,.24);
  margin-left: auto
}
@media (min-width:1280px) {
  .header__mobile {
    display: none
  }
}
@media (max-width:374px) {
  .header__mobile {
    width: 70px
  }
}
@media (hover:hover) {
  .header__mobile {
    transition: background-color .4s
  }
  .header__mobile:focus-visible,
  .header__mobile:hover {
    background-color: #152638
  }
}
.footer {
  position: relative;
  height: 1px;
  margin-top: -1px
}
.footer__content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #b2b1b1;
  border-top: 1px solid rgba(255,255,255,.24);
  padding: 15px 0 20px 0;
  z-index: 5
}
.footer__content .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 20px
}
.footer__content p {
  margin: 0
}
.footer__content p:last-child a {
  color: #f6012c
}
.footer__content a {
  color: #d3dfff;
  text-decoration: none
}
@media (hover:hover) {
  .footer__content a:focus-visible,
  .footer__content a:hover {
    color: #fff!important
  }
}
.mobile {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 50
}
@media (min-width:1280px) {
  .mobile {
    display: none!important
  }
}
@media (max-width:1279px) {
  .mobile-scroll {
    overflow: hidden
  }
}
.mobile__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(16,20,26,.29)
}
.mobile__scroll {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 375px;
  overflow-y: auto;
  overflow-x: hidden
}
@media (min-width:768px) {
  .mobile__scroll::-webkit-scrollbar {
    width: 0;
    background: 0 0
  }
}
.mobile__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
  color: #fff;
  background: #152638
}
.mobile__header {
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
  border-bottom: 1px solid rgba(255,255,255,.24)
}
.mobile__logo {
  display: flex;
  align-items: center;
  font-family: Roboto;
  color: #fff;
  text-decoration: none;
  padding: 5px 0
}
.mobile__logo-img {
  display: block;
  height: 60px;
  width: auto;
  margin-right: 5px
}
.mobile__logo-text {
  display: flex;
  align-items: center;
  width: 150px;
  font-size: 12px;
  line-height: 1
}
.mobile__logo-text span {
  font-size: 23px;
  flex-shrink: 0;
  margin-right: 5px
}
.mobile__close {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85px;
  background: url(/img/icons/cross.png) center/15px auto no-repeat;
  border-left: 1px solid rgba(255,255,255,.24)
}
@media (hover:hover) {
  .mobile__close {
    transition: background-color .4s
  }
  .mobile__close:focus-visible,
  .mobile__close:hover {
    background-color: #fff
  }
}
.mobile__menu {
  margin-top: 20px;
  margin-bottom: 30px
}
.mobile__menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: mobile-list
}
.mobile__menu-list--lvl2 {
  margin-top: 10px;
  margin-bottom: 25px
}
.mobile__menu-list--lvl2:last-child {
  margin-bottom: 0
}
.mobile__menu-list--lvl2:first-child {
  margin-top: 0
}
.mobile__menu-list--lvl2 .mobile__menu-item {
  display: block;
  min-height: 0;
  font-size: 18px;
  line-height: 20px;
  border: none;
  padding: 10px 0
}
.mobile__menu-list--lvl2 .mobile__menu-link::after {
  content: none
}
.mobile__menu-item {
  display: flex;
  align-items: center;
  min-height: 70px;
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
  border-bottom: 1px solid rgba(255,255,255,.24);
  padding: 15px 20px 15px 40px
}
.mobile__menu-item--drop {
  justify-content: space-between;
  flex-wrap: wrap
}
.mobile__menu-item--drop > .mobile__menu-link {
  max-width: calc(100% - 40px)
}
.mobile__menu-item--drop.mobile__menu-item--open > .mobile__menu-link {
  color: #d3dfff
}
.mobile__menu-item--drop.mobile__menu-item--open .mobile__menu-button {
  background-color: #324d69;
  transform: rotate(180deg)
}
.mobile__menu-link {
  position: relative;
  color: #fff;
  text-decoration: none
}
.mobile__menu-link::after {
  counter-increment: mobile-list;
  content: counter(mobile-list,decimal-leading-zero);
  position: absolute;
  right: 0;
  bottom: 1em;
  font-family: Roboto;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  color: #e70c33;
  transform: translateY(-15px);
  margin-left: -15px
}
@media (hover:hover) {
  .mobile__menu-link:focus-visible,
  .mobile__menu-link:hover {
    color: #d3dfff
  }
}
.mobile__menu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #e70c33;
  transition: background-color .4s,transform .4s
}
.mobile__menu-button svg {
  font-size: 10px;
  color: #b2b1b1;
  transform: rotate(90deg)
}
@media (hover:hover) {
  .mobile__menu-button svg {
    transition: color .4s
  }
  .mobile__menu-button:focus-visible svg,
  .mobile__menu-button:hover svg {
    color: #fff
  }
}
.mobile__menu-block {
  display: none;
  flex-basis: 100%;
  font-size: 12px;
  line-height: 14px;
  color: #d3dfff;
  padding-top: 35px;
  padding-bottom: 20px
}
.mobile__menu-category + .mobile__menu-category {
  margin-top: 35px
}
.mobile__menu-title {
  color: #fff;
  margin-bottom: 20px
}
.mobile__menu-title + .mobile__menu-list {
  margin-top: -5px
}
.mobile__bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  background-color: #e51439;
  padding: 40px;
  margin-top: auto
}
.mobile__bottom p span {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  color: #d3dfff;
  margin-top: 15px
}
.mobile__email,
.mobile__phone {
  display: inline-block;
  font-size: 28px;
  line-height: 1;
  color: #fff;
  text-decoration: none
}
.mobile__phone {
  font-weight: 400;
  margin-top: 60px
}
@media (hover:hover) {
  .mobile__phone:focus-visible,
  .mobile__phone:hover {
    color: #d3dfff
  }
}
.mobile__email {
  font-weight: 500;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
  margin-top: 25px
}
@media (hover:hover) {
  .mobile__email {
    transition: color .4s,border-color .4s
  }
  .mobile__email:focus-visible,
  .mobile__email:hover {
    color: #d3dfff;
    border-color: transparent
  }
}
.mobile__button {
  margin-top: 30px
}
.mobile__link {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  color: #d3dfff;
  text-decoration: none;
  margin-top: 40px
}
@media (hover:hover) {
  .mobile__link:focus-visible,
  .mobile__link:hover {
    color: #d3dfff
  }
}
.modals {
  position: fixed;
  inset: 0;
  z-index: 110;
  overflow-y: auto;
  display: none
}
.modals-scroll {
  overflow: hidden
}
.modals__overlay {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  background-color: rgba(16,20,26,.29);
  overflow: hidden;
  padding: 30px 15px
}
@media (min-width:768px) {
  .modals__overlay {
    padding: 40px 20px
  }
}
@media (max-width:374px) {
  .modals__overlay {
    padding-left: 10px;
    padding-right: 10px
  }
}
.modal {
  position: relative;
  display: none;
  width: 100%;
  max-width: 1045px;
  background-color: #fff;
  overflow: hidden
}
@media (min-width:992px) {
  .modal--text .modal__content {
    padding: 40px 100px 70px 80px
  }
}
.modal__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  background-color: #152638;
  overflow: hidden;
  padding-left: 15px
}
@media (min-width:768px) {
  .modal__top {
    height: 100px;
    padding-left: 30px
  }
}
@media (min-width:992px) {
  .modal__top {
    height: 110px;
    padding-left: 75px
  }
}
.modal__legend {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #fff;
  border-left: 1px solid #e70c33;
  border-right: 1px solid #e70c33;
  padding: 15px
}
.modal__close {
  width: 100px;
  height: 100%;
  background: url(/img/icons/cross.png) center/24px auto no-repeat,#0f1c29;
  border-left: 1px solid rgba(255,255,255,.13)
}
@media (hover:hover) {
  .modal__close {
    transition: background-color .4s
  }
  .modal__close:focus-visible,
  .modal__close:hover {
    background-color: #fff
  }
}
.modal__content {
  color: #040404;
  padding: 20px 15px 30px 15px
}
@media (min-width:768px) {
  .modal__content {
    font-size: 15px;
    line-height: 30px;
    padding: 25px 30px 40px 30px
  }
}
@media (min-width:992px) {
  .modal__content {
    padding: 40px 80px 70px 80px
  }
}
.modal__form {
  margin-top: 50px
}
@media (min-width:992px) {
  .modal__scroll {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto
  }
  .modal__scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 9px;
    background: linear-gradient(to right,rgba(201,212,221,0) 3px,#c9d4dd 3px,#c9d4dd 6px,rgba(201,212,221,0) 6px)
  }
  .modal__scroll::-webkit-scrollbar-thumb {
    background: #e70c33
  }
}
.modal__text {
  font-size: 16px;
  line-height: 24px;
  color: #494e50;
  font-weight: 400
}
.modal__text strong {
  font-weight: 500
}
@media (min-width:768px) {
  .modal__text {
    font-size: 18px;
    line-height: 30px
  }
}
@media (min-width:992px) {
  .modal__text {
    max-width: 850px;
    padding: 20px 50px 20px 0
  }
}
.cookies {
  display: none;
  position: fixed;
  inset: auto 0 0 0;
  font-size: 12px;
  line-height: 1.2;
  color: #12171d;
  background-color: #e4efff;
  z-index: 10
}
@media (min-width:481px) {
  .cookies {
    max-width: 400px
  }
}
@media (min-width:768px) {
  .cookies {
    max-width: 600px
  }
}
@media (min-width:1601px) {
  .cookies {
    left: 50%;
    transform: translateX(-795px)
  }
}
.cookies__content {
  padding: 20px 20px 15px 20px
}
@media (min-width:768px) {
  .cookies__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 570px;
    min-height: 90px;
    padding: 25px 35px
  }
}
.cookies__content p a,
.cookies__content p button {
  display: inline-block;
  color: #e70c33;
  font-weight: 500
}
.cookies__content p button {
  text-decoration: underline
}
@media (hover:hover) {
  .cookies__content p button:focus-visible,
  .cookies__content p button:hover {
    text-decoration: none
  }
}
.cookies__button {
  display: inline-block;
  flex-shrink: 0;
  font: normal 12px/1 "Gotham Pro";
  color: #fff;
  background-color: #e70c33;
  text-transform: uppercase;
  text-decoration: none;
  outline: 0;
  padding: 10px 30px
}
@media (hover:hover) {
  .cookies__button {
    transition: background-color .4s
  }
  .cookies__button:focus-visible,
  .cookies__button:hover {
    background-color: #152638
  }
}
@media (max-width:767px) {
  .cookies__button {
    margin-top: 10px
  }
}
.product-preview {
  width: 100%;
  max-width: 400px;
  padding: 10px 10px 20px 10px
}
@media (min-width:768px) {
  .product-preview {
    max-width: 500px;
    padding: 15px 15px 25px 15px
  }
}
.product-preview__img {
  position: relative;
  display: block;
  background-color: #f3f5f8;
  text-decoration: none;
  outline: 0
}
.product-preview__img img {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none
}
.product-preview__img .button {
  display: none
}
@media (hover:hover) {
  .product-preview__img {
    transition: background-color .4s
  }
  .product-preview__img::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    width: 67%;
    aspect-ratio: 1/1;
    background-color: rgba(226,229,234,.59);
    border-radius: 50%;
    transform-origin: center;
    transform: scale(0) translateX(-50%);
    transition: transform .4s
  }
  .product-preview__img img {
    position: relative;
    transition: transform .4s
  }
  .product-preview__img .button {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 40px;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%,30px);
    transition: transform .4s,opacity .4s
  }
  .product-preview__img:focus-within,
  .product-preview__img:hover {
    background-color: #d2d6de
  }
  .product-preview__img:focus-within::before,
  .product-preview__img:hover::before {
    transform: scale(1) translateX(-50%)
  }
  .product-preview__img:focus-within img,
  .product-preview__img:hover img {
    transform: translateY(-65px)
  }
  .product-preview__img:focus-within .button,
  .product-preview__img:hover .button {
    transform: translate(-50%,0);
    opacity: 1
  }
  .product-preview__img:focus-within .product-preview__bg-text,
  .product-preview__img:hover .product-preview__bg-text {
    opacity: 1
  }
  .product-preview__img:focus-within .product-preview__bg-text span,
  .product-preview__img:hover .product-preview__bg-text span {
    animation-play-state: running
  }
}
.product-preview__bg-text {
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  white-space: nowrap;
  transform: translateY(-50%)
}
.product-preview__bg-text span {
  font-size: 99px;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(255,255,255,.29);
  animation: textAnim 6s infinite linear paused
}
.product-preview__bg-text span + span {
  margin-left: 20px
}
@media (hover:hover) {
  .product-preview__bg-text {
    transition: opacity .4s
  }
}
.product-preview__text {
  margin-top: 10px
}
@media (min-width:768px) {
  .product-preview__text {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 30px
  }
}
@media (min-width:768px) {
  .product-preview__title {
    width: 50%;
    padding-right: 15px
  }
}
.product-preview__info {
  margin-top: 15px
}
@media (min-width:768px) {
  .product-preview__info {
    width: 50%;
    max-width: 255px;
    margin-top: 10px
  }
}
.product-preview__info-item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.2;
  color: #494e50
}
.product-preview__info-item + .product-preview__info-item {
  margin-top: 5px
}
.product-preview__info-item dt {
  position: relative;
  flex-grow: 1
}
.product-preview__info-item dt::before {
  content: "......................................................";
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  height: 16px;
  overflow: hidden;
  letter-spacing: 3px
}
.product-preview__info-item dt span {
  position: relative;
  background-color: #fff;
  padding-right: 3px
}
.catalog {
  position: relative;
  padding: 50px 20px
}
@media (min-width:1280px) {
  .catalog {
    padding: 80px 40px
  }
}
.catalog__title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px
}
.catalog__title + .catalog__list {
  margin-top: -20px
}
.catalog__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 5px -20px 35px -20px
}
@media (min-width:1280px) {
  .catalog__list {
    margin: 5px -20px 45px -20px
  }
}
.catalog__item {
  position: relative;
  font-size: 26px;
  line-height: 36px;
  font-weight: 400
}
@media (min-width:1280px) {
  .catalog__item {
    font-size: 32px;
    line-height: 40px
  }
}
.catalog__item--current {
  pointer-events: none
}
.catalog__item--current .catalog__link {
  color: #51545b
}
.catalog__item--current .catalog__link::before {
  background-color: #dbdfe5
}
.catalog__item--current .catalog__link span {
  border-color: transparent
}
.catalog__link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  color: #040404;
  text-decoration: none;
  outline: 0;
  padding: 10px 20px
}
@media (min-width:1280px) {
  .catalog__link {
    min-width: 365px;
    padding-left: 40px;
    padding-right: 40px
  }
}
.catalog__link span {
  position: relative;
  border-bottom: 2px solid #040404
}
.catalog__link::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: transparent
}
@media (hover:hover) {
  .catalog__link::before {
    transition: background-color .4s
  }
  .catalog__link::after {
    content: "";
    position: relative;
    flex-shrink: 0;
    width: 25px;
    height: 24px;
    background: url(/img/icons/arrow.png) center/11px auto no-repeat,#e70c33;
    opacity: 0;
    transition: opacity .4s,transform .4s;
    transform: translateX(-15px);
    margin-left: 30px
  }
  .catalog__link span {
    transition: border-color .4s
  }
  .catalog__link:focus-visible,
  .catalog__link:hover {
    color: #51545b
  }
  .catalog__link:focus-visible::before,
  .catalog__link:hover::before {
    background-color: #fff
  }
  .catalog__link:focus-visible::after,
  .catalog__link:hover::after {
    transform: translateX(0);
    opacity: 1
  }
  .catalog__link:focus-visible span,
  .catalog__link:hover span {
    border-color: transparent
  }
}
.gallery .swiper-buttons {
  margin-top: 20px
}
@media (min-width:768px) {
  .gallery .swiper-buttons {
    margin-top: 30px
  }
}
@media (min-width:1440px) {
  .gallery .swiper-buttons {
    margin-top: 40px
  }
}
.gallery__item {
  display: block;
  width: 300px;
  text-decoration: none
}
.gallery__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px
}
.clearfix::after {
  content: "";
  display: block;
  clear: both
}
.text-break {
  word-wrap: break-word;
  word-break: break-word
}
.font-italic {
  font-style: italic
}
.td-u {
  text-decoration: underline
}
.td-n {
  text-decoration: none
}
.tt-l {
  text-transform: lowercase
}
.tt-u {
  text-transform: uppercase
}
.tt-c {
  text-transform: capitalize
}
.ta-j {
  text-align: justify
}
.ta-l {
  text-align: left
}
.ta-r {
  text-align: right
}
.ta-c {
  text-align: center
}
.text-wrap {
  white-space: normal
}
.text-nowrap {
  white-space: nowrap
}
.visible {
  visibility: visible
}
.invisible {
  visibility: hidden
}
@keyframes textAnim {
  0% {
    transform: translate(0,0)
  }
  100% {
    transform: translate(calc(-100% - 20px),0)
  }
}
@keyframes loader-border {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
[data-animate] {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.33,1,.68,1);
  transition-property: all
}
[data-animate][data-animate-delay="1"] {
  transition-delay: .2s
}
[data-animate][data-animate-delay="2"] {
  transition-delay: .4s
}
[data-animate][data-animate-delay="3"] {
  transition-delay: .6s
}
[data-animate][data-animate-delay="4"] {
  transition-delay: .8s
}
[data-animate][data-animate-delay="5"] {
  transition-delay: 1s
}
[data-animate][data-animate-top] {
  opacity: 0;
  transform: translateY(-100px)
}
[data-animate][data-animate-bottom] {
  opacity: 0;
  transform: translateY(100px)
}
[data-animate][data-animate-left] {
  opacity: 0;
  transform: translateX(-100px)
}
[data-animate][data-animate-right] {
  opacity: 0;
  transform: translateX(100px)
}
[data-animate][data-animate-slideleft] {
  transform: translateX(-100%)
}
[data-animate][data-animate-slideright] {
  transform: translateX(100%)
}
[data-animate][data-animate-scale] {
  transform: scale(0)
}
[data-animate][data-animate-slidetop] {
  height: 0
}
[data-animate][data-animate-slidebottom] {
  height: 0
}
.is-loaded.no-animate [data-animate] {
  transition-duration: 0s;
  transition-delay: 0s
}
.is-loaded [data-animate].animate {
  transform: none;
  opacity: 1
}
.is-loaded [data-animate].animate[data-animate-slidebottom],
.is-loaded [data-animate].animate[data-animate-slidetop] {
  height: 100%
}
.is-loaded .header .container {
  transform: translateY(0)
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap
}
.visually-hidden-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap
}
.company {
  position: relative;
  z-index: 5
}
.company__content {
  position: relative
}
@media (min-width:1440px) {
  .company__content::before {
    content: "";
    position: absolute;
    inset: 0 0 -140px 0;
    background-color: #f3f5f8;
    z-index: -1
  }
}
@media (max-width:1439px) {
  .company__content {
    background-color: #f3f5f8;
    overflow: hidden
  }
}
.company__content .container {
  position: relative
}
@media (min-width:992px) {
  .company__content .container {
    display: flex;
    min-height: 300px
  }
}
@media (min-width:1280px) {
  .company__content .container {
    min-height: 365px
  }
}
.company__content .container::after,
.company__content .container::before {
  content: "";
  position: absolute;
  width: 1px;
  background-color: rgba(21,38,56,.24)
}
.company__content .container::before {
  inset: 0 auto 0 15px
}
@media (min-width:992px) and (max-width:1280px) {
  .company__content .container::before {
    display: none
  }
}
@media (min-width:1440px) {
  .company__content .container::before {
    left: 20px
  }
}
@media (min-width:1601px) {
  .company__content .container::before {
    top: -150px;
    left: -5px
  }
}
@media (min-width:1440px) {
  .company__content .container::after {
    inset: -150px 20px 0 auto
  }
}
@media (min-width:1601px) {
  .company__content .container::after {
    right: -5px
  }
}
@media (max-width:1439px) {
  .company__content .container::after {
    display: none
  }
}
.company__title {
  font-weight: 400;
  color: #040404;
  margin-bottom: 15px
}
@media (min-width:1440px) {
  .company__title {
    line-height: 1;
    margin-bottom: 20px
  }
}
.company__desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}
.company__date {
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  color: #0b0b0b;
  padding-left: 25px;
  margin-bottom: 15px
}
.company__date::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #de2042;
  border-radius: 50%
}
.company__link {
  display: inline-block;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 500;
  color: #de1232;
  text-decoration: underline;
  margin-top: 10px
}
@media (hover:hover) {
  .company__link:focus-visible,
  .company__link:hover {
    text-decoration: none
  }
}
.company__slider {
  position: relative;
  padding: 50px 0 0 15px
}
@media (min-width:768px) {
  .company__slider {
    padding-top: 70px
  }
}
@media (min-width:992px) {
  .company__slider {
    flex-grow: 1;
    min-width: 500px;
    padding-left: 30px;
    padding-bottom: 50px
  }
}
@media (min-width:1280px) {
  .company__slider {
    padding-top: 90px;
    padding-bottom: 60px
  }
}
.company__slider .swiper {
  max-width: 940px;
  margin-right: 0
}
@media (max-width:991px) {
  .company__slider .swiper {
    overflow: visible
  }
}
@media (min-width:401px) {
  .company__slider .swiper-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
  }
}
@media (min-width:992px) {
  .company__slider .swiper-buttons {
    bottom: 40px
  }
}
@media (max-width:400px) {
  .company__slider .swiper-buttons {
    margin-top: 15px
  }
}
.company__slider-pagination {
  position: absolute;
  inset: -25px -25px auto auto;
  width: auto;
  font: normal 250px/1 "Gotham Pro";
  color: #fff;
  pointer-events: none
}
@media (min-width:768px) {
  .company__slider-pagination {
    font-size: 350px;
    inset: -35px auto auto -25px
  }
}
@media (min-width:992px) {
  .company__slider-pagination {
    top: -45px;
    left: -10px;
    font-size: 470px
  }
}
@media (min-width:768px) {
  .company__item {
    display: flex;
    align-items: flex-start;
    gap: 0 20px
  }
}
@media (min-width:1280px) {
  .company__item {
    gap: 0 40px
  }
}
.company__item--discount .company__title {
  margin-top: -10px
}
@media (min-width:1601px) {
  .company__item--discount .company__title {
    margin-top: -15px
  }
}
.company__item--discount .company__title span {
  display: block;
  font-size: 60px;
  line-height: 1.2;
  color: #e70c33;
  text-transform: uppercase
}
@media (min-width:768px) {
  .company__item--discount .company__title span {
    font-size: 70px
  }
}
@media (min-width:992px) {
  .company__item--discount .company__title span {
    font-size: 76px;
    margin-left: -5px;
    letter-spacing: -3px
  }
}
@media (min-width:1440px) {
  .company__item--discount .company__title span {
    font-size: 100px
  }
}
@media (min-width:1601px) {
  .company__item--discount .company__title span {
    font-size: 115px;
    line-height: 120px
  }
}
.company__item-text {
  line-height: 20px;
  color: #494e50
}
@media (min-width:768px) {
  .company__item-text {
    flex-grow: 1;
    line-height: 24px
  }
}
.company__item-img {
  display: block;
  width: 270px;
  height: auto
}
@media (min-width:768px) {
  .company__item-img {
    flex-shrink: 0
  }
}
@media (max-width:767px) {
  .company__item-img {
    margin-top: 20px
  }
}
.company__text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 310px
}
@media (min-width:992px) {
  .company__text {
    width: 260px;
    flex-shrink: 0;
    border-right: 1px solid rgba(21,38,56,.24);
    padding: 60px 20px 50px 0;
    order: -1
  }
}
@media (min-width:1280px) {
  .company__text {
    min-height: 365px;
    width: 410px;
    padding: 70px 20px 50px 155px
  }
}
@media (min-width:1440px) {
  .company__text {
    padding-left: 140px
  }
}
@media (min-width:1601px) {
  .company__text {
    width: 455px;
    padding-right: 45px;
    padding-left: 125px
  }
}
@media (max-width:991px) {
  .company__text {
    padding-left: 15px
  }
}
@media (max-width:991px) {
  .company__text {
    padding: 30px 0 40px 160px;
    margin-top: 20px
  }
  .company__text::before {
    content: "";
    position: absolute;
    inset: 0 -20px auto -20px;
    height: 1px;
    background-color: rgba(21,38,56,.24)
  }
}
@media (max-width:480px) {
  .company__text {
    min-height: 280px;
    padding-left: 140px
  }
}
.company__text img {
  position: absolute;
  top: 30px;
  left: 0;
  display: block;
  width: 120px;
  height: 210px;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1
}
@media (min-width:481px) {
  .company__text img {
    width: 140px;
    height: 245px
  }
}
@media (min-width:768px) {
  .company__text img {
    left: -5px
  }
}
@media (min-width:992px) and (max-width:1279px) {
  .company__text img {
    display: none
  }
}
@media (min-width:1280px) {
  .company__text img {
    top: 70px;
    left: -5px
  }
}
@media (min-width:1440px) {
  .company__text img {
    left: -20px
  }
}
@media (min-width:1601px) {
  .company__text img {
    left: -45px
  }
}
.company__text h4 {
  font-weight: 400;
  margin-bottom: 10px
}
@media (min-width:768px) {
  .company__text h4 {
    font-size: 20px
  }
}
.company__text p {
  margin-bottom: 15px
}
.company__text p:last-child {
  margin-bottom: 0
}
.company__text .button {
  margin-top: auto
}
.company__gallery {
  display: block;
  width: 100%;
  max-width: 1590px;
  margin: 0 auto
}
.company__gallery .swiper-buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1
}
.company__gallery-item {
  position: relative
}
.company__gallery-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,rgba(21,38,56,.61),rgba(21,38,56,0) 40%,rgba(21,38,56,0) 60%,rgba(21,38,56,.61))
}
@media (min-width:481px) {
  .company__gallery-item::after {
    background: linear-gradient(to right,rgba(21,38,56,.61),rgba(21,38,56,0) 30%,rgba(21,38,56,0) 70%,rgba(21,38,56,.61))
  }
}
.company__gallery-img {
  display: block;
  width: 100%;
  height: auto
}
@media (max-width:767px) {
  .company__gallery-img {
    min-height: 200px;
    -o-object-fit: cover;
    object-fit: cover
  }
}
.company__gallery-link {
  display: inline-block;
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  color: #d3e6ff;
  text-decoration: none;
  z-index: 1
}
@media (min-width:481px) {
  .company__gallery-link {
    display: inline-flex;
    align-items: center;
    font-size: 13px
  }
}
@media (min-width:992px) {
  .company__gallery-link {
    left: 45px;
    bottom: 30px
  }
}
.company__gallery-link::before {
  content: "";
  display: block;
  width: 24px;
  height: 22px;
  background: url(/img/icons/play.png) center/cover;
  margin-bottom: 10px
}
@media (min-width:481px) {
  .company__gallery-link::before {
    flex-shrink: 0;
    margin-right: 10px;
    margin-bottom: 0
  }
}
@media (min-width:768px) {
  .company__gallery-link::before {
    width: 31px;
    height: 29px
  }
}
@media (hover:hover) {
  .company__gallery-link:focus-visible,
  .company__gallery-link:hover {
    color: #fff
  }
}
.company__bottom {
  margin-top: 30px
}
@media (min-width:768px) {
  .company__bottom {
    margin-top: 40px
  }
}
@media (min-width:992px) {
  .company__bottom {
    margin-top: 50px
  }
}
@media (min-width:768px) {
  .company__bottom .container {
    display: flex;
    width: 100%
  }
}
@media (min-width:1440px) {
  .company__bottom .container {
    max-width: 1670px
  }
}
.company__bottom-img {
  display: block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left center;
  object-position: left center
}
@media (min-width:768px) {
  .company__bottom-img {
    width: 100%;
    min-width: 400px;
    max-width: 1170px
  }
}
@media (min-width:768px) and (max-width:991px) {
  .company__bottom-img {
    margin-left: -20px
  }
}
@media (max-width:767px) {
  .company__bottom-img {
    width: calc(100% + 30px);
    min-height: 200px;
    margin-left: -15px;
    margin-right: -15px
  }
}
.company__bottom-text {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding-top: 30px;
  padding-bottom: 35px;
  z-index: 1
}
@media (min-width:768px) {
  .company__bottom-text {
    width: 300px;
    flex-shrink: 0;
    padding: 40px
  }
}
@media (min-width:768px) and (max-width:991px) {
  .company__bottom-text {
    padding-right: 0
  }
}
@media (min-width:992px) {
  .company__bottom-text {
    width: 380px
  }
}
@media (min-width:1440px) {
  .company__bottom-text {
    width: 420px;
    padding: 60px
  }
}
.company__bottom-text::before {
  content: "";
  position: absolute;
  inset: 0 -15px;
  background-color: #f4f5f9;
  z-index: -1
}
@media (min-width:768px) {
  .company__bottom-text::before {
    inset: 0 -20px 0 0
  }
}
@media (min-width:1440px) {
  .company__bottom-text::before {
    right: -2000px
  }
}
@media (min-width:992px) {
  .company__bottom-text {
    font-size: 18px;
    line-height: 30px
  }
}
.company__bottom-text h2 {
  margin-bottom: 15px
}
@media (min-width:768px) {
  .company__bottom-text h2 {
    margin-bottom: 20px
  }
}
@media (min-width:992px) {
  .company__bottom-text h2 {
    margin-bottom: 30px
  }
}
@media (min-width:1440px) {
  .company__bottom-text h2 {
    margin-bottom: 40px
  }
}
.company__bottom-text h2 span {
  color: #e41a3e
}
.products {
  position: relative;
  padding-top: 35px;
  padding-bottom: 40px
}
@media (min-width:768px) {
  .products {
    padding-top: 50px;
    padding-bottom: 60px
  }
}
@media (min-width:992px) {
  .products {
    padding-top: 70px;
    padding-bottom: 90px
  }
}
@media (min-width:768px) {
  .products__header {
    display: flex;
    align-items: flex-start
  }
}
.products__title {
  text-transform: uppercase
}
@media (max-width:767px) {
  .products__title {
    margin-bottom: 15px
  }
}
.products__desc {
  max-width: 400px;
  line-height: 1.2
}
@media (min-width:768px) {
  .products__desc {
    margin-top: 10px;
    margin-left: 30px
  }
}
.products__tabs {
  margin-top: 25px
}
@media (min-width:768px) {
  .products__tabs {
    margin-top: 30px
  }
}
@media (min-width:992px) {
  .products__tabs {
    margin-top: 40px
  }
}
.products__content {
  margin-top: 20px
}
.products__slider {
  position: relative;
  pointer-events: none
}
@media (min-width:1440px) {
  .products__slider .swiper {
    padding-top: 65px;
    margin-top: -65px
  }
  .products__slider .swiper::before {
    content: "";
    position: absolute;
    inset: 65px auto 0 0;
    width: 1px;
    background-color: #fff;
    z-index: 2
  }
}
@media (max-width:1439px) {
  .products__slider .swiper {
    overflow: visible;
    border-top: 1px solid rgba(4,4,4,.6);
    border-bottom: 1px solid rgba(4,4,4,.6);
    padding: 0 20px;
    margin: 0 -20px
  }
}
@media (max-width:767px) {
  .products__slider .swiper {
    padding: 0 10px;
    margin: 0 -15px
  }
}
.products__slider .swiper-buttons {
  pointer-events: all;
  margin-top: 20px
}
@media (min-width:992px) {
  .products__slider .swiper-buttons {
    margin-top: 30px
  }
}
.products__slider-item {
  height: auto;
  pointer-events: all
}
@media (min-width:1440px) {
  .products__slider-item {
    border: 1px solid rgba(4,4,4,.6);
    border-right: none
  }
}
@media (max-width:1439px) {
  .products__slider-item {
    border-left: 1px solid rgba(4,4,4,.6)
  }
  .products__slider-item:last-child {
    border-right: 1px solid rgba(4,4,4,.6)
  }
}
@media (max-width:767px) {
  .products__slider-item {
    width: 90%;
    max-width: 300px
  }
}
.about {
  background-color: #f3f5f8;
  overflow: hidden
}
.about__grid {
  border-left: 1px solid rgba(21,38,56,.24);
  border-right: 1px solid rgba(21,38,56,.24);
  padding-bottom: 40px
}
@media (min-width:768px) and (max-width:1439px) {
  .about__grid {
    position: relative
  }
  .about__grid::after {
    content: "";
    position: absolute;
    inset: 0 50% 0 auto;
    width: 1px;
    background-color: rgba(21,38,56,.24)
  }
}
@media (min-width:768px) {
  .about__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "header slider" "founded slider" "text list";
    padding-bottom: 60px
  }
}
@media (min-width:992px) {
  .about__grid {
    padding-bottom: 90px
  }
}
@media (min-width:1440px) {
  .about__grid {
    grid-template-columns: 450px 490px 1fr;
    grid-template-areas: "header slider list" "header slider text" "founded slider text" "founded slider text"
  }
}
.about__header {
  position: relative;
  padding: 40px 15px 30px 15px;
  z-index: 2
}
@media (min-width:768px) {
  .about__header {
    display: flex;
    flex-direction: column;
    grid-area: header;
    line-height: 20px;
    padding: 50px 20px 30px 20px
  }
}
@media (min-width:992px) {
  .about__header {
    min-height: 420px;
    line-height: 24px;
    padding: 65px 30px 35px 40px
  }
}
@media (min-width:1440px) {
  .about__header {
    padding-left: 50px
  }
}
.about__header-text {
  margin-top: auto
}
.about__legend {
  display: block;
  font-size: 20px;
  font-weight: 400;
  color: #040404;
  border-bottom: 1px solid rgba(21,38,56,.24);
  padding: 0 15px 15px 15px;
  margin: 0 -15px 30px -15px
}
@media (min-width:768px) {
  .about__legend {
    padding: 0 20px 15px 20px;
    margin: 0 -20px 30px -20px
  }
}
@media (min-width:992px) {
  .about__legend {
    padding: 0 30px 15px 40px;
    margin: 0 -30px 30px -40px
  }
}
@media (min-width:1440px) {
  .about__legend {
    padding-left: 50px;
    margin-left: -50px
  }
}
.about__title {
  font-size: 45px;
  line-height: 1;
  margin: 15px 0;
  margin-right: -80px
}
.about__title:last-child {
  margin-bottom: 0
}
.about__title:first-child {
  margin-top: 0
}
@media (min-width:992px) {
  .about__title {
    font-size: 60px;
    line-height: 55px
  }
}
@media (min-width:992px) {
  .about__title {
    font-size: 75px;
    line-height: 1;
    margin-right: -110px
  }
}
@media (max-width:374px) {
  .about__title {
    font-size: 40px
  }
}
.about__founded {
  position: relative;
  padding: 30px 15px
}
@media (min-width:768px) {
  .about__founded {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    grid-area: founded;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2
  }
}
@media (min-width:992px) {
  .about__founded {
    padding: 40px 35px 30px 40px
  }
}
@media (min-width:1440px) {
  .about__founded {
    line-height: 24px;
    padding-left: 50px;
    padding-bottom: 0
  }
  .about__founded::before {
    content: "";
    position: absolute;
    inset: 0 0 auto -2000px;
    height: 1px;
    background-color: rgba(21,38,56,.24)
  }
}
@media (max-width:1439px) {
  .about__founded {
    border-top: 1px solid rgba(21,38,56,.24)
  }
}
.about__founded-year {
  color: #040404
}
@media (min-width:992px) {
  .about__founded-year {
    margin-bottom: 15px
  }
}
.about__founded-year:last-child {
  margin-bottom: 0
}
.about__founded-year span {
  display: block;
  font-size: 80px;
  line-height: 1;
  font-weight: 400;
  color: #e70c33
}
@media (min-width:992px) {
  .about__founded-year span {
    font-size: 110px;
    line-height: 94px
  }
}
.about__slider {
  position: relative;
  max-width: 490px
}
@media (min-width:768px) {
  .about__slider {
    min-width: 300px;
    grid-area: slider
  }
}
@media (min-width:768px) and (max-width:991px) {
  .about__slider {
    margin-right: -20px
  }
}
@media (min-width:1440px) {
  .about__slider {
    align-self: start;
    padding-top: 70px
  }
  .about__slider::before {
    content: "";
    position: absolute;
    inset: 0 0 -500px 0;
    border-left: 1px solid rgba(21,38,56,.24);
    border-right: 1px solid rgba(21,38,56,.24)
  }
}
@media (max-width:767px) {
  .about__slider {
    margin-left: auto
  }
}
.about__slider::after {
  content: "";
  position: absolute;
  left: -109px;
  bottom: 0;
  width: 217px;
  height: 250px;
  background: url(/img/about/logo.png) center/cover;
  z-index: 1
}
@media (min-width:481px) {
  .about__slider::after {
    left: -198px;
    bottom: -95px;
    width: 394px;
    height: 453px
  }
}
@media (min-width:768px) and (max-width:1439px) {
  .about__slider .swiper {
    height: 100%
  }
}
.about__slider .swiper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,rgba(21,38,56,.61),rgba(21,38,56,0) 25%,rgba(21,38,56,0) 75%,rgba(21,38,56,.61));
  z-index: 1
}
.about__slider .swiper-buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1
}
.about__slider-img {
  display: block;
  width: 100%;
  height: auto
}
@media (min-width:768px) and (max-width:1439px) {
  .about__slider-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
}
.about__list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 30px 15px 15px 15px;
  z-index: 1
}
@media (min-width:481px) and (max-width:767px) {
  .about__list {
    padding: 40px 15px
  }
}
@media (min-width:768px) {
  .about__list {
    grid-area: list;
    padding: 70px 5px 50px 30px
  }
}
@media (min-width:481px) and (max-width:767px),
(min-width:992px) {
  .about__list {
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 20px;
    column-gap: 20px
  }
}
@media (min-width:992px) {
  .about__list {
    padding-left: 40px
  }
}
@media (min-width:1440px) {
  .about__list {
    min-height: 270px
  }
}
@media (max-width:1439px) {
  .about__list {
    border-top: 1px solid rgba(21,38,56,.24)
  }
}
.about__list li {
  line-height: 1.2;
  margin-bottom: 15px
}
@media (min-width:601px) and (max-width:767px),
(min-width:992px) {
  .about__list li {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
  }
}
.about__text {
  font-size: 13px;
  line-height: 1.2;
  color: #040404;
  padding: 50px 20px 0 20px
}
@media (min-width:768px) {
  .about__text {
    grid-area: text
  }
}
@media (min-width:992px) {
  .about__text {
    padding-left: 40px
  }
}
@media (min-width:1440px) {
  .about__text {
    position: relative
  }
  .about__text::before {
    content: "";
    position: absolute;
    inset: 0 -2000px auto 0;
    height: 1px;
    background-color: rgba(21,38,56,.24)
  }
}
@media (max-width:1439px) {
  .about__text {
    border-top: 1px solid rgba(21,38,56,.24)
  }
}
.about__text p + p {
  margin-top: 15px
}
.about__text-img {
  position: relative;
  height: 250px;
  width: 320px;
  margin-top: 20px;
  margin-bottom: 30px
}
.about__text-img:first-child {
  margin-top: -35px
}
.about__text-img:last-child {
  margin-bottom: 0
}
.about__text-img::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 92px;
  background-color: #152638
}
.about__text-img img {
  display: block;
  position: absolute;
  left: -35px;
  bottom: 0;
  width: 390px;
  height: 250px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center bottom;
  object-position: center bottom
}
.production {
  position: relative;
  color: #fff;
  background: url(/img/production/bg.jpg) center right/cover,#111e2e;
  overflow: hidden;
  padding-top: 40px
}
@media (min-width:768px) {
  .production {
    padding-top: 50px;
    padding-bottom: 60px
  }
}
@media (min-width:992px) {
  .production {
    padding-top: 80px;
    padding-bottom: 90px
  }
}
@media (min-width:1440px) {
  .production {
    padding-top: 120px;
    padding-bottom: 160px
  }
}
.production__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  opacity: .2;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top
}
@media (min-width:768px) {
  .production__video {
    height: 100%;
    opacity: .25
  }
}
@media (max-width:767px) {
  .production__video {
    -webkit-mask-image: linear-gradient(to bottom,#172436 90%,rgba(23,36,54,0));
    mask-image: linear-gradient(to bottom,#172436 90%,rgba(23,36,54,0))
  }
}
.production__bg-img {
  position: absolute;
  inset: 0
}
@media (min-width:768px) {
  .production__bg-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(80% 80% at 15% center,transparent 70%,#172436);
    transform: scale(-1,1);
    box-shadow: inset 0 150px 100px -100px #172436
  }
}
.production__bg-img img {
  display: block;
  width: 100%;
  height: auto;
  opacity: .2
}
@media (min-width:768px) {
  .production__bg-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    opacity: .25
  }
}
@media (max-width:600px) {
  .production__bg-img img {
    min-height: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    object-position: left top;
    -webkit-mask-image: linear-gradient(to bottom,#172436 90%,rgba(23,36,54,0));
    mask-image: linear-gradient(to bottom,#172436 90%,rgba(23,36,54,0))
  }
}
.production__content {
  position: relative
}
@media (min-width:992px) {
  .production__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap
  }
}
@media (min-width:1440px) {
  .production__content {
    padding-left: 45px
  }
}
.production__header {
  position: relative;
  line-height: 20px
}
@media (min-width:768px) {
  .production__header {
    font-size: 16px;
    line-height: 24px
  }
}
@media (min-width:992px) {
  .production__header {
    max-width: 630px;
    padding-bottom: 60px
  }
}
@media (min-width:768px) {
  .production__header p + p {
    margin-top: 15px
  }
}
@media (min-width:992px) {
  .production__header p {
    max-width: 530px
  }
}
.production__header p span {
  color: #e70c33
}
.production__title {
  font-weight: 400;
  color: #fff;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .production__title {
    margin-bottom: 20px
  }
}
@media (min-width:992px) {
  .production__title {
    margin-bottom: 55px
  }
}
.production__slider,
.production__text {
  position: relative;
  line-height: 20px;
  margin: 40px 0 0 0
}
@media (min-width:768px) {
  .production__slider,
  .production__text {
    line-height: 24px
  }
}
@media (min-width:992px) {
  .production__slider,
  .production__text {
    width: 280px;
    margin-top: 15px;
    margin-left: 20px
  }
}
.production__slider h3,
.production__text h3 {
  color: #fff;
  margin-bottom: 15px
}
.production__slider img,
.production__text img {
  display: block;
  width: 280px;
  height: auto;
  margin-bottom: 20px
}
@media (min-width:992px) {
  .production__slider img,
  .production__text img {
    margin-bottom: 30px
  }
}
.production__slider .swiper-buttons,
.production__text .swiper-buttons {
  margin-top: 10px
}
.production__more {
  display: inline-block;
  font-weight: 500;
  text-decoration: underline;
  color: #e70c33;
  margin-top: 20px
}
@media (hover:hover) {
  .production__more {
    transition: color .4s
  }
  .production__more:focus-visible,
  .production__more:hover {
    color: #fff;
    text-decoration: none
  }
}
.production__bottom {
  width: 100%;
  margin-top: 30px
}
@media (min-width:768px) {
  .production__bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 40px
  }
}
@media (min-width:992px) {
  .production__bottom {
    max-width: 1370px;
    margin-top: 0
  }
}
.production__data {
  width: 100%;
  line-height: 20px
}
@media (min-width:768px) {
  .production__data {
    max-width: 400px;
    line-height: 24px
  }
}
.production__data ul {
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  color: #c1e1fe;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 10px
}
@media (min-width:768px) {
  .production__data ul {
    font-size: 24px
  }
}
.production__data ul li + li {
  margin-top: 10px
}
.production__info-item dt {
  font-size: 36px;
  line-height: 1;
  font-weight: 400
}
.production__info-item dt span {
  font-size: 72px
}
.production__info-item dd {
  line-height: 24px;
  margin-top: 5px
}
.production__info-item + .production__info-item {
  margin-top: 20px
}
.production__gost {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  background: url(/img/production/bg-gost.jpg) center right/auto 100% no-repeat,#e51439;
  padding: 30px;
  margin-top: 30px
}
@media (min-width:481px) {
  .production__gost {
    font-size: 16px;
    line-height: 30px;
    padding: 40px 35px 50px 35px
  }
}
@media (min-width:768px) {
  .production__gost {
    width: 100%;
    max-width: 565px;
    margin-top: 0
  }
}
@media (min-width:992px) {
  .production__gost {
    margin-top: 80px
  }
  .production__gost::after,
  .production__gost::before {
    content: "";
    position: absolute;
    bottom: 0;
    background-color: rgba(255,255,255,.47);
    pointer-events: none
  }
  .production__gost::before {
    left: 0;
    width: 1px;
    height: 2000px
  }
  .production__gost::after {
    right: 100%;
    height: 1px;
    width: 2000px
  }
}
@media (max-width:767px) {
  .production__gost {
    margin-left: -15px;
    margin-right: -15px
  }
}
.production__gost span {
  font-size: 20px;
  font-weight: 400
}
@media (min-width:481px) {
  .production__gost span {
    font-size: 24px
  }
}
.scientific {
  position: relative
}
.scientific::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 560px;
  background-color: #f3f5f8
}
.scientific .container {
  position: relative;
  max-width: 1480px
}
.scientific__header {
  max-width: 1385px;
  border-left: 1px solid rgba(21,38,56,.24);
  border-right: 1px solid rgba(21,38,56,.24);
  padding-top: 40px;
  padding-bottom: 30px
}
@media (min-width:768px) {
  .scientific__header {
    padding-top: 50px;
    padding-bottom: 40px
  }
}
@media (min-width:992px) {
  .scientific__header {
    padding-top: 70px
  }
}
@media (min-width:1440px) {
  .scientific__header {
    padding-top: 85px
  }
}
.scientific__title {
  border-bottom: 1px solid rgba(21,38,56,.24);
  padding: 0 15px 15px 15px;
  margin-bottom: 20px
}
@media (min-width:1440px) {
  .scientific__title {
    padding-left: 20px;
    padding-right: 20px
  }
}
@media (min-width:1440px) {
  .scientific__title {
    font-size: 52px;
    padding-left: 110px
  }
}
.scientific__desc {
  max-width: 430px;
  color: #000;
  padding: 0 20px;
  margin-left: auto
}
@media (min-width:768px) {
  .scientific__desc {
    font-size: 16px
  }
}
@media (min-width:992px) {
  .scientific__gallery {
    display: flex;
    justify-content: space-between;
    max-width: 1385px
  }
}
.scientific__slider {
  position: relative;
  max-width: 935px
}
@media (min-width:992px) {
  .scientific__slider {
    min-width: 500px;
    margin-right: 20px
  }
}
@media (min-width:1440px) {
  .scientific__slider {
    margin-right: 35px
  }
}
@media (min-width:601px) {
  .scientific__slider .swiper-buttons {
    position: absolute;
    left: 0;
    bottom: -55px
  }
}
@media (max-width:600px) {
  .scientific__slider .swiper-buttons {
    margin-top: 15px
  }
}
.scientific__slider-item {
  text-decoration: none
}
.scientific__slider-img {
  display: block;
  width: 100%;
  height: auto
}
@media (min-width:992px) {
  .scientific__slider-img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover
  }
}
@media (min-width:1280px) {
  .scientific__slider-img {
    height: 490px
  }
}
.scientific__slider-text {
  width: 230px;
  line-height: 1.2;
  margin-top: 15px
}
@media (min-width:601px) {
  .scientific__slider-text {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 16px;
    margin-top: 90px
  }
}
.scientific__img {
  display: block;
  width: 90%;
  max-width: 410px;
  height: auto
}
@media (min-width:992px) {
  .scientific__img {
    width: 335px;
    height: 400px;
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover
  }
}
@media (min-width:1280px) {
  .scientific__img {
    width: 410px;
    height: 490px
  }
}
@media (min-width:601px) and (max-width:991px) {
  .scientific__img {
    width: 50%;
    margin-left: auto;
    margin-top: 20px
  }
}
@media (max-width:600px) {
  .scientific__img {
    margin-top: 30px
  }
}
.scientific__bottom {
  padding-top: 35px;
  padding-bottom: 40px
}
@media (min-width:768px) {
  .scientific__bottom {
    padding-top: 40px;
    padding-bottom: 60px
  }
}
@media (min-width:992px) {
  .scientific__bottom {
    max-width: 1130px;
    border-top: none;
    border-left: 1px solid rgba(21,38,56,.24);
    padding: 80px 0 90px 40px;
    margin-left: 255px
  }
}
@media (min-width:1201px) {
  .scientific__bottom {
    padding-left: 70px
  }
}
@media (min-width:1440px) {
  .scientific__bottom {
    padding-top: 145px;
    padding-bottom: 115px
  }
}
.scientific__subtitle {
  color: #0c1c2f;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .scientific__subtitle {
    max-width: 750px;
    margin-bottom: 30px
  }
}
@media (min-width:992px) {
  .scientific__subtitle {
    max-width: 850px;
    margin-bottom: 40px
  }
}
@media (min-width:1440px) {
  .scientific__subtitle {
    margin-bottom: 55px
  }
}
.scientific__subtitle span {
  color: #e41a3e
}
@media (min-width:768px) and (max-width:991px),
(min-width:1151px) {
  .scientific__text {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
  }
}
.scientific__text-column {
  max-width: 510px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400
}
@media (min-width:992px) {
  .scientific__text-column {
    font-size: 18px;
    line-height: 30px
  }
}
.scientific__note {
  max-width: 360px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
  background: url(/img/scientific/bg-note.jpg) center top/cover,#0a192d;
  padding: 25px 25px 30px 25px;
  margin-top: 25px
}
@media (min-width:481px) {
  .scientific__note {
    padding: 30px 40px
  }
}
@media (min-width:768px) and (max-width:991px),
(min-width:1151px) {
  .scientific__note {
    margin-left: 30px;
    margin-top: 0
  }
}
@media (min-width:992px) {
  .scientific__note {
    max-width: 445px;
    padding: 40px 80px 50px 85px
  }
}
.scientific__note::before {
  content: "!";
  display: block;
  width: 44px;
  height: 44px;
  font-size: 32px;
  line-height: 44px;
  font-weight: 700;
  background-color: #e70c33;
  text-align: center;
  border-radius: 50%;
  margin-left: -5px;
  margin-bottom: 20px
}
@media (min-width:481px) {
  .scientific__note::before {
    width: 50px;
    height: 50px;
    line-height: 50px
  }
}
.background {
  position: relative;
  color: #fff;
  background-color: #161616
}
.background .container {
  position: relative
}
@media (min-width:992px) {
  .background .container {
    display: flex;
    justify-content: space-between;
    gap: 0 50px;
    min-height: 100vh
  }
}
.background::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  background: linear-gradient(to right,rgba(25,25,25,.57) 60%,rgba(25,25,25,0) 80%);
  box-shadow: inset 100px 0 150px 50px rgba(25,25,25,.9)
}
@media (min-width:992px) {
  .background::after {
    bottom: 0
  }
}
@media (max-width:991px) {
  .background::after {
    height: 600px
  }
}
.background h2,
.background h3,
.background h4 {
  color: #fff
}
.background--reverse::after {
  background: rgba(25,25,25,.57);
  box-shadow: none
}
@media (min-width:992px) {
  .background--reverse::after {
    background: linear-gradient(to left,rgba(25,25,25,.57) 60%,rgba(25,25,25,0) 80%)
  }
}
@media (max-width:991px) {
  .background--reverse .background__img img {
    -o-object-position: center top;
    object-position: center top
  }
}
.background--reverse .background__header {
  max-width: 640px;
  justify-content: flex-end
}
.background--reverse .background__title {
  font-size: 50px
}
@media (min-width:481px) {
  .background--reverse .background__title {
    font-size: 60px
  }
}
@media (min-width:1440px) {
  .background--reverse .background__title {
    font-size: 72px
  }
}
@media (max-width:374px) {
  .background--reverse .background__title {
    font-size: 42px
  }
}
@media (min-width:992px) {
  .background--reverse .background__content {
    width: 56%;
    justify-content: flex-start;
    order: -1;
    padding-left: 20px;
    padding-right: 40px
  }
}
.background--reverse .background__content::after {
  background: url(/img/background/background-content.jpg) top right/auto 100% no-repeat,#1c3047;
  opacity: .8
}
@media (min-width:992px) {
  .background--reverse .background__content::after {
    left: -20px;
    right: 0
  }
}
@media (min-width:1440px) {
  .background--reverse .background__content::after {
    inset: 0 0 0 -2000px
  }
}
@media (min-width:768px) {
  .background--reverse .background__content .line-list li + li {
    margin-top: 20px
  }
}
.background--reverse .background__content-img {
  -o-object-position: center top;
  object-position: center top
}
.background--reverse .background__text {
  max-width: 670px
}
.background__img {
  position: absolute;
  inset: 0 0 auto 0
}
@media (min-width:992px) {
  .background__img {
    bottom: 0
  }
}
@media (max-width:991px) {
  .background__img {
    height: 600px
  }
}
.background__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
@media (max-width:991px) {
  .background__img img {
    -o-object-position: left top;
    object-position: left top
  }
}
.background__video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.background__header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 16px;
  line-height: 24px;
  padding: 40px 0 50px 0;
  z-index: 1
}
@media (min-width:768px) {
  .background__header {
    padding: 50px 0 60px 0
  }
}
@media (min-width:992px) {
  .background__header {
    width: 100%;
    max-width: 720px;
    justify-content: center;
    padding: 60px 0 100px 0
  }
}
@media (min-width:1440px) {
  .background__header {
    padding: 65px 50px 155px 0
  }
}
@media (min-width:1601px) {
  .background__header {
    padding-left: 70px
  }
}
@media (max-width:991px) {
  .background__header {
    height: 600px
  }
}
.background__title {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 20px
}
@media (min-width:481px) {
  .background__title {
    font-size: 40px
  }
}
@media (min-width:768px) {
  .background__title {
    font-size: 50px
  }
}
@media (min-width:1440px) {
  .background__title {
    font-size: 60px;
    margin-bottom: 30px
  }
}
@media (max-width:374px) {
  .background__title {
    font-size: 32px
  }
}
.background__title:last-child {
  margin-bottom: 0
}
.background__button {
  margin-top: 30px
}
@media (min-width:768px) {
  .background__button {
    margin-top: 40px
  }
}
@media (min-width:1440px) {
  .background__button {
    margin-top: 65px
  }
}
.background__content {
  position: relative;
  padding: 40px 0 50px 0
}
@media (min-width:768px) {
  .background__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 60px
  }
}
@media (min-width:992px) {
  .background__content {
    width: 44%;
    flex-shrink: 0;
    padding: 80px 0 130px 50px
  }
}
@media (min-width:1601px) {
  .background__content {
    padding-left: 160px
  }
}
.background__content::after {
  content: "";
  position: absolute;
  inset: 0 -20px 0 -20px;
  background-color: rgba(29,50,73,.78)
}
@media (min-width:992px) {
  .background__content::after {
    left: 0
  }
}
@media (min-width:1440px) {
  .background__content::after {
    right: -2000px
  }
}
@media (max-width:991px) {
  .background__content::after {
    background: linear-gradient(to right,rgba(25,25,25,.57),rgba(25,25,25,0) 80%),rgba(29,50,73,.78)
  }
}
.background__content-img {
  position: absolute;
  top: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left top;
  object-position: left top
}
@media (min-width:992px) {
  .background__content-img {
    display: none
  }
}
@media (max-width:991px) {
  .background__content-img {
    display: block
  }
}
.background__text {
  position: relative;
  z-index: 1
}
.background__subtitle {
  position: relative;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  padding-bottom: 15px;
  margin-bottom: 30px
}
@media (min-width:768px) {
  .background__subtitle {
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 40px
  }
}
@media (min-width:1440px) {
  .background__subtitle {
    padding-bottom: 35px;
    margin-bottom: 65px
  }
}
.background__subtitle::before {
  content: "";
  position: absolute;
  inset: auto -40px 0 -50px;
  height: 1px;
  background-color: rgba(255,255,255,.47)
}
@media (min-width:1601px) {
  .background__subtitle::before {
    inset: auto -2000px 0 -160px
  }
}
.background__legend {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase
}
.background__list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: background-list;
  margin: 20px 0
}
@media (min-width:768px) {
  .background__list {
    margin: 30px 0
  }
}
@media (min-width:1440px) {
  .background__list {
    margin: 50px 0
  }
}
.background__list:last-child {
  margin-bottom: 0
}
.background__list:first-child {
  margin-top: 0
}
.background__item {
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,.47)
}
.background__item::before {
  counter-increment: background-list;
  content: counter(background-list,decimal-leading-zero) ".";
  position: absolute;
  top: 18px;
  left: 0;
  font-size: 14px;
  line-height: 1;
  font-weight: 500
}
.background__item + .background__item {
  margin-top: 20px
}
.background__item.accordion--open .background__item-button {
  font-size: 24px;
  font-weight: 400
}
@media (min-width:768px) {
  .background__item.accordion--open .background__item-button {
    font-size: 30px
  }
}
.background__item-button {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #fff;
  text-align: left;
  transition: all .4s;
  padding: 10px 0 10px 40px
}
@media (min-width:768px) {
  .background__item-button {
    padding: 15px 20px 15px 60px
  }
}
@media (min-width:1280px) {
  .background__item-button {
    padding-left: 85px
  }
}
.background__item-content {
  display: none;
  padding-bottom: 45px;
  padding: 10px 0 20px 0
}
@media (min-width:768px) {
  .background__item-content {
    padding: 15px 20px 45px 60px
  }
}
@media (min-width:1280px) {
  .background__item-content {
    padding-left: 85px
  }
}
.background__item-content img {
  display: block;
  width: 100%;
  max-width: 435px;
  height: auto;
  margin-top: 30px;
  margin-bottom: 30px
}
@media (min-width:768px) {
  .background__item-content img {
    margin-top: 50px;
    margin-bottom: 50px
  }
}
.background__item-content img:last-child {
  margin-bottom: 0
}
.background__item-content img:first-child {
  margin-top: 0
}
.services {
  overflow: hidden;
  padding-bottom: 40px
}
@media (min-width:992px) {
  .services {
    padding-top: 80px;
    padding-bottom: 90px
  }
}
@media (min-width:1440px) {
  .services {
    padding-top: 150px;
    padding-bottom: 120px
  }
}
@media (min-width:992px) {
  .services .container {
    display: flex;
    justify-content: space-between;
    gap: 0 30px
  }
}
.services__header {
  position: relative;
  color: #fff;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 30px
}
@media (min-width:768px) {
  .services__header {
    padding-top: 50px;
    padding-bottom: 40px
  }
}
@media (min-width:992px) {
  .services__header {
    width: 275px;
    flex-shrink: 0;
    padding-top: 0;
    padding-bottom: 60px
  }
}
@media (max-width:991px) {
  .services__header::before {
    content: "";
    position: absolute;
    inset: 0 -20px -100px -20px;
    background: url(/img/services/bg.jpg) right center/auto 100% no-repeat,#e51439;
    z-index: -1
  }
}
.services__title {
  color: #fff;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .services__title {
    margin-bottom: 25px
  }
}
@media (min-width:992px) {
  .services__title {
    margin-bottom: 35px
  }
}
.services__button {
  margin-top: 30px
}
@media (min-width:768px) {
  .services__button {
    margin-left: -5px;
    margin-top: 40px
  }
}
@media (min-width:992px) {
  .services__button {
    margin-top: 60px
  }
}
.services__slider {
  position: relative;
  counter-reset: services-list
}
@media (min-width:992px) {
  .services__slider {
    min-width: 500px;
    width: 100%;
    max-width: 1110px
  }
  .services__slider::before {
    content: "";
    position: absolute;
    inset: -200px calc(100% - 135px) -200px auto;
    width: 2000px;
    background: url(/img/services/bg.jpg) right top/auto 100% no-repeat,#e51439
  }
}
@media (min-width:992px) and (max-width:1439px) {
  .services__slider {
    margin-right: -20px
  }
}
@media (min-width:1440px) and (max-width:1550px) {
  .services__slider {
    margin-right: -40px
  }
}
@media (max-width:991px) {
  .services__slider .swiper {
    overflow: visible
  }
}
@media (min-width:992px) {
  .services__slider .swiper-buttons {
    position: absolute;
    top: 100%;
    left: 43px;
    z-index: 1
  }
}
.services__item {
  position: relative;
  width: 290px;
  min-height: 380px;
  background-color: #f3f5f8;
  padding: 30px 20px
}
@media (min-width:992px) {
  .services__item {
    width: 350px;
    min-height: 460px;
    padding: 40px
  }
}
.services__item::before {
  counter-increment: services-list;
  content: counter(services-list,decimal-leading-zero);
  position: absolute;
  right: 0;
  bottom: -14px;
  font: normal 100px/1 "Gotham Pro";
  color: #fff
}
@media (min-width:992px) {
  .services__item::before {
    font-size: 120px;
    right: 3px;
    bottom: -17px
  }
}
@media (hover:hover) {
  .services__item {
    transition: background-color .4s
  }
  .services__item .services__item-title {
    transition: color .4s
  }
  .services__item:focus-within,
  .services__item:hover {
    background-color: #152638
  }
  .services__item:focus-within .services__item-title,
  .services__item:hover .services__item-title {
    color: #fff
  }
}
.services__item-img {
  display: block;
  width: 100%;
  max-width: 260px;
  height: auto;
  margin-bottom: 30px
}
@media (min-width:768px) {
  .services__item-img {
    margin-bottom: 65px
  }
}
.services__item-title {
  font-weight: 400;
  color: #494e50;
  padding-right: 60px
}
.services__item-more {
  position: absolute;
  inset: 0
}
.contacts {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 700px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: url(/img/contacts/bg.jpg) center right/cover,#10192c;
  padding-top: 150px;
  padding-bottom: 200px
}
@media (min-width:768px) {
  .contacts {
    font-size: 18px
  }
}
@media (min-width:992px) {
  .contacts::after {
    content: "";
    position: absolute;
    inset: 0 0 0 auto;
    aspect-ratio: 84/990;
    background: url(/img/contacts/border-right.jpg) right bottom/cover
  }
}
@media (min-width:1440px) {
  .contacts {
    min-height: 990px;
    padding-top: 100px;
    padding-bottom: 250px
  }
}
.contacts .container {
  position: relative;
  width: 100%
}
@media (min-width:1440px) {
  .contacts .container {
    max-width: 1540px
  }
}
.contacts p span {
  display: block;
  font-size: 14px;
  color: #d3dfff;
  margin-top: 10px
}
@media (min-width:768px) {
  .contacts p span {
    font-size: 16px;
    margin-top: 20px
  }
}
@media (min-width:768px) {
  .contacts p + p {
    margin-top: 30px
  }
}
.contacts__bg-img {
  position: absolute;
  inset: 0
}
@media (min-width:768px) {
  .contacts__bg-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(80% 80% at 20% center,transparent 70%,rgba(17,31,50,.9));
    transform: scale(-1,1);
    box-shadow: inset 0 0 120px 0 #111f32
  }
}
.contacts__bg-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .3
}
@media (min-width:768px) {
  .contacts__bg-img img {
    opacity: .39
  }
}
@media (max-width:767px) {
  .contacts__bg-img img {
    -o-object-position: left top;
    object-position: left top
  }
}
.contacts__title {
  font-size: 40px;
  line-height: 1;
  color: #fff;
  font-weight: 400;
  margin-bottom: 20px
}
@media (min-width:768px) {
  .contacts__title {
    font-size: 60px;
    margin-left: -8px;
    margin-bottom: 25px
  }
}
@media (min-width:992px) {
  .contacts__title {
    font-size: 80px;
    margin-bottom: 35px
  }
}
@media (min-width:1440px) {
  .contacts__title {
    font-size: 100px
  }
}
.contacts__line {
  position: relative;
  min-height: 100px;
  margin-top: 35px;
  z-index: 1
}
@media (min-width:601px) {
  .contacts__line {
    display: flex;
    min-height: 145px
  }
}
@media (min-width:768px) {
  .contacts__line {
    min-height: 145px
  }
}
.contacts__line::before {
  content: "";
  position: absolute;
  inset: 1px -1000px;
  border-top: 1px solid rgba(255,255,255,.47);
  border-bottom: 1px solid rgba(255,255,255,.47);
  z-index: -1
}
@media (min-width:601px) {
  .contacts__line-left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
    padding-right: 30px
  }
}
@media (min-width:768px) {
  .contacts__line-left {
    padding-right: 40px
  }
}
@media (min-width:1201px) {
  .contacts__line-left {
    padding-right: 100px
  }
}
@media (max-width:600px) {
  .contacts__line-left {
    padding: 30px 10px
  }
}
.contacts__line-right {
  position: relative;
  z-index: 1
}
@media (min-width:601px) {
  .contacts__line-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 250px;
    padding-left: 30px
  }
}
@media (min-width:768px) {
  .contacts__line-right {
    width: 320px;
    padding-left: 40px
  }
}
@media (min-width:1201px) {
  .contacts__line-right {
    width: 565px;
    padding-left: 50px
  }
}
@media (max-width:600px) {
  .contacts__line-right {
    padding: 35px 10px
  }
}
.contacts__line-right::before {
  content: "";
  position: absolute;
  inset: 0 -15px;
  background: url(/img/contacts/bg-line.jpg) center left/auto 100% no-repeat,#0b1e3a;
  z-index: -1
}
@media (min-width:601px) {
  .contacts__line-right::before {
    inset: 0 auto 0 0;
    width: 2000px
  }
}
.contacts__phone {
  display: inline-block;
  font-size: 26px;
  line-height: 1;
  font-weight: 400;
  color: #fff
}
@media (min-width:768px) {
  .contacts__phone {
    font-size: 36px
  }
}
@media (hover:hover) {
  .contacts__phone:focus-visible,
  .contacts__phone:hover {
    color: #e51439
  }
}
.contacts__email {
  position: relative;
  display: inline-block;
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  color: #e51439;
  text-decoration: none
}
@media (min-width:768px) {
  .contacts__email {
    font-size: 30px
  }
}
.contacts__email::before {
  content: "";
  position: absolute;
  inset: auto 0 -5px 0;
  height: 1px;
  background-color: #e51439
}
@media (hover:hover) {
  .contacts__email::before {
    transition: background-color .4s
  }
  .contacts__email:focus-visible,
  .contacts__email:hover {
    color: #fff
  }
  .contacts__email:focus-visible::before,
  .contacts__email:hover::before {
    background-color: transparent
  }
}
.product {
  position: relative
}
@media (min-width:992px) {
  .product .container {
    display: flex
  }
}
@media (min-width:1440px) {
  .product .container {
    max-width: 1630px;
    padding-left: 20px;
    padding-right: 20px
  }
}
.product__content {
  padding-bottom: 30px
}
@media (min-width:768px) {
  .product__content {
    padding-bottom: 50px
  }
}
@media (min-width:992px) {
  .product__content {
    min-width: 500px;
    flex-grow: 1;
    padding-bottom: 80px
  }
}
@media (min-width:1440px) {
  .product__content {
    padding-bottom: 120px
  }
}
.product__sliders {
  position: relative
}
@media (min-width:768px) {
  .product__sliders {
    display: flex;
    height: 410px
  }
}
@media (min-width:768px) and (max-width:991px) {
  .product__sliders {
    margin-left: -20px
  }
}
@media (min-width:1440px) {
  .product__sliders::after {
    content: "";
    position: absolute;
    inset: -150px 0 0 auto;
    width: 1px;
    background-color: rgba(21,38,56,.24);
    z-index: 5
  }
}
.product__sliders::before {
  content: "";
  position: absolute;
  inset: 0 -15px;
  background-color: #f3f5f8;
  border-bottom: 1px solid rgba(21,38,56,.24)
}
@media (min-width:768px) {
  .product__sliders::before {
    left: 0;
    right: auto;
    width: 2000px
  }
}
.product__slider--main {
  position: relative
}
@media (min-width:768px) {
  .product__slider--main {
    flex-grow: 1;
    min-width: 400px
  }
}
@media (min-width:1440px) {
  .product__slider--main {
    padding-left: 60px
  }
}
.product__slider--main .swiper {
  max-width: 600px
}
.product__slider--main .swiper-buttons {
  position: absolute;
  left: 0;
  bottom: 5px;
  z-index: 1
}
@media (min-width:768px) {
  .product__slider--main .swiper-buttons {
    left: 20px;
    bottom: 20px
  }
}
@media (min-width:1601px) {
  .product__slider--main .swiper-buttons {
    left: 35px;
    bottom: 45px
  }
}
.product__slider--thumbs {
  position: relative
}
@media (min-width:768px) {
  .product__slider--thumbs {
    width: 150px;
    flex-shrink: 0;
    border-right: 1px solid rgba(21,38,56,.24);
    order: -1;
    z-index: 1
  }
}
@media (min-width:1601px) {
  .product__slider--thumbs {
    width: 200px
  }
}
@media (max-width:767px) {
  .product__slider--thumbs {
    padding: 10px 0
  }
}
@media (min-width:768px) {
  .product__slider--thumbs .swiper {
    width: 114px;
    max-height: 100%;
    padding: 15px 0
  }
}
.product__slider--thumbs .product__slider-item {
  width: 80px;
  height: 80px;
  background-color: #fff;
  border: 1px solid transparent;
  transition: background-color .4s,border-color .4s
}
@media (min-width:481px) {
  .product__slider--thumbs .product__slider-item {
    width: 114px;
    height: 114px
  }
}
@media (hover:hover) {
  .product__slider--thumbs .product__slider-item {
    cursor: pointer
  }
  .product__slider--thumbs .product__slider-item:focus,
  .product__slider--thumbs .product__slider-item:hover {
    border-color: #e70c33
  }
}
.product__slider--thumbs .product__slider-item.swiper-slide-thumb-active {
  background-color: transparent;
  border-color: #e70c33
}
.product__slider--thumbs .product__slider-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.product__slider-pagination {
  width: auto;
  position: absolute;
  inset: -20px -25px auto auto;
  font: normal 250px/1 "Gotham Pro";
  color: #fff
}
@media (min-width:768px) {
  .product__slider-pagination {
    font-size: 300px
  }
}
@media (min-width:1440px) {
  .product__slider-pagination {
    left: -10px;
    right: auto;
    font-size: 370px
  }
}
@media (min-width:1601px) {
  .product__slider-pagination {
    left: 5px
  }
}
.product__slider-item {
  display: flex;
  align-items: center;
  justify-content: center
}
.product__slider-img {
  display: block;
  width: 100%;
  max-width: 600px;
  height: auto
}
.product__inner {
  position: relative
}
@media (min-width:768px) {
  .product__inner {
    display: flex
  }
  .product__inner::before {
    content: "";
    position: absolute;
    inset: auto -20px 0 -20px;
    height: 1px;
    background-color: rgba(21,38,56,.24)
  }
}
@media (min-width:992px) {
  .product__inner {
    max-width: 1000px;
    margin-left: auto;
    border-right: 1px solid rgba(21,38,56,.24);
    padding-left: 30px
  }
  .product__inner::before {
    inset: auto -2000px 0 -100px
  }
}
.product__header {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #040404
}
@media (min-width:768px) {
  .product__header {
    width: 50%;
    font-size: 18px;
    border-right: 1px solid rgba(21,38,56,.24);
    padding: 40px 20px 40px 0
  }
}
@media (min-width:1440px) {
  .product__header {
    font-size: 20px;
    padding: 45px 20px 65px 0
  }
}
@media (min-width:1601px) {
  .product__header {
    width: 48%
  }
}
@media (max-width:767px) {
  .product__header {
    margin-top: 30px
  }
}
.product__legend {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #494e50;
  font-weight: 500;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .product__legend {
    margin-bottom: 20px
  }
}
@media (min-width:1440px) {
  .product__legend {
    margin-bottom: 25px
  }
}
.product__title {
  font-size: 50px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .product__title {
    font-size: 62px;
    margin-bottom: 25px
  }
}
@media (min-width:992px) {
  .product__title {
    font-size: 54px
  }
}
@media (min-width:1201px) {
  .product__title {
    font-size: 70px
  }
}
@media (min-width:1440px) {
  .product__title {
    font-size: 80px
  }
}
.product__button {
  margin-top: 20px
}
@media (min-width:768px) {
  .product__button {
    margin-top: 30px
  }
}
@media (min-width:992px) {
  .product__button {
    margin-top: 40px
  }
}
@media (min-width:1440px) {
  .product__button {
    margin-top: 55px
  }
}
.product__text {
  font-size: 13px;
  line-height: 1.2
}
@media (min-width:768px) {
  .product__text {
    width: 50%;
    padding: 40px 0 40px 30px
  }
  .product__text p {
    max-width: 340px
  }
}
@media (min-width:1440px) {
  .product__text {
    padding: 45px 0 65px 30px
  }
}
@media (min-width:1601px) {
  .product__text {
    width: 52%;
    padding-left: 50px
  }
}
@media (max-width:767px) {
  .product__text {
    margin-top: 30px
  }
}
.product__info {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 5px;
  margin-bottom: 20px
}
@media (min-width:768px) {
  .product__info {
    margin-top: 20px;
    margin-bottom: 40px
  }
}
@media (min-width:1440px) {
  .product__info {
    gap: 30px 60px;
    margin-top: 30px;
    margin-bottom: 50px
  }
}
.product__info:last-child {
  margin-bottom: 0
}
.product__info:first-child {
  margin-top: 0
}
.product__info-item dt {
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  color: #e70c33
}
@media (min-width:481px) {
  .product__info-item dt {
    font-size: 26px
  }
}
@media (min-width:1440px) {
  .product__info-item dt {
    font-size: 30px
  }
}
.product__info-item dt span {
  font-size: 50px
}
@media (min-width:481px) {
  .product__info-item dt span {
    font-size: 60px
  }
}
@media (min-width:1440px) {
  .product__info-item dt span {
    font-size: 72px
  }
}
.product__info-item dd {
  font-size: 14px;
  line-height: 1.2;
  color: #040404
}
@media (min-width:481px) {
  .product__info-item dd {
    font-size: 15px
  }
}
.product__tabs {
  margin-top: 30px
}
@media (min-width:768px) {
  .product__tabs {
    margin-top: 40px
  }
}
@media (min-width:992px) {
  .product__tabs {
    max-width: 1000px;
    padding-left: 30px;
    margin-left: auto;
    margin-top: 45px
  }
}
.product__contents {
  border-top: 1px solid rgba(4,4,4,.6);
  padding-top: 30px;
  margin-top: 25px
}
@media (min-width:1440px) {
  .product__contents {
    padding-top: 40px;
    margin-top: 35px
  }
}
.product__data-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.2
}
@media (min-width:768px) {
  .product__data-item {
    font-size: 16px
  }
}
.product__data-item dt {
  position: relative;
  flex-grow: 1;
  color: #040404;
  padding-right: 10px
}
.product__data-item dt span {
  position: relative;
  background-color: #fff;
  padding-right: 5px
}
.product__data-item dt span span {
  display: block;
  max-width: 360px;
  font-size: 13px;
  color: #494e50;
  margin-top: 10px
}
.product__data-item dt::before {
  content: "";
  position: absolute;
  top: 14px;
  right: 0;
  min-width: 100%;
  border-bottom: 2px solid rgba(175,182,190,.68)
}
.product__data-item dd {
  position: relative;
  width: 44%;
  flex-shrink: 0;
  background-color: #fff;
  padding-left: 15px
}
@media (min-width:601px) {
  .product__data-item dd {
    width: 280px
  }
}
@media (min-width:768px) {
  .product__data-item dd {
    width: 330px
  }
}
.product__data-item + .product__data-item {
  margin-top: 35px
}
.product__description {
  max-width: 810px
}
.product__gallery {
  margin: 30px 0
}
@media (min-width:768px) {
  .product__gallery {
    margin: 40px 0
  }
}
@media (min-width:992px) {
  .product__gallery {
    margin: 60px 0
  }
}
.product__gallery:last-child {
  margin-bottom: 0
}
.product__gallery:first-child {
  margin-top: 0
}
.product__catalog {
  position: relative;
  width: 260px;
  flex-shrink: 0;
  order: -1;
  background-color: #f3f5f8;
  border-left: 1px solid rgba(21,38,56,.24);
  border-right: 1px solid rgba(21,38,56,.24);
  padding-bottom: 120px;
  z-index: 1
}
@media (min-width:1280px) {
  .product__catalog {
    width: 410px
  }
}
@media (min-width:1440px) {
  .product__catalog {
    width: 430px
  }
}
@media (min-width:1601px) {
  .product__catalog {
    width: 500px
  }
}
@media (max-width:991px) {
  .product__catalog {
    display: none
  }
}
.product__catalog::before {
  content: "";
  position: absolute;
  inset: 0 calc(100% + 1px) 0 auto;
  width: 2000px;
  background-color: #f3f5f8
}
.classic-text {
  font-size: 14px;
  line-height: 24px;
  color: #040404
}
@media (min-width:768px) {
  .classic-text {
    font-size: 15px;
    line-height: 30px
  }
}
.classic-text time {
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 1;
  color: #0b0b0b;
  padding-left: 25px;
  margin-bottom: 10px
}
.classic-text time::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #de2042;
  border-radius: 50%
}
.classic-text time + h2,
.classic-text time + h3,
.classic-text time + h4,
.classic-text time + h5,
.classic-text time + h6 {
  margin-top: 0
}
.classic-text h2 {
  margin-top: 35px;
  margin-bottom: 20px
}
@media (min-width:768px) {
  .classic-text h2 {
    margin-top: 50px;
    margin-bottom: 30px
  }
}
@media (min-width:992px) {
  .classic-text h2 {
    margin-top: 60px;
    margin-bottom: 40px
  }
}
.classic-text h3 {
  margin-top: 40px;
  margin-bottom: 20px
}
@media (min-width:768px) {
  .classic-text h3 {
    margin-top: 45px;
    margin-bottom: 25px
  }
}
@media (min-width:992px) {
  .classic-text h3 {
    margin-top: 50px
  }
}
.classic-text h4,
.classic-text h5,
.classic-text h6 {
  margin-top: 35px;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .classic-text h4,
  .classic-text h5,
  .classic-text h6 {
    margin-top: 40px;
    margin-bottom: 20px
  }
}
@media (min-width:992px) {
  .classic-text h4,
  .classic-text h5,
  .classic-text h6 {
    margin-top: 50px;
    margin-bottom: 30px
  }
}
@media (min-width:1440px) {
  .classic-text h4,
  .classic-text h5,
  .classic-text h6 {
    margin-top: 60px
  }
}
.classic-text h2:last-child,
.classic-text h3:last-child,
.classic-text h4:last-child,
.classic-text h5:last-child,
.classic-text h6:last-child {
  margin-bottom: 0
}
.classic-text h2:first-child,
.classic-text h3:first-child,
.classic-text h4:first-child,
.classic-text h5:first-child,
.classic-text h6:first-child {
  margin-top: 0
}
.classic-text h2 + p img,
.classic-text h3 + p img,
.classic-text h4 + p img,
.classic-text h5 + p img,
.classic-text h6 + p img {
  margin-top: 0!important
}
@media (min-width:992px) {
  .classic-text p + p {
    margin-top: 25px
  }
}
@media (min-width:1440px) {
  .classic-text p + p {
    margin-top: 35px
  }
}
.classic-text p img {
  display: block;
  max-width: 100%;
  height: auto
}
.classic-text .gallery {
  margin: 30px 0
}
@media (min-width:768px) {
  .classic-text .gallery {
    margin: 40px 0
  }
}
@media (min-width:992px) {
  .classic-text .gallery {
    margin: 60px 0
  }
}
.classic-text .gallery:last-child {
  margin-bottom: 0
}
.classic-text .gallery:first-child {
  margin-top: 0
}
.product {
  position: relative
}
@media (min-width:992px) {
  .product .container {
    display: flex
  }
}
@media (min-width:1440px) {
  .product .container {
    max-width: 1630px;
    padding-left: 20px;
    padding-right: 20px
  }
}
.product__content {
  padding-bottom: 30px
}
@media (min-width:768px) {
  .product__content {
    padding-bottom: 50px
  }
}
@media (min-width:992px) {
  .product__content {
    min-width: 500px;
    flex-grow: 1;
    padding-bottom: 80px
  }
}
@media (min-width:1440px) {
  .product__content {
    padding-bottom: 120px
  }
}
.product__sliders {
  position: relative
}
@media (min-width:768px) {
  .product__sliders {
    display: flex;
    height: 410px
  }
}
@media (min-width:768px) and (max-width:991px) {
  .product__sliders {
    margin-left: -20px
  }
}
@media (min-width:1440px) {
  .product__sliders::after {
    content: "";
    position: absolute;
    inset: -150px 0 0 auto;
    width: 1px;
    background-color: rgba(21,38,56,.24);
    z-index: 5
  }
}
.product__sliders::before {
  content: "";
  position: absolute;
  inset: 0 -15px;
  background-color: #f3f5f8;
  border-bottom: 1px solid rgba(21,38,56,.24)
}
@media (min-width:768px) {
  .product__sliders::before {
    left: 0;
    right: auto;
    width: 2000px
  }
}
.product__slider--main {
  position: relative
}
@media (min-width:768px) {
  .product__slider--main {
    flex-grow: 1;
    min-width: 400px
  }
}
@media (min-width:1440px) {
  .product__slider--main {
    padding-left: 60px
  }
}
.product__slider--main .swiper {
  max-width: 600px
}
.product__slider--main .swiper-buttons {
  position: absolute;
  left: 0;
  bottom: 5px;
  z-index: 1
}
@media (min-width:768px) {
  .product__slider--main .swiper-buttons {
    left: 20px;
    bottom: 20px
  }
}
@media (min-width:1601px) {
  .product__slider--main .swiper-buttons {
    left: 35px;
    bottom: 45px
  }
}
.product__slider--thumbs {
  position: relative
}
@media (min-width:768px) {
  .product__slider--thumbs {
    width: 150px;
    flex-shrink: 0;
    border-right: 1px solid rgba(21,38,56,.24);
    order: -1;
    z-index: 1
  }
}
@media (min-width:1601px) {
  .product__slider--thumbs {
    width: 200px
  }
}
@media (max-width:767px) {
  .product__slider--thumbs {
    padding: 10px 0
  }
}
@media (min-width:768px) {
  .product__slider--thumbs .swiper {
    width: 114px;
    max-height: 100%;
    padding: 15px 0
  }
}
.product__slider--thumbs .product__slider-item {
  width: 80px;
  height: 80px;
  background-color: #fff;
  border: 1px solid transparent;
  transition: background-color .4s,border-color .4s
}
@media (min-width:481px) {
  .product__slider--thumbs .product__slider-item {
    width: 114px;
    height: 114px
  }
}
@media (hover:hover) {
  .product__slider--thumbs .product__slider-item {
    cursor: pointer
  }
  .product__slider--thumbs .product__slider-item:focus,
  .product__slider--thumbs .product__slider-item:hover {
    border-color: #e70c33
  }
}
.product__slider--thumbs .product__slider-item.swiper-slide-thumb-active {
  background-color: transparent;
  border-color: #e70c33
}
.product__slider--thumbs .product__slider-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.product__slider-pagination {
  width: auto;
  position: absolute;
  inset: -20px -25px auto auto;
  font: normal 250px/1 "Gotham Pro";
  color: #fff
}
@media (min-width:768px) {
  .product__slider-pagination {
    font-size: 300px
  }
}
@media (min-width:1440px) {
  .product__slider-pagination {
    left: -10px;
    right: auto;
    font-size: 370px
  }
}
@media (min-width:1601px) {
  .product__slider-pagination {
    left: 5px
  }
}
.product__slider-item {
  display: flex;
  align-items: center;
  justify-content: center
}
.product__slider-img {
  display: block;
  width: 100%;
  max-width: 600px;
  height: auto
}
.product__inner {
  position: relative
}
@media (min-width:768px) {
  .product__inner {
    display: flex
  }
  .product__inner::before {
    content: "";
    position: absolute;
    inset: auto -20px 0 -20px;
    height: 1px;
    background-color: rgba(21,38,56,.24)
  }
}
@media (min-width:992px) {
  .product__inner {
    max-width: 1000px;
    margin-left: auto;
    border-right: 1px solid rgba(21,38,56,.24);
    padding-left: 30px
  }
  .product__inner::before {
    inset: auto -2000px 0 -100px
  }
}
.product__header {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #040404
}
@media (min-width:768px) {
  .product__header {
    width: 50%;
    font-size: 18px;
    border-right: 1px solid rgba(21,38,56,.24);
    padding: 40px 20px 40px 0
  }
}
@media (min-width:1440px) {
  .product__header {
    font-size: 20px;
    padding: 45px 20px 65px 0
  }
}
@media (min-width:1601px) {
  .product__header {
    width: 48%
  }
}
@media (max-width:767px) {
  .product__header {
    margin-top: 30px
  }
}
.product__legend {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #494e50;
  font-weight: 500;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .product__legend {
    margin-bottom: 20px
  }
}
@media (min-width:1440px) {
  .product__legend {
    margin-bottom: 25px
  }
}
.product__title {
  font-size: 50px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .product__title {
    font-size: 62px;
    margin-bottom: 25px
  }
}
@media (min-width:992px) {
  .product__title {
    font-size: 54px
  }
}
@media (min-width:1201px) {
  .product__title {
    font-size: 70px
  }
}
@media (min-width:1440px) {
  .product__title {
    font-size: 80px
  }
}
.product__button {
  margin-top: 20px
}
@media (min-width:768px) {
  .product__button {
    margin-top: 30px
  }
}
@media (min-width:992px) {
  .product__button {
    margin-top: 40px
  }
}
@media (min-width:1440px) {
  .product__button {
    margin-top: 55px
  }
}
.product__text {
  font-size: 13px;
  line-height: 1.2
}
@media (min-width:768px) {
  .product__text {
    width: 50%;
    padding: 40px 0 40px 30px
  }
  .product__text p {
    max-width: 340px
  }
}
@media (min-width:1440px) {
  .product__text {
    padding: 45px 0 65px 30px
  }
}
@media (min-width:1601px) {
  .product__text {
    width: 52%;
    padding-left: 50px
  }
}
@media (max-width:767px) {
  .product__text {
    margin-top: 30px
  }
}
.product__info {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 5px;
  margin-bottom: 20px
}
@media (min-width:768px) {
  .product__info {
    margin-top: 20px;
    margin-bottom: 40px
  }
}
@media (min-width:1440px) {
  .product__info {
    gap: 30px 60px;
    margin-top: 30px;
    margin-bottom: 50px
  }
}
.product__info:last-child {
  margin-bottom: 0
}
.product__info:first-child {
  margin-top: 0
}
.product__info-item dt {
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  color: #e70c33
}
@media (min-width:481px) {
  .product__info-item dt {
    font-size: 26px
  }
}
@media (min-width:1440px) {
  .product__info-item dt {
    font-size: 30px
  }
}
.product__info-item dt span {
  font-size: 50px
}
@media (min-width:481px) {
  .product__info-item dt span {
    font-size: 60px
  }
}
@media (min-width:1440px) {
  .product__info-item dt span {
    font-size: 72px
  }
}
.product__info-item dd {
  font-size: 14px;
  line-height: 1.2;
  color: #040404
}
@media (min-width:481px) {
  .product__info-item dd {
    font-size: 15px
  }
}
.product__tabs {
  margin-top: 30px
}
@media (min-width:768px) {
  .product__tabs {
    margin-top: 40px
  }
}
@media (min-width:992px) {
  .product__tabs {
    max-width: 1000px;
    padding-left: 30px;
    margin-left: auto;
    margin-top: 45px
  }
}
.product__contents {
  border-top: 1px solid rgba(4,4,4,.6);
  padding-top: 30px;
  margin-top: 25px
}
@media (min-width:1440px) {
  .product__contents {
    padding-top: 40px;
    margin-top: 35px
  }
}
.product__data-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.2
}
@media (min-width:768px) {
  .product__data-item {
    font-size: 16px
  }
}
.product__data-item dt {
  position: relative;
  flex-grow: 1;
  color: #040404;
  padding-right: 10px
}
.product__data-item dt span {
  position: relative;
  background-color: #fff;
  padding-right: 5px
}
.product__data-item dt span span {
  display: block;
  max-width: 360px;
  font-size: 13px;
  color: #494e50;
  margin-top: 10px
}
.product__data-item dt::before {
  content: "";
  position: absolute;
  top: 14px;
  right: 0;
  min-width: 100%;
  border-bottom: 2px solid rgba(175,182,190,.68)
}
.product__data-item dd {
  position: relative;
  width: 44%;
  flex-shrink: 0;
  background-color: #fff;
  padding-left: 15px
}
@media (min-width:601px) {
  .product__data-item dd {
    width: 280px
  }
}
@media (min-width:768px) {
  .product__data-item dd {
    width: 330px
  }
}
.product__data-item + .product__data-item {
  margin-top: 35px
}
.product__description {
  max-width: 810px
}
.product__gallery {
  margin: 30px 0
}
@media (min-width:768px) {
  .product__gallery {
    margin: 40px 0
  }
}
@media (min-width:992px) {
  .product__gallery {
    margin: 60px 0
  }
}
.product__gallery:last-child {
  margin-bottom: 0
}
.product__gallery:first-child {
  margin-top: 0
}
.product__catalog {
  position: relative;
  width: 260px;
  flex-shrink: 0;
  order: -1;
  background-color: #f3f5f8;
  border-left: 1px solid rgba(21,38,56,.24);
  border-right: 1px solid rgba(21,38,56,.24);
  padding-bottom: 120px;
  z-index: 1
}
@media (min-width:1280px) {
  .product__catalog {
    width: 410px
  }
}
@media (min-width:1440px) {
  .product__catalog {
    width: 430px
  }
}
@media (min-width:1601px) {
  .product__catalog {
    width: 500px
  }
}
@media (max-width:991px) {
  .product__catalog {
    display: none
  }
}
.product__catalog::before {
  content: "";
  position: absolute;
  inset: 0 calc(100% + 1px) 0 auto;
  width: 2000px;
  background-color: #f3f5f8
}
/*# sourceMappingURL=maps/style.css.map */