.reviews {
  background: #efeff3;
}

.reviews-container {
  display: flex;
  flex-direction: column;
  gap: 100px;
  @media (max-width: 1024px) {
    gap: 50px;
  }
  .reviews-btns {
    display: flex;
    gap: 100px;
    @media (max-width: 1024px) {
      gap: 50px;
    }
    @media (max-width: 768px) {
      gap: 30px;
      flex-direction: column;
    }
    a {
      width: calc((100% - 100px) / 2);
      @media (max-width: 768px) {
        width: 100%;
      }
      &:first-child {
        border-radius: 3px;
        background: #FFF;
        box-shadow: 0px 9px 15.5px -7px rgba(0, 0, 0, 0.25);
        display: flex;
        padding: 15px 30px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: #000;
        font-family: Circe;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
        &:hover {
          background: #9C9DAB;
          color: white;
        }
      }
      &:last-child {
        border-radius: 3px;
        background: #000;
        display: flex;
        padding: 15px 30px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
        color: #FFF;
        font-family: Circe;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
        &:hover {
          background: #9C9DAB;
          color: white;
        }
      }
    }
  }
  .reviews-items {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    @media (max-width: 1024px) {
      flex-direction: column;
    }
    .review-item {
      width: calc((100% - 30px * 2) / 3);
      border-radius: 3px;
      background: #FFF;
      box-shadow: 0px 26px 31.5px -9px rgba(0, 0, 0, 0.10);
      display: flex;
      padding: 30px;
      flex-direction: column;
      align-items: flex-start;
      gap: 30px;
      transition: .3s ease;
      @media (max-width: 1024px) {
        width: 100%;
        padding: 20px;
      }
      &:hover {

        background: #9C9DAB;
        .date {
          span {
            color: #fff;
          }
          svg path{
            stroke: #fff;
          }
          svg rect{
            stroke: #fff;
          }
        }
        p {
          color: #fff;
        }
        span {
          color: #fff;
        }
        a {
          border: 1.2px solid #fff;
          color: #fff;
        }
      }
      .date {
        display: flex;
        gap: 10px;
        align-items: center;
        span {
          color: #9C9DAB;
          font-family: Circe;
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          text-transform: uppercase;
        }
        svg {
          width: unset;
          height: unset;
        }
      }
      p {
        color: #000;
        font-family: Circe;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
      }
      span {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #000;
        font-family: Circe;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
      }
      a {
        border-radius: 3px;
        border: 1.2px solid #000;
        display: flex;
        padding: 15px 30px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: #000;
        font-family: Circe;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
        width: fit-content;
        background: transparent;
        &:hover {
          background: #000;
          color: white;
          border: 1.2px solid #000;
        }
      }
    }
  }
}

.new-review-modal, .new-review-modal2 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 90%;
  height: 80%;
  display: none;
  &.active {
    display: flex;
  }

  .modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 150px;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    background: #000;
    overflow-x: scroll;
    position: relative;
    @media (max-width: 1300px) {
      padding: 50px;
    }
    @media (max-width: 1024px) {
      padding: 50px 20px;
    }
    .close-btn {
      position: absolute;
      right: 100px;
      top: 100px;
      @media (max-width: 1300px) {
        right: 30px;
        top: 30px;
      }
      svg {
        width: unset;
        height: unset;
      }
    }
    form {
      display: flex;
      flex-direction: column;
      max-width: 1320px;
      width: 100%;
      gap: 50px;
      @media (max-width: 1024px) {
        gap: 30px;
      }
      p {
        color: #FFF;
        font-family: Circe;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        @media (max-width: 1024px) {
          font-size: 30px;
        }
      }
      span {
        color: #FFF;
        font-family: Circe;
        font-size: 20px;
        font-style: normal;
        font-weight: 350;
        line-height: normal;
        @media (max-width: 1024px) {
          font-size: 18px;
        }
      }
      .input-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
        span {
          color: #FFF;
          font-family: Circe;
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
        }
        input {
          width: 100%;
          display: flex;
          height: 53px;
          padding: 12px 20px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          align-self: stretch;
          border-radius: 3px;
          border: 1px solid #9C9DAB;
          background: #000;
          outline: none;
          color: #FFF;
        }
        textarea {
          width: 100%;
          resize: none;
          outline: none;
          display: flex;
          padding: 12px 20px;
          justify-content: center;
          align-items: center;
          align-self: stretch;
          border-radius: 3px;
          border: 1px solid #9C9DAB;
          background: #000;
          height: 186px;
          color: #FFF;
        }
      }
      .input-columns {
        display: flex;
        gap: 50px;
        @media (max-width: 1024px) {
          flex-direction: column;
          gap: 30px;
        }
        .input-wrapper {
          width: calc((100% - 50px) / 2);
          @media (max-width: 1024px) {
            width: 100%;
          }
        }
      }
      .submit-row {
        display: flex;
        gap: 50px;
        justify-content: center;
        align-items: center;
        @media (max-width: 1024px) {
          flex-direction: column;
          gap: 30px;
        }
        button {
          color: #000;
          font-family: Circe;
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          text-transform: uppercase;
          display: flex;
          padding: 15px 30px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          border-radius: 3px;
          background: #FFF;
          white-space: nowrap;
          cursor: pointer;
          transition: .3s ease;
          &:hover {
            background: #9C9DAB;
            color: white;
          }
        }
      }

    }
  }

}

