@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter&family=Montserrat&family=Open+Sans:ital@0;1&display=swap");
/* line 4, hobbytravel/static/htapp/css/fonts.scss */
.open-sans-font {
  font-family: 'Open Sans', sans-serif; }

/* line 8, hobbytravel/static/htapp/css/fonts.scss */
.inter-font {
  font-family: 'Inter', sans-serif; }

/* line 12, hobbytravel/static/htapp/css/fonts.scss */
.montserrat-font {
  font-family: 'Montserrat', sans-serif; }

/* line 16, hobbytravel/static/htapp/css/fonts.scss */
.black-700-18 {
  color: black;
  font-weight: 700;
  font-size: 18px; }

/* line 22, hobbytravel/static/htapp/css/fonts.scss */
.black-700-16 {
  color: black;
  font-weight: 700;
  font-size: 16px; }

/* line 28, hobbytravel/static/htapp/css/fonts.scss */
.black-700-14 {
  color: black;
  font-weight: 700;
  font-size: 14px; }

/* line 34, hobbytravel/static/htapp/css/fonts.scss */
.black-600-26 {
  color: black;
  font-weight: 600;
  font-size: 26px; }

/* line 40, hobbytravel/static/htapp/css/fonts.scss */
.black-600-16 {
  color: black;
  font-weight: 600;
  font-size: 16px; }

/* line 46, hobbytravel/static/htapp/css/fonts.scss */
.black-500-18 {
  color: black;
  font-weight: 500;
  font-size: 18px; }

/* line 52, hobbytravel/static/htapp/css/fonts.scss */
.black-400-36 {
  color: black;
  font-weight: 400;
  font-size: 36px; }

/* line 58, hobbytravel/static/htapp/css/fonts.scss */
.black-400-32 {
  color: black;
  font-weight: 400;
  font-size: 32px; }

/* line 64, hobbytravel/static/htapp/css/fonts.scss */
.black-400-28 {
  color: black;
  font-weight: 400;
  font-size: 28px; }

/* line 70, hobbytravel/static/htapp/css/fonts.scss */
.black-400-24 {
  color: black;
  font-weight: 400;
  font-size: 24px; }

/* line 76, hobbytravel/static/htapp/css/fonts.scss */
.black-400-20 {
  color: black;
  font-weight: 400;
  font-size: 20px; }

/* line 82, hobbytravel/static/htapp/css/fonts.scss */
.black-400-16 {
  color: black;
  font-weight: 400;
  font-size: 16px; }

/* line 88, hobbytravel/static/htapp/css/fonts.scss */
.black-400-14 {
  color: black;
  font-weight: 400;
  font-size: 14px; }

/* line 94, hobbytravel/static/htapp/css/fonts.scss */
.gray-400-16 {
  color: #8E8E8E;
  font-weight: 400;
  font-size: 16px; }

/* line 100, hobbytravel/static/htapp/css/fonts.scss */
.gray-400-14 {
  color: #8E8E8E;
  font-weight: 400;
  font-size: 14px; }

/* line 106, hobbytravel/static/htapp/css/fonts.scss */
.gray-400-13 {
  color: #8E8E8E;
  font-weight: 400;
  font-size: 13px; }

/* line 112, hobbytravel/static/htapp/css/fonts.scss */
.gray-400-12 {
  color: #8E8E8E;
  font-weight: 400;
  font-size: 12px; }

/* line 118, hobbytravel/static/htapp/css/fonts.scss */
.gray-400-11 {
  color: #8E8E8E;
  font-weight: 400;
  font-size: 11px; }

/* line 124, hobbytravel/static/htapp/css/fonts.scss */
.white-700-18 {
  color: white;
  font-weight: 700;
  font-size: 18px; }

/* line 130, hobbytravel/static/htapp/css/fonts.scss */
.white-600-12 {
  color: white;
  font-weight: 600;
  font-size: 12px; }

/* line 136, hobbytravel/static/htapp/css/fonts.scss */
.white-600-14 {
  color: white;
  font-weight: 600;
  font-size: 14px; }

/* line 142, hobbytravel/static/htapp/css/fonts.scss */
.white-400-16 {
  color: white;
  font-weight: 400;
  font-size: 16px; }

/* line 148, hobbytravel/static/htapp/css/fonts.scss */
.white-400-14 {
  color: white;
  font-weight: 400;
  font-size: 14px; }

/* line 154, hobbytravel/static/htapp/css/fonts.scss */
.white-400-13-italic {
  color: white;
  font-weight: 400;
  font-size: 13px;
  font-style: italic; }

/* line 161, hobbytravel/static/htapp/css/fonts.scss */
.white-400-12 {
  color: white;
  font-weight: 400;
  font-size: 12px; }

/* line 167, hobbytravel/static/htapp/css/fonts.scss */
.white-400-11 {
  color: white;
  font-weight: 400;
  font-size: 11px; }

/* line 173, hobbytravel/static/htapp/css/fonts.scss */
.green-600-12 {
  color: #56DEA8;
  font-weight: 600;
  font-size: 12px; }

/* line 179, hobbytravel/static/htapp/css/fonts.scss */
.green-400-36 {
  color: #56DEA8;
  font-weight: 400;
  font-size: 36px; }

/* line 185, hobbytravel/static/htapp/css/fonts.scss */
.green-400-32 {
  color: #56DEA8;
  font-weight: 400;
  font-size: 32px; }

/* line 191, hobbytravel/static/htapp/css/fonts.scss */
.green-400-18 {
  color: #56DEA8;
  font-weight: 400;
  font-size: 18px; }

/* line 197, hobbytravel/static/htapp/css/fonts.scss */
.green-400-16 {
  color: #56DEA8;
  font-weight: 400;
  font-size: 16px; }

/* line 203, hobbytravel/static/htapp/css/fonts.scss */
.green-400-14 {
  color: #56DEA8;
  font-weight: 400;
  font-size: 14px; }

/* line 209, hobbytravel/static/htapp/css/fonts.scss */
.dark-gray-400-32-italic {
  color: #C7C7C7;
  font-weight: 400;
  font-size: 32px;
  font-style: italic; }

/* line 216, hobbytravel/static/htapp/css/fonts.scss */
.light-black-400-14 {
  color: #474747;
  font-weight: 400;
  font-size: 14px; }

/* line 222, hobbytravel/static/htapp/css/fonts.scss */
.light-black-400-13-italic {
  color: #474747;
  font-weight: 400;
  font-size: 13px;
  font-style: italic; }

/* line 229, hobbytravel/static/htapp/css/fonts.scss */
.blue-700-13 {
  color: #004ed8;
  font-weight: 700;
  font-size: 13px; }

/* line 235, hobbytravel/static/htapp/css/fonts.scss */
.red-600-18 {
  color: red;
  font-weight: 600;
  font-size: 18px; }

/* line 241, hobbytravel/static/htapp/css/fonts.scss */
.red-400-12 {
  color: red;
  font-weight: 400;
  font-size: 12px; }

/* line 247, hobbytravel/static/htapp/css/fonts.scss */
.upper-case {
  text-transform: uppercase; }

/* line 1, hobbytravel/static/htapp/css/icons.scss */
.logo-icon {
  background: url("/static/htapp/img/logo-main-new.svg?9bb1c37eb6b2");
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
  width: 100px;
  flex: 0 0 100px; }

/* line 10, hobbytravel/static/htapp/css/icons.scss */
.logout-icon {
  background: url("/static/htapp/img/logout-icon.svg?9bb1c37eb6b2");
  background-repeat: no-repeat;
  background-size: contain;
  height: 24px;
  width: 24px; }

/* line 18, hobbytravel/static/htapp/css/icons.scss */
.vk-green-icon {
  background: url("/static/htapp/img/social-vk-green-icon.svg?9bb1c37eb6b2");
  background-repeat: no-repeat;
  background-size: contain;
  height: 16px;
  width: 25px; }

/* line 26, hobbytravel/static/htapp/css/icons.scss */
.telegram-green-icon {
  background: url("/static/htapp/img/social-telegram-green-icon.svg?fddaf7ab3611");
  background-repeat: no-repeat;
  background-size: contain;
  height: 21px;
  width: 22px; }

/* line 34, hobbytravel/static/htapp/css/icons.scss */
.telegram-green-icon2 {
  background: url("/static/htapp/img/social-telegram-green-icon2.svg?fddaf7ab3611");
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px; }

/* line 42, hobbytravel/static/htapp/css/icons.scss */
.instagram-green-icon {
  background: url("/static/htapp/img/social-instagram-green-icon.svg?9bb1c37eb6b2");
  background-repeat: no-repeat;
  background-size: contain;
  height: 22px;
  width: 21px; }

/* line 50, hobbytravel/static/htapp/css/icons.scss */
.arrow-left-white-icon {
  background: url("/static/htapp/img/arrow-left-white-icon.svg?9bb1c37eb6b2");
  background-repeat: no-repeat;
  background-size: contain;
  height: 12px;
  width: 6px; }

/* line 58, hobbytravel/static/htapp/css/icons.scss */
.arrow-right-white-icon {
  background: url("/static/htapp/img/arrow-right-white-icon.svg?9bb1c37eb6b2");
  background-repeat: no-repeat;
  background-size: contain;
  height: 12px;
  width: 6px; }

/* line 66, hobbytravel/static/htapp/css/icons.scss */
.arrow-right-white-icon2 {
  background: url("/static/htapp/img/arrow-right-white-icon2.svg?fddaf7ab3611");
  background-repeat: no-repeat;
  background-size: contain;
  height: 10px;
  width: 7px; }

