/* Start:/bitrix/templates/aspro_max/components/bitrix/news.list/hotels_grid/style.css?178885415023777*/
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

.items-list1.item-views.table .items.flexbox .item-wrap {
  /*margin-bottom: -1px;*/
  margin: 0px -1px -1px 0px;
}

.items-list1.item-views.table.only-img .item .image {
  padding: 40px;
  padding-bottom: 0;
}

.items-list1.item-views.table .item .image {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body .items-list1.item-views.table .item .image a {
  margin: auto;
  padding: 10px;
  background: #fff;
  display: block;
  width: 100%;
  border-radius: 4px;
  height: 100%;
  line-height: 80px;
}

.items-list1.item-views.table .item .image img {
  opacity: 1;
  max-height: 80px;
  /* display: block; */
}

.items-list1.item-views.table.only-img .item div {
  /*height: 100%;*/
  /*min-height: 100%;*/
}

.items-list1.item-views.table .item .image {
  height: 140px;
}

.items-list1 .properties .inner-wrapper {
  font-size: 1em;
  padding: 0;
  margin-top: 13px;
}

.items-list1 .properties .inner-wrapper:first-of-type {
  margin-top: 0;
}

.items-list1 .text .properties {
  margin-top: 21px;
}

.items-list1.item-views.table .item .text {
  padding-left: 40px;
  padding-right: 40px;
}

.items-list1.item-views .item .previewtext {
  margin-bottom: 0px;
  margin-top: 15px;
}

.items-list1.item-views.table:not(.only-img) .items .item-wrap .item {
  padding-bottom: 40px;
}

.items-list1.item-views.table .item.wti .text {
  padding-top: 40px;
}

.items-list1.item-views.table.only-img .item .title {
  padding: 13px 40px 0px;
  text-align: center;
}

.items-list1.item-views.table.only-img .item {
  padding-bottom: 40px;
}

.items-list1.item-views.table.only-img .title.muted a {
  color: #999;
}

.items-list1.item-views.table .item {
  margin-bottom: 0;
}

.item-views.items-list1 .group-content .tab-pane {
  margin-bottom: 40px;
}

.item-views.items-list1 .button_wrap {
  margin-top: 32px;
}

.list-type-block.item-views.items-list1.list .item > .image {
  width: 100px;
  max-height: 140px;
  z-index: 5;
}

.list-type-block.item-views.items-list1.list .item {
  padding: 39px;
  margin: 0 0 -1px;
}

.list-type-block.item-views.items-list1.list .item .image + .body-info {
  padding-left: 140px;
  padding-right: 75px;
  position: relative;
}

.items-list1.item-views.list .item .previewtext {
  margin-top: 13px;
}

.list-type-block.item-views.items-list1.list .item .body-info .zoom_wrap {
  position: absolute;
  right: 20px;
  top: 20px;
}

.list-type-block.item-views.items-list1.list .item .body-info .zoom {
  opacity: 1;
}

.items-list1.list .item.colored_theme_hover_bg-block:not(:hover) span.zoom.colored_theme_hover_bg-el {
  background: #fff;
}
.items-list1.list .item.colored_theme_hover_bg-block:not(:hover) span.zoom.colored_theme_hover_bg-el:before {
  background-position: -24px 0px;
}

/*licenses mode*/
.items-list1.item-views.table.licenses-mode .item .image {
  height: 200px;
  margin: 0 auto 18px;
  position: relative;
}
.items-list1.item-views.table.licenses-mode .item .image a {
  height: 100%;
}
.items-list1.item-views.table.licenses-mode .item .image img {
  max-height: 100%;
}

.items-list1.item-views.table.licenses-mode .item .text {
  padding: 0;
}

.items-list1.item-views.table.licenses-mode .items .item-wrap .item {
  padding: 40px;
}

.items-list1.item-views.table.licenses-mode .item .title,
.items-list1.item-views.table.licenses-mode .item .title div.size {
  text-align: center;
}

.items-list1.licenses-mode.list .title span.size {
  margin-left: 10px;
}
/*end*/

/*docs*/
.items-list1.list.list-type-block.item-views.documents-mode .item .file_type {
  margin-top: 0;
}

.items-list1.item-views.table.documents-mode .file_type i.icon {
  float: none;
}

.items-list1.item-views.table.documents-mode .file_type {
  text-align: center;
  margin-top: 0;
  padding-top: 44px;
}

.items-list1.item-views.table.documents-mode .item .text {
  padding-top: 6px;
  padding-bottom: 0;
}
.items-list1.item-views.table.documents-mode .item .text .title {
  text-align: center;
}
.items-list1.item-views.table.documents-mode .items .item-wrap .item {
  padding-bottom: 34px;
}

.items-list1.list.list-type-block.item-views.documents-mode .item .file_type + .body-info {
  padding-left: 65px;
  padding-right: 70px;
  position: relative;
}

.items-list1.list.list-type-block.item-views.documents-mode .item .file_type + .body-info .title {
  margin-bottom: 0;
}

.list-type-block.item-views.items-list1.list.documents-mode .item {
  padding: 29px;
}

.items-list1.list .item.colored_theme_hover_bg-block:not(:hover) span.download.colored_theme_hover_bg-el {
  background: #fff;
}
.items-list1.list .item.colored_theme_hover_bg-block:not(:hover) span.download.colored_theme_hover_bg-el:before {
  background-position: -10px 0px;
}
.list-type-block.item-views.items-list1.list .item .body-info .download_wrap {
  position: absolute;
  right: 20px;
  top: 20px;
}

.items-list1.item-views.table.documents-mode a.link_absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 1;
}

