/* ##### 24-04-16 Komarov */
.login-label {
  display: block;
  margin-top: 10px;
}

.card-container.card {
  max-width: 350px !important;
}

.card-container.card {
  padding: 40px 40px;
}

.card {
  background-color: #f7f7f7;
  padding: 20px 25px 30px;
  margin: 50px auto 25px;
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
  width: 96px;
  height: 96px;
  margin: 0 auto 10px;
  display: block;
  border-radius: 50%;
}

.top-menu-home-icon:hover {
  color: yellow;
}

.HomeIconMobile {
  color: white;
}

/* ##### 22-10-25 Komarov */
#paxIconOnSmallScreen {
  transform: translateY(0rem);
}

.LangSwitcher {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.LangSwitcher_item.active,
.LangSwitcher_item:hover {
  opacity: 0.8;
  background-color: rgb(38, 71, 141);
}

.LangSwitcher_item {
  cursor: pointer;
  border: 2px solid white;
  background-color: white;
  border-radius: 10px;
}

/* ##### 22-11-02 Komarov: скачал CSS и шрифты от Google и расположил их локально в проекте, чтобы не зависеть в этом от подключения к интернет */
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  unicode-range:
    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range:
    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
  unicode-range:
    U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC,
    U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range:
    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range:
    U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC,
    U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range:
    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');
  unicode-range:
    U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC,
    U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
  unicode-range:
    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

/* ##### 22-11-02 Komarov: скачал CSS и шрифты от Google и расположил их локально в проекте, чтобы не зависеть в этом от подключения к интернет */

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

* {
  margin: 0;
  padding: 0;
}

.container {
  min-width: 100%;
  height: 30%;
  background: #065ca3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1vw;
  border-radius: 10px;
}

.box {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.title {
  position: relative;
  display: flex;
  align-items: center;
  /* ##### 25-03-20 Komarov */
  justify-content: center;
  height: 60px;
}

/* ##### 25-03-20 Komarov */
div.WrapperAboutUs > div > div.container > div > div.title > h1 {
  color: #ffb510;
}

.container .title .block {
  height: inherit;
  background: #ffb510;
  position: absolute;
  /* ##### 23-08-29 Komarov */
  display: flex;
  border-radius: 10px;
}

h1 {
  /* ##### 24-09-23 Komarov */
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 32px;
  /* ##### 23-08-29 Komarov */
  display: flex;
  align-items: baseline;
  position: relative;
}

h1 span {
  /* ##### 23-08-29 Komarov */
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ffb510;
  /* ##### 23-08-29 Komarov */
  margin-left: 5px;
  margin-top: -10px;
  position: absolute;
  /* ##### 23-08-29 Komarov */
  bottom: 11px;
  right: -7px;
}

.role {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.role .block {
  width: 0;
  line-height: 12px;
  background: #8d98f3;
  position: absolute;
  /* ##### 23-08-29 Komarov */
  display: flex;
  border-radius: 10px;
}

.role p {
  /* ##### 23-08-29 Komarov */
  font-weight: 400;
  /* ##### 24-09-23 Komarov */
  font-family: Lato, sans-serif;
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.desc {
  background: #f7eea9;
  position: relative;
  /* ##### 23-08-29 Komarov */
  display: flex;
  justify-content: center;
  align-items: center;
  /* ##### 23-08-29 Komarov */
  margin-bottom: 2vh;
  /* ##### 23-08-29 Komarov */
  padding: 2vh 3vw;
  border-radius: 10px;
}

@media not all and (max-width: 768.2px) {
  .Advantages {
    display: grid;
    grid-template-columns: repeat(5, 20%);
    align-items: center;
    background-color: #003057;
    padding: 0 10px;
    min-height: 20vh;
    border-radius: 10px;
    margin-bottom: 2vh;

    position: relative;
    /* ##### 23-08-29 Komarov */
  }
}

@media not all and (min-width: 769px) {
  .Advantages {
    background-color: #003057;
    padding: 0 10px;
    min-height: 20vh;
    border-radius: 10px;
    margin-bottom: 2vh;

    position: relative;
    /* ##### 23-08-29 Komarov */
  }
}

/* ##### 23-07-04 Komarov - end */

.Wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.5vw 1vw 0.5vw 1vw;
  color: white;
}

.Wrap div {
  margin-left: auto;
  margin-right: auto;
}

.Advantages div {
  display: flex;
  justify-content: center;
  align-self: flex-start;
}

.purecontentPage .Advantages div {
  color: white;
  min-height: 0;
  text-align: center;
}

.purecontentPage .Advantages div.Numbers {
  font-size: 25px;
  font-weight: bold;
}

.MainText {
  position: relative;
}

.pre-loader {
  position: relative;
  width: 100%;
  background-color: #fff;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
}

:root {
  --duration: 5s;
  --ease: linear;
  --main-bg-color: rgb(235, 214, 188);
}

.svgContainer {
  height: 50%;
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(235, 214, 188);
  background-color: var(--main-bg-color);
  border-radius: 5px;
}

.digit circle {
  animation: dash 5s linear alternate infinite;
  animation: dash var(--duration) var(--ease) alternate infinite;
  animation-name: circle-draw;
  stroke-dashoffset: -1;
  stroke-dasharray: 1 1;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.digit path {
  stroke-dashoffset: -1;
  stroke-dasharray: 550;
  animation: stroke 5s linear alternate infinite;
  animation: stroke var(--duration) var(--ease) alternate infinite;
  animation-name: path-draw;
  stroke-linejoin: round;
}

.digit {
  transform: scale(0.9);
  animation: digit 5s ease alternate infinite;
  animation: digit var(--duration) ease alternate infinite;
  animation-name: digit;
  animation-delay: calc((var(--i) * 1s));
}

svg:nth-child(1) {
  --x-offset: 150%;
}

svg:nth-child(2) {
  --x-offset: 50%;
}

svg:nth-child(3) {
  --x-offset: -50%;
}

svg:nth-child(4) {
  --x-offset: -150%;
}

svg:nth-child(1) {
  --y-offset: calc(25% - 8%);
}

svg:nth-child(2) {
  --y-offset: calc(-25% + 8%);
}

svg:nth-child(3) {
  --y-offset: calc(25% - 8%);
}

svg:nth-child(4) {
  --y-offset: calc(25% - 8%);
}

@keyframes digit {
  from,
  25% {
    transform: translate(0, 0) scale(1);
    transform: translate(var(--x-offset, 0), var(--y-offset, 0)) scale(1);
  }

  50% {
    transform: translate(0%, var(--y-offset)) scale(1);
  }

  75%,
  to {
    transform: none;
    scale: none;
  }
}

.digits {
  display: flex;
  flex-direction: row;
}

@keyframes path-draw {
  0%,
  43% {
    stroke-dashoffset: 550;
  }

  90%,
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes circle-draw {
  0% {
    stroke-dasharray: 0 1 0.3 0.3;
    stroke-dashoffset: 1;
  }

  18%,
  55% {
    stroke-dasharray: 1 1;
    stroke-dashoffset: -2;
  }

  70%,
  100% {
    stroke-dashoffset: -3;
  }
}

.CartNotPickedImage {
  /* ##### 23-04-17 Komarov */
  -o-object-fit: cover;
     object-fit: cover;
  padding: 5px;
  width: 100%;
  height: 11vh;
  border-radius: 0.7vw;
  cursor: pointer;
}

.CartPickedImage,
.CartNotPickedImage:hover {
  /* ##### 23-04-17 Komarov */
  -o-object-fit: cover;
     object-fit: cover;
  padding: 5px;
  width: 100%;
  height: 11vh;
  border-radius: 0.7vw;
  cursor: pointer;
  opacity: 0.7;
  background-color: rgb(17, 17, 114);
}

/* ##### 24-06-26 Komarov */
.galleryPage {
  flex: 1 1 25%;
}

.NotPickedImage {
  padding: 5px;
  width: 100%;
  height: 11vh;
  border-radius: 0.7vw;
  cursor: pointer;
  /* ##### 23-11-09 Komarov */
  -o-object-fit: cover;
     object-fit: cover;
}

.PickedImage,
.NotPickedImage:hover {
  padding: 5px;
  width: 100%;
  height: 11vh;
  border-radius: 0.7vw;
  cursor: pointer;
  opacity: 0.7;
  /* ##### 23-11-09 Komarov */
  -o-object-fit: cover;
     object-fit: cover;
}

.visibleCross {
  display: block;
  font-size: 14px;
  cursor: pointer;
  align-self: center;
  /* ##### 24-02-02 Komarov: центрировал крестик по вертикали */
  z-index: 10000;
}

.visibleCross:hover {
  color: slategrey;
}

.notVisibleCross {
  display: none;
}

.groupTravelWrapper {
  width: 95%;
  border: 2px solid rgb(99, 120, 189);
  border-radius: 10px;
  padding: 2vw;
  margin-left: auto;
  margin-right: auto;
}

/* ##### 23-10-16 Komarov */
.purecontentPage .groupTravelblocks div {
  padding: 0;
  min-height: 2vh;
}

.purecontentPage .groupTravelblocks_2 div,
.purecontentPage .groupTravelblocks_2_accommodation div,
.purecontentPage .groupTravelblocks_4 div,
.purecontentPage .groupTravelblocks_5 div,
.purecontentPage .groupTravelMultipleCities div {
  /* ##### 23-10-16 Komarov */
  margin-top: 0.25vh;
  margin-bottom: 0.25vh;
  padding: 0;
  min-height: 2vh;
}

/* ##### 23-10-16 Komarov */
.purecontentPage .groupTravelMultipleServices div {
  margin-top: 0.25vh;
  margin-bottom: 0.25vh;
  padding: 0;
  min-height: 2vh;
}

.purecontentPage .groupTravelblocks {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 40% 40% 20%;
}

/* ##### 23-10-16 Komarov */
.purecontentPage .groupTravelMultipleServices {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  padding-right: 0.8vh;
  /* ##### 23-10-11 Komarov */
  display: flex;
  align-items: center;
  /* ##### 23-10-11 Komarov */
}

.purecontentPage .groupTravelblocks_2 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 30% 20% 25% 25%;
}

.purecontentPage .groupTravelblocks_2_accommodation {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 30% 15% 15% 12% 8% 12% 8%;
}

.purecontentPage .groupTravelblocks_3 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 15% 28% 17% 30%;
}

/* ##### 25-01-02 Komarov */
/* .purecontentPage .form-block-1-f {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  padding-right: 0.8vh;
  display: flex;
  align-items: center;
} */

/* ##### 25-01-02 Komarov */
.purecontentPage .groupTravelblocks_4 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 30% 20% 35% 15%;
}

.purecontentPage .groupTravelblocks_5 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 15% 19% 13% 20% 13% 20%;
}

/* ##### 23-10-16 Komarov */
.purecontentPage .groupTravelblocks span,
.purecontentPage .groupTravelblocks_2 span,
.purecontentPage .groupTravelblocks_2_accommodation span,
.purecontentPage .groupTravelblocks_3 span,
.purecontentPage .form-block-lf span,
.purecontentPage .groupTravelblocks_4 span,
.purecontentPage .groupTravelblocks_5 span,
.purecontentPage .groupTravelMultipleServices span {
  font-weight: bold;
  color: rgb(13, 3, 70);
  font-size: 14px;
  margin-left: 0.8vw;
  margin-right: 0.8vw;
}

.groupTravelWrapper h3 {
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: rgb(17, 17, 139);
  font-size: 20px;
  font-weight: bold;
  background-color: #d7ebfc;
  /* ##### 23-09-06 Komarov */
  text-indent: 1.3em;
}

@counter-style thumbs {
  system: cyclic;
  symbols: '\2714';
  suffix: ' ';
}

/* ##### 24-12-19 Komarov */
ul.GroupTravelFormBlockUl {
  list-style: inside;
}

.groupTravelWrapper li {
  padding: 0.3vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: rgb(17, 17, 139);
  font-size: 15px;
  font-weight: bold;
  background-color: #d7ebfc;
  width: 80%;
}

/*##### 24-12-19 Komarov*/
/*.groupTravelSubmitButton {
  background: #009FE3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 90%;
  width: 25%;
  text-align: center;
  padding-bottom: 2vh;
  padding-top: 2vh;
  margin-top: 25px;
  margin-bottom: 8px;
}*/

.groupTravel {
  margin-top: 25px;
  margin-bottom: 8px;
}

.groupTravelAddButton {
  display: flex;
  align-items: flex-end;
  grid-column: 3;
  grid-row: 2;
}

.groupTravelAddButton button {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 5px;
  font-weight: bold;
  font-size: 80%;
  min-width: 5vw;
  height: 32px;
  overflow: hidden;
  text-align: center;
}

/*##### 24-12-19 Komarov*/
/*.groupTravelSubmitButton:hover {
  background: darkblue;
}*/

.groupTravelMonth div.ant-picker-input input::-moz-placeholder {
  font-size: 13px;
  color: rgb(13, 3, 70);
  font-weight: bold;
}

.groupTravelMonth div.ant-picker-input input::placeholder {
  font-size: 13px;
  color: rgb(13, 3, 70);
  font-weight: bold;
}

/*##### 24-12-19 Komarov*/
/*.supplierWrapper {
  width: 95%;
  border: 2px solid rgb(99, 120, 189);
  border-radius: 10px;
  padding: 2vw;
  margin-left: auto;
  margin-right: auto;
}*/

.purecontentPage .supplierWrapper h3 div {
  border-radius: 0.5vw;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: rgb(17, 17, 139);
  font-size: 15px;
  font-weight: bold;
  background-color: #d7ebfc;
  text-align: justify;
}

.purecontentPage .blocks div,
.purecontentPage .blocks_2 div,
.purecontentPage .blocks_4 div,
.purecontentPage .blocks_5 div,
.purecontentPage .form-block-lf div {
  margin-top: 0.5vh;
  /* ##### 23-09-06 Komarov */
  margin-bottom: 0.5vh;
  padding: 0;
  min-height: 2vh;
}

/*##### 24-12-19 Komarov*/
/*.purecontentPage .blocks {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 40% 30% 30%;
}*/

/*.purecontentPage .blocks_2 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 30% 20% 25% 25%;
}*/

/*.purecontentPage .blocks_3 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 15% 30% 15% 30%;
}*/

/*.purecontentPage .blocks_4 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 30% 20% 35% 15%;
}*/

/*##### 24-12-19 Komarov*/
/*.purecontentPage .blocks_5 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 15% 19% 15% 18% 15% 18%;
}*/

/*.purecontentPage .blocks span,
.purecontentPage .blocks_2 span,
.purecontentPage .blocks_3 span,
.purecontentPage .blocks_4 span,
.purecontentPage .blocks_5 span {
  font-weight: bold;
  color: rgb(13, 3, 70);
  font-size: 14px;
  margin-left: 0.8vw;
  margin-right: 0.8vw;
}*/

/*##### 24-12-19 Komarov*/
/*.SupplierSubmitButton {
  background: #009FE3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 90%;
  width: 25%;
  text-align: center;
  padding-bottom: 2vh;
  padding-top: 2vh;
  !* ##### 23-09-06 Komarov *!
  margin-top: 2vh;
  margin-bottom: 8px;
}*/

/*.SupplierSubmitButton:hover {
  background: darkblue;
}*/

/*
.SupplierMonth div.ant-picker-input input::placeholder {
  font-size: 13px;
  color: rgb(13, 3, 70);
  font-weight: bold;
}*/

/*##### 24-12-19 Komarov*/
/*.supplierWrapper {
  width: 95%;
  border: 2px solid rgb(99, 120, 189);
  border-radius: 10px;
  padding: 2vw;
  margin-left: auto;
  margin-right: auto;
}*/

.purecontentPage .blocks div,
.purecontentPage .blocks_2 div,
.purecontentPage .blocks_4 div,
.purecontentPage .blocks_5 div,
.purecontentPage .form-block-lf div,
.purecontentPage .form-block-lf-lf-lf-greaterThanOrEqual-Laptop-1024-1440 div {
  /* ##### 23-10-16 Komarov */
  margin-top: 0.25vh;
  /* ##### 23-09-06 Komarov */
  margin-bottom: 0.25vh;
  padding: 0;
  min-height: 2vh;
}

/*##### 24-12-19 Komarov*/
/*.purecontentPage .blocks {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 40% 30% 30%;
}*/

/*.purecontentPage .blocks_2 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 30% 20% 25% 25%;
}*/

/*.purecontentPage .blocks_3 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 15% 30% 15% 30%;
}*/

/*.purecontentPage .blocks_4 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 30% 20% 35% 15%;
}*/

/*##### 24-12-19 Komarov*/
/*.purecontentPage .blocks_5 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 15% 19% 15% 18% 15% 18%;
}*/

/*.purecontentPage .blocks span,
.purecontentPage .blocks_2 span,
.purecontentPage .blocks_3 span,
.purecontentPage .blocks_4 span,
.purecontentPage .blocks_5 span {
  font-weight: bold;
  color: rgb(13, 3, 70);
  font-size: 14px;
  margin-left: 0.8vw;
  margin-right: 0.8vw;
}*/

.supplierWrapper h3 {
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: rgb(17, 17, 139);
  font-size: 20px;
  font-weight: bold;
  background-color: #d7ebfc;
  /* ##### 23-09-06 Komarov */
  text-indent: 1.3em;
}

/*##### 24-12-19 Komarov*/
/*.SupplierSubmitButton {
  background: #009FE3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 90%;
  width: 25%;
  text-align: center;
  padding-bottom: 2vh;
  padding-top: 2vh;
  !* ##### 23-09-06 Komarov *!
  margin-top: 2vh;
  margin-bottom: 8px;
}*/

/*.SupplierSubmitButton:hover {
  background: darkblue;
}*/

.SupplierMonth div.ant-picker-input input::-moz-placeholder {
  font-size: 13px;
  color: rgb(13, 3, 70);
  font-weight: bold;
  /* ##### 23-10-04 Komarov */
  font-family: Arial, sans-serif;
  /* Set the font to Arial */
}

.SupplierMonth div.ant-picker-input input::placeholder {
  font-size: 13px;
  color: rgb(13, 3, 70);
  font-weight: bold;
  /* ##### 23-10-04 Komarov */
  font-family: Arial, sans-serif;
  /* Set the font to Arial */
}

/*##### 24-12-19 Komarov*/
.supplierWrapper {
  width: 95%;
  border: 2px solid rgb(99, 120, 189);
  border-radius: 10px;
  padding: 2vw;
  margin-left: auto;
  margin-right: auto;
}

.purecontentPage .blocks {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 40% 30% 30%;
}

.purecontentPage .blocks_2 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 30% 20% 25% 25%;
}

