@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
menu,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */

*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

menu,
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("../fonts/Manrope-Bold.woff2") format("woff2"), url("../fonts/Manrope-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("../fonts/Manrope-ExtraBold.woff2") format("woff2"), url("../fonts/Manrope-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("../fonts/Manrope-Medium.woff2") format("woff2"), url("../fonts/Manrope-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("../fonts/Manrope-Regular.woff2") format("woff2"), url("../fonts/Manrope-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("../fonts/Manrope-SemiBold.woff2") format("woff2"), url("../fonts/Manrope-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

.center {
  width: 1304px;
  margin: 0 auto;
  position: relative;
}

.header {
  height: auto;
  padding-bottom: 100px;
  background: #daff74;
  position: relative;
  z-index: 100;
}

.header_bar {
  border-bottom: 1px solid #9DCD1F;
  position: relative;
  z-index: 320;
  position: absolute;
  width: 100%;
  top: 0;
  background: #daff74;
}

.header_bar.fixit {
  position: fixed;
}

.fixit .header_bar {
  position: fixed;
}

.header_search {
  display: none;
  position: absolute;
  top: 90px;
  width: 100%;
  background: #fff;
  padding: 20px 0;
  z-index: 295;
  border-bottom: 1px solid #00000011;
}



.header_search.fixit {
  display: block;
  position: fixed;
}

.hs_field {
  height: auto;
  width: 100%;
  border: 1px solid var(--c_gray4);
  border-radius: 8px;
  line-height: 24px;
  padding: 18px;
  font-size: 16px;
  cursor: pointer;
}

.hs_field span.ic_hotels {
  background: url(../svg/ic_hotels.svg) left center no-repeat;
}

.hs_field span {
  padding: 0 0 0 42px;
  display: inline-block;
}

.bron_close {
  background: url(/images/close.webp) center no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  right: -28px;
  cursor: pointer;
}

.header_bar.topmenu {
  background: #fff;
  position: fixed;
}

.header.mini .header_bar {

  background: #fff;
}

.hb_logo {
  float: left;
  width: 190px;
  height: 89px;
  background: url(../images/logo_pf.svg?3) left center no-repeat;
  background-size: 190px;
  margin-right: 47px;
}

.hb_navigate {
  float: left;
  width: 690px;
  height: 89px;
}

.hb_navigate ul.menu {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hb_navigate ul.menu li {
  display: block;
  float: left;
  padding: 0;
  position: relative;
  margin: 0 20px;
}

.hb_navigate ul.menu li:after {
  content: '';
  display: block;
  position: absolute;
  width: 0%;
  height: 4px;
  background: var(--c_red);
  border-radius: 2px;
  bottom: -2px;
  left: 50%;
  z-index: 90;
  transition: all 0.5s ease-in;
}

.hb_navigate ul.menu li:hover:after {
  width: 100%;
  background: var(--c_red);
  left: 0;
}

.hb_navigate ul.menu li.active:after {
  width: 100%;
  background: var(--c_red);
  left: 0;
}

.hb_navigate ul.menu li a {
  text-decoration: none;
  padding: 32px 0 28px;
  display: block;
  position: relative;
  color: var(--c_red);
}

.hb_navigate ul.menu li.active a {
  color: var(--c_red);
}

.hb_panel {
  float: right;
  width: 360px;
  height: 89px;
  text-align: right;
  padding: 32px 0 32px;
  color: var(--c_white);
  color: var(--c_black);
}

.hb_panel a {
  text-decoration: none;
}

.hb_telefons {
  display: block;
  float: right;
  height: 24px;
}

.hb_telefon {
  display: block;
  float: left;
  line-height: 24px;
  color: var(--c_red);
}

.hb_telefon_toggle {
  display: block;
  float: left;
  height: 24px;
  width: 24px;
  background: url(../images/dropdown.webp) center no-repeat;
  cursor: pointer;
}

.hb_favorite {
  display: block;
  /*float: right;*/
  height: 24px;
  width: 24px;
  margin-left: 24px;
  background: url(../images/favorites.svg) center no-repeat;

  cursor: pointer;
}

.hb_personal {
  display: block;
  float: right;
  height: 24px;
  /*width: 24px;*/
  margin-left: 24px;
  /*background: url(../images/account.svg) center no-repeat;*/

  cursor: pointer;
}

.hb_personal .small_ic {
  height: 10px;
  margin-top: 10px;
}

.hb_menu {
  display: block;
  float: right;
  height: 24px;
  width: 24px;
  margin-left: 24px;
  background: url(../images/menu.svg) center no-repeat;

  cursor: pointer;
}

.header_bar.mini {
  border-bottom: 1px solid var(--c_gray4);
}

.header_bar.mini .hb_logo {
  background: url(../images/logo_pf.svg) left center no-repeat;
}

.header_bar.mini .hb_navigate ul.menu li a {
  color: var(--c_black);
}

.header_bar.mini .hb_navigate ul.menu li.active a {
  color: var(--c_red);
}

.header_bar.mini .hb_navigate ul.menu li a:after {
  background: var(--c_gray4);
}

.header_bar.mini .hb_panel {
  color: var(--c_black);
}

.header_bar.mini .hb_telefon {
  color: var(--c_black);
}

.header_bar.mini .hb_telefon_toggle {
  background: url(../images/dropdown.svg) center no-repeat;
}

.header_bar.mini .hb_favorite {
  background: url(../images/favorites.svg) center no-repeat;
}

.header_bar.mini .hb_personal {
  /*background: url(../images/account.svg) center no-repeat;*/
}

.header_bar.mini .hb_menu {
  background: url(../images/menu.svg) center no-repeat;
}

.header_bar.topmenu {
  border-bottom: 1px solid var(--c_gray4);
}

.header_bar.topmenu .hb_logo {
  background: url(../images/logo_pf.svg) left center no-repeat;
}

.header_bar.topmenu .hb_navigate ul.menu li a {
  color: var(--c_black);
}

.header_bar.topmenu .hb_navigate ul.menu li.active a {
  color: var(--c_red);
}

.header_bar.topmenu .hb_navigate ul.menu li a:after {
  background: var(--c_gray4);
}

.header_bar.topmenu .hb_panel {
  color: var(--c_black);
}

.header_bar.topmenu .hb_telefon {
  color: var(--c_black);
}

.header_bar.topmenu .hb_telefon_toggle {
  background: url(../images/dropdown.svg) center no-repeat;
}

.header_bar.topmenu .hb_favorite {
  background: url(../images/favorites.svg) center no-repeat;
}

.header_bar.topmenu .hb_personal {
  background: url(../images/account.svg) center no-repeat;
}

.header_bar.topmenu .hb_menu {
  background: url(../images/menu_close.svg) center no-repeat;
}





.searchGet {
  position: absolute;
  background: #fff;
  padding: 0;
  border: 1px solid #eee;
  border-radius: 8px;
  font-size: 12px;
  width: 310px;
  overflow: hidden;
  top: 90px;
  background: #fff;
  z-index: 200;
  box-shadow: 0px 20px 30px 0px #1B2B3121;
}

.searchGet em {
  color: var(--c_red);
}

.searchGet .loading {
  width: 32px;
  height: 32px;
  margin: 20px;
}

.searchGet .search_regions {
  padding: 20px 20px 4px;
  border-bottom: 1px solid #20202316;
}

.searchGet .search_regions>div {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  cursor: pointer;
}

.searchGet .search_hotels {
  padding: 20px 20px 4px;
}

.searchGet .search_hotels>div {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  cursor: pointer;
  padding-left: 32px;
  background: url(../images/search_hotel.webp) left top 4px no-repeat;
  position: relative;
  padding-right: 20px;
}

/*выбор гостей*/
.guestGet {
  position: absolute;
  background: #fff;
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 8px;
  font-size: 12px;
  width: 530px;
  overflow: hidden;
  top: 90px;
  background: #fff;
  z-index: 200;
  box-shadow: 0px 20px 30px 0px #1B2B3121;
}

.guest_room {
  padding: 24px 33px;
  border-bottom: 1px solid #E4E4E4;
}

.gi_title {
  font-size: 20px;
  margin-bottom: 18px;
  font-weight: 600;
}

.gi_title span {
  color: red;
  float: right;
  font-size: 16px;
}

.gi_mature {
  overflow: hidden;
  font-size: 16px;
  line-height: 40px;
  margin-bottom: 20px;
}

.gi_mature>div {
  float: right;
  font-size: 20px;
  font-weight: 600
}

.gi_minus {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #F3F4F8;
  margin-right: 20px;
  cursor: pointer;
  border-radius: 20px;
}

.gi_plus {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #F3F4F8;
  margin-left: 20px;
  cursor: pointer;
  border-radius: 20px;
}

.gi_childs {
  font-size: 16px;
  line-height: 40px;
  margin-bottom: 12px;
}

.gi_minus_w {
  background: #fff;
}

.gi_plus_w {
  background: #fff;
}

.guest_btn {
  padding: 24px 33px;
  overflow: hidden;
}

.gb_add {
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 14px 14px;
  font-size: 16px;
  text-transform: uppercase;
  color: #16008c;
  border: 1px solid #16008c;
  border-radius: 8px;
  width: 223px;
  text-align: center;
  cursor: pointer;
}

.gb_apply {
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 14px 14px;
  font-size: 16px;
  text-transform: uppercase;
  background: #16008c;
  color: #fff;
  border: 1px solid #16008c;
  margin-left: 12px;
  border-radius: 8px;
  width: 223px;
  text-align: center;
  cursor: pointer;
}



/*календарь выбор даты*/
.calendarGet {
  position: absolute;
  background: #fff;
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 8px;
  font-size: 12px;
  width: 720px;
  /*overflow:hidden;*/
  top: 90px;
  background: #fff;
  z-index: 200;
  box-shadow: 0px 20px 30px 0px #1B2B3121;
}

.calendarGetOnes {
  position: absolute;
  background: #fff;
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 8px;
  font-size: 12px;
  width: 360px;
  /*overflow:hidden;*/
  top: 90px;
  background: #fff;
  z-index: 210;
  box-shadow: 0px 20px 30px 0px #1B2B3121;
}

.calendar-container {
  width: 308px;
  float: left;
  margin: 20px;
}

.calendar-days>div {
  width: 40px;
  height: 40px;
  line-height: 20px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  margin: 2px;
  font-size: 16px;
  display: inline-block;
}

.calendar-days>div.today {
  /*background: #B8FF00;*/
  font-weight: bold;
  color: #16008C !important;
}


.calendar-days>div.range {
  background: #F3F4F8;
}

.calendar-days>div.selected {
  background: #16008C;
  color: #fff;
}

.calendar-days>div.not-avail {
  color: #bbb;
  opacity: 0.7;
}

.calendar-days>div.not-current-month {
  color: #bbb;
  opacity: 0;
}

.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 29px;
  font-size: 20px;
  font-weight: bold;
}

.calendar-weekdays>div {
  width: 40px;
  margin: 2px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  color: #A4A5B5;

}

.calendar-weekdays>div:nth-child(6),
.calendar-weekdays>div:nth-child(7) {
  color: #16008C;
}

.calendar-prev {
  width: 48px;
  height: 48px;
  background: url(../images/calendar-prev.webp) center no-repeat;
  background-size: contain;
  cursor: pointer;
}

.calendar-next {
  width: 48px;
  height: 48px;
  background: url(../images/calendar-next.webp) center no-repeat;
  background-size: contain;
  cursor: pointer;
}



.wrapper3 {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 190;
  background: #202023;
  opacity: 60%;
  left: 0;
  top: 0;
}



#cookie_note2 {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  max-width: 90%;
  width: 400px;
  padding: 20px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
  z-index: 1000;
  background: #000000ee;
  color: #fff;
}

#cookie_note2.show {
  display: block;
}

#cookie_note2 p {
  margin: 20px 0;
  text-align: left;
}

