@charset "UTF-8";
@font-face {
  font-family: "Museo Sans Cyrl 100";
  src: url("/fonts/MuseoSansCyrl-100.ttf") format("truetype");
  font-weight: 100; }

@font-face {
  font-family: "Museo Sans Cyrl 300";
  src: url("/fonts/MuseoSansCyrl-300.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Museo Sans Cyrl 300Italic";
  src: url("/fonts/MuseoSansCyrl-300Italic.ttf") format("truetype");
  font-weight: 700; }

@font-face {
  font-family: "Museo Sans Cyrl 500";
  src: url("/fonts/MuseoSansCyrl-500.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Museo Sans Cyrl 700";
  src: url("/fonts/MuseoSansCyrl-700.ttf") format("truetype");
  font-weight: 700; }

@font-face {
  font-family: "Museo Sans Cyrl 700Italic";
  src: url("/fonts/MuseoSansCyrl-700Italic.ttf") format("truetype");
  font-weight: 700; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-style: normal;
  text-decoration: none;
  list-style: none; }

p {
  margin: 0; }

ul {
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0; }

img {
  width: 100%;
  height: 100%; }

body {
  margin: 0 auto;
  min-width: 320px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  z-index: 10;
  background-color: #F6F5F9;
  opacity: 0;
  overflow: auto;
  scrollbar-color: #FFE4CC transparent;
  scrollbar-width: thin; }

body.loaded {
  opacity: 1;
  transition: opacity 0.5s ease-in-out; }

body.scroll {
  overflow: hidden; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

.list-reset {
  padding: 0;
  list-style: none; }

.btn-reset {
  padding: 0;
  border: none;
  cursor: pointer;
  background: none; }

.btn-disable {
  background-color: #C68B58 !important;
  cursor: default;
  opacity: 0.5; }

.flex {
  display: flex !important; }

menu,
ol,
ul {
  padding: 0; }

.container {
  width: 100%;
  max-width: 1216px;
  margin: 0 auto; }

.default-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.hidden-wrap {
  display: none;
  height: 0; }

.page-title-container {
  display: flex;
  gap: 24px;
  justify-content: space-between; }

.section-offset {
  padding: 64px 0; }

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

header {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px; }

.section-container {
  margin: 0 auto;
  max-width: 800px;
  padding: 24px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.section__header {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  color: #000;
  word-wrap: normal;
  hyphens: auto; }

.section-description {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.header__tier-three {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  color: #000; }

.list-item {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.download-file {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #FF7600;
  transition: color 0.3s ease; }
.download-file:hover {
  color: #000; }

.download-file-wrap {
  padding: 24px; }

.button-back {
  width: 83px;
  height: 24px;
  line-height: 24px;
  display: flex;
  gap: 12px;
  margin: 24px 0;
  align-items: center; }

.button-back-arrow {
  width: 24px;
  height: 24px; }

.button-back-text {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600;
  color: #FF7600;
  font-size: 16px;
  font-style: normal;
  line-height: 24px; }

.link-to-download__descr {
  overflow: hidden;
  padding-right: 12px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-top: 5px; }

.link-to-download {
  display: flex;
  gap: 16px;
  align-items: center;
  fill: #FF7600;
  width: 100%;
  border-radius: 24px;
  border: 1px solid #FFE4CC;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  transition: border-color 0.3s ease; }
.link-to-download:hover {
  border-color: #FF7600; }
.link-to-download:hover rect {
  fill: #FF7600; }
.link-to-download:hover path {
  stroke: #fff; }

.link-to-download rect {
  fill: #ffe4cc;
  transition: fill 0.3s ease; }

.link-to-download path {
  stroke: #FF7600;
  transition: stroke 0.3s ease; }

.link-to-download svg {
  min-height: 64px;
  min-width: 64px; }

.header__tier-five {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #000; }

.checkbox-hidden {
  display: none !important; }

.checkbox-visible {
  display: block; }

.hidden {
  display: none !important;
  opacity: 0;
  pointer-events: none; }

.checkbox-text-label {
  white-space: normal; }

.unordered-list {
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px; }

.go-back {
  padding-bottom: 24px; }

.go-back__container {
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 0;
  padding-left: 13px;
  background: none;
  box-shadow: none; }

.go-back-link {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  transition: color ease 0.3s, fill ease 0.3s; }
.go-back-link:hover {
  color: #FF8B26;
  fill: #FF8B26; }

.label-container {
  display: flex;
  flex-direction: column;
  gap: 4px; }

.contacts-label {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #8E8888; }

.agency-info {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.agency-contacts__header {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  color: #000; }

.agency-contacts__wrap {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.agency-contacts {
  min-width: 800px;
  max-width: 800px;
  margin: 0 auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566; }

.working-hours-info-container {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.agency-contacts__working-hours {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: #000; }

.agency-contacts__working-hours-block {
  display: flex;
  gap: 32px; }

.phone-number,
.working-hours-info,
.moscow-info,
.spb-info {
  min-width: 255px; }

.agency-contacts__phone-container {
  display: flex;
  gap: 32px;
  width: 100%; }

.img-desctop {
  display: block;
  object-fit: cover; }

.img-mobile {
  display: none; }

.button {
  display: flex;
  padding: 10px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  background-color: #FF7600;
  border-radius: 8px;
  transition: background-color 0.3s ease; }
.button:hover {
  background-color: #FF8C28; }
.button:focus-within {
  outline: none; }

.button_color_white {
  border: 1px solid #FF7600;
  color: #FF7600;
  background-color: #fff; }
.button_color_white:hover {
  background-color: #FFE4CC; }

.btn-watch-all {
  width: 208px;
  height: 44px;
  text-align: center; }

.page-title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px; }

.title-container {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px; }

.background {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566;
  border-radius: 24px;
  padding: 24px; }

.gray-text {
  color: #8E8888;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.common-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.bold-text {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.info-container {
  display: flex;
  flex-direction: column;
  gap: 4px; }

.header__tier-four {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: #000; }

.orng-number {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: #FF7600; }

.checkbox-text-label {
  padding-left: 42px;
  padding-top: 3px; }

.checkbox-wrapper {
  --size: 28px;
  position: relative;
  display: flex;
  align-items: center; }

.checkbox-wrapper *,
.checkbox-wrapper *:before,
.checkbox-wrapper *:after {
  box-sizing: border-box; }

.checkbox-wrapper svg {
  stroke: #FF7600;
  stroke-width: 3px;
  height: 0;
  width: calc(var(--size) * 0.6);
  position: absolute;
  left: calc(var(--size) * 0.18);
  top: calc(var(--size) * 0.2);
  stroke-dasharray: 33; }

.checkbox-wrapper .promoted-input-checkbox {
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.checkbox-wrapper input:checked ~ svg {
  padding-right: 2px;
  height: calc(var(--size) * 0.6);
  -webkit-animation: draw-checkbox-28 ease-in-out 0.2s forwards;
  animation: draw-checkbox-28 ease-in-out 0.2s forwards; }

.crossmark {
  display: none;
  stroke: #FF7600 !important;
  stroke-width: 3px !important;
  height: calc(var(--size) * 0.6) !important;
  width: calc(var(--size) * 0.6) !important;
  position: absolute !important;
  left: calc(var(--size) * 0.16) !important;
  top: calc(var(--size) * 0.24) !important; }

.checkbox-wrapper input:disabled ~ .crossmark {
  display: block;
  -webkit-animation: draw-checkbox-28 ease-in-out 0.2s forwards;
  animation: draw-checkbox-28 ease-in-out 0.2s forwards; }

.input-main::-webkit-outer-spin-button,
.input-main::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  appearance: textfield; }

.checkbox-container {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.checkbox-wrapper label {
  color: #000;
  line-height: 24px;
  cursor: pointer;
  position: relative; }

.checkbox-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  height: 20px;
  width: 20px;
  margin-top: 3px;
  float: left;
  border: 2px solid #FF7600;
  border-radius: 4px;
  transition: 0.15s all ease-out; }

.-range-to-,
.-range-from- {
  border: 1px solid #FF7600 !important;
  border-radius: 4px !important;
  background-color: #FF7600 !important;
  color: #fff !important; }

.air-datepicker.-disabled-range- {
  --adp-cell-background-color-in-range: #eeeeee;
  --adp-cell-background-color-selected: #d0d0d0; }

.air-datepicker-cell.-selected- {
  border-radius: 4px !important; }

.air-datepicker-body--cells.-days- {
  grid-auto-rows: auto !important; }

.air-datepicker-cell.-day- {
  margin-bottom: 8px !important;
  height: 28px; }

.air-datepicker-body--day-names {
  margin: 0 0 12px 0 !important; }

.ymaps3x0--map {
  width: 280px;
  height: 300px; }

.last-section {
  padding-bottom: 64px !important; }

.add-feedback__button {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600;
  color: #FF7600;
  font-size: 16px;
  font-style: normal;
  line-height: 24px; }

.no-btn {
  background: none;
  border: none;
  cursor: pointer; }

@media screen and (max-width: 768px) {
  .checkbox-wrapper {
    height: 100%; }
  .checkbox-wrapper svg {
    left: calc(var(--size) * 0.18); }
  .checkbox-wrapper label {
    height: 100%;
    line-height: 24px; }
  .agency-contacts {
    max-width: 288px;
    min-width: 288px; }
  .agency-contacts__phone-container,
  .agency-contacts__working-hours-block {
    flex-direction: column; }
  .agency-contacts__phone-container {
    gap: 24px; }
  .agency-contacts__info-block {
    gap: 24px; }
  .agency-contacts__working-hours-block {
    gap: 16px; }
  .section-offset {
    padding: 32px 0; }
  .container {
    max-width: 288px; }
  .section-container {
    max-width: 288px;
    padding: 20px 16px 40px 16px; }
  .link-to-download {
    text-overflow: ellipsis;
    max-height: 64px;
    overflow: hidden;
    max-width: 240px; }
  .button-back {
    margin-top: 20px; }
  .button_size_full-available {
    width: 100%; }
  .btn-watch-all {
    width: 100%; }
  .page-title-container {
    height: 100%;
    flex-direction: column;
    gap: 12px; }
  .img-desctop {
    display: none; }
  .img-mobile {
    display: block; }
  .go-back__container {
    padding-top: 20px;
    padding-left: 0; }
  .tour-details__hotels-cards {
    flex-direction: column;
    gap: 32px; }
  .last-section {
    padding-bottom: 48px !important; } }

/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

.tab-nav {
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 8px; }

.tab-btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  stroke: #CECECE;
  border-radius: 12px; }

.tab-nav-item-link {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

.tab-nav__svg-wrap {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; }

.tab-btn-active {
  pointer-events: none;
  background-color: #fff; }

.tab-btn-disable {
  display: none; }

.tab-btn-hover {
  background-color: #FFE4CC; }

.tab-btn-active,
.tab-btn-hover {
  color: black;
  stroke: #FF7600;
  transition: stroke .3s ease;
  border-radius: 12px;
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566; }

.tab-btn svg {
  stroke: #CECECE; }

.tab-btn-active svg,
.tab-btn-hover svg {
  stroke: #FF7600; }

.tab-btn-hover > .tab-nav__svg-wrap > .tab-nav__svg path {
  fill: #FF7600; }

.tab-btn-active > .tab-nav__svg-wrap > .fill-svg > path,
.tab-btn-hover > .tab-nav__svg-wrap > .fill-svg > path {
  fill: #FF7600; }

.tab-descr {
  width: 264px;
  text-align: left;
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.select-bar-wrap__mobile {
  display: none; }

.options-bar {
  display: none; }

.show-options {
  display: block; }

@media screen and (max-width: 768px) {
  .tab-nav {
    max-width: none; }
  .tab-nav__desktop {
    display: none; }
  .select-bar-wrap__mobile {
    display: block;
    border-radius: 12px; }
  .button-content-wrap {
    display: contents; }
  .select-bar-svg {
    margin-left: auto; }
  .contents-wrap {
    position: absolute;
    top: 92px;
    border-radius: 12px;
    background-color: white;
    box-shadow: 0 24px 48px 0 #5E5F6066, 0 1px 4px 0 #474747BA;
    z-index: 120; }
  .contents-wrap .tab-nav__mobile {
    position: relative;
    top: 0;
    box-shadow: unset;
    background-color: unset; }
  .tab-nav__mobile {
    width: 288px;
    margin: auto;
    position: absolute;
    top: 92px;
    display: none;
    border-radius: 12px;
    background-color: white;
    box-shadow: 0 24px 48px 0 #5E5F6066, 0 1px 4px 0 #474747BA;
    z-index: 120; }
  .tab-nav__mobile-active {
    display: block;
    z-index: 200; }
  .tab-nav__mobile-rotate {
    transform: rotate(180deg); }
  .disable-radius {
    border-radius: 12px 12px 0 0;
    border-bottom: 2px solid #CECECE; } }

.stick {
  position: absolute;
  overflow: hidden;
  top: 3px; }

.stick-default {
  position: absolute;
  overflow: hidden;
  bottom: 4px; }

.stick_color_orange .stick__text-block {
  background-color: #FF7600; }

.stick_color_orange .stick__text_currency {
  color: #fff; }

.stick_color_orange .stick__element_left path {
  fill: #FF7600; }

.stick_color_orange .stick__element_right path {
  fill: #FF7600; }

.stick__text-wrap {
  display: inline-block; }

.stick__element_right-wrap {
  left: -1px;
  position: relative; }

.stick__text-block {
  padding: 4px 12px;
  max-width: 230px;
  background-color: white;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 18px; }

.stick__text-block.default {
  display: flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 0 18px 0 14px;
  font-size: 10px;
  color: #fff; }

.stick__text-block.default .stick__text {
  margin-left: 5px;
  padding-right: 4px;
  font-size: 10px; }

.stick__text {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.stick__text_currency {
  color: #FF7600; }

.stick__text_value {
  color: #000; }

.stick__element_line {
  display: flex; }

.best-advices__block-descr {
  padding: 12px;
  width: 100%; }

.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #FFE4CC; }

.choices__list--dropdown {
  top: calc(100% - 20px);
  padding-top: 20px;
  z-index: 50; }

.choices[data-type*="select-one"].is-open:after {
  top: 60%;
  border: 2px solid #FF7600;
  border-width: 2px 2px 0 0; }

.is-focused .choices__list--dropdown,
.is-active .choices__list--dropdown {
  max-height: 420px;
  overflow: scroll;
  border: 2px solid #FF7600;
  border-radius: 12px; }

.is-focused .choices__inner {
  border: 2px solid #FF7600;
  border-radius: 0; }

.is-open .choices__inner {
  border: 2px solid #FF7600;
  border-radius: 12px; }

.choices__list--dropdown .choices__item--selectable {
  background-color: #fff; }

.choices__item .choices__item--selectable {
  padding-right: 24px; }

.choices__list--dropdown .choices__list {
  z-index: 100;
  overflow: unset; }

.choices__list--dropdown .choices__item--selectable {
  transition: background-color 0.3s ease; }

.dropdown {
  background: #fff;
  border-radius: 24px;
  overflow: hidden; }

.dropdown_single {
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566; }

.dropdown__head {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--border-color, #CECECE);
  background: var(--background-color, #fff);
  cursor: pointer; }

.dropdown__head_single {
  border-top: unset; }

.dropdown__name {
  max-width: 700px;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  overflow-wrap: break-word; }

.dropdown__name_card-name {
  font-size: 24px; }

.dropdown__icon-wrap {
  height: 32px;
  width: 32px; }

.dropdown__icon {
  transition: all ease 0.3s; }

.dropdown__body_content_map.show {
  padding: 4px;
  border-radius: 36px; }

.dropdown__body {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding: 0 24px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 12px; }

.dropdown__body p {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.dropdown__body ul {
  margin-top: -4px;
  display: list-item;
  padding-inline-start: 18px; }

.dropdown__body li {
  list-style: disc;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.dropdown__body li:not(:last-child) {
  margin-bottom: 12px; }

.dropdown__body li::marker {
  color: #FF7600;
  font-size: 24px; }

.dropdown__body_multiple-content {
  margin-bottom: 14px; }

.table.table-bordered td {
  border: 1px solid #CECECE;
  text-align: unset; }

@media screen and (max-width: 768px) {
  .dropdown__head {
    height: 100%; }
  .dropdown__name {
    margin: 0; }
  .dropdown__body.show {
    width: 100%; }
  .dropdown__body_multiple-content.show {
    width: 100%;
    height: 100%; } }

.MsoNoSpacing {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 24px; }

.dropdown__body.MsoNormal {
  font-size: 24px; }

.dropdown__body.MsoNormal font {
  color: black; }

.dropdown__body.MsoNormal u {
  text-decoration: underline; }

.dropdown__body.MsoNormal i {
  font-family: "Museo Sans Cyrl 300Italic", sans-serif; }

.dropdown__body.MsoNormal i b {
  font-family: "Museo Sans Cyrl 700Italic", sans-serif; }

.dropdown__body.MsoNormal b {
  font-family: "Museo Sans Cyrl 700", sans-serif; }

.dropdown__body u {
  text-decoration: underline; }

.dropdown__body b {
  font-family: "Museo Sans Cyrl 700", sans-serif; }

.dropdown__body strong {
  font-family: "Museo Sans Cyrl 700", sans-serif; }

.dropdown__body strong * {
  font-family: "Museo Sans Cyrl 700", sans-serif; }

.dropdown__body i {
  font-family: "Museo Sans Cyrl 300Italic", sans-serif; }

.dropdown__body i b * {
  font-family: "Museo Sans Cyrl 700Italic", sans-serif; }

.dropdown__body b i * {
  font-family: "Museo Sans Cyrl 700Italic", sans-serif; }

.what-is-my-group__descr-block span {
  line-height: 24px; }

.our-specialisation__descr-block span {
  line-height: 24px; }

.pluses-work-with-us__descr-block span {
  line-height: 24px; }

.MsoTableGrid {
  margin: auto; }

.fontAdapter b {
  font-weight: bold; }

.font__adapter u {
  text-decoration: underline; }

.font__adapter b {
  font-family: "Museo Sans Cyrl 700", sans-serif; }

.font__adapter strong {
  font-family: "Museo Sans Cyrl 700", sans-serif; }

.font__adapter strong * {
  font-family: "Museo Sans Cyrl 700", sans-serif; }

.font__adapter i {
  font-family: "Museo Sans Cyrl 300Italic", sans-serif; }

.font__adapter i b * {
  font-family: "Museo Sans Cyrl 700Italic", sans-serif; }

.font__adapter b i * {
  font-family: "Museo Sans Cyrl 700Italic", sans-serif; }

.banner {
  width: auto;
  height: 800px;
  position: relative;
  padding-top: 72px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px; }

.banner-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-top: -72px; }

.banner-slider {
  width: auto;
  height: 800px;
  overflow: hidden;
  position: relative;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px; }

.banner-slide {
  min-width: 100%;
  height: 800px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.banner-sliders {
  width: auto;
  height: 800px; }

.banner-slide-background {
  width: 100%;
  height: 800px;
  background-color: #00000066;
  position: absolute;
  top: 0; }

.banner-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.banner-slide-content {
  width: 1008px;
  height: 140px;
  position: absolute;
  top: 47.5%;
  left: 50%;
  transform: translate(-50%, -50%); }

.banner-slide-content-item {
  height: 256px; }

.banner__header {
  min-height: 92px;
  max-height: 172px;
  margin-bottom: 16px;
  font-size: 78px;
  line-height: 86px;
  font-weight: 600;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  color: #fff;
  z-index: 10;
  font-family: "Museo Sans Cyrl 700", sans-serif; }

.banner__paragraph {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  z-index: 10; }

.banner__paragraph-item {
  width: 646px;
  height: 64px;
  margin-bottom: 40px; }

.banner__button-item {
  max-width: 310px;
  height: 44px;
  border-radius: 8px;
  padding: 10px 40px;
  border: none;
  background-color: #FF7600;
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  line-height: 24px;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  font-style: normal; }

.banner__button-item:active {
  background: var(--entry-hover-background, #ED6E00); }

.banner-slides {
  left: 0;
  display: flex;
  position: relative;
  transition: left 1s ease; }

.banner-slide-img {
  width: 1800px; }

.select {
  margin-top: auto;
  position: relative; }

.select__header {
  position: relative;
  display: flex;
  height: 72px;
  padding: 24px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  cursor: pointer;
  min-width: 420px;
  margin: 0;
  background-color: #fff;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  z-index: 100;
  transition: background-color ease 0.5s; }
.select__header:hover {
  background-color: #FFE4CC; }

.select__header::after {
  content: "";
  height: 36px;
  width: 2px;
  position: absolute;
  right: 0;
  top: 25%;
  background-color: #DFDADAFF; }

.select__current {
  padding: 8px;
  font-size: 16px;
  line-height: 24px;
  z-index: 100;
  font-family: "Museo Sans Cyrl 300", sans-serif; }

.select__icon {
  width: 40px;
  height: 40px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  z-index: 100; }

.bottom {
  position: absolute;
  width: 1216px;
  height: 72px;
  margin: 40px auto;
  left: 0;
  right: 0; }

.select__body {
  max-width: 435px;
  margin: 0;
  border-top: 0;
  z-index: 100; }

.select__item {
  display: none;
  line-height: 24px;
  padding: 8px;
  font-size: 16px;
  cursor: pointer;
  z-index: 100; }
.select__item:hover {
  background-color: #f2f2f2; }

.select.is-active .select__item {
  display: block; }

.select__header {
  display: flex;
  z-index: 100; }

.select__current {
  margin: 0;
  padding: 8px;
  font-size: 18px;
  line-height: 24px;
  z-index: 100; }

.select__icon {
  width: 14px;
  height: 7px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  z-index: 100; }

.search-btn {
  display: flex;
  width: 72px;
  height: 72px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background-color: #FF7600;
  z-index: 100;
  border-radius: 0 16px 0 0;
  transition: background-color ease 0.3s; }
.search-btn:hover {
  background-color: #FF8C28; }

.banner-left-select {
  min-width: 435px;
  border-radius: 16px 0 0 0; }

.date-input {
  width: 285px;
  padding: 24px;
  transition: background-color ease 0.3s;
  border: none;
  color: #000;
  font-family: "Museo Sans Cyrl 300", sans-serif; }

::placeholder {
  color: #000; }

.buttons__banner {
  width: 1008px;
  margin: -152px auto 0;
  display: flex;
  flex-direction: row;
  gap: 16px;
  z-index: 100; }

@media screen and (max-width: 768px) {
  .banner .choices[data-type*=select-one] {
    width: 320px;
    z-index: 100;
    margin-bottom: 0; }
  .banner {
    padding-top: 0;
    padding-bottom: 24px;
    margin-bottom: 264px;
    height: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .banner::before {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .banner-container {
    padding: 0;
    margin: 0 auto;
    height: auto; }
  .banner-sliders {
    height: 420px; }
  .banner-slider {
    height: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .banner-slide-background {
    height: 100%; }
  .banner-slide-content {
    width: 100%;
    height: 100%;
    padding: 142px 24px 0 24px;
    margin: 0 auto;
    text-align: center; }
  .banner-slide-content-item {
    padding: 120px 24px 0 24px; }
  .banner__header {
    margin-bottom: 8px;
    height: auto;
    font-size: 32px;
    line-height: 40px; }
  .banner__paragraph {
    font-size: 16px;
    line-height: 24px; }
  .banner__paragraph-item {
    width: 100%; }
  .banner__button-item {
    width: 100%; }
  .buttons__banner {
    width: 100%;
    padding-top: 78px;
    justify-content: center;
    margin-top: -142px; }
  .bottom {
    position: relative;
    flex-direction: column;
    margin-top: 24px;
    width: 100%;
    max-height: 100%; }
  .select__body {
    max-width: 100%; }
  .select {
    border-bottom: #DFDADAFF solid 2px; }
  .select__header {
    max-width: 100%;
    min-width: 100%;
    border-radius: 0; }
  .select__header::after {
    content: none; }
  .select__current {
    padding: 0; }
  .date-input {
    width: 100%; }
  .search-btn {
    width: 100%;
    border-radius: 0;
    height: 44px;
    gap: 10px; } }

.form-banner {
  justify-content: space-between;
  background: #fff;
  align-items: center;
  border-radius: 16px 16px 0 0; }

.js-choice {
  z-index: 100; }

.form-banner > .choices__inner {
  border: 2px solid #FF7600; }

.form-banner > .first > .choices,
.form-banner > .second > .choices {
  width: 100%;
  z-index: 100; }

.form-banner > .first > .choices > .choices__inner,
.form-banner > .second > .choices > .choices__inner {
  position: relative;
  height: 72px;
  width: 100%;
  padding: 22px 12px 12px 22px;
  background-color: #fff;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  border: 2px solid #fff;
  border-radius: 16px;
  transition: background-color 0.3s ease;
  z-index: 100; }
.form-banner > .first > .choices > .choices__inner:hover,
.form-banner > .second > .choices > .choices__inner:hover {
  background-color: #FFE4CC;
  border-color: #FFE4CC; }

.form-banner > .first > .is-focused.choices > .choices__inner,
.form-banner > .second > .is-focused.choices > .choices__inner {
  background-color: #FFE4CC;
  border-color: #FF7600; }

.form-banner > .first > .is-focused.choices > .choices__inner,
.form-banner > .first > .is-open.choices > .choices__inner,
.form-banner > .second > .is-focused.choices > .choices__inner,
.form-banner > .second > .is-open.choices > .choices__inner {
  border: 2px solid #FF7600;
  border-radius: 16px; }

.form-banner > .first > .choices > .choices__list--dropdown .choices__list,
.form-banner > .second > .choices > .choices__list--dropdown .choices__list {
  max-height: unset; }

.date-input-container {
  background-color: #fff;
  width: 285px;
  border-radius: 12px;
  z-index: 103; }

.date-input {
  background-color: #fff;
  position: relative;
  width: 285px;
  height: 72px;
  padding: 24px;
  cursor: pointer;
  color: #000;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  border: 2px solid #fff;
  border-radius: 12px;
  transition: background-color ease 0.1s;
  background: url("/images/calendar.svg");
  background-repeat: no-repeat;
  background-position: 237px;
  z-index: 103; }
.date-input:focus-within {
  outline: none; }
.date-input:hover {
  background-color: #FFE4CC;
  border-color: #FFE4CC; }
.date-input:focus {
  background-color: #FFE4CC;
  border: 2px solid #FF7600;
  border-radius: 12px; }
.date-input:active {
  border: 2px solid #FF7600; }

.first {
  width: 435px; }

.second {
  width: 420px; }

.first,
.second {
  display: flex;
  transition: background-color 0.3s ease; }

.choices[data-type*="select-one"] {
  z-index: 100;
  margin-bottom: 0; }

.choices.is-focused.is-open {
  z-index: 500; }

.is-focused .choices__list--dropdown,
.is-active .choices__list--dropdown {
  border-color: #FF7600;
  border: 2px solid #FF7600;
  border-radius: 12px;
  box-shadow: 1px 3px 5px 0 rgba(223, 231, 248, 0.79); }

.choices__list--dropdown .choices__item {
  padding: 12px 16px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.choices__list--dropdown .choices__item--selectable {
  background-color: #fff; }

.choices[data-type*="select-one"]:after {
  height: 10px;
  width: 10px;
  z-index: 100;
  top: 40%;
  right: 24px;
  border: 2px solid #FF7600;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg); }

.choices[data-type*="select-one"].is-open:after {
  top: 60%;
  border: 2px solid #FF7600;
  border-width: 2px 2px 0 0; }

.is-flipped.is-open .choices__inner {
  border-radius: 12px; }

.choices__list--dropdown {
  top: calc(100% - 30px);
  padding-top: 30px;
  box-shadow: 1px 3px 5px 0 rgba(223, 231, 248, 0.79); }

.choices__placeholder {
  opacity: 1; }

.choices__list--dropdown .choices__placeholder {
  display: none; }

.choices__item .choices__item--selectable {
  padding-right: 24px; }

.choices__list--dropdown .choices__list {
  z-index: 100;
  overflow: unset; }

.is-open .choices__list--dropdown {
  z-index: 99; }

.choices__list--dropdown .choices__item--selectable {
  transition: background-color 0.3s ease; }

.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #FFE4CC; }

.choices__item {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.choices__list--single {
  padding: 0; }

.second > .choices > .is-active.choices__inner {
  border-radius: 12px; }

input::-webkit-calendar-picker-indicator {
  opacity: 0;
  pointer-events: none; }

.air-datepicker--pointer {
  display: none !important; }

.air-datepicker {
  margin-top: -24px !important;
  padding-top: 12px !important;
  width: 281px !important;
  box-shadow: 1px 3px 5px 0 rgba(223, 231, 248, 0.79) !important;
  background-color: #fff !important;
  border-radius: 12px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border: 2px solid #FF7600 !important;
  z-index: 2 !important;
  transition: none !important; }

.air-datepicker--navigation {
  font-family: "Museo Sans Cyrl 500", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  padding: 16px 16px 0 16px !important; }

.air-datepicker-nav--action path {
  stroke: #FF7600 !important; }

.air-datepicker-nav {
  justify-content: center !important;
  border-bottom: none !important;
  z-index: 100 !important;
  padding: 0 !important; }

.air-datepicker-nav--title {
  width: 205px !important; }

.datepicker-index-calendar {
  width: 281px !important;
  z-index: 102 !important; }

.datepicker-index-calendar .air-datepicker--navigation {
  width: 270px; }

.air-datepicker-cell.-selected- {
  color: #fff !important;
  background: #FF7600 !important; }

.air-datepicker--content {
  padding: 16px 8px 8px !important; }

.air-datepicker-body--day-name {
  font-family: "Museo Sans Cyrl 300", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 24px !important;
  color: #8e8888 !important;
  width: 34px !important;
  height: 24px !important;
  text-transform: lowercase !important; }

.air-datepicker-cell.-current- {
  color: #000 !important; }

.air-datepicker-cell {
  transition: color 0.3s ease, background 0.3s ease; }

.air-datepicker-cell:hover {
  color: #FF7600 !important;
  background: #FFE4CC !important; }

.air-datepicker-cell.-year-.-other-decade-:empty,
.air-datepicker-cell.-day-.-other-month-:empty:hover {
  background: none !important;
  pointer-events: none !important; }

.additional-display {
  display: none;
  box-sizing: content-box;
  left: 859px;
  top: 55px;
  z-index: 99 !important;
  background-color: #fff !important;
  position: absolute;
  width: 281px;
  height: 25px;
  border-bottom: 0 !important;
  border-top: 0 !important;
  border-left: 2px solid #FF7600;
  border-right: 2px solid #FF7600;
  border-radius: 0 !important; }

.show-calendar {
  display: block; }

.form-banner__submit-text {
  display: none; }

@media screen and (max-width: 768px) {
  .form-banner {
    max-width: 320px;
    margin: auto;
    flex-direction: column;
    border-radius: 0; }
  .svg-split-form {
    display: none; }
  .choices__inner {
    width: 100%; }
  .datepicker-index-calendar {
    width: 315px !important; }
  .datepicker-index-calendar .air-datepicker--navigation {
    width: 100%; }
  .choices[data-type*="select-one"]:after {
    top: 41%;
    right: 30px; }
  .first {
    width: 320px;
    border-bottom: 2px solid #DFDADAFF; }
  .second {
    width: 320px;
    border-bottom: 2px solid #DFDADAFF; }
  .date-input {
    width: 100%;
    background-position: 272px; }
  .show-calendar {
    display: none; }
  .date-input-container {
    width: 320px; }
  .date-input-container_index {
    position: relative; }
  .label-for-datepicker-wrap_index {
    position: relative; }
  .label-for-datepicker {
    left: 26px !important;
    top: 158px !important; }
  .label-for-datepicker_index {
    left: 26px !important;
    top: 8px !important; }
  .additional-display {
    left: 0;
    top: 263px;
    width: 316px; }
  .form-banner__submit-text {
    display: block;
    color: #fff;
    font-weight: 600;
    line-height: 24px; }
  .air-datepicker.-bottom-left-.-from-bottom-.-active- {
    width: 316px !important;
    top: 690px !important;
    z-index: 99 !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important; } }

.best-advices {
  background: #F6F5F9;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -o-scrollbar-width: none; }

.best-advices__container {
  width: 1216px;
  display: flex;
  flex-direction: column;
  gap: 32px; }

.advices-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 32px;
  align-items: stretch;
  justify-content: center; }

.advices-card {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 280px;
  padding: 4px;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566;
  border-radius: 24px;
  background: #fff; }

.best-advices__header {
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  font-family: "Museo Sans Cyrl 500", sans-serif; }

.best-advices__link-block {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.advice-img-wrap {
  width: 272px;
  height: 170px; }

.advice-img {
  border-radius: 20px;
  object-fit: cover;
  z-index: 1; }

.block-descr {
  max-height: 48px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.block-header {
  margin-bottom: 4px;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.advices-button {
  max-width: 187px;
  transition: background-color ease .3s; }
.advices-button:hover {
  background-color: #FF8C28; }

@media screen and (max-width: 768px) {
  .advices-cards {
    flex-direction: column; }
  .best-advices__header {
    font-size: 32px;
    line-height: 40px; }
  .advices-cards {
    gap: 16px; }
  .best-advices__container {
    gap: 24px; }
  .advice-img {
    max-width: 282px; }
  .block-header {
    max-width: 230px; }
  .advices-button {
    max-width: 100%; } }

.golden-ring {
  background: #fff; }

.golden-ring-container {
  width: 1216px;
  height: 688px;
  margin: 0 auto; }

.golden-ring__header {
  margin-bottom: 24px;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  color: #000; }

.golden-ring-sliders {
  margin-top: 40px; }

.golden-ring__descr {
  width: 1216px;
  height: 96px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.golden-ring-carousel {
  width: 1216px;
  height: 480px;
  overflow: hidden;
  position: relative;
  border-radius: 24px; }

.slide-content {
  width: 1216px;
  height: 480px;
  background-color: #00000080; }

.slider .slides .slide img {
  object-fit: cover; }

.slider .slides .slide .slide-content {
  display: grid;
  position: absolute;
  top: 0; }

.slides {
  left: 0;
  display: flex;
  position: relative;
  transition: left 1s ease; }

.slide-content-grid {
  width: 1202px;
  height: 480px;
  padding: 40px;
  display: grid; }

.golden-ring-bottom {
  display: flex;
  width: 1136px;
  height: 344px;
  justify-content: space-between;
  z-index: 1; }

.golden-ring-slider__header {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  height: 40px;
  color: #fff;
  z-index: 100;
  margin-bottom: 24px; }

.golden-ring-slider__descr-weight {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  color: #fff;
  z-index: 100; }

.golden-ring-slider__descr {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  color: #fff;
  z-index: 100; }

.golden-ring-left {
  display: flex;
  margin: 0;
  width: 1216px;
  height: 168px; }

.left-top-slider {
  width: 628px;
  height: 256px;
  margin-top: 16px;
  margin-left: 14px; }

.golden-ring-right {
  width: 370px;
  height: 400px;
  z-index: 100; }

.golden-ring__desktop-map {
  display: block; }

.golden-ring__mobile-map {
  display: none; }

.buttons {
  display: flex;
  margin: 0;
  gap: 16px;
  z-index: 100;
  margin-left: 54px;
  margin-top: -80px; }

.btn-arrows {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #FF7600;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(2.0px);
  z-index: 100;
  transition: background-color ease 0.5s; }
.btn-arrows:hover {
  background-color: #FFE4CC; }

.btn-arrows:focus {
  outline: none; }

.yaroslavl-descr {
  height: 192px; }

.flex-column {
  display: flex;
  flex-direction: column; }

@media screen and (max-width: 768px) {
  .golden-ring-container {
    height: 100%; }
  .golden-ring-left {
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 24px; }
  .golden-ring-sliders {
    margin-top: 24px;
    height: 680px; }
  .golden-ring__header {
    font-size: 32px; }
  .golden-ring__descr {
    width: 100%;
    height: 100%; }
  .golden-ring-right {
    width: 240px;
    height: 240px; }
  .golden-ring__desktop-map {
    display: none; }
  .golden-ring__mobile-map {
    display: block; }
  .golden-ring-carousel {
    width: 100%;
    height: 680px; }
  .slide-content {
    width: 100%;
    height: 100%; }
  .slide-content-grid {
    height: 100%;
    width: 100%;
    padding: 0; }
  .golden-ring-right__mobile {
    margin: 0;
    z-index: 100;
    display: unset; }
  .golden-ring-bottom {
    padding: 24px;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 16px;
    width: 100%;
    height: 100%; }
  .left-top-slider {
    width: 100%;
    gap: 16px;
    margin: 0; }
  .golden-ring-slider__header {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 16px; }
  .golden-ring-slider__descr {
    height: 264px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 11; }
  .buttons {
    margin-top: -64px;
    margin-left: 0;
    justify-content: center;
    gap: 24px; } }

.about-us-section {
  background-color: #F6F5F9; }

.about-company__block {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  max-width: 800px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566; }

.about-company__block:not(:last-child) {
  margin-bottom: 24px; }

.about-us__header {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  color: #000; }

.link-more-page {
  margin: 0;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #FF7600;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  transition: color ease .3s; }
.link-more-page:hover {
  color: #FF8B26; }

.about-us__top {
  justify-content: space-between;
  margin-bottom: 24px; }

.about-us__middle {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px; }

.about-us__bottom-wrap {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -o-scrollbar-width: none; }

.about-us__bottom {
  width: 1216px;
  gap: 32px; }

.about-us__descr {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.about-us__card {
  display: flex;
  padding: 4px;
  max-height: 250px;
  flex-direction: column;
  align-items: flex-start;
  flex-basis: 100%;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566; }

.about-us__card-descr {
  padding: 12px;
  margin: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #000;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; }

.about-us__img-wrap {
  width: 272px;
  height: 170px;
  border-radius: 24px;
  overflow: hidden; }

.about-us__img {
  width: 100%;
  object-fit: cover; }

.what-is-my-group__descr {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.trust-your-holiday__descr-strong {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.products-of-company__descr-block {
  display: flex;
  width: 100%; }

@media screen and (max-width: 768px) {
  .about-company__container {
    max-width: 288px; }
  .about-us__top {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px; }
  .about-us__header {
    font-size: 32px;
    line-height: 40px; }
  .about-us__middle {
    margin-bottom: 24px; }
  .about-us__bottom {
    width: 100%;
    flex-direction: column;
    gap: 16px; }
  .about-us__card {
    min-height: 242px;
    max-width: 100%; }
  .about-us__img-wrap {
    width: 100%; }
  .about-us__card-descr {
    margin: auto; }
  .about-company {
    padding: 20px 16px 40px 16px !important; } }

.awards {
  background-color: #FFF7F0; }

.awards__header {
  margin-bottom: 40px;
  font-family: "Museo Sans Cyrl 500";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  color: #000; }

.awards-links {
  gap: 32px; }

.awards-card {
  max-width: 384px;
  max-height: 192px;
  margin: 0;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between; }

.first-award {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  width: 40px;
  height: 40px;
  margin: 0;
  background-image: url("/images/awards-bg-crown.svg");
  background-repeat: no-repeat;
  background-position: left; }

.second-award {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  width: 40px;
  height: 40px;
  margin: 0;
  background-image: url("/images/awards-bg-crown.svg");
  background-repeat: no-repeat;
  background-position: left; }

.third-award {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  width: 40px;
  height: 40px;
  margin: 0;
  background-image: url("/images/awards-bg-star.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain; }

.award-card__descr {
  overflow: auto;
  text-overflow: ellipsis;
  font-family: "Museo Sans Cyrl 500";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  color: #000;
  letter-spacing: 0.3px; }

.award-card__date {
  margin: 0;
  color: #000; }

.award-card__date-paragraph {
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

@media screen and (max-width: 768px) {
  .awards__header {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px; }
  .awards-links {
    flex-direction: column; }
  .awards-card {
    gap: 0; }
  .award-title-bg {
    margin-bottom: 8px; }
  .award-card__descr {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px; } }

.feedback {
  background-color: #fff; }

.feedback-container {
  display: flex;
  flex-direction: column;
  gap: 32px; }

.feedback-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }

.feedback-bottom {
  position: relative;
  display: flex;
  gap: 32px;
  overflow: hidden; }

.feedback-cards {
  position: relative;
  display: flex;
  gap: 32px;
  transition: transform 0.3s ease; }

.feedback__header {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  color: #000; }

.new-feedback {
  margin: 0;
  color: #FF7600;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color ease .3s; }
.new-feedback:hover {
  color: #FF8B26; }

.feedback-card {
  display: flex;
  width: 384px;
  max-height: 268px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  border: 4px solid #FFE4CC;
  border-radius: 24px;
  gap: 24px; }

.feedback-card-top {
  display: flex;
  gap: 16px;
  margin: 0; }

.account-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
  gap: 8px; }

.account-info-img {
  width: 64px;
  height: 64px; }

.account-img {
  width: 64px;
  height: 64px;
  background: #FFBDBD;
  border-radius: 12.8px; }

.account-name {
  max-width: 255px;
  max-height: none;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000; }

.feedback-date {
  max-width: 255px;
  max-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  background-image: url("/images/date-icon.svg");
  background-repeat: no-repeat;
  padding-left: 36px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  align-items: flex-end; }

.feedback-card__descr {
  display: -webkit-box;
  margin-bottom: 12px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis; }

.feedback__more {
  margin: 0;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FF7600;
  transition: color ease .3s; }
.feedback__more:hover {
  color: #FF8B26; }

.feedback-watch-all {
  margin: 0; }

.feedback-content {
  position: relative;
  display: flex; }

.feedback-slider-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 40%;
  right: -2%;
  padding: 12px;
  border: 4px solid #FFE4CC;
  background: #fff;
  border-radius: 8px;
  cursor: pointer; }

.left-arrow {
  right: 98%; }

.feedback-slider-btn:hover rect {
  fill: #FBF6F1;
  border-color: #FFE4CC; }

@media screen and (max-width: 768px) {
  .account-name {
    max-width: 190px; }
  .feedback-container {
    gap: 24px; }
  .feedback-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px; }
  .feedback-bottom {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: 8px; }
  .feedback-card {
    max-width: 240px;
    padding: 20px;
    max-height: none; }
  .feedback-card-top {
    flex-direction: column; }
  .feedback__header {
    font-size: 32px;
    line-height: 40px; }
  .feedback-slider-btn {
    display: none; } }

.news {
  background-color: #F6F5F9; }

.news__container {
  width: 800px;
  margin: 0 auto;
  padding: 0 0 64px; }

.news_container_index {
  display: flex;
  flex-direction: column;
  gap: 32px; }

.news__header {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  color: #000; }

.header-block, .link-button {
  margin: 0; }

.news__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px; }

.news__content_index {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 32px; }

.news__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100; }

.news__card {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 4px;
  height: 128px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.news__card-content {
  justify-content: space-between; }

.news__img-wrap {
  width: 120px;
  height: 120px;
  margin: 0; }

.news__img-wrap_mobile {
  display: none;
  width: 280px; }

.news__img {
  border-radius: 24px;
  max-height: 100%;
  object-fit: cover; }

.news__text-descr-wrap {
  width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 8px 8px 16px;
  margin: 0; }

.news__text-descr-wrap_index {
  width: 368px; }

.news__text-descr {
  display: -webkit-box;
  height: 72px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis; }

.news__date {
  display: flex;
  align-items: center;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  gap: 12px;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.news__read-more {
  padding-top: 8px;
  padding-right: 8px;
  margin: 0;
  transition: transform ease 0.3s; }

.news__card:hover .news__read-more {
  transform: translateY(-4px) translateX(4px); }
.news__card:hover .news__read-more rect {
  fill: #FFE4CC; }

.news__date-icon {
  margin: 0; }

@media screen and (max-width: 768px) {
  .news_container_index {
    padding: 0; }
  .news__header {
    font-size: 32px;
    line-height: 40px; }
  .news__content {
    margin-top: 16px; }
  .news__content_index {
    display: flex;
    flex-direction: column; }
  .news__card-content {
    flex-direction: column;
    justify-content: unset; }
  .news__card {
    height: 100%; }
  .news-links {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 16px; }
  .news__img-wrap {
    display: none; }
  .news__img-wrap_mobile {
    display: unset; }
  .news__text-descr-wrap {
    gap: 4px;
    width: 100%;
    padding: 12px 12px 8px 16px; }
  .news__text-descr {
    width: 260px; }
  .news__read-more {
    display: none; } }

.system-of-payment {
  padding: 24px; }

.how-to-pay__section-offset {
  padding-bottom: 24px; }

.bold {
  font-family: "Museo Sans Cyrl 500";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.how-to-pay__container {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  max-width: 800px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566; }

.system_of_payment__descr-block {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.system-of-payment__header {
  font-family: "Museo Sans Cyrl 500";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  color: #000; }

.system-of-payment__descr {
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.system-of-payment__agency-descr {
  display: flex;
  padding: 16px 24px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid rgba(255, 118, 0, 0.5); }

.system-of-payment__agency {
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

@media (max-width: 768px) {
  .sbp, .usual-type-of-payment {
    padding: 0 16px; }
  .payment-bank-card {
    padding: 24px 16px; }
  .how-to-pay__container {
    max-width: 288px; }
  .how-to-pay__section-last-child {
    padding: 24px 16px 48px 16px; } }

.how-to-pay__header {
  font-family: "Museo Sans Cyrl 500";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  color: #000; }

.sbp__steps {
  display: flex;
  gap: 22px;
  padding-left: 18px; }

.ordered-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 588px;
  list-style: numbers;
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.mail-link {
  font-family: "Museo Sans Cyrl 500";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #FF7600;
  transition: color ease .3s; }
.mail-link:hover {
  color: #FF8B26; }

.ordered-list__item {
  max-width: 608px;
  padding-left: 3px;
  font-family: "Museo Sans Cyrl 500";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  list-style: decimal;
  color: #FF7600; }

.ordered-list__item-descr {
  max-width: 588px;
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  letter-spacing: -1px; }

.qr-code {
  align-self: flex-end; }

.sbp-qr-code {
  max-width: none; }

.payment-bank-card__container {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.unordered-list__item {
  list-style-type: disc;
  color: #FF7600;
  font-size: 24px; }

.payment-bank-card__form-block {
  width: 100%; }

.payment-bank-card__form {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  background: #F6F5F9;
  margin-bottom: 32px; }

.payment-bank-card__input {
  height: 72px;
  padding: 24px;
  flex: 1 0 0;
  background-color: #F6F5F9;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  border: none;
  transition: background-color ease .3s; }
.payment-bank-card__input:hover {
  background-color: #FFE4CC; }

.payment-bank-card__descr {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.payment-bank-card__input:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }

.payment-bank-card__input:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }

.payment-bank-card__btn {
  transition: background-color ease .3s; }

.payment-bank-card__fl {
  padding: 16px 24px;
  border-radius: 16px;
  border: 1px solid rgba(255, 118, 0, 0.5); }

.fl__descr {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.unordered-list__item-descr {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

@media (max-width: 768px) {
  .ordered-list__item {
    word-break: break-word; }
  .sbp__steps {
    flex-direction: column; }
  .qr-code {
    align-self: flex-start; }
  .payment-bank-card__form {
    flex-direction: column;
    gap: 16px;
    background-color: #fff;
    height: 245px; }
  .payment-bank-card__form > svg {
    display: none; }
  .payment-bank-card__input {
    width: 100%;
    border-radius: 16px; }
  .payment-bank-card__btn {
    width: 100%; } }

.reject-tour__header {
  padding-left: 40px;
  background-image: url("/images/cross.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 24px; }

.reject-tour__descr-block {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.reject-tour__descr {
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.how-to-pay__section-last-child {
  margin-bottom: 64px; }

@media (max-width: 768px) {
  .how-to-pay__section-last-child {
    margin-bottom: 0; } }

.agency-contacts__container {
  width: 800px;
  padding: 0; }

.contacts-for-agencies__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 0; }

.contacts-for-agencies__last-child {
  padding-bottom: 64px; }

.contacts-for-agencies {
  padding-bottom: 24px; }

.agency-contacts__section-title {
  font-family: "Museo Sans Cyrl 500";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  color: #000; }

.agency-contacts__info-block {
  display: flex;
  gap: 32px; }

@media (max-width: 768px) {
  .contacts-for-agencies__section {
    margin-bottom: 0;
    padding: 20px 16px 24px 16px; }
  .contacts-for-agencies__last-child {
    padding-bottom: 48px; }
  .agency-contacts__section {
    padding-top: 0; }
  .agency-contacts__info-block {
    flex-direction: column; } }

.go-back-link__descr {
  font-family: "Museo Sans Cyrl 500";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #FF7600; }

@media (max-width: 768px) {
  .go-back {
    display: none; } }

.catalogue-current-year {
  padding-top: 40px;
  padding-bottom: 64px; }

.catalogue-current-year__descr {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.tab-panel:not(.tab-pane-show) {
  display: none; }

.catalogue-of-programms {
  width: 100%;
  display: flex;
  gap: 24px; }

.catalogues-download {
  padding: 8px 11px 8px 80px; }

.ad-materials {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.ad-materials__descr {
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.page-container {
  margin: 0 auto;
  max-width: 1215px;
  display: flex;
  gap: 32px; }

.important-info__container {
  max-width: 904px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566;
  background-color: #fff;
  margin-bottom: 24px; }

.important-info__container:last-child {
  margin-bottom: 0; }

.important-info__header {
  font-family: "Museo Sans Cyrl 500";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  color: #000; }

.important-info__header-main {
  font-family: "Museo Sans Cyrl 500";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  color: #000; }

.important-info__descr {
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.important-info__tabs {
  display: flex;
  gap: 32px;
  max-width: 1215px;
  margin: 0 auto; }

.important-info-nav > .tab-nav__desktop > .tab-btn-hover {
  cursor: pointer; }

@media screen and (max-width: 768px) {
  .important-info__tabs {
    flex-direction: column;
    gap: 24px; }
  .catalogue-current-year {
    padding-top: 20px;
    padding-bottom: 48px; }
  .catalogue-current-year > .container {
    padding: 0; }
  .catalogue-of-programms {
    flex-direction: column; }
  .important-info__feedback {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px; } }

.departure-descr {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.departure-group-phones {
  display: flex;
  gap: 32px; }

.departure-group-phones__usual {
  display: flex;
  flex-direction: column;
  padding-left: 36px;
  gap: 8px;
  max-width: 254px;
  background-image: url("/images/phone-icon.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 24px 24px; }

.departure-group-phones__emergency {
  display: flex;
  flex-direction: column;
  padding-left: 36px;
  gap: 8px;
  background-image: url("/images/emergency-phone-icon.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 24px 24px; }

.departure-group-phones__number {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #000; }

.departure-group-phones__work-time {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

table {
  border-collapse: collapse;
  margin-bottom: 64px; }

table tr:first-child th {
  border-top: 0; }

table tr:first-child td {
  border-top: 0; }

table tr td:first-child,
table tr th:first-child {
  border-left: 0; }

table tr:last-child td,
table tr:last-child td {
  border-bottom: 0; }

table tr td:last-child,
table tr th:last-child {
  border-right: 0; }

td, th {
  border: 1px solid #CECECE;
  text-align: center;
  vertical-align: middle; }

.table-head {
  padding: 24px;
  background: #FFE4CC33; }

.table-head:first-child {
  border-top-left-radius: 24px; }

.table-head:last-child {
  border-top-right-radius: 24px; }

.table-cell-descr {
  background-color: #fff; }

td:first-child {
  border-bottom-left-radius: 24px; }

td:last-child {
  border-bottom-right-radius: 24px; }

.table-cell-descr {
  padding: 24px 16px; }

.tour-name:not(:last-child),
.name-cell,
.programm-date:not(:last-child) {
  margin-bottom: 12px; }

.tour-name,
.phone-number,
.programm-date {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.name-cell {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.phone-number,
.programm-date,
.tour-name {
  color: #FF7600; }

.programs-table-wrap {
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566; }

.programs-table {
  margin: 0 auto;
  min-width: 904px; }

@media (max-width: 768px) {
  .departure-group-phones {
    flex-direction: column; }
  .programs-table-wrap {
    overflow: scroll; } }

.important-info__tab-container {
  margin-bottom: 64px; }

.feedback_important-info {
  width: 100%; }

.important-info__feedback {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.important-info__feedback-card {
  max-width: 855px;
  width: 100%;
  max-height: none; }

.important-info__feedback-card-descr {
  margin-bottom: 0;
  -webkit-line-clamp: initial; }

.about-company {
  padding-top: 24px;
  padding-bottom: 64px; }

.about-company__container {
  margin: 0 auto;
  max-width: 800px;
  padding: 0; }

.about-company__header {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }

.about-company__descr-block {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.about-company__descr {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

@media (max-width: 768px) {
  .about-company__container {
    max-width: 288px; } }

.header {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
  height: 72px;
  display: flex;
  align-items: center; }

.header-text,
.header-index-text {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 24px; }

.header-text:hover {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600; }

.header__container {
  width: 1216px;
  height: 40px;
  margin: 0 auto; }

.header__content,
.header__menu-container,
.header__menu-info {
  display: flex;
  align-items: center; }

.header__content {
  width: 1216px;
  height: 40px;
  display: flex;
  align-items: center; }

.header__logo-content {
  height: 40px;
  margin-right: 112px; }

.header__menu-container {
  gap: 32px; }

.header__menu-btn-container {
  width: 117px; }

.header__menu {
  width: 591px;
  height: 24px;
  margin-right: 91px; }

.header__menu-container {
  width: 592px;
  height: 24px; }

.header-item1 {
  width: 71px; }

.header__content__mobile {
  display: none; }

.header-item2 {
  width: 103px; }

.header-item3 {
  width: 45px; }

.header-item4 {
  width: 82px; }

.header-item5 {
  width: 163px; }

.header__menu-info {
  width: 230px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 20px; }

.header__login-button {
  width: 80px;
  height: 40px;
  padding: 5px 16px;
  border-radius: 8px;
  background: #FFE4CC;
  color: #FF7600;
  border: none;
  cursor: pointer;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  transition: all ease 0.3s;
  z-index: 1; }

.header__login-button:hover {
  background: #FFCB9D;
  border: none;
  color: #FF7600; }

.submenu-btn-1,
.submenu-btn-2,
.submenu-btn-3,
.header__menu-content-name {
  cursor: default; }

.dropdown-marge {
  margin-bottom: 16px; }

.dropdown-marge-4 {
  margin-bottom: 4px; }

.header__menu-content {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.header__menu-content-name {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.header__menu-contact-info-number {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.header__menu-contact-info {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  cursor: default; }

.dropdown-list {
  margin-bottom: 16px; }

.header__menu-content {
  color: #8E8888; }

.header__logo-link:hover svg path {
  fill: #7E654E;
  transition: all 0.2s ease; }

.header__menu-title:hover {
  color: #FF7600; }

.submenu-btn-3 {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.sub-menu1,
.sub-menu2,
.sub-menu3 {
  position: absolute;
  visibility: hidden;
  opacity: 0; }

.sub-menu1.open,
.sub-menu2.open,
.sub-menu3.open {
  visibility: visible;
  opacity: 1;
  width: 240px;
  height: auto;
  margin-top: -40px;
  padding: 16px;
  margin-left: -16px;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 48px 0 #5E5F6066, 0 1px 4px 0 #474747BA;
  transition: opacity 0.3s ease; }

.header__menu-content:hover {
  color: #FF7600;
  transition: 0.2s ease; }

.header__menu .header__sub-menu .header__menu-item1:first-child {
  margin-top: 4px; }

.header__menu .header__sub-menu .header__menu-item1:nth-child(2),
.header__menu .header__sub-menu .header__menu-item1:nth-child(4) {
  margin-top: 16px;
  margin-bottom: 4px; }

.header__menu-item-1 {
  margin-right: 32px;
  width: 74px;
  height: 24px; }

.header__menu-item-2 {
  margin-right: 32px;
  width: 112px;
  height: 24px; }

.header__menu-item-3 {
  margin-left: -6px;
  width: 228px; }

.header__menu-item-4 {
  margin-left: -136px;
  width: 206px; }

.header__nav-title-5 {
  margin-left: -114px;
  width: 222px;
  padding-left: 32px; }

.burger-menu {
  display: none; }

@media screen and (max-width: 768px) {
  .header {
    flex-direction: column; }
  .header__container {
    max-width: 320px; }
  .header__content {
    display: none; }
  .header__content__mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px; }
  .header__burger {
    border: 0;
    height: 24px;
    margin-right: 12px;
    background: transparent; }
  .header__logo-link {
    margin-right: 0;
    width: 104px;
    height: 24px; }
  .header__logo {
    margin-top: 0; }
  .burger-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    display: none;
    background: white; }
  .burger-menu__container {
    margin: auto;
    max-width: 320px;
    font-weight: 300; }
  .active {
    display: block;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; }
  .burger-menu ul {
    list-style-type: none;
    padding: 0; }
  .burger-menu__header {
    max-width: 320px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: #CECECE solid 1px; }
  .burger-menu__links-and-phones {
    padding: 24px 16px; }
  .burger-menu__nav-block {
    border-bottom: #CECECE solid 1px; }
  .burger-menu__contacts-title {
    padding-top: 16px;
    padding-bottom: 12px;
    font-weight: 600; }
  .burger-menu__phone-block {
    margin-bottom: 16px; }
  .burger-menu__phone-block:last-child {
    margin-bottom: 0; }
  .burger-menu__phone {
    margin-bottom: 4px;
    font-weight: 600; }
  .burger-menu__phone-span {
    color: #FF7600; }
  .menu__exit {
    border-top: #FFE4CC solid 1px;
    background-color: #fffaf5;
    padding: 12px 16px; }
  .burger-menu__link {
    margin-bottom: 16px; }
  .dropdown-block-active {
    font-weight: 600; }
  .burger-menu__dropdown-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px; }
  .burger-menu__icon-wrap {
    width: 24px;
    height: 24px; }
  .burger-menu__dropdown-list {
    display: none; }
  .burger-menu__dropdown-item {
    margin-bottom: 16px; }
  .burger-menu__dropdown-item a {
    color: #8E8888; }
  .burger-menu__dropdown-item:last-child {
    margin-bottom: 24px; }
  .dropdown-block-active img {
    transform: rotate(180deg); }
  .dropdown-active {
    display: block; }
  .header__burger-and-logo {
    display: flex; }
  .burger-menu .header__burger-icon {
    width: 24px;
    height: 24px; }
  .burger-menu .header__login-button-index {
    color: #FF7600;
    border: #FFE4CC solid 1px; } }

.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 64px;
  padding-top: 40px; }

.login__container {
  background-color: #fff;
  border-radius: 24px;
  width: 800px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.login__header-container {
  width: 800px;
  padding: 24px;
  padding-bottom: 32px;
  background-color: #fff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px; }

.login__title-container {
  margin-bottom: 24px;
  font-weight: 600; }

.login__title {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 32px;
  line-height: 40px; }

.login__input-group {
  position: relative;
  margin-bottom: 24px;
  height: 72px;
  display: flex;
  width: 100%;
  background-color: #F5F7FA;
  border-radius: 16px; }

.login__input-group_single {
  background-color: transparent; }

.login__input-group input {
  flex: 1;
  padding: 24px;
  background-color: #F5F7FA;
  border: 2px solid #F5F7FA;
  border-radius: 12px;
  transition: background-color 0.3s ease;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }
.login__input-group input:hover {
  background-color: #FFE4CC;
  border-color: #FFE4CC; }
.login__input-group input:focus {
  background-color: #FFE4CC;
  border-color: #FF7600; }

.password-holder,
.username-holder {
  height: 72px;
  cursor: pointer; }

.login__svg-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.login__input-group input:focus {
  outline: none; }

.login__buttons {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px; }

.login__entry-button {
  width: 128px;
  height: 44px;
  text-decoration: none;
  cursor: pointer;
  border: none; }

.login__entry-button:focus {
  outline: none; }

.login__entry-button:active {
  background: var(--entry-hover-background, #ED6E00); }

.login__entry-button:hover {
  background-color: #FF8C28; }

.login__reset-password-button {
  display: flex;
  width: 201px;
  height: 46px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #FF7600;
  border-radius: 8px;
  padding: 10px 32px;
  background: #fff;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  color: #FF7600;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
  transition: background-color 0.3s ease; }

.login__reset-password-button:hover {
  background-color: #FFE4CC; }

.login__reset-password-button:focus {
  outline: none;
  color: #ED6E00; }

.login__footer {
  display: flex;
  width: 800px;
  height: 73px;
  padding: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-top: 1px solid var(--border-color, #FFE4CC);
  background: var(--background-color, #FFE4CC33); }

.login__footer-noaccount {
  width: 106px;
  line-height: 24px;
  cursor: pointer; }

.login__footer-orange-create,
.login__footer-orange-reg {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  line-height: 24px;
  margin-left: 32px;
  color: #FF7600;
  font-weight: 600;
  cursor: pointer; }

@media screen and (max-width: 768px) {
  .login {
    height: 100%;
    padding: 24px 16px 48px 16px; }
  .login__container {
    width: 288px;
    height: 100%; }
  .login__header-container {
    width: 288px;
    height: 100%;
    padding: 24px 24px 32px 24px;
    display: flex;
    flex-direction: column; }
  .login__input-group {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: none; }
  .login__svg-icon {
    display: none; }
  .login__input-group input {
    border-radius: 16px;
    height: 72px; }
  .login__buttons {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  .login__entry-button,
  .login__reset-password-button {
    width: 240px;
    height: 44px; }
  .login__footer {
    width: 288px;
    height: 152px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center; }
  .login__footer-orange-create,
  .login__footer-orange-reg {
    margin: 0; } }

.agency {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 64px;
  padding-top: 40px; }

.agency__container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0; }

.agency__content-form {
  background-color: #fff;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566;
  font-weight: 600; }

.agency__bottom-content {
  width: 752px; }

h1.agency__title {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 32px;
  font-style: normal;
  line-height: 40px; }

.agency__contact-info {
  margin-bottom: 24px; }

.agency__contact-info__last {
  margin-bottom: 32px; }

.agency__input-group,
.agency__input-group-passwords {
  position: relative;
  width: 100%;
  height: 72px;
  display: flex;
  background-color: #F5F7FA;
  border-radius: 16px; }

.agency__input-group-passwords {
  margin-bottom: 8px; }

.agency__input-group input,
.agency__input-group-passwords input {
  width: 100%;
  padding: 24px;
  background-color: #F5F7FA;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  border-radius: 16px;
  transition: background-color .3s ease;
  cursor: pointer; }
.agency__input-group input:hover,
.agency__input-group-passwords input:hover {
  background-color: #FFE4CC;
  border-color: #FFE4CC; }
.agency__input-group input:focus,
.agency__input-group-passwords input:focus {
  background-color: #FFE4CC;
  border-color: #FF7600; }

.agency__input-left,
.agency__input-right {
  border: 2px solid #F5F7FA;
  border-radius: 16px;
  background-color: #F5F7FA;
  transition: background-color .3s ease;
  cursor: pointer; }
.agency__input-left:hover,
.agency__input-right:hover {
  background-color: #FFE4CC;
  border-color: #FFE4CC; }
.agency__input-left:focus,
.agency__input-right:focus {
  background-color: #FFE4CC;
  border-color: #FF7600; }

.agency__password {
  width: 752px;
  height: 104px;
  margin-bottom: 32px; }

.svg-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100; }

.svg-icon_2 {
  left: 33.33333%; }

.svg-icon_3 {
  left: 66.66666%; }

.agency__input-group input:focus,
.agency__input-group-passwords input:focus {
  outline: none; }

.agency-data {
  color: #FF7600;
  font-weight: 600; }

.agency__policy {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 16px; }

.agency__bottom-symbols {
  color: #8E8888;
  line-height: 24px; }

.agency__buttons {
  display: flex; }

.entry-button,
.exit-button {
  display: flex;
  padding: 10px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer; }

.entry-button {
  width: 164px;
  height: 44px;
  border-radius: 8px;
  background: var(--entry-background, #FF7600);
  color: #fff;
  border: none;
  margin-right: 16px;
  line-height: 24px;
  transition: background-color ease .3s; }

.entry-button:hover {
  background-color: #FF8C28; }

.entry-button:focus {
  outline: none; }

.entry-button:active {
  background: var(--entry-hover-background, #ED6E00); }

.exit-button {
  width: 130px;
  height: 44px;
  border: 1px solid #FF7600;
  border-radius: 8px;
  background: #fff;
  color: #FF7600;
  line-height: 24px;
  transition: background-color ease .3s; }

.exit-button:active {
  color: #ED6E00;
  outline: none; }

.exit-button:hover {
  background-color: #FFE4CC; }

@media screen and (max-width: 768px) {
  .agency {
    padding: 24px 0 48px 0; }
  .agency__container {
    max-width: 320px; }
  .agency__contact-info {
    margin-bottom: 16px; }
  .agency__input-group {
    flex-direction: column;
    height: 100%;
    gap: 16px;
    background-color: #fff; }
  .agency__input-left,
  .agency__input-right {
    border-radius: 16px; }
  .svg-icon,
  .individual__svg-icon {
    display: none; }
  .agency__bottom-content {
    width: 100%; }
  .agency__policy {
    width: 100%;
    height: 100%; }
  .agency__buttons {
    flex-direction: column;
    gap: 16px; }
  .entry-button,
  .exit-button {
    width: 100%; } }

.individual {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 64px;
  padding-top: 40px; }

.individual__container {
  background-color: #fff;
  border-radius: 24px;
  width: 800px;
  padding: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.individual__bottom-content {
  width: 752px; }

.individual__title {
  margin-bottom: 24px; }

.individual__input-group,
.individual__input-group-passwords {
  position: relative;
  width: 752px;
  height: 72px;
  margin-bottom: 24px;
  display: flex;
  background-color: #F5F7FA;
  border-radius: 16px; }

.individual__input-group-passwords {
  margin-bottom: 8px; }

.individual__input-group input,
.individual__input-group-passwords input {
  flex: 1;
  padding: 24px;
  background-color: #F5F7FA;
  border: 2px solid #F5F7FA;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.individual__name {
  border-radius: 16px; }

.individual__phone-number {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }

.individual__email {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }

.individual__password {
  width: 752px;
  height: 104px;
  margin-bottom: 32px; }

.individual__password-input {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }

.individual__password-repeat-input {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }

.individual__name,
.individual__phone-number,
.individual__email,
.individual__password-input,
.individual__password-repeat-input {
  cursor: pointer;
  transition: background-color 0.3s ease;
  border-radius: 16px; }
.individual__name:hover,
.individual__phone-number:hover,
.individual__email:hover,
.individual__password-input:hover,
.individual__password-repeat-input:hover {
  background-color: #FFE4CC;
  border-color: #FFE4CC; }
.individual__name:focus,
.individual__phone-number:focus,
.individual__email:focus,
.individual__password-input:focus,
.individual__password-repeat-input:focus {
  background-color: #FFE4CC;
  border-color: #FF7600; }

.individual__svg-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.individual__input-group input:focus,
.individual__input-group-passwords input:focus {
  outline: none; }

.individual__exit-button {
  display: flex;
  width: 199px;
  height: 44px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #FF7600;
  border-radius: 8px;
  padding: 10px 32px;
  background: #fff;
  color: #FF7600;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer; }

.individual__exit-button:focus {
  outline: none;
  color: #ED6E00; }

.individual__bottom-symbols {
  color: #8E8888;
  line-height: 24px; }

.individual__footer {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 16px; }

.login-footer {
  cursor: pointer; }

.login-footer-orange {
  margin-left: 32px;
  color: #FF7600;
  font-weight: 600;
  cursor: pointer; }

.individual__data {
  color: #FF7600;
  line-height: 24px;
  font-weight: 600;
  padding-top: 3px; }

@-webkit-keyframes draw-checkbox-28 {
  0% {
    stroke-dashoffset: 33; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes draw-checkbox-28 {
  0% {
    stroke-dashoffset: 33; }
  100% {
    stroke-dashoffset: 0; } }

.individual__buttons {
  display: flex; }

.individual__entry-button {
  display: flex;
  padding: 10px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--entry-background, #FF7600);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  border: none;
  margin-right: 16px;
  transition: background-color ease 0.3s; }

.individual__entry-button:hover {
  background-color: #FF8C28; }

.individual__entry-button:focus {
  outline: none; }

.individual__entry-button:active {
  background: var(--entry-hover-background, #ED6E00); }

.individual__exit-button {
  display: flex;
  width: 130px;
  height: 44px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #FF7600;
  border-radius: 8px;
  padding: 10px 40px;
  background: #fff;
  color: #FF7600;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  transition: background-color ease 0.3s; }

.individual__exit-button:focus {
  outline: none;
  color: #ED6E00; }

.individual__exit-button:hover {
  outline: none;
  background-color: #FFE4CC; }

@media screen and (max-width: 768px) {
  .individual {
    padding: 24px 0 48px 0; }
  .individual__container {
    max-width: 320px;
    margin: 0 auto;
    padding: 24px 24px 32px 24px; }
  .individual__input-group {
    width: 100%;
    height: 100%;
    margin-bottom: 16px; }
  .individual__contact-info > .individual__input-group {
    height: 160px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: none; }
  .individual__bottom-content {
    width: 100%;
    height: 100%; }
  .individual__input-group-passwords {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: none; }
  .individual__password {
    width: 100%;
    height: 160px;
    margin-bottom: 64px; }
  .individual__input-group-passwords input,
  .individual__input-group-passwords input:focus {
    height: 72px; }
  .individual__password-input.active,
  .individual__password-repeat-input.active {
    padding: 32px 24px 16px 24px !important; }
  .individual__buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    width: 100%; }
  .individual__buttons button {
    width: 100%;
    height: 44px;
    margin: 0; } }

.footer {
  position: static;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #EBEAEF;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  padding-top: 56px;
  padding-bottom: 20px;
  margin-top: auto; }

.footer__container {
  width: 1215px;
  height: auto;
  margin: 0 auto; }

.footer__row {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(4, auto); }

.footer__text {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
  color: #5b5b5b; }

.footer__socials {
  display: flex;
  gap: 32px;
  align-items: center; }

.footer__nav-wrapper {
  display: flex;
  gap: 32px; }

.footer__nav {
  width: 280px;
  height: 120px;
  display: flex;
  gap: 20px; }

.footer__nav-links {
  max-width: 279px;
  height: 124px;
  line-height: 24px; }

.footer__nav-item {
  display: grid; }

.footer__nav-link {
  line-height: 24px;
  width: 280px;
  margin-bottom: 24px; }

.footer__nav-item-social {
  margin-bottom: 16px; }

.footer__nav-list li a {
  color: #000;
  text-decoration: none; }

.footer__nav-list > li > a:hover {
  color: #FF7600;
  font-weight: 600; }

.footer__nav-link-tg:hover svg rect {
  fill: #229FDA; }

.footer__nav-link-vk:hover svg rect {
  fill: #0077FF; }

.footer__nav-link-ok:hover svg rect {
  fill: #FF7700; }

.footer__nav-link-tg:hover svg rect,
.footer__nav-link-vk:hover svg rect,
.footer__nav-link-ok:hover svg rect {
  transition: fill 0.3s ease; }

.footer__nav-link-last {
  line-height: 24px;
  height: 24px; }

.footer__nav-item-links {
  display: flex;
  gap: 16px; }

@media screen and (max-width: 768px) {
  .footer {
    padding: 24px 0; }
  .footer__container {
    height: 100%; }
  .footer__row {
    gap: 0;
    grid-template-columns: repeat(1, auto); }
  .footer__nav-item {
    margin-bottom: 16px; }
  .footer__nav-link {
    margin-bottom: 0; } }

.header-index {
  background-color: transparent;
  position: absolute;
  font-weight: 600; }

.header-index .header-text,
.header-index .submenu-btn-3 {
  color: #fff; }

.header-index .header-text:hover {
  color: #FFE4CC;
  transition: all 0.2s ease; }

.header-index .header__login-button {
  background: #FF902E4D;
  color: #fff;
  border: 1px solid #ff7600; }

.header-index .header__login-button:hover {
  background: #FFE4CC;
  color: #FF7600;
  border: 1px solid #ff7600; }

.header-index .header__logo-link:hover svg path {
  fill: #FFE4CC;
  transition: all 0.2s ease; }

@media screen and (max-width: 768px) {
  .header-index .header__login {
    margin: 0;
    padding: 0; } }

.page-title-container__reservation-page-title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px; }

@media screen and (max-width: 768px) {
  .page-title-container__individual-subtitle {
    margin-top: 0; } }

.tour-duration > .choices > .choices__list--dropdown > .choices__list {
  width: 100%;
  padding: 16px 6px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.tour-duration > .choices > .choices__list--dropdown > .choices__list > .choices__item {
  width: 34px;
  padding: 2px 4px;
  margin: 0 2px;
  text-align: center; }

.orng-text {
  font-family: "Museo Sans Cyrl 700";
  color: #FF7600;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer; }

.line-betw-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); }

.drop-down-container {
  display: flex;
  width: 427px;
  height: 72px;
  padding: 24px;
  justify-content: space-between;
  align-items: center;
  background-color: #F5F7FA; }

.start-datepicker,
.end-datepicker {
  width: 426px !important;
  z-index: 100 !important; }

.start-datepicker > .air-datepicker--content > .air-datepicker-body--day-name,
.end-datepicker > .air-datepicker--content > .air-datepicker-body--day-name {
  width: 100% !important; }

.booking-date {
  position: relative;
  width: 430px;
  height: 72px;
  padding: 24px;
  border-radius: 16px;
  background-color: #f5f7fa;
  z-index: 90;
  transition: background-color 0.3s ease;
  border: 2px solid #F5F7FA; }
.booking-date:hover {
  background-color: #FFE4CC;
  border: 2px solid #FFE4CC; }
.booking-date:focus-visible {
  outline: none;
  border: 2px solid #FF7600;
  border-radius: 12px; }

.booking-date.focused {
  outline: none;
  border: 2px solid #FF7600;
  border-radius: 12px; }

.booking-date.active {
  padding: 36px 24px 12px 24px; }

.label-start-date {
  position: absolute;
  left: 26px;
  top: 12px;
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #8E8888;
  z-index: 106; }

.label-end-date {
  position: absolute;
  left: 455px;
  top: 12px;
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #8E8888;
  z-index: 102; }

.date-img {
  background-image: url(/images/calendar.svg);
  background-repeat: no-repeat;
  background-position: 385px;
  cursor: pointer; }

.reservation-card-info {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow-wrap: break-word; }

@media screen and (max-width: 768px) {
  .booking-date {
    width: 100%; }
  .start-datepicker {
    width: 235px !important;
    z-index: 103 !important; }
  .start-datepicker > .air-datepicker--navigation {
    width: 235px !important; }
  .start-datepicker > .air-datepicker--content {
    width: 220px !important;
    padding: 8px !important; }
  .start-datepicker
  > .air-datepicker--content
  > .-days-
  > .air-datepicker-body--day-names
  > .air-datepicker-body--day-name {
    width: 30px !important; }
  .end-datepicker {
    width: 235px !important;
    z-index: 103 !important; }
  .end-datepicker > .air-datepicker--navigation {
    width: 235px !important; }
  .end-datepicker > .air-datepicker--content {
    width: 220px !important;
    padding: 8px !important; }
  .end-datepicker
  > .air-datepicker--content
  > .-days-
  > .air-datepicker-body--day-names
  > .air-datepicker-body--day-name {
    width: 30px !important; }
  .label-end-date {
    left: 24px;
    top: 100px;
    z-index: 106; } }

.account__sidebar {
  width: 280px;
  height: 88px;
  display: grid;
  gap: 8px;
  font-weight: 300; }

.account__sidebar-first-btn-content,
.account__sidebar-second-btn-content {
  padding: 8px;
  display: flex;
  line-height: 24px;
  align-items: center; }

.account__sidebar-first,
.account__sidebar-second {
  width: 280px;
  height: 40px; }

.account__sidebar-first-btn,
.account__sidebar-second-btn {
  width: 280px;
  height: 40px;
  padding: 0; }

.account__sidebar-first-btn,
.account__sidebar-second-btn {
  border: none;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  background-color: transparent; }

.account__sidebar-first-btn {
  background-color: #fff; }

.account__sidebar-first-descr {
  justify-content: center; }

.tab-pane {
  display: none; }

.tab-pane.active {
  display: block; }

.tab-item.active .account__sidebar-first-btn {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.tab-item.active .account__sidebar-first-btn-svg path {
  fill: #FF7600; }

.tab-item.active .account__sidebar-second-btn {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.tab-item.active .account__sidebar-first-btn-svg path {
  fill: #FF7600; }

.tab-item:not(.active) .account__sidebar-first-btn {
  background-color: transparent; }

.tab-item:not(.active) .account__sidebar-first-btn-svg path {
  fill: #CECECE; }

.tab-btn-sidebar {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  stroke: #CECECE; }

/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */
/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal; }

/* FONT_END */
:root {
  --swiper-theme-color: #007aff; }

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block; }

.swiper-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box; }

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-horizontal {
  touch-action: pan-y; }

.swiper-vertical {
  touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px; }

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d; }

.swiper-3d {
  perspective: 1200px; }

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d; }

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none; }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none; }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always; }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

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

.tour-request {
  width: auto;
  padding-bottom: 24px; }

.tour-request__container {
  width: 800px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0; }

.tour-request:last-of-type {
  padding-bottom: 64px; }

.tour-request__content-container {
  width: 800px;
  display: flex;
  flex-direction: column;
  margin: 0 auto; }

.tour-request__card-name {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  display: flex;
  align-items: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  overflow-wrap: break-word; }

.tour-request__card-name_agency {
  font-size: 32px;
  line-height: 40px; }

.tour-request__content-card {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.picture-card {
  height: 100%; }

.tour-request__content-input-card {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.hotels-card {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.feedback-card-container {
  padding: 24px; }

.feedback-card-container-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px; }

.tour-request__content-card-pic {
  width: 800px;
  height: 304px;
  padding: 4px 4px 0 4px; }

.pic-tour-request {
  border-radius: 24px; }

.tour-request__tour-name {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px; }

.tour-request__tour-name-text {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.tour-request__tour-name-btn {
  display: flex;
  width: 240px;
  height: 44px;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--border-color, #FF7600);
  background: var(--background-color, #fff);
  color: #FF7600;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  cursor: pointer;
  transition: background-color ease 0.3s; }

.tour-request__tour-name-btn:hover {
  background: #FFE4CC; }

.tour-request__tour-name-text-main {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px; }

.tour-request__input-container {
  position: relative;
  background-color: #F5F7FA;
  width: 752px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center; }

.tour-request__first-input,
.tour-request__second-input {
  position: relative;
  width: 375px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 98; }

.svg-icon-input {
  position: absolute; }

.common-text-name {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.tour-request__checkbox-container {
  height: 28px;
  padding: 2px; }

.tour-request__checkbox-text {
  height: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.tour-program__line {
  display: flex;
  justify-content: center;
  height: 0; }

.input-big {
  height: 72px;
  padding: 24px;
  justify-content: flex-start; }

.tour-request__input-card-btn {
  width: 178px;
  height: 44px;
  border-radius: 8px;
  padding: 10px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  border: none;
  background-color: #FF7600;
  cursor: pointer;
  transition: background-color 0.3s ease; }
.tour-request__input-card-btn:hover {
  background-color: #FF8C28; }

.dropdown-bottom {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px; }

.tour-request__hotels-cards {
  display: flex;
  justify-content: space-between; }

.tour-request__hotel-card {
  width: 364px;
  display: flex;
  flex-direction: column;
  gap: 8px; }

.tour-request__hotel-pic {
  display: flex;
  gap: 16px; }

.tour-request__hotel-image-container {
  border-radius: 9.33px;
  width: 56px;
  height: 56px; }

.tour-request__hotel-image {
  border-radius: 9.33px;
  width: 100%;
  height: 100%; }

.tour-request__hotel-text {
  width: 292px; }

.tour-request__hotel-info {
  width: 364px;
  display: flex;
  flex-direction: column;
  gap: 12px; }

.tour-request__hotel-info-container {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.tour-request__link-container {
  width: 67px; }

.tour-request__feedback-people {
  display: flex;
  gap: 24px; }

.tour-request__feedback-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 4px solid #FFE4CC;
  border-radius: 24px;
  gap: 24px;
  padding: 20px; }

.tour-request__account-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  width: 236px;
  line-height: 24px;
  overflow-wrap: break-word; }

.individual-booking-dropdown-menu {
  width: 376px !important; }

.phone-input,
.passport-input,
.email-input,
.note-input,
.tour-input-form {
  height: 72px;
  padding: 30px 24px 8px;
  width: 375px;
  background-color: #F5F7FA;
  border: 2px solid #F5F7FA;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  border-radius: 12px;
  transition: background-color ease 0.3s;
  cursor: pointer; }
.phone-input:hover,
.passport-input:hover,
.email-input:hover,
.note-input:hover,
.tour-input-form:hover {
  background-color: #FFE4CC;
  border: 2px solid #FFE4CC; }
.phone-input:focus,
.passport-input:focus,
.email-input:focus,
.note-input:focus,
.tour-input-form:focus {
  background-color: #FFE4CC;
  border: 2px solid #FF7600; }
.phone-input:focus-within,
.passport-input:focus-within,
.email-input:focus-within,
.note-input:focus-within,
.tour-input-form:focus-within {
  outline: none; }

.label-for-input {
  position: absolute;
  left: 26px;
  top: 12px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #8E8888;
  z-index: 160; }

.first-input,
.second-input {
  position: relative;
  height: 100%; }

.tour-request__first-input-holder {
  position: relative;
  height: 100%; }

.search-field__input-holder > .choice > .choices__inner,
.tour-request__second-input-holder > .choices > .choices__inner,
.tour-request__first-input-holder > .choices > .choices__inner {
  position: relative;
  width: 375px;
  padding-top: 32px;
  border-radius: 12px;
  background-color: #F5F7FA;
  border: 2px solid #F5F7FA;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  transition: background-color 0.3s ease;
  z-index: 100; }
.search-field__input-holder > .choice > .choices__inner:hover,
.tour-request__second-input-holder > .choices > .choices__inner:hover,
.tour-request__first-input-holder > .choices > .choices__inner:hover {
  background-color: #FFE4CC;
  border: 2px solid #FFE4CC; }

.tour-request__second-input-holder > .is-focused.choices > .choices__inner,
.tour-request__first-input-holder > .is-focused.choices > .choices__inner {
  border-color: #FF7600;
  background-color: #FFE4CC; }

.tour-request__second-input-holder > .is-open.choices > .choices__inner,
.tour-request__first-input-holder > .is-open.choices > .choices__inner {
  border-color: #FF7600;
  background-color: #FFE4CC; }

.tour-request__second-input-holder > .choices > .choices__inner > .choices__list > .is-active {
  z-index: 110; }

.tour-request__second-input-holder
> .choices
> .choices__inner
> .choices__list
> .choices__list--single
.choices__item {
  padding-left: 24px; }

.phone-input,
.email-input,
.fio-input,
.input_large,
.passport-input {
  width: 100%;
  height: 72px;
  padding: 24px;
  background-color: #F5F7FA;
  border: 2px solid #F5F7FA;
  border-radius: 12px;
  transition: background-color 0.3s ease; }
.phone-input:focus-within,
.email-input:focus-within,
.fio-input:focus-within,
.input_large:focus-within,
.passport-input:focus-within {
  outline: none; }
.phone-input:hover,
.email-input:hover,
.fio-input:hover,
.input_large:hover,
.passport-input:hover {
  background-color: #FFE4CC; }

.phone-input,
.email-input,
.number-of-attendant,
.number-of-tourists,
.number-of-programm,
.fio-input,
.input_large,
.note-input,
.passport-input {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.tour-request__input-container svg {
  z-index: 101; }

.note-input {
  height: 72px;
  padding: 24px;
  width: 100%;
  border-radius: 12px;
  border: 2px solid #F5F7FA;
  background-color: #F5F7FA; }
.note-input:focus-within {
  outline: none; }

.choices__list--single .choices__item {
  max-width: 303px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.arrange-tour-form {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.choices__inner {
  padding: 35px 35px 35px 24px; }

.tour-request__field {
  position: relative; }

.tour-cost-descr-name {
  width: 630px; }

.tour-cost {
  gap: 24px; }

.tour-cost-descr {
  width: 752px;
  padding: 15px 23px;
  border-radius: 16px;
  border: 1px solid rgba(255, 118, 0, 0.5);
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start; }

.tour-cost-table {
  width: 752px;
  display: flex;
  flex-direction: column;
  gap: 16px; }

.tour-cost-table-content {
  width: 752px;
  height: 674px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-color, #CECECE); }

.tour-cost-table-thead {
  width: 752px;
  height: 112px;
  background: var(--background-color, rgba(255, 228, 204, 0.2)); }

.tour-cost-table-transport-right {
  border-top-right-radius: 24px; }

.tour-cost-table-head {
  width: 170px;
  height: 112px;
  border-top-left-radius: 24px; }

.tour-cost-table-transport {
  width: 291px;
  height: 56px; }

.tour-cost-table-people {
  width: 145.5px; }

.tour-cost-table-row {
  height: 56px; }

.tour-program__dropdown-text {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  overflow-wrap: break-word; }

.tour-program__dropdown-hidden-name {
  border-top: 1px solid var(--border-color, #CECECE);
  padding: 24px; }

.tour-program__day-descr {
  padding: 0 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px; }

.tour-program__day1-descr-item-col {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.tour-program__day1-descr-item {
  display: flex;
  gap: 12px; }

.button-feedback-look-all {
  display: none; }

@media screen and (max-width: 768px) {
  .button-feedback-look-all {
    display: block;
    margin: 0 24px 24px 24px; }
  .tour-request__container {
    max-width: 288px; }
  .tour-request__content-container {
    width: 100%; }
  .feedback-card-container-name {
    flex-direction: column;
    gap: 0;
    align-items: start; }
  .tour-request__content-input-card {
    height: 100%; }
  .tour-request__content-card-pic {
    width: 290px;
    height: 300px; }
  .tour-cost-descr {
    width: 100%; }
  .tour-cost-descr-name {
    width: 100%;
    height: 100%; }
  .tour-cost-table {
    width: 100%; }
  .common-text-name {
    width: 100%; }
  .tour-cost-table-content {
    height: 100%;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden; }
  .tour-cost-table-content th {
    padding: 24px; }
  .tour-cost-table-main {
    margin-bottom: 0; }
  .tour-request__tour-name {
    gap: 24px; }
  .picture-card {
    height: 100%; }
  .arrange-tour-form {
    gap: 0; }
  .tour-request__hotels-cards {
    flex-direction: column;
    gap: 32px; }
  .dropdown-card-hidden.show {
    width: 100%;
    height: 100%; }
  .tour-request__tour-name {
    height: 100%; }
  .tour-request__hotel-card {
    width: 100%;
    height: 100%; }
  .tour-request__hotel-image {
    width: 56px;
    height: 56px; }
  .tour-request__hotel-text {
    height: 100%; }
  .tour-request__first-input-holder {
    width: 100%; }
  .tour-request__hotel-info {
    width: 100%;
    height: 100%; }
  .label-for-input {
    max-width: 192px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .tour-request__first-input,
  .tour-request__second-input {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 16px; }
  .tour-request__second-input-select,
  .tour-request__second-input-residence {
    width: 100%; }
  .tour-request__input-container {
    flex-direction: column;
    background: transparent;
    width: 100%;
    height: 100%;
    gap: 0; }
  .tour-request__input-container_agency {
    margin-bottom: 16px;
    gap: 16px !important; }
  .tour-request__checkbox-container {
    height: 100%;
    padding: 0; }
  .tour-request__input-card-btn {
    width: 100%;
    margin-top: 24px; }
  .tour-program__line {
    margin: 24px auto;
    width: 100%; }
  .tour-input-form {
    width: 100%;
    min-width: 240px;
    margin-bottom: 16px; }
  .svg-icon-input {
    display: none; }
  .tour-request__first-input-eat {
    margin-bottom: 16px; }
  .tour-request__second-input-select,
  .tour-request__second-input-residence {
    margin-bottom: 16px; }
  .tour-request__second-input-holder > .choices > .choices__inner,
  .tour-request__first-input-holder > .choices > .choices__inner {
    width: 100%;
    min-width: 240px; }
  .choices__list--single .choices__item {
    max-width: 172px; }
  .phone-input,
  .email-input,
  .note-input,
  .tour-input-form {
    border-radius: 16px; }
  .feedback-card-container {
    height: 100%; }
  .tour-request__feedback-card {
    height: 100%;
    max-height: unset;
    width: 230px; }
  .tour-request__feedback-people {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: 8px; }
  .pic-tour-request {
    object-fit: cover; }
  .arrange-tour-form {
    gap: 0 !important; }
  .tour-request__card-name {
    margin-bottom: 24px; }
  .tour-request__card-name_agency {
    font-size: 24px;
    line-height: 28px; }
  .hotels-card {
    padding: 24px !important;
    height: 100%;
    gap: 0; }
  .tour-program__dropdown-hidden-name {
    margin: 0; }
  .tour-program__day-descr .tour-program__line {
    margin: 0; }
  .feedback-card-container .tour-request__card-name {
    margin: 0; }
  .tour-request__feedback-people {
    padding: 0 24px 24px 24px; }
  .tour-request__account-info {
    width: 182px; } }

.gallery-swiper {
  position: relative;
  display: flex;
  gap: 12px;
  width: 100%;
  overflow: hidden; }

.gallery-card {
  padding-bottom: 24px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566;
  border-radius: 24px;
  display: flex;
  flex-direction: column; }

.gallery-img {
  width: 40px;
  min-width: 40px;
  height: 300px;
  border-radius: 24px;
  cursor: pointer;
  position: relative;
  transition: width 0.3s ease;
  overflow: hidden; }

.gallery-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0.5);
  transition: opacity 0.2s; }

.gallery-img:hover::before,
.gallery-img.active::before {
  opacity: 0; }

.gallery-img img {
  height: 300px;
  border-radius: 24px;
  z-index: -1; }

.few-images .gallery-img {
  width: 40px;
  min-width: 40px; }

.gallery-img.active {
  width: 100%;
  margin: 0 4px; }

.gallery-img:first-child.active {
  margin-left: 0; }

.gallery-img:last-child.active {
  margin-right: 0; }

.gallery-card-name {
  font-family: "Museo Sans Cyrl 700";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  padding: 24px;
  margin: 0; }

.slide {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.slider_size_small {
  padding: 0 24px; }

.gallery-buttons {
  margin-top: 12px;
  display: flex;
  gap: 24px;
  justify-content: center; }

.arrow-left,
.arrow-right {
  cursor: pointer;
  transition: opacity 0.3s;
  user-select: none; }

.arrow-left.disabled path,
.arrow-right.disabled path {
  stroke: #cecece; }

.single-image .gallery-img {
  width: 100%;
  min-width: 100%;
  margin: 0; }

.single-image .gallery-img::before {
  background: none; }

.many-images .slide.active {
  width: 536px; }

.many-images {
  overflow: hidden;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: start; }

.many-images .gallery-img {
  flex-shrink: 0; }

@media screen and (max-width: 768px) {
  .single-image {
    width: 240px !important;
    overflow: visible !important; }
  .single-image .active {
    max-width: 240px !important; }
  .gallery-img.active {
    width: 240px;
    margin: 0; }
  .slider_size_small {
    padding: 0; }
  .gallery-card-name {
    padding: 24px; }
  .gallery-card > .slider {
    display: flex;
    align-items: center;
    width: 288px;
    overflow: hidden;
    position: relative; }
  .gallery-swiper::-webkit-scrollbar {
    display: none; }
  .gallery-swiper {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: start; }
  .gallery-img {
    width: 40px;
    flex-shrink: 0; }
  .gallery-img:first-child,
  .gallery-img:first-child.active {
    margin-left: 24px; }
  .gallery-img:last-child,
  .gallery-img:last-child.active {
    margin-right: 24px; }
  .gallery-img:first-child.active,
  .gallery-img:last-child.active,
  .gallery-img.active {
    width: 240px; }
  .gallery-buttons {
    margin-top: 12px; } }

.tour-details {
  width: auto;
  padding-bottom: 24px; }

.tour-details:last-of-type {
  padding-bottom: 64px; }

.tour-details__result-link-text {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600;
  color: #FF7600;
  font-size: 16px;
  font-style: normal;
  line-height: 24px; }

.tour-details__container {
  width: 800px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0; }

.tour-details__content-card {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.tour-details__content-input-card {
  padding: 24px 24px 0;
  display: flex;
  flex-direction: column;
  gap: 10px; }

.tour-details__result {
  padding: 0 24px 24px 24px; }

.tour-details__result-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 752px;
  border-radius: 24px;
  border: 2px solid var(--border-color, #FFE4CC);
  background: linear-gradient(275deg, rgba(255, 118, 0, 0.1) 0.3%, rgba(255, 184, 0, 0.01) 106.59%), #fff;
  padding: 24px; }

.tour-details__result-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-wrap: break-word; }

.tour-details__result-content {
  display: flex;
  gap: 24px; }

.tour-details__result-content-date,
.tour-details__result-content-price {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.tour-details__result-content-date {
  width: 240px; }

.tour-details__result-content-price {
  width: 184px; }

.tour-details__card-name {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; }

.tour-details__result-total-cost {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; }

.tour-details__dropdown {
  display: flex;
  justify-content: space-between;
  height: 80px;
  padding: 24px;
  border-top: 1px solid var(--border-color, #CECECE);
  background: var(--background-color, #fff);
  cursor: pointer;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px; }

.tour-details__content-card-pic {
  width: 800px;
  height: 304px;
  padding: 4px 4px 0 4px; }

.pic-tour-details {
  border-radius: 24px; }

.tour-details__tour-name {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px; }

.tour-details__tour-name-text {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.tour-details__tour-buttons {
  display: flex;
  gap: 16px; }

.tour-details__tour-name-text-main {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px; }

.tour-details__input-block {
  display: flex;
  flex-direction: column;
  gap: 10px; }

.tour-details__calendar {
  width: 100%;
  height: 72px; }

.tour-details__calendar_custom {
  height: 60px;
}

.details-tour__calendar-form {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 72px; }

.details-tour__calendar-form_custom {
  height: 60px;
}

.details-tour__calendar-form_custom > .custom-start-date_sidebar {
  width: 100%;
  height: 60px;
}

.tour-details__input-container {
  position: relative;
  background-color: #F5F7FA;
  height: 72px;
  border-radius: 16px;
  display: flex;
  align-items: center; }

.tour-details__checkbox-container {
  height: 100%;
  padding: 2px;
  display: flex;
  flex-direction: column;
  gap: 16px; }

.tour-details__checkbox-text {
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.tour-details__checkbox-price {
  height: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.tour-details__result-text {
  width: 152px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.tour-details__svg-container {
  width: 24px;
  height: 24px; }

.tour-details__line {
  display: flex;
  justify-content: center;
  height: 0; }

.tour-details__dropdown-text {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; }

.tour-details__dropdown-name {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px; }

.reservation {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px; }

.tour-details__result-content-place {
  width: 232px;
  display: flex;
  gap: 16px; }

.tour-details__result-content-place-container {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px; }

.tour-details__result-content-place-container img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12.8px;
  border: 3px solid var(--border-color, #FFE4CC);
  background: #FFBDBD; }

.tour-details__result-place-number {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  bottom: 0;
  right: 0;
  border-radius: 8px 0 8px 0;
  background: var(--background-color, #FFE4CC);
  padding-top: 1px; }

.top-right-svg,
.bottom-left-svg {
  position: absolute;
  width: 8px;
  height: 8px; }

.top-right-svg {
  top: -16px;
  right: 3px; }

.bottom-left-svg {
  bottom: 12px;
  left: -7px; }

.tour-details__result-link {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.tour-details__result-buttons {
  display: flex;
  gap: 24px;
  align-items: center; }

.tour-details__hotels-cards {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 40px; }

.tour-details__hotel-card {
  width: 364px;
  display: flex;
  flex-direction: column;
  gap: 8px; }

.tour-details__hotel-pic {
  display: flex;
  gap: 16px; }

.tour-details__hotel-image-container {
  border-radius: 9.33px;
  display: flex;
  align-items: center;
  width: 56px;
  height: 56px; }

.tour-details__hotel-image {
  border-radius: 9.33px;
  width: 100%;
  height: 100%; }

.tour-details__hotel-text {
  width: 292px;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; }

.tour-details__hotel-info {
  width: 364px;
  display: flex;
  flex-direction: column;
  gap: 12px; }

.tour-details__hotel-info-container {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.tour-details__link-container {
  width: 67px; }

.tour-details__feedback-people {
  display: flex;
  gap: 24px;
  margin-top: 24px; }

.tour-details__feedback-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 4px solid #FFE4CC;
  border-radius: 24px;
  gap: 24px;
  padding: 20px; }

.tour-details__account-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  width: 236px;
  line-height: 24px;
  overflow-wrap: break-word; }

.public-places {
  display: flex;
  gap: 16px; }

.public-places.hidden {
  display: none; }

.third-input {
  position: relative;
  height: 100%; }

.tour-details__first-input-holder {
  position: relative;
  height: 100%; }

.tour-details__second-input-holder > .choices > .choices__inner,
.tour-details__first-input-holder > .choices > .choices__inner,
.tour-details__third-input-holder > .choices > .choices__inner {
  position: relative;
  padding-top: 32px;
  height: 60px;
  border-radius: 12px;
  background-color: #F5F7FA;
  border: 2px solid #F5F7FA;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  transition: background-color 0.3s ease;
  z-index: 100; }
.tour-details__second-input-holder > .choices > .choices__inner:hover,
.tour-details__first-input-holder > .choices > .choices__inner:hover,
.tour-details__third-input-holder > .choices > .choices__inner:hover {
  background-color: #FFE4CC;
  border: 2px solid #FFE4CC; }

.tour-details__second-input-holder > .is-focused.choices > .choices__inner,
.tour-details__third-input-holder > .is-focused.choices > .choices__inner,
.tour-details__first-input-holder > .is-focused.choices > .choices__inner {
  border-color: #FF7600;
  background-color: #FFE4CC; }

.tour-details__second-input-holder > .is-open.choices > .choices__inner,
.tour-details__third-input-holder > .is-open.choices > .choices__inner,
.tour-details__first-input-holder > .is-open.choices > .choices__inner {
  border-color: #FF7600;
  background-color: #FFE4CC; }

.tour-details__first-input-select,
.tour-details__third-input-select,
.tour-details__second-input-select,
.tour-details__second-input-holder,
.tour-details__third-input-holder {
  width: 100%;
  height: 100%; }

.tour-details__content-input-card > .tour-details__second-input-select > .tour-details__second-input-holder > .choices > .choices__inner::before,
.tour-details__content-input-card > .tour-details__input-block > .tour-details__third-input-select > .tour-details__third-input-holder > .choices > .choices__inner::before,
.tour-details__content-input-card > .tour-details__input-block > .tour-details__first-input-select > .tour-details__first-input-holder > .choices > .choices__inner::before {
  top:20px;
}

.tour-details__content-input-card > .tour-details__second-input-select > .tour-details__second-input-holder.has-value > .choices > .choices__inner::before,
.tour-details__content-input-card > .tour-details__input-block > .tour-details__third-input-select > .tour-details__third-input-holder.has-value > .choices > .choices__inner::before,
.tour-details__content-input-card > .tour-details__input-block > .tour-details__first-input-select > .tour-details__first-input-holder.has-value > .choices > .choices__inner::before {
  top:9px;
}

.tour-details__second-input-holder > .choices > .choices__inner > .choices__list > .is-active,
.tour-details__third-input-holder > .choices > .choices__inner > .choices__list > .is-active {
  z-index: 110; }

.tour-details__second-input-holder
> .choices
> .choices__inner
> .choices__list
> .choices__list--single
.choices__item {
  padding-left: 24px; }

.tour-details__third-input-holder
> .choices
> .choices__inner
> .choices__list
> .choices__list--single
.choices__item {
  padding-left: 24px; }

.tour-details__input-container svg {
  z-index: 101;
  width: 4px;
  height: 36px; }

.arrange-tour-form,
.reservation-hidden-link-content {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.tour-details__dropdown-hidden {
  overflow: hidden;
  height: 0;
  padding: 0 24px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column; }

.tour-details__dropdown-hidden-card {
  overflow: hidden;
  height: 0;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column; }

.bus-select-hidden {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.tour-details__bus-select-hidden,
.reservation-hidden-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px; }

.bus-driver {
  width: 33px;
  height: 35px;
  border: 1px solid #cecece;
  border-radius: 8px;
  display: grid;
  grid-column: 1 / span 1;
  grid-row: 5 / span 1;
  transform: translateY(-4px); }

.bus-driver svg {
  width: 100%;
  height: 100%;
  padding: 6px; }

.sprinter18-driver {
  grid-column: 1 / span 1;
  grid-row: 5 / span 5;
  transform: translateY(-34px); }

.sprinter16-driver {
  transform: translateY(-35px);
  grid-column: 1 / span 1;
  grid-row: 5 / span 5; }

.sprinter16-bus-bottom-seats {
  display: grid;
  grid-template-columns: repeat(5, 40px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 1 / span 5;
  grid-row: 3 / span 2;
  margin-top: 26px;
  margin-left: 121px; }

.tour-details__dropdown-bus1-places,
.tour-details__dropdown-bus4-places {
  width: 752px;
  height: 256px;
  padding: 24px 20px;
  border-radius: 24px;
  border: 2px solid var(--border-color, #CECECE);
  display: grid;
  grid-template-columns: repeat(13, 40px);
  grid-template-rows: repeat(5, 32px);
  grid-gap: 12px; }

.tour-details__dropdown-bus5-places {
  width: 584px;
  height: 230px;
  padding: 24px 20px 24px 76px;
  border-radius: 24px;
  border: 2px solid var(--border-color, #CECECE);
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 auto; }

.tour-details__dropdown-bus6-places {
  width: 752px;
  height: 256px;
  padding: 24px 20px;
  border-radius: 24px;
  border: 2px solid var(--border-color, #CECECE);
  display: grid;
  grid-template-columns: repeat(15, 32px);
  grid-template-rows: repeat(5, 32px);
  grid-gap: 12px; }

.bus6-place-top-left {
  display: grid;
  grid-template-columns: repeat(6, 32px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 2 / span 6;
  grid-row: 1 / span 2; }

.bus6-main-place {
  display: grid;
  grid-template-columns: repeat(1, 40px);
  grid-template-rows: repeat(1, 32px);
  grid-gap: 12px;
  grid-column: 16 / span 1;
  grid-row: 3 / span 1; }

.bus6-place-bottom {
  display: grid;
  grid-template-columns: repeat(15, 32px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 2 / span 13;
  grid-row: 4 / span 2; }

.bus6-place-top-right {
  display: grid;
  grid-template-columns: repeat(7, 32px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 10 / span 5;
  grid-row: 1 / span 2; }

.mers32-d-row {
  display: flex;
  justify-content: flex-end;
  gap: 16px; }

.mers32-c-row {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
  gap: 16px; }

.mers32-b-row {
  display: flex;
  gap: 16px; }

.mers32-a-row {
  display: flex;
  gap: 16px;
  margin-left: -48px;
  width: 538px; }

.svg-seat-container {
  width: 40px;
  height: 32px;
  cursor: pointer; }

.svg-seat-container text {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 12px; }

.svg-seat-container svg {
  width: 40px;
  height: 32px; }

.bus-place-top-left {
  display: grid;
  grid-template-columns: repeat(6, 40px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 2 / span 6;
  grid-row: 1 / span 2; }

.bus-place-bottom {
  display: grid;
  grid-template-columns: repeat(13, 40px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 2 / span 13;
  grid-row: 4 / span 2; }

.bus-place-top-right {
  display: grid;
  grid-template-columns: repeat(5, 40px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 10 / span 5;
  grid-row: 1 / span 2; }

.bus-51places-top {
  display: grid;
  grid-template-columns: repeat(6, 40px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 9 / span 5;
  grid-row: 1 / span 2; }

.bus-main-place {
  display: grid;
  grid-template-columns: repeat(1, 40px);
  grid-template-rows: repeat(1, 32px);
  grid-gap: 12px;
  grid-column: 14 / span 1;
  grid-row: 3 / span 1; }

.tour-details__dropdown-bus2-places,
.tour-details__dropdown-bus3-places {
  width: 450px;
  height: 230px;
  margin: 0 auto;
  padding: 24px 56px 24px 20px;
  border-radius: 24px;
  border: 2px solid var(--border-color, #CECECE);
  display: grid; }

.mini-bus-top-seats {
  display: grid;
  grid-template-columns: repeat(4, 40px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 8 / span 5;
  grid-row: 1 / span 2;
  margin-left: 140px; }

.sprinter16-bus-top-seats {
  display: grid;
  grid-template-columns: repeat(3, 40px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 1 / span 5;
  grid-row: 1 / span 2;
  margin-left: 225px; }

.mini-bus-bottom-seats {
  display: grid;
  grid-template-columns: repeat(5, 40px);
  grid-template-rows: repeat(2, 32px);
  grid-gap: 12px;
  grid-column: 8 / span 5;
  grid-row: 3 / span 2;
  margin-top: 26px;
  margin-left: 88px; }

.tour-details__dropdown-place-info {
  display: flex;
  justify-content: center;
  gap: 34px; }

.tour-details__dropdown-place-reserved,
.tour-details__dropdown-place-free {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px; }

.tour-details__table-cost {
  border-radius: 24px;
  border: 1px solid var(--border-color, #CECECE);
  overflow: scroll; }

.bottom-tr th {
  border-bottom: none; }

.detail-cost-hidden,
.details-about-hidden,
.reservation-hidden {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.tour-details__additional-cost,
.reservation-hidden-list-content,
.reservation-hidden-link {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.tour-details__list {
  display: flex;
  line-height: 24px;
  gap: 12px; }

.tour-details__list-point {
  height: 24px; }

.tour-details__list svg {
  width: 16px;
  height: 16px;
  margin-bottom: 8px; }

.reservation-hidden-policy {
  width: 752px;
  height: 96px;
  padding: 24px;
  border-radius: 24px;
  border: 2px solid var(--border-color, #FFE4CC); }

.bus1-select-hidden.show {
  height: 1722px;
  padding: 0 24px 0 24px; }

.detail-cost-hidden.show {
  height: 424px;
  padding: 0 24px 24px; }

.details-about-hidden.show {
  padding: 0 24px 24px;
  height: 384px; }

.reservation-hidden.show {
  padding: 0 24px 24px;
  height: 824px; }

.tour-program-hidden.show {
  height: 2696px; }

.tour-program-wrap {
  height: 0;
  padding: 0; }

.tour-detail-table-main {
  width: 100%;
  margin: 0; }

.tour-detail-table-head {
  height: 168px;
  padding: 24px; }

.tour-detail-table-col_dynamic-width {
  width: calc(100% / (var(--num-columns) + 1)); }

.tour-detail-table-head_fix-width {
  width: 192px; }

.tour-detail-table-places {
  height: 72px;
  padding: 24px; }

.tour-detail-table-places_fix-width {
  width: 140px; }

.tour-detail-table-date {
  max-width: 150px;
  height: 96px;
  padding: 24px; }

.tour-detail-table-name {
  width: 192px;
  height: 72px; }

.tour-detail-table-price {
  height: 72px;
  padding: 24px; }

.tour-details__dropdown-hidden-name {
  height: 80px;
  border-top: 1px solid var(--border-color, #CECECE);
  padding: 24px; }

.tour-details__day-descr {
  padding: 0 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px; }

.tour-details__day1-descr-item-col,
.reservation-hidden-link-descr {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.tour-details__day1-descr-item,
.tour-details__result-content-display {
  display: flex;
  gap: 12px; }

.details-tour__custom-date {
  background-image: url(/images/calendar.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  cursor: pointer; }

/* Календарь-попап: общие правила для полей с классом *string-datepicker-* */
[class*="string-datepicker-"],
.string-datepicker {
  width: 371px !important;
  z-index: 100 !important; }

.customClassDatepicker {
  z-index: 100 !important; }

[class*="string-datepicker-"] .air-datepicker-body--day-name,
.string-datepicker .air-datepicker-body--day-name {
  font-family: "Museo Sans Cyrl 300", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 24px !important;
  color: #8e8888 !important;
  width: auto !important;
  height: auto !important;
  text-transform: lowercase !important; }

[class*="string-datepicker-"] .air-datepicker.-active-:not(.-custom-position-),
.string-datepicker .air-datepicker.-active-:not(.-custom-position-) {
  width: 371px !important; }

[class*="string-datepicker-"] .air-datepicker--navigation,
.string-datepicker .air-datepicker--navigation {
  width: 324px !important; }

[class*="string-datepicker-"] .air-datepicker--content,
.string-datepicker .air-datepicker--content {
  width: 356px !important; }

[class*="string-datepicker-"] .air-datepicker-cell.-disabled-,
.string-datepicker .air-datepicker-cell.-disabled- {
  cursor: not-allowed;
  color: #000; }

[class*="string-datepicker-"] .air-datepicker-cell.empty:hover,
.string-datepicker .air-datepicker-cell.empty:hover {
  color: unset !important;
  background: unset !important; }

[class*="string-datepicker-"] .air-datepicker,
.string-datepicker .air-datepicker {
  display: none;
  z-index: 100 !important; }

[class*="string-datepicker-"] .air-datepicker.visible,
.string-datepicker .air-datepicker.visible {
  display: none; }

[class*="string-datepicker-"] .air-datepicker-cell.-day-::after,
.string-datepicker .air-datepicker-cell.-day-::after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 26px; }

[class*="string-datepicker-"] .empty,
.string-datepicker .empty {
  cursor: not-allowed; }

[class*="string-datepicker-"] .free,
.string-datepicker .free {
  cursor: pointer; }

[class*="string-datepicker-"] .free,
.string-datepicker .free {
  border: 2px solid #219653 !important;
  background-color: rgba(33, 150, 83, 0.12) !important;
}

[class*="string-datepicker-"] .free.-focus-,
.string-datepicker .free.-focus- {
  color: #000 !important;
  background-color: rgba(33, 150, 83, 0.3) !important;
  border: 2px solid #219653 !important;
}

[class*="string-datepicker-"] .occupied,
.string-datepicker .occupied {
  color: unset !important;
  border: 2px solid #FF0000 !important;
  background-color: rgba(255, 0, 0, 0.12) !important;
}

[class*="string-datepicker-"] .occupied.-focus-,
.string-datepicker .occupied.-focus- {
  color: #000 !important;
  background-color: rgba(255, 0, 0, 0.3) !important;
  border: 2px solid #FF0000 !important;
}

[class*="string-datepicker-"] .part-time,
.string-datepicker .part-time {
  cursor: pointer;
  border: 2px solid #C8890B !important;
  background-color: rgba(200, 137, 11, 0.12) !important;
}

[class*="string-datepicker-"] .part-time.-focus-,
.string-datepicker .part-time.-focus- {
  color: #000 !important;
  background-color: rgba(200, 137, 11, 0.3) !important;
  border: 2px solid #C8890B !important;
}

[class*="string-datepicker-"] .free::after,
.string-datepicker .free::after {
  background-repeat: no-repeat;
}

[class*="string-datepicker-"] .part-time::after,
.string-datepicker .part-time::after {
  background-repeat: no-repeat;
}

[class*="string-datepicker-"] .occupied::after,
.string-datepicker .occupied::after {
  background-repeat: no-repeat;
}

[class*="string-datepicker-"] .air-datepicker-cell,
.string-datepicker .air-datepicker-cell {
  height: 34px;
  padding: 4px;
  align-items: flex-start !important; }

/*
 * Календарь для поля даты в сайдбаре формы бронирования:
 * ширина ограничена 272px (по ширине input), чтобы не выходил за края.
 */
.custom-start-date_sidebar ~ .air-datepicker,
.custom-start-date_sidebar ~ .air-datepicker.-active-:not(.-custom-position-),
.tour-details__calendar_custom .air-datepicker,
.tour-details__calendar_custom .air-datepicker.-active-:not(.-custom-position-) {
  width: 272px !important;
  max-width: 272px !important;
  box-sizing: border-box; }

.custom-start-date_sidebar ~ .air-datepicker .air-datepicker--navigation,
.tour-details__calendar_custom .air-datepicker--navigation {
  width: 272px !important; }

.custom-start-date_sidebar ~ .air-datepicker .air-datepicker--content,
.tour-details__calendar_custom .air-datepicker--content {
  width: 272px !important;
  padding: 12px 8px 8px !important;
  box-sizing: border-box; }

.custom-start-date_sidebar ~ .air-datepicker .air-datepicker-body--day-name,
.tour-details__calendar_custom .air-datepicker-body--day-name {
  width: auto !important;
  font-size: 14px !important; }

.custom-start-date_sidebar ~ .air-datepicker .air-datepicker-cell.-day-,
.tour-details__calendar_custom .air-datepicker-cell.-day- {
  height: 32px;
  padding: 4px;
  margin-bottom: 6px !important; }

.svg-seat-container rect {
  transition: fill 0.1s ease; }

.occupied-seat rect {
  fill: #ffcccc; }

.occupied-seat svg {
  cursor: not-allowed; }

.tour-details__account-name {
  max-height: none; }

.tour-details__form {
  display: flex;
  flex-direction: column; }

@media screen and (max-width: 768px) {
  .bus1-select-hidden.show {
    height: 3247px; }
  .custom-datepicker {
    width: 235px !important; }
  .custom-datepicker > .air-datepicker--navigation {
    width: 235px !important; }
  .custom-datepicker > .air-datepicker--content {
    width: 235px !important;
    padding: 8px 0 !important; }
  .tour-details__container {
    max-width: 288px; }
  .tour-details__button-back {
    margin-top: 20px; }
  .tour-details__content-container {
    width: 100%; }
  .tour-details__dropdown {
    height: 100%; }
  .feedback-card-container-name {
    flex-direction: column;
    gap: 12px;
    align-items: start;
    padding: 24px; }
  .tour-details__content-input-card {
    height: 100%; }
  .tour-details__content-card-pic {
    position: relative;
    width: 288px;
    height: 300px; }
  .tour-details__tour-buttons {
    flex-direction: column; }
  .tour-details__content-card-pic img {
    object-fit: cover; }
  .tour-name-dropdown-hidden.show {
    width: 288px;
    height: 304px; }
  .tour-details__dropdown-hidden iframe {
    height: 300px; }
  .map-widget-map-component {
    width: 288px;
    height: 300px; }
  .tour-details__input-container svg {
    display: none; }
  .tour-details__result-content {
    flex-direction: column; }
  .tour-details__result-container {
    width: 100%;
    gap: 24px; }
  .tour-details__result-content {
    gap: 0; }
  .tour-details__result-content-date {
    margin-bottom: 16px; }
  .tour-details__result-content-price {
    margin-bottom: 24px; }
  .tour-details__result-content-place {
    width: 100%;
    flex-direction: column; }
  .tour-details__result-text {
    width: 100%; }
  .tour-details__result-buttons {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 16px; }
  .tour-details__result-buttons .button {
    align-self: center; }
  .details-tour__calendar-form {
    width: 100%; }
  .tour-program {
    width: 288px; }
  .tour-cost-descr-name {
    width: 100%;
    height: 100%; }
  .detail-cost-hidden.show {
    height: 640px; }
  .tour-detail-table-main {
    height: 240px;
    margin-bottom: 0; }
  .tour-details__table-cost-container {
    width: 240px; }
  .tour-details__table-cost-container::-webkit-scrollbar {
    height: 6px;
    width: 100px; }
  .tour-details__table-cost-container::-webkit-scrollbar-thumb {
    background: var(--your-color-variable, #FFE4CC);
    border-radius: 8px; }
  .tour-details__table-cost-container::-webkit-scrollbar-track {
    background: transparent; }
  .tour-detail-table-head {
    height: min-content;
    padding: 24px 5px 24px 5px; }
  .tour-detail-table-places {
    height: min-content;
    padding: 24px 5px 24px 5px; }
  .tour-detail-table-date {
    height: min-content;
    padding: 24px 5px 24px 5px; }
  .tour-detail-table-price {
    height: min-content;
    padding: 24px 5px 24px 5px; }
  .tour-details__tour-name {
    gap: 24px; }
  .details-about-hidden.show {
    height: 624px; }
  .tour-details__list-point {
    height: 16px;
    width: 8px; }
  .tour-details__list svg {
    height: 16px;
    width: 8px; }
  .reservation-card {
    width: 100%;
    height: 100%; }
  .reservation-hidden.show {
    height: 1520px; }
  .reservation-hidden-policy {
    width: 100%;
    height: 216px; }
  .bus-driver {
    grid-column: 1 / span 5;
    grid-row: 1 / span 14;
    transform: none; }
  .tour-details__dropdown-bus1-places,
  .tour-details__dropdown-bus4-places {
    height: 655px;
    width: 240px;
    grid-template-columns: repeat(5, 40px);
    grid-template-rows: repeat(14, 32px);
    padding: 24px 8px;
    gap: 12px 4px; }
  .tour-details__dropdown-bus5-places {
    width: 240px;
    height: 100%;
    flex-direction: row-reverse;
    padding: 24px;
    gap: 4px; }
  .tour-details__dropdown-bus6-places {
    height: 100%;
    width: 240px;
    grid-template-columns: repeat(5, 40px);
    grid-template-rows: repeat(16, 32px);
    padding: 24px 8px;
    gap: 12px 4px; }
  .bus6-place-top-left {
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(6, 32px);
    grid-column: 4 / span 2;
    grid-row: 2 / span 6;
    gap: 12px 4px;
    grid-auto-flow: column; }
  .bus6-place-top-right {
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(7, 32px);
    grid-column: 4 / span 2;
    grid-row: 10 / span 5;
    gap: 12px 4px;
    grid-auto-flow: column; }
  .bus6-main-place {
    grid-column: 3 / span 1;
    grid-row: 16 / span 1;
    gap: 12px 4px; }
  .bus6-place-bottom {
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(15, 32px);
    grid-column: 1 / span 2;
    grid-row: 2 / span 14;
    gap: 12px 4px;
    grid-auto-flow: column; }
  .mers32-d-row,
  .mers32-c-row,
  .mers32-b-row,
  .mers32-a-row {
    flex-direction: column;
    margin: 0;
    gap: 12px; }
  .mers32-b-row {
    margin-right: 20px;
    margin-top: 47px; }
  .bus-place-top-left {
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(6, 32px);
    grid-column: 4 / span 2;
    grid-row: 2 / span 6;
    gap: 12px 4px;
    grid-auto-flow: column; }
  .bus-place-bottom {
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(13, 32px);
    grid-column: 1 / span 2;
    grid-row: 2 / span 14;
    gap: 12px 4px;
    grid-auto-flow: column; }
  .bus-main-place {
    grid-column: 3 / span 1;
    grid-row: 14 / span 1;
    gap: 12px 4px; }
  .bus-place-top-right {
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(5, 32px);
    grid-column: 4 / span 2;
    grid-row: 10 / span 5;
    gap: 12px 4px;
    grid-auto-flow: column; }
  .bus-51places-top {
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(6, 32px);
    grid-column: 4 / span 2;
    grid-row: 9 / span 5;
    gap: 12px 4px;
    grid-auto-flow: column; }
  .tour-details__dropdown-bus2-places,
  .tour-details__dropdown-bus3-places {
    width: 240px;
    height: 100%;
    padding: 24px 16px; }
  .mini-bus-bottom-seats {
    width: 84px;
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(5, 32px);
    grid-gap: 12px 4px;
    grid-column: 1 / span 2;
    grid-row: 1 / span 5;
    grid-auto-flow: column;
    margin: 47px 32px 0 0; }
  .sprinter16-bus-bottom-seats {
    width: 84px;
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(5, 32px);
    grid-gap: 12px 4px;
    grid-column: 1 / span 2;
    grid-row: 1 / span 5;
    grid-auto-flow: column;
    margin: 47px 32px 0 0; }
  .mini-bus-top-seats {
    width: 84px;
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(4, 32px);
    grid-gap: 12px 4px;
    grid-column: 3 / span 4;
    grid-row: 2 / span 4;
    grid-auto-flow: column;
    margin: 0; }
  .sprinter16-bus-top-seats {
    width: 84px;
    grid-template-columns: repeat(2, 40px);
    grid-template-rows: repeat(3, 32px);
    grid-gap: 12px 4px;
    grid-column: 3 / span 4;
    grid-row: 2 / span 4;
    grid-auto-flow: column;
    margin: 0; }
  .mini-bus-top-seats .svg-seat-container:nth-child(-n + 4),
  .mini-bus-bottom-seats .svg-seat-container:nth-child(-n + 5),
  .bus-place-top-right .svg-seat-container:nth-child(-n + 5),
  .bus-place-top-left .svg-seat-container:nth-child(-n + 6),
  .bus-place-bottom .svg-seat-container:nth-child(-n + 13) {
    grid-area: auto / 2; }
  .mini-bus-top-seats .svg-seat-container:nth-child(n + 5),
  .bus-place-top-right .svg-seat-container:nth-child(n + 6),
  .mini-bus-bottom-seats .svg-seat-container:nth-child(n + 6),
  .bus-place-bottom .svg-seat-container:nth-child(n + 14) {
    grid-area: auto / 1; }
  .hotels-card > .tour-details__card-name {
    margin-bottom: 24px; }
  .tour-program-hidden.show {
    height: 5588px; }
  .tour-details__dropdown-place-info {
    flex-direction: column;
    gap: 8px; }
  .tour-details__dropdown-place-reserved,
  .tour-details__dropdown-place-free {
    justify-content: flex-start; }
  .picture-card {
    height: 100%; }
  .tour-details__gallery-content {
    overflow: hidden;
    width: 288px; }
  .tour-details__hotels-cards {
    flex-direction: column;
    gap: 32px; }
  .price-of-evro {
    display: block; }
  .tour-details__btn-reserve {
    width: 190px; }
  .tour-details__account-reservation-dropdown-container {
    margin: 0; }
  .tour-details__day-descr {
    height: 100%; }
  .tour-details__tour-name {
    height: 100%; }
  .tour-details__hotel-card {
    width: 100%;
    height: 100%; }
  .tour-details__hotel-image {
    width: 56px;
    height: 56px; }
  .hotels-card {
    overflow-wrap: break-word; }
  .tour-details__hotel-text {
    width: 168px; }
  .tour-details__first-input-holder {
    width: 100%; }
  .tour-details__hotel-info {
    width: 100%;
    height: 100%; }
  .label-for-input {
    max-width: 192px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .tour-details__first-input-select,
  .tour-details__second-input {
    margin-bottom: 16px;
    border-radius: 16px; }
  .tour-details__first-input-select,
  .tour-details__second-input {
    width: 100%; }
  .tour-details__third-input-select {
    margin-bottom: 0; }
  .tour-details__first-input-select,
  .tour-details__second-input-select,
  .tour-details__second-input-holder,
  .tour-details__third-input-select,
  .tour-details__third-input-holder {
    width: 100%; }
  .tour-details__input-container {
    flex-direction: column;
    background: transparent;
    width: 100%;
    height: 100%;
    gap: 24px; }
  .tour-details__checkbox-container {
    height: 100%;
    padding-bottom: 24px; }
  .reservation-hidden-list {
    padding: 0; }
  .tour-details__line {
    width: 100%; }
  .tour-details__third-input-holder > .choices > .choices__inner,
  .tour-details__second-input-holder > .choices > .choices__inner,
  .tour-details__first-input-holder > .choices > .choices__inner {
    width: 100%; }
  .choices__list--single .choices__item {
    max-width: 172px; }
  .feedback-card-container {
    height: 100%; }
  .tour-details__feedback-card {
    height: 100%;
    width: 230px;
    max-height: unset; }
  .tour-details__feedback-people {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: 8px;
    margin-top: 0;
    padding: 0 24px 24px 24px; }
  .tour-details__feedback-card-top {
    width: 100%; }
  .tour-details__account-info {
    width: 182px; }
  .feedback-card-container {
    padding: 0; }
  [class*="string-datepicker-"],
  .string-datepicker {
    width: 235px !important; }
  [class*="stour-details_tring-datepicker-"],
  .tour-details_string-datepicker {
    width: 235px !important; }
  [class*="string-datepicker-"] .air-datepicker-body--day-name,
  .string-datepicker .air-datepicker-body--day-name {
    font-family: "Museo Sans Cyrl 300", sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 24px !important;
    color: #8e8888 !important;
    width: auto !important;
    height: auto !important;
    text-transform: lowercase !important; }
  [class*="string-datepicker-"] .air-datepicker.-active-:not(.-custom-position-),
  .string-datepicker .air-datepicker.-active-:not(.-custom-position-) {
    width: 235px !important; }
  [class*="string-datepicker-"] .air-datepicker--navigation,
  .string-datepicker .air-datepicker--navigation {
    width: 235px !important; }
  [class*="string-datepicker-"] .air-datepicker--content,
  .string-datepicker .air-datepicker--content {
    width: 220px !important; }
  .tour-details__content-input-card > .tour-details__second-input-select > .tour-details__second-input-holder > .choices > .choices__inner::before,
  .tour-details__content-input-card > .tour-details__input-block > .tour-details__third-input-select > .tour-details__third-input-holder > .choices > .choices__inner::before,
  .tour-details__content-input-card > .tour-details__input-block > .tour-details__first-input-select > .tour-details__first-input-holder > .choices > .choices__inner::before {
    top:6px;
  } }

.reservation__container {
  width: 800px;
  padding: 0 0 64px 0; }

.reservation__result-link-text,
.reservation__button-add-tourist,
.reservation__button-delete-tourist {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600;
  color: #FF7600;
  font-size: 16px;
  font-style: normal;
  line-height: 24px; }

.reservation__button-back {
  width: 83px;
  height: 24px;
  line-height: 24px;
  display: flex;
  gap: 12px;
  margin: 24px 0;
  align-items: center; }

.reservation__info-container {
  display: flex;
  gap: 30px; }

.reservation__amount-paid {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.reservation__info-agent {
  width: 371px; }

.reservation__info-legal {
  width: 351px; }

.reservation__input-container {
  position: relative;
  background-color: #F5F7FA;
  width: 752px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center; }

.reservation__first-input,
.reservation__second-input {
  width: 375px; }

.reservation__date-container {
  display: flex;
  align-items: center;
  gap: 32px; }

.reservation__second-input-holder > .is-focused.choices > .choices__inner,
.reservation__first-input-holder > .is-focused.choices > .choices__inner {
  border-color: #FF7600 !important;
  background-color: #FFE4CC; }

.reservation__first-input-holder > .choices > .choices__inner > .choices__list--single .choices__item {
  padding: 0; }

.reservation__tourist-container {
  display: flex;
  flex-direction: column;
  gap: 80px; }

.reservation__tourist {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.reservation__details {
  padding: 16px 24px;
  border-radius: 16px;
  border: 1px solid rgba(255, 118, 0, 0.5); }

.reservation__search-tour-form {
  width: 375px !important;
  position: relative;
  background-color: #F5F7FA;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.reservation__search-tour-form .custom-date {
  width: 375px !important;
  padding: 24px;
  cursor: pointer; }

.reservation__search-tour-form .beginning-date-of-tour {
  background-position: 324px !important; }

.reservation__first-input-holder {
  width: 375px; }

.passport-input {
  width: 100%;
  height: 72px;
  padding: 24px;
  background-color: #F5F7FA;
  border: 2px solid #F5F7FA;
  border-radius: 12px;
  transition: background-color 0.3s ease; }

.input-holder input.active {
  padding: 36px 24px 12px 24px; }

.input-holder textarea.active {
  padding: 36px 24px 12px 24px; }

.input-holder select.active + label,
.input-holder select:focus + label,
.input-holder select:not([value=""]) + label {
  position: absolute;
  left: 24px;
  top: 12px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #8E8888;
  z-index: 102; }

.input-holder select.active,
.input-holder select:focus,
.input-holder select:not([value=""]) {
  padding: 36px 24px 12px 24px; }

.reservation__add-tourist,
.reservation__button-container {
  display: flex;
  gap: 16px; }

.reservation__add-tourist {
  cursor: pointer;
  width: 416px; }

.reservation__button-add-tourist,
.reservation__button-delete-tourist {
  background-color: transparent;
  border: none;
  cursor: pointer; }

.reservation__tourist-heading {
  display: flex;
  justify-content: flex-start; }

.container_reservation-tourist {
  min-width: 100px; }

.radio {
  display: flex;
  gap: 24px;
  margin-left: 56px; }

.phone-input-placeholder {
  left: 401px; }

.reservation__bus-content {
  width: 752px;
  height: 256px;
  padding: 24px 40px;
  border-radius: 24px;
  border: 2px solid var(--border-color, #CECECE);
  display: grid;
  grid-template-columns: repeat(13, 40px);
  grid-template-rows: repeat(5, 32px);
  grid-gap: 12px; }

.reservation__bus-container {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.reservation__place-info {
  display: flex;
  justify-content: center;
  gap: 34px; }

.reservation__field {
  position: relative; }

.reservation__checkbox-container {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.reservation__exit-button {
  display: flex;
  width: 130px;
  height: 44px;
  padding: 10px 40px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--border-color, #FF7600);
  background: var(--background-color, #fff);
  color: #FF7600;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600;
  cursor: pointer; }

.reservation__exit-button:hover {
  background: var(--background-color, #FFE4CC);
  transition: background-color 0.3s ease; }

.reservation__place-reserved,
.reservation__place-free {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px; }

.reservation__field .note-input {
  overflow-y: hidden;
  resize: none; }

.checkbox-wrapper-4 {
  --size: 28px;
  position: relative;
  display: flex;
  align-items: center; }

[class*="string-datepicker-"],
.string-datepicker {
  width: 320px !important; }

.customClassDatepicker {
  z-index: 190 !important; }

@media screen and (max-width: 768px) {
  .reservation__container {
    width: 288px;
    padding-bottom: 48px; }
  .reservation__info-container {
    flex-direction: column;
    gap: 24px; }
  .reservation__info-agent,
  .reservation__info-legal {
    width: 100%; }
  .reservation__input-container {
    flex-direction: column;
    width: 100%;
    gap: 16px;
    background-color: #fff; }
  .reservation__svg-icon-input {
    display: none; }
  .reservation__first-input-tour-type,
  .reservation__first-input-holder,
  .reservation__second-input {
    width: 100%; }
  .reservation__second-input-holder > .choices > .choices__inner,
  .reservation__first-input-holder > .choices > .choices__inner {
    width: 100%; }
  .reservation__date-container {
    width: 100%;
    flex-direction: column;
    gap: 16px; }
  .reservation__search-tour-form {
    width: 100% !important; }
  .reservation__search-tour-form .custom-date {
    width: 100% !important; }
  .reservation__search-tour-form .custom-date:focus {
    z-index: 1004 !important; }
  .reservation__first-input-hotel,
  .reservation__first-input {
    width: 100%; }
  .reservation__add-tourist {
    width: 100%;
    align-items: center; }
  .container-line {
    width: 100%; }
  .reservation__bus-content {
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(5, 40px);
    grid-template-rows: repeat(13, 32px);
    padding: 24px 8px;
    gap: 12px 4px; }
  .reservation__place-info {
    flex-direction: column;
    gap: 8px; }
  .reservation__place-reserved,
  .reservation__place-free {
    justify-content: flex-start; }
  .phone-input-placeholder {
    position: absolute;
    left: 26px !important;
    top: 100px !important; }
  .checkbox-wrapper-4 svg {
    left: calc(var(--size) * 0.18); }
  .reservation__first-input label {
    overflow: visible; }
  .reservation__button-container {
    flex-direction: column; }
  .reservation__exit-button {
    width: 100%; }
  .reservation__tourist {
    gap: 16px; }
  .reservation__tourist-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px; }
  [class*="string-datepicker-"],
  .string-datepicker {
    width: 235px !important; } }

.common-tours__section-offset {
  padding-top: 40px;
  padding-bottom: 64px; }

.common-tours__tabs {
  width: 100%;
  max-width: 1215px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 32px; }

.common-tours__container {
  padding: 24px;
  display: flex;
  flex-direction: column;
  width: 904px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566;
  margin-bottom: 40px; }

.type-tour-nav {
  width: 100%;
  max-width: 280px; }

.tab-content {
  width: 100%; }

.search-field {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #f5f7fa;
  border-radius: 16px; }

.tour-search-form {
  display: flex;
  flex-direction: column;
  gap: 32px; }

.search-tour-form {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 285px;
  height: 72px; }

.date-of-tour-beginning {
  display: flex;
  flex-direction: column; }

.common-tours__header {
  margin-bottom: 24px;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }

.btns {
  display: flex;
  gap: 16px; }

.btn-to-reset {
  background-color: #fff;
  color: #FF7600;
  border: 1px solid #FF7600; }

.btn-to-reset:hover {
  background-color: #FFE4CC; }

.results-of-search {
  width: 904px;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.results-of-search__descr {
  display: flex;
  justify-content: space-between; }

.results-of-search__header {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; }

.numbers-of-items-found {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #8e8888; }

.card-wrap {
  position: relative; }

.card-wrap:hover .news__read-more {
  transform: translateY(-4px) translateX(4px); }
.card-wrap:hover .news__read-more rect {
  fill: #FFE4CC; }

.card-wrap__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 120; }

.tour-card {
  display: flex;
  gap: 24px;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 rgba(235, 233, 232, 0.73), 0 24px 48px 0 rgba(230, 235, 245, 0.4); }

.tour-card:hover .read-more-about-tour {
  transform: translateY(-4px) translateX(4px); }
.tour-card:hover .read-more-about-tour rect {
  fill: #ffe4cc; }

.tour-img {
  position: relative;
  width: 230px;
  height: 208px;
  display: flex;
  padding: 4px; }

.tour-img img {
  border-radius: 20px;
  object-fit: cover; }

.tour-card-info {
  max-width: 590px;
  padding-top: 24px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.tour-card-info__descr {
  max-width: 570px; }

.card__header {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px; }

.card__descr {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.card__seats {
  margin-bottom: 8px;
  padding-left: 36px;
  background-image: url("/images/seats-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.card__dates {
  padding-left: 36px;
  background-image: url("/images/dates-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.read-more-about-tour {
  padding-top: 16px;
  padding-right: 16px;
  justify-self: flex-end; }

.price-of-tour {
  color: #fff;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  z-index: 100; }

.price-block {
  padding-top: 25px;
  padding-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 194px;
  height: 72px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url("/images/price-of-tour.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain; }

.search-field__input-holder > .choices {
  position: relative;
  width: 285px;
  height: 72px;
  margin: 0;
  z-index: 100; }

.search-field__input-holder > .choices > .choices__inner {
  position: relative;
  height: 72px;
  width: 100%;
  background-color: #f5f7fa;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  border: 2px solid #F5F7FA;
  border-radius: 12px;
  transition: background-color 0.3s ease;
  z-index: 100; }
.search-field__input-holder > .choices > .choices__inner:hover {
  background-color: #FFE4CC;
  border: 2px solid #FFE4CC; }

.search-field__input-holder > .choices > .choices__inner > .choices__list--dropdown .choices__item {
  padding: 12px 16px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.search-field__input-holder > .is-focused.choices > .choices__inner,
.search-field__input-holder > .is-open.choices > .choices__inner {
  border-color: #FF7600;
  background-color: #FFE4CC; }

.choices__list--single {
  padding: 0; }

.search-field__input-holder > .choices > .choices[data-type*="select-one"] .choices__inner {
  padding: 0; }

.form-label {
  position: absolute;
  pointer-events: none;
  left: 24px;
  top: 24px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 24px;
  z-index: 122; }

.form-input:focus ~ .form-label,
.form-input:not(:placeholder-shown) ~ .form-label {
  top: 12px;
  color: gray; }

.form-input:focus ~ .form-label-book,
.form-input:not(:placeholder-shown) ~ .form-label-book {
  top: 12px;
  color: #8E8888; }

.form-label-book {
  position: absolute;
  pointer-events: none;
  left: 455px;
  top: 24px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 24px;
  z-index: 122; }

.form-input {
  padding: 36px 24px 12px 24px !important; }

.search-tour-date-range-input.focus-visible {
  background-color: #FFE4CC;
  border: 2px solid #FF7600; }

.search-tour-date-range-input {
  position: relative;
  width: 100%;
  height: 72px;
  padding: 24px;
  margin: 0 !important;
  background-color: #f5f7fa;
  border: 2px solid #f5f7fa;
  border-radius: 12px;
  z-index: 120;
  transition: background-color 0.3s ease;
  cursor: pointer; }

.search-tour-dropdown-menu {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 99;
  grid-template-columns: repeat(7, 1fr);
  padding: 28px 8px 8px 8px;
  background-color: #fff;
  border: 2px solid #FF7600;
  border-radius: 0 0 12px 12px;
  box-shadow: 1px 3px 5px 0 rgba(223, 231, 248, 0.79); }

.agency-booking-dropdown-menu {
  display: none;
  position: absolute;
  top: 60px;
  width: 430px;
  z-index: 119;
  grid-template-columns: repeat(7, 1fr);
  padding: 28px 8px 8px 8px;
  background-color: #fff;
  border: 2px solid #FF7600;
  border-radius: 0 0 12px 12px;
  box-shadow: 1px 3px 5px 0 rgba(223, 231, 248, 0.79); }

.search-tour-dropdown-menu.show,
.agency-booking-dropdown-menu.show {
  display: grid; }

.search-tour-dropdown-menu div {
  cursor: pointer;
  text-align: center;
  height: 28px;
  margin-bottom: 8px; }

.all-tours-calendar-label {
  z-index: 132 !important; }

.all-tours-calendar-input {
  z-index: 131 !important; }

.search-tour-form > .air-datepicker {
  width: 280px !important;
  z-index: 130 !important;
  display: none; }

.search-tour-form > .air-datepicker.visible {
  display: block; }

.search-tour-form > .air-datepicker .air-datepicker--navigation {
  width: 270px !important; }

.beginning-date-of-tour {
  background-image: url("/images/calendar.svg");
  background-repeat: no-repeat;
  background-position: 237px;
  cursor: pointer; }

.no-placeholder:before {
  content: "" !important; }

.choices__item,
.choices__placeholder {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.length-of-tour {
  border-radius: 0 16px 16px 0; }

.label-for-town {
  position: absolute;
  left: 24px;
  top: 12px;
  z-index: 101;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #8E8888; }

.datepicker--nav {
  width: 100%;
  justify-content: space-between; }

.air-datepicker-cell.-in-range- {
  background-color: #FFE4CC !important; }

.label-for-start-date {
  position: absolute;
  left: 26px;
  top: 12px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #8E8888;
  z-index: 102; }

.range-days {
  display: block;
  z-index: 103 !important; }

.air-datepicker-buttons {
  display: flex !important;
  padding: 12px 16px !important; }

.air-datepicker--buttons {
  padding: 0 !important; }

@media screen and (max-width: 768px) {
  .beginning-date-of-tour {
    background-position: 192px; }
  .common-tours .container {
    padding: 0; }
  .common-tours__section-offset {
    padding-top: 20px;
    padding-bottom: 48px; }
  .common-tours__container {
    margin-bottom: 24px;
    width: 100%; }
  .tour-search-form {
    gap: 24px; }
  .common-tours__tabs {
    gap: 24px;
    flex-direction: column; }
  .search-field__input-holder {
    gap: 16px; }
  .search-field__input-holder {
    flex-direction: column;
    background-color: transparent; }
  .results-of-search {
    width: 100%; }
  .search-field__input-holder > .choices {
    width: 100%; }
  .search-field__input-holder > .choices > .choices__inner {
    border-radius: 16px; }
  .search-field {
    gap: 16px;
    flex-direction: column;
    background-color: transparent; }
  .search-field__input-select {
    width: 100%; }
  .search-tour-form {
    width: 100%; }
  .custom-date {
    width: 100%;
    border-radius: 16px; }
  .btns {
    flex-direction: column; }
  .results-of-search__descr {
    flex-direction: column;
    gap: 12px; }
  .tour-card {
    flex-direction: column;
    gap: 0; }
  .tour-img {
    width: 289px; }
  .tour-card-info {
    padding: 24px; }
  .tour-img img {
    max-width: none;
    width: 100%;
    border-radius: 25px; }
  .card__dates {
    background-size: unset;
    background-position: unset; }
  .price-block {
    position: absolute;
    top: 132px;
    right: 3px; }
  .search-tour-form > .air-datepicker {
    width: 236px !important; }
  .search-tour-form > .air-datepicker .air-datepicker--navigation {
    width: 235px !important; }
  .search-tour-form > .air-datepicker .air-datepicker--content {
    width: 235px !important;
    padding: 8px 0 !important; }
  .search-tour-form > .air-datepicker .air-datepicker-body--day-name {
    width: auto !important;
    height: auto !important; }
  .form-label-book {
    left: 26px;
    top: 112px; }
  .form-input:focus ~ .form-label-book,
  .form-input:not(:focus):valid ~ .form-label-book {
    top: 100px; }
  .agency-booking-dropdown-menu {
    width: 100%;
    top: 60px; } }

.bank-details-section {
  padding-top: 24px; }

.bank-details__container {
  padding: 0;
  border-radius: 24px;
  border: 1px solid #fff;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.section-title {
  padding: 24px;
  border-bottom: 1px solid #CECECE; }

.section-descr-block {
  border-top: 1px solid #CECECE; }

.bank-details-info {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.ogranizations-container {
  display: flex;
  flex-direction: column; }

.list-details {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px; }

.list-details:not(:last-child) {
  border-bottom: 1px solid #CECECE; }

.company-bank-details {
  flex-direction: column;
  gap: 12px; }

.bank-details__header {
  -webkit-line-clamp: 2;
  max-width: 740px; }

@media (max-width: 768px) {
  .bank-details-section {
    padding: 20px 16px 40px 16px; }
  .section-title {
    min-height: 128px; } }

.fin-guarantees__section {
  padding-top: 24px; }

.fin-guarantees__container {
  margin: 0 auto;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.fin-guarantees__descr {
  flex-direction: column;
  gap: 24px; }

.fin-guarantees__description {
  font-family: "Museo Sans Cyrl 300";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000; }

.fin-guarantees__img {
  max-width: fit-content; }

@media (max-width: 768px) {
  .fin-guarantees__section {
    padding: 20px 16px 48px 16px; } }

.partners-info__section {
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 64px;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.partners-info__block {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.partners-info__container {
  max-width: 800px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.partners-info__descr {
  display: flex;
  flex-direction: column;
  gap: 12px; }

@media (max-width: 768px) {
  .partners-info__section {
    padding: 20px 16px 40px 16px; }
  .partners-info__block {
    max-width: 288px;
    padding: 0; } }

.contract__container {
  margin: 0 auto;
  max-width: 800px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.contract__section {
  padding-top: 24px;
  padding-bottom: 64px; }

.contract-descr {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.contract-descr-block {
  display: flex;
  flex-direction: column;
  gap: 16px; }

@media (max-width: 768px) {
  .contract__container {
    max-width: 288px; }
  .contract__section {
    padding: 20px 16px 40px 16px; } }

.schedule-of-arrival__section {
  padding-top: 24px;
  padding-bottom: 64px; }

.schedule-of-arrival__container {
  max-width: 800px;
  padding: 0;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.schedule-of-arrival__header {
  padding: 24px 24px 0; }

.schedule-of-arrival__table {
  width: 100%;
  margin-bottom: 0;
  border-top: 1px solid #CECECE; }

.schedule-of-arrival__container > .schedule-of-arrival__descr > .schedule-of-arrival__table > tbody > td {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.schedule-of-arrival__container > .schedule-of-arrival__descr > .schedule-of-arrival__table > tbody > td {
  padding: 24px 16px; }

.schedule-of-arrival__container > .schedule-of-arrival__descr > .schedule-of-arrival__table > thead {
  height: 144px;
  background: #ffe4cc33; }

.table-months {
  padding: 24px 16px; }

.schedule-of-arrival__table > th,
td {
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  padding: 23px 10px; }

.last-programm-name {
  border-bottom: none; }

.schedule-of-arrival__table > th {
  position: sticky;
  top: 0;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.programm-name {
  padding: 24px 16px; }

.table-head-dates {
  padding: 24px; }

.three-to-one-arrival {
  border-bottom: none;
  border-top: none; }

.schedule-of-arrival__table > tr {
  border: 1px solid #CECECE;
  z-index: 100; }

.table-bottom-border {
  border-bottom: 1px solid #CECECE; }

.schedule-of-arrival__descr {
  max-width: 800px;
  overflow: auto; }

table {
  max-width: 800px;
  overflow: scroll; }

.schedule-of-arrival__table > thead > tr > .table-header {
  border-radius: 0; }

@media (max-width: 768px) {
  .schedule-of-arrival__container {
    max-width: 288px; }
  .schedule-of-arrival__descr {
    max-width: 288px;
    max-height: 428px; }
  .schedule-of-arrival__section {
    padding: 20px 16px 40px 16px; } }

.discounts__section {
  padding-top: 24px;
  margin: 0 auto; }

.discounts__container {
  padding: 24px;
  max-width: 800px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.discounts-block {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.discounts__descr {
  display: flex;
  flex-direction: column;
  gap: 12px; }

@media (max-width: 768px) {
  .discounts__section {
    padding: 20px 16px 48px 16px; }
  .discounts__container {
    max-width: 288px; } }

.placing-tours__section {
  padding-top: 24px; }

.placing-tours__container {
  max-width: 800px;
  padding: 0; }

.placing-tours-block {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.placing-tours-block:not(:last-child) {
  margin-bottom: 24px; }

.api-block {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  word-wrap: break-word; }

.api-table {
  margin-bottom: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  overflow: auto;
  max-width: 752px; }

.api-table > thead > tr > th,
.api-table > tbody > tr > td {
  padding: 16px 24px; }

.api-table__block {
  border: 1px solid #CECECE;
  border-radius: 24px; }

.api-table__header:nth-child(2) {
  max-width: 218px; }

.placing-tours-block__number {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  color: #FF7600; }

.placing-tours__form {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.form-label-container {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.form-label-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: 2px solid #FF7600;
  border-radius: 4px;
  background-color: transparent; }

.form-label-container:hover input ~ .checkmark {
  background-color: transparent; }

.form-label-container input:checked ~ .checkmark {
  background-color: transparent; }

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3307 2.66667C15.6989 3.03486 15.7321 3.59865 15.4048 3.92593L5.33073 14L0.664062 9.33333C0.295873 8.96514 0.262708 8.40135 0.589988 8.07407C0.917268 7.74679 1.48106 7.77996 1.84925 8.14815L5.18258 11.4815 14.0715 2.59259C14.3987 2.26531 14.9625 2.29848 15.3307 2.66667Z' fill='%23FF7600'/%3e%3c/svg%3e "); }

.form-label-container input:checked ~ .checkmark:after {
  display: block; }

.form-label-container .checkmark:after {
  left: 2px;
  top: 1px;
  width: 16px;
  height: 16px; }

.additional-checkbox, .additional-checkbox > .checkbox {
  margin-left: 42px; }

.form-block__checkboxes {
  max-height: 100%; }

.form-container {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.generate-btn {
  width: 199px;
  height: 44px;
  padding: 10px 40px;
  background-color: #FF7600;
  border-radius: 8px;
  color: #fff; }

.distribution {
  border-top: 1px solid #CECECE;
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.code-block__disctribution {
  background-color: #F5F7FA;
  padding: 12px 24px;
  border-radius: 16px;
  overflow: scroll; }

.btn-choose-color {
  padding: 10px 40px;
  max-width: 186px;
  border: 1px solid #FF7600;
  border-radius: 8px;
  color: #FF7600; }
.btn-choose-color:hover {
  color: #fff; }

.disctribution > .accordion-unordered-list > .unordered-list__item-accordion::marker {
  font-size: 20px; }

.hidden-code {
  display: none; }

.show-code {
  display: flex; }

@media (max-width: 768px) {
  .placing-tours__container {
    max-width: 288px; }
  .generate-btn {
    width: 100%; }
  .placing-tours__section {
    padding: 20px 16px 40px 16px; }
  .api-block {
    max-width: 288px; }
  .api-table__block {
    max-width: 240px;
    max-height: 400px;
    overflow: scroll; } }

.register-and-insurance__section {
  padding-top: 24px; }

.register-and-insurance__container {
  max-width: 800px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.register-and-insurance__block {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.register-img {
  max-width: 238px; }

.register-and-insurance__block:not(:last-child) {
  padding-bottom: 24px; }

.register-and-insurance__block:not(:last-child) {
  border-bottom: 1px solid #CECECE; }

@media (max-width: 768px) {
  .register-and-insurance__container {
    max-width: 288px; }
  .register-and-insurance__section {
    padding: 20px 16px 40px 16px; }
  .register-img {
    max-height: 340px; } }

.faq__section {
  padding-top: 24px; }

.faq__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 800px;
  margin: 0 auto;
  padding: 0; }

.faq-block__header {
  max-width: 800px;
  margin-top: 8px; }

.accordion {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.faq__header {
  padding: 24px;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  margin: 0 auto;
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566; }

.accordion-link-page {
  color: #FF7600 !important;
  font-family: "Museo Sans Cyrl 500", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  word-break: break-word; }

.accordion-unordered-list {
  margin-top: -4px;
  display: list-item;
  padding-inline-start: 18px !important; }

.unordered-list__item-accordion {
  list-style: disc; }

.unordered-list__item-accordion:not(:last-child) {
  margin-bottom: 12px; }

.unordered-list__item-accordion::marker {
  color: #FF7600;
  font-size: 24px; }

@media (max-width: 768px) {
  .faq__container {
    max-width: 288px;
    padding: 0; }
  .faq__header {
    min-width: 288px; }
  .faq__section {
    padding: 20px 16px 48px 16px; }
  .faq__header {
    max-width: 288px; }
  .accordion {
    max-width: 288px !important; } }

.booking-conditions__section {
  padding-top: 24px; }

.booking-conditions__block {
  margin: 0 auto;
  max-width: 800px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.booking-conditions-table__block {
  outline: 1px solid #CECECE;
  border-radius: 24px; }

.booking-conditions-table__block > table {
  width: 100%; }

.booking-conditions__table {
  margin-bottom: 0; }

.table__header {
  padding: 16px 24px;
  font-family: "Museo Sans Cyrl 500";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #000; }

.booking-conditions__table > th, td {
  padding: 16px 24px; }

@media (max-width: 768px) {
  .booking-conditions__section {
    padding: 20px 16px 48px 16px; }
  .booking-conditions__container {
    max-width: 288px;
    padding: 0; }
  .booking-conditions__block {
    min-width: 288px; }
  .booking-conditions__table > th, td {
    padding: 16px 12px; }
  .table__header {
    padding: 16px 11px; } }

.contact-information__container {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.contact-information__section {
  padding-top: 24px; }

@media (max-width: 768px) {
  .contact-information__section {
    padding: 20px 16px 48px 16px; }
  .contact-information__container {
    max-width: 288px;
    min-width: 288px; } }

.tourist-memo__section {
  padding-top: 24px;
  margin: 0 auto; }

.tourist-memo__container {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.tourist-memo__block {
  padding: 24px;
  max-width: 800px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.tourist-memo__descr {
  padding: 16px 24px;
  border: 1px solid #ff760080;
  border-radius: 16px; }

@media (max-width: 768px) {
  .tourist-memo__section {
    padding: 20px 16px 48px 16px; } }

.transportation-services__section {
  padding-top: 24px;
  margin: 0 auto; }

.transportation-services__container {
  padding: 0; }

.transportation-services__block {
  max-width: 800px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.transportation-services__block-descr {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.transportation-services__descr {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.transportation-services__bg-img {
  height: 360px;
  padding: 0 4px 4px 4px;
  border-radius: 20px; }

.transportation-services__bg-img > img {
  border-radius: 20px; }

@media (max-width: 768px) {
  .transportation-services__section {
    padding: 20px 16px 48px 16px; }
  .transportation-services__bg-img {
    height: 220px; } }

.popup-menu {
  z-index: 1020; }

.no-scroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
  top: calc(-1 * var(--scroll-position)); }

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  justify-content: center;
  align-items: center; }

.modal {
  display: flex;
  width: 800px;
  padding: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }

.modal-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px; }

.modal-header {
  width: 100%;
  display: flex;
  justify-content: flex-end; }

.close-icon {
  cursor: pointer; }

.modal-image {
  width: 100%;
  height: auto;
  transform: rotate(5.172deg); }

.feedback-popup,
.read-more-popup {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  z-index: 1020; }

.read-more-popup__container {
  display: flex;
  width: 800px;
  max-height: 640px;
  padding: 32px;
  flex-direction: column;
  gap: 24px;
  background: #fff;
  backdrop-filter: blur(10px);
  border-radius: 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: 0 auto; }

.read-more-popup__header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 10px; }

.popup-close-btn {
  width: 145px;
  margin: 0 auto; }

.feedback-popup__inputs {
  border-radius: 16px;
  background-color: #F5F7FA;
  height: 72px;
  display: flex;
  align-items: center; }

.feedback-popup__choice .choices__list--single .choices__item {
  max-width: 660px; }

.feedback__input {
  width: 100%; }

.feedback__input-group {
  position: relative;
  width: 752px;
  height: 72px;
  display: flex;
  background-color: #F5F7FA;
  border-radius: 16px; }

.feedback__input-group {
  width: 100%;
  height: 100%; }

.feedback-popup__input {
  width: 367px;
  padding: 12px 24px; }

.feedback-popup__content > .feedback-popup__choice > .choices > .choices__inner {
  position: relative;
  height: 72px;
  width: 100%;
  padding: 22px 12px 12px 22px;
  background-color: #F5F7FA;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  border: 2px solid #F5F7FA;
  border-radius: 16px;
  transition: background-color 0.3s ease;
  z-index: 100; }
.feedback-popup__content > .feedback-popup__choice > .choices > .choices__inner:hover {
  background-color: #FFE4CC;
  border-color: #FFE4CC; }

.feedback-popup__choice .is-focused .choices__list--dropdown {
  max-height: 200px; }

.feedback-popup__text {
  position: relative;
  max-height: 230px; }

.feedback-popup__buttons {
  display: flex;
  gap: 16px;
  margin: 0 auto; }

.feedback-popup__textarea {
  width: 100%;
  border: 1px solid #F5F7FA;
  resize: none;
  overflow: auto;
  box-sizing: border-box;
  min-height: 76px;
  max-height: 230px;
  border-radius: 16px;
  background-color: #F5F7FA;
  padding: 24px; }

.feedback-popup__textarea.active {
  padding: 36px 24px 12px 24px; }

.feedback-popup__textarea:focus {
  outline: none; }

.label-for-textarea {
  left: 24px; }

.feedback-popup__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-height: 510px; }

.read-more-popup__account-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  width: 100%;
  line-height: 24px;
  overflow-wrap: break-word; }

.read-more-popup__account-name {
  max-height: none;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000; }

.read-more-popup__feedback-date {
  overflow: hidden;
  text-overflow: ellipsis;
  background-image: url(/images/date-icon.svg);
  background-repeat: no-repeat;
  padding-left: 36px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  align-items: flex-end; }

.read-more-popup__feedback-card-top {
  display: flex;
  gap: 16px;
  margin: 0; }

.read-more-popup__scroll-menu {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: auto; }

.hidden-textarea {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 25px;
  font-size: 16px;
  line-height: 24px;
  box-sizing: border-box; }

.upload-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.upload-close-btn {
  width: 24px;
  height: 24px; }

.upload-image-container {
  position: relative;
  width: 736px;
  min-height: 150px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center; }

.upload-dashed-container {
  width: 736px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffe4cc33; }

.dashes-border {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 16px;
  overflow: visible; }

.upload-modal-buttons {
  display: flex;
  gap: 16px; }

.upload-photo-input {
  position: absolute;
  opacity: 0;
  width: 190px;
  height: 44px;
  cursor: pointer;
  z-index: 1500; }

.upload-close-btn {
  display: flex;
  width: 158px;
  height: 44px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #FF7600;
  border-radius: 8px;
  padding: 10px 40px;
  background: #fff;
  color: #FF7600;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  transition: background-color ease 0.3s; }

.upload-close-btn:focus {
  outline: none;
  color: #ED6E00; }

.upload-close-btn:hover {
  outline: none;
  background-color: #FFE4CC; }

.upload-image-choosen {
  width: 250px;
  height: 300px; }

.uploaded-image {
  width: 100%;
  border-radius: 24px;
  object-fit: cover; }

.upload-success-popup,
.upload-error-popup {
  display: none;
  transition: all 1s ease;
  position: absolute;
  left: 6%;
  top: 708px;
  width: 700px;
  height: 56px;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
  padding: 16px;
  z-index: 1000; }

.upload-success-popup {
  background-color: #d3eadd; }

.upload-error-popup {
  background-color: #ffcccc; }

@media screen and (max-width: 768px) {
  .upload-success-popup,
  .upload-error-popup {
    max-width: 288px;
    height: 80px;
    align-items: stretch;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .upload-modal {
    width: 100%; }
  .upload-modal-buttons {
    flex-direction: column; }
  .upload-image-container {
    width: 100%; }
  .upload-header {
    align-items: stretch; }
  .read-more-popup__container {
    width: 100%;
    height: 100%;
    max-height: none;
    box-shadow: none;
    background: none;
    padding: 0; }
  .read-more-popup,
  .feedback-popup {
    height: 100%;
    background: #fff; }
  .read-more-popup__text {
    overflow: visible; }
  .popup-close-btn {
    width: 100%;
    margin: 0 auto; }
  .read-more-popup__header {
    padding: 24px;
    border-bottom: 1px solid #CECECE; }
  .read-more-popup__feedback-card-top,
  .read-more-popup__text {
    padding: 0 24px; }
  .read-more-close-btn-container,
  .feedback-popup__content {
    padding: 0 24px 32px 24px; }
  .feedback-popup__input-svg {
    display: none; }
  .feedback-popup__inputs {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    height: 160px;
    background: none;
    margin-bottom: 16px; }
  .feedback-popup__choice .choices__list--single .choices__item {
    max-width: 280px; }
  .feedback-popup__inputs {
    width: 100%;
    margin-bottom: 16px; }
  .feedback-popup__input {
    width: 100%;
    background-color: #F5F7FA;
    border-radius: 16px; }
  .feedback-popup__choice {
    margin-bottom: 16px; }
  .feedback-popup__choice .is-focused .choices__list--dropdown {
    max-height: 255px; }
  .feedback-popup__content {
    gap: 0; }
  .feedback-popup__buttons {
    flex-direction: column-reverse;
    margin: 0;
    margin-top: auto; }
  .feedback-popup__text {
    margin-bottom: 24px;
    width: 100%;
    max-height: 220px;
    min-height: 80.38px; }
  .feedback-popup__content {
    max-height: 100%; }
  .upload-modal-buttons {
    width: 100%; }
  .upload-close-btn {
    width: 100%; } }

.profile__account-main-container {
  width: 1216px;
  display: flex;
  gap: 32px;
  margin: 40px 0 64px; }

.profile__account .container {
  padding: 0; }

.profile__account-information {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566;
  border-radius: 24px;
  padding: 24px; }

.profile__account-information-name {
  width: 856px;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  overflow-wrap: break-word; }

.profile__account-frame {
  display: flex; }

.profile__account-frame-photo {
  background-color: #FFE4CC;
  width: 100px;
  height: 108px;
  margin-right: 24px;
  border-radius: 24px; }

.profile__account-frame-photo_desktop:hover {
  z-index: 150; }

.profile__account-frame-photo_mobile {
  display: none; }

.profile__account-frame-photo-img {
  margin-right: 24px;
  width: inherit;
  height: inherit;
  position: absolute;
  border-radius: 24px;
  padding: 4px;
  transition: all ease 0.3s;
  object-fit: cover; }

.profile__account-frame-icon {
  position: relative; }

.profile__account-upload-button-mobile,
.profile__account-upload-button {
  position: absolute;
  opacity: 0;
  width: 100px;
  height: 108px;
  z-index: 1000;
  cursor: pointer; }

.profile__account-frame-icon_desktop {
  height: 40px;
  width: 40px;
  top: 32%;
  left: 29%;
  opacity: 0;
  transition: opacity ease 0.3s; }

.profile__account-frame-photo_desktop:hover .profile__account-frame-photo-img {
  filter: brightness(0.7) saturate(1); }

.profile__account-frame-photo_desktop:hover .profile__account-frame-icon_desktop {
  opacity: 1; }

.profile__account-frame-information {
  display: grid;
  gap: 16px; }

.profile__account-information-line {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 24px; }

.profile__account-information-line-text {
  line-height: 24px;
  font-weight: 300; }

.profile__account-information-line-text_common {
  width: 280px; }

.profile__account-information-line-text_user-profile {
  width: 156px; }

.profile__account-information-line-data {
  max-width: 568px;
  overflow-wrap: break-word;
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600;
  line-height: 24px; }

.profile__account-passport {
  margin-bottom: 32px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.profile__account-passport-content {
  padding: 24px;
  display: grid;
  gap: 24px; }

.profile__account-passport-name {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  font-family: "Museo Sans Cyrl 500", sans-serif; }

.profile__account-passport-frame-information {
  display: grid;
  gap: 24px; }

.profile__account-buttons {
  display: flex;
  align-items: center;
  gap: 16px; }

.profile__account-button-first {
  width: 197px;
  height: 44px;
  border-radius: 8px;
  padding: 10px 40px;
  border: none;
  background-color: #FF7600;
  cursor: pointer;
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  transition: background-color ease 0.3s; }

.profile__account-button-first:hover {
  background-color: #FF8C28; }

.profile__account-button-first:active {
  background: var(--entry-hover-background, #ED6E00); }

.profile__account-button-second {
  width: 207px;
  height: 44px;
  border: 1px solid #FF7600;
  border-radius: 8px;
  background: #fff;
  color: #FF7600;
  padding: 10px 40px;
  cursor: pointer;
  font-weight: 600;
  transition: background-color ease 0.3s; }

.profile__account-button-second:active {
  color: #ED6E00;
  outline: none; }

.profile__account-button-second:hover {
  background-color: #FFE4CC; }

.profile__account-reservation-container {
  padding: 24px;
  border-radius: 24px;
  margin-bottom: 40px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.profile__account-reservation-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease;
  background-color: #F5F7FA;
  border-radius: 16px; }

.profile__account-reservation-search-container {
  width: 100%;
  height: 100%;
  padding: 24px 50px 24px 24px;
  outline: none;
  border: 2px solid #F5F7FA;
  border-radius: 16px;
  background-color: #F5F7FA;
  transition: background-color 0.3s ease;
  background-image: url(/images/glass.png);
  background-repeat: no-repeat;
  background-position: 811px;
  cursor: pointer; }
.profile__account-reservation-search-container:hover {
  background-color: #FFE4CC;
  border-color: #FFE4CC; }
.profile__account-reservation-search-container:focus {
  background-color: #FFE4CC;
  border-color: #FF7600; }

.profile__account-container-reservation-dropdown > .agency__account__js-choice-wrap > .choices > .choices__list {
  overflow: scroll; }

.profile__account-container-reservation-dropdown > .tour-duration > .choices {
  height: 100%; }

.profile__account-container-reservation-dropdown > .tour-duration > .choices > .choices__inner {
  height: 72px; }

.profile__account-reservation-dropdown-container,
.profile__account-container-reservation-dropdown {
  display: flex;
  position: relative;
  background-color: #F5F7FA;
  border-radius: 16px;
  height: 72px; }

.profile__account__js-choice-wrap > .choices > .choices__inner,
.booking-date input {
  position: relative;
  height: 72px;
  width: 100%;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  cursor: pointer;
  border: 2px solid #F5F7FA;
  border-radius: 16px;
  background-color: #F5F7FA;
  transition: background-color 0.3s ease; }
.profile__account__js-choice-wrap > .choices > .choices__inner:hover,
.booking-date input:hover {
  background-color: #FFE4CC;
  border-color: #FFE4CC; }
.profile__account__js-choice-wrap > .choices > .choices__inner:focus,
.booking-date input:focus {
  background-color: #FFE4CC;
  border-color: #FF7600; }

.profile__account-reservation-dropdown-container > .profile__account__js-choice-wrap > .choices > .choices__inner {
  position: relative;
  padding: 24px;
  z-index: 100; }

.profile__account-reservation-dropdown-container
> .profile__account__js-choice-wrap
> .is-open.choices
> .choices__inner {
  border-color: #FF7600;
  background-color: #FFE4CC; }

.profile__account__js-choice-wrap > .is-focused.choices > .choices__inner {
  position: relative;
  border-color: #FF7600;
  background-color: #FFE4CC;
  z-index: 105; }

.profile__account__js-choice-wrap {
  width: 100%;
  position: relative; }

.profile__account-reservation-calendar {
  width: 100%; }

.profile__account__search-tour-form {
  display: flex;
  width: 100%; }

.profile__account__date-input {
  width: 100%;
  height: 72px; }

.profile__account__date-input .booking-date:focus {
  z-index: 101 !important;
  background-color: #FFE4CC; }

.profile__account-reservation-buttons-foot {
  display: flex;
  justify-content: space-between; }

.profile__account-reservation-buttons-foot-left {
  display: flex;
  gap: 16px; }

.profile__account-reservation-buttons-foot-fill {
  width: 134px;
  height: 44px; }

.profile__account-reservation-buttons-foot-empty {
  width: 156px;
  height: 44px; }

.profile__account-reservation-buttons-foot-right {
  display: flex;
  gap: 24px;
  align-items: center; }

.profile__account-link-btn {
  background-color: #fff;
  border: none; }

.profile__account-cards-content {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.profile__account-reservation-cards {
  width: 904px;
  height: 100%;
  border-radius: 24px;
  background-color: #FFE4CC;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.profile__account-reservation-card {
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  background-color: #fff;
  border-bottom: 1px solid var(--border-color, #CECECE);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px; }

.profile__account-reservation-cards-paid {
  background-color: #D3EADD; }

.profile__account-reservation-cards-body {
  height: 100%;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.profile-contacts__phone-label,
.profile-contacts__whatsapp-label,
.profile-contacts__email-label {
  margin-bottom: 4px; }

.profile__account-reservation-cards-footer-links {
  display: flex;
  gap: 24px; }

.profile__account-reservation-cards-body-container {
  padding: 24px;
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  background-color: #fff;
  gap: 24px; }

.profile__account-reservation-cards-body-items {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.profile__account-reservation-cards-head-number {
  display: flex;
  align-items: center;
  line-height: 24px;
  gap: 4px; }

.profile__account-reservation-cards-head-links {
  display: flex;
  gap: 24px; }

.profile__account-reservation-cards-body-items-name {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px; }

.profile__account-reservation-cards-body-date-container {
  width: 424px;
  display: flex;
  gap: 32px;
  line-height: 24px; }

.profile__account-reservation-cards-footer {
  width: 904px;
  height: 100%;
  padding: 16px 23px; }

.profile__account-reservation-cards-footer-container {
  display: flex;
  align-items: flex-start;
  width: 858px;
  justify-content: space-between;
  line-height: 24px; }

.profile__account-reservation-cards-footer-state-container {
  display: flex;
  align-items: flex-start;
  gap: 16px; }

.profile__account-reservation-cards-footer-state-topay {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600;
  line-height: 24px;
  margin-right: 8px; }

.profile__account-reservation-cards-body-date-second {
  width: 176px; }

.profile__account-reservation-dropdown-text-1,
.profile__account-reservation-dropdown-text-2 {
  line-height: 24px; }

.profile__account-reservation-search-btn {
  display: none; }

.profile__account-reservation-search-btn,
.svg-dropdown {
  cursor: pointer; }

.profile__account-reservation-dropdown {
  position: relative;
  display: flex; }

.profile__account-reservation-dropdown {
  display: flex; }

.profile__account-reservation-dropdown-1 {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }

.profile__account-reservation-dropdown-container > .choices {
  width: 100%; }

.profile__account-reservation-dropdown-2 {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }

.profile-text-grey {
  line-height: 24px;
  width: 355px;
  height: 24px;
  color: #8E8888; }

.profile-text-black {
  line-height: 24px;
  width: 355px;
  height: 24px;
  color: #000; }

.profile__svg-container {
  width: 24px;
  height: 24px;
  cursor: pointer; }

.profile__svg-container svg {
  width: 24px;
  height: 24px; }

.profile__account-text-date {
  width: 180px; }

.profile__account-footer-card-container {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 8px; }

.reservation-page-title {
  font-family: "Museo Sans Cyrl 500", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px; }

h1.reservation-page-title {
  margin: 0; }

.reservation-buttons {
  height: 24px;
  display: flex;
  align-items: baseline;
  gap: 24px;
  margin-top: 16px; }

.contact-info-container {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.title-tourist {
  display: flex;
  gap: 12px; }

.reservation-link-container {
  margin-top: 24px; }

.cost-info-container {
  width: 216px;
  display: flex;
  flex-direction: column;
  gap: 4px; }

.cost-info-state {
  display: flex;
  gap: 24px; }

.archive-container {
  width: 904px; }

.reservation-card-paid {
  background-color: #D3EADD; }

.reservation-card-reject {
  background-color: #FCC; }

.reservation-card-booked {
  background-color: #DDE8F9; }

@media screen and (max-width: 768px) {
  .profile__account-button-first,
  .profile__account-button-second {
    width: 100%; }
  .profile__account-information {
    display: flex;
    flex-direction: column; }
  .profile__account-frame-photo_desktop {
    display: none; }
  .profile__account-frame-photo_mobile {
    display: block; }
  .profile__account-frame-icon {
    z-index: 100; }
  .profile__account-frame-icon_mobile {
    height: 32px;
    width: 32px;
    margin-right: 0;
    bottom: 0;
    top: 67%;
    left: 65%;
    border-bottom-right-radius: 18px; }
  .profile__account-main-container {
    width: 100%;
    flex-direction: column;
    gap: 24px;
    margin: 20px auto 48px auto; }
  .profile__account-information-name {
    width: 100%; }
  .profile__account-information-line {
    flex-direction: column;
    align-items: start; }
  .profile__account-buttons {
    width: 100%;
    height: 100%;
    flex-direction: column; }
  .profile__account-container {
    width: 100%;
    height: 100%; }
  .profile__account-reservation-container {
    width: 100%;
    height: 100%;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px; }
  .profile__account-reservation-container:nth-child(2) {
    gap: 16px; }
  .profile__account-reservation-choice {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 12px; }
  .profile__account-reservation-choice_individual {
    margin-bottom: 0; }
  .profile__account-reservation-search {
    width: 100%;
    border-radius: 16px; }
  .profile__account-reservation-search-container {
    background-position: 192px; }
  .profile__account-reservation-dropdown-container,
  .profile__account-container-reservation-dropdown {
    flex-direction: column;
    gap: 16px;
    background-color: transparent;
    height: 100%; }
  .profile__account__search-tour-form {
    flex-direction: column;
    gap: 16px; }
  .profile__account__date-input .start-date-calendar:focus {
    z-index: 105 !important; }
  .profile__account__date-input .end-date-calendar:focus {
    z-index: 105 !important; }
  .profile__account-reservation-buttons-foot {
    flex-direction: column;
    gap: 24px;
    margin-top: 12px; }
  .profile__account-reservation-buttons-foot-left {
    flex-direction: column; }
  .profile__account-reservation-buttons-foot-fill {
    width: 100%; }
  .profile__account-reservation-buttons-foot-empty {
    width: 100%; }
  .profile__account-reservation-buttons-foot-right {
    flex-direction: column;
    gap: 16px; }
  .profile__account-reservation-cards {
    width: 100%;
    height: 100%; }
  .profile__account-reservation-card {
    width: 100%;
    height: 100%;
    flex-direction: column;
    gap: 10px; }
  .profile__account-reservation-cards-body {
    height: 100%; }
  .profile__account-reservation-cards-body-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
  .profile__account-reservation-cards-body-items {
    max-width: 240px; }
  .profile__account-reservation-cards-body-date-container {
    width: 100%;
    height: 100%;
    flex-direction: column;
    gap: 16px; }
  .profile__account-reservation-cards-footer {
    width: 100%;
    height: 100%; }
  .profile__account-reservation-cards-footer-container {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px; }
  .profile__account-reservation-cards-footer-state-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px; }
  .profile__account-reservation-cards-body-date-second,
  .profile__account-text-date {
    width: 100%; }
  .profile__account-information-line-text {
    width: 100%; }
  .archive-container {
    width: 100%; }
  .reservation-page-title {
    width: 100%; }
  .reservation-buttons {
    height: 100%;
    flex-direction: column;
    gap: 16px;
    margin-top: 0; }
  .first-line {
    display: none; }
  .cost-info-state {
    flex-direction: column; }
  .download-link {
    display: flex;
    align-items: flex-start; } }

.hotels__section {
  padding-top: 0;
  margin: 0 auto; }

.hotels__container {
  max-width: 800px;
  padding: 0; }

.hotels__content {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.hotel-img {
  margin-bottom: 24px;
  width: 800px;
  height: 300px;
  padding: 4px 4px 0 4px;
  border-radius: 24px; }
.hotel-img img {
  border-radius: 24px; }

.hotels__block {
  background-color: #fff;
  border-radius: 24px; }

.hotel-descr {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 1px 4px 0 #EBE9E8BA, 0 24px 48px 0 #E6EBF566;
  border-radius: 24px; }

.hotel__description {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.unordered-list__item-hotel-services {
  list-style: disc; }

.hotel-services {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.unordered-list__item-hotel-services::marker {
  color: #FF7600;
  font-size: 24px; }

.hotels__container > .tour-request__content-card > .tour-request__gallery-content {
  width: 100%; }

@media (max-width: 768px) {
  .hotels__container {
    max-width: 288px; }
  .hotels__section {
    padding: 0 16px 48px 16px; }
  .hotel-img {
    width: 288px;
    height: 300px; }
  .hotel-img .img-desctop {
    display: none; }
  .hotel-img .img-mobile {
    display: block; } }

.pdpa__container {
  padding: 24px;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 #ebe9e8ba, 0 24px 48px 0 #e6ebf566; }

.pdpa-list, .unordered-list__item-pdpa {
  list-style: disc; }

.unordered-list__item-pdpa::marker {
  color: #FF7600; }

.pdpa-descr {
  display: flex;
  flex-direction: column;
  gap: 12px; }

@media (max-width: 768px) {
  .pdpa__section {
    padding: 0 16px 48px 16px; }
  .pdpa__container {
    max-width: 288px; } }

.privacy-policy__section {
  padding-top: 24px; }

.privacy-policy__container {
  max-width: 800px;
  padding: 24px;
  border-radius: 24px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.privacy-policy__descr {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.privacy-policy__block {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.numeric-list__item::marker {
  content: counters(list-item, ".") ".";
  color: #FF7600; }

.numeric-list__header-item {
  padding-left: 60px; }

.privacy-policy__ordered-list-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 12px; }

.privacy-policy__ordered-list {
  margin-left: 24px; }

.header__tier-five > .privacy-policy__ordered-list > .numeric-list__item {
  margin-left: -71px; }

.header__tier-five > .privacy-policy__ordered-list > .numeric-list__item > .privacy-policy__ordered-list > .numeric-list__item {
  margin-left: -60px;
  padding-left: 35px; }

.second-block {
  margin-left: -81px;
  padding-left: 35px; }

.list-helper {
  padding-left: 48px; }

.numeric-list__item:not(:last-child) {
  margin-bottom: 16px; }

.numeric-list__header-item {
  margin-bottom: 16px; }

.ordered-list__header {
  margin-bottom: 16px; }

@media (max-width: 768px) {
  .privacy-policy__container {
    max-width: 288px; }
  .privacy-policy__section {
    padding: 20px 16px 48px 16px; } }

.choices__inner::before {
  position: absolute;
  left: 26px;
  top: 24px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  z-index: 101; }

.inns__choice-city > .choices > .choices__inner::before {
  content: "Город"; }

.inns__choice-by-name > .choices > .choices__inner::before {
  content: "Поиск"; }

.first > .choices > .choices__inner::before {
  content: "Город"; }

.feedback-popup__choice > .choices > .choices__inner::before {
  content: "Тур"; }

.second > .choices > .choices__inner::before {
  content: "Вид тура"; }

.search-field__input-select > .search-field__input-holder > .choices > .choices__inner::before {
  content: "Город"; }

.input-placeholder-tour-type > .choices > .choices__inner::before {
  content: "Выберите вид тура"; }

.input-placeholder-tour > .choices > .choices__inner::before {
  content: "Выберите тур"; }

.input-hotel-placeholder > .choices > .choices__inner::before {
  content: "Гостиница"; }

.tourliving-placeholder > .choices > .choices__inner::before {
  content: "Проживание"; }

.search-tour-form-length > .choices > .choices__inner::before {
  content: "Продолжительность"; }

.tour-details__third-input-select > .tour-details__third-input-holder > .choices > .choices__inner::before {
  content: "Гостиница"; }

.tour-details__second-input-select > .tour-details__second-input-holder > .choices > .choices__inner::before {
  content: "Количество туристов"; }

.tour-details__first-input-select > .tour-details__first-input-holder > .choices > .choices__inner::before {
  content: "Размещение"; }

.profile__first-choices > .choices > .choices__inner::before {
  content: "Вид тура"; }

.tour-duration > .choices > .choices__inner::before {
  content: "Продолжительность"; }

.tour-request__second-input-select > .tour-request__second-input-holder > .choices > .choices__inner::before {
  content: "Состав группы"; }

.tour-request__second-input-residence > .tour-request__second-input-holder > .choices > .choices__inner::before {
  content: "Проживание"; }

.tour-request__second-input > .tour-request__second-input-holder > .choices > .choices__inner::before {
  content: "Транспорт"; }

.tour-request__first-input-eat > .tour-request__first-input-holder > .choices > .choices__inner::before {
  content: "Питание"; }

.input-holder.has-value > .choices > .choices__inner::before {
  left: 24px;
  top: 12px;
  color: #8E8888; }

.first > .choices > .choices__inner,
.second > .choices > .choices__inner {
  padding: 32px 48px 12px 24px !important; }

.feedback-popup__choice > .choices > .choices__inner {
  padding: 36px 48px 12px 24px !important; }

.reservation__second-input-holder > .choices > .choices__inner,
.reservation__first-input-holder > .choices > .choices__inner,
.inns__choice-city > .choices > .choices__inner,
.inns__choice-by-name > .choices > .choices__inner {
  position: relative;
  width: 375px;
  height: 72px;
  padding: 36px 48px 12px 24px;
  border-radius: 12px;
  background-color: #F5F7FA;
  border: 2px solid #F5F7FA;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  transition: background-color 0.3s ease;
  z-index: 100; }
.reservation__second-input-holder > .choices > .choices__inner:hover,
.reservation__first-input-holder > .choices > .choices__inner:hover,
.inns__choice-city > .choices > .choices__inner:hover,
.inns__choice-by-name > .choices > .choices__inner:hover {
  background-color: #FFE4CC;
  border: 2px solid #FFE4CC; }

.label-for-datepicker {
  position: absolute;
  left: 886px;
  top: 12px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #8E8888;
  z-index: 106; }

.form-banner .date-input.active {
  padding: 32px 48px 12px 24px; }

.custom-date,
.custom-start-date {
  position: relative;
  height: 60px;
  padding: 24px;
  background-color: #f5f7fa;
  z-index: 101;
  transition: background-color 0.3s ease;
  border: 2px solid #F5F7FA;
  border-radius: 12px; }

.custom-start-date_sidebar {
  width: 100%;
  height: 60px;
  box-sizing: border-box;
}

.custom-date:hover,
.custom-start-date:hover {
  background-color: #FFE4CC;
  border: 2px solid #FFE4CC; }
.custom-date:focus-visible,
.custom-start-date:focus-visible {
  outline: none;
  background-color: #FFE4CC;
  border-color: #FF7600; }
.custom-date:focus,
.custom-start-date:focus {
  background-color: #FFE4CC;
  border-color: #FF7600; }

.custom-start-date.active,
.input-main.active {
  padding: 34px 24px 12px 24px; }

.custom-date.active {
  padding: 34px 24px 16px 24px; }

.input-main {
  height: 72px;
  padding: 24px;
  background-color: #F5F7FA;
  border: 2px solid #F5F7FA;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  border-radius: 12px;
  transition: background-color ease 0.3s;
  cursor: pointer; }
.input-main:hover {
  background-color: #FFE4CC;
  border: 2px solid #FFE4CC; }
.input-main:focus {
  background-color: #FFE4CC;
  border: 2px solid #FF7600; }
.input-main:focus-within {
  outline: none; }

.last-label-for-input {
  left: 401px; }

.individual__edit-email-label {
  z-index: 99; }

.middle-label {
  left: 277px; }

.last-label {
  left: 528px; }

.choices.is-open .choices__inner {
  border: 2px solid #FF7600 !important; }

@media screen and (max-width: 768px) {
  .middle-label {
    left: 26px;
    top: 96px; }
  .last-label {
    left: 26px;
    top: 186px; }
  .last-label-for-input {
    top: 100px;
    left: 26px; }
  .reservation__second-input-holder > .choices > .choices__inner,
  .reservation__first-input-holder > .choices > .choices__inner {
    width: 100%; } }

.lk-container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 64px; }

.lk-edit__input-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 8px; }

.lk-edit__passport-data {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; }

.lk-edit__buttons {
  margin-top: 32px;
  display: flex;
  gap: 16px; }

.lk-edit__input-container {
  position: relative;
  width: 100%;
  height: 72px;
  display: flex;
  background-color: #f5f7fa;
  border-radius: 16px; }

.lk-edit__input-container_last-container {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #CECECE; }

.lk-edit__input-block {
  width: 100%; }

.lk-edit__input-container input {
  width: 100%; }

.dob-datepicker {
  width: 372px !important;
  z-index: 100 !important; }

.dob-datepicker > .air-datepicker--content > .air-datepicker-body--day-name {
  width: 100% !important; }

.lk-edit__rule_mobile {
  display: none;
  height: 0; }

.booking-date:focus {
  background-color: #FFE4CC; }

.lk-edit-dob {
  left: 402px; }

.dob-input {
  background-position: 326px; }

.passport_issued-input,
.passport_valid-input {
  background-position: 201px; }

.lk__dob-label_z-index {
  z-index: 180; }

.lk__dob-input_z-index {
  z-index: 170; }

.lk__passport-issued-label_z-index {
  z-index: 150; }

.lk__passport-issued-input_z-index {
  z-index: 140; }

.passport-datepicker-issued {
  z-index: 130 !important; }

.lk__passport-valid-label_z-index {
  z-index: 120; }

.lk__passport-valid-input_z-index {
  z-index: 110; }

.passport-datepicker-valid {
  z-index: 100 !important; }

.passport-datepicker {
  width: 246px !important; }

.passport-datepicker > .air-datepicker--navigation {
  width: 245px; }

.passport-datepicker > .air-datepicker--content {
  width: 230px; }

.passport-datepicker > .air-datepicker--content > .air-datepicker-body--day-name {
  width: 100% !important; }

.passport_issued {
  left: 277px; }

.passport_valid {
  left: 527px; }

@media screen and (max-width: 768px) {
  .lk-container {
    max-width: 288px;
    padding-bottom: 48px; }
  .lk-edit__page-title {
    overflow-wrap: break-word;
    max-width: 220px;
    hyphens: auto;
    margin-bottom: 24px; }
  .lk-edit__input-container {
    flex-direction: column;
    height: 100%;
    background: none; }
  .lk-edit__input-container input {
    margin-bottom: 16px; }
  .lk-edit__passport-data {
    margin-bottom: 24px; }
  .dob-input,
  .passport_issued-input,
  .passport_valid-input {
    background-position: 194px; }
  .dob-datepicker,
  .passport-datepicker {
    width: 236px !important; }
  .dob-datepicker > .air-datepicker--navigation,
  .passport-datepicker > .air-datepicker--navigation {
    width: 236px; }
  .dob-datepicker > .air-datepicker--content,
  .passport-datepicker > .air-datepicker--content {
    width: 220px; }
  .dob-datepicker > .air-datepicker--content > .air-datepicker-body > .air-datepicker-body--day-names > .air-datepicker-body--day-name,
  .passport-datepicker > .air-datepicker--content > .air-datepicker-body > .air-datepicker-body--day-names > .air-datepicker-body--day-name {
    width: 28px !important; }
  .lk-edit-dob {
    top: 97px;
    left: 26px; }
  .passport_issued {
    top: 107px;
    left: 26px; }
  .passport_valid {
    top: 203px;
    left: 26px; }
  .input-with-rule input {
    margin-bottom: 0; }
  .lk-edit__input-container_last-container input {
    margin-bottom: 24px; }
  .lk-edit__input-container_last-container input.last-input {
    margin-bottom: 0; }
  .lk-edit__input-content {
    gap: 0; }
  .lk-edit__rule {
    display: none;
    height: 0; }
  .lk-edit__rule_mobile {
    display: block;
    height: auto;
    margin-top: 8px;
    margin-bottom: 16px; }
  .lk-edit__last-input-container {
    margin-top: 8px; }
  .lk-edit__buttons {
    flex-direction: column; }
  .lk-edit-last-input {
    margin: 0 !important; } }

.article {
  margin-bottom: 24px; }

.article_last-section {
  margin-top: 8px;
  margin-bottom: 64px; }

.article_container {
  width: 800px;
  padding: 0; }

.article__page-title {
  font-size: 24px;
  line-height: 32px; }

.article__content {
  margin-top: 24px;
  padding: 4px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  background: #fff; }

.article__img {
  width: 792px;
  height: 300px;
  border-radius: 24px;
  overflow: hidden; }

.article__descr {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.main-text {
  font-family: "Museo Sans Cyrl 700", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; }

@media screen and (max-width: 768px) {
  .article__content {
    margin-top: 16px; }
  .article__img {
    width: 280px;
    height: 300px; } }

.inns__container {
  max-width: 800px;
  padding: 0 0 64px 0; }

.inns__cards {
  margin-top: 32px; }

.inns__cards {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.inns__card-content {
  display: flex;
  padding: 0;
  position: relative; }

.inns__card-picture {
  width: 234px;
  height: 216px;
  border-radius: 20px;
  padding: 4px 0 4px 4px;
  object-fit: cover; }

.inns__card-picture img {
  border-radius: 20px; }

.inns__card-text {
  padding: 24px 0 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.inns__card-text-content {
  width: 478px;
  display: flex;
  flex-direction: column;
  gap: 8px; }

.inns__card-descr {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis; }

.inns__card-text-content_desc p {
  margin: 0;
  font-family: "Museo Sans Cyrl 300", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; }

.inns__card-contact-info {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.inns__card-contacts {
  display: flex;
  gap: 12px; }

.inns__card-svg {
  padding: 16px 16px 16px 8px; }

.inns__card-content .inns__card-svg {
  transition: transform 0.3s ease; }

.inns__card-content:hover .inns__card-svg {
  transform: translateY(-4px) translateX(4px); }
.inns__card-content:hover .inns__card-svg rect {
  fill: #FFE4CC; }

.inns__choices-conteiner {
  display: flex;
  justify-content: space-between;
  background: #F5F7FA;
  align-items: center;
  border-radius: 16px; }

.inns__choice-city,
.inns__choice-by-name {
  width: 100%; }

.input-holder_inns-custom > .choices > .choices__inner {
  width: 340px; }

.btn_inns-custom {
  border-radius: 0 16px 16px 0; }

.inns__svg-container {
  width: 24px;
  height: 24px; }

@media screen and (max-width: 768px) {
  .inns__button-back {
    display: none; }
  .inns__container {
    max-width: 320px;
    padding: 24px 16px 48px 16px; }
  .inns__choices-conteiner {
    width: 100%;
    flex-direction: column;
    gap: 16px;
    background: none;
    margin-bottom: 8px; }
  .inns__choice-city > .choices > .choices__inner,
  .inns__choice-by-name > .choices > .choices__inner {
    width: 100%; }
  .inns__card-content {
    flex-direction: column; }
  .inns__card-picture {
    width: 100%;
    padding: 4px; }
  .inns__card-text {
    padding: 24px; }
  .inns__card-text-content {
    width: 100%; }
  .inns__card-descr {
    -webkit-line-clamp: 4; }
  .inns__card-svg {
    display: none; }
  .form-banner_inns {
    margin: 0; }
  .inns__choices-conteiner_inns {
    margin-bottom: 30px; }
  .btn_inns-custom {
    border-radius: 12px; } }

.cookies-modal__wrap {
  display: none;
  position: fixed;
  z-index: 500;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: #FEFEFE;
  border: 1px solid #FEFEFE;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19), 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 24px;
  animation-name: animatetop;
  animation-duration: 0.4s;
  animation-timing-function: ease-out; }

.cookies-modal__content {
  margin: 0;
  padding: 20px; }

.cookies-modal__title {
  font-weight: 600; }

.cookies-modal__text {
  margin: 10px auto 10px;
  font-weight: 100; }

@keyframes animatetop {
  from {
    bottom: -300px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

@media (max-width: 768px) {
  .stick-default {
    top: 4px;
    left: auto;
    right: 4px;
  }
}

/* Календарь в сайдбаре: ровно 272px — по ширине input */
.tour-details_string-datepicker-sidebar.air-datepicker,
.tour-details_string-datepicker-sidebar .air-datepicker,
.tour-details_string-datepicker-sidebar.air-datepicker.-active-:not(.-custom-position-),
.tour-details_string-datepicker-sidebar .air-datepicker.-active-:not(.-custom-position-) {
  width: 272px !important;
  max-width: 272px !important;
  box-sizing: border-box;
}

.tour-details_string-datepicker-sidebar .air-datepicker--navigation,
.tour-details_string-datepicker-sidebar.air-datepicker .air-datepicker--navigation {
  width: 272px !important;
  padding: 16px 16px 0 16px !important;
  box-sizing: border-box;
}

.tour-details_string-datepicker-sidebar .air-datepicker--content,
.tour-details_string-datepicker-sidebar.air-datepicker .air-datepicker--content {
  width: 272px !important;
  padding: 12px 8px 8px !important;
  box-sizing: border-box;
}

.tour-details_string-datepicker-sidebar .air-datepicker-body--day-name {
  width: auto !important;
  font-size: 14px !important;
}

.tour-details_string-datepicker-sidebar .air-datepicker-cell.-day- {
  height: 32px;
  padding: 4px;
  margin-bottom: 6px !important;
}

.tour-details_string-datepicker-sidebar .air-datepicker-cell.-day-::after {
  top: 24px;
}


/* ==========================================================================
   Выбранная дата в календаре: чёрная цифра вместо белой
   Перебиваем правило .air-datepicker-cell.-selected- { color: #fff !important }
   из style-tour.css
   ========================================================================== */

[class*="string-datepicker-"] .air-datepicker-cell.-selected-,
[class*="string-datepicker-"] .air-datepicker-cell.-selected-.-current-,
.string-datepicker .air-datepicker-cell.-selected-,
.string-datepicker .air-datepicker-cell.-selected-.-current-,
.tour-details_string-datepicker-sidebar .air-datepicker-cell.-selected-,
.tour-details_string-datepicker-sidebar .air-datepicker-cell.-selected-.-current- {
  color: #000 !important;
}

/* Если выбрана статусная дата (free/part-time/occupied) — тоже чёрная */
[class*="string-datepicker-"] .air-datepicker-cell.-selected-.free,
[class*="string-datepicker-"] .air-datepicker-cell.-selected-.part-time,
[class*="string-datepicker-"] .air-datepicker-cell.-selected-.occupied,
.string-datepicker .air-datepicker-cell.-selected-.free,
.string-datepicker .air-datepicker-cell.-selected-.part-time,
.string-datepicker .air-datepicker-cell.-selected-.occupied,
.tour-details_string-datepicker-sidebar .air-datepicker-cell.-selected-.free,
.tour-details_string-datepicker-sidebar .air-datepicker-cell.-selected-.part-time,
.tour-details_string-datepicker-sidebar .air-datepicker-cell.-selected-.occupied {
  color: #000 !important;
}


/* ==========================================================================
   Тень от рамки выбранной даты в цвет статуса
   ========================================================================== */

/* --- Выбранная свободная дата — зелёная тень --- */
[class*="string-datepicker-"] .air-datepicker-cell.-selected-.free,
.string-datepicker .air-datepicker-cell.-selected-.free,
.tour-details_string-datepicker-sidebar .air-datepicker-cell.-selected-.free {
  box-shadow: 0 0 0 3px rgba(33, 150, 83, 0.25),
  0 2px 6px rgba(33, 150, 83, 0.35) !important;
}

/* --- Выбранная частично занятая дата — жёлтая тень --- */
[class*="string-datepicker-"] .air-datepicker-cell.-selected-.part-time,
.string-datepicker .air-datepicker-cell.-selected-.part-time,
.tour-details_string-datepicker-sidebar .air-datepicker-cell.-selected-.part-time {
  box-shadow: 0 0 0 3px rgba(200, 137, 11, 0.25),
  0 2px 6px rgba(200, 137, 11, 0.35) !important;
}

/* --- Выбранная занятая дата — красная тень --- */
[class*="string-datepicker-"] .air-datepicker-cell.-selected-.occupied,
.string-datepicker .air-datepicker-cell.-selected-.occupied,
.tour-details_string-datepicker-sidebar .air-datepicker-cell.-selected-.occupied {
  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.22),
  0 2px 6px rgba(255, 0, 0, 0.32) !important;
}