button {
  /* Обнуление */
  padding: 0;
  padding-block: 0;
  padding-inline: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.fx {
  display: flex;
  box-sizing: border-box;
}
.fx-row {
  flex-direction: row;
}
.fx-row-reverse {
  flex-direction: row-reverse;
}
.fx-column {
  flex-direction: column;
}
.fx-column-reverse {
  flex-direction: column-reverse;
}
.fx-row-wrap {
  flex-direction: row;
  flex-flow: row wrap;
}
.fx-jc-start {
  justify-content: start;
}
.fx-jc-center {
  justify-content: center;
}
.fx-jc-end {
  justify-content: end;
}
.fx-jc-space-between {
  justify-content: space-between;
}
.fx-jc-stretch {
  justify-content: stretch;
}
.fx-ai-start {
  align-items: start;
}
.fx-ai-center {
  align-items: center;
}
.fx-ai-end {
  align-items: end;
}
.fx-ai-space-between {
  align-items: space-between;
}
.fx-ai-stretch {
  align-items: stretch;
}

.fx-row > .fx-flex-5, .fx-row-reverse > .fx-flex-5 {
  flex: 1 1 100%;
  max-width: 5%;
}
.fx-row > .fx-flex-10, .fx-row-reverse > .fx-flex-10 {
  flex: 1 1 100%;
  max-width: 10%;
}
.fx-row > .fx-flex-15, .fx-row-reverse > .fx-flex-15 {
  flex: 1 1 100%;
  max-width: 15%;
}
.fx-row > .fx-flex-20, .fx-row-reverse > .fx-flex-20 {
  flex: 1 1 100%;
  max-width: 20%;
}
.fx-row > .fx-flex-25, .fx-row-reverse > .fx-flex-25 {
  flex: 1 1 100%;
  max-width: 25%;
}
.fx-row > .fx-flex-30, .fx-row-reverse > .fx-flex-30 {
  flex: 1 1 100%;
  max-width: 30%;
}
.fx-row > .fx-flex-32, .fx-row-reverse > .fx-flex-32 {
  flex: 1 1 100%;
  max-width: 32%;
}
.fx-row > .fx-flex-33, .fx-row-reverse > .fx-flex-33 {
  flex: 1 1 100%;
  max-width: 33%;
}
.fx-row > .fx-flex-35, .fx-row-reverse > .fx-flex-35 {
  flex: 1 1 100%;
  max-width: 35%;
}
.fx-row > .fx-flex-40, .fx-row-reverse > .fx-flex-40 {
  flex: 1 1 100%;
  max-width: 40%;
}
.fx-row > .fx-flex-43, .fx-row-reverse > .fx-flex-43 {
  flex: 1 1 100%;
  max-width: 43%;
}
.fx-row > .fx-flex-45, .fx-row-reverse > .fx-flex-45 {
  flex: 1 1 100%;
  max-width: 45%;
}
.fx-row > .fx-flex-50, .fx-row-reverse > .fx-flex-50 {
  flex: 1 1 100%;
  max-width: 50%;
}
.fx-row > .fx-flex-52, .fx-row-reverse > .fx-flex-52 {
  flex: 1 1 100%;
  max-width: 52%;
}
.fx-row > .fx-flex-55, .fx-row-reverse > .fx-flex-55 {
  flex: 1 1 100%;
  max-width: 55%;
}
.fx-row > .fx-flex-60, .fx-row-reverse > .fx-flex-60 {
  flex: 1 1 100%;
  max-width: 60%;
}
.fx-row > .fx-flex-65, .fx-row-reverse > .fx-flex-65 {
  flex: 1 1 100%;
  max-width: 65%;
}
.fx-row > .fx-flex-65, .fx-row-reverse > .fx-flex-65 {
  flex: 1 1 100%;
  max-width: 65%;
}
.fx-row > .fx-flex-65, .fx-row-reverse > .fx-flex-65 {
  flex: 1 1 100%;
  max-width: 65%;
}
.fx-row > .fx-flex-65, .fx-row-reverse > .fx-flex-65 {
  flex: 1 1 100%;
  max-width: 65%;
}
.fx-row > .fx-flex-70, .fx-row-reverse > .fx-flex-70 {
  flex: 1 1 100%;
  max-width: 70%;
}
.fx-row > .fx-flex-75, .fx-row-reverse > .fx-flex-75 {
  flex: 1 1 100%;
  max-width: 75%;
}
.fx-row > .fx-flex-80, .fx-row-reverse > .fx-flex-80 {
  flex: 1 1 100%;
  max-width: 80%;
}
.fx-row > .fx-flex-85, .fx-row-reverse > .fx-flex-85 {
  flex: 1 1 100%;
  max-width: 85%;
}
.fx-row > .fx-flex-90, .fx-row-reverse > .fx-flex-90 {
  flex: 1 1 100%;
  max-width: 90%;
}
.fx-row > .fx-flex-95, .fx-row-reverse > .fx-flex-95 {
  flex: 1 1 100%;
  max-width: 95%;
}
.fx-row > .fx-flex-100, .fx-row-reverse > .fx-flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
}

.fx-column > .fx-flex-5, .fx-column-reverse > .fx-flex-5 {
  flex: 1 1 100%;
  max-height: 5%;
}
.fx-column > .fx-flex-10, .fx-column-reverse > .fx-flex-10 {
  flex: 1 1 100%;
  max-height: 10%;
}
.fx-column > .fx-flex-15, .fx-column-reverse > .fx-flex-15 {
  flex: 1 1 100%;
  max-height: 15%;
}
.fx-column > .fx-flex-20, .fx-column-reverse > .fx-flex-20 {
  flex: 1 1 100%;
  max-height: 20%;
}
.fx-column > .fx-flex-25, .fx-column-reverse > .fx-flex-25 {
  flex: 1 1 100%;
  max-height: 25%;
}
.fx-column > .fx-flex-30, .fx-column-reverse > .fx-flex-30 {
  flex: 1 1 100%;
  max-height: 30%;
}
.fx-column > .fx-flex-32, .fx-column-reverse > .fx-flex-32 {
  flex: 1 1 100%;
  max-height: 32%;
}
.fx-column > .fx-flex-35, .fx-column-reverse > .fx-flex-35 {
  flex: 1 1 100%;
  max-height: 35%;
}
.fx-column > .fx-flex-40, .fx-column-reverse > .fx-flex-40 {
  flex: 1 1 100%;
  max-height: 40%;
}
.fx-column > .fx-flex-45, .fx-column-reverse > .fx-flex-45 {
  flex: 1 1 100%;
  max-height: 45%;
}
.fx-column > .fx-flex-50, .fx-column-reverse > .fx-flex-50 {
  flex: 1 1 100%;
  max-height: 50%;
}
.fx-column > .fx-flex-55, .fx-column-reverse > .fx-flex-55 {
  flex: 1 1 100%;
  max-height: 55%;
}
.fx-column > .fx-flex-60, .fx-column-reverse > .fx-flex-60 {
  flex: 1 1 100%;
  max-height: 60%;
}
.fx-column > .fx-flex-65, .fx-column-reverse > .fx-flex-65 {
  flex: 1 1 100%;
  max-height: 65%;
}
.fx-column > .fx-flex-70, .fx-column-reverse > .fx-flex-70 {
  flex: 1 1 100%;
  max-height: 70%;
}
.fx-column > .fx-flex-75, .fx-column-reverse > .fx-flex-75 {
  flex: 1 1 100%;
  max-height: 75%;
}
.fx-column > .fx-flex-80, .fx-column-reverse > .fx-flex-80 {
  flex: 1 1 100%;
  max-height: 80%;
}
.fx-column > .fx-flex-85, .fx-column-reverse > .fx-flex-85 {
  flex: 1 1 100%;
  max-height: 85%;
}
.fx-column > .fx-flex-90, .fx-column-reverse > .fx-flex-90 {
  flex: 1 1 100%;
  max-height: 90%;
}
.fx-column > .fx-flex-95, .fx-column-reverse > .fx-flex-95 {
  flex: 1 1 100%;
  max-height: 95%;
}
.fx-column > .fx-flex-100, .fx-column-reverse > .fx-flex-100 {
  flex: 1 1 100%;
  max-height: 100%;
}