#cookie_note2 a {
  color: #fff;
}

.cookie_accept2 {
  width: 100%;
  border: 0;
  padding: 10px;
  background: #fff;
  color: #000;
  cursor: pointer;
  border-radius: 3px;
}

.clamp {
  -webkit-line-clamp: 5;
  line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.clamp2 {
  -webkit-line-clamp: 10;
  line-clamp: 10;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

#cookie_note {
  display: none;
  position: fixed;
  bottom: 15px;
  left: 50%;
  max-width: 90%;
  width: 680px;
  padding: 20px;
  margin-left: -340px;
  background-color: white;
  border-radius: 8px;
  z-index: 1000;
  background: #00000099;
  color: #fff;

  /*display: block;*/

}

#cookie_note.show {
  display: block;
}

#cookie_note a {
  color: #fff;
  text-decoration: underline;
}

.cookie_accept {
  width: 167px;
  border: 0;
  padding: 10px;
  background: #fff;
  color: #000;
  cursor: pointer;
  border-radius: 8px;
  float: right;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: -5px;
}




.nav_line {
  overflow: hidden;
  padding-bottom: 40px;
}

.nav_line a {
  color: #303030;
}

.nav_line.nav_adres {
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 20px;
  border-top: 1px solid #00000016;
}

.nav_col {
  min-height: 30px;
  width: 232px;
  margin-right: 35px;
  /*background:#ffffff33;*/
  float: left;
}