.purecontentPage .blocks_3 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 15% 30% 15% 30%;
}

.purecontentPage .form-block-lf-lf-greaterThanOrEqual-Tablet-768-1024 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 15% 34% 15% 34%;
}

.purecontentPage .blocks_4 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 30% 20% 35% 15%;
}

/*##### 24-12-19 Komarov*/
.purecontentPage .blocks_5 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  /* grid-template-columns: 15% 19% 15% 18% 15% 18%; */
  grid-template-columns: 13% 24% 10% 21% 10% 21%;
}

/*##### 24-12-19 Komarov*/
.purecontentPage .form-block-lf {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  /* grid-template-columns: 15% 19% 15% 18% 15% 18%; */
  grid-template-columns: 13% 24% 10% 21% 10% 21%;
}

.purecontentPage .form-block-lf-lf-lf-greaterThanOrEqual-Laptop-1024-1440 {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  display: grid;
  align-items: center;
  grid-template-columns: 13% 24% 10% 21% 10% 21%;
}

/* ##### 23-10-16 Komarov */
.purecontentPage .form-block-lf {
  border: 1px solid lightblue;
  border-radius: 10px;
  background: rgb(248, 238, 238);
  margin-top: 1vh;
  padding-right: 0.8vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.FormSubmitButton {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 90%;
  width: 25%;
  text-align: center;
  padding-bottom: 2vh;
  padding-top: 2vh;
}

.FormSubmitButtonMobile {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding-bottom: 2vh;
  padding-top: 2vh;
}

.Supplier {
  /* ##### 23-09-06 Komarov */
  margin-top: 2vh;
  margin-bottom: 8px;
}

.purecontentPage .blocks span,
.purecontentPage .blocks_2 span,
.purecontentPage .blocks_3 span,
.purecontentPage .form-block-lf-lf-greaterThanOrEqual-Tablet-768-1024 span,
.purecontentPage .blocks_4 span,
.purecontentPage .blocks_5 span,
.purecontentPage .form-block-lf span,
.purecontentPage .form-block-lf-lf-lf-greaterThanOrEqual-Laptop-1024-1440 span {
  font-weight: bold;
  color: rgb(13, 3, 70);
  font-size: 14px;
  margin-left: 0.8vw;
  margin-right: 0.8vw;
}

.FormSubmitButton:hover {
  background: darkblue;
}

.ChoiceBlockWrapper {
  display: grid;
  grid-template-columns: repeat(2, 20vw);
}

.HotelPaxChoiceWrapper {
  display: flex;
  /* ##### 23-11-15 Komarov */
  flex-direction: column;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  justify-content: center;
}

.HotelPaxChoiceWrapper h4 {
  color: rgb(75, 73, 73);
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  cursor: pointer;
  margin: auto;
}

.HotelPaxResult {
  border-radius: 2px;
  height: 32px;
  width: 100%;
  padding: 3px 11px;
  background-color: white;
}

.HotelPaxResultSmallScreen {
  border-bottom: 0.5px solid grey;
  border-radius: 2px;
  /* ##### 23-05-05 Komarov */
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 11px;
  background-color: white;
}

.DropdownButton {
  margin-top: 0.5vh;
  background-color: white;
  border: 2px solid rgb(177, 174, 174);
  border-radius: 5px;
  min-width: 200px;
}

.DropdownItem {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  color: #102d69;
}

.DropdownItem:hover {
  background-color: #d7ebfc;
  text-decoration: none;
}

.PopUpNotActive {
  display: none;
}

/* ##### 24-01-30 Komarov */
.PopUpActive-PageDevices {
  display: block;
  position: absolute;
  background-color: white;
  margin-top: 5vh;
  z-index: 3000;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 15px;
}

.PopUpButton {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-size: 19px;
  /* ##### 23-11-15 Komarov */
  height: 50px;
  text-align: center;
}

.MinusInner {
  background-color: #009fe3;
  border: 0.8vw solid #009fe3;
  border-radius: 5vw;
  font-size: 15px;
  font-weight: bolder;
  width: 40px;
  height: 40px;
}

.PlusInner {
  background-color: #009fe3;
  border: 0.8vw solid #009fe3;
  border-radius: 5vw;
  font-size: 15px;
  font-weight: bolder;
  width: 40px;
  height: 40px;
}

.DownOutlined {
  color: #bfbfbf;
  font-size: 13px;
  padding-left: 5px;
  /* @@@@@ 22-09-20 Komarov: добавил отступ, чтобы стрелочка не сползала вниз после отображения страницы SSR */
  /* ##### 24-03-12 Komarov */
}

/* ##### 22-10-25 Komarov */
.DownOutlined_SmallPortrait {
  color: #bfbfbf;
  font-size: 1rem;
  padding-left: 5px;
  /* @@@@@ 22-09-20 Komarov: добавил отступ, чтобы стрелочка не сползала вниз после отображения страницы SSR */
  /* ##### 23-11-15 Komarov */
  margin-bottom: 0.9vh;
}

/* ##### 23-05-05 Komarov */
/*TODO: Проверить использование и нет ли с этим ошибок*/
#root
  > header
  > div.HotelDetailsWrapper
  > div:nth-child(11)
  > h3.Tablet_greaterThan_425-lessThanOrEqual_768.SearchDetailsSmallScreen
  > h4:nth-child(3)
  > div
  > div.lessThanOrEqual-desktopMinWidth_1024.HotelPaxChoiceWrapper
  > div.lessThanOrEqual-desktopMinWidth_1024.HotelPaxResultSmallScreen
  > h4
  > span.anticon.anticon-down.lessThanOrEqual-desktopMinWidth_1024.DownOutlined_SmallPortrait {
  margin: 2px;
}

.LoadingOutlinedIcon {
  border: none;
  rotate: 20deg;
  font-size: 40px;
}

.Loading {
  height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.LoadingText {
  color: rgb(7, 7, 85);
  font-size: 17px;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  margin: auto;
  top: 40%;
}

.SliderCSS {
  width: 100%;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  /* ##### 25-04-05 Komarov */
  /*height: 55vh;*/
  height: 27vw;
  padding: 0;
  overflow: hidden;
}

/* ##### Komarov 2025-07-25 */
.react-multiple-carousel__arrow--right::before {
  content: "\23F5" !important;
}

.react-multiple-carousel__arrow--left::before {
  content: "\23F4" !important;
}

.SliderTabletPortraitCSS {
  width: 100%;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  /* height: 45vh; */
  padding: 0;
  overflow: hidden;
}

.SliderMobilePortraitCSS {
  width: 100%;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  overflow: hidden;
}

.SliderMobileLandscapeCSS {
  width: 100%;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  overflow: hidden;
}

.Arrows {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.prev,
.next {
  cursor: pointer;
  position: absolute;
  z-index: 100;
  top: 40%;
  width: auto;
  line-height: 16px;
  color: white;
  font-weight: bold;
  font-size: 30px;
  transition: 0.6s ease;
}

.next {
  right: 0;
}

.left {
  padding-right: 50px;
}

.prev:hover,
.next:hover {
  background-color: rgba(207, 181, 149, 0.8);
  border-radius: 7vw;
}
.FormWrapper {
  margin: 3vh 10vw 5vh 10vw;
  position: relative;
}

.FormWrapper h2 {
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: blue;
  font-size: 22px;
  font-weight: bold;
  background-color: #d7ebfc;
}

.HeadPolicies {
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: #102d69;
  font-size: 17px;
  font-weight: bold;
  background-color: #ecf3fa;
}

.ContentWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.ContentWrapperSmallScreen {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-evenly;
}

.myForm {
  display: block;
  /* ##### 24-04-16 Komarov */
  padding: 0 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  flex: 1;
  margin-right: 1vw;
}

.myFormSmallScreen {
  display: block;
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  flex: 1;
  margin-right: 1vw;
  width: 100%;
}

.InputBlock {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  /* ##### 24-04-16 Komarov */
  margin-top: 1vw;
  border: 1px solid rgb(206, 207, 209);
  background-color: #f4f6f8;
  /* ##### 24-04-17 Komarov */
  padding: 0.5rem;
  border-radius: 5px;
}

/* ##### 24-04-17 Komarov */
.ReadOnlyBlock {
  margin-top: 1vw;
  border: 1px solid rgb(206, 207, 209);
  background-color: #f4f6f8;
  padding: 0.5rem;
  border-radius: 5px;
}

/* ##### 24-04-29 Komarov */
.ReadOnlyBlock.TermsConditions {
  display: flex;
  justify-content: space-evenly;
  margin-top: 1vw;
  border: 1px solid rgb(206, 207, 209);
  background-color: #f4f6f8;
  padding: 0.5rem;
  border-radius: 5px;
}

/* ##### 24-04-25 Komarov */
.ReadOnlyElement {
  display: flex;
  justify-content: space-between;
}

.RadioForm {
  min-width: 20vw;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

/* ##### 24-04-17 Komarov */
.FormLabelForReadOnlyDiv {
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
  margin-bottom: 0;
}

.FormLabel {
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

/* ##### 24-04-18 Komarov */
form.myForm .ant-checkbox-inner {
  border: 1px solid blue;
}

/* ##### 24-04-26 Komarov */
div.ReadOnlyElement input {
  width: 57%;
  background-color: #f4f6f8;
  border: none;
}

.CartDetails {
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  display: inline-block;
  /* ##### 24-04-17 Komarov */
  width: 50%;
}

.CartDetailsSmallScreen {
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  display: inline-block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.CartDetails h4 {
  color: rgb(77, 75, 75);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.CartDetailsSmallScreen h4 {
  color: rgb(77, 75, 75);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.MainRateDetails {
  display: grid;
  width: 100%;
  grid-template-columns: 40% 60%;
}

.MainRateDetails h5 {
  color: rgb(77, 75, 75);
  font-size: 16px;
}

.TaxDetails {
  font-size: 14px;
}

.WrapperTermsConditions {
  display: grid;
  grid-template-columns: 20% 80%;
}

.TermsConditions {
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  color: blue;
  font-size: 17px;
}

.TermsConditions:hover {
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  text-decoration: underline;
  font-size: 17px;
  cursor: pointer;
}

/* ##### Komarov 2025-07-02 */
.formCheckboxLabel {
  display: flex;
  justify-content: space-evenly;
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  color: #4d4b4b;
  font-size: 17px;
}

/* ##### 23-07-11 Komarov */
#root>header>div.FormWrapper>div>form.greaterThan-desktopMinWidth_1024.myForm>div.WrapperTermsConditions>label>span {
  border: #009fe3;
  border-style: ridge;
}

@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideOut {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.NonActivePmnt {
  display: none;
}

.ActivePmnt {
  display: block;
  color: blue;
  font-size: 20px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}

.NonActiveSubmit {
  cursor: default !important;
}

.NonActiveSubmit {
  /* ##### 24-04-24 Komarov */
  background: #96c6f0;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 90%;
  /* ##### 24-04-23 Komarov */
  text-align: center;
  padding: 2vh 1.3vh;
  margin-top: 25px;
  margin-bottom: 8px;
  /* ##### 24-04-24 Komarov */
}

.SubmitButton {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 90%;
  /* ##### 24-04-23 Komarov */
  text-align: center;
  padding: 2vh 1.3vh;
  margin-top: 25px;
  margin-bottom: 8px;
}

.SubmitButton:hover {
  background: darkblue;
}

/* ##### 24-04-19 Komarov */
.BackToRoomsButton {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 90%;
  text-align: center;
  padding: 2vh 1.3vh;
  margin-top: 25px;
  margin-bottom: 8px;
}

.BackToRoomsButton:hover {
  background: darkblue;
}

.Hidden {
  display: none;
}

.TermsNotVisible {
  display: none;
}

.TermsVisible {
  display: block;
  position: fixed;
  background-color: white;
  z-index: 5000;
  top: 0;
  overflow: scroll;
}

.CanxForm {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  margin-top: 4vh;
}

/*##### 24-12-19 Komarov*/
/*.CanxBookingButton {
  background: #009FE3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 90%;
  width: 25%;
  text-align: center;
  padding-bottom: 2vh;
  padding-top: 2vh;
  margin-top: 25px;
  margin-bottom: 8px;
  align-self: center;
}*/

.Canx {
  margin-top: 25px;
  margin-bottom: 8px;
  align-self: center;
}

/*
.CanxBookingButton:hover {
  background: darkblue;
}*/

.GrantIcons:hover {
  background-color: rgb(186, 213, 252);
  border-radius: 10px;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.RegistrationForm {
  display: grid;
  grid-template-columns: 30% 70%;
  grid-auto-rows: auto;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid rgb(249, 250, 250);
  font-size: 28px;
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
}

.Form_Key {
  border-right: 2px solid rgb(249, 250, 250);
  color: darkblue;
  font-weight: bold;
  padding-left: 2vw;
  background-color: lightblue;
}

.Form_Value {
  color: darkblue;
  font-weight: bold;
  text-align: center;
  background-color: rgb(247, 239, 218);
}

.Rotary {
  margin-right: auto;
  margin-left: auto;
  margin-top: 5vh;
  grid-template-columns: 30% 70%;
}

.Registration {
  font-size: 25px;
}

.Registration:hover:hover {
  font-size: 25px;
}

.ChoiceBlockWrapper {
  display: grid;
  grid-template-columns: repeat(2, 20vw);
}

.Icons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  color: #102d69;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  font-size: 17px;
}

.BookingDetails {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 45%;
  min-height: 60vh;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 6px;
  margin-top: 2vw;
}

.BookingDetails h3 {
  text-align: center;
  color: #005aeb;
  font-size: 22px;
  font-weight: bold;
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
}

.BookingChoice {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin-top: 1vw;
}

.ChoiceBlock {
  display: flex;
  flex-direction: column;
  padding-left: 3vw;
}

.ChoiceBlock h4 {
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  font-size: 90%;
  color: rgb(77, 75, 75);
}

.FrontHotelPaxChoiceWrapper {
  display: flex;
  flex-direction: row;
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 16px;
}

.FrontHotelPaxChoiceWrapper h4 {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: rgb(75, 73, 73);
  cursor: pointer;
}

/* ##### 24-02-02 Komarov */
.FrontHotelPaxChoiceWrapper div {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: rgb(75, 73, 73);
  cursor: pointer;
}

/* ##### 22-10-25 Komarov */
.FrontHotelPaxChoiceWrapper_SmallLandscape {
  display: flex;
  flex-direction: row;
  height: 25px;
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  /* ##### 22-10-27 Komarov: выровнял расположение строк формы поиска на разных мобильных устройствах */
  font-size: 14px;
  transform: translateY(-121px);
  justify-content: space-around;
}

.FrontHotelPaxChoiceWrapper_SmallLandscape h4 {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: rgb(75, 73, 73);
  cursor: pointer;
}

.FrontHotelPaxResult {
  /* border: 1px solid #d9d9d9; */
  border-radius: 2px;
  /* ##### 24-01-30 Komarov */
  background-color: white;
}

.FrontHotelPaxResultSmallScreen {
  border-radius: 2px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
}

/* ##### 22-11-08 Komarov */
.FrontHotelPaxResultSmallScreenOuterDiv {
  border-radius: 2px;
  width: 90%;
  background-color: white;
  display: flex;
  justify-content: center;
  /* ##### 23-03-30 Komarov */
  transform: translate3d(3vw, 0.4em, 0);
  font-family: Arial, Helvetica, sans-serif;
}

.DropdownButton {
  margin-top: 0.5vh;
  background-color: white;
  border: 2px solid rgb(177, 174, 174);
  border-radius: 5px;
  min-width: 200px;
}

.DropdownItem {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  color: #102d69;
}

.DropdownItem:hover {
  background-color: #d7ebfc;
  text-decoration: none;
}

.DescriptionTourDetails {
  margin-left: 4vw;
}

.PopUpNotActive {
  display: none;
}

/* ##### 24-01-30 Komarov */
.PopUpActive-HotelsAutocompleteBlock {
  display: block;
  position: absolute;
  background-color: white;
  /* ##### 24-01-30 Komarov */
  z-index: 2001;
  /* ##### 24-01-30 Komarov */
  width: 22vw;
  margin-top: 2.3em;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 15px;
}

/* ##### 24-02-06 Komarov */
.PopUpActive-HotelsAutocompleteBlock-Mobile {
  display: block;
  background-color: white;
  z-index: 2001;
  width: 22vw;
  margin-top: 2.3em;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 15px;
}

.anticon {
  align-items: center;
  justify-content: center;
}

.PopUpButton {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-size: 19px;
  /* ##### 23-11-15 Komarov */
  height: 50px;
  text-align: center;
}

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

.DateSelection {
  font-size: 14px;
  color: blue;
  font-weight: bold;
}

.Minus {
  color: white;
  background-color: #009fe3;
  border: 0.8vw solid #009fe3;
  border-radius: 5vw;
  font-size: 15px;
  font-weight: bolder;
  width: 40px;
  height: 40px;
}

.Plus {
  color: white;
  background-color: #009fe3;
  border: 0.8vw solid #009fe3;
  border-radius: 5vw;
  font-size: 15px;
  font-weight: bolder;
  width: 40px;
  height: 40px;
}

.DownOutlined {
  color: #d9d9d9;
  font-size: 13px;
  padding-left: 5px;
}

.RadioWrapper {
  margin-top: 20px;
}

.RadioWrapper h5 {
  color: blue;
  font-size: 19px;
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  min-width: 35vw;
  margin-bottom: 15px;
}

.Radio {
  margin-top: 20px;
  min-width: 35vw;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.WrapperAddToBasket {
  min-width: 35vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.WrapperAddToBasket h4 {
  width: 30vw;
  height: 25px;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 8px;
}

.calendar-row {
  height: 2.5em !important;
}

.calendar-row {
  display: flex;
  flex-wrap: nowrap;
  margin-right: -15px;
  margin-left: -15px;
}

.calendar-row-tablet {
  display: flex;
  flex-wrap: nowrap;
  margin-right: 10px;
  margin-left: 10px;
  height: 2.5em;
}

.calendar-col-lms {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  -moz-column-width: 13.1vw;
       column-width: 13.1vw;
}

.calendar-col-ms {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  -moz-column-width: 13vw;
       column-width: 13vw;
}

.calendar-col-mm {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  -moz-column-width: 12.5vw;
       column-width: 12.5vw;
}

.calendar-col-ml {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  -moz-column-width: 12.5vw;
       column-width: 12.5vw;
}

.calendar-col-t {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  -moz-column-width: 12.5vw;
       column-width: 12.5vw;
}

.calendar-weekdays-col-t {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  -moz-column-width: 6.37vw;
       column-width: 6.37vw;
}

.calendar-not-this-month {
  color: #9e9e9e !important;
}

.calendar-start-date {
  background-color: #005aeb !important;
  color: white !important;
}

.calendar-start-date {
  border-bottom-left-radius: 1.2em;
  border-top-left-radius: 1.2em;
}

.calendar-end-date {
  background-color: #005aeb !important;
  color: white !important;
}

.calendar-end-date {
  border-bottom-right-radius: 1.2em;
  border-top-right-radius: 1.2em;
}

.calendar-middle-date {
  background-color: #b7cbec !important;
}

.calendar-disabled-date {
  color: #9e9e9e !important;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.calendar-ok-button-active {
  background-color: #005aeb;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 1rem;
  /* ##### 24-05-16 Komarov */
  padding: 6.75px 3vw;
  font-weight: bold;
}

.calendar-ok-button-inactive {
  background-color: #9e9e9e;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 1rem;
  /* ##### 24-05-16 Komarov */
  padding: 6.75px 3vw;
  font-weight: bold;
}

/* ##### 24-02-02 Komarov */
#HotelsAutocomplete > div:nth-child(2) > input::-moz-placeholder {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: rgb(75, 73, 73);
}
#HotelsAutocomplete > div:nth-child(2) > input::placeholder {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: rgb(75, 73, 73);
}

#RangePicker input::-moz-placeholder {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: rgb(75, 73, 73);
}

#RangePicker input::placeholder {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: rgb(75, 73, 73);
}

#RangePicker input::-moz-placeholder {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: rgb(75, 73, 73);
}

#RangePicker input::placeholder {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: rgb(75, 73, 73);
}

.PCPopUpNotActive {
  display: none;
}

.PCPopUpActive {
  display: block;
  position: absolute;
  background-color: white;
  margin-top: 1vw;
  z-index: 1000;
}

.largeScreenSearch {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.mySearch {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 25%) 27% 10% 13%;
  justify-content: center;
  border-radius: 0 10px 10px 10px;
  border-right: 50px solid #96c6f0;
  border-left: 50px solid #96c6f0;
  border-top: 15px solid #96c6f0;
  border-bottom: 15px solid #96c6f0;
}

.mySearch .PromoCode {
  grid-column: 4;
  border-left: 0.5px solid grey;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: rgb(136, 6, 6);
  font-weight: bold;
}

.mySearch input::-moz-placeholder {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
}

.mySearch input::placeholder {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  font-size: 14px;
}

.textInput,
.mySearch select {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  color: #001959;
  width: 40vw;
  padding: 1vw;
  border-bottom: none;
  border-top: none;
  border-left: none;
  border-right: 1px solid #001959;
}

.dropdownDatePicker {
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
}

.mySearch button {
  background-color: #005aeb;
  color: white;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  width: 10vw;
  /* ##### 24-08-14 Komarov */
  height: 38px;
  border-radius: 0.5vw;
  font-weight: bold;
  margin: auto;
}

.mySearch button:hover {
  background-color: #001959;
  color: white;
  cursor: pointer;
}

.formInnerWrapper {
  border: 3px solid white;
  width: 70.5vw;
  border-radius: 0.5vw;
}

.formOuterWrapper {
  border-top: 1.5vw solid #96c6f0;
  border-bottom: 1.5vw solid #96c6f0;
  border-left: 5vw solid#96c6f0;
  border-right: 5vw solid #96c6f0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.3vw;
  border-radius: 0.5vw;
  width: 80vw;
}

.borderInnerWrapper2 {
  border: 2px solid white;
}

div.datePicker {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  display: flex;
  align-items: center;
}

input::-moz-placeholder {
  color: rgb(75, 73, 73);
  font-size: 90%;
}

input::placeholder {
  color: rgb(75, 73, 73);
  font-size: 90%;
}

.ant-picker-input input::-moz-placeholder {
  color: rgb(75, 73, 73);
}

.ant-picker-input input::placeholder {
  color: rgb(75, 73, 73);
}

.MonthPicker .ant-picker-input {
  width: 20vw;
  padding-top: 1vw;
}

.mySearch_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mySearch_inner button {
  /* ##### 23-05-08 Komarov */
  background-color: #005aeb;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  /* ##### 22-10-26 Komarov */
  border-radius: 1rem;
  /* ##### 22-10-27 Komarov: выровнял расположение строк формы поиска на разных мобильных устройствах */
  font-weight: bold;
  margin-top: 6.075px;
  text-align: center;
  margin-bottom: 6.75px;
  height: 2.4em;
  width: 50%;
}

.promocode_mobile {
  background-color: #e3e007;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  /* ##### 22-10-26 Komarov */
  border-radius: 1rem;
  /* ##### 22-10-27 Komarov: выровнял расположение строк формы поиска на разных мобильных устройствах */
  padding: 1.4vw 8vw;
  font-weight: bold;
  margin-top: 6.075px;
  text-align: center;
  margin-bottom: 6.75px;
  /* ##### 23-05-08 Komarov */
  height: 2.4em;
  width: 50%;
  position: relative;
  display: flex;
  justify-content: center;
}

.mySearch_inner button:hover {
  background-color: #001959;
  cursor: pointer;
}

.formOuterWrapper_inner {
  border-top: 4vw solid #96c6f0;
  border-left: 1vw solid #96c6f0;
  border-right: 1vw solid #96c6f0;
  border-bottom: 4vw solid #96c6f0;
  /* ##### 22-10-19 Komarov */
  border-radius: 0 0.5vw 0.5vw 0.5vw;
}

/* ##### 22-10-25 Komarov */
.formOuterWrapper_inner_SmallPortrait {
  /* ##### 22-10-27 Komarov: выровнял расположение строк формы поиска на разных мобильных устройствах */
  padding-top: 2vw;
  border-top: 4vw solid #96c6f0;
  border-left: 1vw solid #96c6f0;
  border-right: 1vw solid #96c6f0;
  border-bottom: 4vw solid #96c6f0;
  border-radius: 0.5vw;
}

.formOuterWrapper_inner_SmallLandscape {
  /* ##### 22-10-27 Komarov: выровнял расположение строк формы поиска на разных мобильных устройствах */
  padding-top: 2vw;
  border-top: 4vw solid #96c6f0;
  border-left: 1vw solid #96c6f0;
  border-right: 1vw solid #96c6f0;
  border-bottom: 4vw solid #96c6f0;
  border-radius: 0.5vw;
}

.noResultSearch {
  color: #001959;
  font-size: 18px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
}

.datePicker_inner {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  padding-top: 0.8vw;
  /* ##### 23-07-20 Komarov */
  border-right: solid rgb(229, 151, 0);
  border-left: solid rgb(229, 151, 0);
  border-radius: 0.4rem;
  width: 100%;
}

/* ##### 22-10-26 Komarov */
div.datePicker_inner_MobileLandscape {
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  height: 25px;
}

.switcher {
  text-align: left;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.switcher h4 {
  color: rgb(25, 25, 94);
  font-size: 90%;
  font-weight: bold;
}

.switcher_icon_autocomplete_item {
  color: rgb(25, 25, 94);
  font-size: 90%;
  font-weight: bold;
}

.switcher_mobile h4 {
  color: rgb(25, 25, 94);
  /* ##### 22-11-08 Komarov */
  font-size: 100%;
  font-weight: bold;
}

.switcher__item {
  background-color: #cddef8;
  color: rgb(175, 170, 170);
  font-weight: bold;
  cursor: pointer;
  padding: 7px 5px 5px 7px;
  border-top: 1px solid #8bc0f0;
  border-left: 1px solid #8bc0f0;
  border-right: 1px solid #8bc0f0;
  border-bottom: none;
  /* ##### 23-06-27 Komarov */
  border-top-right-radius: 2vw;
  border-top-left-radius: 1vw;
  width: 35%;
}

.switcher__item.active {
  background-color: #96c6f0;
  color: #003057;
}

.switcher__item_tablet_portrait {
  background-color: #cddef8;
  color: rgb(175, 170, 170);
  font-weight: bold;
  cursor: pointer;
  padding: 7px 5px 5px 7px;
  border-top: 1px solid #8bc0f0;
  border-left: 1px solid #8bc0f0;
  border-right: 1px solid #8bc0f0;
  border-bottom: none;
  border-top-right-radius: 5vw;
  border-top-left-radius: 2vw;
  width: 15%;
  height: 100%;
}

.switcher__item_tablet_portrait.active {
  background-color: #96c6f0;
  color: #003057;
}

.switcher__item_mobile {
  background-color: #cddef8;
  color: rgb(175, 170, 170);
  font-weight: bold;
  cursor: pointer;
  padding: 7px 5px 5px 7px;
  border-top: 1px solid #8bc0f0;
  border-left: 1px solid #8bc0f0;
  border-right: 1px solid #8bc0f0;
  border-bottom: none;
  border-top-right-radius: 3vw;
  border-top-left-radius: 1.5vw;
  /* ##### 23-02-28 Komarov */
  width: 50%;
}

.switcher__item_mobile.active {
  background-color: #96c6f0;
  color: #003057;
}

/* ##### 22-10-26 Komarov */
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  transform: translateY(-0.3rem);
}

/* ##### 24-05-21 Komarov: стили для показа и анимации условных обозначений точек в Autocomplete */
.hotels-cities-availability-hint.show {
  /* Конечная прозрачность: 1 (непрозрачный) */
  opacity: 1;
  /* Конечное смещение: 5% + 5em (справа от вкладки "Отели") */
  transform: translateX(calc(5% + 5em));
}

.hotels-cities-availability-hint {
  z-index: -1;
  position: absolute;
  /* Начальная прозрачность: 0 (прозрачный) */
  opacity: 0;
  /* Начальное смещение: за вкладкой "Отели" */
  transform: translateX(5%);
  /* Анимация прозрачности и смещения */
  transition:
    opacity 1s ease-in-out,
    transform 1s ease-in-out;
}

.CartDetailsSummary {
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.CartDetailsSmallScreenSummary {
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  display: inline-block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.CartDetailsSummary h4 {
  color: rgb(77, 75, 75);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.CartDetailsSmallScreenSummary h4 {
  color: rgb(77, 75, 75);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.VoucherText {
  display: flex;
  justify-content: center;
}

.VoucherText h4 {
  color: rgb(77, 75, 75);
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.HotelFooterPages {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1vh;
}

.HotelFooterPagesSmallScreen {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1vh;
  /* ##### 23-09-08 Komarov */
  display: flex;
  justify-content: center;
  /* ##### 23-11-09 Komarov */
  flex-direction: column;
}

.HotelFooterPages h2 {
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  background-color: #6194c0;
  padding: 2vw;
  border-radius: 1vw;
}

.HotelFooterPagesSmallScreen h2 {
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  background-color: #6194c0;
  padding: 2vw;
  border-radius: 1vw;
}

.HotelContentWrapper {
  background: #ddeaf5;
  border-radius: 5px;
  /* ##### 23-09-09 Komarov */
  padding: 2vh;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: 3px solid white;
}

.HotelContentWrapperSmallScreen {
  background: #ddeaf5;
  border-radius: 5px;
  padding-top: 2vh;
  padding-right: 3vh;
  padding-left: 3vh;
}

/* ##### 23-11-13 Komarov */
.HotelContentWrapperMediumScreen {
  background: #ddeaf5;
  border-radius: 5px;
  padding-top: 2vh;
  padding-right: 3vh;
  padding-left: 3vh;
}

.HotelContentWrapper img {
  margin-bottom: 2vh;
}

.HotelContentWrapper button {
  height: 100%;
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 90%;
  width: 25%;
  text-align: center;
  padding-bottom: 2vh;
  padding-top: 2vh;
  /* ##### 23-08-08 Komarov */
  margin-bottom: 8px;
}

.HotelContentWrapper button:hover {
  cursor: pointer;
  background: #024461;
  color: white;
}

.HotelContentWrapperSmallScreen h3 {
  font-size: 15px;
}

/* ##### 24-11-01 Komarov */
ul.TopToursContentsUl {
  padding-left: 0;
  padding-right: 0;
  list-style: none;
}

/* ##### 23-04-19 Komarov */
li.RatesGridHeader {
  margin: inherit;
}

/* ##### 24-11-01 Komarov */
li.TopToursContentsLi {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}

.TopToursWrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.TopToursWrapper:hover {
  cursor: pointer;
}

.TopToursImage {
  height: 270px;
  border-radius: 5px;
  /* ##### 23-03-30 Komarov */
  -o-object-fit: cover;
     object-fit: cover;
}

.TopToursTitle h4 {
  color: #003057;
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 0.5vw;
  font-size: 100%;
}

.TopToursTitle {
  background-color: #bcd7ee;
  display: block;
  /* ##### 24-08-14 Komarov */
  height: 7vh;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 0.2vh;
  margin-bottom: 2vh;
  margin-left: auto;
  margin-right: auto;
}

/* ##### 23-03-30 Komarov */
.TopToursTitleMobile h4 {
  color: #003057;
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 0.5vw;
  font-size: 100%;
}

.TopToursTitleMobile {
  background-color: #bcd7ee;
  display: block;
  height: 9vh;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 0.2vh;
  margin-bottom: 2vh;
}

/* ##### 23-04-04 Komarov */
.TopToursTitleTablet {
  background-color: #bcd7ee;
  display: block;
  /* ##### 23-11-08 Komarov */
  height: 13vh;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 0.2vh;
  margin-bottom: 2vh;
}

/* ##### 23-04-04 Komarov */
.TopToursTitleTablet h4 {
  color: #003057;
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 0.5vw;
  font-size: 100%;
}

.SmallerTopToursWrapper {
  margin-left: auto;
  margin-right: auto;
}

.SmallerTopToursImage {
  height: 270px;
  border-radius: 5px;
}

.SmallerTopToursTitle {
  background-color: #bcd7ee;
  display: block;
  height: 8vh;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 0.2vh;
  margin-bottom: 2vh;
}

/* ##### 23-04-07 Komarov */
.SmallerTopToursTitle h4 {
  color: #003057;
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 0.5vw;
}

.frontPageArticle {
  display: flex;
  color: rgb(3, 3, 63);
  justify-content: center;
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2vh;
}

.frontPageArticle span {
  font-weight: bold;
  margin-top: 1vw;
}

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

.frontPageBanner:hover {
  cursor: pointer;
}

.TopHotelsClick:hover {
  cursor: pointer;
}

.TopToursDetailsBlock {
  display: flex;
  flex-direction: column-reverse;
  margin-left: auto;
  margin-right: auto;
  /* width: '100vw' */
}

.TopToursDetailsBlockSmallScreen {
  display: flex;
  flex-direction: column-reverse;
  margin-left: auto;
  margin-right: auto;
  /* width: '100vw' */
}

.galleryNotActive {
  display: none;
}

.galleryActive {
  display: block;
}

.purecontentPage {
  display: flex;
  flex-direction: column;
  color: rgb(3, 3, 63);
  justify-content: center;
  text-align: justify;
  margin-left: 6vw;
  margin-right: 6vw;
  /* ##### 23-08-29 Komarov */
  margin-top: 2vh;
  margin-bottom: 6vh;
}

/* ##### 24-06-17 Komarov */
.purecontentPage img {
  max-width: 100%;
  border-radius: 2px;
}

/* ##### 24-06-17 Komarov */
.svgContainer.yearHeader img {
  max-width: 100%;
  /* ##### 24-06-14 Komarov */
  height: 20vw;
  max-height: 126px;
  border-radius: 2px;
}

.purecontentPage div {
  color: rgb(95, 94, 94);
  font-size: 16px;
  text-align: justify;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  /* ##### 23-10-24 Komarov */
  margin-bottom: 0.5rem;
}

.purecontentPage p span {
  color: rgb(95, 94, 94);
  font-size: 16px;
  text-align: justify;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  line-height: 22px;
}

.purecontentPage div span {
  color: rgb(95, 94, 94);
  font-size: 16px;
  text-align: justify;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  line-height: 22px;
}

.purecontentPage h2 {
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  background-color: #6194c0;
  padding: 2vw;
  border-radius: 1vw;
}

.purecontentPage h3 {
  color: #102d69;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  /* ##### 23-09-06 Komarov */
  padding-top: 2vh;
  padding-bottom: 2vh;
}

.purecontentPage h4 {
  color: royalblue;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  margin-bottom: 0.4vh;
  padding-top: 2vh;
  padding-bottom: 2vh;
}

.purecontentPage .inner {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  background-color: #6194c0;
  padding: 2vw;
  border-radius: 1vw;
  cursor: pointer;
}

.purecontentPage .innerClicked {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  background-color: #1d3574;
  padding: 2vw;
  border-radius: 1vw;
  cursor: pointer;
}

.purecontentPage .inner a {
  text-decoration: none;
  color: white;
}

/* ##### 24-06-19 Komarov */
.purecontentPage .inner {
  text-decoration: none;
  color: white;
}

.purecontentPage .inner:hover {
  background-color: #1d3574;
}

.purecontentPage .innerClicked a {
  text-decoration: none;
  color: white;
}

/* ##### 24-06-19 Komarov */
.purecontentPage .innerClicked {
  text-decoration: none;
  color: white;
}

/* ##### 23-04-08 Komarov: добавил постоянный скролбар, чтобы страница не дёргалась при загрузке */
body {
  overflow-y: scroll;
}

/* ALL CSS FOR VERY TOP MENU */
.topMenu {
  display: flex;
  flex-direction: row;
  /* ##### 23-04-28 Komarov */
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  background-color: #003057;
  height: 8vh;
  padding: 0.3vw;
  text-align: center;
  /*##### 24-12-19 Komarov*/
  /*top: 0;
  left: 0;*/
  font-weight: bold;
}

/* ##### 23-03-23 Komarov */
.topMenuMobilePortrait {
  display: flex;
  flex-direction: row;
  /* ##### 23-03-24 Komarov */
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #003057;
  /* ##### 24-09-23 Komarov */
  padding: 0.3vw;
  text-align: center;
  top: 0;
  left: 0;
  font-weight: bold;
  /* ##### 23-03-30 Komarov */
  height: 2.7em;
}

/* $$$$$ 22-09-15 Komarov */
.topMenuMobileLandscape {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  background-color: #003057;
  /* ##### 24-09-23 Komarov */
  padding: 0.3vw;
  text-align: center;
  top: 0;
  left: 0;
  font-weight: bold;
  /* ##### 23-03-30 Komarov */
  height: 3.8em;
}

/* ##### 23-03-30 Komarov */
.topMenuTabletPortrait {
  display: flex;
  flex-direction: row;
  /* ##### 23-11-01 Komarov */
  justify-content: space-around;
  align-items: center;
  width: 100%;
  background-color: #003057;
  text-align: center;
  font-weight: bold;
  /* ##### 23-03-30 Komarov */
  height: 3.8em;
}

/* ##### 23-03-24 Komarov */
.topMenuTabletLandscape {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  background-color: #003057;
  text-align: center;
  font-weight: bold;
  /* ##### 23-03-30 Komarov */
  height: 3.8em;
}

.WhiteLabelTopMenu {
  background-position: center;
  background-size: cover;
  border-bottom: 10px solid rgb(38, 71, 141);
  width: 100%;
  top: 0;
  left: 0;
  height: 55vh;
  margin-bottom: 8vh;
}

/* FOR WHITELABLES COMPANIES LIKE ROTARY WHEN I DO NOT WANT TO SHOW OUR MENU */
.NotVisibleMenu {
  display: none;
}

.topMenu_right {
  display: flex;
  align-items: center;
  /* ##### 23-04-28 Komarov */
  text-align: center;
}

.topMenu_right_mobile {
  display: flex;
  flex: 3;
  align-items: center;
  /* ##### 24-05-31 Komarov */
  justify-content: space-evenly;
  /* ##### 23-11-01 Komarov */
  width: 50vw;
}

.topMenu a {
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: white;
  text-decoration: none;
  padding: 1vw;
}

.topMenu a:hover {
  color: yellow;
  list-style: underline;
}

/* ##### 24-08-07 Komarov */
.topMenu a[role='button'].DropDownMenu {
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: white;
  text-decoration: none;
  padding: 1vw;
}

.topMenu a[role='button'].DropDownMenu:hover {
  color: yellow;
  text-decoration: underline;
}

div[data-component='DropDownMenuItems'].DropDownMenuItemsHide {
  display: none;
}

div[data-component='DropDownMenuItems'] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #003057;
  padding: 0.3vw;
  text-align: center;
  top: 8vh;
  font-weight: bold;
}

/* ##### 24-08-08 Komarov */

div[data-component='CooperationMobileItems'].CooperationMobileItemsHide {
  display: none;
}

div[data-component='CooperationMobileItems'] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3vw;
  text-align: center;
  font-weight: bold;
  background-color: #dce5ee;
  z-index: 2000;
  border: 2px solid white;
  border-radius: 6px;
}

div[data-component='RequestsMobileItems'].RequestsMobileItemsHide {
  display: none;
}

div[data-component='RequestsMobileItems'] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3vw;
  text-align: center;
  font-weight: bold;
  background-color: #dce5ee;
  z-index: 2000;
  border: 2px solid white;
  border-radius: 6px;
}

/* $$$$$ 22-09-15 Komarov */
.topMenuMobileLandscape a:hover {
  color: yellow;
  list-style: underline;
}

/* $$$$$ 22-09-15 Komarov */
.topMenuMobileLandscape a {
  color: white;
}

.activeMenuLinks {
  color: yellow;
  list-style: underline;
}

/* for NavLinks topmenu that come from Smart */
.Upper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* ##### 23-03-15 Komarov */
  z-index: 2001;
}

.HomeIcon {
  color: white;
  font-size: 33px;
  font-weight: bold;
  border: none;
}

.HomeIconTablet {
  color: white;
  /* ##### 23-04-01 Komarov */
  font-size: 2em;
  font-weight: bold;
  border: none;
}

.HomeIconMobile {
  color: white;
  /* ##### 23-03-23 Komarov */
  font-size: 1.63em;
  font-weight: bold;
  border: none;
}

/* $$$$$ 22-09-15 Komarov */
.HomeIconMobileLandscape {
  color: white;
  /* ##### 23-03-23 Komarov */
  font-size: 2.33em;
  font-weight: bold;
  border: none;
  padding-left: 3vw;
}

.LangCurrency {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 2vw;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.LangCurrencyTablet {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 2vw;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.LangCurrencyMobilePortrait {
  margin-top: auto;
  margin-bottom: auto;
  /* ##### 22-11-10 Komarov */
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.LangCurrencyMobileLandscape {
  margin-top: auto;
  margin-bottom: auto;
  /* ##### 23-03-23 Komarov */
  margin-right: 4vw;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  scale: 1.1;
}

/* for NaVLinks when the page is active*/
a.active {
  color: white;
  text-decoration: underline;
  font-weight: bold;
}

.UserOutlinedIcon {
  border: none;
  font-weight: bold;
  padding-right: 0.4vw;
}

/* ALL CSS FOR MIDDLE MENU */
.middleMenu,
.nav_big {
  display: flex;
  flex-direction: row;
  /* ##### 23-05-04 Komarov */
  justify-content: space-evenly;
  width: 100%;
  /* ##### 23-11-01 Komarov */
  align-items: center;
}

.middleMenuSmallScreen {
  display: flex;
  flex-direction: row;
  /* ##### 22-11-11 Komarov */
  align-items: center;
  /* ##### 23-05-04 Komarov */
  justify-content: space-evenly;
}

.middleMenu {
  width: 100%;
  position: sticky;
  z-index: 1030;
  max-height: 10vh;
}

.middleMenuSmallScreen {
  /* ##### 22-11-10 Komarov */
  background-color: #dce5ee;
  width: 100%;
  position: sticky;
  z-index: 1030;
}

.middleMenu a {
  color: #003057;
  text-decoration: none;
  min-width: 10vw;
  font-weight: bold;
}

.middleMenu a:hover {
  font-weight: bolder;
}

.ArkturDMClogo {
  padding: 5px 15px 5px 20px;
  /* ##### 23-11-01 Komarov */
  height: 4vw;
}

/* ##### 23-03-24 Komarov */
.ArkturDMClogoSmall {
  margin-left: 1vw;
  /* ##### 23-11-02 Komarov */
  height: 8vw;
}

.ArkturDMClogoSmall.for-portrait-screen {
  margin-left: 1vw;
  height: 5vh;
}

.ArkturDMClogoSmall.for-landscape-screen {
  margin-left: 1vw;
  height: 10vh;
}

.MyAccount {
  display: flex;
  flex-direction: row;
  color: darkblue;
  font-weight: bold;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  border: 2px solid darkblue;
  border-radius: 8px;
}

.MyAccount:hover {
  background-color: pink;
}

a.MyAccount:hover {
  text-decoration: none;
}

div.nav_big {
  justify-content: center;
}

.nav_big_link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  list-style: none;
  padding-left: 0;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 50%;
}

.nav_big_link li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.wrapper_nav_big_link {
  margin-top: auto;
  margin-bottom: auto;
}

.nav_big_link h2 {
  display: flex;
  flex-direction: row;
  text-align: center;
  font-weight: bold;
  width: 10vw;
  line-height: 3vw;
  color: #102d69;
  /* ##### 24-09-23 Komarov */
  font-family: 'Arial Narrow', sans-serif;
  font-size: 18px;
}

.nav_big_link a {
  padding-left: 1vw;
  padding-right: 1vw;
}

.nav-small-link {
  cursor: pointer;
  color: #003057;
  list-style: none;
  line-height: 10px;
  /* ##### 23-11-02 Komarov */
  margin-left: auto;
  margin-right: auto;
}

/* ##### 22-11-11 Komarov */
.nav-small-link a {
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: #003057;
  text-align: left;
  vertical-align: middle;
}

/* ##### 24-01-05 Komarov */
.nav-small-link a h4 {
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: #003057;
  text-align: left;
  vertical-align: middle;
}

/* ##### 24-06-12 Komarov */
.nav-small-link-mobile-landscape a h4 {
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  color: #003057;
  text-align: left;
  vertical-align: middle;
}

#sidebar-list {
  position: absolute;
  z-index: 2000;
  right: 0;
  /* $$$$$ 22-09-15 Komarov */
  padding-top: 1vh;
  padding-left: 2vw;
}

/* ##### 22-11-11 Komarov */
.hamburger-btn {
  width: 12vw;
  background-color: #dce5ee;
  margin-top: 0.1vh;
  border: none;
  display: block;
  position: relative;
}

/* ##### 23-04-03 Komarov */
.hamburger-btn-tablet-portrait {
  width: 8vw;
  background-color: #dce5ee;
  margin-top: 0.1vh;
  border: none;
  display: block;
  position: relative;
}

.hamburger-btn-mobile-landscape {
  /* ##### 23-03-24 Komarov */
  width: 13vh;
  background-color: #dce5ee;
  border: none;
  display: block;
  position: relative;
}

.MenuButtonIcon {
  color: #003057;
  font-weight: bold;
  border: none;
}

.CloseMenuIcon {
  font-weight: bold;
  border-radius: 20px;
  border: none;
  color: #003057;
}

.addTransition {
  background-color: #dce5ee;
  min-height: 30vh;
  position: absolute;
  z-index: 2000;
  right: 0;
  border: 2px solid white;
  border-radius: 6px;
}

.removeTransition {
  visibility: hidden;
}

.dropdown_list {
  display: none;
}

.dropdown:hover .dropdown_list {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #bcd7ee;
  list-style-type: none;
  width: 10vw;
  padding-left: 2vw;
  /*##### 24-12-19 Komarov*/
  margin-left: 0;
  border-radius: 10px;
}

.dropdown:hover {
  border-radius: 6px;
  color: #001959;
  font-style: italic;
}

.list {
  /* ##### 24-09-23 Komarov */
  flex-direction: column;
  justify-content: center;
  background-color: #bcd7ee;
  display: block;
  border-radius: 10px;
  position: absolute;
  z-index: 1000;
  width: 15vw;
}

.list_2 {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.list li {
  list-style-type: none;
  margin-bottom: 0.5vw;
}

.testLi {
  list-style-type: none;
  position: absolute;
  z-index: 1000;
  background-color: rgb(235, 214, 188);
  border: 2px solid burlywood;
  border-radius: 10px;
  /* ##### 23-11-02 Komarov */
  margin: 0 auto;
  text-align: left;
}

.toursList {
  position: relative;
  /* ##### 24-09-23 Komarov */
  font-family: Calibri, sans-serif;
  font-size: 12px;
}

.toursListLi a {
  text-decoration: none;
  color: #001959;
}

.toursListLi a:hover {
  text-decoration: underline;
  color: #005aeb;
}

/* ##### 22-11-11 Komarov */
.ArkturSloganSmall {
  grid-column: 1/3;
  grid-row: 2;
  text-align: center;
}

.SmallScreenCurrencyLang {
  grid-column: 2;
  grid-row: 3;
}

.footer {
  width: 100%;
  background-color: #003057;
  min-height: 25vh;
  padding-bottom: 3vw;
  /*##### 24-12-19 Komarov*/
  /*bottom: 0;*/
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.footer h2 {
  line-height: 1rem;
}

.footer ul a {
  /*##### 24-12-19 Komarov*/
  /*height: 1.5vw;*/
  padding-top: 0.3vw;
  padding-bottom: 0.3vw;
  color: white;
  padding-left: 0;
  /* ##### 24-08-14 Komarov */
  font-size: 16px;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  position: relative;
  z-index: 2000;
}

/* ##### 24-07-22 Komarov */
.footer ul a[role='button'] {
  height: 1.5vw;
  padding-top: 0.3vw;
  padding-bottom: 0.3vw;
  color: white;
  padding-left: 0;
  /* ##### 24-08-14 Komarov */
  font-size: 16px;
  /* ##### 24-09-23 Komarov */
  font-family: Arial, sans-serif;
  position: relative;
  z-index: 2000;
}

.footer ul {
  list-style: none;
  padding-left: 0;
  margin-left: auto;
  margin-right: auto;
}

.footer ul a:hover {
  text-decoration: underline;
}

/* ##### 24-07-22 Komarov */
.footer ul a[role='button']:hover {
  text-decoration: underline;
  color: white;
}

.footerLinks {
  margin-top: 2vw;
}

.footerLinks h3 {
  padding-bottom: 1.2vh;
}

.footer h3 {
  color: white;
  font-weight: bold;
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
  /* ##### 24-08-14 Komarov */
  font-size: 17px;
}

.HotelDescriptionUl {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5vh;
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
}

.HotelDescriptionUlSmallScreen {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5vh;
  /* ##### 24-09-23 Komarov */
  font-family: Tahoma, sans-serif;
}

.HotelDescriptionLi {
  display: grid;
  grid-template-columns: 33% 67%;
  /* ##### 23-07-05 Komarov */
  text-align: justify;
  border: 2px solid #d4e5f7;
  border-radius: 5px;
  background: #dce5fc;
  padding: 1vw 2vw;
  color: #001959;
  margin-bottom: 1vh;
}

.HotelDescriptionLiSmallScreen {
  display: flex;
  flex-direction: column-reverse;
  text-align: justify;
  border: 2px solid #d4e5f7;
  border-radius: 5px;
  background: #dce5fc;
  padding: 1vw 2vw;
  color: #001959;
  margin-bottom: 1vh;
}

.descriptionContent {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
}

.searchFront {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.searchrendering_Wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.WrapperHotel_ItemContent {
  padding-right: 2vw;
  grid-column: 1 / 4;
  grid-row: 1 / 3;
}

.Hotel_ItemContent {
  padding: 0;
  display: grid;
  grid-template-columns: 30vw 20vw;
  /* ##### 24-10-18 Komarov */
  /* grid-template-rows: 30% 70%; */
  /* ##### 23-09-09 Komarov */
  margin-bottom: 0;
}

.Hotel_ItemContentSmallScreen {
  /* ##### 23-11-13 Komarov */
  display: flex;
  flex-direction: column;
}

.Li_HotelContent {
  list-style-type: none;
  font-size: 12px;
  text-align: justify;
  color: #001959;
  padding-left: 1vw;
}

.Li_HotelContentSmallScreen {
  grid-row: 1/4;
  grid-column: 2;
  /* ##### 23-11-13 Komarov */
  margin: 0;
  margin: initial;
}

.Li_HotelContent span {
  font-size: 12px;
  text-align: justify;
  color: #001959;
}

.HotelNameStarRating {
  display: flex;
  flex-direction: row;
}

.HotelNameStarRatingSmallScreen {
  display: flex;
  /* ##### 23-11-13 Komarov */
  flex-direction: row;
}

.HotelAddressSmallScreen {
  grid-row: 2;
  grid-column: 2;
  font-size: 12px;
}

.Li_Image {
  list-style-type: none;
  text-align: left;
}

.Li_ImageSmallScreen {
  list-style-type: none;
  grid-row: 1/3;
  grid-column: 1;
}

.div_ItemObj {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-end;
  max-width: 30vw;
}

.availablePeriods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 1vw;
  padding-bottom: 4vw;
}

.minimumRate_details {
  font-size: 12px;
  font-weight: bold;
}

/*!!!!! BUTTONS !!!!!*/

.availableButtonHotel {
  padding: 0.5vw 1vw;
  /* ##### 23-11-13 Komarov */
  margin-bottom: 3vh;
  width: 55%;
  font-size: 13px;
  font-weight: bold;
  background-color: #5eb82f;
  color: white;
  border-radius: 0.5vw;
  position: relative;
  z-index: 50;
}

.availableButtonHotel:hover {
  cursor: pointer;
  background-color: rgb(8, 131, 14);
  color: rgb(250, 250, 141);
}

/* ##### 24-04-05 Komarov */
.onRequestButtonHotel {
  padding: 0.5vw 1vw;
  margin-bottom: 3vh;
  width: 55%;
  font-size: 13px;
  font-weight: bold;
  background-color: #b8612f;
  color: white;
  border-radius: 0.5vw;
  position: relative;
  z-index: 50;
}

/* ##### 24-04-05 Komarov */
.onRequestButtonHotel:hover {
  cursor: pointer;
  background-color: rgb(128, 61, 6);
  color: rgb(250, 250, 141);
}

.onrequestButton {
  padding: 0.5vw 1vw;
  width: 10vw;
  font-size: 13px;
  font-weight: bold;
  color: white;
  border-radius: 0.5vw;
  background-color: rgb(117, 111, 107);
}

.onrequestButton a {
  color: white;
  text-decoration: none;
}

.onrequestButton a:hover {
  color: white;
  text-decoration: underline;
}

.HotelAddress {
  list-style-type: none;
}

.RateLoading {
  /* ##### 23-12-29 Komarov */
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.test:hover {
  cursor: pointer;
}

/* ##### 27-01-25 Komarov */
.PropertiesFound {
  color: #001959;
  background-color: rgb(255, 239, 131);
  /* border: 2px solid #001959; */
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 2vh;
  padding-bottom: 2vh;
  /* ##### 24-08-14 Komarov */
  /* font-size: 25px; */
  font-size: 22px;
  max-width: 80%;
  font-style: Italic;
}

.SearchResults {
  margin-top: 2vw;
  color: #003057;
  font-family: Arial;
  /* ##### 24-08-14 Komarov */
  /* font-size: 30px; */
  font-size: 22px;
  font-weight: bold;
}

.hotel-id {
  font-size: 10px;
  color: grey;
  font-style: italic;
  grid-column: 1;
  grid-row: 2;
}

.TourDescriptionUl {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5vh;
  font-family: 'Tahoma', serif;
}

.TourDescriptionUlSmallScreen {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5vh;
  font-family: 'Tahoma', serif;
}

.descriptionLi {
  display: flex;
  flex-direction: column;
  text-align: justify;
  border: 2px solid #d4e5f7;
  border-radius: 5px;
  background: #dce5fc;
  padding: 1vw 2vw;
  color: #001959;
  margin-bottom: 1vh;
}

.descriptionLi div {
  text-align: right;
}

.TourDescriptionContent {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 2vh;
}

.TourDescriptionContentSmallScreen {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-top: 2vh;
}

.searchFront {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.availableButtonSecondPage {
  padding: 0.5vw 1vw;
  font-size: 2vh;
  font-weight: bold;
  background-color: #5eb82f;
  color: white;
  border-radius: 0.5vw;
  width: 80%;
  margin-top: 3vh;
}

.availableButtonSecondPage:hover {
  cursor: pointer;
  background-color: #296807;
  color: rgb(250, 250, 141);
}

.onrequestButton {
  padding: 0.5vw 1vw;
  width: 10vw;
  font-size: 13px;
  font-weight: bold;
  color: white;
  border-radius: 0.5vw;
  background-color: rgb(117, 111, 107);
}

.TourSearchrendering_Wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Ul_ItemContent {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  justify-items: center;
  padding: 0;
  width: 100%;
}

.Li_ItemContent {
  list-style-type: none;
  font-size: 2vh;
  text-align: justify;
  color: #001959;
  padding-left: 1vw;
  text-align: center;
}

.div_TourItemObj {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-end;
}

.div_TourItemObjSmallScreen {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2vh;
}

.availablePeriods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 1vw;
  padding-bottom: 4vw;
}

.minimumRate_details {
  font-size: 12px;
  font-weight: bold;
}

.contentLoadingWheel {
  height: 3vw;
}

.WrapperAddToBasket {
  min-width: 35vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.WrapperAddToBasket h4 {
  width: 30vw;
  height: 25px;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 8px;
}

.AddToBasketButton {
  align-self: center;
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 19px;
  /* ##### 23-11-22 Komarov */
  text-align: center;
  padding: 2vw 5px;
  /* ##### 23-11-22 Komarov */
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 0;
}

/* ##### 24-04-16 Komarov */
.AddToBasketButtonAllotment {
  align-self: center;
  background: #5eb82f;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 19px;
  text-align: center;
  padding: 2vw 5px;
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 0;
}

.AddToBasketButtonRequest {
  align-self: center;
  background: #b8612f;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 19px;
  text-align: center;
  padding: 2vw 5px;
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 0;
}

.AddToBasketButtonSmallScreen {
  align-self: center;
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 17px;
  /* ##### 23-11-22 Komarov */
  text-align: center;
  vertical-align: middle;
  padding: 2vw 1vw;
  margin-bottom: 5vw;
}

/* ##### 24-04-16 Komarov */
.AddToBasketButtonSmallScreenAllotment {
  align-self: center;
  background: #5eb82f;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 17px;
  /* ##### 23-11-22 Komarov */
  text-align: center;
  vertical-align: middle;
  padding: 2vw 1vw;
  margin-bottom: 5vw;
}

.AddToBasketButtonSmallScreenRequest {
  align-self: center;
  background: #b8612f;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 17px;
  /* ##### 23-11-22 Komarov */
  text-align: center;
  vertical-align: middle;
  padding: 2vw 1vw;
  margin-bottom: 5vw;
}

.HotelDetailsWrapper {
  margin: 3vh 6vw 5vh 6vw;
}

.HotelDetailsWrapper h2 {
  color: #102d69;
  font-family: 'Arial', serif;
  font-size: 27px;
  font-weight: bold;
  margin-right: 2vw;
}

.SearchDetails {
  /* ##### 23-05-05 Komarov */
  display: grid;
  grid-template-columns: 20% 20% 45% 15%;
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  background-color: rgb(245, 233, 159);
  text-align: center;
  margin-top: 2vh;
  margin-bottom: 5vh;
}

.SearchDetailsSmallScreen {
  /* ##### 23-05-05 Komarov */
  display: flex;
  flex-direction: column;
  padding: 1vw;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 0.5vw;
  background-color: rgb(245, 233, 159);
  text-align: center;
  margin-top: 2vh;
  margin-bottom: 5vh;
}

/* ##### 24-04-05 Komarov */
.SearchDetails h4 {
  margin: auto;
}

.SearchDetails h4 {
  font-family: Arial, serif;
  color: #102d69;
  font-size: 17px;
  display: flex;
  flex-direction: column;
}

.SearchDetailsSmallScreen h4 {
  font-family: Arial, serif;
  color: #102d69;
  font-size: 17px;
  /* ##### 23-11-15 Komarov */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.SearchDetails span {
  font-family: Arial, serif;
  color: blue;
  font-size: 17px;
  font-weight: bold;
}

.SearchDetailsSmallScreen span {
  font-family: Arial, serif;
  color: blue;
  font-size: 17px;
  font-weight: bold;
}

.ContentDetails {
  display: grid;
  grid-template-columns: 70% 30%;
}

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

.availableButton {
  padding: 0.5vw 1vw;
  font-size: 17px;
  font-family: Arial, serif;
  font-weight: bold;
  background-color: #2f81b8;
  color: white;
  border-radius: 0.5vw;
}

.availableButton:hover {
  cursor: pointer;
  background-color: #085486;
  color: rgb(250, 250, 141);
}

.availableButtonSmallScreen {
  padding: 2vw 1vw;
  font-size: 17px;
  font-family: Arial, serif;
  font-weight: bold;
  background-color: #2f81b8;
  color: white;
  border-radius: 0.5vw;
  grid-column: 1/-1;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.availableButtonSmallScreen:hover {
  cursor: pointer;
  background-color: #085486;
  color: rgb(250, 250, 141);
}

input::-moz-placeholder {
  color: rgb(75, 73, 73);
  font-size: 15px;
  font-family: 'Tahoma', serif;
  text-align: center;
}

input::placeholder {
  color: rgb(75, 73, 73);
  font-size: 15px;
  font-family: 'Tahoma', serif;
  text-align: center;
}

.ContentBlockHotels {
  grid-column: 2;
  grid-row: 2;
  overflow: scroll;
  padding: 10px;
}

.ContentBlockHotels div,
.ContentBlockHotels p,
.ContentBlockHotels ul {
  color: #102d69;
  font-size: 14px;
  text-align: justify;
  font-family: 'Arial', serif;
}

.ContentBlockHotels li {
  margin-left: 25px;
}

.ContentBlockHotels li {
  list-style-type: disc;
  padding-left: 5px;
}

.ContentBlockHotels h4 {
  color: #102d69;
  font-size: 16px;
  text-align: justify;
  font-weight: bold;
  font-family: 'Arial', serif;
}

/* ##### 24-04-05 Komarov */
.RatesGridWrapper {
  display: grid;
  /* ##### 23-11-22 Komarov */
  grid-template-columns: 30% 5% 29% 12% 8.15% 15.95%;
  /* ##### 25-02-20 Komarov */
  grid-auto-rows: minmax(4vw, auto);
  padding-left: 0;
  margin-bottom: 0;
}

.RatesGridWrapperNew {
  display: grid;
  grid-template-columns: 30% 5% 29% 12% 8.15% 15.95%;
  grid-auto-rows: minmax(4vw, auto);
  padding-left: 0;
  margin-bottom: 0;
}

/* ##### 24-04-13 Komarov */
.RatesGridWrapperOnRequestPrices {
  display: grid;
  /* ##### 23-11-22 Komarov */
  grid-template-columns: 30% 5% 29% 12% 24.1%;
  grid-auto-rows: minmax(4vw, auto);
  padding-left: 0;
  margin-bottom: 0;
}

.RatesGridWrapperOnRequest {
  display: grid;
  /* ##### 23-11-22 Komarov */
  grid-template-columns: 30% 34% 36%;
  padding-left: 0;
  margin-bottom: 0;
}

.Header {
  background-color: #a3caf1;
  border-radius: 0.5vw;
  border: 2px solid rgb(109, 109, 196);
}

/* ##### 25-02-20 Komarov */
.HeaderNew {
  background-color: #a3caf1;
  border-top: 2px solid rgb(109, 109, 196);
  height: 4vw;
}

.RoomTypeColumn {
  grid-column: 1;
  grid-row: 1 / span 2;
  color: #102d69;
  font-size: 17px;
  font-family: Arial, serif;
  font-weight: bold;
  background-color: rgb(228, 228, 247);
  border-bottom: 2px solid rgb(109, 109, 196);
  border-radius: 5px;
  margin-bottom: 0;
}

/* ##### 25-02-20 Komarov */
.RoomTypeColumnNew {
  grid-column: 1;
  grid-row: 1 / span 2;
  color: #102d69;
  font-size: 17px;
  font-family: Arial, serif;
  font-weight: bold;
  background-color: rgb(228, 228, 247);
  border-bottom: 2px solid rgb(109, 109, 196);
  margin-bottom: 0;
}

.RoomTypeCell {
  display: flex;
  justify-content: center;
  align-items: center;
}

.RoomTypeColumnSmallScreen {
  grid-column: 1/-1;
  grid-row: 1;
  color: #102d69;
  font-size: 17px;
  font-family: Arial, serif;
  font-weight: bold;
  background-color: rgb(199, 199, 230);
  border-radius: 5px;
  padding-top: 3vw;
  padding-bottom: 3vw;
  text-align: center;
}

.NotActive {
  display: none;
}

.GridUlDetails {
  padding-left: 0;
  border-left: 2px solid rgb(109, 109, 196);
  border-right: 2px solid rgb(109, 109, 196);
  border-radius: 5px;
}

.DetailsSmallScreen {
  display: grid;
  /* ##### 24-05-30 Komarov */
  grid-auto-rows: minmax(4vw, auto);
  border: 2px solid rgb(109, 109, 196);
  border-radius: 5px;
  justify-content: center;
  align-items: end;
}

.DetailsSmallScreen div h5:nth-child(1) {
  grid-row: 2;
  font-size: 17px;
  color: #102d69;
  font-family: Arial, serif;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.DetailsSmallScreen div h5:nth-child(2) {
  grid-row: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.Details {
  display: grid;
  grid-template-columns: 30% 5% 29% 12% 12% 12%;
  list-style: none;
}

/* ##### 25-02-20 Komarov */
.DetailsNew {
  display: grid;
  /*grid-template-columns: 30% 5% 29% 12% 12% 12%;*/
  grid-template-columns: 30% 5% 29% 12% 8.15% 15.95%;
  /*list-style: none;*/
  border-left: 2px solid rgb(109, 109, 196);
  border-right: 2px solid rgb(109, 109, 196);
}

.DetailsOnRequest {
  display: grid;
  grid-template-columns: 30% 34% 36%;
  list-style: none;
}

.Details h5 {
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
}

.Details h5:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.DetailsOnRequest h5:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.RatesGridHeader {
  list-style: none;
  font-family: Arial, serif;
  color: #102d69;
  font-size: 18px;
  font-weight: bold;
  /* ##### 25-02-20 Komarov */
  margin-top: auto;
  margin-bottom: auto;
  line-height: 4;
  border-left: 2px solid rgb(109, 109, 196);
  text-align: center;
}

/* ##### 25-02-20 Komarov */
.RatesGridHeaderNew {
  list-style: none;
  font-family: Arial, serif;
  color: #102d69;
  font-size: 18px;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 4;
  border-left: 2px solid rgb(109, 109, 196);
  text-align: center;
}

.RatesGridHeader:nth-child(1) {
  border-left: none;
}

.WrapperAvailableOptions {
  display: grid;
  grid-column: 4/-1;
  /* ##### 23-11-22 Komarov */
  grid-template-columns: 33% 23% 43%;
  margin-bottom: 0;
  text-align: center;
  border-bottom: 2px solid rgb(109, 109, 196);
}

.WrapperAvailableOptionsOnRequest {
  display: grid;
  grid-column: 4/-1;
  /* ##### 23-11-22 Komarov */
  grid-template-columns: 33% 67%;
  /* ##### 25-02-18 Komarov */
  margin-bottom: 0;
  text-align: center;
  border-bottom: 2px solid rgb(109, 109, 196);
}

.WrapperAvailableOptionsOnRequestSmallScreen {
  /* ##### 25-03-14 Komarov */
  margin-bottom: 0;
  text-align: center;
  border-bottom: 2px solid rgb(109, 109, 196);
}

/*##### 25-02-18 Komarov*/
.WrapperAvailableOptionsOnRequestWithoutPrice {
  display: grid;
  grid-column: 4/-1;
  margin-bottom: 0;
  text-align: center;
  border-bottom: 2px solid rgb(109, 109, 196);
}

.WrapperAvailableOptionsHotelOnRequest {
  /* ##### 23-11-22 Komarov */
  margin-bottom: 0;
  text-align: center;
  border-bottom: 2px solid rgb(109, 109, 196);
}

.WrapperAvailableOptions h5:nth-child(2) {
  border-left: 2px solid rgb(109, 109, 196);
}

.WrapperAvailableOptions h5:nth-child(3) {
  border-left: 2px solid rgb(109, 109, 196);
}

.WrapperAvailableOptionsSmallScreen {
  grid-row: 3;
  margin-bottom: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.AvailableOptions {
  font-size: 15px;
  color: #102d69;
  font-family: 'Arial', serif;
  text-align: center;
}

.TourDetailsWrapper {
  display: flex;
  flex-direction: column;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.TourDetailsWrapper h2 {
  color: #102d69;
  font-family: 'Arial', serif;
  font-size: 22px;
  font-weight: bold;
}

.TourChoiceBlockWrapper {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  margin-top: 2vh;
}

.Icons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  color: #102d69;
  font-family: 'Arial', serif;
  font-size: 17px;
}

.TourDetailsInner {
  display: flex;
  flex-direction: row;
  /* ##### 24-03-21 Komarov */
  justify-content: space-between;
  width: 100%;
}

.TourDetailsInnerSmallScreen {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.GalleryTourDetails {
  margin-right: 3vw;
}

.TourBookingDetails {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 60vh;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 6px;
  margin-top: 2vw;
}

.TourBookingDetails h3 {
  text-align: center;
  color: #005aeb;
  font-size: 22px;
  font-weight: bold;
  font-family: 'Arial Narrow', serif;
}

.TourBookingChoice {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: auto;
  margin-left: 3vw;
}

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

.TourRateLoading {
  width: 285px;
  height: 250px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.TourChoiceBlock h4 {
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

.TourPaxChoiceWrapper {
  width: 50%;
}

.TourPaxChoiceWrapper h4 {
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

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

.TourInclusionsBlock h4 {
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

.TourBookingChoice h4 {
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

.PaxChoice {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.PaxChoice h4 {
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

.PaxResult {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  height: 32px;
  width: 90%;
  padding: 4px 11px;
  background-color: white;
}

.PaxResult h4 {
  color: rgb(16, 45, 105);
  font-family: 'Arial Narrow', serif;
  font-size: 16px;
  cursor: pointer;
}

.DropdownButton {
  margin-top: 0.5vh;
  background-color: white;
  border: 2px solid rgb(177, 174, 174);
  border-radius: 5px;
  min-width: 200px;
}

.DropdownItem {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  color: #102d69;
}

.DropdownItem:hover {
  background-color: #d7ebfc;
  text-decoration: none;
}

.DescriptionTourDetails {
  margin-left: 4vw;
}

.TourPopUpNotActive {
  display: none;
}

.TourPopUpActive {
  display: block;
  position: absolute;
  background-color: white;
  z-index: 1000;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 15px;
}

.TourPopUpButton {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-size: 19px;
  width: 19vw;
  height: 50px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 6px;
}

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

.DateSelection {
  font-size: 14px;
  color: blue;
  font-weight: bold;
}

.Minus {
  color: white;
  background-color: #009fe3;
  border: 0.8vw solid #009fe3;
  border-radius: 5vw;
  font-size: 15px;
  font-weight: bolder;
  width: 40px;
  height: 40px;
}

.Plus {
  color: white;
  background-color: #009fe3;
  border: 0.8vw solid #009fe3;
  border-radius: 5vw;
  font-size: 15px;
  font-weight: bolder;
  width: 40px;
  height: 40px;
}

.DownOutlined {
  color: #d9d9d9;
  font-size: 13px;
  padding-left: 5px;
}

.RadioWrapper {
  margin-top: 20px;
}

.RadioWrapper h5 {
  color: blue;
  font-size: 19px;
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  min-width: 35vw;
  margin-bottom: 15px;
}

.Radio {
  margin-top: 20px;
  min-width: 35vw;
  display: flex;
  flex-direction: row;
  /* ##### 24-03-21 Komarov */
  justify-content: space-between;
}

.TourWrapperAddToBasket {
  display: grid;
  grid-template-columns: 60% 40%;
  padding-top: 3vh;
  margin-top: 0;
  grid-column-gap: 4vw;
  -moz-column-gap: 4vw;
       column-gap: 4vw;
}

.WrapperAddToBasket h4 {
  width: 30vw;
  height: 25px;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 8px;
}

.AddToCartTour {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-weight: bold;
  font-size: 19px;
  width: 45%;
  height: 6vh;
  text-align: center;
  padding-bottom: 5px;
  margin-top: 25px;
  margin-bottom: 8px;
  position: relative;
  z-index: 50;
}

.AddToCartTour:hover {
  cursor: pointer;
}

.TourDetailsWrapper {
  display: flex;
  flex-direction: column;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.TourDetailsWrapper h2 {
  color: #102d69;
  font-family: 'Arial', serif;
  font-size: 30px;
  font-weight: bold;
}

.TourChoiceBlockWrapper {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  margin-top: 2vh;
}

.Icons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  color: #102d69;
  font-family: 'Arial', serif;
  font-size: 17px;
}

.TourDetailsInner {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-column-gap: 3vw;
  -moz-column-gap: 3vw;
       column-gap: 3vw;
}

.TourDetailsInnerSmallScreen {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.GalleryTourDetails {
  margin-top: 2vw;
  width: 100%;
  overflow: auto;
  min-height: 60vh;
}

.TourBookingDetails {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 100%;
  min-height: 20vh;
  border: 2px solid rgb(206, 207, 209);
  border-radius: 6px;
  margin-top: 2vw;
}

.TourBookingDetails h3 {
  margin-bottom: 2vh;
  color: #1141a0;
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  padding: 1vh;
  width: 100%;
  box-shadow: 0 0 10px rgba(141, 156, 243, 0.5);
}

.TourBookingChoice {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

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

.TourRateLoading {
  width: 285px;
  height: 250px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.TourChoiceBlock h4 {
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

.TourUpdateBlock {
  margin-bottom: 2vh;
  margin-top: 2vh;
  color: #1141a0;
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  padding: 1vh;
  width: 100%;
  box-shadow: 0 0 10px rgba(141, 156, 243, 0.5);
}

.TourPaxChoiceWrapper {
  width: 80%;
}

.TourPaxChoiceWrapper h4 {
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

.TourInclusionsBlock {
  display: grid;
  grid-template-columns: 30% 70%;
  grid-column: 1 / span 2;
  width: 80%;
  border: 1px solid rgb(163, 174, 185);
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}

.InclusionIcons {
  display: grid;
  grid-template-columns: 33% 33% 34%;
  grid-auto-rows: auto;
  grid-column: 2;
}

.TourInclusionsBlock h4 {
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

.TourBookingChoice h4 {
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

.PaxChoice {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.PaxChoice h4 {
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  font-size: 17px;
  color: rgb(77, 75, 75);
}

.PaxResult {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  height: 32px;
  width: 90%;
  padding: 4px 11px;
  background-color: white;
}

.PaxResult h4 {
  color: rgb(16, 45, 105);
  font-family: 'Arial Narrow', serif;
  font-size: 16px;
  cursor: pointer;
}

.DropdownButton {
  margin-top: 0.5vh;
  background-color: white;
  border: 2px solid rgb(177, 174, 174);
  border-radius: 5px;
  min-width: 200px;
}

.DropdownItem {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  color: #102d69;
}

.DropdownItem:hover {
  background-color: #d7ebfc;
  text-decoration: none;
}

.DescriptionTourDetails {
  margin-left: 4vw;
  color: #102d69;
  font-size: 18px;
  text-align: justify;
  margin-top: 2vw;
  margin-bottom: 3vw;
  padding: 2vw;
  border: 1px solid lightgrey;
  border-radius: 10px;
}

.DescriptionTourDetails h4 {
  margin-bottom: 2vh;
  color: #1141a0;
  font-size: 22px;
  text-align: left;
  font-weight: bold;
}

.DescriptionTourDetails h3 {
  margin-bottom: 2vh;
  color: #1141a0;
  font-size: 28px;
  text-align: left;
  font-weight: bold;
}

.CostBreakdown {
  margin-left: 4vw;
  color: #102d69;
  font-size: 18px;
  text-align: justify;
  margin-top: 2vw;
  padding: 2vw;
  border: 1px solid lightgrey;
  border-radius: 10px;
}

.CostBreakdown h3 {
  margin-bottom: 2vh;
  color: #1141a0;
  font-size: 28px;
  text-align: left;
  font-weight: bold;
}

.TourPopUpNotActive {
  display: none;
}

.TourPopUpActive {
  display: block;
  position: absolute;
  background-color: white;
  z-index: 1000;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 15px;
}

.TourPopUpButton {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 2px;
  font-size: 19px;
  width: 19vw;
  height: 50px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 6px;
}

.ChosenCalendar {
  display: grid;
  grid-template-columns: 20% 50% 30%;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 3vh;
  border: 1px solid rgb(163, 174, 185);
  border-radius: 10px;
}

.DateSelection {
  font-size: 17px;
  color: blue;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.Minus {
  color: white;
  background-color: #009fe3;
  border: 0.8vw solid #009fe3;
  border-radius: 5vw;
  font-size: 15px;
  font-weight: bolder;
  width: 40px;
  height: 40px;
}

.Plus {
  color: white;
  background-color: #009fe3;
  border: 0.8vw solid #009fe3;
  border-radius: 5vw;
  font-size: 15px;
  font-weight: bolder;
  width: 40px;
  height: 40px;
}

.DownOutlined {
  color: #d9d9d9;
  font-size: 13px;
  padding-left: 5px;
}

.RadioWrapper {
  margin-top: 20px;
}

.RadioWrapper h5 {
  color: blue;
  font-size: 19px;
  font-family: 'Arial Narrow', serif;
  font-weight: bold;
  min-width: 35vw;
  margin-bottom: 15px;
}

.Radio {
  margin-top: 20px;
  min-width: 35vw;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.TourWrapperAddToBasket {
  display: grid;
  grid-template-columns: 60% 40%;
  padding-top: 3vh;
  margin-top: 0;
  grid-column-gap: 4vw;
  -moz-column-gap: 4vw;
       column-gap: 4vw;
}

.WrapperAddToBasket h4 {
  width: 30vw;
  height: 25px;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 8px;
}

.AddToCartTour {
  background: #009fe3;
  color: white;
  border: 1px solid grey;
  border-radius: 6px;
  font-weight: bold;
  font-size: 19px;
  max-height: 5vh;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 1vh;
  padding-top: 1vh;
  position: relative;
  z-index: 50;
  width: 70%;
}

.AddToCartTour:hover {
  cursor: pointer;
}

.TourDetailsCost {
  display: grid;
  grid-template-columns: 20% 80%;
  list-style: none;
  background-color: white;
}

.TourDetailsCost_First {
  grid-column: 1;
  grid-row: 1 / span 2;
  color: #102d69;
  font-size: 20px;
  font-family: Arial, serif;
  font-weight: bold;
  background: rgb(228, 228, 247);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  border-radius: 10px;
}

.TourDetailsCost_Second {
  grid-column: 2;
  display: grid;
  grid-template-columns: 25% 15% 5% 20% 5% 15% 15%;
  grid-auto-rows: auto;
  font-size: 19px;
  color: #102d69;
  font-family: Arial, serif;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-bottom: 3px solid rgb(228, 228, 247);
}

.TourCostHeader {
  background: white;
  padding: 1.5vh;
  background: rgb(210, 227, 250);
  display: grid;
  grid-template-columns: 20% 20% 12% 4% 16% 4% 12% 12%;
  border-radius: 7px;
}

.TourCostHeader li {
  list-style: none;
  font-family: Arial, serif;
  color: #1141a0;
  font-size: 23px;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  border-left: 0.5px solid rgb(109, 109, 196);
  text-align: center;
}

.TourCostHeader li:nth-child(1) {
  border-left: none;
}

.EmailIconMobile {
  color: white;
}

.OperationsMobile {
  color: white;
}

.PhoneIconMobile {
  color: white;
}

.totopbutton {
  display: block;
  position: fixed;
  padding: 13px;
  border: none;
  border-radius: 13px;
  /*##### 25-02-18 Komarov*/
  /*right: 40px;
  bottom: 140px;*/
  right: 0;
  bottom: 0;
  background: rgb(13, 108, 192);
  cursor: pointer;
  font-weight: bold;
  font-size: 30px;
  color: white;
}

/* ##### 22-11-08 Komarov */
.totopbuttonMobile {
  display: block;
  position: fixed;
  padding: 13px;
  border: none;
  border-radius: 13px;
  right: 0;
  bottom: 0;
  background: rgb(13, 108, 192);
  cursor: pointer;
  font-weight: bold;
  color: white;
  /* ##### 24-05-16 Komarov */
  z-index: 100;
}

.notvisible {
  display: none;
}