.breadcrumb-custom {
  margin-bottom: 100px;
  @media (max-width: 1024px) {
    margin-bottom: 50px;
  }
}


/* Start:/local/templates/techin/css/custom.css?174704318019648*/


#widget_bookline > div {
	width: 100%;
	font-family: "Circe";
	font-size: 20px;
	line-height: 1.5em;
}

#widget_bookline > div > div > div > div{
	border: 0;
}

#widget_bookline,
#widget_bookline > div > div > div > div > span > div,
#widget_bookline > div > div > div > div > span > div > div > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px;
}

#widget_bookline .POZeep {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

#widget_bookline > div > div > div > div > span > div > div > div > .LbrfB3 {
	display: none;
}

#widget_bookline .WidgetBookingControlButtonContainer {
	width: 100%;
}

#widget_bookline .DatesPeriodControl_control * {
	color: #fff;
}

.react-ui-7kyjnj,
.react-ui-1thucf5 {
	border: #9C9DAB solid 1px !important;
	border-radius: 3px;
}

#widget_bookline .GuestsSelectControl_control {
	border: #9C9DAB solid 1px;
	border-radius: 3px;
}

.modal .form_background {
	background-color: #000;
	color: #eee;
}

#widget_bookline .react-ui-jfj1jd,
#widget_bookline .react-ui-14qgvmo,
#widget_bookline .react-ui-seti52,
#widget_bookline .react-ui-1thucf5,
#widget_bookline .react-ui-1f8xmwr,
#widget_bookline .react-ui-r8gafp,
#widget_bookline .react-ui-1y94lwc,
#widget_bookline .react-ui-1exxqr4,
#widget_bookline .react-ui-1s7558c,
#widget_bookline .react-ui-c6ep7q,
#widget_bookline .react-ui-ls9jnw {
	border-radius: 3px;
	border: transparent solid 1px;
	height: 54px;
	background: #000;
	color: #fff;
	font-size: 20px;
	line-height: 1.5em;
	padding: 0 19px;
}

.VwZTwv .ZpDuj5 {
	display: flex;
	flex-direction: row!important;
	gap: var(--bm-theme-gap, 20px);
	align-content: flex-start;
	align-items: flex-start!important;
	justify-content: space-between;
	flex-wrap: wrap;
}

#widget_bookline .DatesPeriodControl_placeholder,
#widget_bookline .react-ui-12sjgkn {
	color: #fff;
}

#widget_bookline > div > div > div > div{
	width: 100%;
	padding: 0;
	background-color: transparent;
}

#widget_bookline .POZeep {
	width: 385px;
	margin: 0;
}

#widget_bookline .DxgSnE {
	width: 180px;
	margin: 0;
}

#widget_bookline .Rn1doW,
#widget_bookline .PQtN64 {
	width: 170px;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}

/*SLYLES INPUTS*/
#widget_bookline .Rn1doW .react-ui-1bdm407,
#widget_bookline .Rn1doW .react-ui-1tqy9p3,
#widget_bookline .PQtN64 .react-ui-1bdm407,
#widget_bookline .PQtN64 .react-ui-1tqy9p3,
#widget_bookline .Rn1doW .react-ui-3iaw4z,
#widget_bookline .PQtN64 .react-ui-3iaw4z,
#widget_bookline .DxgSnE .react-ui-p92oba,
#widget_bookline .DxgSnE .react-ui-1iq01kf {
    background: #000;
    border: 1px solid #9C9DAB;
    border-radius: 3px;
    padding: 12px 20px;
    height: 53px;
    color: #fff;
}