.fx-row.fx-gap-3 > *:not(:last-child) {
  margin-right: 3px;
}

.fx-row.fx-gap-4 > *:not(:last-child) {
  margin-right: 4px;
}

.fx-row.fx-gap-5 > *:not(:last-child) {
  margin-right: 5px;
}

.fx-row.fx-gap-8 > *:not(:last-child) {
  margin-right: 8px;
}

.fx-row.fx-gap-10 > *:not(:last-child) {
  margin-right: 10px;
}

.fx-row.fx-gap-12 > *:not(:last-child) {
  margin-right: 12px;
}

.fx-row.fx-gap-14 > *:not(:last-child) {
  margin-right: 14px;
}

.fx-row.fx-gap-15 > *:not(:last-child) {
  margin-right: 15px;
}

.fx-row.fx-gap-16 > *:not(:last-child) {
  margin-right: 16px;
}

.fx-row.fx-gap-18 > *:not(:last-child) {
  margin-right: 18px;
}

.fx-row.fx-gap-20 > *:not(:last-child) {
  margin-right: 20px;
}

.fx-row.fx-gap-24 > *:not(:last-child) {
  margin-right: 24px;
}

.fx-row.fx-gap-25 > *:not(:last-child) {
  margin-right: 25px;
}

.fx-row.fx-gap-32 > *:not(:last-child) {
  margin-right: 32px;
}

.fx-row.fx-gap-35 > *:not(:last-child) {
  margin-right: 35px;
}

.fx-row.fx-gap-36 > *:not(:last-child) {
  margin-right: 36px;
}

.fx-row.fx-gap-42 > *:not(:last-child) {
  margin-right: 42px;
}

.fx-row.fx-gap-48 > *:not(:last-child) {
  margin-right: 48px;
}

.fx-row.fx-gap-50 > *:not(:last-child) {
  margin-right: 50px;
}

.fx-row.fx-gap-52 > *:not(:last-child) {
  margin-right: 52px;
}

.fx-row.fx-gap-56 > *:not(:last-child) {
  margin-right: 56px;
}

.fx-row.fx-gap-64 > *:not(:last-child) {
  margin-right: 64px;
}

.fx-row.fx-gap-104 > *:not(:last-child), .fx-row-reverse.fx-gap-104 > *:not(:first-child) {
  margin-right: 104px;
}

.fx-row.fx-gap-136 > *:not(:last-child) {
  margin-right: 136px;
}

.fx-column.fx-gap-3 > *:not(:last-child) {
  margin-bottom: 3px;
}

.fx-column.fx-gap-4 > *:not(:last-child) {
  margin-bottom: 4px;
}

.fx-column.fx-gap-5 > *:not(:last-child) {
  margin-bottom: 5px;
}

.fx-column.fx-gap-8 > *:not(:last-child) {
  margin-bottom: 8px;
}

.fx-column.fx-gap-10 > *:not(:last-child) {
  margin-bottom: 10px;
}

.fx-column.fx-gap-12 > *:not(:last-child) {
  margin-bottom: 12px;
}

.fx-column.fx-gap-14 > *:not(:last-child) {
  margin-bottom: 14px;
}

.fx-column.fx-gap-16 > *:not(:last-child) {
  margin-bottom: 16px;
}

.fx-column.fx-gap-18 > *:not(:last-child) {
  margin-bottom: 18px;
}

.fx-column.fx-gap-20 > *:not(:last-child) {
  margin-bottom: 20px;
}

.fx-column.fx-gap-24 > *:not(:last-child) {
  margin-bottom: 24px;
}

.fx-column.fx-gap-25 > *:not(:last-child) {
  margin-bottom: 25px;
}

.fx-column.fx-gap-30 > *:not(:last-child) {
  margin-bottom: 30px;
}

.fx-column.fx-gap-32 > *:not(:last-child) {
  margin-bottom: 32px;
}

.fx-column.fx-gap-35 > *:not(:last-child) {
  margin-bottom: 35px;
}

.fx-column.fx-gap-42 > *:not(:last-child) {
  margin-bottom: 42px;
}

.fx-column.fx-gap-48 > *:not(:last-child) {
  margin-bottom: 48px;
}

.fx-column.fx-gap-50 > *:not(:last-child) {
  margin-bottom: 50px;
}

.fx-column.fx-gap-52 > *:not(:last-child) {
  margin-bottom: 52px;
}


.fx-column.fx-gap-64 > *:not(:last-child) {
  margin-bottom: 64px;
}

.fx-column.fx-gap-142 > *:not(:last-child) {
  margin-bottom: 142px;
}