.nav_col:last-child {
  margin-right: 0;
}

.nav_col.double {
  width: 499px;
}

.nav_col.toright {
  float: right;
}

.nav_col2 {
  width: 232px;
}

.nav_col3 {
  width: 420px;
}

.nav_title {
  margin-bottom: 32px;
}

.nav_title2 {
  margin-bottom: 10px;
  color: #202023;
}

.nav_item {
  margin-bottom: 20px;
}

.nav_account {
  display: block;
  font-size: 18px;
  line-height: 22px;
  padding: 5px 5px 5px 48px;
  margin-top: 8px;
  background: url(../images/account4.webp) center left no-repeat;
}

.nav_btn {
  color: var(#ffffff);
  background: var(#16008C);
  border-radius: 8px;
  padding: 14px;
  float: right;
  line-height: 20px;
  height: 48px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in;
  position: relative;
  z-index: 20;
  text-decoration: none;
}

.nav_btn:hover {
  color: var(--c_white);
  background: var(--c_red3);
}

.nav_mess {
  margin-right: 12px;
  width: 36px;
  height: 36px;
  float: left;
}

.pril1 {
  background: url(../images/pril1.webp) center no-repeat;
  background-size: contain;
}

.pril2 {
  background: url(../images/pril2.webp) center no-repeat;
  background-size: contain;
}

.pril3 {
  background: url(../images/pril3.webp) center no-repeat;
  background-size: contain;
}

.pril4 {
  background: url(../images/pril4.webp) center no-repeat;
  background-size: contain;
}

.nav_max {
  background: url(../svg/max.svg) center no-repeat;
  background-size: contain;
}

.nav_telegram {
  background: url(../images/telegram.webp) center no-repeat;
  background-size: contain;
}

.nav_sms {
  background: url(../images/sms.webp) center no-repeat;
  background-size: contain;
}

.nav_tel {
  background: url(../svg/nav_tel.svg) center no-repeat;
  background-size: contain;
}

.nav_email {
  background: url(../svg/nav_email.svg) center no-repeat;
  background-size: contain;
}

.bottom .nav_line.nav_adres {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 40px;
  border-top: 0;
}

.bottom .nav_line.nav_inf {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
}

.foot_mess {
  margin-right: 12px;
  width: 36px;
  height: 36px;
  float: left;
}

.foot_vk {
  background: url(../images/vk.webp) center no-repeat;
  background-size: contain;
}

.foot_tg {
  background: url(../images/tg.webp) center no-repeat;
  background-size: contain;
}

.foot_x {
  background: url(../images/x.webp) center no-repeat;
  background-size: contain;
}

.only_mobile {
  display: none !important;
}





/*************************************************/

:root {
  --color-page: #f4f4f4;
  --color-surface: #ffffff;
  --color-text: #14232d;
  --color-muted: #77808f;
  --color-subtle: #eef0f3;
  --color-border: #e5e8ed;
  --color-brand: #19008a;
  --color-brand-strong: #13006f;
  --color-accent: #a6ff00;
  --color-accent-hover: #93e800;
  --color-success: #20a816;
  --color-danger: #e83c3c;
  --color-warning: #ffae19;
  --shadow-soft: 0 8px 24px rgba(20, 35, 45, 0.04);
  --font-main: "Manrope Variable", Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-sm: 6px;
  --radius-md: 8px;
  --container: 1300px;
}

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

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}

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

img {
  display: block;
  max-width: 100%;
}

ul,
ol,
dl,
dd,
h1,
h2,
h3,
p {
  margin: 0;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

#app {
  min-height: 100vh;
}

.ui-container {
  width: min(100% - 40px, var(--container));
  margin-inline: auto;
}

.ui-card {
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-soft);
}

.ui-button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--radius-sm);
  padding: 0 24px;
  font-weight: 700;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.ui-button:hover {
  transform: translateY(-1px);
}

.ui-button--primary {
  background: var(--color-accent);
  color: #061100;
}

.ui-button--primary:hover {
  background: var(--color-accent-hover);
}

.ui-button--secondary {
  background: var(--color-brand);
  color: #ffffff;
  text-transform: uppercase;
}

.ui-button--secondary:hover {
  background: var(--color-brand-strong);
}

.icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  fill: currentColor;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
}

.text-success {
  color: var(--color-success);
}

.text-danger {
  color: var(--color-danger);
}

@media (max-width: 767px) {
  .ui-container {
    width: min(100% - 32px, var(--container));
  }
}

.brand {
  display: inline-flex;
  min-width: 189px;
  align-items: center;
  color: var(--color-brand);
}

.brand__logo {
  width: 189px;
  height: 46px;
  object-fit: contain;
}

.site-nav {
  display: flex;
  gap: 34px;
  color: var(--color-brand);
  font-size: 14px;
  font-weight: 600;
}

.site-nav a:hover {
  color: var(--color-brand-strong);
}

.icon-button {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--color-brand);
}

.icon-button img {
  width: 20px;
  height: 20px;
}

.icon-button:hover {
  background: #f1efff;
}

.account-link {
  position: relative;
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 6px;
  color: var(--color-brand);
  font-weight: 700;
}