#widget_bookline .react-ui-c6gvsf svg,
#widget_bookline .react-ui-c6gvsf svg {
	fill: #9C9DAB!important;
	width: 24px !important;
    height: 24px !important;
}

#widget_bookline .Rn1doW .react-ui-1bdm407 .react-ui-1wzjsrd,
#widget_bookline .PQtN64 .react-ui-1bdm407 .react-ui-1xb4xgu,
#widget_bookline .DxgSnE .react-ui-asg827 .react-ui-1xb4xgu {
	color: #fff;
    font-size: 20px;
}

#widget_bookline .react-ui-1b99p38 {
	color: #9C9DAB!important;
    font-size: 20px;
}

#widget_bookline .Rn1doW .Azte92,
#widget_bookline .PQtN64 .Azte92 {
    color: #9C9DAB!important;
    font-size: 20px;
	left: 20px;
	top: 44%;
}
/*END SLYLES INPUTS*/

#widget_bookline .WidgetBookingControlButtonContainer div.react-ui-j884du.react-ui-button-caption::after {
	content: var(--buttonText);
}

#widget_bookline .WidgetBookingControlButtonContainer div span {
	display: none;
}

#widget_bookline .Rn1doW::before,
#widget_bookline .PQtN64::before,
#widget_bookline .DxgSnE::before {
	display: block;
	font-size: 15px;
	line-height: 1.5em;
	color: #fff;
	margin-bottom: 10px;
	position: relative;
}

#widget_bookline .Rn1doW::before {
	content: var(--dateFromText);
}

#widget_bookline .PQtN64::before {
	content: var(--dateToText);
}

#widget_bookline .DxgSnE::before {
	content: var(--guestsSelectText);
}

#widget_bookline .DatesPeriodControl_placeholder {
	left: 19px;
}

#widget_bookline .react-ui-12sqczl {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 0;
	width: 24px;
	height: 24px;
}

#widget_bookline .react-ui-12sqczl svg {
	display: none !important;
}

#widget_bookline .react-ui-11i844s {
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 3V6' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 3V6' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11.5H7.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 15H7.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 11.5H11.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 15H11.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 11.5H15.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 15H15.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='3' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/24px auto;
	mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 3V6' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 3V6' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11.5H7.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 15H7.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 11.5H11.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 15H11.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 11.5H15.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 15H15.5' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='3' stroke='%239C9DAB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/24px auto;
	background: #9C9DAB;
	width: 24px;
	height: 24px;
}