@font-face {
  font-family: Panton;
  font-weight: 200;
  src: url("../../assets/fonts/Panton/WEB/Panton-Thin.eot") format("eot"), url("../../assets/fonts/Panton/WEB/Panton-Thin.woff") format("woff"), url("../../assets/fonts/Panton/Panton-Thin.ttf") format("truetype");
}
@font-face {
  font-family: Panton;
  font-weight: 300;
  src: url("../../assets/fonts/Panton/WEB/Panton-ExtraLight.eot") format("eot"), url("../../assets/fonts/Panton/WEB/Panton-ExtraLight.woff") format("woff"), url("../../assets/fonts/Panton/Panton-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: Panton;
  font-weight: 400;
  src: url("../../assets/fonts/Panton/WEB/Panton-Light.eot") format("eot"), url("../../assets/fonts/Panton/WEB/Panton-Light.woff") format("woff"), url("../../assets/fonts/Panton/Panton-Light.ttf") format("truetype");
}
@font-face {
  font-family: Panton;
  font-weight: 500;
  src: url("../../assets/fonts/Panton/WEB/Panton-Regular.eot") format("eot"), url("../../assets/fonts/Panton/WEB/Panton-Regular.woff") format("woff"), url("../../assets/fonts/Panton/Panton-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Panton;
  font-weight: 600;
  src: url("../../assets/fonts/Panton/WEB/Panton-SemiBold.eot") format("eot"), url("../../assets/fonts/Panton/WEB/Panton-SemiBold.woff") format("woff"), url("../../assets/fonts/Panton/Panton-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: Panton;
  font-weight: 700;
  src: url("../../assets/fonts/Panton/WEB/Panton-Bold.eot") format("eot"), url("../../assets/fonts/Panton/WEB/Panton-Bold.woff") format("woff"), url("../../assets/fonts/Panton/Panton-Bold.ttf") format("truetype");
}
@font-face {
  font-family: Panton;
  font-weight: 800;
  src: url("../../assets/fonts/Panton/WEB/Panton-ExtraBold.eot") format("eot"), url("../../assets/fonts/Panton/WEB/Panton-ExtraBold.woff") format("woff"), url("../../assets/fonts/Panton/Panton-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: Panton;
  font-weight: 900;
  src: url("../../assets/fonts/Panton/WEB/Panton-Black.eot") format("eot"), url("../../assets/fonts/Panton/WEB/Panton-Black.woff") format("woff"), url("../../assets/fonts/Panton/Panton-Black.ttf") format("truetype");
}
@font-face {
  font-family: Panton Narrow;
  font-weight: 200;
  src: url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-Thin.woff2") format("woff2"), url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-Thin.woff") format("woff"), url("../../assets/fonts/Panton/PantonNarrow-Trial-Thin.ttf") format("truetype");
}
@font-face {
  font-family: Panton Narrow;
  font-weight: 300;
  src: url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-ExtraLight.woff2") format("woff2"), url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-ExtraLight.woff") format("woff"), url("../../assets/fonts/Panton/PantonNarrow-Trial-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: Panton Narrow;
  font-weight: 400;
  src: url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-Light.woff2") format("woff2"), url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-Light.woff") format("woff"), url("../../assets/fonts/Panton/PantonNarrow-Trial-Light.ttf") format("truetype");
}
@font-face {
  font-family: Panton Narrow;
  font-weight: 500;
  src: url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-Regular.woff2") format("woff2"), url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-Regular.woff") format("woff"), url("../../assets/fonts/Panton/PantonNarrow-Trial-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Panton Narrow;
  font-weight: 600;
  src: url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-SemiBold.woff") format("woff"), url("../../assets/fonts/Panton/PantonNarrow-Trial-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: Panton Narrow;
  font-weight: 700;
  src: url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-Bold.woff2") format("woff2"), url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-Bold.woff") format("woff"), url("../../assets/fonts/Panton/PantonNarrow-Trial-Bold.ttf") format("truetype");
}
@font-face {
  font-family: Panton Narrow;
  font-weight: 800;
  src: url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-ExtraBold.woff2") format("woff2"), url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-ExtraBold.woff") format("woff"), url("../../assets/fonts/Panton/PantonNarrow-Trial-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: Panton Narrow;
  font-weight: 900;
  src: url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-Black.woff2") format("woff2"), url("../../assets/fonts/Panton/WEB/PantonNarrow-Trial-Black.woff") format("woff"), url("../../assets/fonts/Panton/PantonNarrow-Trial-Black.ttf") format("truetype");
}
.tile, .tooltip .tooltiptext {
  background-color: #FFFFFF;
  border-radius: 24px;
  box-shadow: 0px 16px 64px 16px #E4E4E4;
}

.tile-flat {
  background-color: transparent;
  border-radius: 24px;
  border: 1px solid #E4E4E4;
}

.button, .dark-button, .filled-button {
  font-family: Panton Narrow;
  white-space: nowrap;
  padding: 16px 20px;
  border: 1px solid #E63621;
  border-radius: 40px;
  color: #767E96;
  background-color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.button:hover, .dark-button:hover, .filled-button:hover {
  background-color: #E63621;
  color: #FFFFFF;
}
.button:active, .dark-button:active, .filled-button:active {
  background-color: rgb(189.1044534413, 39.183805668, 21.2955465587);
}

.filled-button {
  background-color: #E63621;
  border: 1px solid #E63621;
  color: #FFFFFF;
}
.filled-button:hover {
  background-color: rgb(212.7425101215, 44.0817813765, 23.9574898785);
  border: 1px solid rgb(212.7425101215, 44.0817813765, 23.9574898785);
}
.filled-button:active {
  background-color: rgb(189.1044534413, 39.183805668, 21.2955465587);
  border: 1px solid rgb(189.1044534413, 39.183805668, 21.2955465587);
}

.dark-button {
  background-color: #232733;
  border: 1px solid #232733;
  color: #FFFFFF;
}
.dark-button:hover {
  background-color: rgb(52.2558139535, 58.2279069767, 76.1441860465);
  border: 1px solid rgb(52.2558139535, 58.2279069767, 76.1441860465);
}
.dark-button:active {
  background-color: rgb(69.511627907, 77.4558139535, 101.288372093);
  border: 1px solid rgb(69.511627907, 77.4558139535, 101.288372093);
}

.button.disabled, .disabled.dark-button, .filled-button.disabled {
  pointer-events: none !important;
  background-color: #E4E4E4 !important;
  border: 1px solid #E4E4E4 !important;
}

.button.stretch, .stretch.dark-button, .filled-button.stretch {
  width: 100%;
}

.tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.tooltip .tooltiptext {
  --w: 120px;
  visibility: hidden;
  width: var(--w);
  text-align: center;
  padding: 16px;
  border-radius: 6px;
  position: absolute;
  top: calc(100% + 12px);
  z-index: 1;
}
.tooltip .tooltiptext__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 4px;
}
.tooltip .tooltiptext__close:before, .tooltip .tooltiptext__close:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background: #767E96;
}
.tooltip .tooltiptext__close:before {
  transform: rotate(45deg);
}
.tooltip .tooltiptext__close:after {
  transform: rotate(-45deg);
}
.tooltip .tooltiptext::before {
  position: absolute;
  content: "";
  top: -4px;
  left: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background-color: #FFFFFF;
  transform: rotate(45deg);
  z-index: -1;
}

.input {
  width: 100%;
  position: relative;
}
.input__label {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  text-align: start;
  color: #767E96;
}
.input__input {
  width: -webkit-fill-available;
  padding: 10px 16px;
  border: 2px solid #FFFFFF;
  height: 32px;
  border-radius: 16px;
  font-family: Panton;
  font-size: 18px;
  font-weight: 400;
  outline: none;
  transition: all 0.3s ease-in-out;
  background-color: #FFFFFF;
}
.input__input:focus {
  border-color: #E63621;
}
.input__input:valid {
  border-color: #E63621;
}
.input__clean {
  display: none;
  width: 16px;
  height: 16px;
  padding: 4px;
  background-color: #FFFFFF;
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
  transition: all 0.3s ease-in-out;
}
.input__clean:before, .input__clean:after {
  top: 11px;
  right: 4px;
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background: #767E96;
}
.input__error {
  font-size: 12px;
  font-weight: 400;
  color: #FF6628;
  margin-top: 4px;
  width: 100%;
}

.input__input.invalid {
  border-color: #FF6628;
}

.input__input:valid + .input__clean {
  display: flex;
}
.input__input:valid + .input__clean:before {
  animation: clean-rotate1 0.3s ease-in-out forwards;
}
.input__input:valid + .input__clean:after {
  animation: clean-rotate2 0.3s ease-in-out forwards;
}

input.input__input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid #FFFFFF;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
input.input__input[type=checkbox]:hover:not(:disabled) {
  border-color: #E63621;
}
input.input__input[type=checkbox]:checked {
  background-color: #E63621;
  border-color: #E63621;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

@keyframes clean-rotate1 {
  from {
    transform: rotate(-45deg);
  }
  to {
    transform: rotate(45deg);
  }
}
@keyframes clean-rotate2 {
  from {
    transform: rotate(45deg);
  }
  to {
    transform: rotate(-45deg);
  }
}
.switch, .switch-arrow {
  position: absolute;
  top: 22px;
  right: 24px;
}

.switch {
  opacity: 0;
  width: calc(100% - 32px);
  height: 24px;
  cursor: pointer;
  z-index: 2;
}
.switch:hover + .switch-arrow:after, .switch .switch-arrow:before {
  background: #C68879;
}
.switch:hover + .switch-arrow:before {
  background: #C68879;
}
.switch:checked + .switch-arrow:after {
  background: #C68879;
  transform: rotate(-45deg);
}
.switch:checked + .switch-arrow:before {
  background: #C68879;
  transform: rotate(45deg);
}

.switch-arrow {
  width: calc(100% - 32px);
  height: 24px;
  z-index: 1;
}
.switch-arrow:before, .switch-arrow:after {
  top: 11px;
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background: #767E96;
  transition: all 0.3s ease-in-out;
}
.switch-arrow:after {
  transform: rotate(45deg);
  right: 11px;
}
.switch-arrow:before {
  transform: rotate(-45deg);
  right: 3px;
}

.datepicker-container {
  max-width: 249px;
  min-width: 249px;
  position: relative;
}
.datepicker-container .date-input {
  width: 100%;
  padding: 10px 16px;
  border: 2px solid #F7F7F7;
  height: 56px;
  border-radius: 8px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  transition: all 0.3s ease-in-out;
  background-color: #F7F7F7;
  cursor: pointer;
}
.datepicker-container .date-input:focus {
  background-color: #FFFFFF;
  border-color: #C68879;
}
.datepicker-container .date-input:valid {
  background-color: #FFFFFF;
  border-color: #C68879;
}
.datepicker-container .date-input-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  pointer-events: none;
}