/* line 74, hobbytravel/static/htapp/css/icons.scss */
.vk-comment-icon {
  background: url("/static/htapp/img/vk-comment-icon.png?9bb1c37eb6b2");
  background-repeat: no-repeat;
  background-size: contain;
  height: 59px;
  width: 59px; }

/* line 82, hobbytravel/static/htapp/css/icons.scss */
.instagram-comment-icon {
  background: url("/static/htapp/img/instagram-comment-icon.png?9bb1c37eb6b2");
  background-repeat: no-repeat;
  background-size: contain;
  height: 59px;
  width: 59px; }

/* line 90, hobbytravel/static/htapp/css/icons.scss */
.link-icon {
  background: url("/static/htapp/img/link-icon.svg?9bb1c37eb6b2");
  background-repeat: no-repeat;
  background-size: contain;
  height: 24px;
  width: 24px; }

/* line 98, hobbytravel/static/htapp/css/icons.scss */
.white-close-icon {
  background: url("/static/htapp/img/icon-white-close.svg?23306a1e1838");
  background-repeat: no-repeat;
  background-size: contain;
  height: 24px;
  width: 24px; }

/* line 106, hobbytravel/static/htapp/css/icons.scss */
.arrow-right-green-icon {
  background: url("/static/htapp/img/arrow-right-green.svg?220e237d9319");
  background-repeat: no-repeat;
  background-size: contain;
  height: 12px;
  width: 20px;
  display: inline-block;
  margin-left: 8px; }