#widget_bookline ._3DtzaFC874JTjzvCRuQT4- {
	-webkit-mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 4C7.79086 4 6 5.79086 6 8C6 10.2091 7.79086 12 10 12C12.2091 12 14 10.2091 14 8C14 5.79086 12.2091 4 10 4ZM4 8C4 4.68629 6.68629 2 10 2C13.3137 2 16 4.68629 16 8C16 11.3137 13.3137 14 10 14C6.68629 14 4 11.3137 4 8ZM16.8284 3.75736C17.219 3.36683 17.8521 3.36683 18.2426 3.75736C20.5858 6.10051 20.5858 9.8995 18.2426 12.2426C17.8521 12.6332 17.219 12.6332 16.8284 12.2426C16.4379 11.8521 16.4379 11.219 16.8284 10.8284C18.3905 9.26633 18.3905 6.73367 16.8284 5.17157C16.4379 4.78105 16.4379 4.14788 16.8284 3.75736ZM17.5299 16.7575C17.6638 16.2217 18.2067 15.8959 18.7425 16.0299C20.0705 16.3618 20.911 17.2109 21.3944 18.1778C21.8622 19.1133 22 20.1571 22 21C22 21.5523 21.5523 22 21 22C20.4477 22 20 21.5523 20 21C20 20.3429 19.8878 19.6367 19.6056 19.0722C19.339 18.5391 18.9295 18.1382 18.2575 17.9701C17.7217 17.8362 17.3959 17.2933 17.5299 16.7575ZM6.5 18C5.24054 18 4 19.2135 4 21C4 21.5523 3.55228 22 3 22C2.44772 22 2 21.5523 2 21C2 18.3682 3.89347 16 6.5 16H13.5C16.1065 16 18 18.3682 18 21C18 21.5523 17.5523 22 17 22C16.4477 22 16 21.5523 16 21C16 19.2135 14.7595 18 13.5 18H6.5Z" fill="%239C9DAB"/%3E%3C/svg%3E%0A') no-repeat center/24px auto;
	mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 4C7.79086 4 6 5.79086 6 8C6 10.2091 7.79086 12 10 12C12.2091 12 14 10.2091 14 8C14 5.79086 12.2091 4 10 4ZM4 8C4 4.68629 6.68629 2 10 2C13.3137 2 16 4.68629 16 8C16 11.3137 13.3137 14 10 14C6.68629 14 4 11.3137 4 8ZM16.8284 3.75736C17.219 3.36683 17.8521 3.36683 18.2426 3.75736C20.5858 6.10051 20.5858 9.8995 18.2426 12.2426C17.8521 12.6332 17.219 12.6332 16.8284 12.2426C16.4379 11.8521 16.4379 11.219 16.8284 10.8284C18.3905 9.26633 18.3905 6.73367 16.8284 5.17157C16.4379 4.78105 16.4379 4.14788 16.8284 3.75736ZM17.5299 16.7575C17.6638 16.2217 18.2067 15.8959 18.7425 16.0299C20.0705 16.3618 20.911 17.2109 21.3944 18.1778C21.8622 19.1133 22 20.1571 22 21C22 21.5523 21.5523 22 21 22C20.4477 22 20 21.5523 20 21C20 20.3429 19.8878 19.6367 19.6056 19.0722C19.339 18.5391 18.9295 18.1382 18.2575 17.9701C17.7217 17.8362 17.3959 17.2933 17.5299 16.7575ZM6.5 18C5.24054 18 4 19.2135 4 21C4 21.5523 3.55228 22 3 22C2.44772 22 2 21.5523 2 21C2 18.3682 3.89347 16 6.5 16H13.5C16.1065 16 18 18.3682 18 21C18 21.5523 17.5523 22 17 22C16.4477 22 16 21.5523 16 21C16 19.2135 14.7595 18 13.5 18H6.5Z" fill="%239C9DAB"/%3E%3C/svg%3E%0A') no-repeat center/24px auto;
	background: #9C9DAB;
	width: 24px;
	height: 24px;
}

#widget_bookline .react-ui-17axm2e {
	position: relative;
}

#widget_bookline button,
#widget_bookline .react-ui-button-caption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

#widget_bookline .react-ui-button-caption:before {
	width: 24px;
	height: 24px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	content: "";
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 4.68182C7.18629 4.68182 4.5 7.36812 4.5 10.6818C4.5 13.9955 7.18629 16.6818 10.5 16.6818C13.8137 16.6818 16.5 13.9955 16.5 10.6818C16.5 7.36812 13.8137 4.68182 10.5 4.68182ZM2.5 10.6818C2.5 6.26355 6.08172 2.68182 10.5 2.68182C14.9183 2.68182 18.5 6.26355 18.5 10.6818C18.5 12.5305 17.8729 14.2328 16.8199 15.5875L22.2071 20.9747C22.5976 21.3652 22.5976 21.9984 22.2071 22.3889C21.8166 22.7795 21.1834 22.7795 20.7929 22.3889L15.4056 17.0017C14.051 18.0547 12.3487 18.6818 10.5 18.6818C6.08172 18.6818 2.5 15.1001 2.5 10.6818Z' fill='%239C9DAB'/%3E%3C/svg%3E%0A") no-repeat center/cover;
	mask: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 4.68182C7.18629 4.68182 4.5 7.36812 4.5 10.6818C4.5 13.9955 7.18629 16.6818 10.5 16.6818C13.8137 16.6818 16.5 13.9955 16.5 10.6818C16.5 7.36812 13.8137 4.68182 10.5 4.68182ZM2.5 10.6818C2.5 6.26355 6.08172 2.68182 10.5 2.68182C14.9183 2.68182 18.5 6.26355 18.5 10.6818C18.5 12.5305 17.8729 14.2328 16.8199 15.5875L22.2071 20.9747C22.5976 21.3652 22.5976 21.9984 22.2071 22.3889C21.8166 22.7795 21.1834 22.7795 20.7929 22.3889L15.4056 17.0017C14.051 18.0547 12.3487 18.6818 10.5 18.6818C6.08172 18.6818 2.5 15.1001 2.5 10.6818Z' fill='%239C9DAB'/%3E%3C/svg%3E%0A") no-repeat center/cover;
	background: #9C9DAB;
	-webkit-transition: background 0.4s;
	-o-transition: background 0.4s;
	transition: background 0.4s;
}