.items-list1.item-views.table.documents-mode .text .title {
  position: relative;
  z-index: 5;
}

/*.download_wrap a .download {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0px 0px -20px;
    transition: all ease 0.3s;
}

.download_wrap .download:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(/bitrix/templates/aspro_max/components/bitrix/news.list/hotels_grid/images/svg/sprite_arrows.svg) -10px -18px no-repeat;
    width: 14px;
    height: 16px;
    margin: -7px 0px 0px -7px;
}*/
/*end*/

@media (max-width: 600px) {
  .list-type-block.item-views.items-list1.list.licenses-mode .item > .image {
    float: none;
  }

  .list-type-block.item-views.items-list1.list.licenses-mode .item .body-info .zoom_wrap {
    top: unset;
    bottom: 20px;
  }
  .list-type-block.item-views.items-list1.list.documents-mode .item .body-info .download_wrap,
  .list-type-block.item-views.items-list1.list.documents-mode .item .body-info .zoom_wrap {
    display: none;
  }
  .items-list1.list.list-type-block.item-views.documents-mode .item .file_type + .body-info {
    padding-left: 65px !important;
  }
  .list-type-block.item-views.items-list1.list.licenses-mode .item .body-info {
    padding-bottom: 40px;
  }

  .items-list1.item-views.table .items.flexbox.mobile-compact .item-wrap {
    margin-bottom: 0px;
  }
}

/*svg*/
.list-type-block.item-views.items-list1.list .item .body-info .download_wrap,
.list-type-block.item-views.items-list1.list .item .body-info .zoom_wrap {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 38px;
  height: 38px;
}

.list-type-block.item-views.items-list1.list .item .body-info .download_wrap .svg.svg-inline-download-arrow {
  position: absolute;
  top: 10px;
  left: 13px;
}

.list-type-block.item-views.items-list1.list .item .body-info .zoom_wrap .svg.svg-inline-zoom-arrow {
  position: absolute;
  top: 10px;
  left: 10px;
}

.list-type-block.item-views.items-list1.list .item:hover .body-info .download_wrap .svg.svg-inline-download-arrow path,
.list-type-block.item-views.items-list1.list .item:hover .body-info .zoom_wrap .svg.svg-inline-zoom-arrow path,
.table-type-block.item-views.items-list1.table.licenses-mode
  .item-wrap:hover
  .item
  .image
  .zoom_wrap
  .svg.svg-inline-zoom-arrow
  path {
  fill: #fff !important;
}