.account-link__badge {
  position: absolute;
  top: -8px;
  left: 16px;
  border-radius: 999px;
  background: var(--color-warning);
  color: #ffffff;
  padding: 2px 8px;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

.account-link__icon {
  width: 20px;
  height: 20px;
}

.confirmation-hero {
  padding: 60px 0 48px;
}

.confirmation-hero__title {
  color: var(--color-success);
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.confirmation-hero__note {
  margin-top: 20px;
  color: var(--color-muted);
  font-size: 16px;
  line-height: 1.5;
}

.confirmation-hero__note strong {
  color: var(--color-text);
  font-weight: 500;
}

.booking-card {
  position: relative;
  display: block;
  min-height: 407px;
  padding: 32px;
}

.booking-card::before {
  position: absolute;
  top: 128px;
  right: 32px;
  left: 32px;
  height: 1px;
  background: var(--color-border);
  content: "";
}

.booking-card__title-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.booking-card__hotel,
.booking-card__details h3 {
  font-size: 20px;
  line-height: 1.25;
}

.booking-card__address {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  color: var(--color-muted);
  font-size: 16px;
}

.booking-card__address .icon {
  color: #9198a8;
}

.booking-card__address-icon {
  width: 20px;
  height: 20px;
}

.booking-card__guests-icon {
  width: 24px;
  height: 24px;
}

.booking-card__area-icon {
  width: 14px;
  height: 14px;
}

.booking-card__image {
  position: absolute;
  top: 0;
  right: 0;
  width: 209px;
  height: 127px;
  border-radius: var(--radius-sm);
  object-fit: cover;
}

.booking-card__details {
  position: absolute;
  top: 152px;
  left: 32px;
  display: grid;
  width: 448px;
  gap: 26px;
  padding-top: 0;
  border-top: 0;
}

.date-grid {
  display: grid;
  max-width: 230px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.date-grid div {
  display: grid;
  gap: 8px;
}

.date-grid strong {
  font-size: 16px;
  font-weight: 500;
}

.date-grid span {
  color: var(--color-muted);
  font-size: 14px;
}

.feature-line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.feature-line .icon {
  color: #a6adba;
}

.booking-card__payment {
  position: absolute;
  top: 158px;
  right: 41px;
  display: grid;
  width: 155px;
  align-self: start;
  gap: 6px;
  font-size: 14px;
}

.status-pill {
  width: max-content;
  border-radius: 999px;
  background: var(--color-success);
  color: #ffffff;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 500;
}

.booking-card__meta {
  position: absolute;
  right: 32px;
  bottom: 48px;
  left: 480px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  font-size: 16px;
}

.booking-card__price {
  position: absolute;
  bottom: 32px;
  left: 32px;
  font-size: 32px;
  line-height: 1;
}

.rating {
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  background: #edf0f5;
  color: #1d2b34;
  padding: 2px 8px;
  font-size: 16px;
  font-weight: 500;
}

.rating .icon {
  width: 14px;
  height: 14px;
}

.rating--mobile {
  display: none;
}

.section-card {
  padding: 32px;
}

.cancellation-card {
  min-height: 213px;
}

.section-card__title,
.contact-card__title {
  font-size: 20px;
  line-height: 1.2;
}

.section-card__hint {
  margin-top: 12px;
  color: var(--color-muted);
  font-size: 14px;
}

.cancellation-list {
  display: grid;
  gap: 12px;
  margin-top: 22px;
  font-size: 16px;
}

.cancellation-list li {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.info-card p {
  margin-top: 16px;
  font-size: 16px;
  line-height: 23px;
}

.info-card {
  min-height: 640px;
}

.contact-card {
  min-height: 288px;
  padding: 24px;
}

.contact-card--social {
  min-height: 306px;
}

.contact-list {
  display: grid;
  gap: 8px;
  margin-top: 22px;
}

.contact-list dt {
  color: var(--color-muted);
  font-size: 14px;
}

.contact-card__social-label {
  margin-top: 12px;
  color: var(--color-muted);
  font-size: 14px;
}

.contact-list dd {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
}

.social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.social {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
}

.social img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.booking-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 12px 0 28px;
}

.booking-actions .ui-button {
  min-height: 60px;
}

.newsletter-band {
  background: #ffffff;
  margin-top: 50px;
  padding: 0;
}

.newsletter-band__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 425.16px;
  min-height: 300px;
  align-items: center;
  gap: 30px;
  border-radius: var(--radius-md);
  background: #d9ff5b;
  padding: 32px 48px;
  transition: box-shadow 160ms ease;
  overflow: hidden;
}

.newsletter-band.is-field-focused .newsletter-band__inner {
  box-shadow: 0 0 0 3px rgba(25, 0, 138, 0.18);
}

.newsletter-band__content {
  position: relative;
  z-index: 1;
}

.newsletter-band h2 {
  max-width: 590px;
  color: var(--color-brand);
  font-size: clamp(26px, 3.1vw, 34px);
  font-weight: 900;
  line-height: 1.12;
}

.newsletter-band h2 span {
  display: inline-flex;
  border-radius: 999px;
  background: var(--color-warning);
  color: #ffffff;
  padding: 2px 14px 5px;
}

.newsletter-form {
  display: grid;
  max-width: 590px;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 18px;
  margin-top: 26px;
}

.newsletter-form input {
  width: 100%;
  min-height: 54px;
  border: 0;
  border-radius: var(--radius-sm);
  padding: 0 18px;
  color: var(--color-text);
  outline: 0;
}

.consent-line {
  display: flex;
  max-width: 620px;
  align-items: flex-start;
  gap: 10px;
  margin-top: 18px;
  color: var(--color-brand);
  font-size: 12px;
  line-height: 1.35;
}

.consent-line input {
  width: 16px;
  height: 16px;
  margin: 1px 0 0;
}

.newsletter-band__media {
  position: relative;
  align-self: stretch;
  min-height: 1px;
}

.newsletter-band__image {
  position: absolute;
  top: 50%;
  right: 0;
  width: 425.16px;
  height: 420.98px;
  justify-self: end;
  object-fit: contain;
  translate: 0 -50%;
  transform: rotate(12.37deg);
}

.footer-column__toggle {
  display: none;
}

.footer-column__title {
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 1.2;
}

.footer-column__links {
  display: grid;
  gap: 28px;
  color: #273743;
  font-size: 14px;
}

.footer-column__links a:hover,
.footer-legal a:hover {
  color: var(--color-brand);
}

.payment-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.payment-logo {
  display: block;
  width: auto;
  max-width: 64px;
  height: 24px;
  object-fit: contain;
}

.page-state {
  margin: 60px 0;
  padding: 28px;
  text-align: center;
}

.page-state--error {
  color: var(--color-danger);
}

.page {
  min-height: 100vh;
  background: var(--color-page);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(20, 35, 45, 0.04);
}

.site-header__inner {
  display: flex;
  min-height: 80px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.site-header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.page__main {
  padding-bottom: 80px;
}

.booking-layout {
  display: grid;
  grid-template-columns: 860px 420px;
  gap: 20px;
  align-items: start;
}

.booking-layout__main,
.booking-layout__aside {
  display: grid;
  gap: 20px;
}

.contact-grid {
  display: none;
}

.site-footer {
  background: #ffffff;
  padding: 80px 0 70px;
}

.footer-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(170px, 1fr);
  gap: 42px;
}

.footer-contacts {
  display: grid;
  grid-template-columns: 180px 210px minmax(0, 1fr);
  gap: 42px;
  margin-top: 70px;
}

.footer-contacts div {
  display: grid;
  gap: 6px;
}

.footer-contacts span,
.footer-legal,
.footer-note {
  color: var(--color-muted);
}

.footer-contacts strong {
  font-size: 16px;
  line-height: 1.25;
}

.footer-contacts span {
  line-height: 1.25;
}

.footer-legal {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 32px;
  margin-top: 48px;
  font-size: 12px;
}

.footer-legal a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.footer-note {
  margin-top: 28px;
  font-size: 12px;
  line-height: 1.55;
}

@media (max-width: 1099px) {
  :root {
    --container: 960px;
  }

  .page__main {
    padding-bottom: 48px;
  }

  .site-nav {
    display: none;
  }

  .brand {
    min-width: 173px;
  }

  .brand__logo {
    width: 173px;
    height: auto;
  }

  .confirmation-hero {
    padding: 70px 0 32px;
  }

  .booking-layout {
    grid-template-columns: 1fr;
  }

  .booking-card {
    min-height: 394px;
  }

  .booking-card__payment {
    right: 32px;
    width: 299px;
  }

  .booking-card__meta {
    right: 32px;
    left: 50%;
  }

  .info-card {
    min-height: 592px;
  }

  .booking-actions {
    margin: 0 0 28px;
  }

  .booking-layout__aside {
    display: none;
  }

  .contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 20px;
  }

  .footer-columns {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
  }

  .site-footer {
    padding: 48px 0 55px;
  }

  .footer-contacts {
    margin-top: 48px;
  }

  .footer-column__links {
    gap: 21px;
  }

  .contact-card {
    min-height: 306px;
  }

  .newsletter-band__inner {
    grid-template-columns: minmax(0, 1fr) 317.8px;
    min-height: 258px;
    padding-block: 32px;
  }

  .newsletter-band {
    margin-top: 32px;
  }
}

@media (max-width: 900px) {
  :root {
    --container: 708px;
  }

  .site-header__inner {
    min-height: 70px;
  }

  .confirmation-hero {
    padding: 32px 0;
  }

  .confirmation-hero__title {
    font-size: 32px;
    line-height: 38px;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .booking-card {
    min-height: 418px;
  }

  .booking-card__details {
    width: 322px;
  }

  .booking-card__meta {
    left: calc(50% - 16px);
    gap: 20px;
  }

  .info-card {
    min-height: 784px;
  }

  .footer-columns {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .footer-column--support {
    grid-column: 1 / -1;
  }

  .newsletter-band__inner {
    grid-template-columns: minmax(0, 1fr) 187.43px;
    /* min-height: 246px; */
    padding: 24px 32px;
  }

  /* .newsletter-band__image {
		width: 187.43px;
		height: 185.59px;
	} */
}

@media (min-width: 901px) and (max-width: 1099px) {
  .newsletter-band__image {
    width: 317.8px;
    height: 314.68px;
  }
}

@media (max-width: 767px) {
  :root {
    --container: 420px;
  }

  .page__main {
    padding-bottom: 32px;
  }

  .site-header__inner {
    min-height: 64px;
    gap: 10px;
  }

  .brand {
    min-width: 152px;
  }

  .brand__logo {
    width: 152px;
    height: auto;
  }

  .site-header__actions>.icon-button {
    display: none;
  }

  .icon-button--optional {
    display: none;
  }

  .account-link {
    gap: 4px;
    font-size: 12px;
  }

  .account-link__badge {
    top: -6px;
    left: 8px;
    padding: 2px 6px;
    font-size: 10px;
  }

  .confirmation-hero {
    padding: 24px 0 20px;
  }

  .confirmation-hero__title {
    max-width: 246px;
    font-size: 20px;
    line-height: 24px;
  }

  .confirmation-hero__note {
    max-width: 284px;
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.5;
  }

  .booking-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px;
    gap: 16px;
    min-height: 574px;
    padding: 20px;
  }

  .booking-card::before {
    display: none;
  }

  .booking-card__head {
    grid-column: 1 / 2;
  }

  .booking-card__image {
    position: static;
    width: 96px;
    height: 70px;
    align-self: center;
  }

  .booking-card__title-group {
    display: grid;
    justify-items: start;
    gap: 12px;
  }

  .booking-card__hotel,
  .booking-card__details h3 {
    font-size: 16px;
  }

  .booking-card__address {
    align-items: flex-start;
    font-size: 14px;
  }

  .booking-card__details,
  .booking-card__payment,
  .booking-card__meta,
  .booking-card__price {
    position: static;
    width: auto;
    grid-column: 1 / -1;
  }

  .booking-card__details {
    padding-top: 18px;
    border-top: 1px solid var(--color-border);
  }

  .booking-card__payment {
    order: 4;
    gap: 8px;
  }

  .booking-card__meta {
    order: 3;
    display: grid;
    justify-content: start;
    gap: 12px;
  }

  .booking-card__price {
    order: 5;
    font-size: 32px;
  }

  .rating--desktop {
    display: none;
  }

  .rating--mobile {
    display: inline-flex;
  }

  .booking-actions {
    grid-template-columns: 1fr;
    gap: 16px;
    margin: 0 0 12px;
  }

  .section-card,
  .contact-card {
    padding: 20px;
  }

  .cancellation-card {
    min-height: 191px;
  }

  .cancellation-list {
    gap: 8px;
    margin-top: 18px;
    font-size: 14px;
  }

  .section-card__title {
    font-size: 16px;
  }

  .info-card p {
    font-size: 14px;
    line-height: 1.52;
  }

  .info-card {
    min-height: 1343px;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .site-footer {
    padding: 0 0 26px;
  }

  .site-footer__inner {
    width: 100%;
  }

  .footer-columns {
    display: block;
  }

  .footer-column {
    border-bottom: 1px solid var(--color-border);
    padding: 0 16px;
  }

  .footer-column--support {
    border-bottom: 0;
    padding: 22px 16px 0;
  }

  .footer-column__title {
    display: none;
  }

  .footer-column--support .footer-column__title {
    display: block;
  }

  .footer-column__toggle {
    display: flex;
    width: 100%;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: transparent;
    color: var(--color-text);
    padding: 0;
    font-weight: 800;
    text-align: left;
  }

  .footer-column__toggle .icon {
    transition: transform 160ms ease;
  }

  .footer-column__toggle.is-open .icon {
    transform: rotate(180deg);
  }

  .footer-column__links {
    display: none;
    padding: 0 0 18px;
  }

  .footer-column__links.is-open {
    display: grid;
  }

  .footer-contacts {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 26px;
    padding: 0 16px;
  }

  .footer-legal {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 28px;
    padding: 0 16px;
  }

  .footer-note {
    padding: 0 16px;
  }

  .newsletter-band {
    margin-top: 89px;
    padding: 0;
  }

  .newsletter-band__inner {
    grid-template-columns: 1fr;
    gap: 16px;
    min-height: 310px;
    padding: 22px 20px;
  }

  .newsletter-band h2 {
    font-size: 22px;
  }

  .newsletter-form {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .newsletter-band__media {
    display: none;
  }
}

@media (max-width: 420px) {
  .booking-card {
    grid-template-columns: minmax(0, 1fr) 84px;
  }

  .booking-card__image {
    width: 84px;
    height: 71px;
  }

  .date-grid {
    gap: 12px;
  }
}

section.footer-column {
  padding: 0 16px;
}

section.footer-column--support {
  border-bottom: 0;
  padding: 22px 16px 0;
}

.footer-column__title {
  text-align: left !important;
}

.hb_phone {
  display: inline-block;
}

/************************************************/




/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/**
 * Swiper 9.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 16, 2023
 */

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

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

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

.swiper-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  /*height: 380px;*/
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -o-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}


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

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

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

.swiper-slide,
swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /*width: 100%;*/
  width: 242px;
  margin: 0 10px;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

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

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

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

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

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

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

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-centered>.swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

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

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

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

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

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

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

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

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

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

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none;
}

.swiper .swiper-notification,
swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  -o-transition-property: transform, opacity, height;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
/*rtl:begin:ignore*/
  left: 0;
}

/*
/*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
/*rtl:begin:ignore*/
  right: 0;
}