.datepicker {
  width: 249px;
}
.datepicker table {
  width: 239px;
}
.datepicker table tbody span {
  border-radius: 12px !important;
  transition: all 0.3s ease-in-out;
}
.datepicker table tbody .active {
  background-color: #C68879 !important;
  background-image: none !important;
  transition: all 0.3s ease-in-out;
}

.datepicker-dropdown.datepicker-orient-bottom::after, .datepicker-dropdown.datepicker-orient-bottom::before {
  display: none;
}

.date-input::before {
  width: 24px;
  height: 24px;
  cursor: pointer;
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%207C4%206.46957%204.21071%205.96086%204.58579%205.58579C4.96086%205.21071%205.46957%205%206%205H18C18.5304%205%2019.0391%205.21071%2019.4142%205.58579C19.7893%205.96086%2020%206.46957%2020%207V19C20%2019.5304%2019.7893%2020.0391%2019.4142%2020.4142C19.0391%2020.7893%2018.5304%2021%2018%2021H6C5.46957%2021%204.96086%2020.7893%204.58579%2020.4142C4.21071%2020.0391%204%2019.5304%204%2019V7Z%22%20stroke%3D%22%2311142D%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%203V7%22%20stroke%3D%22%2311142D%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%203V7%22%20stroke%3D%22%2311142D%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%2011H20%22%20stroke%3D%22%2311142D%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  right: 10px;
  top: 50%;
  pointer-events: none;
}

.datepicker table tr td.active.active {
  background-color: red !important;
}

.table-condensed > thead > tr > th {
  transition: all 0.3s ease-in-out;
}

.table-condensed > thead > tr:nth-child(2) > .prev {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg%20transform%3D%22rotate%2890%29%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%2010L12%2016L18%2010%22%20stroke%3D%22%23808191%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
}
.table-condensed > thead > tr:nth-child(2) > .prev:hover {
  background-color: #eee !important;
}

.table-condensed > thead > tr:nth-child(2) > .next {
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg%20transform%3D%22rotate%28270%29%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%2010L12%2016L18%2010%22%20stroke%3D%22%23808191%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
}
.table-condensed > thead > tr:nth-child(2) > .next:hover {
  background-color: #eee !important;
}

.table {
  width: 100%;
}
.table__row-delimeter .table__th, .table__row-delimeter .table__tr {
  border-bottom: 1px solid #E4E4E4;
}
.table__th {
  width: 100%;
  padding: 13px 0;
}
.table__th-mobile {
  display: none;
}
.table__tr {
  width: 100%;
  padding: 20px 0;
}
.table__tf {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #E4E4E4;
}

@media screen and (max-width: 610px) {
  .table .table__th {
    display: none;
  }
  .table__row-delimeter .table__th > * {
    display: none;
  }
  .table__th-mobile {
    display: flex;
  }
  .table__tr, .table__td, .table__tf {
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .table__tr > *:not(:last-child), .table__tf > *:not(:last-child) {
    margin-bottom: 8px;
  }
  .table__td {
    max-width: 100% !important;
  }
  .table__td > *:not(:last-child) {
    margin-bottom: 4px;
  }
  .tooltip .tooltiptext {
    top: unset;
    left: calc(100% + 24px);
  }
  .tooltip .tooltiptext::before {
    top: calc(50% - 8px);
    left: -4px;
  }
}
.gray-text {
  font-size: 14px;
  color: #767E96;
}

.green-text {
  color: #4FBF67 !important;
}

.orange-text {
  color: #FF6628;
}

.text {
  color: #11142D;
  margin: 0;
}

.action-text {
  font-size: 14px;
  color: #C68879;
  cursor: pointer;
  background-image: linear-gradient(#C68879, #C68879);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.3s;
}
.action-text:hover {
  background-size: 100% 2px;
}

body {
  background-color: #FFFFFF;
  display: flex;
  justify-content: start;
  align-items: start;
  height: 100%;
  margin: 0;
  font-family: Panton !important;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.15 !important;
  color: #767E96;
}

*, ::after, ::before {
  box-sizing: none !important;
}

button, span {
  font-family: Panton;
}

.page-container {
  width: 100%;
  height: 100%;
}

.header {
  position: fixed;
  background-color: #FFFFFF;
  top: 0;
  left: 0;
  min-height: 112px;
  max-height: 112px;
  width: 100%;
  padding: 16px 48px;
  box-sizing: border-box;
  z-index: 100;
}
.header .logo {
  width: 107px;
  padding: 0 48px;
}
.header .logo img {
  width: 100%;
}
.header .contacts-icon {
  display: none;
  cursor: pointer;
}
.header .menu-icon {
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
  display: none;
}
.header .menu-icon::before, .header .menu-icon::after {
  content: "";
  width: 28px;
  height: 1px;
  background: #767E96;
  position: absolute;
  left: 6px;
  transition: all 0.3s ease-in-out;
}
.header .menu-icon::before {
  top: 14px;
}
.header .menu-icon::after {
  bottom: 14px;
}

.menu-switch {
  display: none;
}
.menu-switch:checked ~ .header .menu {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 84px;
  z-index: 10;
  transition: width 0.3s ease-in-out;
}
.menu-switch:checked ~ .header .menu__items {
  transition: width 0.3s ease-in-out;
  width: calc(100% - 32px);
}
.menu-switch:checked ~ .header .menu-icon::before, .menu-switch:checked ~ .header .menu-icon::after {
  background: #E63621;
  transition: all 0.3s ease-in-out;
}
.menu-switch:checked ~ .header .menu-icon::before {
  top: 20px;
  transform: rotate(45deg);
}
.menu-switch:checked ~ .header .menu-icon::after {
  bottom: 19px;
  transform: rotate(-45deg);
}

.menu {
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.menu__close {
  display: none;
  padding: 16px;
  cursor: pointer;
}
.menu__items__item {
  transition: width 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  padding: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #767E96;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
.menu__items__item:hover {
  color: #E63621;
}
.menu__items__item.selected {
  color: #E63621;
  transition: all 0.3s ease-in-out;
}
.menu__items__item.selected::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 4px;
  border-radius: 16px;
  background: #E63621;
  bottom: -4px;
  transition: all 0.3s ease-in-out;
}
.menu .button {
  display: none;
}
.menu__contact {
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
  color: #767E96;
  white-space: nowrap;
}

@media screen and (max-width: 1440px) {
  .header {
    justify-content: center;
    min-height: 84px;
    max-height: 84px;
    padding: 8px 48px;
  }
  .header .logo {
    width: 101px;
  }
  .header .button {
    display: none;
  }
  .header .contacts-icon {
    display: flex;
  }
  .header .menu-icon {
    display: flex;
  }
  .header .menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: -100vh;
    transition: all 0.3s ease-in-out;
    background-color: #FFFFFF;
    flex-direction: column-reverse;
    justify-content: start;
    align-items: center;
    z-index: 10;
  }
  .header .menu > *:not(:last-child) {
    margin-right: 0;
  }
  .header .menu > *:not(:first-child) {
    margin-bottom: 56px;
  }
  .header .menu .button {
    display: flex;
  }
  .header .menu__contact {
    margin-top: 24px;
  }
  .header .menu__items {
    flex-direction: column;
    justify-content: start;
    align-items: center;
  }
  .header .menu__items__item::after {
    display: none;
  }
}
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  overflow: hidden;
  border-bottom: 10px solid #E63621;
}

.page-container {
  margin-top: 112px;
  max-width: 1440px;
}

.blind {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: calc(100% + 84px);
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
}
.blind .message-container {
  background-color: #FFFFFF;
  padding: 32px;
  border-radius: 40px;
  max-width: 500px;
  height: 300px;
  text-align: center;
  position: relative;
}
.blind .message-container > * {
  width: 100%;
}
.blind .message-container h1 {
  font-size: 36px;
  margin: 0;
}
.blind .message-container span {
  font-size: 24px;
}
.blind .message-container .number {
  font-size: 32px;
  color: #E63621;
}
.blind .message-container .error {
  font-size: 24px;
  color: #E63621;
}
.blind .message-container p {
  font-size: 22px;
  margin: 0;
}
.blind .message-container .close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  margin: 0;
  cursor: pointer;
}
.blind .message-container .close::before, .blind .message-container .close::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 5px;
  width: 28px;
  height: 1px;
  background: #E63621;
  cursor: pointer;
}
.blind .message-container .close::before {
  transform: rotate(45deg);
}
.blind .message-container .close::after {
  transform: rotate(-45deg);
}