.table-type-block.item-views.items-list1.table.licenses-mode .item-wrap .item .image .zoom_wrap {
  /*display: none;*/
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -19px;
  margin-top: -19px;
  width: 38px;
  height: 38px;
}
.table-type-block.item-views.items-list1.list.licenses-mode .item-wrap .item .image .zoom_wrap {
  /*display: none;*/
}

.table-type-block.item-views.items-list1.table.licenses-mode .item-wrap:hover .item .image .zoom_wrap {
  /*display: inline-block;*/
  opacity: 1;
}
.table-type-block.item-views.items-list1.table.licenses-mode
  .item-wrap
  .item
  .image
  .zoom_wrap
  .svg.svg-inline-zoom-arrow {
  position: absolute;
  top: 10px;
  left: 10px;
}
/**/

/* ═══════════════════════════════════════════════════════════════════
   t_aad7b676 — РЕДИЗАЙН СПИСКА ОТЕЛЕЙ
   Скоуп строго `.items-list1.table` — эта обёртка есть ТОЛЬКО у списка
   отелей (news.list/hotels_grid), каталог/новости её не используют.
   Шрифт-импорт вынесен в начало файла (в CSS @import обязан идти до
   всех правил, иначе игнорируется).
   ═══════════════════════════════════════════════════════════════════ */

.items-list1.table {
  /* t_b0e40d65: полный набор токенов §1 DESIGN_DOC.md (эталон v2), скоуп
     не расширяем за пределы .items-list1.table — эта обёртка есть ТОЛЬКО
     у списка отелей (news.list/hotels_grid), каталог/новости её не видят. */
  --ink: #12213B;
  --ink-2: #3C4A63;
  --muted: #6B7280;
  --muted-2: #9AA1AD;
  --blue: #1E4FA3;
  --blue-deep: #0F2F66;
  --blue-soft: #EAF0FA;
  --coral: #E8502A;
  --green: #137A4B;
  --green-soft: #E8F5EE;
  --gold: #F0A93E;
  --paper: #F7F7F4;
  --card: #FFFFFF;
  --line: #E6E6E0;
  --line-2: #F0F0EA;
  font-family: 'Inter', sans-serif;
  color: var(--ink);
}

/* ---- сетка: mobile-first (t_b0e40d65, §1/§3.3 DESIGN_DOC.md v2) ----
   БАЗА = телефон, 390px, 2 карточки в ряд — это правило, а не сжатый десктоп.
   Планшет/десктоп — расширения через min-width, ни одного max-width.
   Bootstrap-класс в разметке остаётся col-lg-3 (менять его в template.php
   значит ловить Redis-кеш компонента); переопределяем шириной здесь —
   мгновенно и без сброса кеша. */
.items-list1.table .catalog-block-view__item.col-lg-3 {
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 6px;
}
@media (min-width: 768px) {
  /* планшет: 3 в ряд */
  .items-list1.table .catalog-block-view__item.col-lg-3 {
    width: 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; padding: 10px;
  }
}
@media (min-width: 1200px) {
  /* десктоп: та же 3-колоночная плотность карточек (карта — отдельный слой,
     не сжатие сетки; переход на «2 + карта» — отдельный шаг т.к. требует
     нового layout-контейнера, вне рамок этого CSS-only патча). */
  .items-list1.table .catalog-block-view__item.col-lg-3 {
    width: 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; padding: 10px;
  }
}
.items-list1.table .catalog_block.items {
  margin: 0 -10px !important;
}