/*
/*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  -o-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

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

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.dayContainer+.dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@font-face {
  font-family: "fontello";
  src: url("../font/fontello.eot?27009070");
  src: url("../fonts/fontello.eot?27009070#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?27009070") format("woff2"), url("../fonts/fontello.woff?27009070") format("woff"), url("../fonts/fontello.ttf?27009070") format("truetype"), url("../fonts/fontello.svg?27009070#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'fontello';
      src: url('../font/fontello.svg?27009070#fontello') format('svg');
    }
  }
  */

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-ates:before {
  content: "\e800";
}

/* '' */

.icon-favorites:before {
  content: "\e801";
}

/* '' */

.icon-hotels:before {
  content: "\e802";
}

/* '' */

.icon-insurance:before {
  content: "\e803";
}

/* '' */

.icon-personal:before {
  content: "\e804";
}

/* '' */

.icon-tours:before {
  content: "\e805";
}

/* '' */

.icon-transfer:before {
  content: "\e806";
}

/* '' */

.icon-visas:before {
  content: "\e807";
}

/* '' */

.icon-mail:before {
  content: "\e808";
}

/* '' */

.icon-max:before {
  content: "\e809";
}

/* '' */

.icon-phone:before {
  content: "\e80a";
}

/* '' */

.icon-tg:before {
  content: "\e80b";
}