.section-1 {
  margin: 0 16px 16px 16px;
  position: relative;
  min-height: 560px;
  width: calc(100% - 32px);
  overflow: hidden;
  border-radius: 40px;
}
.section-1 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-1 .content {
  position: absolute;
  bottom: 64px;
  color: #FFFFFF;
  width: calc(100% - 96px);
}
.section-1 .content .title {
  max-width: 730px;
}
.section-1 .content h1 {
  font-family: Panton Narrow;
  font-size: 72px;
  font-weight: 700;
}
.section-1 .content p {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
}
.section-1 .content .actions {
  margin-bottom: 26px;
}
.section-1 .content .actions .filled-button, .section-1 .content .actions .dark-button {
  font-size: 16px;
}

.section-2 {
  padding: 80px 48px;
  width: 100%;
}
.section-2 h1 {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
}
.section-2 h1:first-child {
  color: #E63621;
}
.section-2 p {
  margin: 0;
}

.background-wrapper {
  background-color: #F5F7FB;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-3,
.section-4,
.section-5,
.section-6 {
  max-width: 1440px;
}
.gallery-wrapper{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE и Edge */
}
.gallery-wrapper::-webkit-scrollbar{
  display: none;
}
.gallery {
  position: relative;
  width: 100%;
  height: clamp(
    386px,
    calc(386px + (892 - 386) * ((100vw - 390px) / (1440 - 390))),
    892px
  );
  max-width: clamp(
    775px,
    calc(775px + (1785 - 775) * ((100vw - 390px) / (1440 - 390))),
    1785px
  );
}
.gallery__image {
  border-radius: 24px;
  object-fit: cover;
}
.gallery__image_1{
  position: absolute;
  width: clamp(
    158.49px,
    calc(158.49px + (366 - 158.49) * ((100vw - 390px) / (1440 - 390))),
    366px
  );
  height: clamp(
    117.27px,
    calc(117.27px + (271 - 117.27) * ((100vw - 390px) / (1440 - 390))),
    271px
  );
  left: clamp(
    86.24px,
    calc(86.24px + (195 - 86.24) * ((100vw - 390px) / (1440 - 390))),
    195px
  );
  top: clamp(
    -0.39px,
    calc(-0.39px + (-0.65 - -0.39) * ((100vw - 390px) / (1440 - 390))),
    -0.65px
  );
}
.gallery__image_2{
  position: absolute;
  border-radius: 32px;
  width: clamp(
    187.07px,
    calc(187.07px + (432 - 187.07) * ((100vw - 390px) / (1440 - 390))),
    432px
  );
  height: clamp(
    229.78px,
    calc(229.78px + (531 - 229.78) * ((100vw - 390px) / (1440 - 390))),
    531px
  );
  left: clamp(
    288.46px,
    calc(288.46px + (662 - 288.46) * ((100vw - 390px) / (1440 - 390))),
    662px
  );
  top: clamp(
    11.03px,
    calc(11.03px + (26.61 - 11.03) * ((100vw - 390px) / (1440 - 390))),
    26.61px
  );
}
.gallery__image_3{
  position: absolute;
  width: clamp(
    103.93px,
    calc(103.93px + (240 - 103.93) * ((100vw - 390px) / (1440 - 390))),
    240px
  );
  height: clamp(
    103.93px,
    calc(103.93px + (240 - 103.93) * ((100vw - 390px) / (1440 - 390))),
    240px
  );
  left: clamp(
    494.16px,
    calc(494.16px + (1137 - 494.16) * ((100vw - 390px) / (1440 - 390))),
    1137px
  );
  top: clamp(
    0.65px,
    calc(0.65px + (-0.39 - 0.65) * ((100vw - 390px) / (1440 - 390))),
    -0.39px
  );
}
.gallery__image_4{
  position: absolute;
  width: clamp(
    161.52px,
    calc(161.52px + (373 - 161.52) * ((100vw - 390px) / (1440 - 390))),
    373px
  );
  height: clamp(
    106.89px,
    calc(106.89px + (247 - 106.89) * ((100vw - 390px) / (1440 - 390))),
    247px
  );
  left: clamp(
    613.24px,
    calc(613.24px + (1412 - 613.24) * ((100vw - 390px) / (1440 - 390))),
    1412px
  );
  top: clamp(
    32.67px,
    calc(32.67px + (76.61 - 32.67) * ((100vw - 390px) / (1440 - 390))),
    76.61px
  );
}
.gallery__image_5{
  position: absolute;
  width: clamp(
    118.22px,
    calc(118.22px + (273 - 118.22) * ((100vw - 390px) / (1440 - 390))),
    273px
  );
  height: clamp(
    106.89px,
    calc(106.89px + (247 - 106.89) * ((100vw - 390px) / (1440 - 390))),
    247px
  );
  left: clamp(
    0px,
    calc(0px + (0 - 0) * ((100vw - 390px) / (1440 - 390))),
    0px
  );
  top: clamp(
    149.51px,
    calc(149.51px + (346.61 - 149.51) * ((100vw - 390px) / (1440 - 390))),
    346.61px
  );
}
.gallery__image_6{
  position: absolute;
  width: clamp(
    119.95px,
    calc(119.95px + (277 - 119.95) * ((100vw - 390px) / (1440 - 390))),
    277px
  );
  height: clamp(
    89.14px,
    calc(89.14px + (206 - 89.14) * ((100vw - 390px) / (1440 - 390))),
    206px
  );
  left: clamp(
    144.26px,
    calc(144.26px + (329 - 144.26) * ((100vw - 390px) / (1440 - 390))),
    329px
  );
  top: clamp(
    141.72px,
    calc(141.72px + (328.61 - 141.72) * ((100vw - 390px) / (1440 - 390))),
    328.61px
  );
}
.gallery__image_7{
  position: absolute;
  width: clamp(
    156.76px,
    calc(156.76px + (362 - 156.76) * ((100vw - 390px) / (1440 - 390))),
    362px
  );
  height: clamp(
    92.61px,
    calc(92.61px + (214 - 92.61) * ((100vw - 390px) / (1440 - 390))),
    214px
  );
  left: clamp(
    509.31px,
    calc(509.31px + (1172 - 509.31) * ((100vw - 390px) / (1440 - 390))),
    1172px
  );
  top: clamp(
    163.79px,
    calc(163.79px + (379.61 - 163.79) * ((100vw - 390px) / (1440 - 390))),
    379.61px
  );
}
.gallery__image_8{
  position: absolute;
  width: clamp(
    84.88px,
    calc(84.88px + (196 - 84.88) * ((100vw - 390px) / (1440 - 390))),
    196px
  );
  height: clamp(
    92.61px,
    calc(92.61px + (214 - 92.61) * ((100vw - 390px) / (1440 - 390))),
    214px
  );
  left: clamp(
    104.42px,
    calc(104.42px + (237 - 104.42) * ((100vw - 390px) / (1440 - 390))),
    237px
  );
  top: clamp(
    292.74px,
    calc(292.74px + (677.61 - 292.74) * ((100vw - 390px) / (1440 - 390))),
    677.61px
  );
}
.gallery__image_9{
  position: absolute;
  width: clamp(
    206.12px,
    calc(206.12px + (476 - 206.12) * ((100vw - 390px) / (1440 - 390))),
    476px
  );
  height: clamp(
    92.61px,
    calc(92.61px + (214 - 92.61) * ((100vw - 390px) / (1440 - 390))),
    214px
  );
  left: clamp(
    219.61px,
    calc(219.61px + (503 - 219.61) * ((100vw - 390px) / (1440 - 390))),
    503px
  );
  top: clamp(
    268.06px,
    calc(268.06px + (620.61 - 268.06) * ((100vw - 390px) / (1440 - 390))),
    620.61px
  );
}
.gallery__image_10{
  position: absolute;
  width: clamp(
    130.78px,
    calc(130.78px + (302 - 130.78) * ((100vw - 390px) / (1440 - 390))),
    302px
  );
  height: clamp(
    88.28px,
    calc(88.28px + (204 - 88.28) * ((100vw - 390px) / (1440 - 390))),
    204px
  );
  left: clamp(
    460.38px,
    calc(460.38px + (1059 - 460.38) * ((100vw - 390px) / (1440 - 390))),
    1059px
  );
  top: clamp(
    292.74px,
    calc(292.74px + (677.61 - 292.74) * ((100vw - 390px) / (1440 - 390))),
    677.61px
  );
}
.section-3 {
  padding: 80px 48px 60px 48px;
  width: 100%;
  background-color: #F5F7FB;
}
.section-3 h1 {
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 32px;
  width: 50%;
}
.section-3 .between-two {
  width: 100%;
}
.section-3 .between-two__first {
  width: 100%;
}
.section-3 .between-two__first img {
  width: 100%;
}
.section-3 .between-two__second h1 {
  width: 100%;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  color: #E63621;
}
.section-3 .between-two__second p {
  font-size: 22px;
}
.section-3 .between-two__second span {
  font-size: 16px;
}

.section-4 {
  padding: 60px 48px;
  width: 100%;
  background-color: #F5F7FB;
}
.section-4 h1 {
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 56px;
  text-align: center;
  width: 100%;
}
.section-4 .bars .img-container span {
  top: unset;
  bottom: 24px;
}

.section-5 {
  padding: 60px 48px;
  width: 100%;
  background-color: #F5F7FB;
}
.section-5 .karousels {
  margin-top: 56px;
  margin-bottom: 18px;
}
.section-5 h1 {
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 32px;
  text-align: center;
  width: 100%;
}
.section-5 p {
  margin: 0;
  font-size: 22px;
  max-width: 890px;
  text-align: center;
}
.section-5 .karousel__buttons {
  position: unset;
  bottom: unset;
  background-color: transparent;
}
.section-5 .karousel__buttons__button {
  position: relative;
  padding: 6px 0;
  background-color: unset;
  width: 32px;
  height: 4px;
}
.section-5 .karousel__buttons__button::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 32px;
  height: 4px;
  border-radius: 16px;
  padding: 0;
  background: #D3D8E5;
  transition: all 0.3s ease-in-out;
}
.section-5 .karousel__buttons__button.selected {
  background-color: unset;
}
.section-5 .karousel__buttons__button.selected::before {
  background-color: #E63621;
}