/* ---- карточка ---- */
.items-list1.table .catalog_item_v2 {
  font-family: 'Inter', sans-serif;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 2px rgba(18, 33, 59, 0.04);
  transition: box-shadow .28s cubic-bezier(.2,.7,.3,1),
              transform .28s cubic-bezier(.2,.7,.3,1),
              border-color .28s ease;
}
.items-list1.table .catalog_item_v2:hover {
  box-shadow: 0 22px 48px rgba(18, 33, 59, 0.16);
  transform: translateY(-4px);
  border-color: #D9D9D1;
}
.items-list1.table .catalog_item_v2 .inner_wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ---- фото ---- */
.items-list1.table .catalog_item_v2 .image_wrapper_block {
  position: relative;
  aspect-ratio: 4 / 3;
  height: auto !important;
  overflow: hidden;
  background: linear-gradient(135deg, #EDEDE6, #E2E2DA);
  padding: 0 !important;
  border-radius: 0;
}
.items-list1.table .catalog_item_v2 .image_wrapper_block > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  line-height: 0 !important;
}
.items-list1.table .catalog_item_v2 .image_wrapper_block img {
  width: 100%;
  height: 100%;
  max-height: none !important;
  object-fit: cover;
  display: block;
  transition: transform .55s cubic-bezier(.2,.7,.3,1);
}
.items-list1.table .catalog_item_v2:hover .image_wrapper_block img {
  transform: scale(1.055);
}
/* мягкое затемнение снизу — чтобы бейдж и край фото не «резали» глаз */
.items-list1.table .catalog_item_v2 .image_wrapper_block::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 42%;
  background: linear-gradient(to top, rgba(18,33,59,.20), rgba(18,33,59,0));
  pointer-events: none;
}

/* ---- бейдж звёзд: стекло поверх фото ---- */
.items-list1.table .hotel_badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--ink);
  font-weight: 700;
  letter-spacing: .01em;
  padding: 6px 12px;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(18, 33, 59, 0.18);
  line-height: 1.1;
}