#widget_bookline .WidgetBookingControlButtonContainer {
	padding-top: 30px;
}

#widget_bookline .WidgetBookingControlButtonContainer button {
	background-color: #fff;
	color: #000;
	border: none;
	border-radius: 3px;
	height: auto;
	padding: 13px 20px;
	font-size: 20px;
	line-height: 1.5em;
	text-transform: uppercase;
	-webkit-transition: background 0.4s, color 0.4s;
	-o-transition: background 0.4s, color 0.4s;
	transition: background 0.4s, color 0.4s;
}

#widget_bookline .WidgetBookingControlButtonContainer button * {
	white-space: initial;
}

html.no-touch #widget_bookline .WidgetBookingControlButtonContainer button:hover {
	background: #009846;
	color: #fff;
}

html.no-touch #widget_bookline .WidgetBookingControlButtonContainer button:hover .react-ui-button-caption:before {
	background: #fff;
}

#widget_bookline.ru {
	--dateFromText: "Дата заезда:";
	--dateToText: "Дата выезда:";
	--guestsSelectText: "Количество гостей:";
	--buttonText: "Найти номер";
}

#widget_bookline.en {
	--dateFromText: "Arrival date:";
	--dateToText: "Date of departure:";
	--guestsSelectText: "Number of guests:";
	--buttonText: "Find number";
}

.react-ui {
	font-family: "Circe" !important;
}

.react-ui .Counter_button {
	background-color: #000;
	color: #eee;
	-webkit-transition: background 0.4s, color 0.4s;
	-o-transition: background 0.4s, color 0.4s;
	transition: background 0.4s, color 0.4s;
	padding-top: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html.no-touch .react-ui .Counter_button:hover {
	background-color: #009846;
	color: #fff;
}

.react-ui .GuestsSelectControl_selectButton.WidgetGuestSelectControlButtonContainer button {
	background-color: #000;
	color: #fff;
	border: none;
	-webkit-transition: background 0.4s, color 0.4s;
	-o-transition: background 0.4s, color 0.4s;
	transition: background 0.4s, color 0.4s;
}

.react-ui .GuestsSelectControl_selectButton.WidgetGuestSelectControlButtonContainer button:hover {
	background-color: #009846;
	color: #fff;
}

.react-ui .RoundButton_content:hover {
	color: #009846;
}

.react-ui .react-ui-n8nhrz {
	-webkit-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
}

.react-ui .react-ui-n8nhrz:hover {
	color: #009846;
}

.react-ui .react-ui-cty4wa,
.react-ui .react-ui-11i844s {
	-webkit-transition: background 0.4s;
	-o-transition: background 0.4s;
	transition: background 0.4s;
}

.react-ui .react-ui-cty4wa:hover,
.react-ui .react-ui-11i844s:hover {
	background: #009846;
}

.react-ui .react-ui-1dkehj button {
	-webkit-transition: background 0.4s, color 0.4s;
	-o-transition: background 0.4s, color 0.4s;
	transition: background 0.4s, color 0.4s;
}

.react-ui .react-ui-1dkehj button:hover {
	background-color: #009846;
}

.react-ui [data-tid=DateSelect__menuItem] {
	-webkit-transition: background 0.4s, color 0.4s;
	-o-transition: background 0.4s, color 0.4s;
	transition: background 0.4s, color 0.4s;
}

.react-ui [data-tid=DateSelect__menuItem]:hover {
	background-color: #009846;
	color: #fff;
}

@media only screen and (max-width: 767px) {

	#widget_bookline .react-ui-jfj1jd,
	#widget_bookline .react-ui-14qgvmo,
	#widget_bookline .react-ui-seti52,
	#widget_bookline .react-ui-1thucf5,
	#widget_bookline .react-ui-1f8xmwr,
	#widget_bookline .react-ui-r8gafp,
	#widget_bookline .react-ui-1y94lwc,
	#widget_bookline .react-ui-1exxqr4,
	#widget_bookline .react-ui-1s7558c,
	#widget_bookline .react-ui-c6ep7q,
	#widget_bookline .react-ui-ls9jnw,
	#widget_bookline * {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#widget_bookline > div > div > div > div > span > div,
	#widget_bookline .DatesPeriodControl_control {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 20px;
	}

	#widget_bookline .DatesPeriodControl_control,
	#widget_bookline .Rn1doW,
	#widget_bookline .PQtN64,
	#widget_bookline .DxgSnE,
	#widget_bookline .POZeep {
		width: 100%;
	}

	#widget_bookline .react-ui-12sjgkn {
		width: 100px;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}
	#widget_bookline .Rn1doW,
	#widget_bookline .PQtN64 {
		margin: 0;
	}
	#widget_bookline .VwZTwv .MQe7xH,
	#widget_bookline .VwZTwv .DxgSnE {
		margin: 0;
	}

	#widget_bookline .Rn1doW .react-ui-1wzjsrd,
	#widget_bookline .PQtN64 .react-ui-1xb4xgu,
	#widget_bookline .DxgSnE .react-ui-asg827 .react-ui-1xb4xgu {
		color: #fff;
		font-size: 20px;
	}
	#widget_bookline > div > div > div > div > span > div > div > div,
	#widget_bookline .DxgSnE {
		max-width: 295px;
		width: 100%;
	}
	#widget_bookline > div > div > div > div > span > div {
		justify-content: center;
	}
}