.section-6 {
  padding: 60px 0px 60px 48px;
  width: 100%;
  background-color: #F5F7FB;
}
.section-6 .section-footer p, .section-6 .section-footer button {
  font-size: 16px;
}
.section-6 .section-content > .karousel__paginator__buttons {
  display: none;
}
.section-6 > * {
  width: 100%;
}
.section-6 h1 {
  padding-left: 32px;
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 32px;
  width: 100%;
}
.section-6 p {
  padding-left: 32px;
  margin: 0;
  font-size: 22px;
}
.section-6 .plan-card {
  padding: 32px;
  background-color: #FFFFFF;
  border-radius: 32px;
  width: 318px;
  height: 436px;
  transition: all 0.3s ease-in-out;
}
.section-6 .plan-card h5 {
  width: 100%;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #E63621;
  margin-bottom: 24px;
}
.section-6 .plan-card .plan {
  height: 244px;
  width: 100%;
  margin-bottom: 30px;
  background-size: 120%;
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-repeat: no-repeat;
}
.section-6 .plan-card .plan img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  transition: opacity 0.3s;
    display: block;
    width: 100%;
}
.section-6 .plan-card .plan:hover img {
  opacity: 0;
}
.section-6 .plan-card h1 {
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 12px;
}
.section-6 .plan-card span {
  font-size: 18px;
  font-weight: 400;
}
.section-6 .plan-card div:last-child {
  width: 100%;
}
.section-6 .karousel__items {
  display: none;
}
.section-6 .karousel:has(#section-6__radio-1:checked) #section-6__items-1, .section-6 .karousel:has(#section-6__radio-2:checked) #section-6__items-2, .section-6 .karousel:has(#section-6__radio-3:checked) #section-6__items-3, .section-6 .karousel:has(#section-6__radio-4:checked) #section-6__items-4, .section-6 .karousel:has(#section-6__radio-5:checked) #section-6__items-5 {
  display: flex;
}
.section-6 .karousel .pagination {
  margin-bottom: 24px;
}

.section-7 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #F5F7FB;
}
.section-7 .bottom-plug{
  background-color: #FFFFFF;
  position: absolute;
  width: 100%;
  height: clamp(
    62.07px,
    calc(62.07px + (127 - 62.07) * ((100vw - 390px) / (1440 - 390))),
    127px
  );
  left: 0;
  bottom: 0;
}
.section-7 .texts{
  padding: 0 162px;
}
.section-7 h1 {
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 56px;
  width: 100%;
  text-align: center;
}
.section-7 h1 span {
  color: #E63621;
}
.section-7 .content {
  position: relative;
  width: calc(100% + 96px);
}
.section-7 .content img {
  width: 100%;
  z-index: 1;
}
.section-7 .content .backgroud {
  position: absolute;
  bottom: -60px;
  height: 180px;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 0;
}

.section-8 {
  padding: 248px 48px 60px;
  width: 100%;
  background-color: #FFFFFF;
}
.section-8 .between-two__second h1 {
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  width: 100%;
  text-align: center;
}
.section-8 .between-two__second p {
  font-size: 22px;
  font-weight: 500;
  margin: 0;
  padding: 0 88px;
  text-align: center;
}
.section-8 .karousel__buttons {
  position: unset;
  bottom: unset;
  background-color: transparent;
}
.section-8 .karousel__buttons__button {
  position: relative;
  padding: 6px 0;
  background-color: unset;
  width: 32px;
  height: 4px;
}
.section-8 .karousel__buttons__button::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 32px;
  height: 4px;
  border-radius: 16px;
  padding: 0;
  background: #D3D8E5;
  transition: all 0.3s ease-in-out;
}
.section-8 .karousel__buttons__button.selected {
  background-color: unset;
}
.section-8 .karousel__buttons__button.selected::before {
  background-color: #E63621;
}

.section-9 {
  padding: 60px 48px;
  width: 100%;
  background-color: #FFFFFF;
}
.section-9 h1 {
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 32px;
  text-align: center;
  width: 100%;
}
.section-9 .bars .img-container {
  margin-bottom: 0;
}
.section-9 .bars .img-container span {
  padding-left: 20px;
}
.section-9 .bars > .img-container {
  height: 660px;
  max-height: 660px;
}
.section-9 .bars > .img-container span {
  color: #5B6174;
}