/* '' */

.icon-vk:before {
  content: "\e80c";
}

/* '' */

.icon-people:before {
  content: "\e80d";
}

/* '' */

.icon-find:before {
  content: "\e80e";
}

/* '' */

.icon-calendar:before {
  content: "\e80f";
}

/* '' */

.icon-angle-down:before {
  content: "\f107";
}

/* '' */

:root {
  --black: #1b2b31;
  --lime: #d8ff6d;
  --blue: #16008c;
  --yellow: #ffa707;
  --gray: #828393;
  --green: #29a71a;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  overflow-x: hidden;
  background-color: #f9f9f9;
  min-width: 320px;
  color: var(--black);
  letter-spacing: -0.01em;
}

.container {
  width: 100%;
  max-width: 1320px;
  padding: 0 15px;
  margin: 0 auto;
}

a {
  text-decoration: none;
}

section {
  padding-top: 86px;
  padding-bottom: 86px;
}

.hidden {
  display: none;
}

.icon-tg {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #27a6e5;
  border-radius: 8px;
  font-size: 24px;
}

.icon-max {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #4158d0;
  /* Базовый синий */
  background-image: -o-radial-gradient(at 0% 100%, #48c6ef 0%, transparent 50%), -o-radial-gradient(at 100% 100%, #c058f3 0%, transparent 50%), -o-radial-gradient(at 100% 0%, #7b2ff7 0%, transparent 50%), -o-radial-gradient(at 0% 0%, #2b57f7 0%, transparent 50%);
  background-image: radial-gradient(at 0% 100%, #48c6ef 0%, transparent 50%), radial-gradient(at 100% 100%, #c058f3 0%, transparent 50%), radial-gradient(at 100% 0%, #7b2ff7 0%, transparent 50%), radial-gradient(at 0% 0%, #2b57f7 0%, transparent 50%);
  border-radius: 8px;
  font-size: 24px;
}

.icon-phone {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), var(--blue);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--blue);
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--blue);
  border-radius: 8px;
  font-size: 24px;
}

.icon-mail {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), var(--blue);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--blue);
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--blue);
  border-radius: 8px;
  font-size: 24px;
}

.icon-vk {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0077ff;
  border-radius: 8px;
  font-size: 24px;
}

h2,
.section-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  text-align: center;
  margin-bottom: 48px;
}

.btn {
  padding: 14px 32px;
  border-radius: 8px;
  background-color: var(--blue);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
  cursor: pointer;
  outline: none;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.btn:hover {
  background-color: #2200d9;
}

input[type=text],
input[type=email],
input[type=password] {
  width: 100%;
  padding: 14px 20px;
  height: 70px;
  border-radius: 8px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: #444;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
  font-size: 14px;
  color: #c4c9d4;
}

input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder {
  font-size: 14px;
  color: #c4c9d4;
}

input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder {
  font-size: 14px;
  color: #c4c9d4;
}

input[type=text]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder {
  font-size: 14px;
  color: #c4c9d4;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder {
  font-size: 14px;
  color: #c4c9d4;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus {
  border-color: var(--blue);
}

input[type=text]:user-invalid,
input[type=email]:user-invalid,
input[type=password]:user-invalid {
  border-color: var(--red, #dc3545);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.checkbox-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}

.checkbox-item .checkbox-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--blue);
}

.checkbox-item .checkbox-label a {
  color: #2787f5;
}

.checkbox-item .checkbox-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(27, 43, 49, 0.3);
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Смена цвета границы при наведении */
  /* Стили для чекбокса при фокусе */
  /* Отключенный чекбокс */
}