/* ---- тело карточки ---- */
.items-list1.table .catalog_item_v2 .item_info {
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 7px;
}
.items-list1.table .catalog_item_v2 .item_info--top_block {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.items-list1.table .item-title a {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 17.5px;
  line-height: 1.28;
  letter-spacing: -0.012em;
  color: var(--ink) !important;
  transition: color .18s ease;
  display: block;
}
.items-list1.table .catalog_item_v2:hover .item-title a {
  color: var(--blue) !important;
}
.items-list1.table .card_rating_row {
  display: flex;
  align-items: center;
  gap: 5px;
}
.items-list1.table .card_rating_value {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  color: var(--ink);
}
.items-list1.table .card_facts {
  font-size: 13px;
  line-height: 1.45;
  color: var(--muted) !important;
}
.items-list1.table .card_amenities {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 1px;
}
.items-list1.table .card_amenities__tag {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 4px 9px;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.3;
}

/* ---- подвал карточки: цена ---- */
.items-list1.table .cardv2_footer {
  margin-top: auto;
  padding-top: 13px;
  border-top: 1px solid var(--line);
}
.items-list1.table .pricesv2__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.items-list1.table .pricesv2 span {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: var(--ink) !important;
  letter-spacing: -0.01em;
}
.items-list1.table .pricesv2 span.muted {
  font-weight: 500 !important;
  font-size: 14.5px !important;
  color: var(--muted) !important;
}

/* ---- заголовок страницы над списком ---- */
.items-list1.table h3 {
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: -0.015em;
  color: var(--ink);
}

/* ---- убираем вендорские отступы «партнёрского» шаблона ---- */
.items-list1.item-views.table.only-img .item .image {
  padding: 0;
}
.items-list1.item-views.table.only-img .item {
  padding-bottom: 0;
}
.items-list1.item-views.table .item .image {
  height: auto;
}
.items-list1.item-views.table .item {
  margin-bottom: 0;
}

/* ---- НОВЫЕ ЭЛЕМЕНТЫ КАРТОЧКИ (t_aad7b676) ---- */

/* избранное */
.items-list1.table .hcard_fav{position:absolute;top:11px;right:11px;z-index:4;width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(18,33,59,.16);transition:transform .18s ease,background .18s ease;padding:0;}
/* t_b0e40d65 (§1 DESIGN_DOC.md v2): тач-таргет 44×44 минимум — визуально кнопка
   остаётся 34×34 (см. §3.3: "Избранное | правый верх, 34×34, тач-зона 44"), зона
   клика расширяется невидимым псевдоэлементом на 5px с каждой стороны (34+5+5=44). */
.items-list1.table .hcard_fav::before{content:'';position:absolute;inset:-5px;}
.items-list1.table .hcard_fav:hover{transform:scale(1.1);background:#fff;}
.items-list1.table .hcard_fav svg{width:17px;height:17px;fill:none;stroke:var(--ink);stroke-width:1.8;transition:fill .15s,stroke .15s;}
/* t_684a21f6: заполненное сердечко в состоянии "в избранном" */
.items-list1.table .hcard_fav.hf-fav-on svg{fill:#e0245e;stroke:#e0245e;}

/* t_b0e40d65: .hcard_dots/.hcard_dot удалены — мёртвый код, не используется
   разметкой (реальная листалка — .hgal/.hgal__dots в template.php, точки
   уже совпадают с §10.3 диздока: 5×5 неактивная, 14px капсула активная, gap 4px). */

/* строка «название + рейтинг» */
.items-list1.table .hcard_titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.items-list1.table .hcard_titlerow .item-title{flex:1;min-width:0;}
.items-list1.table .hcard_rating{flex:0 0 auto;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:5px 9px;line-height:1.15;text-align:center;white-space:nowrap;}
.items-list1.table .hcard_rating small{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:9.5px;color:var(--muted);letter-spacing:0;}
/* t_5f80b06e (05.09.2026, фидбек Данила): рейтинг с реальными отзывами — цветовой акцент
   (тёплый жёлто-золотой фон + звезда), чтобы сразу считывалось "это про отзывы"; пустое
   состояние — минималистичный текст без фона/рамки, визуально гораздо легче, не спорит
   с реальным рейтингом за внимание на карточке. */
.items-list1.table .hcard_rating--has{background:#FEF6E4;border-color:#F0D998;color:#8A6318;}
.items-list1.table .hcard_rating--has small{color:#A9822F;}
.items-list1.table .hcard_rating__star{color:#F0A93E;}
.items-list1.table .hcard_rating--empty{background:transparent;border:none;padding:5px 0;font-weight:500;font-size:11.5px;color:var(--muted);}

/* строка расстояний */
.items-list1.table .hcard_geo{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);}
.items-list1.table .hcard_geo svg{width:13px;height:13px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;}

/* подвал: цена слева, доступность справа */
.items-list1.table .hcard_footrow{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;}
.items-list1.table .hcard_price{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;color:var(--ink);letter-spacing:-0.01em;}
.items-list1.table .hcard_pernight{font-size:12.5px;color:var(--muted);font-weight:500;}
.items-list1.table .hcard_pricenote{display:block;font-size:11px;line-height:1.3;color:var(--muted);font-weight:500;margin-top:2px;}
.items-list1.table .hcard_avail{font-size:11.5px;color:var(--muted);white-space:nowrap;}

/* общий вид «незаполненной» заглушки: пунктир + курсор-подсказка */
.items-list1.table .hcard_stub,
.items-list1.table .card_amenities__tag--stub{border-style:dashed !important;opacity:.72;cursor:help;}
.items-list1.table .hcard_geo.hcard_stub{border:1px dashed var(--line);border-radius:7px;padding:3px 8px;align-self:flex-start;}
.items-list1.table .hcard_avail.hcard_stub{border:1px dashed var(--line);border-radius:7px;padding:3px 8px;}

.item-views.items-list1 .tabs .tab-content {
  padding-top: 47px;
}

/* ============================================================
   t_502412d9 + t_43668738: свайп-листалка фото в карточке списка.
   Параметры точек — ровно из диздока §10.3 (эталон v2), отклонения
   не допускаются: неактивная 5x5 круг, активная — капсула 14x5.
   Никаких слайдер-библиотек: чистый CSS scroll-snap.
   ============================================================ */
/* ВАЖНО (07.09.2026): селекторы привязаны к .items-list1 — CSS шаблонов собирается в один
   общий файл, и голый .hgal{position:absolute} утекал на детальную, где у блока номеров
   класс .hgal.hgal--room с той же специфичностью: кто победит, решал порядок в собранном
   файле. Привязка к контейнеру списка снимает конфликт насовсем. */
.items-list1 .hgal{position:absolute;inset:0;overflow:hidden;}
/* t_a618d2b9: заголовки секций списка. Скрываем визуально, но оставляем в потоке —
   display:none поисковики учитывают хуже, а роль заголовка визуально уже играет
   строка со счётчиком результатов. */
.hf-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.items-list1 .hgal__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none;
  /* свайп по фото не утягивает страницу вбок и не запускает жест «назад» */
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
.items-list1 .hgal__track::-webkit-scrollbar{display:none;}
.items-list1 .hgal__img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;}
.items-list1 .hgal__dots{position:absolute;left:0;right:0;bottom:6px;display:flex;gap:4px;
  justify-content:center;pointer-events:none;z-index:2;}
.items-list1 .hgal__dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55);
  box-shadow:0 0 2px rgba(0,0,0,.35);transition:width .18s ease,background .18s ease;}
.items-list1 .hgal__dots i.on{background:#fff;width:14px;border-radius:3px;}
/* объект с одним кадром листалку не получает вовсе (см. template.php) */

/* End */


/* Start:/bitrix/templates/aspro_max/css/jquery.fancybox.min.css?177773660613062*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;max-height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/aspro_max/css/animation/animation_ext.css?17777366064934*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.transition{
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.animated.duration03{

-webkit-animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.animated.duration04{

-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
-o-animation-duration: 0.4s;
animation-duration: 0.4s;
}
.animated.duration05{

-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.animated.duration06{

-webkit-animation-duration: 0.6s;
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
animation-duration: 0.6s;
}
.animated.duration07{

-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}
.animated.duration08{

-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
}
.animated.duration09{

-webkit-animation-duration: 0.9s;
-moz-animation-duration: 0.9s;
-o-animation-duration: 0.9s;
animation-duration: 0.9s;
}
.animated.duration10{

-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}

.delay01{

-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
animation-delay: 0.1s;}

.delay03{

-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;}


.delay05{

-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;}

.delay055{

-webkit-animation-delay: 0.55s;
-moz-animation-delay: 0.55s;
-o-animation-delay: 0.55s;
animation-delay: 0.55s;}

.delay06{

-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;}
.delay065{

-webkit-animation-delay: 0.65s;
-moz-animation-delay: 0.65s;
-o-animation-delay: 0.65s;
animation-delay: 0.65s;}

.delay07{

-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
-o-animation-delay: 0.7s;
animation-delay: 0.7s;}

.delay08{

-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
animation-delay: 0.8s;}

.delay09{

-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;}

.delay11,.delay011{

-webkit-animation-delay: 1.1s;
-moz-animation-delay: 1.1s;
-o-animation-delay: 1.1s;
animation-delay: 1.1s;}

.delay12, .delay012{

-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
animation-delay: 1.2s;}

.delay13,.delay013{

-webkit-animation-delay: 1.3s;
-moz-animation-delay: 1.3s;
-o-animation-delay: 1.3s;
animation-delay: 1.3s;}

.delay15, .delay015{

-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;}

.delay17, .delay017{

-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;}

.delay19, .delay019{

-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;}

.delay21, .delay021{

-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;}

@-webkit-keyframes toggle_opacity{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes toggle_opacity{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

@-webkit-keyframes flash {
  0% {
    opacity: .55;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .55;
  }
  100% {
    opacity: 1;
  }
}

/* WebKit � Opera */
@-webkit-keyframes spinner{
  from{
    -webkit-transform:rotate(0deg);
  }
  to{
    -webkit-transform:rotate(360deg);
  }
}
/* Other */
@keyframes spinner{
  from{
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to{
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
/* End */
/* /bitrix/templates/aspro_max/components/bitrix/news.list/hotels_grid/style.css?178885415023777 */
/* /bitrix/templates/aspro_max/css/jquery.fancybox.min.css?177773660613062 */
/* /bitrix/templates/aspro_max/css/animation/animation_ext.css?17777366064934 */