.section-10 {
  padding: 60px 16px;
  width: 100%;
  background-color: #FFFFFF;
}
.section-10 h1 {
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 32px;
  text-align: center;
  width: 100%;
}
.section-10 .img-container {
  width: 100%;
  overflow: hidden;
  border-radius: 40px;
}
.section-10 .img-container img {
  width: 100%;
}

.section-11 {
  margin: 60px 48px;
  padding: 40px;
  width: calc(100% - 96px);
  background-color: #FFFFFF;
  border-radius: 40px;
  position: relative;
}
.section-11 .backgroud {
  position: absolute;
  background-color: #F5F7FB;
  border-radius: 40px;
  width: 100%;
  height: calc(100% - 65px);
  bottom: 0;
  left: 0;
  margin: 0 !important;
  z-index: 0;
}
.section-11 .between-two {
  width: 100%;
  z-index: 1;
}
.section-11 .between-two__first h1 {
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  width: 100%;
}
.section-11 .between-two__first p {
  font-size: 22px;
  font-weight: 500;
  width: 70%;
  margin: 0;
}
.section-11 .between-two__first .input {
  width: 327px;
}
.section-11 .between-two__first label {
  line-height: 150%;
  width: 70%;
}
.section-11 .between-two__second {
  width: 100%;
}
.section-11 .between-two__second img {
  width: 100%;
  max-width: 600px;
}

.section-12 {
  padding: 60px 48px;
  background-color: #FFFFFF;
}
.section-12 .logo img {
  width: 206px;
}
.section-12 .info span {
  display: none;
}
.section-12 .contacts {
  width: 100%;
}
.section-12 h1 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}
.section-12 a {
  text-decoration: none;
  color: #767E96;
  font-size: 32px;
  font-weight: 700;
  cursor: pointer;
}
.section-12 p {
  margin: 0;
  font-size: 12px;
  line-height: 140%;
  font-weight: 400;
}
.section-12 span {
  font-size: 16px;
  font-weight: 400;
}

.bars {
  display: flex;
  width: 100%;
}
.bars .img-container {
  overflow: hidden;
  border-radius: 32px;
  max-height: 318px;
  height: 318px;
  margin-bottom: 24px;
}
.img-container_bottom-gradient::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(31, 27, 46, 0) 70%, #1F1B2E 100%);
}
.bars .bar {
  position: relative;
}
.bars .bar img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bars .bar span {
  color: #FFFFFF;
  font-size: 26px;
  font-weight: 700;
  position: absolute;
  top: 32px;
  left: 32px;
}

.karousel {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.karousel__items {
  border-radius: 32px;
  overflow: hidden;
}
.karousel img {
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.karousel__buttons {
  font-family: Panton Narrow;
  position: absolute;
  bottom: 29px;
  padding: 2px;
  background-color: #FFFFFF;
  border-radius: 40px;
}
.karousel__buttons__button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 40px;
  background-color: #FFFFFF;
}
.karousel__buttons__button.selected {
  background-color: #232733;
  color: #FFFFFF;
}
.karousel__paginator {
  width: 100%;
  min-height: 56px;
  padding-left: 32px;
  padding-right: 80px;
}
.karousel__paginator__prev, .karousel__paginator__next {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.karousel__paginator__prev:hover svg, .karousel__paginator__next:hover svg {
  stroke: #FFFFFF;
}

.section-6__radio-group, .section-7__radio-group {
  flex-wrap: wrap;
  line-height: 56px;
}

.radio {
  position: relative;
  white-space: nowrap;
}
.radio input {
  width: 0;
  height: 0;
  margin: 0;
}
.radio input:checked + label {
  color: #E63621;
  background-color: #FFFFFF;
  border-color: #D3D8E5;
}
.radio label {
  cursor: pointer;
  font-family: Panton;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 20px;
  border-radius: 40px;
  background-color: #F5F7FB;
  border: 1px solid #F5F7FB;
  transition: all 0.3s ease-in-out;
}

.gray-map .ymaps-2-1-79-ground-pane {
  filter: grayscale(1);
  -ms-filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
}

.custom-lightbox {
  box-sizing: border-box;
  position: fixed;
  z-index: 1000000001;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background-color: #F5F7FB;
}

.custom-lightbox .single-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 988px;
  padding: 80px 40px;
}

.custom-lightbox .single-image img {
  max-width: 100%;
  max-height: calc(100vh - 160px);
  height: auto;
  object-fit: cover;
}

.lightbox-controlls {
  box-sizing: border-box;
  position: fixed;
  z-index: 1000000001;
  width: 100%;
  height: 100%;
  padding: 16px 16px 56px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}

.lightbox-controlls button {
  /* Обнуление */
  /* padding: 0;
  padding-block: 0;
  padding-inline: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; */
  /* Свои стили */
  pointer-events: all;
}

.lightbox-controlls .lightbox-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  padding: 0;
}

.lightbox-controlls .lightbox-button:hover svg {
    stroke: #FFFFFF;
}

.lightbox-controlls .lightbox-button.close {
  align-self: flex-end;
}


.lightbox-controlls .lightbox-controlls-center {
  display: flex;
  justify-content: space-between;
}

.lightbox-controlls .lightbox-controlls-bottom {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%, 0);

  display: flex;
  flex-direction: row;
  /* gap: 8px; */
  gap: 16px;
  justify-content: center;
}

.lightbox-controlls .lightbox-navigation-button {
  width: 64px;
  height: 85.33px;
  border-radius: 24px;
  overflow: hidden;
}

.lightbox-controlls .lightbox-navigation-button:first-child,
.lightbox-controlls .lightbox-navigation-button:last-child {
  opacity: 0.5;
}

.lightbox-controlls .lightbox-navigation-button.active {
  border: 2px solid #E63621;
}

.lightbox-controlls .lightbox-navigation-button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lightbox-button img {
  width: 24px;
  height: 24px;
}

.disable-scroll {
  overflow-y: hidden;
}