.checkbox-item .checkbox-input:user-invalid {
  border-color: var(--red, #dc3545);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.checkbox-item .checkbox-input:checked {
  background-color: var(--blue);
  border-color: var(--blue);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.checkbox-item .checkbox-input:active {
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
}

.checkbox-item .checkbox-input:hover:not(:disabled) {
  border-color: var(--blue);
}

.checkbox-item .checkbox-input:focus {
  border-color: var(--blue);
  outline: none;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.checkbox-item .checkbox-input:disabled {
  -webkit-filter: none;
  filter: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.checkbox-item .checkbox-input:disabled~.checkbox-label {
  opacity: 0.5;
  cursor: not-allowed;
}

.pt60 {
  padding-top: 60px;
}

.pl60 {
  padding-left: 60px;
}

.header {
  background-color: var(--lime);
}

.top__line {
  color: var(--blue);
  padding: 17px 0;
  line-height: 0.5;
}

.top__line-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.top__line .logo {
  display: block;
}

.top__line .logo img {
  height: auto;
  max-width: 174px;
}

.top__line-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.top__line-actions .icon-favorites {
  font-size: 24px;
  font-weight: 600;
  stroke-width: 4px;
}

.top__line-favorites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-size: 36px;
}

.top__line-accaunt {
  position: relative;
}

.top__line-accaunt .sale {
  position: absolute;
  top: -14px;
  right: 12px;
  background-color: var(--yellow);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 6px;
  border-radius: 100px;
}

.top__line-accaunt-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.top__line-accaunt-name span.icon-personal {
  font-size: 22px;
  margin-right: 12px;
}

.top__line-accaunt-name span.icon-angle-down {
  font-size: 24px;
}

.nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 41px;
}

.nav__list a {
  color: var(--blue);
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.nav__list a:hover {
  color: var(--yellow);
}

.hero {
  background-color: var(--lime);
  padding-bottom: 80px;
  padding-top: 73px;
  position: relative;
  z-index: 3;
}

.hero h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  color: var(--blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}

.hero h1 span {
  background: var(--yellow);
  color: #fff;
  padding: 0 16px;
  border-radius: 100px;
}

.tab__wrapper {
  margin-top: 45px;
}

.tab__wrapper .tab__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
}

.tab__wrapper .tab__items ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 60px;
}

.tab__wrapper .tab__items ul .tab__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  color: var(--blue);
  cursor: pointer;
}

.tab__wrapper .tab__items ul .tab__item span {
  font-size: 32px;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 16px;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  margin-bottom: 15px;
}

.tab__wrapper .tab__items ul .tab__item.active span {
  color: #fff;
  background-color: var(--blue);
}

.tab__wrapper .tab__content-item {
  display: none;
  /*text-align: center;*/
  color: #888;
  font-weight: 300;
  font-size: 15px;
  opacity: 0;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-animation: fadeIn 0.5s ease 1 forwards;
  animation: fadeIn 0.5s ease 1 forwards;
}

.tab__wrapper .tab__content-item.active {
  display: block;
  z-index: 195;
  position: relative;
}

@-webkit-keyframes fadeIn {
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeIn {
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.flatpickr-day.today {
  border-color: var(--green);
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 8px;
  background-color: var(--lime);
  border-color: var(--lime);
  color: var(--black);
}

.flatpickr-day.inRange {
  background-color: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #f5f5f5;
}

.search-bar form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-bar form input {
  border: transparent !important;
  height: 60px !important;
}

.search-bar .dropdown {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 220px;
}

.search-bar .field {
  height: 64px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  font-size: 18px;
  color: #444;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search-bar .field:focus-within {
  border-color: var(--blue);
}

.search-bar .field:focus-within span {
  color: var(--blue);
}

.search-bar .destination-dropdown {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  max-width: 420px;
}

.search-bar .data-dropdown {
  max-width: 310px;
}

.search-bar .guest-dropdown {
  max-width: 310px;
}

.search-bar .destination-field {
  gap: 12px;
  cursor: text;
}

.search-bar .destination-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-size: 18px;
  color: #444;
  width: 100%;
}

.search-bar .icon-input {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 18px;
  color: #c4c9d4;
}

.search-bar .dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
  z-index: 99999;
}

.search-bar .dropdown-menu.show {
  display: block;
}

.search-bar .hotel-menu {
  width: 100%;
  min-width: 360px;
  padding: 12px;
  text-align: left;
}

.search-bar .dropdown-title {
  font-size: 18px;
  font-weight: 700;
  padding: 12px;
}

.search-bar .dropdown-item {
  padding: 14px 12px;
  border-radius: 12px;
  cursor: pointer;
  color: var(--black);
}

.search-bar .dropdown-item:hover,
.search-bar .dropdown-item.active {
  background: #f3f3f8;
}

.search-bar .dropdown-item small {
  color: var(--gray);
}

.search-bar .calendar-menu {
  padding: 20px;
  width: auto;
  border-radius: 20px;
  background: #fff;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.14);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.14);
}

.search-bar .guests-menu {
  width: 280px;
  padding: 18px;
}

.search-bar .guest-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.search-bar .guest-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

.search-bar .guest-controls button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: none;
  background: #ececf1;
  cursor: pointer;
  font-size: 22px;
}

.search-bar .search-btn {
  height: 64px;
  padding: 0 42px;
  border: none;
  border-radius: 8px;
  background: #2400b8;
  color: white;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
  max-width: 210px;
  text-transform: uppercase;
}

.swiper {
  width: 100%;
  height: 100%;
}

