:root {
--vsls-blue: #101333;
--vsls-blue-2: #17295a;
--vsls-yellow: #f2c94c;
--vsls-text: #101333;
--vsls-muted: #6d7280;
--vsls-white: #ffffff;
--vsls-soft: #f7f7f8;
--vsls-border: rgba(16, 19, 51, .10);
--vsls-border-strong: rgba(16, 19, 51, .16);
--vsls-shadow:
0 10px 35px rgba(16, 19, 51, .07);
--vsls-shadow-hover:
0 16px 45px rgba(16, 19, 51, .12);
}  .am-els .am-els__filters {
margin: 0 0 28px !important;
}
.am-els .am-els__filters-top {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 14px !important;
} .am-els .am-els__filters-search {
width: 100% !important;
}
.am-els .am-els__filters-search .am-input-wrapper,
.am-els .am-els__filters-search .am-input,
.am-els .am-els__filters-search .el-input {
width: 100% !important;
}
.am-els .am-els__filters-search .el-input__wrapper {
width: 100% !important;
min-height: 58px !important;
padding: 0 20px !important;
background: #fff !important;
border: none !important;
border-radius: 15px !important;
box-shadow:
0 4px 16px rgba(16, 19, 51, .035) !important;
transition:
border-color .25s ease,
box-shadow .25s ease !important;
}
#amelia-container.am-elf .am-ct .el-input__wrapper {
border: none !important;
}
.am-els .am-els__filters-search .el-input__wrapper:hover {
border-color: var(--vsls-border-strong) !important;
}
.am-els .am-els__filters-search .el-input__wrapper.is-focus {
border-color: rgba(16, 19, 51, .35) !important;
box-shadow:
0 0 0 4px rgba(16, 19, 51, .05) !important;
}
.am-els .am-els__filters-search .el-input__inner {
height: 56px !important;
font-size: 16px !important;
line-height: 56px !important;
color: var(--vsls-text) !important;
}
.am-els .am-els__filters-search .el-input__inner::placeholder {
color: #7b7e86 !important;
opacity: 1 !important;
}
.am-els .am-els__filters-search .el-input__prefix {
margin-right: 10px !important;
color: var(--vsls-blue) !important;
} .am-els .am-els__filters-search .am-icon-search {
font-size: 20px !important;
color: var(--vsls-blue) !important;
} .am-els .am-els__filters-menu__btn {
margin: 0 !important;
}
.am-els .am-els__filters-menu__btn-inner {
min-width: 145px !important;
min-height: 58px !important;
padding: 0 25px !important;
background: #fff !important;
border: 1px solid var(--vsls-border-strong) !important;
border-radius: 15px !important;
color: var(--vsls-blue) !important;
box-shadow:
0 4px 16px rgba(16, 19, 51, .035) !important;
transition:
background-color .25s ease,
border-color .25s ease,
color .25s ease,
transform .25s ease !important;
}
.am-els .am-els__filters-menu__btn-inner:hover {
background: var(--vsls-blue) !important;
border-color: var(--vsls-blue) !important;
color: #fff !important;
transform: translateY(-1px);
}
.am-els .am-els__filters-menu__btn-inner .am-button__inner {
display: flex !important;
align-items: center !important;
gap: 9px !important;
color: inherit !important;
font-size: 15px !important;
font-weight: 500 !important;
}
.am-els .am-els__filters-menu__btn-inner .am-icon-filter {
font-size: 18px !important;
color: inherit !important;
} .am-els .am-ec {
position: relative !important;
display: grid !important;
grid-template-columns:
240px
minmax(0, 1fr)
180px !important;
grid-template-rows: auto !important;
width: 100% !important;
min-height: 190px !important;
margin: 0 0 20px !important;
padding: 0 !important;
background: #fff !important;
border: 1px solid var(--vsls-border) !important;
border-radius: 20px !important;
overflow: hidden !important;
box-shadow: var(--vsls-shadow) !important;
transition:
transform .3s ease,
box-shadow .3s ease,
border-color .3s ease !important;
}
.am-els .am-ec:hover {
transform: translateY(-3px) !important;
border-color: rgba(16, 19, 51, .14) !important;
box-shadow: var(--vsls-shadow-hover) !important;
} .am-els .am-ec__image {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
height: 100% !important;
min-width: 0 !important;
min-height: 190px !important;
margin: 0 !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
border: 0 !important;
border-radius: 0 !important;
transition: transform .45s ease !important;
}
.am-els .am-ec:hover .am-ec__image {
transform: scale(1.025) !important;
} .am-els .am-ec__period {
position: absolute !important;
z-index: 5 !important;
top: 20px !important;
left: 20px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 82px !important;
min-width: 82px !important;
height: auto !important;
min-height: 94px !important;
margin: 0 !important;
padding: 11px 9px !important;
background: rgba(16, 19, 51, .96) !important;
border: 1px solid rgba(255, 255, 255, .10) !important;
border-radius: 13px !important;
color: #fff !important;
box-shadow:
0 8px 22px rgba(0, 0, 0, .20) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.am-els .am-ec__period-date {
display: flex !important;
align-items: baseline !important;
justify-content: center !important;
flex-wrap: wrap !important;
width: 100% !important;
gap: 4px !important;
margin: 0 !important;
text-align: center !important;
color: #fff !important;
}
.am-els .am-ec__period-date__day {
width: 100% !important;
font-size: 28px !important;
line-height: 1 !important;
font-weight: 700 !important;
color: #fff !important;
}
.am-els .am-ec__period-date__month {
margin-top: 5px !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 700 !important;
text-transform: uppercase !important;
color: var(--vsls-yellow) !important;
}
.am-els .am-ec__period-date__year {
display: none !important;
}
.am-els .am-ec__period-time {
width: 100% !important;
margin: 7px 0 0 !important;
padding: 7px 0 0 !important;
border-top: 1px solid rgba(255, 255, 255, .22) !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 500 !important;
text-align: center !important;
color: #fff !important;
} .am-els .am-ec__info {
grid-column: 2 !important;
grid-row: 1 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
width: auto !important;
padding: 32px 36px !important;
background: #fff !important;
} .am-els .am-ec__info-name {
width: 100% !important;
max-width: 720px !important;
margin: 0 0 18px !important;
font-size: clamp(21px, 1.8vw, 27px) !important;
line-height: 1.22 !important;
font-weight: 600 !important;
letter-spacing: -.02em !important;
color: var(--vsls-blue) !important;
word-break: normal !important;
overflow-wrap: normal !important;
} .am-els .am-ec__info-location {
position: relative !important;
width: 100% !important;
margin: 0 0 25px !important;
padding: 0 0 0 27px !important;
font-size: 15px !important;
line-height: 1.5 !important;
font-weight: 400 !important;
color: var(--vsls-muted) !important;
} .am-els .am-ec__info-location::before {
content: "" !important;
position: absolute !important;
top: 2px !important;
left: 2px !important;
width: 13px !important;
height: 13px !important;
border: 2px solid var(--vsls-blue) !important;
border-radius: 50% 50% 50% 0 !important;
transform: rotate(-45deg) !important;
}
.am-els .am-ec__info-location::after {
content: "" !important;
position: absolute !important;
top: 7px !important;
left: 7px !important;
width: 3px !important;
height: 3px !important;
background: var(--vsls-blue) !important;
border-radius: 50% !important;
} .am-els .am-ec__info-other {
display: flex !important;
align-items: center !important;
width: 100% !important;
gap: 8px !important;
margin: 0 !important;
} .am-els .am-ec__info-availability.open {
display: none !important;
}
.am-els .am-ec__info-capacity {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
gap: 7px !important;
margin: 0 !important;
padding: 9px 14px !important;
background: rgba(16, 19, 51, .045) !important;
border: 1px solid rgba(16, 19, 51, .055) !important;
border-radius: 100px !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 500 !important;
color: var(--vsls-blue) !important;
}
.am-els .am-ec__info-capacity::before {
content: "" !important;
display: block !important;
width: 8px !important;
height: 8px !important;
flex: 0 0 8px !important;
background: var(--vsls-yellow) !important;
border-radius: 50% !important;
}
.am-els .am-ec__info-capacity__number,
.am-els .am-ec__info-capacity__text {
color: var(--vsls-blue) !important;
} .am-els .am-ec__actions {
grid-column: 3 !important;
grid-row: 1 !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: center !important;
width: 100% !important;
padding: 30px 28px !important;
background: #fff !important;
border-left: 1px solid rgba(16, 19, 51, .07) !important;
} .am-els .am-ec__actions-price {
width: 100% !important;
margin: 0 0 23px !important;
text-align: left !important;
}
.am-els .am-ec__actions-price p {
margin: 0 !important;
font-size: 25px !important;
line-height: 1.1 !important;
font-weight: 600 !important;
letter-spacing: -.02em !important;
color: var(--vsls-blue) !important;
} .am-els .am-ec__actions-btn {
width: 100% !important;
margin: 0 !important;
}
.am-els .am-ec__actions-btn .am-button {
width: 100% !important;
min-height: 52px !important;
padding: 0 24px !important;
background: var(--vsls-blue) !important;
border: 1px solid var(--vsls-blue) !important;
border-radius: 100px !important;
color: #fff !important;
box-shadow: none !important;
transition:
background-color .25s ease,
border-color .25s ease,
color .25s ease,
transform .25s ease !important;
}
.am-els .am-ec__actions-btn .am-button:hover {
background: var(--vsls-yellow) !important;
border-color: var(--vsls-yellow) !important;
color: var(--vsls-blue) !important;
transform: translateY(-2px) !important;
}
.am-els .am-ec__actions-btn .am-button__inner {
font-size: 14px !important;
font-weight: 600 !important;
color: inherit !important;
}  .am-dialog-popup .el-dialog,
.el-dialog.am-dialog--with-header {
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
box-shadow:
0 25px 80px rgba(16, 19, 51, .20) !important;
} .am-dialog-popup .el-dialog__header,
.el-dialog.am-dialog--with-header .el-dialog__header {
position: relative !important;
display: flex !important;
align-items: center !important;
min-height: 72px !important;
margin: 0 !important;
padding: 0 78px 0 28px !important;
background: #fff !important;
border-bottom: 1px solid rgba(16, 19, 51, .08) !important; box-shadow: none !important;
}
.am-dialog-popup .am-el__header-inner__title,
.el-dialog.am-dialog--with-header .am-el__header-inner__title {
font-size: 20px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: var(--vsls-blue) !important;
} .am-dialog-popup .el-dialog__headerbtn,
.el-dialog.am-dialog--with-header .el-dialog__headerbtn {
position: absolute !important;
top: 50% !important;
right: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
transform: translateY(-50%) !important;
background: rgba(16, 19, 51, .045) !important;
border: 1px solid rgba(16, 19, 51, .08) !important;
border-radius: 50% !important;
color: var(--vsls-blue) !important;
transition:
background-color .2s ease,
border-color .2s ease,
transform .2s ease !important;
} .am-dialog-popup .el-dialog__headerbtn .el-icon,
.am-dialog-popup .el-dialog__headerbtn .am-icon-close,
.el-dialog.am-dialog--with-header .el-dialog__headerbtn .el-icon,
.el-dialog.am-dialog--with-header .el-dialog__headerbtn .am-icon-close {
color: var(--vsls-blue) !important;
}
.am-dialog-popup .el-dialog__headerbtn .am-icon-close,
.el-dialog.am-dialog--with-header .el-dialog__headerbtn .am-icon-close {
font-size: 14px !important;
line-height: 1 !important;
}
.am-dialog-popup .el-dialog__headerbtn:hover,
.el-dialog.am-dialog--with-header .el-dialog__headerbtn:hover {
background: var(--vsls-yellow) !important;
border-color: var(--vsls-yellow) !important;
transform:
translateY(-50%)
rotate(90deg) !important;
} .el-dialog.am-dialog--with-header .el-dialog__body {
padding: 0 !important;
background: #fff !important;
} .el-dialog.am-dialog--with-header .am-eli {
background: #fff !important;
} .el-dialog.am-dialog--with-header .am-eli__image {
margin: 0 !important;
padding: 28px !important;
background: #f8f8f9 !important;
} .el-dialog.am-dialog--with-header .am-gc__display {
border-radius: 14px !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center !important;
box-shadow:
0 8px 28px rgba(16, 19, 51, .10) !important;
} .el-dialog.am-dialog--with-header .am-gc__arrow {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
color: var(--vsls-blue) !important;
} .el-dialog.am-dialog--with-header .am-gc__arrow:hover {
background: transparent !important;
box-shadow: none !important;
color: var(--vsls-yellow) !important;
} .el-dialog.am-dialog--with-header .am-eli__header {
padding: 0 28px !important;
background: #fff !important;
}
.el-dialog.am-dialog--with-header .am-eli__header .am-ec {
position: relative !important;
display: grid !important;
grid-template-columns:
95px
minmax(0, 1fr)
auto !important;
grid-template-rows: auto !important;
align-items: center !important;
width: 100% !important;
min-height: 150px !important;
margin: 0 !important;
padding: 26px 0 !important;
background: #fff !important;
border: 0 !important;
border-bottom: 1px solid var(--vsls-border) !important;
border-radius: 0 !important;
overflow: visible !important;
box-shadow: none !important;
transform: none !important;
} .el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__period {
position: static !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 78px !important;
min-width: 78px !important;
min-height: 90px !important;
margin: 0 !important;
padding: 10px 8px !important;
background: var(--vsls-blue) !important;
border: 0 !important;
border-radius: 13px !important;
box-shadow:
0 7px 20px rgba(16, 19, 51, .14) !important;
color: #fff !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__period-date {
display: flex !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: center !important;
gap: 3px !important;
margin: 0 !important;
color: #fff !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__period-date__day {
width: 100% !important;
font-size: 26px !important;
line-height: 1 !important;
font-weight: 700 !important;
text-align: center !important;
color: #fff !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__period-date__month {
margin-top: 5px !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
color: var(--vsls-yellow) !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__period-date__year {
display: none !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__period-time {
width: 100% !important;
margin: 7px 0 0 !important;
padding: 7px 0 0 !important;
border-top:
1px solid rgba(255, 255, 255, .22) !important;
font-size: 11px !important;
line-height: 1 !important;
text-align: center !important;
color: #fff !important;
} .el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
padding: 0 25px !important;
background: transparent !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info-name {
margin: 0 0 10px !important;
font-size: 20px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: var(--vsls-blue) !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info-location {
margin: 0 0 12px !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1.45 !important;
color: var(--vsls-muted) !important;
} .el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info-location::before,
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info-location::after {
display: none !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info-other {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
} .el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info-availability.open {
display: none !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info-capacity {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
gap: 6px !important;
margin: 0 !important;
padding: 7px 11px !important;
background: rgba(16, 19, 51, .05) !important;
border: 0 !important;
border-radius: 100px !important;
font-size: 12px !important;
line-height: 1 !important;
color: var(--vsls-blue) !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info-capacity::before {
content: "" !important;
display: block !important;
width: 7px !important;
height: 7px !important;
flex: 0 0 7px !important;
background: var(--vsls-yellow) !important;
border-radius: 50% !important;
} .el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: auto !important;
padding: 0 0 0 22px !important;
background: transparent !important;
border: 0 !important;
border-left: 1px solid var(--vsls-border) !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__actions-price {
margin: 0 !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__actions-price p {
margin: 0 !important;
white-space: nowrap !important;
font-size: 21px !important;
line-height: 1.1 !important;
font-weight: 600 !important;
color: var(--vsls-blue) !important;
} .el-dialog.am-dialog--with-header .am-eli__main {
padding: 0 28px 28px !important;
}
.el-dialog.am-dialog--with-header .el-tabs__header {
margin: 0 0 25px !important;
}
.el-dialog.am-dialog--with-header .el-tabs__item {
font-size: 13px !important;
color: var(--vsls-muted) !important;
}
.el-dialog.am-dialog--with-header
.el-tabs__item.is-active {
color: var(--vsls-blue) !important;
font-weight: 600 !important;
}
.el-dialog.am-dialog--with-header
.el-tabs__active-bar {
height: 2px !important;
background: var(--vsls-yellow) !important;
} .el-dialog.am-dialog--with-header
.am-eli__main-title,
.el-dialog.am-dialog--with-header
.am-eli__description-title {
margin-bottom: 8px !important;
font-size: 13px !important;
font-weight: 600 !important;
color: var(--vsls-blue) !important;
} .el-dialog.am-dialog--with-header
.am-eli__main-text,
.el-dialog.am-dialog--with-header
.am-eli__description-text {
font-size: 13px !important;
line-height: 1.65 !important;
color: #555b67 !important;
} .el-dialog.am-dialog--with-header .el-dialog__footer {
padding: 16px 28px !important;
background: rgba(255, 255, 255, .97) !important;
border-top: 1px solid var(--vsls-border) !important;
box-shadow:
0 -10px 30px rgba(16, 19, 51, .035) !important;
}
.el-dialog.am-dialog--with-header
.am-elf__footer {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
} .el-dialog.am-dialog--with-header
.am-elf__footer .am-button {
min-height: 44px !important;
padding: 0 22px !important;
border-radius: 100px !important;
box-shadow: none !important;
}
.el-dialog.am-dialog--with-header
.am-elf__footer
.am-button--primary {
background: var(--vsls-blue) !important;
border-color: var(--vsls-blue) !important;
color: #fff !important;
}
.el-dialog.am-dialog--with-header
.am-elf__footer
.am-button--primary:hover {
background: var(--vsls-yellow) !important;
border-color: var(--vsls-yellow) !important;
color: var(--vsls-blue) !important;
}
.el-dialog.am-dialog--with-header
.am-elf__footer
.am-button--secondary {
background: #fff !important;
border: 1px solid var(--vsls-border-strong) !important;
color: var(--vsls-blue) !important;
} @media (max-width: 950px) {
.am-els .am-ec {
grid-template-columns:
230px
minmax(0, 1fr)
165px !important;
}
.am-els .am-ec__info {
padding: 28px !important;
}
.am-els .am-ec__actions {
padding: 25px 20px !important;
}
.am-els .am-ec__actions-price p {
font-size: 21px !important;
}
} @media (max-width: 700px) { .am-els .am-els__filters-top {
grid-template-columns: 1fr auto !important;
gap: 8px !important;
}
.am-els
.am-els__filters-search
.el-input__wrapper {
min-height: 50px !important;
}
.am-els
.am-els__filters-search
.el-input__inner {
height: 48px !important;
font-size: 14px !important;
line-height: 48px !important;
}
.am-els
.am-els__filters-menu__btn-inner {
min-width: 50px !important;
min-height: 50px !important;
padding: 0 16px !important;
} .am-els .am-ec {
grid-template-columns: 1fr !important;
grid-template-rows:
235px
auto
auto !important;
min-height: 0 !important;
border-radius: 17px !important;
}
.am-els .am-ec__image {
grid-column: 1 !important;
grid-row: 1 !important;
min-height: 235px !important;
height: 235px !important;
}
.am-els .am-ec__period {
top: 15px !important;
left: 15px !important;
width: 76px !important;
min-width: 76px !important;
min-height: 88px !important;
}
.am-els .am-ec__info {
grid-column: 1 !important;
grid-row: 2 !important;
padding: 23px 20px 18px !important;
}
.am-els .am-ec__info-name {
margin-bottom: 13px !important;
font-size: 20px !important;
}
.am-els .am-ec__info-location {
margin-bottom: 18px !important;
font-size: 13px !important;
}
.am-els .am-ec__actions {
grid-column: 1 !important;
grid-row: 3 !important;
display: grid !important;
grid-template-columns: 1fr auto !important;
align-items: center !important;
gap: 15px !important;
padding: 17px 20px 20px !important;
border-left: 0 !important;
border-top:
1px solid rgba(16, 19, 51, .07) !important;
}
.am-els .am-ec__actions-price {
margin: 0 !important;
}
.am-els .am-ec__actions-price p {
font-size: 20px !important;
}
.am-els .am-ec__actions-btn {
width: auto !important;
}
.am-els .am-ec__actions-btn .am-button {
width: auto !important;
min-width: 125px !important;
min-height: 46px !important;
}
} @media (max-width: 700px) {
.am-dialog-popup .el-dialog__header,
.el-dialog.am-dialog--with-header
.el-dialog__header {
min-height: 64px !important;
padding:
0 66px
0 18px !important;
}
.am-dialog-popup
.am-el__header-inner__title,
.el-dialog.am-dialog--with-header
.am-el__header-inner__title {
font-size: 17px !important;
}
.am-dialog-popup
.el-dialog__headerbtn,
.el-dialog.am-dialog--with-header
.el-dialog__headerbtn {
right: 14px !important;
width: 38px !important;
height: 38px !important;
} .el-dialog.am-dialog--with-header
.am-eli__image {
padding: 16px !important;
} .el-dialog.am-dialog--with-header
.am-eli__header {
padding: 0 18px !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec {
grid-template-columns:
72px
minmax(0, 1fr) !important;
grid-template-rows:
auto
auto !important;
gap: 0 14px !important;
padding: 20px 0 !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__period {
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
width: 68px !important;
min-width: 68px !important;
min-height: 82px !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info {
grid-column: 2 !important;
grid-row: 1 !important;
padding: 0 !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__info-name {
font-size: 17px !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__actions {
grid-column: 2 !important;
grid-row: 2 !important;
justify-content: flex-start !important;
margin-top: 12px !important;
padding: 0 !important;
border-left: 0 !important;
}
.el-dialog.am-dialog--with-header
.am-eli__header
.am-ec__actions-price p {
font-size: 18px !important;
} .el-dialog.am-dialog--with-header
.am-eli__main {
padding:
0 18px
22px !important;
} .el-dialog.am-dialog--with-header
.el-dialog__footer {
padding:
12px 16px !important;
}
} @media (max-width: 430px) {
.am-els .am-els__filters-top {
grid-template-columns: 1fr !important;
}
.am-els .am-els__filters-menu__btn,
.am-els .am-els__filters-menu__btn-inner {
width: 100% !important;
}
.am-els .am-ec {
grid-template-rows:
210px
auto
auto !important;
}
.am-els .am-ec__image {
height: 210px !important;
min-height: 210px !important;
}
.am-els .am-ec__actions {
grid-template-columns: 1fr !important;
}
.am-els .am-ec__actions-btn,
.am-els .am-ec__actions-btn .am-button {
width: 100% !important;
}
.el-dialog.am-dialog--with-header
.am-elf__footer {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
width: 100% !important;
}
.el-dialog.am-dialog--with-header
.am-elf__footer .am-button {
width: 100% !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
} @media (min-width: 951px) {
.am-els .am-ec {
grid-template-columns: 240px minmax(0, 1fr) 180px !important;
grid-template-rows: minmax(190px, auto) !important;
min-height: 190px !important;
height: auto !important;
}
.am-els .am-ec__image {
width: 100% !important;
height: 100% !important;
min-height: 190px !important;
align-self: stretch !important;
}
.am-els .am-ec__info {
padding: 22px 28px !important;
}
.am-els .am-ec__info-name {
margin-bottom: 12px !important;
font-size: clamp(19px, 1.45vw, 23px) !important;
line-height: 1.18 !important;
}
.am-els .am-ec__info-location {
margin-bottom: 14px !important;
font-size: 14px !important;
line-height: 1.35 !important;
}
.am-els .am-ec__info-capacity {
padding: 8px 13px !important;
font-size: 13px !important;
}
.am-els .am-ec__actions {
padding: 22px 20px !important;
}
.am-els .am-ec__actions-price {
margin-bottom: 16px !important;
}
.am-els .am-ec__actions-price p {
font-size: 21px !important;
white-space: nowrap !important;
}
.am-els .am-ec__actions-btn .am-button {
min-height: 46px !important;
padding: 0 18px !important;
}
.am-els .am-ec__period {
top: 14px !important;
left: 14px !important;
width: 70px !important;
min-width: 70px !important;
min-height: 80px !important;
padding: 9px 8px !important;
}
.am-els .am-ec__period-date__day { font-size: 23px !important; }
.am-els .am-ec__period-time { margin-top: 5px !important; padding-top: 5px !important; }
} #amelia-container.am-elf .am-elfci {
color: var(--vsls-text) !important;
}
#amelia-container.am-elf .am-elfci__form {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px 20px !important;
width: 100% !important;
}
#amelia-container.am-elf .am-elfci__item {
width: 100% !important;
margin: 0 !important;
}
#amelia-container.am-elf .am-elfci__item:not(.am-cf-width-50),
#amelia-container.am-elf .am-cf-width-100,
#amelia-container.am-elf #am-cf-10 {
grid-column: 1 / -1 !important;
}
#amelia-container.am-elf .am-cf-width-50 {
grid-column: span 1 !important;
}
#amelia-container.am-elf .am-ff__item-label,
#amelia-container.am-elf .el-form-item__label {
margin: 0 0 7px !important;
padding: 0 !important;
color: var(--vsls-blue) !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
}
.amelia-v2-booking #amelia-container .el-form-item.is-required .el-form-item__label:before,
#amelia-app-backend-new #amelia-container .el-form-item.is-required .el-form-item__label:before {
position:relative!important
}
#amelia-container.am-elf .el-input__wrapper,
#amelia-container.am-elf .el-textarea__inner,
#amelia-container.am-elf .m-input-wrapper {
min-height: 50px !important;
background: #fff !important;
border: 1px solid var(--vsls-border-strong) !important;
border-radius: 12px !important;
box-shadow: none !important;
transition: border-color .2s ease, box-shadow .2s ease !important;
}
#amelia-container.am-elf .el-input__wrapper { padding: 0 15px !important; }
#amelia-container.am-elf .el-textarea__inner { padding: 13px 15px !important; min-height: 92px !important; }
#amelia-container.am-elf .el-input__wrapper:hover,
#amelia-container.am-elf .el-textarea__inner:hover,
#amelia-container.am-elf .m-input-wrapper:hover {
border-color: rgba(16,19,51,.28) !important;
}
#amelia-container.am-elf .el-input__wrapper.is-focus,
#amelia-container.am-elf .el-textarea__inner:focus,
#amelia-container.am-elf .m-input-wrapper:focus-within {
border-color: var(--vsls-blue) !important;
box-shadow: 0 0 0 3px rgba(16,19,51,.06) !important;
}
#amelia-container.am-elf .el-input__inner,
#amelia-container.am-elf .el-textarea__inner,
#amelia-container.am-elf .m-input-input {
color: var(--vsls-text) !important;
font-size: 14px !important;
}
#amelia-container.am-elf .am-input-phone-wrapper,
#amelia-container.am-elf .m-input-phone-number {
width: 100% !important;
}
#amelia-container.am-elf .m-select-country {
width: 150px !important;
}
#amelia-container.am-elf .am-checkbox-wrapper {
padding: 14px 16px !important;
background: var(--vsls-soft) !important;
border: 1px solid var(--vsls-border) !important;
border-radius: 12px !important;
}
#amelia-container.am-elf .el-checkbox__label {
white-space: normal !important;
color: var(--vsls-muted) !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
#amelia-container.am-elf .el-checkbox__input.is-checked .el-checkbox__inner {
background: var(--vsls-blue) !important;
border-color: var(--vsls-blue) !important;
} #amelia-container.am-elf .am-elt__header {
margin-bottom: 20px !important;
padding-bottom: 18px !important;
border-bottom: 1px solid var(--vsls-border) !important;
}
#amelia-container.am-elf .am-elt__heading {
margin: 0 0 5px !important;
color: var(--vsls-blue) !important;
font-size: 24px !important;
line-height: 1.15 !important;
font-weight: 600 !important;
}
#amelia-container.am-elf .am-elt__header-left > p:not(.am-elt__heading) {
margin: 0 !important;
color: var(--vsls-muted) !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
#amelia-container.am-elf .am-ct {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 24px !important;
margin: 0 0 12px !important;
padding: 18px 20px !important;
background: #fff !important;
border: 1px solid var(--vsls-border) !important;
border-radius: 15px !important;
box-shadow: 0 6px 20px rgba(16,19,51,.045) !important;
}
#amelia-container.am-elf .am-ct__info-name {
margin: 0 0 6px !important;
color: var(--vsls-blue) !important;
font-size: 16px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
}
#amelia-container.am-elf .am-ct__info-spots {
margin: 0 !important;
color: var(--vsls-muted) !important;
font-size: 12px !important;
}
#amelia-container.am-elf .am-ct__info-spots__number {
color: var(--vsls-blue) !important;
font-weight: 700 !important;
}
#amelia-container.am-elf .am-ct__action {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 18px !important;
}
#amelia-container.am-elf .am-ct__action-price {
margin: 0 !important;
color: var(--vsls-blue) !important;
font-size: 18px !important;
line-height: 1 !important;
font-weight: 600 !important;
white-space: nowrap !important;
}
#amelia-container.am-elf .am-ct .el-input-number {
width: 122px !important;
height: 44px !important;
}
#amelia-container.am-elf .am-ct .el-input-number__decrease,
#amelia-container.am-elf .am-ct .el-input-number__increase {
width: 38px !important;
color: var(--vsls-blue) !important;
background: var(--vsls-soft) !important;
}
#amelia-container.am-elf .am-ct .el-input__wrapper {
min-height: 44px !important;
border: 1px solid var(--vsls-border-strong) !important;
box-shadow: none !important;
}
#amelia-container.am-elf .am-ct .el-input__inner {
color: var(--vsls-blue) !important;
font-weight: 600 !important;
} @media (max-width: 700px) {
#amelia-container.am-elf .am-elfci__form {
grid-template-columns: 1fr !important;
gap: 15px !important;
}
#amelia-container.am-elf .am-cf-width-50,
#amelia-container.am-elf .am-cf-width-100,
#amelia-container.am-elf .am-elfci__item {
grid-column: 1 !important;
}
#amelia-container.am-elf .m-input-phone-number {
display: grid !important;
grid-template-columns: 125px minmax(0,1fr) !important;
}
#amelia-container.am-elf .m-select-country { width: 125px !important; }
#amelia-container.am-elf .am-ct {
grid-template-columns: 1fr !important;
gap: 14px !important;
padding: 16px !important;
}
#amelia-container.am-elf .am-ct__action {
justify-content: space-between !important;
width: 100% !important;
}
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__header {
margin: 0 0 28px !important;
padding: 0 !important;
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__nav-wrap {
display: inline-flex !important;
width: auto !important;
padding: 5px !important;
background: #f4f4f6 !important;
border: 1px solid rgba(16, 19, 51, .07) !important;
border-radius: 100px !important;
overflow: visible !important;
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__nav-wrap::after {
display: none !important;
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__nav {
display: flex !important;
align-items: center !important;
gap: 4px !important;
border: 0 !important;
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__active-bar {
display: none !important;
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__item {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 42px !important;
padding: 0 20px !important;
border: 0 !important;
border-radius: 100px !important;
font-size: 14px !important;
line-height: 1 !important;
font-weight: 500 !important;
color: var(--vsls-muted) !important;
transition:
background-color .22s ease,
color .22s ease,
box-shadow .22s ease,
transform .22s ease !important;
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__item:hover {
color: var(--vsls-blue) !important;
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__item.is-active {
background: var(--vsls-blue) !important;
color: #fff !important;
box-shadow:
0 5px 15px rgba(16, 19, 51, .16) !important;
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__item.is-active::before {
content: "" !important;
width: 6px !important;
height: 6px !important;
margin-right: 8px !important;
flex: 0 0 6px !important;
background: var(--vsls-yellow) !important;
border-radius: 50% !important;
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__content {
padding-top: 2px !important;
} @media (max-width: 600px) {
.el-dialog.am-dialog--with-header .am-eli .el-tabs__nav-wrap {
display: flex !important;
width: 100% !important;
}
.el-dialog.am-dialog--with-header .am-eli .el-tabs__nav-scroll {
width: 100% !important;
}
.el-dialog.am-dialog--with-header .am-eli .el-tabs__nav {
width: 100% !important;
}
.el-dialog.am-dialog--with-header .am-eli .el-tabs__item {
flex: 1 1 50% !important;
padding: 0 12px !important;
font-size: 13px !important;
}
}  .el-dialog.am-dialog--with-header .am-eli .el-tabs__header {
margin: 0 0 30px !important;
}
.el-dialog.am-dialog--with-header .am-eli .el-tabs__nav-wrap {
display: inline-flex !important;
width: auto !important;
padding: 4px !important;
background: rgba(16, 19, 51, .045) !important;
border: 1px solid rgba(16, 19, 51, .07) !important;
border-radius: 12px !important;
overflow: visible !important;
}
.el-dialog.am-dialog--with-header .am-eli .el-tabs__nav-wrap::after {
display: none !important;
}
.el-dialog.am-dialog--with-header .am-eli .el-tabs__nav {
display: flex !important;
align-items: center !important;
gap: 3px !important;
border: 0 !important;
}
.el-dialog.am-dialog--with-header .am-eli .el-tabs__active-bar {
display: none !important;
} .el-dialog.am-dialog--with-header .am-eli .el-tabs__item {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 42px !important;
padding: 0 18px !important;
border: 0 !important;
border-radius: 9px !important;
font-size: 13px !important;
font-weight: 500 !important;
color: #737783 !important;
transition:
background-color .2s ease,
color .2s ease,
box-shadow .2s ease !important;
} .el-dialog.am-dialog--with-header
.am-eli .el-tabs__item:hover {
color: var(--vsls-blue) !important;
} .el-dialog.am-dialog--with-header
.am-eli .el-tabs__item.is-active {
background: #fff !important;
color: var(--vsls-blue) !important;
font-weight: 600 !important;
box-shadow:
0 3px 12px rgba(16, 19, 51, .09) !important;
} .el-dialog.am-dialog--with-header
.am-eli .el-tabs__item.is-active::after {
content: "" !important;
position: absolute !important;
bottom: 5px !important;
left: 50% !important;
width: 20px !important;
height: 2px !important;
transform: translateX(-50%) !important;
background: var(--vsls-yellow) !important;
border-radius: 100px !important;
} .el-dialog.am-dialog--with-header
.am-eli__timetable {
position: relative !important;
margin: 0 0 26px !important;
padding: 20px 22px 20px 25px !important;
background:
linear-gradient(
135deg,
rgba(16,19,51,.045),
rgba(16,19,51,.018)
) !important;
border: 1px solid rgba(16,19,51,.07) !important;
border-radius: 14px !important;
overflow: hidden !important;
} .el-dialog.am-dialog--with-header
.am-eli__timetable::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 4px !important;
background: var(--vsls-yellow) !important;
}
.el-dialog.am-dialog--with-header
.am-eli__timetable-title {
margin: 0 0 10px !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: .10em !important;
text-transform: uppercase !important;
color: rgba(16,19,51,.55) !important;
}
.el-dialog.am-dialog--with-header
.am-eli__timetable-list {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.el-dialog.am-dialog--with-header
.am-eli__timetable-main {
display: flex !important;
align-items: center !important;
gap: 6px !important;
margin: 0 !important;
} .el-dialog.am-dialog--with-header
.am-eli__timetable-main__date {
font-size: 17px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: var(--vsls-blue) !important;
} .el-dialog.am-dialog--with-header
.am-eli__timetable-main__time {
font-size: 15px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
color: #747984 !important;
} .el-dialog.am-dialog--with-header
.am-eli__description {
margin: 0 !important;
padding: 0 !important;
}
.el-dialog.am-dialog--with-header
.am-eli__description-title {
position: relative !important;
margin: 0 0 18px !important;
padding-bottom: 12px !important;
font-size: 20px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: var(--vsls-blue) !important;
} .el-dialog.am-dialog--with-header
.am-eli__description-title::after {
content: "" !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 32px !important;
height: 3px !important;
background: var(--vsls-yellow) !important;
border-radius: 100px !important;
} .el-dialog.am-dialog--with-header
.am-eli__description-text {
font-size: 14px !important;
line-height: 1.75 !important;
color: #555b66 !important;
}
.el-dialog.am-dialog--with-header
.am-eli__description-text p {
margin: 0 0 14px !important;
} .el-dialog.am-dialog--with-header
.am-eli__description-text p:first-child {
margin-bottom: 20px !important;
font-size: 15px !important;
line-height: 1.65 !important;
color: var(--vsls-blue) !important;
}
.el-dialog.am-dialog--with-header
.am-eli__description-text p:first-child strong {
font-weight: 600 !important;
} .el-dialog.am-dialog--with-header
.am-eli__description-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 38px !important;
margin-top: 5px !important;
padding: 0 15px !important;
background: rgba(16,19,51,.045) !important;
border: 1px solid rgba(16,19,51,.08) !important;
border-radius: 100px !important;
font-size: 12px !important;
font-weight: 600 !important;
color: var(--vsls-blue) !important;
cursor: pointer !important;
transition:
background-color .2s ease,
color .2s ease,
border-color .2s ease !important;
}
.el-dialog.am-dialog--with-header
.am-eli__description-btn:hover {
background: var(--vsls-blue) !important;
border-color: var(--vsls-blue) !important;
color: #fff !important;
} .el-dialog.am-dialog--with-header
.am-eli__organizer {
margin-top: 30px !important;
} .el-dialog.am-dialog--with-header
.am-eli__organizer .el-divider {
display: none !important;
}
.el-dialog.am-dialog--with-header
.am-eli__organizer-item {
display: flex !important;
align-items: center !important;
gap: 14px !important;
padding: 15px 17px !important;
background: #f8f8f9 !important;
border: 1px solid rgba(16,19,51,.07) !important;
border-radius: 14px !important;
} .el-dialog.am-dialog--with-header
.am-eli__organizer-img {
width: 48px !important;
height: 48px !important;
flex: 0 0 48px !important;
background-color: #fff !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
border: 1px solid rgba(16,19,51,.08) !important;
border-radius: 50% !important;
} .el-dialog.am-dialog--with-header
.am-eli__organizer-name {
margin: 0 0 3px !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: var(--vsls-blue) !important;
} .el-dialog.am-dialog--with-header
.am-eli__organizer-rank {
margin: 0 !important;
font-size: 11px !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
letter-spacing: .06em !important;
color: #858994 !important;
} @media (max-width: 600px) {
.el-dialog.am-dialog--with-header
.am-eli .el-tabs__nav-wrap {
display: flex !important;
width: 100% !important;
}
.el-dialog.am-dialog--with-header
.am-eli .el-tabs__nav-scroll,
.el-dialog.am-dialog--with-header
.am-eli .el-tabs__nav {
width: 100% !important;
}
.el-dialog.am-dialog--with-header
.am-eli .el-tabs__item {
flex: 1 1 50% !important;
padding: 0 10px !important;
font-size: 12px !important;
}
.el-dialog.am-dialog--with-header
.am-eli__timetable {
padding: 17px 16px 17px 20px !important;
}
.el-dialog.am-dialog--with-header
.am-eli__timetable-main {
flex-wrap: wrap !important;
gap: 3px !important;
}
.el-dialog.am-dialog--with-header
.am-eli__timetable-main__date {
font-size: 15px !important;
}
.el-dialog.am-dialog--with-header
.am-eli__timetable-main__time {
font-size: 14px !important;
}
.el-dialog.am-dialog--with-header
.am-eli__description-title {
font-size: 18px !important;
}
.el-dialog.am-dialog--with-header
.am-eli__description-text {
font-size: 13px !important;
line-height: 1.7 !important;
}
}   .amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog {
--am-font-family: "Playfair Display", serif !important;
--am-c-font-family: "Playfair Display", serif !important;
font-family: "Playfair Display", serif !important;
} .amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog p,
.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog span:not([class^="am-icon-"]):not([class*=" am-icon-"]),
.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog label,
.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog input,
.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog textarea,
.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog select,
.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog .el-tabs__item,
.amelia-v2-booking.am-dialog-el.am-dialog-popup .el-dialog .am-button__inner {
font-family: "Playfair Display", serif !important;
}  .amelia-v2-booking .am-els {
--am-font-family: "Playfair Display", serif !important;
--am-c-font-family: "Playfair Display", serif !important;
font-family: "Playfair Display", serif !important;
} .amelia-v2-booking .am-els .am-ec__info-name,
.amelia-v2-booking .am-els .am-ec__info-location,
.amelia-v2-booking .am-els .am-ec__info-capacity,
.amelia-v2-booking .am-els .am-ec__info-capacity__number,
.amelia-v2-booking .am-els .am-ec__info-capacity__text,
.amelia-v2-booking .am-els .am-ec__period-date,
.amelia-v2-booking .am-els .am-ec__period-date__day,
.amelia-v2-booking .am-els .am-ec__period-date__month,
.amelia-v2-booking .am-els .am-ec__period-time,
.amelia-v2-booking .am-els .am-ec__actions-price,
.amelia-v2-booking .am-els .am-ec__actions-price p,
.amelia-v2-booking .am-els .am-ec__actions-btn .am-button__inner {
font-family: "Playfair Display", serif !important;
}