.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  padding: 16px 0 63px;
  text-align: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.swiper-slide img {
  max-width: 100%;
  max-height: calc(100vh - 79px);
  height: auto;
  object-fit: contain;
  border-radius: 32px;
  overflow: hidden;
}
@media screen and (max-width: 1340px) {
  .section-11 .between-two {
    flex-direction: column-reverse;
  }
  .section-11 .between-two__first {
    width: 100%;
    max-width: 100%;
    margin-right: 0 !important;
  }
  .section-11 .between-two__first form .input:first-child {
    margin-right: 0;
    margin-bottom: 24px;
  }
  .section-11 .between-two__first form > div:first-child {
    flex-direction: column;
    width: 100%;
  }
  .section-11 .between-two__first form > div:first-child .input {
    width: 100%;
  }
  .section-11 .between-two__first label {
    width: 100%;
  }
  .section-11 .between-two__second {
    width: 100%;
    max-width: 100%;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 986px) {
  .fx-row.fx-gap-104 > *:not(:last-child),
  .fx-row-reverse.fx-gap-104 > *:not(:first-child) {
    margin-right: 0px;
  }
  .section-1 img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .section-1 .content {
    height: 100%;
    bottom: 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .section-1 .content .title {
    text-align: center;
  }
  .section-2 {
    flex-direction: column;
  }
  .section-2 > * {
    max-width: 100% !important;
  }
  .section-2 > *:not(:last-child) {
    margin-right: 0 !important;
    margin-bottom: 32px;
  }
  .section-3 > h1 {
    width: 100%;
  }
  .section-3 .between-two:not(:last-child) {
    margin-bottom: 48px;
  }
  .section-3 .between-two {
    flex-direction: column;
  }
  .section-3 .between-two > * {
    max-width: 100% !important;
  }
  .section-3 .between-two > *:not(:last-child) {
    margin-right: 0 !important;
    margin-bottom: 24px;
  }
  .section-3 .between-two__second {
    padding: 0 24px;
  }
  .section-3 .between-two__second > div {
    align-items: start;
  }
  .section-4 .section-overflow {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    flex-direction: row;
  }
  .section-4 .section-overflow:not(:last-child) {
    margin-right: 24px !important;
    margin-bottom: 0;
  }
  .section-4 .section-overflow .bars {
    width: unset;
  }
  .section-4 .section-overflow .bars:not(:last-child) {
    margin-right: 24px !important;
    margin-bottom: 0;
  }
  .section-4 .section-overflow .bars .img-container {
    width: 318px;
    max-width: unset;
    margin-bottom: 0 !important;
    flex: none;
  }
  .section-4 .section-overflow .bars .img-container img {
    width: unset;
  }
  .section-5 .karousels {
    flex-direction: column;
  }
  .section-5 .karousels > * {
    width: 100%;
    max-width: 100%;
  }
  .section-5 .karousels > *:not(:last-child) {
    margin-right: 0 !important;
    margin-bottom: 18px;
  }
  .section-8 > h1 {
    width: 100%;
  }
  .section-8 .between-two:not(:last-child) {
    margin-bottom: 48px;
  }
  .section-8 .between-two {
    flex-direction: column;
  }
  .section-8 .between-two > * {
    max-width: 100% !important;
  }
  .section-8 .between-two > *:not(:last-child) {
    margin-right: 0 !important;
    margin-bottom: 24px;
  }
  .section-8 .between-two__second {
    padding: 0 24px;
    margin-bottom: 40px !important;
  }
  .section-8 .between-two__second > div {
    align-items: center;
  }
  .section-8 .between-two__second > div > *:not(:last-child) {
    margin-bottom: 24px !important;
  }
  .section-9 .section-overflow {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    flex-direction: row;
    justify-content: start;
  }
  .section-9 .section-overflow > .img-container {
    height: 318px;
  }
  .section-9 .section-overflow div:last-child {
    flex-direction: row;
    margin-right: 24px;
  }
  .section-9 .section-overflow div:last-child > div {
    margin-bottom: 0 !important;
  }
  .section-9 .section-overflow:not(:last-child) {
    margin-right: 24px !important;
    margin-bottom: 0;
  }
  .section-9 .section-overflow .img-container {
    width: 318px;
    max-width: unset;
    margin-bottom: 0 !important;
    flex: none;
  }
  .section-9 .section-overflow .img-container img {
    width: unset;
  }
  .section-11 {
    width: calc(100% - 32px) !important;
  }
  .section-12 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .section-12 > * {
    width: 100% !important;
    max-width: 100% !important;
    align-items: center;
  }
  .section-12 > *:not(:last-child) {
    margin-right: 0 !important;
    margin-bottom: 8px;
  }
  .section-12 .logo span {
    display: none;
  }
  .section-12 .logo > *:not(:last-child) {
    margin-bottom: 40px !important;
  }
  .section-12 .logo img {
    width: 182px;
  }
  .section-12:last-child > div > div:first-child {
    margin-bottom: 40px !important;
  }
  .section-12 div {
    flex-direction: column !important;
    width: 100%;
    max-width: 100%;
    align-items: center;
  }
  .section-12 div p {
    margin-right: 0 !important;
  }
  .section-12 .contacts {
    flex-direction: column;
  }
  .section-12 .contacts > * {
    width: 100% !important;
    max-width: 100% !important;
    align-items: center;
  }
  .section-12 .contacts > * span {
    margin-bottom: 8px !important;
  }
  .section-12 .contacts > *:not(:last-child) {
    margin-right: 0 !important;
    margin-bottom: 24px;
  }
  .section-12 .info :first-child {
    margin-bottom: 24px;
  }
  .section-12 .info span {
    display: flex;
  }
  .lightbox-controlls .lightbox-button {
    width: 40px;
    height: 40px;
    padding: 12px;
  }

  .lightbox-controlls .lightbox-controlls-center {
    display: none;
  }

  .lightbox-controlls .lightbox-navigation-button {
    width: 48px;
    height: 64px;
    border-radius: 16px;
  }

  .lightbox-controlls .lightbox-controlls-bottom {
    gap: 8px;
  }

  .swiper-slide {
    padding: 0;
    display: flex;
    flex-direction: column;
  }

  .swiper-slide img {
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .fslightbox-slide-btn-container{
    display: none !important;
  }
  .karousel__paginator {
    padding-left: 16px;
    padding-right: 16px;
  }
  .section-1 {
    height: 560px;
  }
  .section-1 .content .title {
    text-align: center;
  }
  .section-1 .content .title h1 {
    margin-top: 64px;
    margin-bottom: 24px;
    width: 100%;
    font-size: 32px;
  }
  .section-1 .content .title p {
    width: 100%;
    font-size: 20px;
  }
  .section-1 .content > *:not(:last-child) {
    margin-right: 0;
  }
  .section-1 .content .actions {
    width: 100%;
    flex-direction: column;
  }
  .section-1 .content .actions > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .section-1 .content .actions a {
    width: calc(100% - 40px);
    text-align: center;
  }
  .section-2 {
    padding: 40px 16px;
  }
  .section-2 h1 {
    font-size: 24px;
  }
  .section-2 p {
    font-size: 17px;
  }
  .section-3 {
    padding: 64px 16px 32px 16px;
  }
  .section-3 > h1 {
    font-size: 28px;
  }
  .section-3 .between-two h1 {
    font-size: 24px;
  }
  .section-3 .between-two p {
    font-size: 17px;
  }
  .section-4 {
    padding: 32px 16px;
  }
  .section-4 > h1 {
    font-size: 28px;
  }
  .section-4 .bars .bar span {
    font-size: 22px;
    font-weight: 500;
  }
  .section-5 {
    padding: 32px 16px;
  }
  .section-5 h1 {
    font-size: 24px;
  }
  .section-5 p {
    font-size: 17px;
  }
  .section-6 {
    padding: 32px 16px;
  }
  .section-6 h1 {
    font-size: 24px;
  }
  .section-6 p {
    font-size: 17px;
  }
  .section-6 .section-content {
    margin-bottom: 24px !important;
  }
  .section-6 .section-content .karousel .karousel_items {
    margin-bottom: 24px !important;
  }
  .section-6 .section-content .karousel .karousel__paginator .karousel__paginator__buttons {
    display: none;
  }
  .section-6 .section-content .karousel__paginator__buttons {
    display: flex;
  }
  .section-7 .texts{
    padding: 0 16px;
  }
  .section-7 h1 {
    font-size: 24px;
    text-align: left;
    margin-bottom: 32px;
  }
  .section-7 p {
    font-size: 17px;
  }
  .section-7 .radio label {
    font-size: 14px !important;
  }
  .section-8 {
    padding: 32px 16px;
  }
  .section-8 .between-two__second h1 {
    font-size: 24px;
  }
  .section-8 .between-two__second p {
    font-size: 17px;
    padding: 0;
  }
  .section-9 {
    padding: 32px 16px;
  }
  .section-9 > h1 {
    font-size: 28px;
  }
  .section-9 .bars .bar span {
    font-size: 22px;
    font-weight: 500;
  }
  .section-10 {
    padding: 32px 16px;
  }
  .section-10 h1 {
    font-size: 28px;
  }
  .section-11 {
    margin: 32px 16px;
  }
  .section-11 h1 {
    font-size: 28px !important;
  }
  .section-11 p {
    font-size: 17px !important;
  }
  .section-11 label {
    font-size: 12px !important;
  }
  .section-11 input {
    font-size: 16px !important;
  }
  .section-12 {
    padding: 32px 16px;
  }
  .section-12 span {
    font-size: 14px;
  }
  .section-12 h1 {
    font-size: 22px;
  }
  .section-12 .contacts span {
    font-size: 14px;
  }
  .section-12 .contacts a {
    font-size: 24px;
  }
  .section-12 .info {
    font-size: 11px;
  }
}

/*# sourceMappingURL=main.css.map */