/* line 1, hobbytravel/static/htapp/css/base.scss */
.link {
  text-decoration: none;
  color: #333333; }
  /* line 5, hobbytravel/static/htapp/css/base.scss */
  .link:active {
    color: #333333; }
  /* line 8, hobbytravel/static/htapp/css/base.scss */
  .link:hover {
    color: #56DEA8; }

/* line 13, hobbytravel/static/htapp/css/base.scss */
.btn-base {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 40px;
  gap: 10px;
  height: 46px;
  background: linear-gradient(277.03deg, #25BD81 0%, #25BD81 84.1%);
  border-radius: 25px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #FFFFFF;
  flex: none;
  order: 0;
  flex-grow: 0;
  cursor: pointer;
  border: 0; }

/* line 37, hobbytravel/static/htapp/css/base.scss */
.upper-text {
  text-transform: uppercase; }

/* line 42, hobbytravel/static/htapp/css/base.scss */
.scroll::-webkit-scrollbar {
  width: 4px; }

/* line 45, hobbytravel/static/htapp/css/base.scss */
.scroll::-webkit-scrollbar-track {
  border: 1px solid transparent;
  background-clip: content-box;
  border-radius: 2px;
  background: #E9E9E9; }

/* line 51, hobbytravel/static/htapp/css/base.scss */
.scroll::-webkit-scrollbar-thumb {
  background: #ABABAB;
  border-radius: 2px; }

/* line 58, hobbytravel/static/htapp/css/base.scss */
.scroll-x::-webkit-scrollbar {
  height: 4px; }

/* line 61, hobbytravel/static/htapp/css/base.scss */
.scroll-x::-webkit-scrollbar-track {
  border: 1px solid transparent;
  background-clip: content-box;
  border-radius: 2px;
  background: #E9E9E9; }

/* line 67, hobbytravel/static/htapp/css/base.scss */
.scroll-x::-webkit-scrollbar-thumb {
  background: #ABABAB;
  border-radius: 2px; }

/* line 73, hobbytravel/static/htapp/css/base.scss */
.no-underline {
  text-decoration: none; }

/* line 77, hobbytravel/static/htapp/css/base.scss */
.underline {
  text-decoration: underline; }

/* line 81, hobbytravel/static/htapp/css/base.scss */
strong {
  font-weight: 600 !important; }

/* line 1, hobbytravel/static/htapp/css/header.scss */
.header-com {
  display: flex;
  background: #FCFCFC;
  height: 150px;
  padding: 0 150px;
  box-sizing: border-box;
  align-items: center; }
  /* line 9, hobbytravel/static/htapp/css/header.scss */
  .header-com .elem-2 {
    border: 1px solid #C7C7C7;
    width: 0;
    height: 50px;
    margin: 0 11px 0 21px; }
  /* line 15, hobbytravel/static/htapp/css/header.scss */
  .header-com .logout-390 {
    display: none; }
  /* line 18, hobbytravel/static/htapp/css/header.scss */
  .header-com .choice-place-hobby-com {
    display: flex;
    height: 50px;
    margin-left: 112px;
    border: 1px solid #EEEEEE;
    border-radius: 30px;
    background: #FFFFFF;
    flex: 0 0 465px; }
    /* line 27, hobbytravel/static/htapp/css/header.scss */
    .header-com .choice-place-hobby-com .dropdown {
      display: flex;
      position: relative;
      cursor: pointer; }
      /* line 32, hobbytravel/static/htapp/css/header.scss */
      .header-com .choice-place-hobby-com .dropdown.dropdown-1 {
        flex: 0 0 252px;
        border-right: 1px solid #DBDBDB;
        padding: 5px 0 0 21px; }
        /* line 36, hobbytravel/static/htapp/css/header.scss */
        .header-com .choice-place-hobby-com .dropdown.dropdown-1::after {
          right: 9.5px; }
      /* line 40, hobbytravel/static/htapp/css/header.scss */
      .header-com .choice-place-hobby-com .dropdown.dropdown-2 {
        flex: 0 0 213px;
        padding: 5px 0 0 9px; }
        /* line 43, hobbytravel/static/htapp/css/header.scss */
        .header-com .choice-place-hobby-com .dropdown.dropdown-2::after {
          right: 21.5px; }
      /* line 47, hobbytravel/static/htapp/css/header.scss */
      .header-com .choice-place-hobby-com .dropdown::after {
        position: absolute;
        content: "";
        top: 27px;
        width: 14px;
        height: 8px;
        background-image: url("/static/htapp/img/arrow-down-black-icon.svg?9bb1c37eb6b2");
        transition: 200ms; }
      /* line 56, hobbytravel/static/htapp/css/header.scss */
      .header-com .choice-place-hobby-com .dropdown.open::after {
        transform: rotate(180deg); }
      /* line 59, hobbytravel/static/htapp/css/header.scss */
      .header-com .choice-place-hobby-com .dropdown .dropdown-label {
        display: flex;
        flex-direction: column; }
      /* line 63, hobbytravel/static/htapp/css/header.scss */
      .header-com .choice-place-hobby-com .dropdown .dropdown-list {
        position: absolute;
        top: 58px;
        left: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        max-height: 320px;
        overflow-y: auto;
        border-radius: 8px;
        background: #FFFFFF;
        z-index: 5; }
        /* line 76, hobbytravel/static/htapp/css/header.scss */
        .header-com .choice-place-hobby-com .dropdown .dropdown-list.hidden {
          display: none; }
        /* line 79, hobbytravel/static/htapp/css/header.scss */
        .header-com .choice-place-hobby-com .dropdown .dropdown-list .dropdown-elem {
          display: flex;
          flex: 0 0 40px;
          padding: 8px 16px;
          align-items: center;
          text-decoration: none; }
          /* line 86, hobbytravel/static/htapp/css/header.scss */
          .header-com .choice-place-hobby-com .dropdown .dropdown-list .dropdown-elem:hover {
            background: #FCFCFC; }
    /* line 92, hobbytravel/static/htapp/css/header.scss */
    .header-com .choice-place-hobby-com .label {
      display: flex;
      flex: 0 0 252px;
      border-right: 1px solid #DBDBDB;
      padding: 5px 0 0 21px;
      flex-direction: column; }
  /* line 100, hobbytravel/static/htapp/css/header.scss */
  .header-com .nav-menu-com {
    display: flex;
    flex: 1 1 auto;
    justify-content: end;
    gap: 33px;
    align-items: center; }
    /* line 107, hobbytravel/static/htapp/css/header.scss */
    .header-com .nav-menu-com .el-4 {
      flex: 0 0 125px; }
    /* line 110, hobbytravel/static/htapp/css/header.scss */
    .header-com .nav-menu-com .el-5 {
      flex: 0 0 180px;
      text-decoration: none; }

@media screen and (max-width: 900px) {
  /* line 118, hobbytravel/static/htapp/css/header.scss */
  .header-com {
    height: 215px;
    padding: 28px 10px 35px 10px;
    flex-wrap: wrap;
    gap: 38px 0; }
    /* line 124, hobbytravel/static/htapp/css/header.scss */
    .header-com .logout-390 {
      display: flex;
      flex: 1 0 190px;
      justify-content: end; }
    /* line 129, hobbytravel/static/htapp/css/header.scss */
    .header-com .nav-menu-com {
      display: none; }
    /* line 132, hobbytravel/static/htapp/css/header.scss */
    .header-com .elem-2 {
      margin: 0 11px; }
    /* line 135, hobbytravel/static/htapp/css/header.scss */
    .header-com .elem-3 {
      font-size: 18px; }
    /* line 138, hobbytravel/static/htapp/css/header.scss */
    .header-com .logo-icon {
      flex: 0 0 59px;
      height: 47px; }
    /* line 142, hobbytravel/static/htapp/css/header.scss */
    .header-com .choice-place-hobby-com {
      margin: 0;
      flex: 0 0 calc(100% - 20px); }
      /* line 146, hobbytravel/static/htapp/css/header.scss */
      .header-com .choice-place-hobby-com .dropdown.dropdown-1 {
        flex: 0 0 50%; }
      /* line 149, hobbytravel/static/htapp/css/header.scss */
      .header-com .choice-place-hobby-com .dropdown.dropdown-2 {
        flex: 0 0 50%; }
      /* line 153, hobbytravel/static/htapp/css/header.scss */
      .header-com .choice-place-hobby-com .label {
        flex: 0 0 50%; } }

/* line 1, hobbytravel/static/htapp/css/footer.scss */
.footer-com {
  display: flex;
  background: #FCFCFC;
  box-sizing: border-box;
  flex-direction: column; }
  /* line 7, hobbytravel/static/htapp/css/footer.scss */
  .footer-com .top-section {
    display: flex;
    flex: 0 0 280px;
    gap: 155px;
    padding: 144px 150px 0 150px; }
    /* line 13, hobbytravel/static/htapp/css/footer.scss */
    .footer-com .top-section .column {
      display: flex;
      flex-direction: column;
      gap: 4px; }
      /* line 18, hobbytravel/static/htapp/css/footer.scss */
      .footer-com .top-section .column a {
        text-decoration: none; }
      /* line 21, hobbytravel/static/htapp/css/footer.scss */
      .footer-com .top-section .column .column-name {
        margin-bottom: 12px; }
      /* line 24, hobbytravel/static/htapp/css/footer.scss */
      .footer-com .top-section .column.column-soc {
        flex: 1 1 auto;
        gap: 34px;
        flex-direction: row;
        margin-top: 50px;
        justify-content: end; }
      /* line 31, hobbytravel/static/htapp/css/footer.scss */
      .footer-com .top-section .column.column-5 {
        display: none; }
  /* line 37, hobbytravel/static/htapp/css/footer.scss */
  .footer-com .down-section {
    display: flex;
    border-top: 1px solid #EEEEEE;
    flex: 0 0 89px;
    padding: 0 150px;
    align-items: center;
    justify-content: space-between; }
    /* line 44, hobbytravel/static/htapp/css/footer.scss */
    .footer-com .down-section a {
      text-decoration: none; }

@media screen and (max-width: 900px) {
  /* line 52, hobbytravel/static/htapp/css/footer.scss */
  .footer-com .top-section {
    flex-direction: column;
    align-items: center;
    padding: 48px 100px 20px 100px;
    flex: 0 0 245px;
    gap: 0; }
    /* line 59, hobbytravel/static/htapp/css/footer.scss */
    .footer-com .top-section .logo-icon {
      flex: 0 0 87px; }
    /* line 63, hobbytravel/static/htapp/css/footer.scss */
    .footer-com .top-section .column.column-2 {
      display: none; }
    /* line 64, hobbytravel/static/htapp/css/footer.scss */
    .footer-com .top-section .column.column-3 {
      display: none; }
    /* line 65, hobbytravel/static/htapp/css/footer.scss */
    .footer-com .top-section .column.column-4 {
      display: none; }
    /* line 66, hobbytravel/static/htapp/css/footer.scss */
    .footer-com .top-section .column.column-5 {
      display: flex; }
    /* line 67, hobbytravel/static/htapp/css/footer.scss */
    .footer-com .top-section .column.column-soc {
      justify-content: center;
      margin-top: 20px; }
  /* line 74, hobbytravel/static/htapp/css/footer.scss */
  .footer-com .down-section {
    flex: 0 0 119px;
    flex-direction: column;
    gap: 19px;
    justify-content: center;
    align-items: center;
    padding: 0 30px; } }

/* line 1, hobbytravel/static/htapp/css/dossier-page.scss */
.dossier-com {
  display: flex;
  flex-direction: column;
  background: #FCFCFC;
  padding: 0 150px;
  gap: 40px; }
  /* line 8, hobbytravel/static/htapp/css/dossier-page.scss */
  .dossier-com .sector {
    display: flex;
    gap: 15px; }
    /* line 12, hobbytravel/static/htapp/css/dossier-page.scss */
    .dossier-com .sector .content-block {
      display: flex;
      background: #FFFFFF;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
      border-radius: 10px;
      box-sizing: border-box; }
      /* line 19, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector .content-block .no-comments {
        display: flex;
        justify-content: center;
        align-self: center;
        flex: 1 1 auto;
        align-items: center; }
    /* line 27, hobbytravel/static/htapp/css/dossier-page.scss */
    .dossier-com .sector .half-sector {
      display: flex;
      flex: 0 0 50%;
      flex-direction: column;
      gap: 21px; }
      /* line 33, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector .half-sector.half-sector-390 {
        display: none; }
    /* line 37, hobbytravel/static/htapp/css/dossier-page.scss */
    .dossier-com .sector .soc-comments {
      padding: 45px 40px;
      overflow-y: auto;
      flex-direction: column;
      flex: 1 1 auto; }
      /* line 44, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector .soc-comments .soc-comments-inside {
        display: flex;
        padding-right: 10px;
        overflow-y: auto;
        flex-direction: column;
        gap: 21px;
        max-height: 555px;
        align-items: stretch; }
      /* line 53, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector .soc-comments .comment-content {
        display: flex;
        gap: 16px;
        flex: 0 0 59px; }
        /* line 58, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector .soc-comments .comment-content .comment {
          display: flex;
          flex-direction: column; }
        /* line 62, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector .soc-comments .comment-content .icon {
          flex: 0 0 59px; }
    /* line 69, hobbytravel/static/htapp/css/dossier-page.scss */
    .dossier-com .sector.sector-1 .self-comments {
      flex: 0 0 295px;
      padding: 45px 40px 55px 40px;
      margin-bottom: 20px;
      flex-direction: column;
      gap: 22px;
      background: linear-gradient(82.39deg, #25BD81 16.31%, #0E6C47 85.61%);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); }
      /* line 78, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-1 .self-comments .slider-control {
        display: flex;
        gap: 21px;
        align-items: center; }
        /* line 83, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-1 .self-comments .slider-control .slider-left-arrow {
          cursor: pointer; }
        /* line 86, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-1 .self-comments .slider-control .slider-right-arrow {
          cursor: pointer; }
        /* line 89, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-1 .self-comments .slider-control.slider-control-390 {
          display: none; }
      /* line 93, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-1 .self-comments .slider-content {
        display: flex;
        gap: 16px;
        max-height: 97.5px;
        overflow-y: auto; }
        /* line 99, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-1 .self-comments .slider-content .point {
          margin-top: -10px; }
      /* line 103, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-1 .self-comments .slider-thumbs {
        display: flex;
        gap: 5px;
        flex: 0 0 4px;
        justify-content: center; }
        /* line 109, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-1 .self-comments .slider-thumbs .slider-thumb {
          background: #C7C7C7;
          border-radius: 3px;
          display: flex;
          flex: 0 0 21px;
          cursor: pointer; }
          /* line 116, hobbytravel/static/htapp/css/dossier-page.scss */
          .dossier-com .sector.sector-1 .self-comments .slider-thumbs .slider-thumb.active {
            background: #FFFFFF;
            flex: 0 0 51px; }
    /* line 123, hobbytravel/static/htapp/css/dossier-page.scss */
    .dossier-com .sector.sector-1 .booking-comments {
      flex: 1 0 310px;
      padding: 40px;
      gap: 8px; }
      /* line 128, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-1 .booking-comments .booking-comments-inside {
        overflow-x: auto;
        display: flex;
        max-width: calc((100vw - 315px) / 2 - 80px); }
      /* line 133, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-1 .booking-comments .comment-block {
        display: flex;
        flex: 0 0 226px;
        gap: 16px; }
        /* line 138, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-1 .booking-comments .comment-block .comment-content {
          display: flex;
          flex-direction: column; }
        /* line 142, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-1 .booking-comments .comment-block .point {
          padding-top: 10px; }
      /* line 146, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-1 .booking-comments .comment-block-390 {
        display: none; }
      /* line 149, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-1 .booking-comments .slider-thumbs-book {
        display: none; }
    /* line 155, hobbytravel/static/htapp/css/dossier-page.scss */
    .dossier-com .sector.sector-2 .content-block-left {
      flex: 1 1 auto;
      padding: 38px 38px 21px 38px; }
      /* line 160, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-2 .content-block-left .content-block-left-inside {
        overflow-y: auto;
        display: flex;
        gap: 21px 3px;
        flex-wrap: wrap;
        max-height: 453px;
        flex: 1 1 auto; }
      /* line 168, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-2 .content-block-left .photo-object {
        display: flex;
        flex-direction: column;
        flex: 0 0 178px;
        height: 214px;
        gap: 5px; }
        /* line 175, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-2 .content-block-left .photo-object .photo {
          flex: 0 0 144px;
          height: 144px; }
        /* line 179, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-2 .content-block-left .photo-object .photo-title {
          flex: 1 1 auto; }
    /* line 184, hobbytravel/static/htapp/css/dossier-page.scss */
    .dossier-com .sector.sector-2 .video-containers {
      display: flex;
      flex-direction: column;
      gap: 21px;
      max-height: 510px;
      overflow-y: auto;
      padding-right: 10px;
      flex: 1 1 auto; }
    /* line 193, hobbytravel/static/htapp/css/dossier-page.scss */
    .dossier-com .sector.sector-2 .content-block-right {
      flex: 1 0 233px;
      padding: 45px 29px 45px 33px;
      gap: 31px;
      flex-wrap: wrap; }
      /* line 199, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-2 .content-block-right .video-object {
        display: flex;
        flex: 0 0 253px; }
      /* line 203, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-2 .content-block-right .video-info {
        display: flex;
        flex-direction: column;
        gap: 12px;
        justify-content: space-between; }
    /* line 211, hobbytravel/static/htapp/css/dossier-page.scss */
    .dossier-com .sector.sector-3 {
      flex-direction: column;
      gap: 28px; }
      /* line 216, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-3 .social-posts {
        flex: 0 0 264px;
        padding: 36px 40px 30px 40px; }
        /* line 220, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-3 .social-posts .social-posts-inside {
          overflow-x: auto;
          display: flex;
          max-width: calc(100vw - 380px);
          gap: 10px;
          flex: 1 1 auto;
          padding-bottom: 10px; }
        /* line 228, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-3 .social-posts .post-object {
          display: flex;
          position: relative;
          cursor: pointer; }
          /* line 236, hobbytravel/static/htapp/css/dossier-page.scss */
          .dossier-com .sector.sector-3 .social-posts .post-object .instagram-media {
            min-width: 248px !important;
            width: 248px !important;
            height: 242px !important;
            margin-top: -54px !important; }
          /* line 242, hobbytravel/static/htapp/css/dossier-page.scss */
          .dossier-com .sector.sector-3 .social-posts .post-object img {
            display: flex;
            height: 188px;
            background-size: contain;
            background-repeat: no-repeat; }
          /* line 251, hobbytravel/static/htapp/css/dossier-page.scss */
          .dossier-com .sector.sector-3 .social-posts .post-object .site-name {
            display: none; }
          /* line 254, hobbytravel/static/htapp/css/dossier-page.scss */
          .dossier-com .sector.sector-3 .social-posts .post-object .post-background {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55));
            cursor: pointer; }
            /* line 266, hobbytravel/static/htapp/css/dossier-page.scss */
            .dossier-com .sector.sector-3 .social-posts .post-object .post-background .post-link {
              display: flex;
              top: 72px;
              left: 59px;
              width: 159px;
              height: 44px;
              border: 1px solid #FFFFFF;
              align-items: center;
              justify-content: center;
              gap: 12px; }
              /* line 277, hobbytravel/static/htapp/css/dossier-page.scss */
              .dossier-com .sector.sector-3 .social-posts .post-object .post-background .post-link .link-icon {
                flex: 0 0 24px; }
          /* line 283, hobbytravel/static/htapp/css/dossier-page.scss */
          .dossier-com .sector.sector-3 .social-posts .post-object:hover .post-background {
            display: flex; }

@media screen and (max-width: 900px) {
  /* line 294, hobbytravel/static/htapp/css/dossier-page.scss */
  .dossier-com {
    padding: 0 10px;
    gap: 45px; }
    /* line 298, hobbytravel/static/htapp/css/dossier-page.scss */
    .dossier-com .sector {
      flex-direction: column;
      gap: 45px; }
      /* line 302, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector .soc-comments {
        padding: 45px 30px; }
        /* line 304, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector .soc-comments .soc-comments-inside {
          max-height: none; }
      /* line 309, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector .half-sector.half-sector-390 {
        display: flex; }
      /* line 313, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector .half-sector.half-sector-1920 {
        display: none; }
      /* line 320, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-1 .self-comments .slider-control.slider-control-390 {
        display: flex;
        justify-content: center; }
      /* line 324, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-1 .self-comments .slider-control.slider-control-1920 {
        display: none; }
      /* line 329, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-1 .booking-comments {
        padding: 40px 30px 55px 30px;
        gap: 30px;
        flex-direction: column; }
        /* line 334, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-1 .booking-comments .booking-comments-inside {
          max-width: calc(100vw - 80px);
          display: none; }
        /* line 338, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-1 .booking-comments .comment-block-390 {
          display: flex;
          flex: 1 1 auto;
          gap: 8px; }
          /* line 343, hobbytravel/static/htapp/css/dossier-page.scss */
          .dossier-com .sector.sector-1 .booking-comments .comment-block-390 .comment-content {
            display: flex;
            flex-direction: column; }
            /* line 347, hobbytravel/static/htapp/css/dossier-page.scss */
            .dossier-com .sector.sector-1 .booking-comments .comment-block-390 .comment-content .comment-title {
              display: flex;
              gap: 16px;
              flex: 0 0 22px; }
              /* line 352, hobbytravel/static/htapp/css/dossier-page.scss */
              .dossier-com .sector.sector-1 .booking-comments .comment-block-390 .comment-content .comment-title span {
                display: flex;
                align-items: center; }
          /* line 358, hobbytravel/static/htapp/css/dossier-page.scss */
          .dossier-com .sector.sector-1 .booking-comments .comment-block-390 .point {
            flex: 0 0 15px; }
        /* line 362, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-1 .booking-comments .slider-thumbs-book {
          display: flex;
          gap: 5px;
          flex: 0 0 4px;
          justify-content: center; }
          /* line 368, hobbytravel/static/htapp/css/dossier-page.scss */
          .dossier-com .sector.sector-1 .booking-comments .slider-thumbs-book .slider-thumb {
            background: #C7C7C7;
            border-radius: 3px;
            display: flex;
            flex: 0 0 21px;
            cursor: pointer; }
            /* line 375, hobbytravel/static/htapp/css/dossier-page.scss */
            .dossier-com .sector.sector-1 .booking-comments .slider-thumbs-book .slider-thumb.active {
              background: #25BD81;
              flex: 0 0 51px; }
      /* line 384, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-2 .video-containers {
        max-height: none; }
      /* line 387, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-2 .content-block-left {
        padding: 30px;
        flex: 1 1 auto; }
        /* line 390, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-2 .content-block-left .content-block-left-inside {
          max-height: none;
          overflow-y: hidden; }
      /* line 395, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-2 .content-block-right {
        padding: 30px;
        flex-direction: column;
        gap: 34px; }
      /* line 402, hobbytravel/static/htapp/css/dossier-page.scss */
      .dossier-com .sector.sector-3 .social-posts {
        padding: 35px 30px;
        flex: 1 1 auto; }
        /* line 406, hobbytravel/static/htapp/css/dossier-page.scss */
        .dossier-com .sector.sector-3 .social-posts .social-posts-inside {
          max-width: none;
          overflow: hidden;
          flex-wrap: wrap;
          gap: 25px 30px;
          padding-bottom: 0; }
          /* line 413, hobbytravel/static/htapp/css/dossier-page.scss */
          .dossier-com .sector.sector-3 .social-posts .social-posts-inside .post-object {
            height: 134px;
            flex-direction: column;
            gap: 7px;
            flex: 0 0 139px; }
            /* line 419, hobbytravel/static/htapp/css/dossier-page.scss */
            .dossier-com .sector.sector-3 .social-posts .social-posts-inside .post-object .site-name {
              display: flex; }
            /* line 422, hobbytravel/static/htapp/css/dossier-page.scss */
            .dossier-com .sector.sector-3 .social-posts .social-posts-inside .post-object .instagram-media {
              min-width: 139px !important;
              width: 139px !important;
              height: 159px !important;
              margin-top: -54px !important; } }

/* line 1, hobbytravel/static/htapp/css/booking-page.scss */
.booking-page {
  display: flex;
  flex-direction: column;
  background: #FCFCFC;
  padding: 60px 150px;
  gap: 30px;
  flex: 1 1 auto; }
  /* line 9, hobbytravel/static/htapp/css/booking-page.scss */
  .booking-page .section-1 {
    display: flex;
    gap: 14px; }
    /* line 13, hobbytravel/static/htapp/css/booking-page.scss */
    .booking-page .section-1 .form-block {
      display: flex;
      flex-direction: column;
      gap: 20px;
      flex: 0 0 50%; }
      /* line 19, hobbytravel/static/htapp/css/booking-page.scss */
      .booking-page .section-1 .form-block .form-elem {
        display: flex;
        flex-direction: column;
        gap: 30px;
        box-sizing: border-box;
        padding: 30px 90px 45px 55px;
        background-color: #FFFFFF;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        margin: 0;
        flex: 1 1 auto; }
        /* line 31, hobbytravel/static/htapp/css/booking-page.scss */
        .booking-page .section-1 .form-block .form-elem .form-field {
          display: flex;
          flex-direction: column;
          gap: 9px;
          align-items: stretch;
          position: relative;
          justify-content: space-between; }
          /* line 39, hobbytravel/static/htapp/css/booking-page.scss */
          .booking-page .section-1 .form-block .form-elem .form-field .form-input {
            display: flex;
            border-radius: 25px;
            border: 1px solid #C7C7C7;
            flex: 0 0 49px;
            padding: 15px 19px;
            align-items: center;
            box-sizing: border-box; }
            /* line 48, hobbytravel/static/htapp/css/booking-page.scss */
            .booking-page .section-1 .form-block .form-elem .form-field .form-input.request-area {
              flex: 0 0 82px;
              resize: none; }
            /* line 52, hobbytravel/static/htapp/css/booking-page.scss */
            .booking-page .section-1 .form-block .form-elem .form-field .form-input.info-area {
              flex: 0 0 82px;
              resize: none; }
            /* line 56, hobbytravel/static/htapp/css/booking-page.scss */
            .booking-page .section-1 .form-block .form-elem .form-field .form-input.error {
              border: 1px solid red; }
          /* line 60, hobbytravel/static/htapp/css/booking-page.scss */
          .booking-page .section-1 .form-block .form-elem .form-field .send-request {
            width: 204px;
            margin-top: 27px; }
          /* line 64, hobbytravel/static/htapp/css/booking-page.scss */
          .booking-page .section-1 .form-block .form-elem .form-field .dropdown {
            display: flex;
            position: relative;
            box-sizing: border-box;
            border-radius: 25px;
            border: 1px solid #C7C7C7;
            flex: 0 0 49px;
            padding: 15px 19px;
            align-items: stretch;
            justify-content: stretch;
            cursor: pointer; }
            /* line 76, hobbytravel/static/htapp/css/booking-page.scss */
            .booking-page .section-1 .form-block .form-elem .form-field .dropdown::after {
              position: absolute;
              content: "";
              top: 24px;
              width: 14px;
              height: 8px;
              background-image: url("/static/htapp/img/arrow-down-black-icon.svg?9bb1c37eb6b2");
              transition: 200ms;
              right: 21.5px; }
            /* line 86, hobbytravel/static/htapp/css/booking-page.scss */
            .booking-page .section-1 .form-block .form-elem .form-field .dropdown.open::after {
              transform: rotate(180deg); }
            /* line 89, hobbytravel/static/htapp/css/booking-page.scss */
            .booking-page .section-1 .form-block .form-elem .form-field .dropdown.error {
              border: 1px solid red; }
            /* line 92, hobbytravel/static/htapp/css/booking-page.scss */
            .booking-page .section-1 .form-block .form-elem .form-field .dropdown .dropdown-list {
              top: 58px;
              left: -1px;
              width: 100%;
              display: flex;
              flex-direction: column;
              max-height: 320px;
              overflow-y: auto;
              border-radius: 8px;
              background: #FFFFFF;
              z-index: 5;
              position: absolute;
              border: 1px solid #C7C7C7; }
              /* line 106, hobbytravel/static/htapp/css/booking-page.scss */
              .booking-page .section-1 .form-block .form-elem .form-field .dropdown .dropdown-list.hidden {
                display: none; }
              /* line 109, hobbytravel/static/htapp/css/booking-page.scss */
              .booking-page .section-1 .form-block .form-elem .form-field .dropdown .dropdown-list .dropdown-elem {
                display: flex;
                flex: 0 0 40px;
                padding: 8px 16px;
                align-items: center;
                text-decoration: none; }
                /* line 116, hobbytravel/static/htapp/css/booking-page.scss */
                .booking-page .section-1 .form-block .form-elem .form-field .dropdown .dropdown-list .dropdown-elem:hover {
                  background: #FCFCFC; }
          /* line 122, hobbytravel/static/htapp/css/booking-page.scss */
          .booking-page .section-1 .form-block .form-elem .form-field .calendar-input {
            position: absolute;
            background-image: url("/static/htapp/img/icon-calendar-2.svg?23306a1e1838");
            background-size: 24px;
            right: 25px;
            top: 42px;
            height: 24px;
            width: 24px; }
        /* line 132, hobbytravel/static/htapp/css/booking-page.scss */
        .booking-page .section-1 .form-block .form-elem .form-field-row {
          display: flex;
          align-items: stretch;
          gap: 30px;
          flex-wrap: wrap; }
          /* line 138, hobbytravel/static/htapp/css/booking-page.scss */
          .booking-page .section-1 .form-block .form-elem .form-field-row .form-field {
            flex: 0 0 calc(50% - 15px); }
      /* line 143, hobbytravel/static/htapp/css/booking-page.scss */
      .booking-page .section-1 .form-block .form-block-title {
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 55px; }
        /* line 148, hobbytravel/static/htapp/css/booking-page.scss */
        .booking-page .section-1 .form-block .form-block-title.space-between {
          justify-content: space-between; }
      /* line 152, hobbytravel/static/htapp/css/booking-page.scss */
      .booking-page .section-1 .form-block .choice-place-dropdown {
        display: flex;
        position: relative;
        cursor: pointer; }
        /* line 157, hobbytravel/static/htapp/css/booking-page.scss */
        .booking-page .section-1 .form-block .choice-place-dropdown.error {
          border: 1px solid red; }
        /* line 160, hobbytravel/static/htapp/css/booking-page.scss */
        .booking-page .section-1 .form-block .choice-place-dropdown .choice-place-dropdown-list {
          top: 38px;
          left: 0;
          width: 250px;
          display: flex;
          flex-direction: column;
          max-height: 320px;
          overflow-y: auto;
          border-radius: 8px;
          background: #FFFFFF;
          z-index: 5;
          position: absolute;
          border: 1px solid #C7C7C7; }
          /* line 174, hobbytravel/static/htapp/css/booking-page.scss */
          .booking-page .section-1 .form-block .choice-place-dropdown .choice-place-dropdown-list.hidden {
            display: none; }
          /* line 177, hobbytravel/static/htapp/css/booking-page.scss */
          .booking-page .section-1 .form-block .choice-place-dropdown .choice-place-dropdown-list .choice-place-dropdown-elem {
            display: flex;
            flex: 0 0 40px;
            padding: 8px 16px;
            align-items: center;
            text-decoration: none; }
            /* line 184, hobbytravel/static/htapp/css/booking-page.scss */
            .booking-page .section-1 .form-block .choice-place-dropdown .choice-place-dropdown-list .choice-place-dropdown-elem:hover {
              background: #FCFCFC; }
  /* line 192, hobbytravel/static/htapp/css/booking-page.scss */
  .booking-page .section-2 {
    display: flex;
    margin-top: 30px; }
  /* line 196, hobbytravel/static/htapp/css/booking-page.scss */
  .booking-page .section-3 {
    display: flex;
    gap: 80px; }
    /* line 200, hobbytravel/static/htapp/css/booking-page.scss */
    .booking-page .section-3 .column-field {
      display: flex;
      flex-direction: column;
      gap: 4px; }
      /* line 205, hobbytravel/static/htapp/css/booking-page.scss */
      .booking-page .section-3 .column-field .b-dialog_button-request-call {
        cursor: pointer; }
  /* line 210, hobbytravel/static/htapp/css/booking-page.scss */
  .booking-page .section-4 {
    display: flex;
    position: fixed; }
  /* line 214, hobbytravel/static/htapp/css/booking-page.scss */
  .booking-page .section-5 {
    display: none; }
  /* line 217, hobbytravel/static/htapp/css/booking-page.scss */
  .booking-page .success-booking {
    display: flex;
    position: fixed;
    border: 2px solid #56DEA8;
    padding: 30px;
    flex-direction: column;
    gap: 8px;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 200px;
    background: #FFFFFF;
    left: calc(50% - 150px);
    top: calc(50% - 100px);
    z-index: 100; }
    /* line 234, hobbytravel/static/htapp/css/booking-page.scss */
    .booking-page .success-booking.hidden {
      display: none; }

@media screen and (max-width: 1100px) {
  /* line 241, hobbytravel/static/htapp/css/booking-page.scss */
  .booking-page {
    padding: 0 10px 35px 10px;
    gap: 54px; }
    /* line 245, hobbytravel/static/htapp/css/booking-page.scss */
    .booking-page .section-1 {
      display: flex;
      gap: 40px;
      flex-direction: column; }
      /* line 250, hobbytravel/static/htapp/css/booking-page.scss */
      .booking-page .section-1 .form-block {
        gap: 20px; }
        /* line 253, hobbytravel/static/htapp/css/booking-page.scss */
        .booking-page .section-1 .form-block .form-elem {
          padding: 30px;
          gap: 25px; }
        /* line 257, hobbytravel/static/htapp/css/booking-page.scss */
        .booking-page .section-1 .form-block .form-field-row {
          flex-direction: column; }
        /* line 260, hobbytravel/static/htapp/css/booking-page.scss */
        .booking-page .section-1 .form-block .form-block-title {
          flex: none;
          justify-content: center;
          text-align: center; }
          /* line 265, hobbytravel/static/htapp/css/booking-page.scss */
          .booking-page .section-1 .form-block .form-block-title .elem-1280 {
            display: none; }
          /* line 268, hobbytravel/static/htapp/css/booking-page.scss */
          .booking-page .section-1 .form-block .form-block-title.space-between {
            justify-content: center; }
    /* line 274, hobbytravel/static/htapp/css/booking-page.scss */
    .booking-page .section-2 {
      display: none; }
    /* line 277, hobbytravel/static/htapp/css/booking-page.scss */
    .booking-page .section-3 {
      display: none; }
    /* line 280, hobbytravel/static/htapp/css/booking-page.scss */
    .booking-page .section-5 {
      display: flex;
      flex-direction: column;
      gap: 30px;
      text-align: center; }
      /* line 286, hobbytravel/static/htapp/css/booking-page.scss */
      .booking-page .section-5 .column-field {
        display: flex;
        flex-direction: column;
        gap: 4px; } }

/* line 1, hobbytravel/static/htapp/css/map-marker.scss */
.map-marker {
  display: flex;
  flex-direction: column;
  margin-top: -82.5px;
  margin-left: -100px; }
  /* line 7, hobbytravel/static/htapp/css/map-marker.scss */
  .map-marker .marker-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 0 62px;
    width: 200px;
    margin-bottom: 6px;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 5px 10px -5px rgba(157, 157, 149, 0.4), 0 10px 20px -5px rgba(157, 157, 149, 0.5);
    background: #fff;
    position: relative;
    box-sizing: border-box; }
    /* line 21, hobbytravel/static/htapp/css/map-marker.scss */
    .map-marker .marker-body:after {
      left: 50%;
      position: absolute;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #fff;
      content: "";
      height: 0;
      margin-left: -6px;
      bottom: -6px;
      width: 0; }
    /* line 33, hobbytravel/static/htapp/css/map-marker.scss */
    .map-marker .marker-body .hotel-name {
      display: flex;
      line-height: 18px;
      text-decoration: none; }
    /* line 38, hobbytravel/static/htapp/css/map-marker.scss */
    .map-marker .marker-body .hotel-info {
      display: flex;
      gap: 4px;
      align-items: center; }
      /* line 43, hobbytravel/static/htapp/css/map-marker.scss */
      .map-marker .marker-body .hotel-info .hotel-rank {
        display: flex;
        padding: 4px;
        background-color: #32ba43;
        border-radius: 4px;
        align-items: center;
        text-align: center; }
      /* line 51, hobbytravel/static/htapp/css/map-marker.scss */
      .map-marker .marker-body .hotel-info .divide-point {
        display: flex;
        align-items: end;
        padding-bottom: 5px;
        box-sizing: border-box; }
  /* line 60, hobbytravel/static/htapp/css/map-marker.scss */
  .map-marker .marker-point {
    display: flex;
    align-self: center;
    flex: 0 0 12px;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 6px;
    width: 12px; }
    /* line 69, hobbytravel/static/htapp/css/map-marker.scss */
    .map-marker .marker-point:after {
      content: '';
      position: absolute;
      background: #267eff;
      border-radius: 5px;
      width: 10px;
      height: 10px;
      top: 1px;
      left: 1px; }

/* line 3, hobbytravel/static/htapp/css/hotel.scss */
.b-special:hover .b-special__description {
  display: flex; }

/* line 9, hobbytravel/static/htapp/css/hotel.scss */
.b-special__description {
  display: none;
  position: absolute;
  border-radius: 8px;
  box-shadow: 0 5px 10px -5px rgba(157, 157, 149, 0.4), 0 10px 20px -5px rgba(157, 157, 149, 0.5);
  background: #fff;
  box-sizing: border-box;
  height: auto;
  width: 100%;
  top: 170px;
  margin-top: 16px;
  flex-direction: column;
  padding: 12px;
  align-items: center;
  text-align: center;
  left: 0; }
  /* line 26, hobbytravel/static/htapp/css/hotel.scss */
  .b-special__description:after {
    left: calc(50% - 16px);
    position: absolute;
    background: linear-gradient(to right bottom, transparent 48%, rgba(245, 243, 243, 0.81) 50%) left/50.025% 100% no-repeat, linear-gradient(to left bottom, transparent 48%, rgba(245, 243, 243, 0.81) 50%) right/50.025% 100% no-repeat;
    content: "";
    height: 16px;
    top: -16px;
    width: 32px; }

/* line 38, hobbytravel/static/htapp/css/hotel.scss */
.big-map {
  display: none;
  position: fixed;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  border-radius: 8px;
  top: 30px;
  left: 30px;
  background-color: #FFFFFF;
  z-index: 50;
  border: 1px solid #56DEA8; }
  /* line 50, hobbytravel/static/htapp/css/hotel.scss */
  .big-map .b-map__close-button {
    right: 0;
    top: 0; }
  /* line 54, hobbytravel/static/htapp/css/hotel.scss */
  .big-map .big-map-flow {
    display: flex;
    width: 100%;
    height: 100%; }
    /* line 59, hobbytravel/static/htapp/css/hotel.scss */
    .big-map .big-map-flow ymaps {
      border-radius: 8px; }
  /* line 63, hobbytravel/static/htapp/css/hotel.scss */
  .big-map.active {
    display: flex; }

/* line 68, hobbytravel/static/htapp/css/hotel.scss */
.phone-number-link {
  text-align: center; }

/* line 72, hobbytravel/static/htapp/css/hotel.scss */
#reviews-slider {
  /* контейнер пагинации */
  /* стрелки рядом с точками */
  /* убираем абсолютное позиционирование стрелок */
  /* при необходимости уменьшаем стрелки */ }
  /* line 74, hobbytravel/static/htapp/css/hotel.scss */
  #reviews-slider .splide__pagination {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 90%; }
  /* line 82, hobbytravel/static/htapp/css/hotel.scss */
  #reviews-slider .splide__arrows {
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 0;
    bottom: auto;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0; }
  /* line 95, hobbytravel/static/htapp/css/hotel.scss */
  #reviews-slider .splide__arrow {
    position: static;
    transform: none;
    height: 20px;
    width: 20px;
    background: #56DEA8;
    pointer-events: auto; }
  /* line 105, hobbytravel/static/htapp/css/hotel.scss */
  #reviews-slider .splide__arrow svg {
    width: 12px;
    height: 12px;
    pointer-events: none; }
  /* line 111, hobbytravel/static/htapp/css/hotel.scss */
  #reviews-slider .splide__list {
    margin-top: 12px !important; }

@media screen and (max-width: 900px) {
  /* line 117, hobbytravel/static/htapp/css/hotel.scss */
  .phone-number-link {
    font-size: 11px; } }

/* line 1, hobbytravel/static/htapp/css/profile-page.scss */
.profile-page {
  display: flex;
  flex-direction: column;
  background: #FCFCFC;
  padding: 60px 150px;
  gap: 50px;
  flex: 1 1 auto; }
  /* line 9, hobbytravel/static/htapp/css/profile-page.scss */
  .profile-page .form-elem {
    display: flex;
    flex-direction: column;
    gap: 30px;
    box-sizing: border-box;
    padding: 45px 90px 45px 55px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin: 0; }
    /* line 20, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .form-elem .form-field {
      display: flex;
      flex-direction: column;
      gap: 9px;
      align-items: stretch;
      position: relative; }
      /* line 27, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .form-elem .form-field .form-input {
        display: flex;
        border-radius: 25px;
        border: 1px solid #C7C7C7;
        flex: 0 0 49px;
        padding: 13px 19px;
        align-items: center;
        box-sizing: border-box; }
        /* line 36, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .form-elem .form-field .form-input::placeholder {
          color: #56DEA8; }
        /* line 39, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .form-elem .form-field .form-input.request-area {
          flex: 0 0 82px;
          resize: none; }
        /* line 43, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .form-elem .form-field .form-input.info-area {
          flex: 0 0 82px;
          resize: none; }
        /* line 47, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .form-elem .form-field .form-input.error {
          border: 1px solid red; }
      /* line 51, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .form-elem .form-field .error-text {
        display: flex;
        align-self: end;
        padding-right: 16px; }
        /* line 56, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .form-elem .form-field .error-text.hidden {
          display: none; }
    /* line 62, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .form-elem .form-field-row {
      display: flex;
      align-items: stretch;
      gap: 30px;
      margin: 0; }
      /* line 68, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .form-elem .form-field-row .form-field {
        flex: 0 0 calc(50% - 15px); }
  /* line 73, hobbytravel/static/htapp/css/profile-page.scss */
  .profile-page .section-1 {
    display: flex;
    flex: 1 1 auto;
    justify-content: stretch; }
    /* line 78, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .section-1 .form-elem {
      flex: 1 1 auto;
      gap: 50px;
      padding: 45px 90px 70px 55px; }
      /* line 83, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-1 .form-elem .form-field-row {
        display: flex;
        align-items: stretch;
        gap: 20px;
        flex-wrap: wrap; }
        /* line 89, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-1 .form-elem .form-field-row .form-field {
          flex: 0 0 267px; }
        /* line 92, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-1 .form-elem .form-field-row .btn-base {
          align-self: end;
          flex: 0 0 192px; }
  /* line 99, hobbytravel/static/htapp/css/profile-page.scss */
  .profile-page .section-2 {
    display: flex;
    margin-top: 20px;
    gap: 30px;
    flex-wrap: wrap; }
    /* line 105, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .section-2 .form-block {
      display: flex;
      flex-direction: column;
      gap: 20px;
      flex: 0 0 calc(50% - 15px); }
      /* line 111, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-2 .form-block .form-elem {
        flex: 1 1 auto;
        padding: 30px 90px 45px 55px; }
    /* line 116, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .section-2 .hobby-row {
      display: flex;
      flex-wrap: wrap;
      gap: 4px; }
      /* line 121, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-2 .hobby-row .hobby-block {
        display: flex;
        height: 38px;
        box-sizing: border-box;
        align-items: center;
        padding: 8px 12px 8px 20px;
        gap: 24px;
        background: #25BD81;
        border-radius: 25px;
        cursor: pointer; }
        /* line 132, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-2 .hobby-row .hobby-block.hidden {
          display: none; }
    /* line 137, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .section-2 .form-block-head {
      display: flex;
      gap: 15px;
      padding: 0 30px 0 15px;
      box-sizing: border-box; }
      /* line 143, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-2 .form-block-head .col {
        display: flex;
        justify-content: center; }
        /* line 147, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-2 .form-block-head .col.col-1 {
          flex: 0 0 112px; }
        /* line 150, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-2 .form-block-head .col.col-2 {
          flex: 0 0 170px; }
        /* line 153, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-2 .form-block-head .col.col-3 {
          flex: 1 1 auto; }
        /* line 156, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-2 .form-block-head .col.col-4 {
          flex: 0 0 80px; }
    /* line 161, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .section-2 .form-block-bookings {
      display: flex;
      flex-direction: column;
      gap: 13px; }
      /* line 166, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-2 .form-block-bookings .booking-row {
        display: flex;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
        flex: 0 0 57px;
        box-sizing: border-box;
        align-items: center;
        padding: 0 30px 0 15px;
        gap: 15px; }
        /* line 177, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-2 .form-block-bookings .booking-row .col {
          display: flex;
          justify-content: center;
          align-items: center; }
          /* line 182, hobbytravel/static/htapp/css/profile-page.scss */
          .profile-page .section-2 .form-block-bookings .booking-row .col.col-1 {
            flex: 0 0 112px;
            border-radius: 25px;
            background: #F5F5F5;
            height: 39px; }
          /* line 188, hobbytravel/static/htapp/css/profile-page.scss */
          .profile-page .section-2 .form-block-bookings .booking-row .col.col-2 {
            flex: 0 0 170px; }
          /* line 191, hobbytravel/static/htapp/css/profile-page.scss */
          .profile-page .section-2 .form-block-bookings .booking-row .col.col-3 {
            flex: 1 1 auto;
            gap: 4px;
            flex-wrap: wrap; }
            /* line 196, hobbytravel/static/htapp/css/profile-page.scss */
            .profile-page .section-2 .form-block-bookings .booking-row .col.col-3 .hobby-elem {
              display: flex;
              border-radius: 25px;
              background: #F5F5F5;
              justify-content: center;
              align-items: center;
              padding: 5px 10px; }
          /* line 205, hobbytravel/static/htapp/css/profile-page.scss */
          .profile-page .section-2 .form-block-bookings .booking-row .col.col-4 {
            flex: 0 0 80px; }
      /* line 210, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-2 .form-block-bookings .booking-row-1050 {
        display: none; }
  /* line 215, hobbytravel/static/htapp/css/profile-page.scss */
  .profile-page .section-3 {
    display: flex;
    flex-direction: column;
    gap: 17px; }
    /* line 220, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .section-3 .testimonials {
      display: flex;
      flex-direction: column;
      gap: 21px; }
      /* line 225, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-3 .testimonials .testimonial {
        display: flex;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
        padding: 35px 30px;
        box-sizing: border-box;
        flex-direction: column;
        gap: 8px; }

@media screen and (max-width: 1550px) {
  /* line 241, hobbytravel/static/htapp/css/profile-page.scss */
  .profile-page .section-2 {
    flex-direction: column;
    align-items: stretch; } }

@media screen and (max-width: 1050px) {
  /* line 249, hobbytravel/static/htapp/css/profile-page.scss */
  .profile-page {
    padding: 0 10px 35px 10px;
    gap: 43px; }
    /* line 253, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .form-elem {
      padding: 30px !important; }
    /* line 256, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .section-2 {
      margin: 0;
      gap: 43px; }
      /* line 261, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-2 .form-block .form-block-title {
        text-align: center; }
      /* line 264, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-2 .form-block .form-elem {
        gap: 25px; }
      /* line 267, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-2 .form-block .form-block-head {
        padding: 0 45px;
        justify-content: space-between; }
        /* line 270, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-2 .form-block .form-block-head .col {
          flex: none; }
        /* line 273, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-2 .form-block .form-block-head .col-4 {
          display: none; }
      /* line 277, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-2 .form-block .form-block-bookings {
        gap: 15px; }
        /* line 280, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-2 .form-block .form-block-bookings .booking-row {
          display: none; }
        /* line 283, hobbytravel/static/htapp/css/profile-page.scss */
        .profile-page .section-2 .form-block .form-block-bookings .booking-row-1050 {
          display: flex;
          flex-direction: column;
          gap: 15px;
          text-align: center;
          border-radius: 30px;
          background: #FFF;
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
          box-sizing: border-box;
          align-items: stretch;
          padding: 15px 15px 20px 15px; }
          /* line 295, hobbytravel/static/htapp/css/profile-page.scss */
          .profile-page .section-2 .form-block .form-block-bookings .booking-row-1050 .top-content {
            display: flex;
            gap: 15px;
            justify-content: space-between; }
            /* line 300, hobbytravel/static/htapp/css/profile-page.scss */
            .profile-page .section-2 .form-block .form-block-bookings .booking-row-1050 .top-content .col {
              display: flex;
              justify-content: center;
              align-items: center; }
              /* line 305, hobbytravel/static/htapp/css/profile-page.scss */
              .profile-page .section-2 .form-block .form-block-bookings .booking-row-1050 .top-content .col.col-1 {
                flex: 0 0 112px;
                border-radius: 25px;
                background: #F5F5F5;
                height: 39px;
                padding: 0 10px; }
              /* line 315, hobbytravel/static/htapp/css/profile-page.scss */
              .profile-page .section-2 .form-block .form-block-bookings .booking-row-1050 .top-content .col.col-3 {
                flex: 0 0 112px;
                gap: 4px;
                flex-wrap: wrap; }
                /* line 320, hobbytravel/static/htapp/css/profile-page.scss */
                .profile-page .section-2 .form-block .form-block-bookings .booking-row-1050 .top-content .col.col-3 .hobby-elem {
                  display: flex;
                  border-radius: 25px;
                  background: #F5F5F5;
                  justify-content: center;
                  align-items: center;
                  padding: 5px 10px; }
    /* line 337, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .section-3 .testimonials .testimonial {
      padding: 30px;
      gap: 10px; } }

@media screen and (max-width: 900px) {
  /* line 349, hobbytravel/static/htapp/css/profile-page.scss */
  .profile-page .section-1 .form-elem {
    gap: 25px; }
    /* line 352, hobbytravel/static/htapp/css/profile-page.scss */
    .profile-page .section-1 .form-elem .form-field-row {
      flex-direction: column;
      gap: 25px; }
      /* line 356, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-1 .form-elem .form-field-row .form-field {
        flex: none; }
      /* line 359, hobbytravel/static/htapp/css/profile-page.scss */
      .profile-page .section-1 .form-elem .form-field-row .btn-base {
        align-self: stretch;
        flex: 0 0 46px; } }

/* line 1, hobbytravel/static/htapp/css/journal-page.scss */
.journal-page {
  display: flex;
  flex-direction: column;
  gap: 100px;
  padding-top: 40px;
  padding-bottom: 100px; }
  /* line 8, hobbytravel/static/htapp/css/journal-page.scss */
  .journal-page .b-main-slider__slide {
    justify-content: flex-end;
    padding: 40px 40px 210px; }
  /* line 13, hobbytravel/static/htapp/css/journal-page.scss */
  .journal-page .header-section {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 0 248px;
    align-items: center; }
    /* line 20, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .header-section .header-title {
      width: 277px;
      text-align: center; }
    /* line 24, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .header-section .header-tabs {
      display: flex;
      gap: 20px;
      justify-content: space-around;
      align-items: stretch;
      flex: 0 0 40px;
      box-sizing: border-box;
      flex-wrap: wrap; }
      /* line 33, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .header-section .header-tabs .tab {
        display: flex;
        text-decoration: none;
        text-align: center;
        align-items: center;
        padding: 0 20px;
        cursor: pointer; }
        /* line 41, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .header-section .header-tabs .tab.active {
          background: #56DEA8;
          border-radius: 20px;
          color: white; }
  /* line 50, hobbytravel/static/htapp/css/journal-page.scss */
  .journal-page .news-section {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin: 0 248px;
    align-items: stretch; }
    /* line 57, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .news-section .news-title {
      display: flex;
      text-align: center;
      align-self: center;
      flex-wrap: nowrap; }
    /* line 63, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .news-section .filters {
      display: flex;
      flex-direction: column;
      gap: 30px;
      align-items: start; }
      /* line 68, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .news-section .filters .dropdowns {
        display: flex;
        gap: 30px;
        flex: 0 0 34px; }
        /* line 73, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .news-section .filters .dropdowns .dropdown {
          display: flex;
          position: relative;
          cursor: pointer;
          flex: 0 0 107px; }
          /* line 79, hobbytravel/static/htapp/css/journal-page.scss */
          .journal-page .news-section .filters .dropdowns .dropdown::after {
            position: absolute;
            content: "";
            top: 13px;
            width: 12px;
            height: 8px;
            right: 10px;
            background-image: url("/static/htapp/img/icon-dropdown-green.svg?44a1e989cac6");
            transition: 200ms; }
          /* line 89, hobbytravel/static/htapp/css/journal-page.scss */
          .journal-page .news-section .filters .dropdowns .dropdown.open::after {
            transform: rotate(180deg); }
          /* line 92, hobbytravel/static/htapp/css/journal-page.scss */
          .journal-page .news-section .filters .dropdowns .dropdown .dropdown-label {
            display: flex;
            padding: 0 10px;
            flex: 1 1 100%;
            border: 1px solid #56DEA8;
            border-radius: 25px;
            box-sizing: border-box;
            align-items: center; }
          /* line 101, hobbytravel/static/htapp/css/journal-page.scss */
          .journal-page .news-section .filters .dropdowns .dropdown .dropdown-list {
            position: absolute;
            top: 34px;
            left: 0;
            width: auto;
            display: flex;
            flex-direction: column;
            max-height: 320px;
            overflow-y: auto;
            overflow-x: hidden;
            border-radius: 8px;
            background: #FFFFFF;
            z-index: 5;
            box-sizing: border-box; }
            /* line 116, hobbytravel/static/htapp/css/journal-page.scss */
            .journal-page .news-section .filters .dropdowns .dropdown .dropdown-list.hidden {
              display: none; }
            /* line 119, hobbytravel/static/htapp/css/journal-page.scss */
            .journal-page .news-section .filters .dropdowns .dropdown .dropdown-list::-webkit-scrollbar {
              width: 3.77px; }
            /* line 122, hobbytravel/static/htapp/css/journal-page.scss */
            .journal-page .news-section .filters .dropdowns .dropdown .dropdown-list::-webkit-scrollbar-track {
              border: 1px solid transparent;
              background-clip: content-box;
              border-radius: 8px;
              background: #BED7FD; }
            /* line 128, hobbytravel/static/htapp/css/journal-page.scss */
            .journal-page .news-section .filters .dropdowns .dropdown .dropdown-list::-webkit-scrollbar-thumb {
              background: #56DEA8;
              border-radius: 8px; }
            /* line 132, hobbytravel/static/htapp/css/journal-page.scss */
            .journal-page .news-section .filters .dropdowns .dropdown .dropdown-list .dropdown-elem {
              display: flex;
              flex: 0 0 34px;
              padding: 4px 16px;
              align-items: center;
              text-decoration: none; }
              /* line 139, hobbytravel/static/htapp/css/journal-page.scss */
              .journal-page .news-section .filters .dropdowns .dropdown .dropdown-list .dropdown-elem:hover {
                background: #FCFCFC; }
      /* line 146, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .news-section .filters .selected {
        display: flex;
        gap: 30px;
        flex: 0 0 34px; }
        /* line 151, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .news-section .filters .selected .tile {
          display: flex;
          gap: 20px;
          padding: 0 20px;
          background: #56DEA8;
          border-radius: 25px;
          box-sizing: border-box;
          align-items: center;
          position: relative; }
          /* line 160, hobbytravel/static/htapp/css/journal-page.scss */
          .journal-page .news-section .filters .selected .tile .circle {
            display: flex;
            background: white;
            border-radius: 8px;
            width: 16px;
            height: 16px; }
          /* line 167, hobbytravel/static/htapp/css/journal-page.scss */
          .journal-page .news-section .filters .selected .tile::after {
            position: absolute;
            content: "";
            top: 13.5px;
            width: 7px;
            height: 5px;
            right: 24px;
            background-image: url("/static/htapp/img/icon-dropdown-green.svg?44a1e989cac6");
            background-size: 7px 5px;
            transform: rotate(270deg);
            background-repeat: no-repeat; }
    /* line 182, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .news-section .news-list {
      display: flex;
      flex-direction: column;
      gap: 25px; }
      /* line 187, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .news-section .news-list .news-item {
        display: flex;
        border-bottom: 1px solid #7D7D7D;
        padding-bottom: 25px;
        box-sizing: border-box;
        flex: 0 0 225px;
        gap: 25px;
        align-items: stretch; }
        /* line 196, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .news-section .news-list .news-item .news-image {
          display: flex;
          flex: 0 0 400px;
          background-size: 100% 100%;
          background-repeat: no-repeat; }
        /* line 202, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .news-section .news-list .news-item .news-content {
          display: flex;
          flex-direction: column;
          gap: 10px;
          text-decoration: none; }
    /* line 210, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .news-section .news-paging {
      display: flex;
      gap: 15px;
      flex: 0 0 25px; }
      /* line 214, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .news-section .news-paging .first-page {
        display: flex;
        flex: 0 0 25px;
        border-radius: 8px;
        border: 2px solid #56DEA8;
        box-sizing: border-box; }
      /* line 221, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .news-section .news-paging .last-page {
        display: flex;
        flex: 0 0 25px;
        border-radius: 8px;
        border: 2px solid #56DEA8;
        box-sizing: border-box;
        background: #56DEA8;
        align-items: center;
        justify-content: center; }
      /* line 231, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .news-section .news-paging .page {
        text-decoration: none; }
  /* line 237, hobbytravel/static/htapp/css/journal-page.scss */
  .journal-page .articles-section {
    display: flex;
    gap: 100px;
    margin: 0 248px;
    justify-content: stretch;
    flex-wrap: wrap; }
    /* line 243, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .articles-section .article {
      display: flex;
      flex-direction: column;
      gap: 30px;
      align-items: stretch;
      flex: 0 1 655px; }
      /* line 249, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .articles-section .article .article-image {
        display: flex;
        flex: 0 0 350px;
        background-size: 100% 100%;
        background-repeat: no-repeat; }
      /* line 255, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .articles-section .article .article-link {
        text-decoration: none; }
  /* line 261, hobbytravel/static/htapp/css/journal-page.scss */
  .journal-page .popular-section {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin: 0 248px; }
    /* line 267, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .popular-section .popular-title {
      display: flex;
      text-align: center;
      align-self: center;
      flex-wrap: nowrap; }
    /* line 273, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .popular-section .popular-list {
      display: flex;
      gap: 40px;
      flex-wrap: wrap; }
      /* line 278, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .popular-section .popular-list .popular-item {
        display: flex;
        flex-direction: column;
        border-radius: 8px;
        box-shadow: 0px 10px 5px 0px #0000001A;
        flex: 0 0 323px; }
        /* line 284, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .popular-section .popular-list .popular-item .popular-content {
          display: flex;
          flex-direction: column;
          box-sizing: border-box;
          padding: 40px 60px 40px 20px;
          gap: 5px;
          flex: 0 0 216px;
          align-items: start; }
          /* line 293, hobbytravel/static/htapp/css/journal-page.scss */
          .journal-page .popular-section .popular-list .popular-item .popular-content .popular-link {
            display: flex;
            margin-top: auto;
            text-decoration: none;
            flex: 0 0 28px;
            border-radius: 25px;
            background: #56DEA8;
            text-align: center;
            padding: 0 10px;
            align-items: center; }
        /* line 305, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .popular-section .popular-list .popular-item .popular-image {
          display: flex;
          flex: 0 0 215px;
          background-size: 100% 100%;
          background-repeat: no-repeat;
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px; }
  /* line 317, hobbytravel/static/htapp/css/journal-page.scss */
  .journal-page .article-section {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin: 0 248px; }
    /* line 323, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .article-section .article-title {
      display: flex;
      justify-content: center;
      gap: 5px 50px;
      flex-wrap: wrap; }
    /* line 329, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .article-section .article-image {
      display: flex;
      flex: 0 0 524px;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      border-radius: 25px; }
    /* line 336, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .article-section .article-date {
      display: flex;
      padding: 0 170px;
      justify-content: end; }
    /* line 341, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .article-section .article-content {
      display: flex;
      padding: 0 170px;
      flex-direction: column; }
      /* line 345, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .article-section .article-content img {
        border-radius: 25px; }
    /* line 349, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .article-section .article-footer {
      display: flex;
      flex-wrap: wrap; }
      /* line 352, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .article-section .article-footer a {
        text-decoration: none; }

@media screen and (max-width: 1200px) {
  /* line 360, hobbytravel/static/htapp/css/journal-page.scss */
  .journal-page .article-section .article-date {
    padding: 50px; }
  /* line 363, hobbytravel/static/htapp/css/journal-page.scss */
  .journal-page .article-section .article-content {
    padding: 50px; } }

@media screen and (max-width: 900px) {
  /* line 371, hobbytravel/static/htapp/css/journal-page.scss */
  .journal-page {
    gap: 50px;
    padding-top: 20px;
    padding-bottom: 80px; }
    /* line 376, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .b-main-slider__slide {
      padding: 20px 20px 340px; }
    /* line 380, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .header-section {
      margin: 0 20px;
      align-items: center; }
      /* line 384, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .header-section .header-title {
        width: 230px;
        font-size: 24px !important; }
      /* line 388, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .header-section .header-tabs {
        flex: 0 0 36px; }
        /* line 391, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .header-section .header-tabs .tab {
          padding: 0 15px;
          font-size: 14px !important; }
    /* line 398, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .news-section {
      gap: 50px;
      margin: 0 20px; }
      /* line 402, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .news-section .news-title {
        font-size: 24px !important; }
        /* line 404, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .news-section .news-title span {
          font-size: 24px !important; }
      /* line 407, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .news-section .news-list .news-item {
        flex: 0 0 100px;
        gap: 30px; }
        /* line 411, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .news-section .news-list .news-item .news-image {
          flex: 0 0 150px; }
        /* line 414, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .news-section .news-list .news-item .news-content {
          gap: 10px; }
          /* line 416, hobbytravel/static/htapp/css/journal-page.scss */
          .journal-page .news-section .news-list .news-item .news-content .black-400-24 {
            font-size: 14px; }
          /* line 417, hobbytravel/static/htapp/css/journal-page.scss */
          .journal-page .news-section .news-list .news-item .news-content .gray-400-16 {
            font-size: 12px; }
    /* line 423, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .articles-section {
      gap: 30px;
      margin: 0 20px;
      justify-content: center; }
      /* line 427, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .articles-section .article {
        gap: 30px; }
        /* line 429, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .articles-section .article .article-image {
          flex: 0 0 200px; }
    /* line 435, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .popular-section {
      display: flex;
      flex-direction: column;
      gap: 0;
      margin: 0 20px; }
      /* line 441, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .popular-section .popular-title {
        font-size: 24px; }
        /* line 443, hobbytravel/static/htapp/css/journal-page.scss */
        .journal-page .popular-section .popular-title span {
          font-size: 24px; }
      /* line 445, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .popular-section .popular-list {
        justify-content: center; }
    /* line 450, hobbytravel/static/htapp/css/journal-page.scss */
    .journal-page .article-section {
      margin: 0 30px; }
      /* line 454, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .article-section .article-title .black-400-24 {
        font-size: 20px; }
      /* line 455, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .article-section .article-title .gray-400-16 {
        font-size: 12px; }
      /* line 457, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .article-section .article-image {
        flex: 0 0 200px; }
      /* line 460, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .article-section .article-date {
        padding: 0; }
      /* line 463, hobbytravel/static/htapp/css/journal-page.scss */
      .journal-page .article-section .article-content {
        padding: 0; } }