.custom-next,
.custom-prev {
  color: var(--black);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.custom-next:after,
.custom-prev:after {
  font-size: 14px;
  font-weight: 600;
}

.custom-prev {
  left: var(--swiper-navigation-sides-offset, -30px);
}

.custom-next {
  right: var(--swiper-navigation-sides-offset, -30px);
}

.profitable {
  padding-bottom: 55px;
}

.profitable .swiper-slide img,
.profitable .swiper-slide picture {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 22px;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.profitable__item {
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  padding-bottom: 30px;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.profitable__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  /* Наклоняем полоску для динамики */
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.profitable__item:hover {
  /*-webkit-box-shadow: inset 0 0 10px rgba(27, 43, 49, 0.3);
  box-shadow: inset 0 0 10px rgba(27, 43, 49, 0.3);*/
}

.profitable__item:hover img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.profitable__item:hover:before {
  left: 150%;
  /* Блик пролетает насквозь вправо */
  -webkit-transition: left 0.7s ease-in-out;
  -o-transition: left 0.7s ease-in-out;
  transition: left 0.7s ease-in-out;
}

.profitable__item-info {
  padding: 0 20px;
}

.profitable__item-name {
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}

.profitable__item-name a {
  color: var(--black);
}

.profitable__item-location {
  font-weight: 500;
  font-size: 14px;
  color: var(--gray);
  margin-bottom: 10px;
}

.profitable__item-likes {
  font-weight: 500;
  font-size: 14px;
  color: var(--gray);
  text-decoration: underline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  margin-bottom: 25px;
}

.profitable__item-likes span {
  text-decoration: none;
  color: var(--black);
  background-color: var(--yellow);
  padding: 2px 8px;
  border-radius: 100px;
}

.profitable__item-cashback {
  display: inline-block;
  border-radius: 100px;
  color: var(--green);
  background-color: rgba(41, 167, 26, 0.2);
  padding: 1px 12px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.profitable__item-price {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.profitable__item-price span {
  color: var(--gray);
  font-size: 16px;
  font-weight: 500;
}

.copy_sale {
  height: 62px;
  width: 322px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}

.copy_sale:before {
  content: "";
  position: absolute;
  left: -50px;
  bottom: -10px;
  width: 74px;
  height: 74px;
  background: url(../img2/sale_input.webp) center center no-repeat;
  background-size: contain;
  z-index: 0;
}

.copy_sale .btn {
  height: 62px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.copy_input {
  font-weight: 700;
  font-size: 20px;
  color: var(--blue);
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.baner__content {
  background-color: var(--lime);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  border-radius: 8px;
}

.baner__text {
  padding-left: 60px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.baner__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  color: var(--blue);
  text-align: left;
}

.baner__title span {
  background-color: var(--yellow);
  color: #fff;
  padding: 0 16px;
  border-radius: 100px;
}

.baner__title span:after {
  content: "\a";
  white-space: pre;
}

.baner__btn {
  padding: 14px 32px;
  border-radius: 8px;
  background-color: var(--yellow);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}

.baner__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  color: var(--blue);
  font-size: 14px;
  margin-top: 25px;
}

.baner__info a {
  color: rgba(22, 0, 140, 0.5);
  font-weight: 500;
  text-decoration: underline;
}

.baner form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.baner__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.baner__image:before {
  content: "%";
  position: absolute;
  left: -75px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 200px;
  font-weight: 700;
  color: #fff;
}

.baner__image img {
  width: 100%;
  height: auto;
  max-width: 635px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.baner-email {
  padding-top: 55px;
}

.baner-email__content {
  background-color: var(--lime);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  padding-top: 23px;
}

.baner-email__text {
  padding-left: 50px;
}

.baner-email__text h2 {
  margin-bottom: 20px;
}

.baner-email__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  color: var(--blue);
  text-align: left;
}

.baner-email__title span {
  background-color: var(--yellow);
  color: #fff;
  padding: 0 16px;
  border-radius: 100px;
}

.baner-email__title span:after {
  content: "\a";
  white-space: pre;
}

.baner-email__btn {
  padding: 14px 38px;
  border-radius: 8px;
  background-color: var(--yellow);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}

.baner-email form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.baner-email form .form-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.baner-email form .btn {
  padding: 14px 60px;
  text-transform: uppercase;
}

.baner-email__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.baner-email__image img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  width: 100%;
  max-width: 425px;
  height: auto;
}

.popular {
  padding-bottom: 20px;
}

.popular__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.popular__item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.popular__item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  /* Наклоняем полоску для динамики */
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  z-index: 2;
}

.popular__item:hover:before {
  left: 150%;
  /* Блик пролетает насквозь вправо */
  -webkit-transition: left 0.7s ease-in-out;
  -o-transition: left 0.7s ease-in-out;
  transition: left 0.7s ease-in-out;
}

.popular__item:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.popular__item img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.popular__item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.2)));
  background: -o-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 80%);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 80%);
  z-index: 1;
}

.popular__item-info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  z-index: 2;
  padding: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.popular__item-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  gap: 5px;
  margin-bottom: 10px;
}

.popular__item-country span {
  width: 16px;
  height: 12px;
}

.popular__item-city {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  color: #fff;
  z-index: 2;
  margin-bottom: 10px;
}

.popular__item-price {
  font-size: 12px;
  color: var(--blue);
  padding: 4px 10px;
  background-color: var(--green);
  border-radius: 100px;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.read-all {
  display: inline-block;
}

.read-all a {
  font-weight: 700;
  color: var(--blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.read-all a:hover {
  color: var(--green);
}

.read-all a span {
  font-size: 28px;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.read-all a.active span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.more-text {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
  /* Изначально высота "0" */
  -webkit-transition: grid-template-rows 0.5s ease-out;
  -o-transition: grid-template-rows 0.5s ease-out;
  transition: grid-template-rows 0.5s ease-out;
  transition: grid-template-rows 0.5s ease-out, -ms-grid-rows 0.5s ease-out;
  overflow: hidden;
}

.more-text.show {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}

.more-text_wrapper {
  min-height: 0;
}

.about {
  padding-top: 105px;
}

.about h2 {
  text-align: left;
  margin-bottom: 35px;
}

.about__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.about__content p {
  margin-bottom: 20px;
}

.about__image img {
  position: sticky;
  top: 0;
  width: 100%;
  max-width: 658px;
  height: auto;
}

.footer {
  background-color: #fff;
  padding-top: 60px;
}

.footer__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
}

.footer__menu-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 32px;
}

.footer__menu-list {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}

.footer__menu-list a {
  font-size: 16px;
  font-weight: 500;
  color: var(--black);
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.footer__menu-list a:hover {
  color: var(--yellow);
}

.footer__socials a {
  color: #fff;
}

.footer__socials-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.footer__socials-list span {
  position: relative;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.footer__socials-list span:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.footer__socials-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
}

.footer__info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 35px;
  color: var(--gray);
  font-size: 14px;
  margin-top: 48px;
}

.footer__info a {
  color: var(--gray);
  text-decoration: underline;
}

.footer__info-text {
  color: var(--gray);
  font-size: 14px;
  margin-top: 32px;
  padding-bottom: 48px;
}

@media (max-width: 1199px) {
  .container {
    /*max-width: 990px;*/
  }
}

@media (max-width: 1024px) {
  .search-bar .calendar-menu {
    width: 340px;
  }
}

@media (max-width: 991px) {
  .container {
    /*max-width: 750px;*/
  }

  .popular__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */

  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media (max-width: 768px) {
  .search-bar .search-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .search-bar .dropdown,
  .search-bar .search-btn {
    width: 100%;
  }

  .search-bar .hotel-menu,
  .search-bar .guests-menu {
    width: 100%;
    min-width: unset;
  }
}

@media (max-width: 767px) {
  .container {
    max-width: 100%;
    padding: 0 10px;
  }

  .popular__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 479px) {
  .container {
    padding: 0 5px;
  }
}