/* .Rn1doW, .PQtN64 {
	width: initial !important;
} */

.modal {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #808080aa;
	z-index: 100;
}

.form_background {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	row-gap: 20px;
	padding: 10px 10px;
}
.form_background.black {
	background-color: black;
}
#widget_bookline {
	height: fit-content;
	margin: auto;
}

.modal.hidden {
	display: none;
}

.success_modal {
	display: flex;
	justify-content: center;
	position: fixed;
	column-gap: 20px;
	width: 100%;
	height: 100%;
	background: #808080aa;
	z-index: 100;
}

.success_modal.hidden {
	display: none;
}

.success_content {
	margin: auto;
	height: fit-content;
	color: white;
	background-color: black;
	padding: 100px 200px;
}

.success_content h2 {
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 80px;
	text-align: center;
}

.success_content span {
	text-align: center;
	text-transform: uppercase;
	margin: auto;
	display: block;
	width: fit-content;
}

.success_content button {
	color: white;
	top: -70px;
	right: -130%;
	position: relative;
}

.input__error {
	outline: 1px solid red;
}

.form__title {
	color: white;
	font-size: 24px;
	margin-top: 10px;
}

@media (min-width: 768px) {
	#widget_bookline {
		width: 600px;
	}
	.form_background {
		height: 300px;
		width: 700px;
	}
}
@media (max-width: 768px) {
	.form_background {
		width: 100%;
	}
}
.rooms__item-text ul, .rooms__item-text ol{
	list-style: none;
}
.rooms__item-text ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.75em;
	translate: 0 -50%;
	width: 24px;
	aspect-ratio: 1;
	-webkit-mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z" fill="%239C9DAB"/%3E%3C/svg%3E%0A') no-repeat center/cover;
	mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z" fill="%239C9DAB"/%3E%3C/svg%3E%0A') no-repeat center/cover;
	background: #9C9DAB;
}
.rooms__item-text ul li {
	position: relative;
	padding-left: 34px;
}
.article__text h5 {
	margin-bottom: 25px;
}
.article__text h4 {
	margin-bottom: 25px;
}
.article__text h3 {
	margin-bottom: 25px;
}
.article__text h2 {
	margin-bottom: 25px;
}
.article__text h1 {
	margin-bottom: 25px;
}
.article__text hr {
	margin: 25px 0;
}
.page-top__ttl {
    width: 80%;
}

.article__text img{
	display: inline-block;
}

.dVSeMo._Voi9o{
	padding: 0;
}

.heQTvm span {
	width: auto;
}
/* End */
/* /local/templates/techin/style.css?1747041304153650 */
/* /local/templates/techin/css/custom.css?174704318019648 */