body,html {
margin: 0;
padding: 0;
background: #fff;
color: var(--main-text, #434343);
}
@media (max-width:767px) {
body.is-home-page {
--home-mobile-section: min(392px, calc(100vw - 10px));
--home-mobile-card: min(376px, calc(100vw - 26px));
--home-mobile-wide-card: min(375px, calc(100vw - 27px));
font-family: "Exo 2",sans-serif !important;
}
body.is-home-page,body.is-home-page .content,body.is-home-page main {
overflow-x: hidden !important;
}
body.is-home-page .figma-home-app>.container,body.is-home-page .figma-home-faq>.container,body.is-home-page .figma-home-features>.container,body.is-home-page .figma-home-hero-shell>.container,body.is-home-page .figma-home-routes>.container,body.is-home-page .figma-home-stats>.container,body.is-home-page .figma-home-welcome>.container,body.is-home-page .public-footer.is-home-shell>.container {
width: var(--home-mobile-section) !important;
max-width: 392px !important;
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.is-home-page .figma-home-welcome>.container {
width: var(--home-mobile-card) !important;
max-width: 376px !important;
}
body.is-home-page .figma-home-hero-shell {
padding: 0 !important;
}
body.is-home-page .figma-home-hero {
width: 100% !important;
height: 751px !important;
min-height: 751px !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-hero__image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center top !important;
}
body.is-home-page .figma-home-hero__title {
top: 156px !important;
right: 11px !important;
left: 11px !important;
color: #fff !important;
font-family: "Exo 2",sans-serif !important;
font-size: 27px !important;
font-weight: 600 !important;
line-height: 29px !important;
letter-spacing: 0 !important;
text-align: center !important;
text-transform: uppercase !important;
}
body.is-home-page .figma-home-search {
right: 8px !important;
bottom: 17px !important;
left: 8px !important;
width: auto !important;
max-width: 376px !important;
margin: 0 auto !important;
transform: none !important;
z-index: 40 !important;
}
body.is-home-page .figma-home-search__bar {
height: 272px !important;
min-height: 272px !important;
padding: 0 20px !important;
border: 1px solid #40a6ff !important;
border-radius: 10px !important;
background: rgba(255,255,255,.96) !important;
box-shadow: 0 8px 23px rgba(0,0,0,.18) !important;
overflow: visible !important;
}
body.is-home-page .figma-home-search__field {
height: 55px !important;
min-height: 55px !important;
padding: 0 !important;
gap: 9px !important;
border-top: 0 !important;
border-bottom: 1px solid #ececec !important;
border-radius: 0 !important;
}
body.is-home-page .figma-home-search__field[data-home-search-toggle=passengers] {
border-bottom: 0 !important;
}
body.is-home-page .figma-home-search__submit,body.is-home-page .figma-home-search__value {
font-family: "Exo 2",sans-serif !important;
font-size: 14px !important;
line-height: 18px !important;
}
body.is-home-page .figma-home-search__value {
color: #5f5f5f !important;
font-weight: 500 !important;
letter-spacing: -.42px !important;
}
body.is-home-page .figma-home-search__submit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% + 40px) !important;
height: 52px !important;
min-height: 52px !important;
padding: 0 !important;
border-radius: 0 0 9px 9px !important;
background: #40a6ff !important;
color: #fff !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.is-home-page .figma-home-search.is-panel-open,body.is-home-page .figma-home-search__field.is-active,body.is-home-page .figma-home-search__panel.is-open {
z-index: 2147483200 !important;
}
body.is-home-page .figma-home-search__panel {
max-width: none !important;
border-radius: 8px !important;
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=date].is-open {
position: fixed !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
left: 50% !important;
width: min(360px,96vw) !important;
max-width: 360px !important;
max-height: min(82dvh,560px) !important;
transform: translate(-50%,-50%) !important;
overflow-y: auto !important;
}
body.is-home-page .figma-home-app {
padding: 0 !important;
}
body.is-home-page .figma-home-app__inner {
position: relative !important;
height: 595px !important;
min-height: 595px !important;
padding: 23px 8px 0 !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-app__content {
max-width: 372px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-app__title {
max-width: 372px !important;
margin: 0 auto !important;
color: #fff !important;
font-family: "Exo 2",sans-serif !important;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 29px !important;
letter-spacing: -.48px !important;
text-align: center !important;
}
body.is-home-page .figma-home-app__subtitle {
max-width: 304px !important;
margin: 18px auto 0 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 17px !important;
text-align: center !important;
}
body.is-home-page .figma-home-app__users {
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0 !important;
width: 130px !important;
max-width: 130px !important;
height: 67px !important;
margin: 29px auto 0 !important;
}
body.is-home-page .figma-home-app__avatars {
justify-content: center !important;
width: 130px !important;
height: 38px !important;
}
body.is-home-page .figma-home-app__avatar {
width: 38.2px !important;
min-width: 38.2px !important;
height: 38.2px !important;
border-width: 3px !important;
}
body.is-home-page .figma-home-app__avatar+.figma-home-app__avatar {
margin-left: -8px !important;
}
body.is-home-page .figma-home-app__users-copy {
justify-content: center !important;
gap: 6px !important;
width: 128px !important;
height: 29px !important;
}
body.is-home-page .figma-home-app__users-copy strong {
font-size: 20px !important;
font-weight: 400 !important;
line-height: 29px !important;
}
body.is-home-page .figma-home-app__users-copy span {
font-size: 12px !important;
font-weight: 500 !important;
line-height: 29px !important;
}
body.is-home-page .figma-home-app__stores {
justify-content: center !important;
gap: 3px !important;
margin: 10px auto 0 !important;
}
body.is-home-page .figma-home-app__store:first-child img {
width: 128.25px !important;
height: 38px !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-app__store:last-child img {
width: 112px !important;
height: 38px !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-app__visual {
position: absolute !important;
top: 315px !important;
right: auto !important;
bottom: auto !important;
left: 50% !important;
width: 375px !important;
max-width: calc(100% - 16px) !important;
height: 280px !important;
margin: 0 !important;
transform: translateX(-50%) !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-app__visual::after {
display: block !important;
content: "" !important;
position: absolute !important;
top: 252px !important;
left: 50% !important;
width: 276px !important;
height: 88px !important;
background: url(/images/figma/home/app-phones-mobile.webp)top center/276px auto no-repeat !important;
opacity: .2 !important;
transform: translateX(-50%) scaleY(-1) !important;
transform-origin: center top !important;
filter: blur(1px) !important;
-webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,.45),transparent) !important;
mask-image: linear-gradient(to bottom,rgba(0,0,0,.45),transparent) !important;
pointer-events: none !important;
}
body.is-home-page .figma-home-app__phones {
display: block !important;
width: 276px !important;
max-width: 276px !important;
height: auto !important;
margin: 0 auto !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-welcome {
padding: 0 !important;
}
body.is-home-page .figma-home-welcome__intro {
display: block !important;
}
body.is-home-page .figma-home-welcome__accent {
display: none !important;
}
body.is-home-page .figma-home-welcome__copy p,body.is-home-page .figma-home-welcome__title {
max-width: none !important;
margin: 0 !important;
color: #141414 !important;
font-family: "Exo 2",sans-serif !important;
font-weight: 500 !important;
letter-spacing: 0 !important;
}
body.is-home-page .figma-home-welcome__title {
font-size: 24px !important;
line-height: 29px !important;
text-align: left !important;
}
body.is-home-page .figma-home-welcome__copy {
padding-top: 23px !important;
}
body.is-home-page .figma-home-welcome__copy p {
font-size: 14px !important;
line-height: 17px !important;
text-align: left !important;
}
body.is-home-page .figma-home-welcome__cards {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
margin-top: 34px !important;
}
body.is-home-page .figma-home-welcome__card {
width: var(--home-mobile-wide-card) !important;
max-width: 373px !important;
height: 143px !important;
min-height: 143px !important;
padding: 19px 16px 14px !important;
border: 1px solid #f0f0f0 !important;
border-radius: 10px !important;
background: #fff !important;
box-shadow: none !important;
}
body.is-home-page .figma-home-welcome__icon {
width: 37px !important;
min-width: 37px !important;
height: 37px !important;
}
body.is-home-page .figma-home-welcome__icon img {
width: 37px !important;
max-width: 37px !important;
height: 37px !important;
max-height: 37px !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-welcome__card-title {
margin: 17px 0 0 !important;
color: #3c3c3c !important;
font-family: "Exo 2",sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 22px !important;
letter-spacing: 0 !important;
}
body.is-home-page .figma-home-welcome__card-text {
margin: 5px 0 0 !important;
color: #141414 !important;
font-family: "Exo 2",sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 14px !important;
letter-spacing: 0 !important;
}
body.is-home-page .figma-home-stats {
padding: 0 !important;
}
body.is-home-page .figma-home-stats__content,body.is-home-page .figma-home-stats__inner {
width: 100% !important;
height: 499px !important;
min-height: 499px !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-stats__scene-image {
width: 100% !important;
height: 499px !important;
object-fit: cover !important;
object-position: center center !important;
}
body.is-home-page .figma-home-stats__content {
padding: 18px 23px 32px !important;
}
body.is-home-page .figma-home-stats__kicker {
max-width: 170px !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 14px !important;
letter-spacing: 0 !important;
}
body.is-home-page .figma-home-stats__items {
right: 23px !important;
bottom: 32px !important;
left: 23px !important;
display: grid !important;
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
gap: 0 !important;
}
body.is-home-page .figma-home-stats__item {
min-height: 69px !important;
padding: 0 0 0 15px !important;
border-left: 1px solid rgba(255,255,255,.45) !important;
}
body.is-home-page .figma-home-stats__label {
color: #fff !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 19px !important;
}
body.is-home-page .figma-home-stats__value {
margin-top: 5px !important;
color: #fff !important;
font-size: 31px !important;
font-weight: 800 !important;
line-height: 37px !important;
}
body.is-home-page .figma-home-routes {
padding: 0 !important;
}
body.is-home-page .figma-home-routes__header {
width: var(--home-mobile-card) !important;
max-width: 376px !important;
margin: 0 auto !important;
}
body.is-home-page .figma-home-routes__title {
color: #141414 !important;
font-size: 24px !important;
font-weight: 500 !important;
line-height: 29px !important;
letter-spacing: 0 !important;
}
body.is-home-page .figma-home-routes__subtitle {
margin-top: 15px !important;
color: #141414 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 17px !important;
}
body.is-home-page .figma-home-routes__board {
width: var(--home-mobile-card) !important;
max-width: 376px !important;
margin: 14px auto 0 !important;
}
body.is-home-page .figma-home-routes__row {
gap: 7px !important;
margin: 0 0 8px !important;
}
body.is-home-page .figma-home-routes__row-label {
color: #141414 !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 19px !important;
}
body.is-home-page .figma-home-routes__chips {
gap: 4px !important;
}
body.is-home-page .figma-home-routes__chip {
min-height: 14px !important;
padding: 1px 8px 2px !important;
border-radius: 20px !important;
background: #40a6ff !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 14px !important;
letter-spacing: 0 !important;
}
body.is-home-page .figma-home-routes__tab,body.is-home-page .figma-home-routes__tabs {
height: 27px !important;
border-radius: 4px !important;
}
body.is-home-page .figma-home-routes__tab {
min-width: 100px !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 15px !important;
}
body.is-home-page .figma-home-routes__trip-grid {
gap: 8px !important;
}
body.is-home-page .figma-home-routes__trip-card {
width: 374px !important;
max-width: 100% !important;
min-height: 41px !important;
padding: 7px 8px 7px 12px !important;
border-radius: 4px !important;
}
body.is-home-page .figma-home-routes__trip-city {
font-size: 13px !important;
font-weight: 500 !important;
line-height: 16px !important;
}
body.is-home-page .figma-home-routes__trip-button {
width: 100px !important;
height: 27px !important;
min-height: 27px !important;
border-radius: 4px !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 15px !important;
}
body.is-home-page .figma-home-features {
padding: 0 !important;
}
body.is-home-page .figma-home-features__banner {
position: relative !important;
width: 100% !important;
height: 964px !important;
min-height: 964px !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-features__hero {
padding: 30px 8px 0 !important;
}
body.is-home-page .figma-home-features__title {
color: #fff !important;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 29px !important;
letter-spacing: 0 !important;
}
body.is-home-page .figma-home-features__subtitle {
max-width: 352px !important;
margin: 15px auto 0 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 17px !important;
}
body.is-home-page .figma-home-features__stores {
gap: 3px !important;
margin: 15px auto 0 !important;
}
body.is-home-page .figma-home-features__store:first-child img {
width: 128.25px !important;
height: 38px !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-features__store:last-child img {
width: 112px !important;
height: 38px !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-features__grid {
top: 241px !important;
right: 8px !important;
left: 8px !important;
gap: 9px !important;
}
body.is-home-page .figma-home-features__card {
width: var(--home-mobile-wide-card) !important;
max-width: 375px !important;
min-height: 119px !important;
padding: 13px 14px !important;
border-radius: 8px !important;
}
body.is-home-page .figma-home-features__card-title {
color: #141414 !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 24px !important;
}
body.is-home-page .figma-home-features__card-text {
margin-top: 13px !important;
color: #141414 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 14px !important;
}
body.is-home-page .figma-home-features__promo-card {
position: absolute !important;
top: 645px !important;
left: 50% !important;
width: 257px !important;
height: 298px !important;
min-height: 298px !important;
flex-basis: 298px !important;
transform: translateX(-50%) !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-features__promo-phone {
top: 0 !important;
left: 50% !important;
width: 257px !important;
max-width: 257px !important;
height: auto !important;
transform: translateX(-50%) !important;
}
body.is-home-page .figma-home-features__promo-screen {
top: 52px !important;
right: 27px !important;
bottom: auto !important;
left: 27px !important;
width: auto !important;
height: 190px !important;
padding: 0 !important;
align-items: center !important;
justify-content: flex-start !important;
}
body.is-home-page .figma-home-features__promo-badge {
min-height: 27px !important;
padding: 0 8px !important;
}
body.is-home-page .figma-home-features__promo-badge-prefix,body.is-home-page .figma-home-features__promo-badge-value,body.is-home-page .figma-home-features__promo-heading {
font-size: 20px !important;
font-weight: 700 !important;
line-height: 27px !important;
}
body.is-home-page .figma-home-features__promo-heading {
margin-top: 4px !important;
}
body.is-home-page .figma-home-features__promo-text {
max-width: 205px !important;
margin: 13px auto 0 !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 14px !important;
}
body.is-home-page .figma-home-features__promo-button {
width: 210px !important;
min-height: 35px !important;
margin-top: 16px !important;
border-radius: 4px !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 15px !important;
}
body.is-home-page .figma-home-faq {
padding: 0 !important;
}
body.is-home-page .figma-home-faq__grid {
width: var(--home-mobile-card) !important;
max-width: 376px !important;
margin: 0 auto !important;
}
body.is-home-page .figma-home-faq__title {
color: #141414 !important;
font-size: 24px !important;
font-weight: 500 !important;
line-height: 29px !important;
letter-spacing: 0 !important;
}
body.is-home-page .figma-home-faq__text {
margin-top: 20px !important;
color: #141414 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 17px !important;
}
body.is-home-page .figma-home-faq__accordion {
gap: 4px !important;
margin-top: 16px !important;
}
body.is-home-page .figma-home-faq__item {
width: var(--home-mobile-wide-card) !important;
max-width: 375px !important;
min-height: 40px !important;
border-radius: 8px !important;
}
body.is-home-page .figma-home-faq__item.is-open {
min-height: 151px !important;
}
body.is-home-page .figma-home-faq__question {
min-height: 40px !important;
padding: 0 10px !important;
color: #141414 !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 19px !important;
}
body.is-home-page .figma-home-faq__answer {
margin-top: 0 !important;
padding: 0 10px 10px !important;
}
body.is-home-page .figma-home-faq__answer p {
color: #141414 !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 16px !important;
}
body.is-home-page .public-footer.is-home-shell {
width: 100% !important;
padding: 0 0 5px !important;
background: #fff !important;
}
body.is-home-page .public-footer__panel {
width: 100% !important;
height: 736px !important;
min-height: 736px !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.is-home-page .public-footer__content {
min-height: 736px !important;
padding: 32px 8px 6px !important;
}
body.is-home-page .public-footer__logo {
width: 190px !important;
max-width: 190px !important;
height: 24px !important;
object-fit: contain !important;
}
body.is-home-page .public-footer__brand-text {
max-width: 375px !important;
margin-top: 24px !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 17px !important;
}
body.is-home-page .public-footer__heading {
font-size: 16px !important;
font-weight: 600 !important;
line-height: 21px !important;
}
body.is-home-page .public-footer__menu-links a {
font-size: 13px !important;
font-weight: 400 !important;
line-height: 21px !important;
}
body.is-home-page .public-footer__contact-label,body.is-home-page .public-footer__contact-value,body.is-home-page .public-footer__contact-value a {
font-size: 12px !important;
font-weight: 400 !important;
line-height: 16px !important;
}
body.is-home-page .public-footer__bottom-link,body.is-home-page .public-footer__copyright {
font-size: 10px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
}
html {
overflow-x: hidden;
}
body.is-home-page,html {
background: #fff;
}
body.is-home-page .wrapper {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
body.is-home-page,body.is-home-page .content,body.is-home-page main,html {
width: 100%;
max-width: 100%;
}
body.is-home-page .container {
width: 100%;
max-width: 402px;
padding-right: 4px;
padding-left: 4px;
}
body.is-home-page .public-header.is-home-shell {
position: absolute;
top: 6px;
right: 0;
left: 0;
z-index: 6500;
padding: 0;
background: 0 0;
pointer-events: none;
}
body.is-home-page .public-header.is-home-shell .container {
max-width: 402px;
padding-right: 7px;
padding-left: 7px;
}
body.is-home-page .public-header.is-home-shell .header_content.home-figma-header__panel {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 25px;
height: 25px;
padding: 0 5px;
border: 1px solid rgba(255,255,255,.16);
border-radius: 3px;
background: rgba(14,20,28,.72);
box-shadow: none;
pointer-events: auto;
}
body.is-home-page .public-header.is-home-shell .logo.home-figma-header__logo {
display: flex;
align-items: center;
width: 70px;
height: 18px;
margin: 0;
}
body.is-home-page .public-header.is-home-shell .logo.home-figma-header__logo a,body.is-home-page .public-header.is-home-shell .logo.home-figma-header__logo img {
display: block;
width: 70px;
max-width: 70px;
height: auto;
max-height: 18px;
object-fit: contain;
}
body.is-home-page .public-header.is-home-shell .menu {
display: flex;
justify-content: flex-end;
width: auto;
margin-left: auto;
}
body.is-home-page .public-header.is-home-shell .home-figma-header__actions,body.is-home-page .public-header.is-home-shell .home-figma-header__nav,body.is-home-page .public-header.is-home-shell .home-figma-header__nav-wrap {
display: none !important;
}
body.is-home-page .public-header.is-home-shell .burger.home-figma-header__burger {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 22px;
min-width: 22px;
height: 22px;
margin: 0;
padding: 0;
border-radius: 50%;
background: #419dff;
box-shadow: none;
}
body.is-home-page .public-header.is-home-shell .burger.home-figma-header__burger img {
width: 12px;
height: 12px;
object-fit: contain;
}
body.is-home-page .figma-home-hero-shell {
width: 100%;
margin: 4px auto 10px !important;
}
body.is-home-page .figma-home-app .container,body.is-home-page .figma-home-hero-shell .container {
max-width: 402px;
padding-right: 4px;
padding-left: 4px;
}
body.is-home-page .figma-home-hero {
box-shadow: none;
}
body.is-home-page .figma-home-hero__image {
}
body.is-home-page .figma-home-hero__overlay {
background: linear-gradient(180deg,rgba(13,17,26,.08)0,rgba(13,17,26,.16) 46%,rgba(13,17,26,.35) 100%);
}
body.is-home-page .figma-home-hero__content {
justify-content: flex-start;
padding: 55px 6px 7px;
}
body.is-home-page .figma-home-hero__inner {
display: flex;
align-items: center;
width: 100%;
max-width: none;
min-height: 100%;
flex-direction: column;
justify-content: flex-start;
}
body.is-home-page .figma-home-hero__title {
width: 100%;
max-width: 382px;
margin: 0 auto;
font-size: clamp(29px,8.2vw,34px);
text-shadow: 0 2px 12px rgba(0,0,0,.32);
}
body.is-home-page .figma-home-search {
position: static;
}
body.is-home-page .figma-home-search__bar {
display: flex;
width: 100%;
flex-direction: column;
align-items: stretch;
gap: 7px;
border: 1px solid rgba(63,157,255,.95);
background: rgba(255,255,255,.95);
box-shadow: none;
}
body.is-home-page .figma-home-search__field {
display: flex;
width: 100%;
border: 1px solid rgba(230,235,244,.9);
background: #fff;
box-shadow: none;
}
body.is-home-page .figma-home-search__field::after {
display: none;
}
body.is-home-page .figma-home-search__icon {
width: 15px;
min-width: 15px;
height: 15px;
}
body.is-home-page .figma-home-search__icon img {
width: 15px;
height: 15px;
}
body.is-home-page .figma-home-search__value {
}
body.is-home-page .figma-home-search__swap {
position: absolute;
top: 49px;
right: 20px;
left: auto;
z-index: 2;
display: none;
width: 24px;
height: 24px;
margin: 0;
border-radius: 50%;
background: #fff;
}
body.is-home-page .figma-home-search__submit {
width: 100%;
margin: 0-20px !important;
background: #3da0ff;
}
body.is-home-page .figma-home-search__panel {
position: fixed;
top: auto !important;
right: 8px !important;
bottom: calc(10px + env(safe-area-inset-bottom)) !important;
left: 8px !important;
z-index: 7200;
width: auto !important;
max-height: min(78dvh,520px);
margin: 0 auto;
padding: 10px;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid rgba(63,157,255,.22);
background: #fff;
box-shadow: 0 24px 60px rgba(18,44,80,.22);
}
body.is-home-page .figma-home-search__city-list {
max-height: none;
overflow: visible;
}
body.is-home-page .figma-home-search__city-option {
min-height: 42px;
padding: 8px 10px;
border-radius: 8px;
}
body.is-home-page .figma-home-search__city-name {
font-size: 13px;
line-height: 17px;
}
body.is-home-page .figma-home-search__city-country {
font-size: 10px;
line-height: 13px;
}
body.is-home-page .figma-home-search__panel--date {
max-width: 344px;
padding: 16px 18px;
}
body.is-home-page .figma-home-search__calendar-head {
margin-bottom: 10px;
}
body.is-home-page .figma-home-search__calendar-title {
font-size: 17px;
line-height: 22px;
}
body.is-home-page .figma-home-search__calendar-grid {
gap: 6px;
}
body.is-home-page .figma-home-search__calendar-day {
width: 36px;
height: 36px;
border-radius: 10px;
font-size: 13px;
}
body.is-home-page .figma-home-search__panel--passengers {
max-width: 344px;
}
body.is-home-page .figma-home-app {
width: 100%;
margin: 0 auto 23px !important;
}
body.is-home-page .figma-home-app__inner {
display: flex;
align-items: center;
width: 100%;
flex-direction: column;
box-shadow: none;
}
body.is-home-page .figma-home-app__bg {
object-position: center;
}
body.is-home-page .figma-home-app__content {
position: relative;
z-index: 2;
display: flex;
align-items: center;
width: 100%;
flex-direction: column;
text-align: center;
}
body.is-home-page .figma-home-app__subtitle,body.is-home-page .figma-home-app__title {
}
body.is-home-page .figma-home-app__stores {
order: 4;
margin-top: 10px;
}
body.is-home-page .figma-home-app__store img {
width: auto;
height: 30px;
border-radius: 2px;
}
body.is-home-page .figma-home-app__users {
order: 3;
margin-top: 11px;
}
body.is-home-page .figma-home-app__avatar {
margin-left: -8px;
}
body.is-home-page .figma-home-app__avatar:first-child {
margin-left: 0;
}
body.is-home-page .figma-home-app__visual {
z-index: 1;
margin-top: 12px;
pointer-events: none;
}
body.is-home-page .figma-home-app__phones {
position: absolute;
right: 50%;
bottom: -10px;
transform: translateX(50%);
}
body.is-home-page .figma-home-welcome {
width: 100%;
margin: 0 auto 23px !important;
}
body.is-home-page .figma-home-stats .container,body.is-home-page .figma-home-welcome .container {
max-width: 402px;
padding-right: 4px;
padding-left: 4px;
}
body.is-home-page .figma-home-welcome__intro {
padding: 0;
}
body.is-home-page .figma-home-welcome__accent,body.is-home-page .figma-home-welcome__card,body.is-home-page .figma-home-welcome__cards,body.is-home-page .figma-home-welcome__copy p,body.is-home-page .figma-home-welcome__title {
}
body.is-home-page .figma-home-welcome__icon {
margin-bottom: 8px;
}
body.is-home-page .figma-home-welcome__card-title,body.is-home-page .figma-home-welcome__icon img {
}
body.is-home-page .figma-home-welcome__card-text {
max-width: 320px;
}
body.is-home-page .figma-home-stats {
width: 100%;
margin: 0 auto 23px !important;
}
body.is-home-page .figma-home-stats__inner {
box-shadow: none;
}
body.is-home-page .figma-home-stats__content,body.is-home-page .figma-home-stats__scene-image {
}
body.is-home-page .figma-home-stats__content::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 160px;
background: linear-gradient(180deg,rgba(6,14,26,0)0,rgba(6,14,26,.78) 68%,rgba(6,14,26,.95) 100%);
pointer-events: none;
}
body.is-home-page .figma-home-stats__top {
position: relative;
z-index: 2;
}
body.is-home-page .figma-home-stats__kicker {
}
body.is-home-page .figma-home-stats__items {
position: absolute;
z-index: 3;
width: auto;
margin: 0;
}
body.is-home-page .figma-home-stats__item {
border-top: 1px solid rgba(255,255,255,.18);
background: rgba(8,12,19,.24);
}
body.is-home-page .figma-home-stats__item:nth-child(odd) {
border-left: 0;
}
body.is-home-page .figma-home-stats__label,body.is-home-page .figma-home-stats__value {
}
body.is-home-page .figma-home-routes {
width: 100%;
margin: 0 auto 23px !important;
}
body.is-home-page .figma-home-routes .container {
max-width: 402px;
padding-right: 4px;
padding-left: 4px;
}
body.is-home-page .figma-home-routes__header {
margin-bottom: 10px;
text-align: left;
}
body.is-home-page .figma-home-routes__title {
margin: 0 0 8px;
}
body.is-home-page .figma-home-routes__subtitle {
max-width: 350px;
margin: 0;
}
body.is-home-page .figma-home-routes__board {
padding: 0;
border: 0;
border-radius: 0;
background: 0 0;
box-shadow: none;
}
body.is-home-page .figma-home-routes__meta {
gap: 6px;
}
body.is-home-page .figma-home-routes__row {
display: block;
}
body.is-home-page .figma-home-routes__row-label {
margin: 0 0 4px;
}
body.is-home-page .figma-home-routes__chips {
display: flex;
flex-wrap: wrap;
}
body.is-home-page .figma-home-routes__chip {
background: #3da0ff;
}
body.is-home-page .figma-home-routes__tabs-shell {
margin-top: 4px;
}
body.is-home-page .figma-home-routes__tabs {
display: flex;
gap: 5px;
}
body.is-home-page .figma-home-routes__tab {
min-height: 26px;
padding: 0 12px;
}
body.is-home-page .figma-home-routes__panels {
margin-top: 8px;
}
body.is-home-page .figma-home-routes__trip-grid {
display: grid;
grid-template-columns: 1fr;
}
body.is-home-page .figma-home-routes__trip-card {
border: 1px solid #dbe7f6;
background: #fff;
box-shadow: none;
}
body.is-home-page .figma-home-routes__trip-card:nth-child(n+11) {
display: none;
}
body.is-home-page .figma-home-routes__trip-line {
gap: 5px;
}
body.is-home-page .figma-home-routes__trip-button,body.is-home-page .figma-home-routes__trip-city {
}
body.is-home-page .figma-home-routes__trip-arrow {
width: 19px;
}
body.is-home-page .figma-home-routes__trip-button {
}
body.is-home-page .figma-home-routes__footer {
margin-top: 8px;
}
body.is-home-page .figma-home-routes__button {
width: 172px;
min-height: 24px;
padding: 0 14px;
border-radius: 3px;
font-size: 9px;
line-height: 12px;
}
body.is-home-page .figma-home-features {
width: 100%;
margin: 0 auto 23px !important;
}
body.is-home-page .figma-home-faq .container,body.is-home-page .figma-home-features .container,body.is-home-page .public-footer.is-home-shell .container {
max-width: 402px;
padding-right: 4px;
padding-left: 4px;
}
body.is-home-page .figma-home-features__banner {
display: flex;
padding: 13px 7px 0;
flex-direction: column;
box-shadow: none;
}
body.is-home-page .figma-home-features__bg {
object-position: center center;
}
body.is-home-page .figma-home-features__overlay {
background: linear-gradient(180deg,rgba(4,10,17,.18)0,rgba(4,10,17,.26) 40%,rgba(4,10,17,.6) 100%);
}
body.is-home-page .figma-home-features__hero {
display: contents;
}
body.is-home-page .figma-home-features__header {
position: relative;
z-index: 2;
order: 1;
width: 100%;
max-width: 320px;
padding: 0;
text-align: left;
}
body.is-home-page .figma-home-features__title {
margin: 0;
}
body.is-home-page .figma-home-features__subtitle {
margin-top: 9px;
}
body.is-home-page .figma-home-features__stores {
margin-top: 8px;
}
body.is-home-page .figma-home-features__store img {
width: auto;
height: 27px;
border-radius: 2px;
}
body.is-home-page .figma-home-features__grid {
position: relative;
bottom: auto;
z-index: 2;
order: 2;
display: grid;
width: 100%;
grid-template-columns: 1fr;
margin-top: 10px;
pointer-events: none;
}
body.is-home-page .figma-home-features__card {
width: 100%;
border: 1px solid rgba(231,237,246,.92);
background: #fff;
box-shadow: none;
color: #142033;
}
body.is-home-page .figma-home-features__card-head {
gap: 7px;
}
body.is-home-page .figma-home-features__icon,body.is-home-page .figma-home-features__icon img {
width: 22px;
height: 22px;
}
body.is-home-page .figma-home-features__card-text,body.is-home-page .figma-home-features__card-title {
}
body.is-home-page .figma-home-features__promo-card {
right: auto;
z-index: 2;
order: 3;
align-self: center;
margin-top: 12px;
}
body.is-home-page .figma-home-features__promo-phone {
}
body.is-home-page .figma-home-features__promo-screen {
border-radius: 19px;
}
body.is-home-page .figma-home-features__promo-badge-prefix,body.is-home-page .figma-home-features__promo-badge-value,body.is-home-page .figma-home-features__promo-heading {
}
body.is-home-page .figma-home-features__promo-text {
margin-top: 14px;
}
body.is-home-page .figma-home-features__promo-button {
}
body.is-home-page .figma-home-faq {
width: 100%;
margin: 0 auto 23px !important;
}
body.is-home-page .figma-home-faq__grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
padding: 0;
}
body.is-home-page .figma-home-faq__intro {
position: static;
padding: 0;
}
body.is-home-page .figma-home-faq__title {
max-width: 265px;
margin: 0;
}
body.is-home-page .figma-home-faq__text {
max-width: 356px;
}
body.is-home-page .figma-home-faq__button {
width: 126px;
min-height: 25px;
margin-top: 10px;
padding: 0 9px;
border-radius: 3px;
font-size: 9px;
line-height: 12px;
}
body.is-home-page .figma-home-faq__accordion {
display: flex;
flex-direction: column;
}
body.is-home-page .figma-home-faq__item {
border: 1px solid #e4ebf5;
background: #fff;
box-shadow: none;
}
body.is-home-page .figma-home-faq__item.is-open {
}
body.is-home-page .figma-home-faq__question {
border-radius: 5px;
}
body.is-home-page .figma-home-faq__answer {
font-size: 9px;
line-height: 1.25;
}
body.is-home-page .public-footer.is-home-shell {
margin: 0 auto !important;
}
body.is-home-page .public-footer__panel {
background: #06090e;
box-shadow: none;
}
body.is-home-page .public-footer__bg {
object-position: center center;
}
body.is-home-page .public-footer__overlay {
background: linear-gradient(180deg,rgba(5,8,12,.72)0,rgba(5,8,12,.94) 70%,rgba(5,8,12,.82) 100%);
}
body.is-home-page .public-footer__content {
}
body.is-home-page .public-footer__top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 13px 20px;
}
body.is-home-page .public-footer__brand {
grid-column: 1/-1;
}
body.is-home-page .public-footer__brand-text,body.is-home-page .public-footer__logo {
}
body.is-home-page .public-footer__stores {
margin-top: 8px;
gap: 5px;
}
body.is-home-page .public-footer__stores>a>picture>img {
width: auto;
height: 25px;
border-radius: 2px;
}
body.is-home-page .public-footer__heading {
margin-bottom: 8px;
}
body.is-home-page .public-footer__menu-links {
gap: 4px;
}
body.is-home-page .public-footer__contact-label,body.is-home-page .public-footer__contact-value,body.is-home-page .public-footer__contact-value a,body.is-home-page .public-footer__menu-links a {
}
body.is-home-page .public-footer__contact-group+.public-footer__contact-group {
margin-top: 6px;
}
body.is-home-page .public-footer__contacts .public-footer__social {
display: none;
}
body.is-home-page .public-footer__social--mobile {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 11px;
}
body.is-home-page .public-footer__social--mobile img {
width: 12px;
height: 12px;
object-fit: contain;
}
body.is-home-page .public-footer__bus {
position: absolute;
right: 0;
bottom: 24px;
left: 0;
z-index: 1;
width: 100%;
max-width: 100%;
margin: 0;
opacity: .93;
transform: none;
}
body.is-home-page .public-footer__bottom {
position: absolute;
right: 10px;
bottom: 6px;
left: 10px;
margin: 0;
}
body.is-home-page .public-footer__bottom-divider,body.is-home-page .public-footer__bottom-links,body.is-home-page .public-footer__brand-mark {
display: none;
}
body.is-home-page .public-footer__bottom-meta {
display: block;
padding: 0;
}
body.is-home-page .public-footer__copyright {
color: rgba(255,255,255,.7);
line-height: 1.2;
text-align: center;
}
}
.public-header.is-home-shell .home-figma-header__nav-wrap {
display: grid;
grid-template-columns: minmax(0,1fr) 220px;
align-items: center;
gap: 0;
width: 100%;
}
.public-header.is-home-shell .header_content.home-figma-header__panel {
display: grid;
grid-template-columns: 170px minmax(0,1fr);
align-items: center;
min-height: 65px;
padding: 0 17px 0 18px;
border: .5px solid #6f6a6d;
border-radius: 10px;
background: rgba(50,48,50,.55);
backdrop-filter: blur(5px);
}
.public-header.is-home-shell .home-figma-header__logo {
margin-left: 0;
}
.public-header.is-home-shell .home-figma-header__logo .fit_img {
width: 170px;
height: auto;
object-fit: contain;
}
.public-header.is-home-shell .home-figma-header__nav {
display: flex;
justify-content: center;
align-items: center;
gap: 46px;
margin: 0;
}
.public-header.is-home-shell .home-figma-header__nav-link {
position: relative;
display: inline-flex;
align-items: center;
min-height: 21px;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20.6px;
letter-spacing: .43px;
text-transform: uppercase;
opacity: 1;
}
.public-header.is-home-shell .home-figma-header__nav-link.active {
opacity: 1;
}
.public-header.is-home-shell .home-figma-header__nav-link--dropdown {
padding-right: 17px;
}
.public-header.is-home-shell .home-figma-header__nav-link--dropdown::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 6px;
height: 3px;
transform: translateY(-50%);
background: url(/images/figma/ticket/header-dropdown-arrow.svg)no-repeat center/contain;
}
.public-header.is-home-shell .home-figma-header__actions {
display: grid;
grid-template-columns: 45px 45px 120px;
align-items: center;
justify-content: end;
gap: 5px;
height: 35px;
align-self: center;
}
.public-header.is-home-shell .home-figma-header__actions>* {
align-self: center;
margin-top: 0;
margin-bottom: 0;
}
.public-header.is-home-shell .home-figma-header__lang {
position: relative;
display: flex;
align-items: center;
align-self: center;
width: 45px;
height: 35px;
margin: 0;
padding: 0;
border-radius: 5px;
background: #ede7df;
overflow: hidden;
cursor: pointer;
}
.public-header.is-home-shell .home-figma-header__lang-icon {
width: 14px;
height: 14px;
margin-left: 5px;
flex: 0 0 auto;
}
.public-header.is-home-shell .home-figma-header__lang-label {
margin-left: 1px;
color: #000;
font-family: "Exo 2",sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 20.6px;
letter-spacing: -.57px;
text-transform: uppercase;
}
.public-header.is-home-shell .home-figma-header__lang .langs_select {
position: absolute;
inset: 0;
margin: 0;
border: 0;
opacity: 0;
appearance: none;
cursor: pointer;
}
.public-header.is-home-shell .home-figma-header__lang .langs_select option {
color: #000;
}
.public-header.is-home-shell .home-figma-header__support {
position: relative;
align-self: center;
height: 35px;
}
.public-header.is-home-shell .home-figma-header__icon-btn {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: center;
width: 45px;
height: 35px;
padding: 0;
margin: 0;
}
.public-header.is-home-shell .home-figma-header__icon-btn img {
display: block;
width: 45px;
height: 35px;
}
.public-header.is-home-shell .home-figma-header__account {
display: inline-flex;
align-items: center;
justify-content: space-between;
align-self: center;
width: 120px;
height: 35px;
padding: 0 10px;
border-radius: 5px;
background: #40a6ff;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.5px;
letter-spacing: -.5px;
text-transform: uppercase;
}
.public-header.is-home-shell .home-figma-header__account img {
width: 22px;
height: 22px;
}
.public-header.is-home-shell .home-figma-header__burger {
display: none;
margin-left: 0;
}
.public-header.is-home-shell .home-figma-header__burger img {
width: 28px;
height: 28px;
}
.public-footer.is-home-shell .public-footer__bus {
display: none;
}
@media (max-width:991px) {
.public-header.is-home-shell .header_content.home-figma-header__panel {
padding: 0 14px;
}
.public-header.is-home-shell .home-figma-header__nav {
gap: 28px;
}
}
@media (max-width:767px) {
.public-header.is-home-shell {
padding-top: 11px;
}
.public-header.is-home-shell .header_content.home-figma-header__panel {
grid-template-columns: 83px 1fr;
min-height: 40px;
padding: 0 8px 0 9px;
}
.public-header.is-home-shell .home-figma-header__logo .fit_img {
width: 83px;
}
.public-header.is-home-shell .home-figma-header__nav-wrap {
grid-template-columns: 1fr auto;
}
.public-header.is-home-shell .home-figma-header__actions,.public-header.is-home-shell .home-figma-header__nav {
display: none;
}
.public-header.is-home-shell .home-figma-header__burger {
display: inline-flex;
justify-self: end;
width: 28px;
height: 28px;
padding: 0;
}
.public-header.is-home-shell .home-figma-header__burger img {
width: 28px;
height: 28px;
}
.public-footer.is-home-shell .public-footer__panel {
background: #050608;
}
.public-footer.is-home-shell .public-footer__bottom {
margin-top: 140px;
}
}
body {
min-width: 320px;
}
body.is-home-page {
background: #fff;
}
:root {
--tmx-page-max-width: 1400px;
--tmx-container-padding: clamp(7px, 2px, 24px);
}
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
max-width: var(--tmx-page-max-width);
padding-right: var(--tmx-container-padding);
padding-left: var(--tmx-container-padding);
padding-top: var(--tmx-container-padding);
margin-right: auto;
margin-left: auto;
}
@media (min-width:1400px) {
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
max-width: var(--tmx-page-max-width);
}
}
.company_docs_slider_container,.footer_bottom,.login_container,.shedule_table_container,.slider_container,.tabs_links_container {
max-width: var(--tmx-page-max-width);
}
a {
color: inherit;
text-decoration: none;
}
button,input,select,textarea {
font: inherit;
}
button {
border: 0;
background: 0 0;
cursor: pointer;
}
img {
display: block;
max-width: 100%;
}
.wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.content {
flex: 1 0 auto;
}
.fit_img {
width: 100%;
height: 100%;
object-fit: cover;
}
.legacy-alert {
border-radius: 10px;
padding: 18px 22px;
margin-bottom: 24px;
box-shadow: 0 2px 24px rgba(4,26,40,.08);
}
.legacy-alert.error {
background: #fff1f1;
border: 1px solid #f3c6c6;
color: #bb3030;
}
.legacy-alert.success {
background: #eefaf2;
border: 1px solid #bfe5ca;
color: #1d7d47;
}
.legacy-native-select {
position: relative;
}
.legacy-native-select::after {
content: "";
position: absolute;
right: 18px;
top: 50%;
width: 35px;
height: 35px;
transform: translateY(-50%);
background: url(/images/legacy/common/arrow_down_2.svg)no-repeat center;
pointer-events: none;
}
.figma-home-search__field[data-home-search-toggle=passengers]::after,.legacy-native-select.has-reverse::after {
content: none;
}
.callback_pop-up-btn {
right: 24px;
bottom: 24px;
z-index: 40;
}
.callback_pop-up-btn .callback_btn {
display: inline-flex;
align-items: center;
gap: 12px;
min-height: 72px;
padding: 10px 22px 10px 10px;
border-radius: 999px;
box-shadow: 0 20px 45px rgba(64,166,255,.28);
}
.callback_pop-up-btn .callback_img {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 50%;
background: #06111d;
flex: 0 0 auto;
}
.callback_pop-up-btn .callback_img svg {
width: 24px;
height: 24px;
}
.callback_pop-up-btn .callback_title {
width: auto;
max-width: none;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.1;
white-space: nowrap;
}
.public-header.is-home-shell {
padding: 9px 0 0;
box-shadow: none;
}
.public-header.is-home-shell .container {
padding-left: 13px;
padding-right: 12px;
padding-top: 0;
}
.public-header.is-home-shell .header_content {
align-items: center;
padding: 0 10px 0 4px;
}
.public-header.is-home-shell .logo {
margin-left: 12px;
}
.public-header.is-home-shell .logo.home-figma-header__logo {
width: 170px;
margin-left: 0;
display: flex;
align-items: center;
}
.public-header.is-home-shell .logo.home-figma-header__logo a {
display: block;
width: 170px;
}
.public-header.is-home-shell .logo img {
width: 170px;
height: auto;
}
.public-header.is-home-shell .logo.home-figma-header__logo img {
display: block;
width: 170px;
height: 23.66px;
object-fit: contain;
}
.public-header.is-home-shell .menu_links {
gap: 44px;
}
.public-header.is-home-shell .langs_block {
margin-left: 46px;
}
.public-header.is-home-shell .burger.home-figma-header__burger,.public-header.is-home-shell .langs_block.home-figma-header__lang {
margin-left: 0;
}
.public-header.is-home-shell .burger {
margin-left: 28px;
}
.public-header.is-home-shell .link {
opacity: .74;
}
.public-header.is-home-shell .link.active,.public-header.is-home-shell .link:hover {
opacity: 1;
}
.public-footer.is-home-shell {
background: 0 0;
padding-top: 68px;
padding-bottom: 54px;
}
.public-footer.is-home-shell .container {
position: relative;
}
.public-footer__panel {
position: relative;
overflow: hidden;
border-radius: 10px;
background: #050608;
box-shadow: 0 26px 70px rgba(11,28,52,.22);
}
.public-footer__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.public-footer__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg,rgba(0,0,0,.9)0,rgba(0,0,0,.62) 57.5%,transparent 87.5%);
}
.public-footer__content {
padding: 86px 37px 22px 39px;
min-height: 572px;
}
.public-footer__top {
display: grid;
grid-template-columns: 417px 1fr 333px;
gap: 120px;
align-items: start;
}
.public-footer__logo {
display: block;
}
.public-footer__brand-text {
margin: 35px 0 0;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
}
.public-footer__stores {
display: flex;
align-items: center;
gap: 9px;
margin-top: 23px;
}
.public-footer__stores img {
display: block;
height: 38px;
width: auto;
}
.public-footer__heading {
margin: 0 0 34px;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 20.6px;
letter-spacing: .43px;
text-transform: uppercase;
}
.public-footer__menu-links {
display: flex;
flex-direction: column;
gap: 5px;
}
.public-footer__menu-links a {
color: #dbdada;
font-size: 14px;
}
.public-footer__bottom-link,.public-footer__menu-links a {
font-family: "Exo 2",sans-serif;
font-weight: 400;
line-height: 20.6px;
letter-spacing: .43px;
text-transform: uppercase;
}
.public-footer__contacts {
max-width: 333px;
}
.public-footer__contact-group+.public-footer__contact-group {
margin-top: 7px;
}
.public-footer__contact-label {
color: #dbdada;
font-family: "Exo 2",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 20.6px;
letter-spacing: .43px;
text-transform: uppercase;
}
.public-footer__contact-value,.public-footer__contact-value a {
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
}
.public-footer__social {
display: flex;
align-items: center;
gap: 8px;
margin-top: 10px;
}
.public-footer__social img {
display: block;
width: 14px;
height: 14px;
filter: brightness(0) invert(1);
}
.public-footer__bottom {
margin-top: 181px;
}
.public-footer__bottom-links {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 18px;
padding: 0 2px 12px 6px;
}
.public-footer__bottom-divider {
position: relative;
min-height: 1px;
}
.public-footer__bottom-divider::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 1px;
background: rgba(255,255,255,.2);
}
.public-footer__bottom-meta {
display: grid;
grid-template-columns: 1fr 64px 1fr;
align-items: center;
gap: 18px;
padding-top: 10px;
}
.public-footer__brand-mark {
display: flex;
justify-content: center;
align-items: center;
min-width: 64px;
}
.public-footer__brand-mark img {
display: block;
width: 64px;
height: 19px;
}
.public-footer__bottom-link {
color: #f2f2f2;
font-size: 12px;
}
.public-footer__bottom-link--right {
justify-self: end;
text-align: right;
}
.public-footer__copyright {
color: #f2f2f2;
font-family: "Montserrat",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
}
.filter_city_select {
width: 100%;
height: 55px;
padding: 28px 54px 10px 18px;
border: 0;
background: 0 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.c_input:focus,.filter_city_select:focus,.filter_date:focus {
outline: 0;
}
.legacy-home-stats {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 20px;
margin-top: 60px;
}
.legacy-card,.legacy-info-card,.legacy-stat-card {
border-radius: 10px;
background: #fff;
box-shadow: 0 2px 24px rgba(4,26,40,.1);
}
.legacy-stat-card {
padding: 30px 25px;
text-align: center;
}
.legacy-stat-card_value {
color: var(--accent, #40A6FF);
font-family: "Play",sans-serif;
font-size: 44px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
margin-top: 10px;
}
.legacy-featured-trips {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 20px;
margin-top: 60px;
}
.legacy-card {
padding: 30px 25px;
height: 100%;
}
.legacy-card_title {
margin: 12px 0;
}
.legacy-card_meta {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 24px;
}
.legacy-card_actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: auto;
}
.legacy-price {
color: var(--accent, #40A6FF);
font-family: "Play",sans-serif;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
}
.legacy-static-hero {
padding: 50px 0;
}
.legacy-page-grid {
align-items: center;
}
.legacy-article {
border-radius: 10px;
background: #fff;
box-shadow: 0 2px 24px rgba(4,26,40,.1);
padding: 50px;
}
.figma-home-faq__text p+p,.legacy-article_text p,.legacy-rich-text p {
margin-top: 0;
}
.legacy-article_text p:not(:last-child),.legacy-rich-text p:not(:last-child) {
margin-bottom: 16px;
}
.legacy-contact-list {
display: flex;
flex-direction: column;
gap: 14px;
margin: 30px 0;
}
.legacy-contact-row {
color: #fff;
}
.legacy-contact-form-note,.legacy-empty-state {
margin-top: 24px;
}
.legacy-auth-card,.legacy-booking-card,.legacy-cabinet-card,.legacy-payment-card,.legacy-thankyou-card {
padding: 50px;
}
.legacy-auth-grid,.legacy-booking-grid,.legacy-cabinet-grid,.legacy-payment-grid {
display: grid;
gap: 30px;
}
.legacy-auth-grid,.legacy-payment-grid {
grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);
}
.legacy-booking-grid,.legacy-cabinet-grid {
grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
}
.legacy-form-grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 20px;
}
.figma-home-hero-shell {
margin-bottom: 12px;
}
.figma-home-hero {
position: relative;
width: 100%;
min-height: 823px;
overflow: hidden;
border-radius: 10px;
background: #0d1722;
}
.figma-home-hero__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-position: center center;
}
.figma-home-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(90deg,rgba(0,0,0,.22)0,rgba(0,0,0,.08) 38%,transparent 63%);
pointer-events: none;
}
.figma-home-hero__content {
position: absolute;
inset: 0;
display: flex;
align-items: center;
padding: 110px 26px 72px;
}
.figma-home-hero__inner {
width: 100%;
}
.figma-home-hero__title {
position: relative;
z-index: 2;
max-width: 940px;
margin: 0 auto;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 68px;
font-weight: 600;
line-height: 1;
letter-spacing: -.2px;
text-transform: uppercase;
text-align: center;
}
.figma-home-search {
position: relative;
z-index: 3;
max-width: 1064px;
margin: 64px auto 0;
}
.figma-home-search__bar {
display: grid;
grid-template-columns: minmax(0,1fr) 46px minmax(0,1fr) minmax(0,.9fr) minmax(0,.9fr) 151px;
align-items: center;
gap: 0;
min-height: 53px;
background: #fff;
border: 1px solid #40a6ff;
border-radius: 50px;
overflow: hidden;
box-shadow: 0 14px 40px rgba(19,53,91,.18);
}
.figma-home-search__field {
position: relative;
display: flex;
align-items: center;
gap: 8px;
min-height: 53px;
padding: 0 18px;
color: #3d3d3d;
text-align: left;
}
.figma-home-search__field::after {
content: "";
position: absolute;
top: 14px;
right: 0;
width: 1px;
height: 26px;
background: rgba(64,166,255,.15);
}
.figma-home-search__field.is-open {
color: #1f2f4d;
}
.figma-home-search__icon {
width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #6d7686;
flex: 0 0 auto;
}
.figma-home-search__icon img,.figma-home-search__icon svg {
width: 100%;
height: 100%;
display: block;
}
.figma-home-search__value {
display: block;
overflow: hidden;
color: inherit;
font-family: "Exo 2",sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: -.42px;
text-overflow: ellipsis;
white-space: nowrap;
}
.figma-home-search__swap {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
margin-left: -8px;
margin-right: -8px;
border-radius: 50%;
color: #40a6ff;
z-index: 2;
}
.figma-home-search__swap img {
width: 15px;
height: 13px;
}
.figma-home-search__submit {
height: 52px;
background: #40a6ff;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: -.42px;
}
.figma-home-search__panel {
position: absolute;
top: calc(100% + 6px);
display: none;
width: 230px;
background: #fff;
border-radius: 10px;
box-shadow: 0 16px 40px rgba(10,34,63,.2);
overflow: hidden;
}
.figma-home-search__panel.is-open {
display: block;
}
@media (min-width:768px) {
.figma-home-hero-shell.is-search-panel-open {
position: relative;
z-index: 2000;
}
.figma-home-hero-shell.is-search-panel-open .figma-home-hero {
overflow: visible;
}
.figma-home-search.is-panel-open {
z-index: 1200;
}
.figma-home-search__panel.is-open {
z-index: 2200;
}
}
.figma-home-search__panel[data-home-search-panel=from] {
left: 14px;
}
.figma-home-search__panel[data-home-search-panel=to] {
left: 290px;
}
.figma-home-search__panel[data-home-search-panel=date] {
left: 573px;
width: 330px;
padding: 18px;
}
.figma-home-search__panel[data-home-search-panel=passengers] {
left: 775px;
width: 220px;
padding: 14px 18px;
}
.figma-home-search__city-list {
max-height: 290px;
overflow-y: auto;
}
.figma-home-search__city-option {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 9px 16px 8px;
text-align: left;
border-bottom: 1px solid #eef2fb;
}
.figma-home-search__city-option:nth-child(odd) {
background: #f5f6fc;
}
.figma-home-search__city-option.is-active,.figma-home-search__city-option:hover {
background: #edf5ff;
}
.figma-home-search__city-option:last-child {
border-bottom: none;
}
.figma-home-search__city-text {
display: flex;
flex-direction: column;
gap: 2px;
}
.figma-home-search__city-country,.figma-home-search__city-name {
color: #3d3d3d;
font-family: "Exo 2",sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
}
.figma-home-search__city-country {
color: #57667f;
font-size: 12px;
}
.figma-home-search__city-arrow {
color: #69778f;
font-size: 22px;
line-height: 1;
}
.figma-home-search__date-picker {
display: flex;
flex-direction: column;
gap: 10px;
color: #3d3d3d;
font-family: "Exo 2",sans-serif;
font-size: 13px;
font-weight: 500;
}
.figma-home-search__date-picker input {
width: 100%;
height: 44px;
border: 1px solid #d7e6f7;
border-radius: 12px;
padding: 0 14px;
background: #fff;
color: #25324b;
}
.figma-home-search__calendar {
display: grid;
gap: 14px;
color: #25324b;
font-family: "Exo 2",sans-serif;
}
.figma-home-search__calendar-head {
display: grid;
grid-template-columns: 36px minmax(0,1fr) 36px;
align-items: center;
gap: 10px;
}
.figma-home-search__calendar-title {
color: #1f2f4d;
font-size: 16px;
font-weight: 700;
line-height: 1.2;
text-align: center;
/* capitalize raises EVERY word, which turned the Ukrainian year suffix into
"Липень 2026 Р."; only the caption's first letter should be raised. */
text-transform: none;
}
.figma-home-search__calendar-title::first-letter {
text-transform: uppercase;
}
.figma-home-search__calendar-nav {
width: 36px;
height: 36px;
border: 1px solid #d7e6f7;
border-radius: 50%;
background: #f6faff;
color: #40a6ff;
font-size: 24px;
font-weight: 600;
line-height: 1;
padding: 0;
/* The ‹ / › characters were drawn by the font, and font ink is not centred on its own
em box, so no amount of flex centring squared them up inside the circle. Swapped for a
drawn chevron: background-position:center is exact by construction, whatever the font. */
padding: 0;
font-size: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: 18px 18px;
}
.figma-home-search__calendar-nav[data-home-calendar-prev] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2340a6ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 5L8.5 12l7 7'/%3E%3C/svg%3E");
}
.figma-home-search__calendar-nav[data-home-calendar-next] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2340a6ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 5l7 7-7 7'/%3E%3C/svg%3E");
}
.figma-home-search__calendar-nav:disabled {
cursor: not-allowed;
opacity: .35;
}
.figma-home-search__calendar-grid,.figma-home-search__calendar-weekdays {
display: grid;
grid-template-columns: repeat(7,minmax(0,1fr));
gap: 6px;
}
.figma-home-search__calendar-weekdays span {
color: #7c8ba5;
font-size: 11px;
font-weight: 700;
line-height: 1;
text-align: center;
text-transform: uppercase;
}
.figma-home-search__calendar-day,.figma-home-search__calendar-spacer {
width: 100%;
aspect-ratio: 1/1;
}
.figma-home-search__calendar-day {
border-radius: 12px;
background: #f1f5fb;
color: #a2adc0;
font-size: 13px;
font-weight: 700;
line-height: 1;
}
.figma-home-search__calendar-day.is-available {
background: #eaf4ff;
color: #2392f7;
}
.figma-home-search__calendar-day.is-today {
box-shadow: inset 0 0 0 1px rgba(64,166,255,.55);
}
.figma-home-search__calendar-day.is-selected {
background: #40a6ff;
color: #fff;
box-shadow: 0 10px 22px rgba(64,166,255,.26);
}
.figma-home-search__calendar-day:disabled {
cursor: not-allowed;
}
.figma-home-search__calendar-state {
border-radius: 14px;
background: #f4f8ff;
color: #57667f;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
padding: 12px 14px;
text-align: center;
}
.figma-home-search__calendar-state[hidden] {
display: none;
}
.figma-home-search__submit.is-disabled,.figma-home-search__submit:disabled {
cursor: not-allowed;
opacity: .55;
}
.figma-home-search__counter-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 10px 0;
}
.figma-home-search__counter-row+.figma-home-search__counter-row {
border-top: 1px solid #eef2fb;
}
.figma-home-search__counter-copy {
display: flex;
flex-direction: column;
gap: 4px;
}
.figma-home-search__counter-controls span,.figma-home-search__counter-title {
color: #3d3d3d;
font-family: "Exo 2",sans-serif;
font-size: 14px;
font-weight: 600;
}
.figma-home-search__counter-hint {
color: #7c8ba5;
font-family: "Exo 2",sans-serif;
font-size: 11px;
font-weight: 500;
}
.figma-home-search__counter-controls {
display: inline-flex;
align-items: center;
gap: 10px;
}
.figma-home-search__counter-controls button {
width: 30px;
height: 30px;
border-radius: 50%;
background: #f0f6ff;
color: #40a6ff;
font-size: 22px;
line-height: 1;
}
.figma-home-search__counter-controls span {
min-width: 18px;
color: #25324b;
font-size: 15px;
text-align: center;
}
.figma-home-app {
position: relative;
margin-top: 12px;
margin-bottom: 52px;
}
.figma-home-app__inner {
position: relative;
min-height: 359px;
padding: 40px 85px 26px 38px;
overflow: hidden;
border-radius: 10px;
background: linear-gradient(90deg,#7fb3ff 0,#9cb8ff 36%,#c5bdf6 67%,#d8d1fb 100%);
}
.figma-home-app__inner::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: 20px;
background: rgba(0,0,0,.03);
backdrop-filter: blur(9px);
pointer-events: none;
}
.figma-home-app__bg {
position: absolute;
inset: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
}
.figma-home-app__content {
position: relative;
z-index: 2;
max-width: 783px;
width: min(783px,calc(100% - 430px));
padding-right: 0;
}
.figma-home-app__subtitle,.figma-home-app__title {
font-family: "Exo 2",sans-serif;
font-weight: 400;
line-height: 1.2;
}
.figma-home-app__title {
margin: 0;
color: #fff;
font-size: 42px;
}
.figma-home-app__subtitle {
max-width: 568px;
margin: 15px 0 0;
color: rgba(255,255,255,.92);
font-size: 20px;
}
.figma-home-app__stores {
display: flex;
align-items: center;
gap: 10px;
margin-top: 20px;
}
.figma-home-app__store {
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform .2s ease,opacity .2s ease;
}
.figma-home-app__store:hover {
transform: translateY(-1px);
opacity: .92;
}
.figma-home-app__store img {
height: 38px;
width: auto;
}
.figma-home-app__users {
gap: 12px;
margin-top: 20px;
}
.figma-home-app__avatars,.figma-home-app__users {
display: flex;
align-items: center;
}
.figma-home-app__avatar {
width: 50px;
height: 50px;
margin-left: -10px;
border: 3px solid rgba(255,255,255,.8);
border-radius: 50%;
overflow: hidden;
background: #d6ecff;
box-shadow: 0 8px 18px rgba(34,81,136,.16);
}
.figma-home-app__avatar:first-child {
margin-left: 0;
}
.figma-home-app__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.figma-home-app__users-copy {
display: flex;
align-items: center;
gap: 10px;
color: #fff;
font-family: "Exo 2",sans-serif;
}
.figma-home-app__users-copy strong {
font-family: "DM Sans",sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 29px;
}
.figma-home-app__users-copy span {
color: #dbdbdb;
font-size: 16px;
font-weight: 500;
line-height: 29px;
}
.figma-home-app__visual {
position: absolute;
z-index: 2;
top: 25px;
right: 85px;
width: 339px;
height: 334px;
}
.figma-home-app__phones {
display: block;
width: 100%;
height: auto;
}
.figma-home-welcome {
margin-bottom: 56px;
}
.figma-home-welcome__intro {
display: grid;
grid-template-columns: 23px minmax(0,816px) 440px;
justify-content: space-between;
align-items: start;
gap: 14px;
}
.figma-home-welcome__heading {
max-width: 820px;
}
.figma-home-welcome__copy {
padding-top: 0;
}
.figma-home-welcome__accent,.figma-home-welcome__copy p,.figma-home-welcome__title {
color: #a5a5a5;
font-family: "Exo 2",sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 1.2;
}
.figma-home-welcome__copy p,.figma-home-welcome__title {
margin: 0;
color: #202020;
}
.figma-home-welcome__copy p {
max-width: 440px;
color: #141414;
font-size: 16px;
text-align: justify;
}
.figma-home-welcome__cards {
display: grid;
grid-template-columns: repeat(4,minmax(0,330px));
justify-content: space-between;
gap: 10px;
margin-top: 39px;
}
.figma-home-welcome__card {
min-height: 215px;
padding: 17px 18px 20px;
border: 1px solid #f0f0f0;
border-radius: 10px;
background: #fff;
box-shadow: none;
}
.figma-home-welcome__icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.figma-home-welcome__icon.is-badge {
width: 45px;
height: 45px;
border-radius: 50%;
background: #40a6ff;
}
.figma-home-welcome__icon img {
display: block;
width: auto;
height: 45px;
max-width: none;
}
.figma-home-welcome__icon.is-badge img {
width: 24px;
height: 24px;
filter: brightness(0) invert(1);
}
.figma-home-welcome__card-text,.figma-home-welcome__card-title {
margin: 38px 0 0;
color: #3c3c3c;
font-family: "Exo 2",sans-serif;
font-size: 22px;
font-weight: 600;
line-height: 1.2;
}
.figma-home-welcome__card-text {
max-width: 274px;
margin: 12px 0 0;
color: #141414;
font-size: 14px;
font-weight: 400;
}
.figma-home-stats {
margin-bottom: 58px;
}
.figma-home-stats__inner {
position: relative;
min-height: 579px;
overflow: hidden;
border-radius: 10px;
background: #1b232d;
}
.figma-home-stats__inner::after {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(0deg,rgba(0,0,0,.8) 4.227%,transparent 33.805%);
pointer-events: none;
}
.figma-home-stats__scene-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
}
.figma-home-stats__content {
position: relative;
z-index: 1;
height: 100%;
min-height: 579px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 38px 0 22px;
}
.figma-home-stats__top {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.figma-home-stats__kicker {
margin-left: 28px;
max-width: 248px;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
}
.figma-home-stats__scene {
position: relative;
min-height: 344px;
}
.figma-home-stats__items {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 32px;
align-items: end;
padding: 0 30px 0 58px;
background: 0 0;
}
.figma-home-stats__item {
position: relative;
min-height: 127px;
padding-left: 27px;
}
.figma-home-stats__item::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 95px;
background: rgba(255,255,255,.56);
}
.figma-home-stats__label,.figma-home-stats__value {
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 53px;
font-weight: 800;
line-height: 1;
}
.figma-home-stats__label {
margin-bottom: 24px;
max-width: 180px;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
}
.figma-home-routes {
margin-bottom: 38px;
padding-left: 5px;
}
.figma-home-routes__board {
margin-top: 31px;
}
.figma-home-routes__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 28px;
}
.figma-home-routes__subtitle,.figma-home-routes__title {
margin: 0;
color: #000;
font-family: "Exo 2",sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 50.4px;
}
.figma-home-routes__subtitle {
max-width: 361px;
padding-top: 13px;
color: #141414;
font-size: 16px;
line-height: 1.2;
text-align: justify;
}
.figma-home-routes__meta {
display: flex;
flex-direction: column;
gap: 23px;
}
.figma-home-routes__row {
display: grid;
grid-template-columns: 80px minmax(0,1fr);
align-items: start;
gap: 14px;
}
.figma-home-routes__row--trips {
grid-template-columns: 80px auto;
align-items: center;
}
.figma-home-routes__row-label {
color: #3c3c3c;
font-family: "Exo 2",sans-serif;
font-size: 20px;
font-weight: 400;
line-height: normal;
}
.figma-home-routes__tabs,.figma-home-routes__tabs-shell {
display: inline-flex;
align-items: center;
}
.figma-home-routes__tabs {
gap: 0;
width: 293px;
height: 40px;
box-sizing: border-box;
padding: 2px 3px;
border-radius: 10px;
background: #dedede;
}
.figma-home-routes__tab {
min-height: 36px;
padding: 0 13px;
border: 0;
border-radius: 7px;
background: 0 0;
color: #8e8e8e;
font-family: "Exo 2",sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1;
transition: background-color .2s ease,color .2s ease;
}
.figma-home-routes__tab.is-active {
background: #40a6ff;
color: #fff;
}
.figma-home-routes__nav {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
margin-left: auto;
}
.figma-home-routes__nav-btn {
width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #40a6ff;
color: #fff;
font-size: 11px;
line-height: 1;
}
.figma-home-routes__nav-btn.is-muted {
background: #eceff3;
color: #9aa6b7;
}
.figma-home-routes__panels {
margin-top: 23px;
}
.figma-home-routes__panel {
display: none;
}
.figma-home-routes__panel.is-active {
display: block;
}
.figma-home-routes__trip-grid {
display: grid;
grid-template-columns: repeat(4,330px);
gap: 10px;
align-items: stretch;
}
.figma-home-routes__trip-card {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
width: 330px;
min-height: 57px;
padding: 0 10px 0 9px;
border: 1px solid #f0f0f0;
border-radius: 10px;
background: #fbfbfb;
box-shadow: none;
max-width: 330px;
}
.figma-home-routes__trip-line {
display: flex;
align-items: center;
gap: 9px;
min-width: 0;
flex: 1 1 auto;
}
.figma-home-routes__chips {
display: flex;
flex-wrap: wrap;
gap: 7px 5px;
}
.figma-home-routes__chip,.figma-home-routes__trip-city {
font-family: "Exo 2",sans-serif;
font-size: 16px;
line-height: normal;
}
.figma-home-routes__chip {
display: inline-flex;
align-items: center;
height: 25px;
box-sizing: border-box;
padding: 3px 15px;
border-radius: 999px;
background: #40a6ff;
color: #fff;
font-weight: 400;
transition: background-color .2s ease,color .2s ease,transform .2s ease;
}
.figma-home-routes__chip:hover {
background: #2e97f7;
color: #fff;
transform: translateY(-1px);
}
.figma-home-routes__trip-city {
flex: 0 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #000;
font-weight: 500;
}
.figma-home-routes__trip-arrow,.figma-home-routes__trip-button {
display: inline-flex;
align-items: center;
width: 31px;
flex: 0 0 31px;
}
.figma-home-routes__trip-arrow img {
display: block;
width: 31px;
height: 8px;
}
.figma-home-routes__trip-button {
width: 100px;
min-width: 100px;
height: 27px;
box-sizing: border-box;
justify-content: center;
padding: 0 10px;
border-radius: 5px;
background: #40a6ff;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 22.5px;
letter-spacing: -.5px;
flex: 0 0 auto;
margin-left: auto;
}
.figma-home-routes__footer {
margin-top: 17px;
display: flex;
justify-content: center;
}
.figma-home-routes__button,.figma-home-routes__button-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
}
.figma-home-routes__button {
gap: 10px;
width: 220px;
height: 35px;
box-sizing: border-box;
padding: 10px;
border-radius: 5px;
border: 1px solid #40a6ff;
background: #fff;
color: #40a6ff;
font-family: "Exo 2",sans-serif;
font-size: 16px;
font-weight: 500;
line-height: normal;
letter-spacing: -.5px;
}
.figma-home-routes__button-arrow {
width: 11px;
height: 11px;
}
.figma-home-routes__button-arrow img {
display: block;
width: 11px;
height: 11px;
}
@media (max-width:1199px) {
.figma-home-hero__title {
max-width: 780px;
font-size: 56px;
line-height: .98;
}
.figma-home-search__bar {
grid-template-columns: minmax(0,1fr) 40px minmax(0,1fr) minmax(0,.95fr) minmax(0,.95fr) 132px;
}
.figma-home-search__panel[data-home-search-panel=to] {
left: 258px;
}
.figma-home-search__panel[data-home-search-panel=date] {
left: 521px;
}
.figma-home-search__panel[data-home-search-panel=passengers] {
left: 696px;
}
.figma-home-app__inner {
gap: 26px;
padding: 34px 30px 20px;
}
.figma-home-app__title {
font-size: 44px;
}
.figma-home-app__subtitle,.figma-home-app__users-copy span {
font-size: 22px;
}
.figma-home-app__users-copy strong {
font-size: 26px;
}
.figma-home-app__visual {
width: 340px;
height: 270px;
margin-right: 0;
}
.figma-home-app__device {
width: 116px;
height: 236px;
background-size: 392px auto;
border-radius: 30px;
}
.figma-home-app__device--left {
left: 10px;
}
.figma-home-app__device--center {
left: 110px;
}
.figma-home-app__device--right {
right: 4px;
}
.figma-home-welcome {
margin-bottom: 48px;
}
.figma-home-welcome__title {
font-size: 46px;
}
.figma-home-welcome__copy p {
font-size: 18px;
}
.figma-home-welcome__cards {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.figma-home-stats__kicker {
font-size: 13px;
}
.figma-home-stats__scene {
min-height: 270px;
}
.figma-home-stats__bus {
width: min(84vw,840px);
}
.figma-home-stats__items {
padding: 20px 18px 24px;
}
.figma-home-stats__value {
font-size: 40px;
}
.figma-home-routes__trip-grid {
grid-template-columns: repeat(3,minmax(330px,330px));
justify-content: start;
}
.figma-home-routes {
margin-bottom: 48px;
}
.public-footer__top {
grid-template-columns: minmax(0,1.1fr) minmax(0,.7fr) minmax(220px,.9fr);
gap: 32px;
}
.public-footer__bus {
width: min(42vw,420px);
}
.public-footer__bottom {
margin-top: 88px;
}
}
@media (max-width:991px) {
.figma-home-hero {
min-height: 720px;
border-radius: 10px;
}
.figma-home-hero__content {
padding: 96px 22px 52px;
}
.figma-home-hero__title {
max-width: 620px;
font-size: 42px;
line-height: 1.02;
}
.callback_pop-up-btn {
right: 18px;
bottom: 18px;
}
.callback_pop-up-btn .callback_btn {
min-height: 64px;
padding: 8px 18px 8px 8px;
}
.callback_pop-up-btn .callback_title {
font-size: 18px;
}
.public-header.is-home-shell {
padding-top: 9px;
}
.public-header.is-home-shell .header_content {
padding: 0 6px 0 2px;
}
.public-header.is-home-shell .menu_links {
gap: 30px;
}
.public-header.is-home-shell .langs_block {
margin-left: 24px;
}
.public-header.is-home-shell .burger.home-figma-header__burger,.public-header.is-home-shell .langs_block.home-figma-header__lang {
margin-left: 0;
}
.public-header.is-home-shell .burger {
margin-left: 18px;
}
.public-footer__top {
grid-template-columns: 1fr;
gap: 22px;
min-height: 0;
}
.public-footer__panel {
border-radius: 24px;
}
.public-footer__content {
padding: 28px 24px 22px;
}
.public-footer__brand {
max-width: 100%;
}
.public-footer__stores {
flex-wrap: wrap;
}
.public-footer__bus {
width: min(58vw,360px);
bottom: 74px;
}
.public-footer__bottom {
margin-top: 120px;
}
.public-footer__bottom-links {
grid-template-columns: 1fr;
gap: 10px;
padding-bottom: 10px;
}
.public-footer__bottom-meta {
grid-template-columns: 1fr;
gap: 10px;
justify-items: start;
padding-top: 12px;
}
.public-footer__bottom-link--right {
justify-self: start;
text-align: left;
}
.public-footer__brand-mark {
justify-content: flex-start;
}
.figma-home-search {
margin-top: 34px;
}
.figma-home-search__bar {
grid-template-columns: 1fr;
border-radius: 26px;
padding: 10px;
gap: 8px;
background: rgba(255,255,255,.96);
}
.figma-home-search__field {
min-height: 50px;
border-radius: 18px;
}
.figma-home-search__submit {
min-height: 50px;
}
.figma-home-search__field {
background: #fff;
}
.figma-home-search__field::after,.figma-home-search__swap {
display: none;
}
.figma-home-search__submit {
width: 100%;
border-radius: 18px;
}
.figma-home-search__panel {
position: fixed;
top: auto;
right: 14px;
bottom: max(14px,env(safe-area-inset-bottom));
left: 14px !important;
z-index: 1200;
width: auto !important;
max-height: min(72vh,calc(100dvh - 28px));
overflow-y: auto;
border: 1px solid rgba(64,166,255,.26);
border-radius: 24px;
box-shadow: 0 24px 70px rgba(10,34,63,.34);
}
.figma-home-search__panel[data-home-search-panel=date],.figma-home-search__panel[data-home-search-panel=passengers] {
padding: 16px;
}
.figma-home-search__city-list {
max-height: min(62vh,calc(100dvh - 96px));
}
.figma-home-search__calendar-day {
border-radius: 10px;
}
.figma-home-app__inner {
min-height: auto;
flex-direction: column;
align-items: flex-start;
padding: 30px 24px 20px;
}
.figma-home-app__content {
max-width: none;
}
.figma-home-app__title {
font-size: 38px;
}
.figma-home-app__subtitle {
max-width: 620px;
font-size: 20px;
}
.figma-home-app__visual {
align-self: center;
width: 300px;
margin-top: 12px;
}
.figma-home-welcome {
margin-bottom: 42px;
}
.figma-home-welcome__intro {
grid-template-columns: 24px 1fr;
gap: 16px;
}
.figma-home-welcome__copy {
grid-column: 1/-1;
}
.figma-home-welcome__title {
font-size: 38px;
}
.figma-home-welcome__copy p {
margin-top: 0;
font-size: 18px;
}
.figma-home-stats__content,.figma-home-stats__inner {
min-height: 460px;
}
.figma-home-stats__items {
grid-template-columns: repeat(2,minmax(0,1fr));
row-gap: 24px;
}
.figma-home-stats {
margin-bottom: 44px;
}
.figma-home-routes__header {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.figma-home-routes__row {
gap: 8px;
}
.figma-home-routes__row,.figma-home-routes__row--trips {
grid-template-columns: 1fr;
}
.figma-home-routes__row-label {
padding-top: 0;
font-size: 14px;
}
.figma-home-routes__nav {
justify-content: flex-start;
}
.figma-home-routes__subtitle {
max-width: 420px;
font-size: 12px;
text-align: left;
}
.figma-home-routes__trip-grid {
grid-template-columns: repeat(2,minmax(330px,330px));
justify-content: start;
}
.figma-home-routes {
margin-bottom: 32px;
}
}
@media (max-width:767px) {
.public-header.is-home-shell .container {
padding-left: 7px;
padding-right: 7px;
}
.public-header.is-home-shell .logo {
margin-left: 6px;
}
.public-header.is-home-shell .logo.home-figma-header__logo {
width: 83px;
margin-left: 0;
}
.public-header.is-home-shell .logo.home-figma-header__logo a {
width: 83px;
}
.public-header.is-home-shell .logo.home-figma-header__logo img {
width: 83px;
height: 11.55px;
}
.public-header.is-home-shell {
padding-top: 22px;
}
.public-header.is-home-shell .header_content {
padding: 0 4px 0 0;
}
.public-footer.is-home-shell {
padding-top: 50px;
padding-bottom: 40px;
}
.figma-home-hero {
min-height: 760px;
border-radius: 16px;
}
.figma-home-hero__content {
padding: 104px 14px 28px;
align-items: flex-end;
}
.figma-home-hero__title {
max-width: 100%;
font-size: 30px;
line-height: 1.08;
letter-spacing: 0;
text-align: left;
}
.figma-home-search {
margin-top: 34px;
}
.figma-home-search__field,.figma-home-search__submit {
min-height: 46px;
padding: 0 16px;
}
.callback_pop-up-btn {
display: none;
}
.figma-home-app {
margin-top: 0;
margin-bottom: 30px;
}
.figma-home-app__inner {
padding: 28px 18px 0;
gap: 18px;
border-radius: 16px;
}
.figma-home-app__content {
max-width: 100%;
width: 100%;
padding-right: 0;
}
.figma-home-app__title {
font-size: 28px;
line-height: 1.12;
}
.figma-home-app__subtitle {
font-size: 16px;
line-height: 1.32;
max-width: 320px;
}
.figma-home-app__stores {
gap: 8px;
flex-wrap: wrap;
margin-top: 20px;
}
.figma-home-app__store img,.public-footer__stores img {
height: 34px;
}
.figma-home-app__users {
flex-wrap: wrap;
row-gap: 8px;
}
.figma-home-app__avatar {
width: 42px;
height: 42px;
margin-left: -8px;
}
.figma-home-app__users-copy strong {
font-size: 24px;
}
.figma-home-app__users-copy span {
font-size: 18px;
}
.figma-home-app__visual {
position: relative;
right: auto;
bottom: auto;
width: min(88vw,360px);
height: auto;
margin-top: 4px;
}
.figma-home-welcome {
margin-bottom: 34px;
}
.figma-home-welcome__intro {
grid-template-columns: 1fr;
gap: 12px;
}
.figma-home-welcome__accent {
font-size: 44px;
line-height: 1;
}
.figma-home-welcome__title {
font-size: 30px;
line-height: 1.12;
}
.figma-home-welcome__copy p {
font-size: 16px;
line-height: 1.5;
}
.figma-home-welcome__cards {
grid-template-columns: 1fr;
gap: 14px;
margin-top: 24px;
}
.figma-home-welcome__card {
min-height: auto;
padding: 18px 16px 22px;
border-radius: 16px;
}
.figma-home-welcome__card-title {
margin-top: 24px;
font-size: 22px;
}
.figma-home-welcome__card-text {
font-size: 16px;
}
.figma-home-stats {
margin-bottom: 34px;
}
.figma-home-stats__content,.figma-home-stats__inner {
min-height: 420px;
}
.figma-home-stats__kicker {
max-width: 180px;
font-size: 11px;
line-height: 1.35;
}
.figma-home-stats__scene {
min-height: 154px;
}
.figma-home-stats__bus {
width: min(120vw,520px);
}
.figma-home-stats__items {
grid-template-columns: 1fr 1fr;
gap: 18px 12px;
padding: 18px 18px 20px;
margin: 0-18px;
}
.figma-home-stats__item {
padding-left: 14px;
}
.figma-home-stats__item::before {
top: 6px;
height: 58px;
}
.figma-home-stats__value {
font-size: 30px;
}
.figma-home-stats__label {
margin-top: 8px;
font-size: 14px;
}
.public-footer__content {
padding: 22px 18px 18px;
}
.public-footer__bus {
width: min(74vw,290px);
bottom: 98px;
}
.public-footer__bottom {
margin-top: 138px;
gap: 10px;
}
.figma-home-routes {
margin-bottom: 34px;
}
.figma-home-routes__title {
font-size: 28px;
line-height: 1.12;
}
.figma-home-routes__subtitle {
font-size: 12px;
line-height: 1.3;
}
.figma-home-routes__chip {
min-height: 28px;
padding: 0 12px;
font-size: 12px;
}
.figma-home-routes__tabs {
width: 100%;
justify-content: flex-start;
}
.figma-home-routes__tab {
min-width: 118px;
min-height: 42px;
font-size: 14px;
}
.figma-home-routes__trip-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.figma-home-routes__trip-card {
min-height: 54px;
padding: 0 10px 0 14px;
gap: 12px;
max-width: none;
}
.figma-home-routes__trip-city {
font-size: 12px;
}
.figma-home-routes__trip-button {
min-width: 84px;
min-height: 32px;
font-size: 11px;
}
.figma-home-routes__footer {
margin-top: 18px;
}
.figma-home-routes__button {
width: auto;
min-height: 32px;
padding: 0 16px;
font-size: 12px;
border-radius: 5px;
}
}
.legacy-form-grid.full-width {
grid-template-columns: 1fr;
}
@media (min-width:992px) {
.footer>.container>.flex-row.gap-24 {
display: grid;
grid-template-columns: minmax(0,1.35fr) minmax(220px,.65fr) minmax(260px,.9fr);
gap: 40px;
align-items: start;
}
.footer .col-lg-3,.footer .col-lg-6 {
width: auto;
max-width: none;
flex: none;
}
.footer_left {
max-width: none;
}
.footer_logo {
max-width: 230px;
}
.footer_txt {
max-width: 520px;
margin-bottom: 34px;
}
.paymethod_logos {
justify-content: flex-start;
gap: 42px;
}
.footer_contacts {
max-width: 320px;
}
.footer_bottom {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 30px;
max-width: none;
margin-top: 44px;
padding-top: 28px;
border-top: 1px solid rgba(255,255,255,.22);
}
.footer_bottom_txt {
flex: 1 1 auto;
max-width: 560px;
margin-bottom: 0;
}
.footer_bottom_list {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 28px;
color: #fff;
}
.footer_bottom_links {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: wrap;
}
.fbl_offer {
margin: 0;
}
}
.figma-home-features {
padding: 12px 0 42px;
}
.figma-home-features__banner {
position: relative;
overflow: hidden;
border-radius: 10px;
min-height: 615px;
background: #19324e;
box-shadow: none;
}
.figma-home-features__bg {
position: absolute;
top: 0;
left: -31px;
width: calc(100% + 64px);
height: 100%;
object-fit: cover;
max-width: none;
}
.figma-home-features__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg,transparent 43%,rgba(0,0,0,.6) 100%);
}
.figma-home-features__hero {
position: relative;
z-index: 1;
min-height: 615px;
padding: 37px 37px 0;
}
.figma-home-features__header {
max-width: 517px;
margin: 0;
text-align: left;
}
.figma-home-features__subtitle,.figma-home-features__title {
margin: 0;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 1.2;
}
.figma-home-faq__item.is-open .figma-home-faq__answer,.figma-home-features__title span {
display: block;
}
.figma-home-features__subtitle {
margin: 80px 0 0;
max-width: 517px;
font-size: 20px;
font-weight: 400;
}
.figma-home-features__stores {
display: flex;
align-items: center;
gap: 10px;
margin-top: 32px;
}
.figma-home-features__store img {
height: 55.713px;
width: auto;
}
.figma-home-features__promo-card {
position: absolute;
top: 53px;
right: 99px;
width: 319px;
height: 446px;
}
.figma-home-features__promo-phone {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
pointer-events: none;
}
.figma-home-features__promo-screen {
position: absolute;
top: 71px;
left: 26px;
right: 19px;
bottom: 49px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.figma-home-features__promo-badge {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 41px;
padding: 0 12px;
background: #ffc700;
color: #fff;
font-family: "Exo 2",sans-serif;
font-weight: 700;
line-height: 1;
white-space: nowrap;
border-radius: 3px;
}
.figma-home-features__promo-badge-prefix {
font-size: 26px;
}
.figma-home-features__promo-badge-value {
font-size: 33px;
}
.figma-home-features__promo-heading {
margin-top: 4px;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 26px;
font-weight: 700;
line-height: 1.1;
}
.figma-home-features__promo-text {
max-width: 256px;
margin: 28px 0 0;
color: rgba(255,255,255,.96);
font-family: "Exo 2",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.214;
}
.figma-home-features__promo-button {
align-items: center;
justify-content: center;
gap: 8px;
min-height: 39px;
width: 240px;
border-radius: 7px;
background: #40a6ff;
color: #fff;
font-family: "Exo 2",sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.40625;
letter-spacing: -.5px;
}
.figma-home-features__grid {
position: absolute;
z-index: 2;
left: 37px;
right: 36px;
bottom: 37px;
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 10px;
}
.figma-home-features__card {
display: flex;
flex-direction: column;
min-height: 156px;
padding: 18px 28px;
border: 0;
border-radius: 8px;
background: #fff;
text-decoration: none;
box-shadow: 0 4px 4px rgba(0,0,0,.05);
}
.figma-home-features__card-head {
display: flex;
align-items: center;
gap: 21px;
}
.figma-home-features__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.figma-home-features__icon img {
display: block;
width: auto;
max-width: 54px;
max-height: 49px;
}
.figma-home-features__card-text,.figma-home-features__card-title {
margin: 0;
color: #3b3b3b;
font-family: "Exo 2",sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 1.2;
}
.figma-home-features__card-text {
margin: 38px 0 0;
color: #313131;
font-size: 14px;
line-height: 1.214;
}
.figma-home-faq {
padding: 28px 0 78px;
}
.figma-home-faq__grid {
display: grid;
grid-template-columns: minmax(0, 392px) minmax(0, 896px);
justify-content: center;
column-gap: 62px;
align-items: start;
}
.figma-home-faq__intro {
position: sticky;
top: 32px;
align-self: start;
}
.figma-home-faq__copy {
max-width: 392px;
}
.figma-home-faq__title {
margin: 0;
color: #000;
font-family: "Exo 2",sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 1.2;
}
.figma-home-faq__button,.figma-home-faq__text {
margin-top: 43px;
color: #141414;
font-family: "Exo 2",sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
}
.figma-home-faq__button {
display: inline-flex;
align-items: center;
justify-content: space-between;
width: 240px;
min-height: 39px;
margin-top: 31px;
padding: 8px 14px;
border-radius: 7px;
background: #40a6ff;
color: #fff;
font-weight: 600;
line-height: 22.5px;
letter-spacing: -.5px;
}
.figma-home-faq__button-arrow {
font-family: "DM Sans",sans-serif;
font-weight: 500;
}
.figma-home-faq__accordion {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
}
.figma-home-faq__item {
overflow: hidden;
border-radius: 10px;
}
.figma-home-faq__question {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
width: 100%;
min-height: 57px;
padding: 13px 19px;
border: 1px solid #f0f0f0;
border-radius: 10px;
background: #fbfbfb;
color: #3c3c3c;
text-align: left;
font-family: "Exo 2",sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 1.2;
cursor: pointer;
}
.figma-home-faq__plus {
position: relative;
flex: 0 0 auto;
width: 14.892px;
height: 14.178px;
}
.figma-home-faq__plus::after,.figma-home-faq__plus::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 14.892px;
height: 1.4px;
border-radius: 999px;
background: #3c3c3c;
transform: translate(-50%,-50%);
transition: transform .2s ease;
}
.figma-home-faq__plus::after {
transform: translate(-50%,-50%) rotate(90deg);
}
.figma-home-faq__answer {
margin-top: -1px;
padding: 0 19px 18px;
border: 1px solid #f0f0f0;
border-top: none;
border-radius: 0 0 10px 10px;
background: #fbfbfb;
color: #141414;
font-family: "Exo 2",sans-serif;
font-size: 16px;
line-height: 1.2;
}
.figma-home-faq__answer p {
margin: 0;
max-width: 650px;
}
.figma-home-faq__item.is-open .figma-home-faq__question {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
min-height: 58px;
}
.figma-home-faq__item.is-open .figma-home-faq__plus::after {
transform: translate(-50%,-50%) rotate(0deg);
}
.figma-home-fleet {
padding: 6px 0 52px;
}
.figma-home-fleet__grid {
display: grid;
grid-template-columns: minmax(320px,.42fr) minmax(0,.58fr);
gap: 28px;
align-items: stretch;
}
.figma-home-fleet__card {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100%;
padding: 34px;
border-radius: 30px;
background: radial-gradient(circle at top left,rgba(64,166,255,.2)0,rgba(64,166,255,0) 36%),linear-gradient(180deg,#0d3c72 0,#0f4d95 100%);
box-shadow: 0 26px 70px rgba(15,77,149,.2);
color: #fff;
}
.figma-home-fleet__eyebrow {
display: inline-flex;
align-items: center;
width: fit-content;
padding: 8px 14px;
border: 1px solid rgba(255,255,255,.2);
border-radius: 999px;
color: rgba(255,255,255,.82);
font-size: 12px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
}
.figma-home-fleet__title {
margin: 26px 0 0;
font-family: "Exo 2",sans-serif;
font-size: 42px;
font-weight: 700;
line-height: 1.08;
}
.figma-home-fleet__subtitle {
margin: 16px 0 0;
color: rgba(255,255,255,.82);
font-size: 17px;
line-height: 1.7;
}
.figma-home-fleet__logo {
max-width: 220px;
margin-top: 32px;
}
.figma-home-fleet__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 58px;
margin-top: 34px;
padding: 0 22px;
border-radius: 18px;
background: #fff;
color: #0f4d95;
text-decoration: none;
transition: transform .2s ease,box-shadow .2s ease;
}
.figma-home-fleet__button:hover {
transform: translateY(-2px);
box-shadow: 0 16px 35px rgba(0,0,0,.14);
}
.figma-home-fleet__slider-wrap {
min-width: 0;
}
.figma-home-fleet__slide {
overflow: hidden;
border: 1px solid #dbe6f2;
border-radius: 30px;
background: #fff;
box-shadow: 0 22px 60px rgba(40,95,151,.08);
}
.figma-home-fleet__media {
height: 320px;
overflow: hidden;
}
.figma-home-fleet__media img,.legacy-image-card img,.legacy-static-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.figma-home-fleet__content {
padding: 26px 28px 30px;
}
.figma-home-fleet__counter {
color: rgba(17,24,39,.18);
font-family: "Exo 2",sans-serif;
font-size: 42px;
font-weight: 700;
line-height: 1;
}
.figma-home-fleet__slide-title {
margin: 12px 0 0;
color: #111827;
font-family: "Exo 2",sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.12;
}
.figma-home-fleet__slide-subtitle {
margin-top: 10px;
color: #1d4d82;
font-size: 16px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
.figma-home-fleet__slide-text {
margin: 14px 0 0;
color: #5f697c;
font-size: 17px;
line-height: 1.7;
}
.figma-home-fleet__slider-nav {
display: flex;
justify-content: center;
margin-top: 22px;
min-height: 12px;
}
.figma-home-fleet__slider-nav .slick_slider_nav {
gap: 10px;
}
.figma-home-fleet__slider-nav .slick_slider_nav li {
display: flex;
}
.figma-home-fleet__slider-nav .slick_slider_nav button {
width: 10px;
height: 10px;
border-radius: 999px;
background: #d4e4f5;
opacity: 1;
transition: width .2s ease,background-color .2s ease;
}
.figma-home-fleet__slider-nav .slick_slider_nav .slick-active button {
width: 30px;
background: #40a6ff;
}
.legacy-stack {
display: flex;
flex-direction: column;
gap: 15px;
}
.legacy-label {
display: block;
margin-bottom: 10px;
}
.legacy-social-grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 15px;
margin-top: 24px;
}
.legacy-section-heading {
margin-bottom: 30px;
}
.legacy-bonus-list,.legacy-order-list,.legacy-ticket-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.legacy-order-card {
border-radius: 10px;
border: 1px solid #eaecf0;
padding: 24px 26px;
}
.legacy-order-top,.legacy-payment-actions,.legacy-ticket-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.legacy-ticket-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 18px;
border-radius: 999px;
background: #f4f8ff;
color: var(--accent, #40A6FF);
margin: 10px 10px 0 0;
}
.legacy-bonus-balance {
margin-top: 15px;
margin-bottom: 30px;
}
.legacy-route-links {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 12px 30px;
}
.legacy-image-card,.legacy-static-image {
border-radius: 10px;
overflow: hidden;
}
.legacy-page-actions {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 30px;
}
.legacy-faq-answer {
display: none;
max-width: calc(100% - 45px);
}
.legacy-faq-answer.is-open {
display: block;
}
.legacy-hidden-mobile {
display: inline-flex;
}
.schedule_route_details_popup:empty {
display: none;
}
.public-footer__stores a,.public-footer__stores picture,.schedule_route_details_popup.active {
display: block;
}
.sr_bus_options.is-hidden {
display: none;
}
@media (max-width:1199px) {
.figma-home-features__grid,.legacy-auth-grid,.legacy-booking-grid,.legacy-cabinet-grid,.legacy-featured-trips,.legacy-form-grid,.legacy-home-stats,.legacy-payment-grid,.legacy-route-links {
grid-template-columns: 1fr;
}
}
@media (max-width:991px) {
.figma-home-features {
padding: 16px 0 44px;
}
.figma-home-features__banner {
min-height: auto;
}
.figma-home-features__hero {
min-height: auto;
padding: 24px 20px 0;
}
.figma-home-features__title {
font-size: 28px;
}
.figma-home-features__subtitle {
margin-top: 20px;
font-size: 14px;
}
.figma-home-features__stores {
flex-wrap: wrap;
}
.figma-home-features__promo-card {
position: relative;
top: auto;
right: auto;
width: min(340px,78vw);
height: 456px;
margin: 18px auto 0;
}
.figma-home-features__promo-screen {
top: 72px;
left: 38px;
right: 39px;
bottom: 54px;
}
.figma-home-features__grid {
position: relative;
left: auto;
right: auto;
bottom: auto;
grid-template-columns: 1fr;
gap: 10px;
margin-top: 16px;
padding: 0 18px 18px;
}
.figma-home-features__card {
min-height: 112px;
}
.figma-home-features__card-title {
font-size: 16px;
}
.figma-home-faq {
padding: 24px 0 60px;
}
.figma-home-fleet {
padding: 8px 0 28px;
}
.figma-home-fleet__grid {
grid-template-columns: 1fr;
gap: 22px;
}
.figma-home-fleet__card,.figma-home-fleet__slide {
border-radius: 24px;
}
.figma-home-fleet__card {
padding: 28px;
}
.figma-home-fleet__title {
font-size: 34px;
}
.figma-home-fleet__media {
height: 280px;
}
.figma-home-fleet__content {
padding: 22px 24px 26px;
}
.figma-home-fleet__slide-title {
font-size: 28px;
}
.figma-home-faq__grid {
grid-template-columns: 1fr;
gap: 24px;
}
.figma-home-faq__intro {
position: static;
padding: 0;
}
.figma-home-faq__title {
font-size: 33px;
}
.figma-home-faq__button {
min-height: 50px;
font-size: 17px;
}
.figma-home-faq__question {
padding: 22px 24px;
font-size: 20px;
}
.figma-home-faq__answer {
padding: 0 24px 22px;
}
.legacy-article,.legacy-auth-card,.legacy-booking-card,.legacy-cabinet-card,.legacy-payment-card,.legacy-thankyou-card {
padding: 32px 24px;
}
.legacy-hidden-mobile {
display: none;
}
}
@media (max-width:767px) {
.figma-home-features {
padding: 8px 0 34px;
}
.figma-home-features__header {
text-align: left;
}
.figma-home-features__hero {
padding: 18px 14px 0;
}
.figma-home-features__title {
font-size: 24px;
}
.figma-home-features__subtitle {
margin-top: 18px;
max-width: 290px;
font-size: 13px;
}
.figma-home-features__stores {
margin-top: 14px;
gap: 8px;
}
.figma-home-features__store img {
height: 34px;
}
.figma-home-features__promo-card {
width: min(300px,86vw);
height: 402px;
margin-top: 14px;
}
.figma-home-features__promo-screen {
top: 64px;
left: 34px;
right: 34px;
bottom: 48px;
}
.figma-home-features__promo-badge {
min-height: 44px;
font-size: 14px;
}
.figma-home-features__promo-heading {
font-size: 13px;
}
.figma-home-features__promo-text {
margin-top: 34px;
max-width: 210px;
font-size: 10px;
}
.figma-home-features__promo-button {
width: 214px;
min-height: 44px;
font-size: 13px;
}
.figma-home-features__grid {
gap: 8px;
padding: 0 14px 14px;
}
.figma-home-features__card {
min-height: 104px;
padding: 14px 14px 14px 12px;
}
.figma-home-features__card-title {
font-size: 15px;
}
.figma-home-features__card-text {
margin-top: 11px;
font-size: 10px;
line-height: 1.35;
}
.figma-home-fleet {
padding: 0 0 24px;
}
.figma-home-fleet__card {
padding: 22px 20px;
}
.figma-home-fleet__title {
margin-top: 22px;
font-size: 29px;
}
.figma-home-fleet__subtitle {
font-size: 15px;
line-height: 1.6;
}
.figma-home-fleet__logo {
max-width: 170px;
margin-top: 24px;
}
.figma-home-fleet__button {
min-height: 52px;
margin-top: 26px;
border-radius: 16px;
}
.figma-home-fleet__slide {
border-radius: 20px;
}
.figma-home-fleet__media {
height: 220px;
}
.figma-home-fleet__content {
padding: 18px 18px 20px;
}
.figma-home-fleet__counter {
font-size: 34px;
}
.figma-home-fleet__slide-title {
font-size: 24px;
}
.figma-home-fleet__slide-subtitle {
font-size: 14px;
}
.figma-home-fleet__slide-text {
font-size: 15px;
line-height: 1.6;
}
.figma-home-fleet__slider-nav {
margin-top: 14px;
}
.figma-home-fleet__slider-nav .slick_slider_nav {
gap: 8px;
}
.figma-home-fleet__slider-nav .slick_slider_nav button {
width: 8px;
height: 8px;
}
.figma-home-fleet__slider-nav .slick_slider_nav .slick-active button {
width: 24px;
}
.figma-home-faq {
padding: 12px 0 34px;
}
.figma-home-faq__intro {
padding: 22px 20px;
}
.figma-home-faq__title {
font-size: 28px;
}
.figma-home-faq__text {
font-size: 15px;
line-height: 1.6;
}
.figma-home-faq__button {
min-height: 46px;
padding: 0 18px;
font-size: 16px;
}
.figma-home-faq__image {
margin-top: 22px;
border-radius: 18px;
}
.figma-home-faq__question {
padding: 18px 20px;
gap: 16px;
font-size: 18px;
}
.figma-home-faq__answer {
padding: 0 20px 18px;
font-size: 15px;
line-height: 1.6;
}
.legacy-stat-card_value {
font-size: 32px;
}
.footer_logo,.logo {
max-width: 190px;
}
}
.figma-app-store-badge {
position: relative;
display: block;
width: 112px;
height: 38px;
overflow: hidden;
}
.figma-app-store-badge img {
position: absolute;
display: block;
}
.figma-app-store-badge .figma-app-store-badge__base {
inset: 0;
width: 100%;
height: 100%;
}
.figma-app-store-badge .figma-app-store-badge__icon {
left: 9px;
top: 8px;
width: 16.6px;
height: 20.7px;
}
.figma-app-store-badge .figma-app-store-badge__overline {
left: 33px;
top: 8px;
width: 64.7px;
height: 6.1px;
}
.figma-app-store-badge .figma-app-store-badge__title {
left: 32px;
top: 17px;
width: 70.3px;
height: 14.9px;
}
.public-footer__store-mobile {
display: none;
}
.public-footer__bus {
position: absolute;
left: 50%;
bottom: 0;
z-index: 1;
display: block;
width: 100%;
max-width: var(--tmx-page-max-width);
transform: translateX(-50%);
pointer-events: none;
}
.public-footer__content {
position: relative;
z-index: 2;
}
.public-footer__logo {
width: 250px;
max-width: 100%;
height: auto;
}
.public-footer__stores>a>picture>img {
display: block;
width: auto;
height: 38px;
max-width: none;
}
.public-footer__stores .figma-app-store-badge {
width: 112px;
height: 38px;
}
.public-footer__stores .figma-app-store-badge img {
display: block;
width: auto;
height: auto;
}
.public-footer__social img {
filter: none;
opacity: 1;
}
@media (max-width:767px) {
.public-footer__store-desktop {
display: none;
}
.public-footer__store-mobile {
display: block;
}
.public-footer__bus {
display: none;
}
body,html {
max-width: 100%;
overflow-x: hidden;
}
body.is-home-search-panel-open {
overscroll-behavior: contain;
}
#mobile-app,.figma-home-faq,.figma-home-features,.figma-home-fleet,.figma-home-hero-shell,.figma-home-routes,.figma-home-stats,.figma-home-welcome,.public-footer.is-home-shell {
overflow-x: clip;
}
#mobile-app>.container,.figma-home-faq>.container,.figma-home-features>.container,.figma-home-fleet>.container,.figma-home-hero-shell>.container,.figma-home-routes>.container,.figma-home-stats>.container,.figma-home-welcome>.container,.public-footer.is-home-shell>.container {
width: min(calc(100% - 10px),392px);
max-width: 392px;
padding-left: 0;
padding-right: 0;
}
.public-header.is-home-shell .container {
width: min(calc(100% - 18px),384px);
max-width: 384px;
padding-left: 0;
padding-right: 0;
}
.public-header.is-home-shell {
padding-top: 4px;
}
.public-header.is-home-shell .header_content.home-figma-header__panel,.public-header.is-home-shell .header_content.ticket-shell-header__panel {
min-height: 44px;
height: 44px;
border-radius: 5px;
padding: 0 8px;
}
.figma-home-hero {
min-height: 751px;
border-radius: 10px;
}
.figma-home-hero__image {
object-position: center top;
}
.figma-home-hero__overlay {
background: linear-gradient(180deg,rgba(0,0,0,.18)0,rgba(0,0,0,.04) 44%,rgba(0,0,0,.42) 100%);
}
.figma-home-hero__content {
align-items: flex-end;
padding: 56px 8px 10px;
}
.figma-home-hero__title {
max-width: 360px;
margin: 0 0 17px;
font-size: 27px;
line-height: 1.1;
letter-spacing: -.54px;
text-align: left;
}
.figma-home-search {
width: 376px;
max-width: 100%;
margin: 0 auto;
}
.figma-home-search__bar {
display: grid;
grid-template-columns: 1fr;
gap: 0;
min-height: 272px;
padding: 9px 19px 19px;
border-radius: 10px;
border-color: #40a6ff;
background: rgba(255,255,255,.96);
box-shadow: 0 4px 4px rgba(0,0,0,.15);
}
.figma-home-search__field {
min-height: 49px;
padding: 0;
border-radius: 0;
background: 0 0;
border-top: 1px solid #ececec;
}
.figma-home-search__field:first-child {
border-top: 0;
}
.figma-home-search__field::after,.figma-home-search__swap {
display: none;
}
.figma-home-search__icon {
width: 14px;
height: 14px;
}
.figma-home-search__value {
font-size: 14px;
line-height: 20px;
letter-spacing: -.42px;
}
.figma-home-search__submit {
width: 100%;
height: 52px;
min-height: 52px;
margin-top: 9px;
border-radius: 5px;
font-size: 14px;
}
.figma-home-search__panel {
position: fixed;
top: auto;
right: 13px;
bottom: max(13px,env(safe-area-inset-bottom));
left: 13px !important;
z-index: 5000;
width: auto !important;
max-height: min(72vh,calc(100dvh - 26px));
overflow-y: auto;
border: 1px solid rgba(64,166,255,.28);
border-radius: 18px;
box-shadow: 0 24px 70px rgba(10,34,63,.34);
}
.figma-home-search__panel[data-home-search-panel=date],.figma-home-search__panel[data-home-search-panel=passengers] {
padding: 18px;
}
.figma-home-search__city-list {
max-height: min(62vh,calc(100dvh - 96px));
}
.figma-home-search__calendar-day {
border-radius: 10px;
}
.figma-home-app {
margin-top: 0;
margin-bottom: 16px;
}
.figma-home-app__inner {
min-height: 595px;
padding: 30px 13px 0;
border-radius: 5px;
gap: 0;
}
.figma-home-app__content {
width: 100%;
max-width: 365px;
}
.figma-home-app__title {
font-size: 30px;
line-height: 1.08;
letter-spacing: -.6px;
}
.figma-home-app__subtitle {
max-width: 351px;
margin-top: 18px;
font-size: 16px;
line-height: 1.18;
}
.figma-home-app__stores {
gap: 6px;
flex-wrap: nowrap;
margin-top: 19px;
}
.figma-home-app__store img {
height: 38px;
max-width: none;
}
.figma-home-app__users {
margin-top: 16px;
}
.figma-home-app__visual {
align-self: center;
width: 339px;
max-width: calc(100% - 18px);
margin-top: 22px;
}
.figma-home-welcome {
margin-bottom: 18px;
}
.figma-home-welcome__cards,.figma-home-welcome__intro {
gap: 10px;
}
.figma-home-welcome__accent {
font-size: 28px;
}
.figma-home-faq__title,.figma-home-routes__title,.figma-home-welcome__title {
font-size: 24px;
line-height: 1.15;
letter-spacing: -.48px;
}
.figma-home-faq__text,.figma-home-welcome__copy p {
font-size: 14px;
line-height: 1.45;
}
.figma-home-stats__content,.figma-home-stats__inner {
min-height: 424px;
border-radius: 10px;
}
.figma-home-routes__trip-grid,.ticket-directions__grid {
grid-template-columns: 1fr;
}
.figma-home-routes__trip-card {
min-height: 54px;
border-radius: 5px;
}
.figma-home-features__banner {
min-height: 615px;
border-radius: 10px;
}
.figma-home-features__hero {
min-height: 615px;
padding: 18px 14px 0;
}
.figma-home-features__card,.figma-home-features__grid {
pointer-events: none;
}
.figma-home-faq__grid {
gap: 14px;
}
.figma-home-faq__intro {
padding: 0;
}
.figma-home-faq__text {
margin-top: 18px;
}
.figma-home-faq__question {
min-height: 48px;
padding: 13px 12px;
border-radius: 5px;
font-size: 14px;
}
.figma-home-faq__answer {
padding: 0 12px 13px;
font-size: 13px;
line-height: 1.45;
}
.public-footer.is-home-shell {
padding-top: 24px;
padding-bottom: 24px;
}
.public-footer__panel {
border-radius: 5px;
}
.public-footer__content {
min-height: 734px;
padding: 32px 8px 12px;
}
}
.public-footer__social--mobile {
display: none;
}
.mobile_menu_close_icon {
width: 14px;
height: 8px;
transform: rotate(90deg);
}
.mobile_menu {
position: fixed;
top: 0;
right: -100%;
height: 100%;
z-index: 7000;
transition: right .3s ease;
}
.mobile_menu.active {
right: 0;
}
.mobile_menu_overlay {
position: fixed;
inset: 0;
display: none;
background: rgba(0,0,0,.3);
z-index: 6990;
}
.callback_form-head,.callback_popUp {
display: none;
}
.callback_popUp.active {
display: block;
}
@media (max-width:767px) {
.mobile_menu.blue_popup {
width: min(360px,calc(100vw - 16px));
max-width: calc(100vw - 16px);
height: 100dvh;
max-height: 100dvh;
padding: 18px 18px calc(24px + env(safe-area-inset-bottom));
overflow-x: hidden;
overflow-y: auto;
background: rgba(18,127,222,.96);
border-radius: 0 0 0 14px;
box-sizing: border-box;
}
.mobile_menu_content {
display: flex;
width: 100%;
min-height: calc(100dvh - 42px);
flex-direction: column;
box-sizing: border-box;
}
.close_menu,.mobile_menu_social_links a {
display: inline-flex;
align-items: center;
justify-content: center;
}
.close_menu {
width: 34px;
height: 34px;
margin: 0 0 0 auto;
padding: 0;
}
.mobile_menu_links {
width: 100%;
margin: 22px 0 18px;
}
.mobile_menu .menu_links.mobile,.mobile_menu_links ul {
display: flex;
flex-direction: column;
gap: 2px;
}
.mobile_menu_links ul a {
display: inline-flex;
width: fit-content;
max-width: 100%;
margin: 0;
padding: 5px 0;
overflow-wrap: anywhere;
}
.mobile_menu_link,.mobile_menu_links ul a {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-transform: none;
}
.mobile_menu_social {
width: 100%;
margin-top: 0;
}
.mobile_menu_social_header {
margin-bottom: 10px;
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 16px;
text-transform: none;
}
.mobile_menu_social_links {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
gap: 10px;
max-width: 100%;
overflow: hidden;
}
.mobile_menu_social_links a {
width: 30px;
height: 30px;
flex: 0 0 30px;
}
.mobile_menu_social_links img {
width: 20px !important;
height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
object-fit: contain;
}
.mobile_menu .menu_links.mobile {
width: 100%;
margin-top: 22px;
align-items: flex-start;
gap: 12px;
}
.mobile_menu .menu_links.mobile .link {
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 17px;
text-transform: none;
}
.mobile_menu .regular_tours,.mobile_menu .support_phones {
position: static;
width: 100%;
max-width: 100%;
margin-top: 8px;
padding: 10px;
border-radius: 10px;
background: #fff;
box-shadow: 0 10px 24px rgba(18,44,80,.18);
box-sizing: border-box;
}
.mobile_menu .regular_tour,.mobile_menu .support_phones a {
color: #1d2d44;
font-size: 12px;
line-height: 16px;
white-space: normal;
}
.mobile_menu .support_phones img {
width: 16px !important;
height: 16px !important;
object-fit: contain;
}
.callback_popUp {
width: calc(100vw - 28px);
max-width: 375px;
max-height: calc(100dvh - 32px);
padding: 18px 14px;
overflow-x: hidden;
overflow-y: auto;
border-radius: 12px;
box-sizing: border-box;
}
.callback_form {
gap: 12px;
}
.callback_form-race .filter_block_wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.callback_message,.callback_message textarea,.callback_phone .phone_input_wrapper,.callback_popUp .filter_city_select_wrapper,.callback_popUp .send_contact_btn {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.callback_phone .phone_input_wrapper {
display: grid;
grid-template-columns: 78px minmax(0,1fr);
gap: 8px;
}
.callback_popUp .c_input,.callback_popUp .cb_phone_country_code,.callback_popUp .cb_phone_input,.callback_popUp .send_contact_btn {
min-width: 0;
font-size: 13px;
}
.callback_popUp .c_input {
min-height: 96px;
}
.callback_popUp .send_contact_btn {
min-height: 46px;
padding: 0 14px;
}
.public-footer.is-home-shell {
padding-top: 34px;
padding-bottom: 31px;
}
.public-footer__panel {
border-radius: 10px;
}
.public-footer__overlay {
background: linear-gradient(180deg,rgba(0,0,0,.8)0,rgba(0,0,0,.74) 46.028%,rgba(0,0,0,.62) 71.094%,transparent 87.5%);
}
.public-footer__content {
min-height: 734px;
padding: 32px 8px 12px;
}
.public-footer__top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 26px 16px;
}
.public-footer__brand {
grid-column: 1/-1;
}
.public-footer__logo {
width: 187px;
}
.public-footer__brand-text {
margin: 31px 0 0;
max-width: 375px;
font-size: 14px;
line-height: normal;
}
.public-footer__stores {
margin-top: 15px;
gap: 4px;
flex-wrap: nowrap;
}
.public-footer__stores>a>picture>img {
height: 35px;
}
.public-footer__heading {
margin-bottom: 18px;
font-size: 16px;
line-height: 20.6px;
}
.public-footer__menu-links {
gap: 7px;
}
.public-footer__menu-links a {
font-size: 13px;
}
.public-footer__contacts {
max-width: none;
}
.public-footer__contact-group+.public-footer__contact-group {
margin-top: 14px;
}
.public-footer__contact-value,.public-footer__contact-value a {
font-size: 12px;
line-height: normal;
}
.public-footer__contacts .public-footer__social {
display: none;
}
.public-footer__social--mobile {
display: flex;
justify-content: center;
gap: 14px;
margin-top: 24px;
}
.public-footer__social--mobile img {
width: 17px;
height: 17px;
}
.public-footer__bus {
position: relative;
left: auto;
bottom: auto;
display: block;
width: 100%;
max-width: none;
margin-top: 18px;
transform: none;
}
.public-footer__bottom {
margin-top: 168px;
}
.public-footer__bottom-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 12px;
padding: 13px 0 0;
}
.public-footer__bottom-divider {
min-height: 1px;
margin-top: 2px;
}
.public-footer__bottom-meta {
grid-template-columns: 1fr;
justify-items: center;
gap: 6px;
padding-top: 10px;
}
.public-footer__brand-mark {
width: 100%;
justify-content: center;
min-width: 64px;
}
.public-footer__bottom-link {
flex: 0 0 calc(50% - 6px);
font-size: 10px;
line-height: 20.6px;
}
.public-footer__bottom-link--right {
justify-self: end;
text-align: right;
}
.public-footer__copyright {
margin-top: 0;
font-size: 10px;
line-height: 19.6px;
text-align: center;
}
body.is-home-page .content,body.is-home-page .wrapper,body.is-home-page main {
width: 100%;
}
body.is-home-page .container {
margin-left: auto;
margin-right: auto;
}
body.is-home-page .public-header.is-home-shell {
width: 100%;
}
body.is-home-page .public-header.is-home-shell .header_content.home-figma-header__panel {
background: rgba(12,20,31,.72);
backdrop-filter: blur(3px);
}
body.is-home-page .public-header.is-home-shell .logo.home-figma-header__logo img {
width: 70px;
max-width: 70px;
height: auto;
max-height: 18px;
object-fit: contain;
}
body.is-home-page .public-header.is-home-shell .home-figma-header__burger {
width: 20px;
height: 20px;
padding: 0;
border-radius: 50%;
background: #40a6ff;
box-shadow: 0 2px 5px rgba(0,0,0,.18);
}
body.is-home-page .public-header.is-home-shell .burger.home-figma-header__burger img,body.is-home-page .public-header.is-home-shell .home-figma-header__burger img {
width: 12px;
height: 12px;
object-fit: contain;
}
body.is-home-page .figma-home-hero__overlay {
background: linear-gradient(180deg,rgba(0,0,0,.18)0,rgba(0,0,0,.05) 44%,rgba(0,0,0,.46) 100%);
}
body.is-home-page .figma-home-hero__title {
font-size: 23px;
}
body.is-home-page .figma-home-search__bar {
border: 1px solid #40a6ff;
background: rgba(255,255,255,.98);
box-shadow: 0 4px 6px rgba(0,0,0,.22);
}
body.is-home-page .figma-home-search__field {
border-top: 1px solid #ececec;
gap: 7px;
}
body.is-home-page .figma-home-search__field:first-child {
border-top: 0;
}
body.is-home-page .figma-home-search__icon {
width: 10px;
height: 10px;
}
body.is-home-page .figma-home-search__value {
font-size: 10px;
font-weight: 500;
line-height: 14px;
letter-spacing: -.2px;
}
body.is-home-page .figma-home-search__submit {
line-height: 14px;
}
body.is-home-page .figma-home-search__panel {
left: 8px !important;
right: 8px;
bottom: max(8px,env(safe-area-inset-bottom));
max-height: min(72vh,calc(100dvh - 16px));
border-radius: 12px;
}
body.is-home-page .figma-home-app__inner {
background: linear-gradient(180deg,#9b8df4 0,#a997ef 100%);
}
body.is-home-page .figma-home-app__inner::after {
border-radius: 4px;
background: rgba(255,255,255,.03);
backdrop-filter: none;
}
body.is-home-page .figma-home-app__users {
gap: 8px;
}
body.is-home-page .figma-home-app__avatar {
width: 28px;
height: 28px;
margin-left: -6px;
border-width: 2px;
}
body.is-home-page .figma-home-app__users-copy {
gap: 5px;
}
body.is-home-page .figma-home-app__users-copy strong {
font-size: 18px;
line-height: 18px;
}
body.is-home-page .figma-home-app__users-copy span {
font-size: 8px;
line-height: 12px;
}
body.is-home-page .figma-home-app__visual {
top: auto;
max-width: 82%;
margin: 12px auto 0;
}
body.is-home-page .figma-home-welcome {
margin: 0 0 12px;
}
body.is-home-page .figma-home-welcome__intro {
display: block;
padding: 0 6px;
}
body.is-home-page .figma-home-welcome__accent {
display: none;
}
body.is-home-page .figma-home-welcome__title {
margin: 0;
font-size: 20px;
font-weight: 500;
line-height: 1.16;
letter-spacing: -.4px;
}
body.is-home-page .figma-home-welcome__copy {
padding-top: 12px;
}
body.is-home-page .figma-home-welcome__copy p {
max-width: none;
font-size: 10px;
font-weight: 500;
line-height: 1.22;
text-align: left;
}
body.is-home-page .figma-home-welcome__cards {
display: grid;
grid-template-columns: 1fr;
gap: 6px;
margin-top: 12px;
padding: 0 6px;
}
body.is-home-page .figma-home-welcome__card {
min-height: 74px;
padding: 12px 10px 10px;
border-color: #e9edf3;
border-radius: 6px;
}
body.is-home-page .figma-home-welcome__icon,body.is-home-page .figma-home-welcome__icon.is-badge {
width: 23px;
height: 23px;
}
body.is-home-page .figma-home-welcome__icon img,body.is-home-page .figma-home-welcome__icon.is-badge img {
width: 14px;
height: 14px;
object-fit: contain;
}
body.is-home-page .figma-home-welcome__card-title {
margin: 8px 0 0;
font-size: 13px;
line-height: 1.16;
}
body.is-home-page .figma-home-welcome__card-text {
max-width: none;
margin-top: 6px;
font-size: 8px;
line-height: 1.18;
}
body.is-home-page .figma-home-stats {
margin-bottom: 20px;
}
body.is-home-page .figma-home-stats__inner {
min-height: 267px;
height: 267px;
border-radius: 5px;
}
body.is-home-page .figma-home-stats__scene-image {
object-position: center center;
}
body.is-home-page .figma-home-stats__content {
min-height: 267px;
height: 267px;
padding: 14px 0 0;
}
body.is-home-page .figma-home-stats__kicker {
max-width: 238px;
margin-left: 10px;
font-size: 9px;
line-height: 1.16;
}
body.is-home-page .figma-home-stats__scene {
min-height: 137px;
}
body.is-home-page .figma-home-stats__items {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 0;
padding: 0;
min-height: 111px;
background: rgba(0,0,0,.22);
backdrop-filter: blur(2px);
}
body.is-home-page .figma-home-stats__item {
min-height: 55px;
padding: 8px 10px 6px;
border-top: 1px solid rgba(255,255,255,.18);
border-left: 1px solid rgba(255,255,255,.18);
}
body.is-home-page .figma-home-stats__item:nth-child(odd) {
border-left: 0;
}
body.is-home-page .figma-home-stats__item::before {
content: none;
}
body.is-home-page .figma-home-stats__label {
max-width: none;
margin: 0 0 8px;
font-size: 9px;
line-height: 1.15;
}
body.is-home-page .figma-home-stats__value {
font-size: 22px;
line-height: 1;
}
body.is-home-page .figma-home-routes {
margin-bottom: 20px;
padding-left: 0;
}
body.is-home-page .figma-home-routes__header {
display: block;
padding: 0 6px;
}
body.is-home-page .figma-home-routes__title {
font-size: 20px;
line-height: 1.16;
}
body.is-home-page .figma-home-routes__subtitle {
max-width: 340px;
padding-top: 11px;
font-size: 10px;
line-height: 1.2;
text-align: left;
}
body.is-home-page .figma-home-routes__board {
margin-top: 13px;
padding: 0 6px;
}
body.is-home-page .figma-home-routes__meta {
gap: 9px;
}
body.is-home-page .figma-home-routes__row,body.is-home-page .figma-home-routes__row--trips {
display: block;
}
body.is-home-page .figma-home-routes__row-label {
margin-bottom: 5px;
font-size: 11px;
line-height: 1.1;
}
body.is-home-page .figma-home-routes__chips {
gap: 4px;
}
body.is-home-page .figma-home-routes__chip {
height: 18px;
padding: 2px 9px;
border-radius: 4px;
font-size: 8px;
}
body.is-home-page .figma-home-routes__tabs {
width: 190px;
height: 26px;
padding: 2px;
border-radius: 4px;
}
body.is-home-page .figma-home-routes__tab {
min-height: 22px;
padding: 0 8px;
border-radius: 3px;
font-size: 8px;
}
body.is-home-page .figma-home-routes__panels {
margin-top: 8px;
}
body.is-home-page .figma-home-routes__trip-grid {
grid-template-columns: 1fr;
gap: 4px;
}
body.is-home-page .figma-home-routes__trip-card {
width: 100%;
max-width: none;
min-height: 27px;
padding: 0 6px;
border-radius: 4px;
gap: 6px;
}
body.is-home-page .figma-home-routes__trip-card:nth-child(n+11) {
display: none;
}
body.is-home-page .figma-home-routes__trip-line {
gap: 5px;
}
body.is-home-page .figma-home-routes__trip-city {
font-size: 9px;
}
body.is-home-page .figma-home-routes__trip-arrow,body.is-home-page .figma-home-routes__trip-arrow img {
width: 20px;
flex-basis: 20px;
height: auto;
}
body.is-home-page .figma-home-routes__trip-button {
width: 62px;
min-width: 62px;
height: 19px;
padding: 0 5px;
border-radius: 3px;
font-size: 8px;
line-height: 12px;
}
body.is-home-page .figma-home-routes__footer {
margin-top: 12px;
}
body.is-home-page .figma-home-routes__button {
width: 150px;
height: 26px;
border-radius: 4px;
font-size: 9px;
}
body.is-home-page .figma-home-routes__button-arrow,body.is-home-page .figma-home-routes__button-arrow img {
width: 7px;
height: 7px;
}
body.is-home-page .figma-home-features {
margin-bottom: 18px;
}
body.is-home-page .figma-home-features__banner {
display: flex;
flex-direction: column;
padding: 0 8px;
}
body.is-home-page .figma-home-features__bg {
left: 0;
width: 100%;
height: 100%;
object-position: center center;
}
body.is-home-page .figma-home-features__overlay {
background: linear-gradient(180deg,rgba(11,24,36,.42)0,rgba(11,24,36,.74) 54%,rgba(6,10,15,.9) 100%);
}
body.is-home-page .figma-home-features__hero {
display: contents;
min-height: 0;
padding: 0;
}
body.is-home-page .figma-home-features__header {
position: relative;
z-index: 2;
order: 1;
max-width: none;
padding: 16px 0 0;
}
body.is-home-page .figma-home-features__title {
font-size: 18px;
line-height: 1.16;
}
body.is-home-page .figma-home-features__subtitle {
max-width: 300px;
margin-top: 12px;
font-size: 9px;
line-height: 1.2;
}
body.is-home-page .figma-home-features__stores {
gap: 5px;
margin-top: 11px;
}
body.is-home-page .figma-home-features__store img,body.is-home-page .public-footer__stores>a>picture>img {
height: 25px;
}
body.is-home-page .figma-home-features__grid {
position: relative;
z-index: 2;
left: auto;
right: auto;
bottom: auto;
order: 2;
display: grid;
grid-template-columns: 1fr;
gap: 7px;
margin-top: 26px;
pointer-events: none;
}
body.is-home-page .figma-home-features__card {
min-height: 70px;
padding: 10px 11px;
border-radius: 5px;
pointer-events: none;
}
body.is-home-page .figma-home-features__card-head {
gap: 9px;
}
body.is-home-page .figma-home-features__icon img {
max-width: 20px;
max-height: 20px;
}
body.is-home-page .figma-home-features__card-title {
font-size: 13px;
line-height: 1.15;
}
body.is-home-page .figma-home-features__card-text {
margin-top: 8px;
font-size: 8px;
line-height: 1.2;
}
body.is-home-page .figma-home-features__promo-card {
position: relative;
z-index: 2;
top: auto;
right: auto;
order: 3;
width: 197px;
height: 276px;
margin: 14px auto 0;
}
body.is-home-page .figma-home-features__promo-screen {
top: 44px;
left: 16px;
right: 12px;
bottom: 30px;
}
body.is-home-page .figma-home-features__promo-badge {
min-height: 25px;
gap: 5px;
padding: 0 8px;
border-radius: 2px;
}
body.is-home-page .figma-home-features__promo-badge-prefix {
font-size: 16px;
}
body.is-home-page .figma-home-features__promo-badge-value {
font-size: 20px;
}
body.is-home-page .figma-home-features__promo-heading {
font-size: 16px;
}
body.is-home-page .figma-home-features__promo-text {
max-width: 158px;
margin-top: 17px;
font-size: 9px;
line-height: 1.2;
}
body.is-home-page .figma-home-features__promo-button {
width: 148px;
min-height: 24px;
border-radius: 4px;
font-size: 10px;
line-height: 14px;
}
body.is-home-page .figma-home-faq {
padding: 0 0 20px;
}
body.is-home-page .figma-home-faq__grid {
display: grid;
grid-template-columns: 1fr;
gap: 11px;
padding: 0 6px;
}
body.is-home-page .figma-home-faq__intro {
position: static;
padding: 0;
}
body.is-home-page .figma-home-faq__title {
font-size: 20px;
line-height: 1.16;
}
body.is-home-page .figma-home-faq__text {
max-width: 342px;
margin-top: 12px;
font-size: 10px;
line-height: 1.2;
}
body.is-home-page .figma-home-faq__button {
width: 110px;
min-height: 26px;
margin-top: 13px;
padding: 4px 8px;
border-radius: 3px;
font-size: 9px;
line-height: 12px;
}
body.is-home-page .figma-home-faq__accordion {
gap: 5px;
}
body.is-home-page .figma-home-faq__item {
border-radius: 6px;
}
body.is-home-page .figma-home-faq__item.is-open {
min-height: 86px;
}
body.is-home-page .figma-home-faq__question {
min-height: 28px;
padding: 8px 10px;
border-radius: 6px;
gap: 12px;
font-size: 10px;
line-height: 1.16;
}
body.is-home-page .figma-home-faq__answer {
padding: 0 10px 9px;
border-radius: 0 0 6px 6px;
font-size: 8px;
line-height: 1.22;
}
body.is-home-page .figma-home-faq__plus,body.is-home-page .figma-home-faq__plus::after,body.is-home-page .figma-home-faq__plus::before {
width: 8px;
}
body.is-home-page .public-footer__panel {
background: #080b0f;
}
body.is-home-page .public-footer__content {
position: relative;
min-height: 360px;
padding: 21px 10px 8px;
z-index: 2;
}
body.is-home-page .public-footer__overlay {
background: linear-gradient(180deg,rgba(5,8,12,.72)0,rgba(5,8,12,.94) 72%,rgba(5,8,12,.82) 100%);
}
body.is-home-page .public-footer__top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px 20px;
}
body.is-home-page .public-footer__brand {
grid-column: 1/-1;
}
body.is-home-page .public-footer__logo {
width: 142px;
}
body.is-home-page .public-footer__brand-text {
max-width: 340px;
margin-top: 15px;
font-size: 9px;
line-height: 1.22;
}
body.is-home-page .public-footer__stores {
margin-top: 10px;
gap: 5px;
}
body.is-home-page .public-footer__heading {
margin-bottom: 10px;
font-size: 10px;
line-height: 1.18;
}
body.is-home-page .public-footer__menu-links {
gap: 5px;
}
body.is-home-page .public-footer__contact-label,body.is-home-page .public-footer__contact-value,body.is-home-page .public-footer__contact-value a,body.is-home-page .public-footer__menu-links a {
font-size: 8px;
line-height: 1.25;
}
body.is-home-page .public-footer__contact-group+.public-footer__contact-group {
margin-top: 7px;
}
body.is-home-page .public-footer__social--mobile {
gap: 11px;
margin-top: 13px;
}
body.is-home-page .public-footer__social--mobile img {
width: 12px;
height: 12px;
}
body.is-home-page .public-footer__bus {
position: absolute;
left: 0;
right: 0;
bottom: 25px;
z-index: 1;
display: block;
width: 100%;
max-width: 100%;
margin: 0;
transform: none;
opacity: .92;
}
body.is-home-page .public-footer__bottom {
position: absolute;
left: 10px;
right: 10px;
bottom: 6px;
margin: 0;
}
body.is-home-page .public-footer__bottom-divider,body.is-home-page .public-footer__bottom-links,body.is-home-page .public-footer__brand-mark {
display: none;
}
body.is-home-page .public-footer__bottom-meta {
display: block;
padding: 0;
}
body.is-home-page .public-footer__copyright {
font-size: 6px;
line-height: 1.2;
color: rgba(255,255,255,.7);
}
body.is-home-page,body.is-home-page .content,body.is-home-page .wrapper,body.is-home-page main {
max-width: 100%;
overflow-x: hidden;
background: #fff;
}
body.is-home-page .container {
width: 100%;
max-width: 402px;
padding-right: 4px;
padding-left: 4px;
}
body.is-home-page .public-header.is-home-shell {
position: absolute;
top: 6px;
right: 0;
left: 0;
z-index: 6500;
padding: 0;
background: 0 0;
pointer-events: none;
}
body.is-home-page .public-header.is-home-shell .container {
max-width: 402px;
padding-right: 7px;
padding-left: 7px;
}
body.is-home-page .public-header.is-home-shell .header_content.home-figma-header__panel {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 25px;
height: 25px;
padding: 0 5px;
border: 1px solid rgba(255,255,255,.16);
border-radius: 3px;
background: rgba(14,20,28,.72);
box-shadow: none;
pointer-events: auto;
}
body.is-home-page .public-header.is-home-shell .logo.home-figma-header__logo,body.is-home-page .public-header.is-home-shell .logo.home-figma-header__logo a {
display: flex;
align-items: center;
width: 70px;
height: 18px;
margin: 0;
}
body.is-home-page .public-header.is-home-shell .home-figma-header__actions,body.is-home-page .public-header.is-home-shell .home-figma-header__nav,body.is-home-page .public-header.is-home-shell .home-figma-header__nav-wrap {
display: none !important;
}
body.is-home-page .public-header.is-home-shell .burger.home-figma-header__burger {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 22px;
min-width: 22px;
height: 22px;
margin: 0;
padding: 0;
border-radius: 50%;
background: #419dff;
box-shadow: none;
}
body.is-home-page .figma-home-hero-shell {
margin: 0 auto 5px !important;
padding: 0;
}
body.is-home-page .figma-home-hero {
width: 100% !important;
min-height: 548px !important;
height: 548px !important;
border-radius: 5px !important;
overflow: hidden;
background: #0d1722;
box-shadow: none;
}
body.is-home-page .figma-home-hero__image {
object-position: center top;
}
body.is-home-page .figma-home-hero__overlay {
background: linear-gradient(180deg,rgba(13,17,26,.08)0,rgba(13,17,26,.16) 46%,rgba(13,17,26,.35) 100%);
}
body.is-home-page .figma-home-hero__content {
align-items: flex-start;
justify-content: flex-start;
padding: 55px 6px 7px !important;
}
body.is-home-page .figma-home-hero__inner {
display: flex;
align-items: center;
width: 100%;
max-width: none;
min-height: 100%;
flex-direction: column;
justify-content: flex-start;
}
body.is-home-page .figma-home-hero__title {
width: 100%;
max-width: 382px;
min-height: 0;
margin: 0 auto !important;
color: #fff;
font-size: clamp(29px,8.2vw,34px) !important;
font-weight: 700;
line-height: 1.08;
letter-spacing: -.02em;
text-align: center;
text-transform: uppercase;
text-shadow: 0 2px 12px rgba(0,0,0,.32);
}
body.is-home-page .figma-home-search {
position: static !important;
width: 100%;
max-width: 360px;
margin: 168px auto 0 !important;
}
body.is-home-page .figma-home-search__bar {
display: flex;
width: 100%;
min-height: 212px !important;
height: auto !important;
padding: 8px 9px 10px !important;
flex-direction: column;
align-items: stretch;
gap: 7px;
border: 1px solid rgba(63,157,255,.95);
border-radius: 6px;
background: rgba(255,255,255,.95);
box-shadow: none;
}
body.is-home-page .figma-home-search__field {
width: 100%;
min-height: 35px !important;
height: 35px !important;
padding: 0 13px;
border: 1px solid rgba(230,235,244,.9);
border-radius: 4px;
background: #fff;
box-shadow: none;
}
body.is-home-page .figma-home-search__field::after,body.is-home-page .figma-home-search__swap {
display: none !important;
}
body.is-home-page .figma-home-search__submit {
width: 100%;
min-height: 40px;
height: 40px;
margin-top: 3px;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
}
body.is-home-page .figma-home-app {
margin: 0 auto 14px !important;
padding: 0;
}
body.is-home-page .figma-home-app__inner {
display: flex !important;
align-items: center;
width: 100%;
min-height: 464px !important;
height: 464px !important;
padding: 18px 10px 0 !important;
flex-direction: column !important;
border-radius: 5px;
overflow: hidden;
box-shadow: none;
}
body.is-home-page .figma-home-app__content {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
z-index: 2;
display: flex !important;
align-items: center;
width: 100%;
max-width: 360px;
flex-direction: column;
text-align: center;
transform: none !important;
}
body.is-home-page .figma-home-app__title {
max-width: 335px;
margin: 0 auto;
font-size: 26px !important;
line-height: 1.13;
letter-spacing: -.03em;
}
body.is-home-page .figma-home-app__subtitle {
max-width: 312px;
margin: 11px auto 0;
font-size: 14px;
line-height: 1.3;
}
body.is-home-page .figma-home-app__stores {
order: 4;
justify-content: center;
margin-top: 14px !important;
gap: 6px;
}
body.is-home-page .figma-home-app__store img {
width: auto;
height: 30px !important;
border-radius: 2px;
}
body.is-home-page .figma-home-app__users {
order: 3;
justify-content: center;
margin-top: 13px !important;
}
body.is-home-page .figma-home-app__visual {
position: relative !important;
right: auto !important;
bottom: auto !important;
z-index: 1;
width: 100%;
height: 226px;
margin-top: 28px;
pointer-events: none;
transform: none !important;
}
body.is-home-page .figma-home-app__phones {
position: absolute;
right: 50%;
bottom: -50px;
width: 286px !important;
max-width: none;
transform: translateX(50%) !important;
}
body.is-home-page .figma-home-faq,body.is-home-page .figma-home-features,body.is-home-page .figma-home-routes,body.is-home-page .figma-home-stats,body.is-home-page .figma-home-welcome,body.is-home-page .public-footer.is-home-shell {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
body.is-home-page .figma-home-faq .container,body.is-home-page .figma-home-features .container,body.is-home-page .figma-home-routes .container,body.is-home-page .figma-home-stats .container,body.is-home-page .figma-home-welcome .container,body.is-home-page .public-footer.is-home-shell .container {
max-width: 402px;
padding-right: 4px;
padding-left: 4px;
}
body.is-home-page .figma-home-features__banner {
min-height: 686px !important;
height: 686px !important;
border-radius: 5px;
}
body.is-home-page .public-footer.is-home-shell {
padding: 0 0 4px !important;
background: #fff;
}
body.is-home-page .public-footer__panel {
width: 100%;
min-height: 382px !important;
height: 382px !important;
border-radius: 5px;
}
.mobile_menu.blue_popup {
right: -100% !important;
left: auto !important;
}
.mobile_menu.blue_popup.active {
right: 0 !important;
left: auto !important;
}
}
.figma-home-search__city-option,.figma-home-search__city-option:nth-child(odd) {
background: #fff;
}
.figma-home-search__city-option {
transition: background-color .16s ease,color .16s ease;
}
.figma-home-search__city-option.is-active,.figma-home-search__city-option:focus-visible,.figma-home-search__city-option:hover {
background: #edf5ff;
}
.figma-home-app__store,.figma-home-features__store {
line-height: 0;
}
.figma-home-app__store img,.figma-home-features__store img {
display: block;
object-fit: contain;
}
@media (min-width:768px) {
.figma-home-app__store:first-child img,.figma-home-features__store:first-child img {
width: 128px;
height: 38px;
}
.figma-home-app__store:last-child img,.figma-home-features__store:last-child img {
width: 112px;
height: 38px;
}
}
@media (max-width:767px) {
body.is-home-page .public-header.is-home-shell {
z-index: 9000 !important;
}
body.is-home-page.is-home-search-panel-open .public-header.is-home-shell {
position: fixed !important;
top: 6px !important;
right: 0 !important;
left: 0 !important;
pointer-events: none;
}
body.is-home-page .public-header.is-home-shell .header_content.home-figma-header__panel {
pointer-events: auto;
}
body.is-home-page .figma-home-search__panel {
z-index: 7600 !important;
}
body.is-home-page .figma-home-app__store:first-child img,body.is-home-page .figma-home-features__store:first-child img {
width: 68px !important;
max-width: none !important;
height: 20px !important;
}
body.is-home-page .figma-home-app__store:last-child img,body.is-home-page .figma-home-features__store:last-child img {
width: 59px !important;
max-width: none !important;
height: 20px !important;
}
body.is-home-page .figma-home-app,body.is-home-page .figma-home-faq,body.is-home-page .figma-home-features,body.is-home-page .figma-home-routes,body.is-home-page .figma-home-stats,body.is-home-page .figma-home-welcome {
margin-bottom: 45px !important;
}
body.is-home-page .figma-home-welcome__cards {
gap: 10px !important;
}
body.is-home-page .figma-home-routes__tabs {
width: 202px !important;
}
body.is-home-page .figma-home-routes__tab {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1 1 0;
min-width: 0;
height: 22px;
padding: 0 8px !important;
text-align: center;
}
}
.figma-home-features__overlay {
background: linear-gradient(180deg,rgba(7,17,29,.32)0,rgba(7,17,29,.44) 48%,rgba(5,9,14,.82) 100%);
}
.figma-home-features__promo-button {
display: inline-flex !important;
margin-top: 18px !important;
margin-bottom: 0;
box-shadow: 0 12px 22px rgba(64,166,255,.28);
}
body.is-home-page .figma-home-routes__tabs {
display: inline-flex;
align-items: center;
}
body.is-home-page .figma-home-routes__tab {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 50%;
width: 50%;
min-width: 0;
max-width: 50%;
text-align: center;
}
body.is-home-page .public-header.is-home-shell.index_header {
z-index: 2147483000 !important;
}
body.is-home-page .figma-home-hero-shell.is-search-panel-open {
z-index: 1000 !important;
}
body.is-home-page .figma-home-search__panel.is-open {
z-index: 2147482000 !important;
}
body.is-home-page .figma-home-features__promo-card {
z-index: 4;
}
.figma-home-faq__item {
transition: min-height .28s ease,border-radius .28s ease;
}
.figma-home-faq__answer {
display: block !important;
max-height: 0;
overflow: hidden;
opacity: 0;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-color: transparent;
transform: translateY(-4px);
transition: max-height .3s ease,opacity .22s ease,padding .3s ease,border-color .3s ease,transform .3s ease;
}
.figma-home-faq__item.is-open {
min-height: 0 !important;
}
.figma-home-faq__item.is-open .figma-home-faq__answer {
max-height: 280px;
opacity: 1;
padding-bottom: 18px !important;
border-color: #f0f0f0;
transform: translateY(0);
}
@media (max-width:767px) {
body.is-home-page .public-header.is-home-shell {
position: fixed !important;
top: 6px !important;
right: 0 !important;
left: 0 !important;
z-index: 2147483000 !important;
pointer-events: none;
}
body.is-home-page .public-header.is-home-shell .header_content.home-figma-header__panel {
pointer-events: auto;
}
body.is-home-page .figma-home-search__panel {
z-index: 2147482000 !important;
}
body.is-home-page .figma-home-features__overlay {
background: linear-gradient(180deg,rgba(7,17,29,.48)0,rgba(7,17,29,.68) 54%,rgba(5,9,14,.9) 100%);
}
body.is-home-page .figma-home-features__promo-button {
margin-top: 11px !important;
margin-bottom: 0;
box-shadow: 0 8px 14px rgba(64,166,255,.24);
}
body.is-home-page .figma-home-faq__item.is-open .figma-home-faq__answer {
max-height: 180px;
padding-bottom: 9px !important;
}
}
@media (prefers-reduced-motion:reduce) {
.figma-home-faq__answer,.figma-home-faq__item {
transition: none;
}
}
body.is-home-page .figma-home-faq {
padding-bottom: 0 !important;
}
body.is-home-page .public-footer.is-home-shell {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.is-home-page .content {
flex: 0 0 auto;
}
body.is-home-page .public-footer__stores>a:first-child>picture>img {
width: 128px !important;
height: 38px !important;
}
body.is-home-page .public-footer__stores>a:last-child>picture>img {
width: 112px !important;
height: 38px !important;
}
@media (max-width:767px) {
body.is-home-page .figma-home-features__banner {
min-height: 680px !important;
height: 680px !important;
}
body.is-home-page .figma-home-features__promo-screen {
bottom: 30px !important;
padding-bottom: 0 !important;
}
body.is-home-page .figma-home-features__promo-text {
max-height: 72px !important;
margin-top: 8px !important;
overflow: hidden !important;
font-size: 8px !important;
line-height: 1.16 !important;
}
body.is-home-page .figma-home-features__promo-button {
position: relative !important;
left: auto !important;
bottom: auto !important;
z-index: 5 !important;
display: inline-flex !important;
width: 148px !important;
min-height: 26px !important;
margin-top: 12px !important;
margin-bottom: 0 !important;
transform: none !important;
}
}
body.is-home-page .figma-home-app,body.is-home-page .figma-home-faq,body.is-home-page .figma-home-features,body.is-home-page .figma-home-hero-shell,body.is-home-page .figma-home-routes,body.is-home-page .figma-home-stats,body.is-home-page .figma-home-welcome {
margin-bottom: 10px !important;
}
body.is-home-page .figma-home-app {
margin-top: 0 !important;
}
body.is-home-page .figma-home-faq__accordion,body.is-home-page .figma-home-features__grid,body.is-home-page .figma-home-routes__trip-grid,body.is-home-page .figma-home-welcome__cards {
gap: 10px !important;
}
body.is-home-page .figma-home-search__field[data-home-search-toggle=passengers] .figma-home-search__icon {
width: 13px;
height: 13px;
}
@media (max-width:767px) {
body.is-home-page .public-header.is-home-shell .container {
padding-right: 14px !important;
padding-left: 14px !important;
}
body.is-home-page .public-header.is-home-shell .header_content.home-figma-header__panel {
padding-right: 12px !important;
padding-left: 8px !important;
}
body.is-home-page .figma-home-hero {
min-height: 570px !important;
height: 570px !important;
}
body.is-home-page .figma-home-app__inner {
min-height: 536px !important;
height: 536px !important;
}
body.is-home-page .figma-home-app__visual {
height: 286px !important;
margin-top: 16px !important;
}
body.is-home-page .figma-home-app__phones {
bottom: 0 !important;
}
@media (min-width:340px) {
body.is-home-page .figma-home-app__inner {
min-height: 520px !important;
height: 520px !important;
}
}
body.is-home-page .public-footer__stores>a:first-child>picture>img {
width: 84px !important;
height: 25px !important;
}
body.is-home-page .public-footer__stores>a:last-child>picture>img {
width: 74px !important;
height: 25px !important;
}
}
body,body *,body button,body input,body select,body textarea {
font-family: "Exo 2",sans-serif !important;
}
body .booking-checkout__payment-brand--liqpay span,body .booking-checkout__summary-terminal-copy small,body .booking-checkout__summary-terminal-copy strong,body .booking-checkout__summary-time,body .booking-checkout__timeline-copy small,body .booking-checkout__timeline-top span,body .booking-checkout__timeline-top strong,body .booking-success__route-city,body .booking-success__route-day,body .booking-success__route-details,body .booking-success__route-duration,body .booking-success__route-label,body .booking-success__route-note,body .booking-success__route-station,body .booking-success__route-time,body .cabinet-next-route__foot button,body .cabinet-next-route__foot small,body .cabinet-next-route__foot strong,body .cabinet-next-route__line,body .cabinet-next-route__line span,body .cabinet-next-route__point b,body .cabinet-next-route__point small,body .cabinet-next-route__point span,body .cabinet-next-route__point strong,body .ticket-route-card__city,body .ticket-route-card__date,body .ticket-route-card__details-link,body .ticket-route-card__duration,body .ticket-route-card__mobile-city,body .ticket-route-card__mobile-date,body .ticket-route-card__mobile-duration,body .ticket-route-card__mobile-route,body .ticket-route-card__mobile-station,body .ticket-route-card__mobile-time,body .ticket-route-card__price,body .ticket-route-card__route,body .ticket-route-card__station,body .ticket-route-card__time {
font-family: "Oswald",sans-serif !important;
}
@media (max-width:767px) {
body.is-home-page {
--home-mobile-section: min(392px, calc(100vw - 10px));
--home-mobile-header: min(384px, calc(100vw - 18px));
--home-mobile-narrow: min(376px, calc(100vw - 26px));
overflow-x: hidden;
background: #fff;
}
body.is-home-page .figma-home-app>.container,body.is-home-page .figma-home-features>.container,body.is-home-page .figma-home-hero-shell>.container,body.is-home-page .figma-home-stats>.container,body.is-home-page .public-footer.is-home-shell>.container {
width: var(--home-mobile-section) !important;
max-width: 392px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-faq>.container,body.is-home-page .figma-home-welcome>.container {
width: var(--home-mobile-narrow) !important;
max-width: 376px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-routes>.container {
width: min(382px,calc(100vw - 20px)) !important;
max-width: 382px !important;
padding: 0 !important;
}
body.is-home-page .public-header.is-home-shell {
position: fixed !important;
top: 8px !important;
right: 0 !important;
left: 0 !important;
z-index: 2147483000 !important;
padding: 0 !important;
background: 0 0 !important;
pointer-events: none;
}
body.is-home-page .public-header.is-home-shell .container {
width: var(--home-mobile-header) !important;
max-width: 384px !important;
padding: 0 !important;
}
body.is-home-page .public-header.is-home-shell .header_content.home-figma-header__panel {
display: flex !important;
align-items: center;
justify-content: space-between;
width: 100%;
height: 40px !important;
min-height: 40px !important;
padding: 0 7px 0 8px !important;
border: 1px solid rgba(255,255,255,.16);
border-radius: 5px !important;
background: rgba(15,19,29,.76);
box-shadow: none;
pointer-events: auto;
}
body.is-home-page .public-header.is-home-shell .logo.home-figma-header__logo,body.is-home-page .public-header.is-home-shell .logo.home-figma-header__logo a {
display: flex;
align-items: center;
width: 83px !important;
height: 12px !important;
margin: 0 !important;
}
body.is-home-page .public-header.is-home-shell .logo.home-figma-header__logo img {
width: 83px !important;
max-width: 83px !important;
height: auto !important;
max-height: 12px !important;
object-fit: contain;
}
body.is-home-page .public-header.is-home-shell .home-figma-header__actions,body.is-home-page .public-header.is-home-shell .home-figma-header__nav,body.is-home-page .public-header.is-home-shell .home-figma-header__nav-wrap {
display: none !important;
}
body.is-home-page .public-header.is-home-shell .burger.home-figma-header__burger {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 28px !important;
min-width: 28px !important;
height: 28px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 50%;
background: #40a6ff;
box-shadow: none;
}
body.is-home-page .public-header.is-home-shell .burger.home-figma-header__burger img {
width: 18px !important;
height: 18px !important;
object-fit: contain;
}
body.is-home-page .figma-home-hero-shell {
width: 100%;
margin: 4px auto 10px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-hero {
width: 100% !important;
height: 751px !important;
min-height: 751px !important;
border-radius: 10px !important;
overflow: hidden;
box-shadow: none;
}
body.is-home-page .figma-home-hero__image {
object-position: center top;
}
body.is-home-page .figma-home-hero__overlay {
background: linear-gradient(180deg,rgba(8,12,18,.12)0,rgba(8,12,18,.04) 44%,rgba(8,12,18,.46) 100%);
}
body.is-home-page .figma-home-hero__content {
display: block !important;
padding: 0 !important;
}
body.is-home-page .figma-home-hero__inner {
position: relative;
display: block !important;
width: 100%;
height: 100%;
min-height: 0 !important;
}
body.is-home-page .figma-home-hero__title {
position: absolute;
top: 119px;
right: 8px;
left: 8px;
width: auto;
max-width: none;
min-height: 0;
margin: 0 !important;
color: #fff;
font-size: 27px !important;
font-weight: 600;
line-height: 1.08;
letter-spacing: -.54px;
text-align: center;
text-transform: uppercase;
text-shadow: 0 2px 12px rgba(0,0,0,.28);
}
body.is-home-page .figma-home-search {
position: absolute !important;
right: 8px;
bottom: 17px;
left: 8px;
width: auto !important;
max-width: none !important;
margin: 0 !important;
z-index: 3;
}
body.is-home-page .figma-home-search__bar {
display: flex !important;
width: 100%;
height: 272px !important;
min-height: 272px !important;
padding: 12px 20px 0 !important;
flex-direction: column;
align-items: stretch;
gap: 0 !important;
border: 1px solid #40a6ff;
border-radius: 10px !important;
background: rgba(255,255,255,.96);
box-shadow: 0 4px 4px rgba(0,0,0,.15);
overflow: hidden;
}
body.is-home-page .figma-home-search__field {
display: flex;
align-items: center;
width: 100%;
height: 52px !important;
min-height: 52px !important;
padding: 0 !important;
gap: 8px;
border: 0;
border-top: 1px solid #ececec;
border-radius: 0;
background: 0 0;
box-shadow: none;
}
body.is-home-page .figma-home-search__field:first-child {
border-top: 0;
}
body.is-home-page .figma-home-search__field::after,body.is-home-page .figma-home-search__swap {
display: none !important;
}
body.is-home-page .figma-home-search__icon,body.is-home-page .figma-home-search__icon img {
width: 14px !important;
height: 14px !important;
}
body.is-home-page .figma-home-search__submit,body.is-home-page .figma-home-search__value {
color: #5f5f5f;
font-size: 14px !important;
font-weight: 500;
line-height: 20px;
letter-spacing: -.42px;
}
body.is-home-page .figma-home-search__submit {
align-self: center;
width: calc(100% + 40px) !important;
height: 52px !important;
min-height: 52px !important;
margin: 0-20px !important;
border-radius: 0 0 8px 8px;
background: #40a6ff;
color: #fff;
font-weight: 600;
}
body.is-home-page .figma-home-search__panel {
position: absolute !important;
top: 54px !important;
right: auto !important;
bottom: auto !important;
left: 21px !important;
z-index: 2147482000 !important;
width: min(230px,calc(100% - 42px)) !important;
max-width: 230px;
max-height: 205px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0;
border-radius: 10px !important;
background: #fff;
box-shadow: 0 12px 30px rgba(13,36,65,.12);
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=to] {
top: 106px !important;
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=date],body.is-home-page .figma-home-search__panel[data-home-search-panel=passengers] {
top: 158px !important;
left: 13px !important;
width: calc(100% - 26px) !important;
max-width: none;
max-height: 330px !important;
padding: 14px !important;
overflow-y: auto !important;
border: 1px solid rgba(64,166,255,.18);
}
body.is-home-page .figma-home-search__city-list {
max-height: 205px !important;
overflow-y: auto;
}
body.is-home-page .figma-home-search__city-option {
min-height: 48px !important;
padding: 7px 13px !important;
border: 0;
border-radius: 0 !important;
background: #fff;
}
body.is-home-page .figma-home-search__city-option:nth-child(odd) {
background: #f5f6fc;
}
body.is-home-page .figma-home-search__city-option.is-active,body.is-home-page .figma-home-search__city-option:focus-visible,body.is-home-page .figma-home-search__city-option:hover {
background: #f5f6fc;
}
body.is-home-page .figma-home-search__city-name {
color: #3d3d3d;
font-size: 14px !important;
font-weight: 500;
line-height: 17px;
}
body.is-home-page .figma-home-search__city-country {
color: #57667f;
font-size: 12px !important;
font-weight: 500;
line-height: 14px;
}
body.is-home-page .figma-home-search__city-arrow {
color: #69778f;
font-size: 24px;
line-height: 1;
}
body.is-home-page .figma-home-app {
width: 100%;
margin: 0 auto 23px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-app__inner {
display: flex !important;
align-items: center;
width: 100%;
height: 595px !important;
min-height: 595px !important;
padding: 23px 8px 0 !important;
flex-direction: column !important;
border-radius: 5px;
overflow: hidden;
box-shadow: none;
}
body.is-home-page .figma-home-app__content {
position: relative !important;
z-index: 2;
display: flex !important;
align-items: center;
width: 100%;
max-width: 372px;
flex-direction: column;
text-align: center;
transform: none !important;
}
body.is-home-page .figma-home-app__title {
max-width: 372px;
margin: 0 auto;
font-size: 30px !important;
font-weight: 400;
line-height: .98;
letter-spacing: -.6px;
}
body.is-home-page .figma-home-app__subtitle {
max-width: 304px;
margin: 20px auto 0;
font-size: 16px;
font-weight: 400;
line-height: 1.07;
}
body.is-home-page .figma-home-app__users {
order: 3;
justify-content: center;
margin-top: 30px !important;
gap: 10px;
}
body.is-home-page .figma-home-app__avatar {
width: 42px;
height: 42px;
margin-left: -9px;
border-width: 3px;
}
body.is-home-page .figma-home-app__users-copy strong {
font-size: 29px;
line-height: 32px;
}
body.is-home-page .figma-home-app__users-copy span {
font-size: 13px;
line-height: 18px;
}
body.is-home-page .figma-home-app__stores {
order: 4;
justify-content: center;
margin-top: 35px !important;
gap: 6px;
flex-wrap: nowrap;
}
body.is-home-page .figma-home-app__store:first-child img,body.is-home-page .figma-home-features__store:first-child img {
width: 128px !important;
max-width: none !important;
height: 38px !important;
}
body.is-home-page .figma-home-app__store:last-child img,body.is-home-page .figma-home-features__store:last-child img {
width: 112px !important;
max-width: none !important;
height: 38px !important;
}
body.is-home-page .figma-home-app__visual {
position: relative !important;
z-index: 2;
width: 375px !important;
max-width: 100%;
height: 280px !important;
margin: 19px auto 0 !important;
pointer-events: none;
transform: none !important;
}
body.is-home-page .figma-home-app__phones {
position: static !important;
width: 375px !important;
max-width: 100%;
height: auto;
transform: none !important;
}
body.is-home-page .figma-home-welcome {
width: 100%;
margin: 0 auto 23px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-welcome__intro {
display: block;
padding: 0 !important;
}
body.is-home-page .figma-home-welcome__accent {
display: none;
}
body.is-home-page .figma-home-welcome__title {
margin: 0;
font-size: 24px !important;
font-weight: 600;
line-height: 1.12;
letter-spacing: -.48px;
}
body.is-home-page .figma-home-welcome__copy {
padding-top: 14px !important;
}
body.is-home-page .figma-home-welcome__copy p {
max-width: 373px;
font-size: 12px !important;
font-weight: 500;
line-height: 1.2;
text-align: left;
}
body.is-home-page .figma-home-welcome__cards {
display: grid;
grid-template-columns: 1fr;
gap: 10px !important;
margin-top: 36px;
padding: 0 !important;
}
body.is-home-page .figma-home-welcome__card {
min-height: 143px !important;
padding: 14px 14px 12px;
border: 1px solid #e9edf3;
border-radius: 5px;
box-shadow: none;
}
body.is-home-page .figma-home-welcome__icon,body.is-home-page .figma-home-welcome__icon.is-badge {
width: 28px;
height: 28px;
}
body.is-home-page .figma-home-welcome__card-title {
margin: 12px 0 0;
font-size: 15px;
line-height: 1.18;
}
body.is-home-page .figma-home-welcome__card-text {
margin-top: 10px;
font-size: 10px !important;
line-height: 1.2;
}
body.is-home-page .figma-home-stats {
width: 100%;
margin: 0 auto 33px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-stats__content,body.is-home-page .figma-home-stats__inner {
height: 499px !important;
min-height: 499px !important;
border-radius: 10px;
}
body.is-home-page .figma-home-stats__content {
position: relative;
display: block;
padding: 19px 0 0 !important;
}
body.is-home-page .figma-home-stats__kicker {
max-width: 270px;
margin-left: 13px;
font-size: 11px !important;
line-height: 1.18;
letter-spacing: -.22px;
}
body.is-home-page .figma-home-stats__scene {
min-height: 310px;
}
body.is-home-page .figma-home-stats__items {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: grid;
min-height: 130px;
padding: 0 !important;
grid-template-columns: repeat(2,minmax(0,1fr));
background: rgba(0,0,0,.28);
}
body.is-home-page .figma-home-stats__item {
min-height: 65px;
padding: 10px 13px 8px;
border-top: 1px solid rgba(255,255,255,.2);
border-left: 1px solid rgba(255,255,255,.2);
}
body.is-home-page .figma-home-stats__item:nth-child(odd) {
border-left: 0;
}
body.is-home-page .figma-home-stats__item::before {
content: none;
}
body.is-home-page .figma-home-stats__label {
margin: 0 0 7px;
font-size: 10px !important;
line-height: 1.15;
}
body.is-home-page .figma-home-stats__value {
font-size: 32px !important;
line-height: 1;
}
body.is-home-page .figma-home-routes {
width: 100%;
margin: 0 auto 35px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-routes__board,body.is-home-page .figma-home-routes__header {
padding: 0 !important;
}
body.is-home-page .figma-home-routes__title {
margin: 0;
font-size: 24px !important;
line-height: 1.15;
letter-spacing: -.48px;
}
body.is-home-page .figma-home-routes__subtitle {
max-width: 360px;
margin-top: 14px;
padding-top: 0;
font-size: 12px !important;
line-height: 1.2;
}
body.is-home-page .figma-home-routes__board {
margin-top: 22px;
}
body.is-home-page .figma-home-routes__meta {
gap: 10px !important;
}
body.is-home-page .figma-home-routes__row-label {
margin-bottom: 6px;
font-size: 12px !important;
line-height: 1.15;
}
body.is-home-page .figma-home-routes__chips {
gap: 5px;
}
body.is-home-page .figma-home-routes__chip {
min-height: 18px;
padding: 3px 9px;
border-radius: 5px;
font-size: 9px !important;
line-height: 11px;
}
body.is-home-page .figma-home-routes__tabs {
width: 202px !important;
height: 26px;
padding: 2px;
border-radius: 4px;
}
body.is-home-page .figma-home-routes__tab {
height: 22px;
min-height: 22px;
padding: 0 8px !important;
border-radius: 3px;
font-size: 9px !important;
}
body.is-home-page .figma-home-routes__panels {
margin-top: 10px;
}
body.is-home-page .figma-home-routes__trip-grid {
grid-template-columns: 1fr;
gap: 5px !important;
}
body.is-home-page .figma-home-routes__trip-card {
min-height: 41px !important;
padding: 0 8px 0 10px;
border-radius: 5px;
}
body.is-home-page .figma-home-routes__trip-card:nth-child(n+11) {
display: flex;
}
body.is-home-page .figma-home-routes__trip-button,body.is-home-page .figma-home-routes__trip-city {
font-size: 10px !important;
}
body.is-home-page .figma-home-routes__trip-button {
width: 72px;
min-width: 72px;
height: 24px;
}
body.is-home-page .figma-home-routes__footer {
margin-top: 18px;
}
body.is-home-page .figma-home-routes__button {
width: 200px;
height: 30px;
border-radius: 5px;
font-size: 10px !important;
}
body.is-home-page .figma-home-features {
width: 100%;
margin: 0 auto 35px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-features__banner {
display: flex;
width: 100%;
height: 964px !important;
min-height: 964px !important;
padding: 37px 8px 0 !important;
flex-direction: column;
border-radius: 5px;
overflow: hidden;
}
body.is-home-page .figma-home-features__hero {
display: contents;
min-height: 0;
padding: 0 !important;
}
body.is-home-page .figma-home-features__header {
position: relative;
z-index: 2;
order: 1;
max-width: none;
padding: 0 !important;
text-align: left;
}
body.is-home-page .figma-home-features__title {
margin: 0;
font-size: 24px !important;
line-height: 1.1;
letter-spacing: -.48px;
}
body.is-home-page .figma-home-features__subtitle {
max-width: 310px;
margin-top: 18px;
font-size: 12px !important;
line-height: 1.2;
}
body.is-home-page .figma-home-features__stores {
gap: 6px;
margin-top: 29px !important;
}
body.is-home-page .figma-home-features__grid {
position: relative;
z-index: 2;
order: 2;
display: grid;
grid-template-columns: 1fr;
gap: 10px !important;
margin-top: 19px;
pointer-events: none;
}
body.is-home-page .figma-home-features__card {
min-height: 119px !important;
padding: 14px 14px 12px;
border-radius: 5px;
}
body.is-home-page .figma-home-features__icon img {
max-width: 28px;
max-height: 28px;
}
body.is-home-page .figma-home-features__card-title {
font-size: 15px !important;
line-height: 1.16;
}
body.is-home-page .figma-home-features__card-text {
margin-top: 12px;
font-size: 10px !important;
line-height: 1.2;
}
body.is-home-page .figma-home-features__promo-card {
position: relative;
z-index: 2;
order: 3;
width: 257px !important;
height: 298px !important;
margin: 21px auto 0 !important;
}
body.is-home-page .figma-home-features__promo-phone {
width: 257px !important;
height: 298px !important;
}
body.is-home-page .figma-home-features__promo-screen {
top: 47px;
left: 20px;
right: 17px;
bottom: 28px !important;
padding: 17px 12px 0 !important;
}
body.is-home-page .figma-home-features__promo-badge {
min-height: 30px;
padding: 0 8px;
}
body.is-home-page .figma-home-features__promo-badge-prefix,body.is-home-page .figma-home-features__promo-heading {
font-size: 17px !important;
}
body.is-home-page .figma-home-features__promo-badge-value {
font-size: 25px !important;
}
body.is-home-page .figma-home-features__promo-text {
max-height: none !important;
max-width: 190px;
margin-top: 14px !important;
overflow: visible !important;
font-size: 9px !important;
line-height: 1.18 !important;
}
body.is-home-page .figma-home-features__promo-button {
display: inline-flex !important;
width: 210px !important;
min-height: 35px !important;
margin-top: 14px !important;
border-radius: 5px;
font-size: 13px !important;
line-height: 16px;
}
body.is-home-page .figma-home-faq {
width: 100%;
margin: 0 auto 35px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-faq__grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
padding: 0 !important;
}
body.is-home-page .figma-home-faq__title {
max-width: 300px;
margin: 0;
font-size: 33px !important;
line-height: 1.08;
letter-spacing: -.66px;
}
body.is-home-page .figma-home-faq__text {
max-width: 375px;
margin-top: 23px;
font-size: 14px !important;
line-height: 1.24;
}
body.is-home-page .figma-home-faq__button {
width: 126px;
min-height: 30px;
margin-top: 23px;
border-radius: 5px;
font-size: 10px !important;
}
body.is-home-page .figma-home-faq__accordion {
gap: 5px !important;
}
body.is-home-page .figma-home-faq__item {
border-radius: 5px;
}
body.is-home-page .figma-home-faq__question {
min-height: 40px;
padding: 10px 11px;
border-radius: 5px;
font-size: 12px !important;
line-height: 1.2;
}
body.is-home-page .figma-home-faq__answer {
padding: 0 11px 11px;
font-size: 10px !important;
line-height: 1.22;
}
body.is-home-page .public-footer.is-home-shell {
width: 100%;
margin: 0 auto !important;
padding: 0 0 5px !important;
background: #fff;
}
body.is-home-page .public-footer__panel {
width: 100%;
height: 736px !important;
min-height: 736px !important;
border-radius: 5px;
overflow: hidden;
}
body.is-home-page .public-footer__content {
min-height: 736px !important;
padding: 30px 12px 12px !important;
}
body.is-home-page .public-footer__logo {
width: 187px;
}
body.is-home-page .public-footer__brand-text {
margin-top: 31px;
max-width: 360px;
font-size: 14px !important;
line-height: 1.18;
}
body.is-home-page .public-footer__stores {
gap: 4px;
margin-top: 15px;
}
body.is-home-page .public-footer__stores>a:first-child>picture>img {
width: 128px !important;
height: 38px !important;
}
body.is-home-page .public-footer__stores>a:last-child>picture>img {
width: 112px !important;
height: 38px !important;
}
body.is-home-page .figma-home-features__promo-card,body.is-home-page .figma-home-features__promo-screen {
overflow: visible !important;
}
body.is-home-page .figma-home-features__promo-button {
flex-shrink: 0;
background: #40a6ff !important;
color: #fff !important;
}
body.is-home-page .figma-home-faq__item.is-open {
min-height: 0 !important;
height: auto !important;
}
body.is-home-page .figma-home-faq__item.is-open .figma-home-faq__answer {
max-height: none !important;
}
}
.figma-home-app__visual picture,.figma-home-app__visual picture img {
display: block;
width: 100%;
height: auto;
}
.mobile_menu.maxtrans-mobile-menu {
right: -110%;
width: min(420px,98vw);
max-width: 420px;
height: calc(100dvh - 16px);
margin: 8px 8px 8px 0;
padding: 0 !important;
border: 1px solid rgba(255,255,255,.18);
border-radius: 20px 0 0 20px;
background: linear-gradient(160deg,rgba(18,20,28,.98)0,rgba(28,33,47,.97) 48%,rgba(64,166,255,.22) 100%),radial-gradient(circle at 20%0,rgba(64,166,255,.26),transparent 34%);
box-shadow: -22px 0 44px rgba(4,12,24,.28);
color: #fff;
font-family: "Exo 2",sans-serif;
overflow: hidden;
z-index: 2147483200 !important;
}
.mobile_menu.maxtrans-mobile-menu.active {
right: 0;
}
.maxtrans-mobile-menu__content {
display: flex;
flex-direction: column;
gap: 16px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 18px;
}
.maxtrans-mobile-menu__top {
align-items: center;
display: flex;
justify-content: space-between;
min-height: 45px;
}
.maxtrans-mobile-menu__logo {
align-items: center;
display: inline-flex;
height: 38px;
max-width: 174px;
}
.maxtrans-mobile-menu__logo img {
display: block;
height: auto !important;
max-height: 34px;
object-fit: contain;
width: 174px !important;
}
.maxtrans-mobile-menu__close,.maxtrans-mobile-menu__langs a {
align-items: center;
display: inline-flex;
justify-content: center;
}
.maxtrans-mobile-menu__close {
background: rgba(255,255,255,.95);
border: 1px solid rgba(255,255,255,.34);
border-radius: 50%;
flex: 0 0 42px;
height: 42px;
padding: 0;
width: 42px;
}
.maxtrans-mobile-menu__close img {
display: block;
height: 16px !important;
object-fit: contain;
width: 16px !important;
}
.maxtrans-mobile-menu__langs {
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.12);
border-radius: 12px;
display: grid;
gap: 6px;
grid-template-columns: repeat(auto-fit,minmax(58px,1fr));
padding: 6px;
}
.maxtrans-mobile-menu__langs a {
border-radius: 9px;
color: #fff;
font-size: 13px;
font-weight: 700;
height: 34px;
line-height: 1;
text-transform: uppercase;
}
.maxtrans-mobile-menu__langs a.is-active {
background: #40a6ff;
box-shadow: 0 8px 20px rgba(64,166,255,.28);
}
.mobile_menu.maxtrans-mobile-menu .mobile_menu_links {
margin: 0;
}
.maxtrans-mobile-menu__nav {
display: flex;
flex-direction: column;
gap: 8px;
}
.mobile_menu.maxtrans-mobile-menu .regular_tours_wrapper {
margin: 0;
width: 100%;
}
.maxtrans-mobile-menu__link {
align-items: center;
background: rgba(255,255,255,.94);
border: 1px solid rgba(255,255,255,.18);
border-radius: 12px;
color: #222a36 !important;
display: flex !important;
font-size: 15px !important;
font-weight: 700 !important;
justify-content: space-between;
line-height: 1.2 !important;
margin: 0 !important;
min-height: 48px;
padding: 0 14px !important;
text-transform: none !important;
width: 100%;
}
.maxtrans-mobile-menu__link.active {
background: #40a6ff;
color: #fff !important;
}
.maxtrans-mobile-menu__link--button {
border: 0;
cursor: pointer;
font-family: "Exo 2",sans-serif;
}
.mobile_menu.maxtrans-mobile-menu .maxtrans-mobile-menu__submenu {
background: rgba(255,255,255,.95);
border-radius: 12px;
box-shadow: none;
margin-top: 8px;
padding: 8px 10px;
position: static;
width: 100%;
}
.mobile_menu.maxtrans-mobile-menu .maxtrans-mobile-menu__submenu .regular_tour {
border-bottom: 1px solid rgba(64,166,255,.12);
color: #1f2937;
display: block;
font-size: 13px;
font-weight: 600;
line-height: 1.25;
margin: 0;
padding: 9px 2px;
}
.mobile_menu.maxtrans-mobile-menu .maxtrans-mobile-menu__submenu .regular_tour:last-child {
border-bottom: 0;
}
.maxtrans-mobile-menu__social,.maxtrans-mobile-menu__support {
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.12);
border-radius: 14px;
padding: 13px;
}
.maxtrans-mobile-menu__section-title {
color: rgba(255,255,255,.68);
font-family: "Exo 2",sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
margin: 0 0 10px;
text-transform: uppercase;
}
.maxtrans-mobile-menu__phones {
display: flex;
flex-direction: column;
gap: 8px;
}
.maxtrans-mobile-menu__phones a {
align-items: center;
background: rgba(255,255,255,.92);
border-radius: 10px;
color: #1f2937;
display: flex;
font-size: 14px;
font-weight: 700;
gap: 10px;
min-height: 42px;
padding: 0 12px;
}
.maxtrans-mobile-menu__phones img {
flex: 0 0 20px;
height: 20px !important;
object-fit: contain;
width: 20px !important;
}
.maxtrans-mobile-menu__social-links {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.maxtrans-mobile-menu__social-links a {
align-items: center;
background: rgba(255,255,255,.92);
border-radius: 50%;
display: inline-flex;
height: 38px;
justify-content: center;
width: 38px;
}
.maxtrans-mobile-menu__social-links img {
display: block;
height: 20px !important;
object-fit: contain;
width: 20px !important;
}
.maxtrans-mobile-menu__footer {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: auto;
}
.maxtrans-mobile-menu__account,.maxtrans-mobile-menu__logout {
align-items: center;
background: #40a6ff;
border: 0;
border-radius: 12px;
color: #fff !important;
display: flex;
font-family: "Exo 2",sans-serif;
font-size: 15px;
font-weight: 700;
min-height: 48px;
padding: 0 16px;
text-align: center;
}
.maxtrans-mobile-menu__logout {
justify-content: center;
}
.maxtrans-mobile-menu__account {
justify-content: space-between;
}
.maxtrans-mobile-menu__logout {
background: rgba(255,255,255,.12);
}
.mobile_menu_overlay.overlay {
z-index: 2147483100 !important;
}
@media (max-width:480px) {
.mobile_menu.maxtrans-mobile-menu {
width: 98vw;
height: calc(100dvh - 10px);
margin: 5px 5px 5px 0;
border-radius: 16px 0 0 16px;
}
.maxtrans-mobile-menu__content {
gap: 12px;
padding: 14px;
}
.maxtrans-mobile-menu__logo {
max-width: 156px;
}
.maxtrans-mobile-menu__logo img {
max-height: 30px;
width: 156px !important;
}
.maxtrans-mobile-menu__link {
min-height: 44px;
}
}
@media (max-width:767px) {
.mobile_menu.maxtrans-mobile-menu {
width: 98vw !important;
max-width: 420px !important;
height: calc(100dvh - 10px) !important;
margin: 5px 5px 5px 0 !important;
border-radius: 16px 0 0 16px !important;
}
.maxtrans-mobile-menu__top {
min-height: 44px !important;
}
.maxtrans-mobile-menu__logo {
flex: 0 1 198px !important;
width: 198px !important;
max-width: calc(100% - 58px) !important;
height: auto !important;
min-height: 0 !important;
}
.maxtrans-mobile-menu__logo img,.maxtrans-mobile-menu__social-links img {
display: block !important;
height: auto !important;
object-fit: contain !important;
}
.maxtrans-mobile-menu__logo img {
width: 198px !important;
max-width: 100% !important;
max-height: 30px !important;
object-position: left center !important;
}
.maxtrans-mobile-menu__close {
flex: 0 0 42px !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
}
.maxtrans-mobile-menu__social-links {
align-items: center !important;
gap: 10px !important;
}
.maxtrans-mobile-menu__social-links a {
flex: 0 0 38px !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
background: #40a6ff !important;
border: 1px solid rgba(255,255,255,.24) !important;
box-shadow: 0 8px 18px rgba(64,166,255,.24) !important;
}
.maxtrans-mobile-menu__social-links img {
width: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
}
body.is-home-page .figma-home-search {
right: auto !important;
left: 50% !important;
width: min(360px,calc(100vw - 24px)) !important;
max-width: 360px !important;
margin: 0 !important;
transform: translateX(-50%) !important;
}
body.is-home-page .figma-home-search__bar {
width: 100% !important;
height: auto !important;
min-height: 272px !important;
}
.ticket-page-next__search .figma-home-search__submit,body.is-home-page .figma-home-search__submit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
}
.ticket-page-next__search {
width: min(376px,calc(100vw - 16px)) !important;
max-width: calc(100vw - 16px) !important;
margin-right: auto !important;
margin-left: auto !important;
}
.ticket-page-next__search .figma-home-search,body.is-home-page .ticket-page-next__search .figma-home-search {
position: relative !important;
right: auto !important;
left: auto !important;
width: 100% !important;
max-width: none !important;
margin: 0 auto !important;
transform: none !important;
}
}
@media (min-width:768px) {
.public-header .burger,.public-header.is-home-shell .burger,.public-header.is-home-shell .burger.home-figma-header__burger {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 42px !important;
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: #40a6ff !important;
box-shadow: 0 10px 22px rgba(64,166,255,.22) !important;
cursor: pointer !important;
opacity: 1 !important;
visibility: visible !important;
}
.public-header .burger img,.public-header.is-home-shell .burger img,.public-header.is-home-shell .burger.home-figma-header__burger img {
display: block !important;
width: 24px !important;
max-width: 24px !important;
height: auto !important;
max-height: 24px !important;
object-fit: contain !important;
}
.public-header .ticket-shell-header__menu,.public-header.is-home-shell .ticket-shell-header__menu {
display: grid !important;
grid-template-columns: minmax(0,1fr) 220px 42px !important;
column-gap: 12px !important;
align-items: center !important;
}
.public-header .ticket-shell-header__nav,.public-header.is-home-shell .ticket-shell-header__nav {
grid-column: 1 !important;
grid-row: 1 !important;
min-width: 0 !important;
overflow: visible !important;
}
.public-header .home-figma-header__nav .regular_tours_wrapper,.public-header .ticket-shell-header__nav .regular_tours_wrapper {
width: auto !important;
margin-right: 0 !important;
overflow: visible !important;
}
.public-header .home-figma-header__nav .regular_tours,.public-header .ticket-shell-header__nav .regular_tours {
top: calc(100% + 14px) !important;
left: 0 !important;
z-index: 9300 !important;
width: max-content !important;
min-width: 230px !important;
max-width: min(320px,calc(100vw - 32px)) !important;
padding: 12px !important;
border: 1px solid rgba(64,166,255,.16) !important;
border-radius: 10px !important;
background: #fff !important;
box-shadow: 0 18px 36px rgba(13,25,44,.16) !important;
}
.public-header .home-figma-header__nav .regular_tour,.public-header .ticket-shell-header__nav .regular_tour {
color: #1f2733 !important;
font-family: "Exo 2",sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
white-space: nowrap !important;
}
.public-header .regular_tours_wrapper:focus-within>.regular_tours,.public-header .regular_tours_wrapper:hover>.regular_tours,.public-header .support_wrapper:focus-within>.support_phones,.public-header .support_wrapper:hover>.support_phones {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.public-header .ticket-shell-header__actions,.public-header.is-home-shell .ticket-shell-header__actions {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
}
.public-header .home-figma-header__menu>.burger,.public-header .ticket-shell-header__menu>.burger,.public-header.is-home-shell .ticket-shell-header__menu>.burger {
grid-column: 3 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: end !important;
}
.public-header .home-figma-header__menu {
display: grid !important;
grid-template-columns: minmax(0,1fr) auto 42px !important;
column-gap: 12px !important;
align-items: center !important;
}
.public-header .home-figma-header__nav-wrap {
grid-column: 1 !important;
grid-row: 1 !important;
min-width: 0 !important;
overflow: visible !important;
}
.public-header .home-figma-header__nav {
overflow: visible !important;
}
.public-header .home-figma-header__actions {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
}
.mobile_menu.maxtrans-mobile-menu {
right: -560px !important;
width: min(520px,calc(100vw - 48px)) !important;
max-width: 520px !important;
height: calc(100dvh - 32px) !important;
margin: 16px 0 !important;
padding: 0 !important;
border: 1px solid rgba(255,255,255,.18) !important;
border-radius: 24px 0 0 24px !important;
background: linear-gradient(160deg,rgba(18,20,28,.98)0,rgba(28,33,47,.97) 48%,rgba(64,166,255,.22) 100%),radial-gradient(circle at 20%0,rgba(64,166,255,.26),transparent 34%) !important;
box-shadow: -30px 0 60px rgba(4,12,24,.32) !important;
overflow: hidden !important;
z-index: 2147483200 !important;
}
.mobile_menu.maxtrans-mobile-menu.active {
right: 0 !important;
}
.maxtrans-mobile-menu__content {
gap: 16px !important;
height: 100% !important;
padding: 24px !important;
}
.maxtrans-mobile-menu__top {
min-height: 56px !important;
}
.maxtrans-mobile-menu__logo {
flex: 0 1 230px !important;
width: 230px !important;
max-width: calc(100% - 68px) !important;
height: auto !important;
min-height: 0 !important;
}
.maxtrans-mobile-menu__logo img {
display: block !important;
width: 230px !important;
max-width: 100% !important;
height: auto !important;
max-height: 38px !important;
object-fit: contain !important;
object-position: left center !important;
}
.maxtrans-mobile-menu__close {
flex: 0 0 48px !important;
width: 48px !important;
min-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
}
.maxtrans-mobile-menu__langs {
gap: 8px !important;
padding: 7px !important;
border-radius: 14px !important;
}
.maxtrans-mobile-menu__langs a {
height: 42px !important;
border-radius: 10px !important;
font-size: 14px !important;
}
.maxtrans-mobile-menu__nav {
gap: 10px !important;
}
.maxtrans-mobile-menu__link {
min-height: 54px !important;
padding: 0 18px !important;
border-radius: 14px !important;
font-size: 17px !important;
line-height: 1.18 !important;
}
.maxtrans-mobile-menu__social,.maxtrans-mobile-menu__support {
border-radius: 16px !important;
padding: 16px !important;
}
.maxtrans-mobile-menu__section-title {
margin-bottom: 12px !important;
font-size: 13px !important;
}
.maxtrans-mobile-menu__phones {
gap: 10px !important;
}
.maxtrans-mobile-menu__phones a {
min-height: 48px !important;
padding: 0 14px !important;
border-radius: 12px !important;
font-size: 16px !important;
}
.maxtrans-mobile-menu__social-links {
gap: 12px !important;
}
.maxtrans-mobile-menu__social-links a {
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
background: #40a6ff !important;
border: 1px solid rgba(255,255,255,.24) !important;
box-shadow: 0 10px 22px rgba(64,166,255,.26) !important;
}
.maxtrans-mobile-menu__social-links img {
width: 22px !important;
max-width: 22px !important;
height: auto !important;
max-height: 22px !important;
object-fit: contain !important;
}
.maxtrans-mobile-menu__account,.maxtrans-mobile-menu__logout {
min-height: 54px !important;
padding: 0 18px !important;
border-radius: 14px !important;
font-size: 17px !important;
}
.mobile_menu_overlay.overlay {
background: rgba(4,12,24,.46) !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
z-index: 2147483100 !important;
}
}
@media (max-width:767px) {
body.is-home-page {
--home-mobile-section: 98vw;
--home-mobile-form-inset: 8px;
--home-mobile-section: calc(100vw - 10px);
--home-mobile-card: calc(100vw - 26px);
--home-mobile-wide-card: calc(100vw - 26px);
overflow-x: hidden !important;
font-family: "Exo 2",sans-serif !important;
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=date].is-open {
z-index: 2147483300 !important;
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=date].is-open .figma-home-search__calendar-grid {
gap: 5px !important;
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=date].is-open .figma-home-search__calendar-day,body.is-home-page .figma-home-search__panel[data-home-search-panel=date].is-open .figma-home-search__calendar-spacer {
min-height: 34px !important;
height: 34px !important;
}
body:has(.fleet-rental-page) .callback_popup_overlay {
background: rgba(5,13,24,.62) !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
z-index: 2147483000 !important;
}
body:has(.fleet-rental-page) .callback_popUp {
position: fixed !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
left: 50% !important;
max-height: calc(100dvh - 36px) !important;
padding: 0 !important;
border: 1px solid rgba(255,255,255,.8) !important;
background: #fff !important;
box-shadow: 0 24px 64px rgba(4,12,24,.26) !important;
transform: translate(-50%,-50%) !important;
z-index: 2147483200 !important;
}
body:has(.fleet-rental-page) .callback_popUp.active {
display: block !important;
}
body:has(.fleet-rental-page) .callback_popUp::after {
content: "";
position: absolute;
right: 18px;
bottom: -10px;
left: 18px;
height: 10px;
border-radius: 0 0 14px 14px;
background: #0a68af;
opacity: .9;
}
body:has(.fleet-rental-page) .callback_form {
display: block !important;
width: 100% !important;
border-radius: inherit !important;
box-sizing: border-box !important;
}
body:has(.fleet-rental-page) .callback_form-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin-bottom: 12px !important;
}
body:has(.fleet-rental-page) .callback_form-title {
color: #1d2c3f !important;
font-family: "Exo 2",sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
body:has(.fleet-rental-page) .callback_form-close {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
min-width: 32px !important;
height: 32px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: #eaf5ff !important;
color: #40a6ff !important;
font-family: "Exo 2",sans-serif !important;
font-size: 22px !important;
font-weight: 600 !important;
line-height: 1 !important;
}
body:has(.fleet-rental-page) .callback_form-race {
display: grid !important;
width: 100% !important;
}
body:has(.fleet-rental-page) .callback_form-race .filter_block_wrapper {
display: grid !important;
width: 100% !important;
grid-template-columns: 1fr !important;
}
body:has(.fleet-rental-page) .callback_message,body:has(.fleet-rental-page) .callback_phone .phone_input_wrapper,body:has(.fleet-rental-page) .callback_popUp .filter_city_select_wrapper {
width: 100% !important;
border: 1px solid #d9e4ef !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: 0 4px 12px rgba(20,42,70,.05) !important;
box-sizing: border-box !important;
}
body:has(.fleet-rental-page) .callback_message textarea {
width: 100% !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: 0 4px 12px rgba(20,42,70,.05) !important;
box-sizing: border-box !important;
}
body:has(.fleet-rental-page) .callback_popUp .filter_block_title {
color: #68788b !important;
font-family: "Exo 2",sans-serif !important;
font-weight: 600 !important;
}
body:has(.fleet-rental-page) .callback_popUp .filter_city_select {
width: 100% !important;
padding: 0 28px 0 0 !important;
border: 0 !important;
color: #1d2c3f !important;
font-family: "Exo 2",sans-serif !important;
font-weight: 700 !important;
outline: 0 !important;
box-shadow: none !important;
}
body:has(.fleet-rental-page) .callback_phone .phone_input_wrapper {
display: grid !important;
align-items: center !important;
gap: 0 !important;
padding: 0 !important;
}
body:has(.fleet-rental-page) .callback_popUp .cb_phone_country_code {
height: 54px !important;
min-height: 54px !important;
border: 0 !important;
color: #1d2c3f !important;
font-family: "Exo 2",sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
outline: 0 !important;
box-shadow: none !important;
}
body:has(.fleet-rental-page) .callback_message textarea,body:has(.fleet-rental-page) .callback_popUp .cb_phone_input {
border: 0 !important;
background: 0 0 !important;
color: #1d2c3f !important;
font-family: "Exo 2",sans-serif !important;
outline: 0 !important;
box-shadow: none !important;
}
body:has(.fleet-rental-page) .callback_popUp .cb_phone_input {
height: 54px !important;
min-height: 54px !important;
font-size: 14px !important;
font-weight: 600 !important;
}
body:has(.fleet-rental-page) .callback_popUp .cb_phone_country_code {
padding: 0 8px !important;
border-right: 1px solid #e8eef5 !important;
}
body:has(.fleet-rental-page) .callback_popUp .cb_phone_input {
padding: 0 12px !important;
}
body:has(.fleet-rental-page) .callback_message {
overflow: hidden !important;
}
body:has(.fleet-rental-page) .callback_message textarea {
display: block !important;
padding: 12px !important;
resize: none !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
}
body:has(.fleet-rental-page) .callback_popUp .send_contact_btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
margin-top: 2px !important;
padding: 0 14px !important;
border: 0 !important;
background: #40a6ff !important;
color: #fff !important;
font-family: "Exo 2",sans-serif !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
box-shadow: 0 12px 22px rgba(64,166,255,.28) !important;
}
body.is-home-page .figma-home-hero__overlay {
background: linear-gradient(180deg,rgba(8,12,18,.08)0,rgba(8,12,18,.06) 42%,rgba(8,12,18,.42) 100%) !important;
}
body.is-home-page .figma-home-search {
position: absolute !important;
right: var(--home-mobile-form-inset, 8px) !important;
left: var(--home-mobile-form-inset, 8px) !important;
}
body.is-home-page .ticket-page-next__search .figma-home-search__bar {
height: auto !important;
min-height: 236px !important;
padding: 8px 13px 11px !important;
gap: 5px !important;
}
body.is-home-page .ticket-page-next__search .figma-home-search__field {
height: 36px !important;
min-height: 36px !important;
padding: 0 0 0 2px !important;
}
body.is-home-page .ticket-page-next__search .figma-home-search__submit {
height: 40px !important;
min-height: 40px !important;
margin: 5px 0 0 !important;
border-radius: 4px !important;
font-size: 12px !important;
line-height: 16px !important;
}
body.is-home-page .figma-home-app__bg {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
}
body.is-home-page .figma-home-app__content {
position: relative !important;
z-index: 2 !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
text-align: center !important;
}
body.is-home-page .figma-home-app__title {
width: 100% !important;
}
body.is-home-page .figma-home-app__users-copy strong {
font-size: 20px !important;
font-weight: 400 !important;
line-height: 29px !important;
}
body.is-home-page .figma-home-app__users-copy span {
font-size: 12px !important;
font-weight: 500 !important;
line-height: 29px !important;
}
body.is-home-page .figma-home-welcome__intro {
display: block !important;
padding: 0 !important;
}
body.is-home-page .figma-home-welcome__cards {
padding: 0 !important;
}
body.is-home-page .figma-home-welcome__icon.is-badge {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
border-radius: 50% !important;
background: #40a6ff !important;
}
body.is-home-page .figma-home-welcome__icon.is-badge img {
width: 22px !important;
height: 22px !important;
object-fit: contain !important;
filter: brightness(0) invert(1) !important;
}
body.is-home-page .figma-home-welcome__icon.is-cluster {
width: 144px !important;
height: 30px !important;
min-width: 144px !important;
overflow: visible !important;
}
body.is-home-page .figma-home-welcome__icon.is-cluster img {
width: 144px !important;
max-width: 144px !important;
height: 30px !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-welcome__card-title {
margin: 13px 0 0 !important;
}
body.is-home-page .figma-home-welcome__card-text {
max-width: 330px !important;
margin: 8px 0 0 !important;
}
body.is-home-page .figma-home-stats__inner {
background: #111925 !important;
}
body.is-home-page .figma-home-stats__inner::after {
background: linear-gradient(180deg,rgba(4,9,16,0)0,rgba(4,9,16,0) 55%,rgba(4,9,16,.68) 74%,rgba(4,9,16,.94) 100%) !important;
}
body.is-home-page .figma-home-stats__scene-image {
object-position: center 47% !important;
}
body.is-home-page .figma-home-stats__content {
position: relative !important;
display: block !important;
}
body.is-home-page .figma-home-stats__kicker {
margin-left: 8px !important;
letter-spacing: -.18px !important;
}
body.is-home-page .figma-home-stats__scene {
min-height: 0 !important;
}
body.is-home-page .figma-home-stats__items {
position: absolute !important;
min-height: 169px !important;
padding: 0 !important;
grid-template-rows: repeat(2,74px) !important;
align-items: start !important;
background: 0 0 !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.is-home-page .figma-home-stats__item {
position: relative !important;
padding: 0 0 0 17px !important;
border: 0 !important;
background: 0 0 !important;
}
body.is-home-page .figma-home-stats__item::before {
content: "" !important;
position: absolute !important;
top: 5px !important;
bottom: 5px !important;
left: 0 !important;
width: 1px !important;
background: rgba(255,255,255,.88) !important;
}
body.is-home-page .figma-home-stats__label {
margin: 0 0 13px !important;
color: rgba(255,255,255,.92) !important;
white-space: nowrap !important;
}
body.is-home-page .figma-home-stats__value {
letter-spacing: -.7px !important;
}
body.is-home-page .figma-home-routes__board,body.is-home-page .figma-home-routes__header {
padding: 0 !important;
}
body.is-home-page .figma-home-routes__title {
margin: 0 !important;
letter-spacing: -.48px !important;
}
body.is-home-page .figma-home-routes__subtitle {
max-width: 328px !important;
margin: 23px 0 0 !important;
padding-top: 0 !important;
text-align: left !important;
}
body.is-home-page .figma-home-routes__board {
margin-top: 24px !important;
}
body.is-home-page .figma-home-routes__meta {
gap: 16px !important;
}
body.is-home-page .figma-home-routes__row-label {
margin: 0 0 7px !important;
}
body.is-home-page .figma-home-routes__chips {
gap: 5px 4px !important;
}
body.is-home-page .figma-home-routes__tabs {
width: 202px !important;
height: 26px !important;
padding: 2px !important;
border-radius: 4px !important;
background: #dedede !important;
}
body.is-home-page .figma-home-routes__tab {
padding: 0 8px !important;
}
body.is-home-page .figma-home-features {
width: 100% !important;
}
body.is-home-page .figma-home-features__banner {
padding: 37px 8px 0 !important;
}
body.is-home-page .figma-home-features__hero {
display: contents !important;
min-height: 0 !important;
}
body.is-home-page .figma-home-features__header {
position: relative !important;
z-index: 2 !important;
order: 1 !important;
max-width: none !important;
padding: 0 !important;
text-align: left !important;
}
body.is-home-page .figma-home-features__title {
margin: 0 !important;
letter-spacing: -.48px !important;
}
body.is-home-page .figma-home-features__subtitle {
width: 304px !important;
}
body.is-home-page .figma-home-features__grid {
position: relative !important;
z-index: 2 !important;
order: 2 !important;
display: grid !important;
width: 100% !important;
grid-template-columns: 1fr !important;
margin-top: 24px !important;
padding: 0 !important;
pointer-events: none !important;
}
body.is-home-page .figma-home-features__card {
width: 100% !important;
border: 1px solid #f0f0f0 !important;
background: #fff !important;
box-shadow: none !important;
}
body.is-home-page .figma-home-features__card-head {
gap: 8px !important;
align-items: center !important;
}
body.is-home-page .figma-home-features__icon {
width: 28px !important;
min-width: 28px !important;
height: 28px !important;
}
body.is-home-page .figma-home-features__icon img {
width: 28px !important;
max-width: 28px !important;
height: 28px !important;
max-height: 28px !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-features__card-title {
margin: 0 !important;
}
body.is-home-page .figma-home-features__card-text {
max-width: 322px !important;
margin: 15px 0 0 !important;
}
body.is-home-page .figma-home-features__promo-card {
z-index: 2 !important;
order: 3 !important;
margin: 21px auto 0 !important;
}
body.is-home-page .figma-home-features__promo-screen {
display: flex !important;
}
body.is-home-page .figma-home-faq {
width: 100% !important;
}
body.is-home-page .figma-home-faq__grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 20px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-faq__intro {
position: static !important;
top: auto !important;
padding: 0 !important;
}
body.is-home-page .figma-home-faq__title {
max-width: 220px !important;
margin: 0 !important;
letter-spacing: 0 !important;
}
body.is-home-page .figma-home-faq__text {
width: 328px !important;
max-width: 328px !important;
margin-top: 22px !important;
text-align: justify !important;
}
body.is-home-page .figma-home-faq__text p {
margin: 0 !important;
}
body.is-home-page .figma-home-faq__button {
width: auto !important;
max-width: 100% !important;
min-height: 30px !important;
margin-top: 22px !important;
padding: 0 14px !important;
border-radius: 5px !important;
background: #40a6ff !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 600 !important;
line-height: 14px !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
body.is-home-page .figma-home-faq__accordion {
display: flex !important;
flex-direction: column !important;
}
body.is-home-page .figma-home-faq__item {
overflow: hidden !important;
border: 1px solid #f0f0f0 !important;
background: #fbfbfb !important;
box-shadow: none !important;
}
body.is-home-page .figma-home-faq__item.is-open {
height: auto !important;
}
body.is-home-page .figma-home-faq__question {
border: 0 !important;
border-radius: 0 !important;
background: 0 0 !important;
letter-spacing: 0 !important;
}
body.is-home-page .figma-home-faq__answer {
display: none !important;
border: 0 !important;
border-radius: 0 !important;
background: 0 0 !important;
color: #141414 !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
}
body.is-home-page .figma-home-faq__answer p {
max-width: 350px !important;
margin: 0 !important;
}
body.is-home-page .figma-home-faq__item.is-open .figma-home-faq__answer {
display: block !important;
max-height: none !important;
}
body.is-home-page .figma-home-faq__item.is-open .figma-home-faq__question {
min-height: 48px !important;
}
body.is-home-page .figma-home-faq__plus {
width: 10px !important;
height: 10px !important;
}
body.is-home-page .figma-home-faq__plus::after,body.is-home-page .figma-home-faq__plus::before {
width: 10px !important;
height: 1.2px !important;
background: #3c3c3c !important;
}
body.is-home-page .public-footer.is-home-shell {
width: 100% !important;
margin: 0 auto !important;
padding: 0 0 5px !important;
background: #fff !important;
}
body.is-home-page .public-footer__panel {
background: #838383 !important;
box-shadow: none !important;
}
body.is-home-page .public-footer__bg {
inset: auto !important;
top: -30.98% !important;
left: -40.82% !important;
width: 178.06% !important;
max-width: none !important;
height: 130.98% !important;
object-fit: cover !important;
object-position: center center !important;
}
body.is-home-page .public-footer__overlay {
inset: auto 0 auto 0 !important;
top: -30.98% !important;
height: 130.98% !important;
background: linear-gradient(180deg,rgba(0,0,0,.8)0,rgba(0,0,0,.74) 46.028%,rgba(0,0,0,.62) 71.094%,transparent 87.5%) !important;
}
body.is-home-page .public-footer__bus {
display: none !important;
}
body.is-home-page .public-footer__content {
position: relative !important;
z-index: 2 !important;
}
body.is-home-page .public-footer__top {
display: grid !important;
grid-template-columns: 176px minmax(0,1fr) !important;
gap: 40px 42px !important;
align-items: start !important;
width: 100% !important;
min-height: 0 !important;
}
body.is-home-page .public-footer__brand {
grid-column: 1/-1 !important;
max-width: 100% !important;
}
body.is-home-page .public-footer__brand-text {
width: 100% !important;
margin: 24px 0 0 !important;
color: #fff !important;
}
body.is-home-page .public-footer__stores {
display: flex !important;
align-items: center !important;
gap: 3px !important;
margin-top: 17px !important;
}
body.is-home-page .public-footer__stores>a:first-child>picture>img {
width: 128px !important;
height: 38px !important;
}
body.is-home-page .public-footer__stores>a:last-child>picture>img {
width: 112px !important;
height: 38px !important;
}
body.is-home-page .public-footer__contacts,body.is-home-page .public-footer__menu {
display: block !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
}
body.is-home-page .public-footer__heading {
margin: 0 0 23px !important;
color: #fff !important;
letter-spacing: .43px !important;
text-transform: uppercase !important;
}
body.is-home-page .public-footer__menu-links {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
body.is-home-page .public-footer__contact-label,body.is-home-page .public-footer__menu-links a {
color: #dbdada !important;
letter-spacing: .43px !important;
text-transform: uppercase !important;
}
body.is-home-page .public-footer__contact-group+.public-footer__contact-group {
margin-top: 10px !important;
}
body.is-home-page .public-footer__contact-value,body.is-home-page .public-footer__contact-value a {
color: #fff !important;
text-transform: uppercase !important;
}
body.is-home-page .public-footer__contacts .public-footer__social {
display: none !important;
}
body.is-home-page .public-footer__social--mobile {
position: absolute !important;
top: 448px !important;
left: 50% !important;
display: flex !important;
width: auto !important;
height: 19px !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
transform: translateX(-50%) !important;
}
body.is-home-page .public-footer__social--mobile img {
width: 18px !important;
height: 18px !important;
object-fit: contain !important;
filter: brightness(0) invert(1) !important;
opacity: .95 !important;
}
body.is-home-page .public-footer__bottom {
position: absolute !important;
top: 655px !important;
right: 8px !important;
bottom: auto !important;
left: 10px !important;
display: block !important;
margin: 0 !important;
}
body.is-home-page .public-footer__bottom-links {
display: grid !important;
grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
gap: 8px !important;
padding: 0 0 2px !important;
}
body.is-home-page .public-footer__bottom-link {
color: #f2f2f2 !important;
line-height: 20.6px !important;
letter-spacing: .43px !important;
white-space: nowrap !important;
}
body.is-home-page .public-footer__bottom-link--right {
justify-self: end !important;
text-align: right !important;
}
body.is-home-page .public-footer__bottom-divider {
display: block !important;
min-height: 1px !important;
}
body.is-home-page .public-footer__bottom-divider::before {
background: rgba(255,255,255,.35) !important;
}
body.is-home-page .public-footer__bottom-meta {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0 !important;
padding-top: 10px !important;
}
body.is-home-page .public-footer__brand-mark {
display: flex !important;
order: 1 !important;
width: 64px !important;
justify-content: center !important;
align-items: center !important;
min-width: 64px !important;
}
body.is-home-page .public-footer__brand-mark img {
width: 64px !important;
height: 19px !important;
object-fit: contain !important;
}
body.is-home-page .public-footer__copyright {
order: 2 !important;
justify-self: center !important;
margin-top: 1px !important;
color: #f2f2f2 !important;
font-family: "Montserrat",sans-serif !important;
line-height: 19.6px !important;
white-space: nowrap !important;
}
body.is-home-page .figma-home-features__promo-screen {
bottom: auto !important;
overflow: visible !important;
}
body.is-home-page .figma-home-features__promo-card {
flex: 0 0 256px !important;
}
body.is-home-page .figma-home-features__promo-phone {
position: absolute !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-features__promo-badge {
max-width: 150px !important;
gap: 4px !important;
box-sizing: border-box !important;
}
body.is-home-page .figma-home-features__promo-text {
white-space: normal !important;
text-align: center !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
body.is-home-page .callback_popup_overlay {
background: rgba(5,13,24,.62) !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
z-index: 2147483000 !important;
}
body.is-home-page .callback_popUp {
position: fixed !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
left: 50% !important;
width: min(362px,calc(100vw - 24px)) !important;
max-width: 362px !important;
max-height: calc(100dvh - 36px) !important;
padding: 0 !important;
border: 1px solid rgba(255,255,255,.82) !important;
border-radius: 18px !important;
background: #fff !important;
box-shadow: 0 24px 64px rgba(4,12,24,.26) !important;
transform: translate(-50%,-50%) !important;
overflow: visible !important;
z-index: 2147483200 !important;
}
body.is-home-page .callback_popUp.active {
display: block !important;
}
body.is-home-page .callback_form {
display: block !important;
width: 100% !important;
padding: 16px 14px 15px !important;
border-radius: inherit !important;
background: linear-gradient(180deg,#fff 0,#f7fbff 100%) !important;
box-sizing: border-box !important;
}
body.is-home-page .callback_form-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin-bottom: 12px !important;
}
body.is-home-page .callback_form-close,body.is-home-page .callback_form-title {
color: #1d2c3f !important;
font-family: "Exo 2",sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
body.is-home-page .callback_form-close {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
min-width: 32px !important;
height: 32px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: #eaf5ff !important;
color: #40a6ff !important;
font-size: 22px !important;
font-weight: 600 !important;
line-height: 1 !important;
}
body.is-home-page .callback_form-race,body.is-home-page .callback_form-race .filter_block_wrapper {
display: grid !important;
width: 100% !important;
gap: 10px !important;
}
body.is-home-page .callback_form-race .filter_block_wrapper {
grid-template-columns: 1fr !important;
}
body.is-home-page .callback_message,body.is-home-page .callback_phone .phone_input_wrapper,body.is-home-page .callback_popUp .filter_city_select_wrapper {
border: 1px solid #d9e4ef !important;
}
body.is-home-page .callback_message,body.is-home-page .callback_message textarea,body.is-home-page .callback_phone .phone_input_wrapper,body.is-home-page .callback_popUp .filter_city_select_wrapper {
width: 100% !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: 0 4px 12px rgba(20,42,70,.05) !important;
box-sizing: border-box !important;
}
body.is-home-page .callback_popUp .filter_city_select_wrapper {
position: relative !important;
display: grid !important;
grid-template-rows: 20px 1fr !important;
min-height: 54px !important;
padding: 8px 12px 7px !important;
align-items: stretch !important;
}
body.is-home-page .callback_popUp .filter_city_select_wrapper::after {
content: "";
position: absolute;
top: auto !important;
right: 12px !important;
bottom: 14px !important;
width: 18px !important;
height: 18px !important;
border: 0 !important;
background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 7.5L9 11.25L12.75 7.5' stroke='%2368788B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")no-repeat center/18px 18px !important;
transform: none !important;
pointer-events: none;
z-index: 2;
}
body.is-home-page .callback_popUp .filter_block_title,body.is-home-page .callback_popUp .filter_city_select {
position: static !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
color: #68788b !important;
font-family: "Exo 2",sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 16px !important;
}
body.is-home-page .callback_popUp .filter_city_select {
appearance: none !important;
-webkit-appearance: none !important;
width: 100% !important;
height: 24px !important;
min-height: 24px !important;
padding: 0 28px 0 0 !important;
border: 0 !important;
background: 0 0 !important;
background-image: none !important;
color: #1d2c3f !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 22px !important;
outline: 0 !important;
box-shadow: none !important;
}
body.is-home-page .callback_popUp .filter_city_select::-ms-expand {
display: none !important;
}
body.is-home-page .callback_phone .phone_input_wrapper {
display: grid !important;
grid-template-columns: 72px minmax(0,1fr) !important;
align-items: center !important;
gap: 0 !important;
min-height: 54px !important;
padding: 0 !important;
overflow: hidden !important;
}
body.is-home-page .callback_message textarea,body.is-home-page .callback_popUp .cb_phone_country_code,body.is-home-page .callback_popUp .cb_phone_input {
border: 0 !important;
background: 0 0 !important;
color: #1d2c3f !important;
font-family: "Exo 2",sans-serif !important;
outline: 0 !important;
box-shadow: none !important;
}
body.is-home-page .callback_popUp .cb_phone_country_code,body.is-home-page .callback_popUp .cb_phone_input {
height: 54px !important;
min-height: 54px !important;
font-size: 14px !important;
font-weight: 600 !important;
}
body.is-home-page .callback_popUp .cb_phone_country_code {
appearance: none !important;
-webkit-appearance: none !important;
padding: 0 8px !important;
border-right: 1px solid #e8eef5 !important;
}
body.is-home-page .callback_popUp .cb_phone_input {
padding: 0 12px !important;
}
body.is-home-page .callback_message {
min-height: 96px !important;
overflow: hidden !important;
}
body.is-home-page .callback_message textarea {
display: block !important;
min-height: 96px !important;
padding: 12px !important;
resize: none !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
}
body.is-home-page .callback_popUp .send_contact_btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 48px !important;
margin-top: 2px !important;
padding: 0 14px !important;
border: 0 !important;
border-radius: 12px !important;
background: #40a6ff !important;
color: #fff !important;
font-family: "Exo 2",sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: 0 12px 22px rgba(64,166,255,.28) !important;
}
body.is-home-page .figma-home-app>.container,body.is-home-page .figma-home-hero-shell>.container {
padding: 0 !important;
}
body.is-home-page .figma-home-welcome>.container {
width: min(376px,calc(100vw - 26px)) !important;
padding: 0 !important;
}
body.is-home-page .figma-home-hero__overlay {
background: linear-gradient(90deg,rgba(0,0,0,.21)0,transparent 58.7%) !important;
}
body.is-home-page .figma-home-search__panel {
top: 55px !important;
max-height: 205px !important;
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=to] {
top: 110px !important;
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=date],body.is-home-page .figma-home-search__panel[data-home-search-panel=passengers] {
top: 165px !important;
}
body.is-home-page .figma-home-app__content {
max-width: 372px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-app__users {
justify-content: flex-start !important;
}
body.is-home-page .figma-home-app__avatars {
display: flex !important;
justify-content: center !important;
width: 130px !important;
height: 38px !important;
}
body.is-home-page .figma-home-app__avatar+.figma-home-app__avatar {
margin-left: -8px !important;
}
body.is-home-page .figma-home-app__users-copy {
display: flex !important;
align-items: center !important;
}
body.is-home-page .figma-home-app__visual {
right: auto !important;
bottom: auto !important;
z-index: 1 !important;
}
body.is-home-page .figma-home-app__visual::after {
display: block !important;
content: "" !important;
position: absolute !important;
top: 252px !important;
left: 50% !important;
width: 276px !important;
height: 88px !important;
background: url(/images/figma/home/app-phones-mobile.webp)top center/276px auto no-repeat !important;
opacity: .2 !important;
transform: translateX(-50%) scaleY(-1) !important;
transform-origin: center top !important;
filter: blur(1px) !important;
-webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,.45),transparent) !important;
mask-image: linear-gradient(to bottom,rgba(0,0,0,.45),transparent) !important;
pointer-events: none !important;
}
body.is-home-page .figma-home-welcome__title {
letter-spacing: -.48px !important;
}
body.is-home-page .figma-home-welcome__copy p {
max-width: none !important;
margin: 0 !important;
color: #141414 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 17px !important;
text-align: left !important;
}
body.is-home-page .figma-home-welcome>.container {
margin-right: auto !important;
margin-left: auto !important;
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=from].is-open,body.is-home-page .figma-home-search__panel[data-home-search-panel=passengers].is-open,body.is-home-page .figma-home-search__panel[data-home-search-panel=to].is-open {
max-height: 196px !important;
overflow-y: auto !important;
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=date].is-open {
bottom: auto !important;
}
body.is-home-page .callback_popUp,body:has(.fleet-rental-page) .callback_popUp {
width: min(354px,calc(100vw - 28px)) !important;
max-width: 354px !important;
border-radius: 16px !important;
overflow: visible !important;
}
body.is-home-page .callback_form,body:has(.fleet-rental-page) .callback_form {
padding: 15px 13px 14px !important;
background: linear-gradient(180deg,#fff 0,#f7fbff 100%) !important;
}
body.is-home-page .callback_form-race,body.is-home-page .callback_form-race .filter_block_wrapper,body:has(.fleet-rental-page) .callback_form-race,body:has(.fleet-rental-page) .callback_form-race .filter_block_wrapper {
gap: 8px !important;
}
body.is-home-page .callback_popUp .filter_city_select_wrapper,body:has(.fleet-rental-page) .callback_popUp .filter_city_select_wrapper {
position: relative !important;
display: grid !important;
grid-template-rows: 18px 1fr !important;
min-height: 55px !important;
padding: 7px 12px 8px !important;
overflow: hidden !important;
}
body.is-home-page .callback_phone .phone_input_wrapper::after,body.is-home-page .callback_popUp .filter_city_select_wrapper::after,body:has(.fleet-rental-page) .callback_phone .phone_input_wrapper::after,body:has(.fleet-rental-page) .callback_popUp .filter_city_select_wrapper::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
right: 12px !important;
width: 18px !important;
height: 18px !important;
border: 0 !important;
background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 7.5L9 11.25L12.75 7.5' stroke='%2368788B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")no-repeat center/18px 18px !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
z-index: 3 !important;
}
body.is-home-page .callback_popUp .filter_block_title,body:has(.fleet-rental-page) .callback_popUp .filter_block_title {
position: static !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
font-size: 11px !important;
line-height: 15px !important;
white-space: nowrap !important;
}
body.is-home-page .callback_popUp .cb_phone_country_code,body.is-home-page .callback_popUp .filter_city_select,body:has(.fleet-rental-page) .callback_popUp .cb_phone_country_code,body:has(.fleet-rental-page) .callback_popUp .filter_city_select {
appearance: none !important;
-webkit-appearance: none !important;
background: 0 0 !important;
background-image: none !important;
}
body.is-home-page .callback_popUp .filter_city_select,body:has(.fleet-rental-page) .callback_popUp .filter_city_select {
position: static !important;
height: 25px !important;
min-height: 25px !important;
padding-right: 30px !important;
font-size: 15px !important;
line-height: 22px !important;
}
body.is-home-page .callback_phone .phone_input_wrapper,body:has(.fleet-rental-page) .callback_phone .phone_input_wrapper {
position: relative !important;
min-height: 55px !important;
grid-template-columns: 74px minmax(0,1fr) !important;
overflow: hidden !important;
}
body.is-home-page .callback_popUp .cb_phone_country_code,body:has(.fleet-rental-page) .callback_popUp .cb_phone_country_code {
padding-right: 24px !important;
}
body.is-home-page .callback_message,body.is-home-page .callback_message textarea,body:has(.fleet-rental-page) .callback_message,body:has(.fleet-rental-page) .callback_message textarea {
min-height: 90px !important;
}
body.is-home-page .callback_popUp .send_contact_btn,body:has(.fleet-rental-page) .callback_popUp .send_contact_btn {
min-height: 46px !important;
border-radius: 10px !important;
font-size: 13px !important;
text-transform: uppercase !important;
}
body.is-home-page .public-header.is-home-shell,body.is-home-page .public-header.is-home-shell.index_header {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.is-home-page .public-header.is-home-shell .container {
width: 98vw !important;
max-width: 98vw !important;
padding: 0 !important;
}
body.is-home-page .public-header.is-home-shell .header_content,body.is-home-page .public-header.is-home-shell .ticket-shell-header__panel {
width: 100% !important;
height: 40px !important;
min-height: 40px !important;
padding: 0 7px 0 8px !important;
border-radius: 5px !important;
}
body.is-home-page .public-header.is-home-shell .logo img,body.is-home-page .public-header.is-home-shell .ticket-shell-header__logo-image {
width: 83px !important;
height: 11.6px !important;
max-height: 11.6px !important;
object-fit: contain !important;
}
body.is-home-page .public-header.is-home-shell .burger {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
}
body.is-home-page .figma-home-search {
right: var(--home-mobile-form-inset) !important;
left: var(--home-mobile-form-inset) !important;
}
body.is-home-page .content,body.is-home-page main {
overflow-x: hidden !important;
}
body.is-home-page .figma-home-app>.container,body.is-home-page .figma-home-faq>.container,body.is-home-page .figma-home-features>.container,body.is-home-page .figma-home-hero-shell>.container,body.is-home-page .figma-home-routes>.container,body.is-home-page .figma-home-stats>.container,body.is-home-page .public-footer.is-home-shell>.container {
width: var(--home-mobile-section) !important;
max-width: none !important;
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.is-home-page .figma-home-welcome>.container {
width: var(--home-mobile-card) !important;
max-width: none !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.is-home-page .figma-home-hero-shell {
margin: 4px auto 10px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-hero {
width: 100% !important;
height: 751px !important;
min-height: 751px !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-hero__image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center top !important;
}
body.is-home-page .figma-home-hero__title {
top: 156px !important;
right: 11px !important;
left: 11px !important;
color: #fff !important;
font-family: "Exo 2",sans-serif !important;
font-size: 27px !important;
font-weight: 600 !important;
line-height: 29px !important;
letter-spacing: 0 !important;
text-align: center !important;
text-transform: uppercase !important;
}
body.is-home-page .figma-home-search {
right: 8px !important;
bottom: 17px !important;
left: 8px !important;
z-index: 40 !important;
width: auto !important;
max-width: none !important;
margin: 0 auto !important;
transform: none !important;
}
body.is-home-page .figma-home-search__bar {
height: 272px !important;
min-height: 272px !important;
padding: 0 20px !important;
border: 1px solid #40a6ff !important;
border-radius: 10px !important;
background: rgba(255,255,255,.96) !important;
overflow: visible !important;
}
body.is-home-page .figma-home-search__field {
height: 55px !important;
min-height: 55px !important;
padding: 0 !important;
gap: 9px !important;
border-top: 0 !important;
border-bottom: 1px solid #ececec !important;
border-radius: 0 !important;
}
body.is-home-page .figma-home-search__field[data-home-search-toggle=passengers] {
border-bottom: 0 !important;
}
body.is-home-page .figma-home-search__submit,body.is-home-page .figma-home-search__value {
color: #5f5f5f !important;
font-family: "Exo 2",sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 18px !important;
letter-spacing: -.42px !important;
}
body.is-home-page .figma-home-search__submit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% + 40px) !important;
height: 52px !important;
min-height: 52px !important;
margin: 0-20px !important;
padding: 0 !important;
border-radius: 0 0 9px 9px !important;
background: #40a6ff !important;
color: #fff !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.is-home-page .figma-home-search.is-panel-open,body.is-home-page .figma-home-search__field.is-active,body.is-home-page .figma-home-search__panel.is-open {
z-index: 2147483200 !important;
}
body.is-home-page .figma-home-search__panel {
right: 20px !important;
left: 20px !important;
width: auto !important;
max-width: none !important;
border-radius: 8px !important;
}
body.is-home-page .figma-home-search__panel[data-home-search-panel=date].is-open {
position: fixed !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
left: 50% !important;
width: min(360px,96vw) !important;
max-width: 360px !important;
max-height: min(82dvh,560px) !important;
transform: translate(-50%,-50%) !important;
overflow-y: auto !important;
}
body.is-home-page .figma-home-app {
margin: 0 auto 23px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-app__inner {
position: relative !important;
height: 595px !important;
min-height: 595px !important;
padding: 23px 8px 0 !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-app__title {
max-width: 372px !important;
margin: 0 auto !important;
color: #fff !important;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 29px !important;
letter-spacing: -.48px !important;
text-align: center !important;
}
body.is-home-page .figma-home-app__subtitle {
max-width: 304px !important;
margin: 18px auto 0 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 17px !important;
text-align: center !important;
}
body.is-home-page .figma-home-app__users {
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;
width: 130px !important;
max-width: 130px !important;
height: 67px !important;
margin: 29px auto 0 !important;
}
body.is-home-page .figma-home-app__avatar {
width: 38.2px !important;
min-width: 38.2px !important;
height: 38.2px !important;
border-width: 3px !important;
}
body.is-home-page .figma-home-app__users-copy {
justify-content: center !important;
gap: 6px !important;
width: 128px !important;
height: 29px !important;
}
body.is-home-page .figma-home-app__stores {
justify-content: center !important;
gap: 3px !important;
margin: 10px auto 0 !important;
}
body.is-home-page .figma-home-app__store:first-child img,body.is-home-page .figma-home-features__store:first-child img {
width: 128.25px !important;
height: 38px !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-app__store:last-child img,body.is-home-page .figma-home-features__store:last-child img {
width: 112px !important;
height: 38px !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-app__visual {
position: absolute !important;
top: 315px !important;
left: 50% !important;
width: 375px !important;
max-width: calc(100% - 16px) !important;
height: 280px !important;
margin: 0 !important;
transform: translateX(-50%) !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-app__phones {
display: block !important;
width: 276px !important;
max-width: 276px !important;
height: auto !important;
margin: 0 auto !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-welcome {
margin: 0 auto 23px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-welcome__accent {
display: none !important;
}
body.is-home-page .figma-home-welcome__title {
max-width: none !important;
margin: 0 !important;
color: #141414 !important;
font-size: 24px !important;
font-weight: 500 !important;
line-height: 29px !important;
text-align: left !important;
}
body.is-home-page .figma-home-welcome__copy {
padding-top: 23px !important;
}
body.is-home-page .figma-home-welcome__cards {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
margin-top: 34px !important;
}
body.is-home-page .figma-home-welcome__card {
width: var(--home-mobile-wide-card) !important;
max-width: 373px !important;
height: 143px !important;
min-height: 143px !important;
padding: 19px 16px 14px !important;
border: 1px solid #f0f0f0 !important;
border-radius: 10px !important;
background: #fff !important;
box-shadow: none !important;
}
body.is-home-page .figma-home-welcome__icon,body.is-home-page .figma-home-welcome__icon img {
width: 37px !important;
max-width: 37px !important;
height: 37px !important;
max-height: 37px !important;
object-fit: contain !important;
}
body.is-home-page .figma-home-welcome__card-title {
margin-top: 17px !important;
color: #3c3c3c !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 22px !important;
}
body.is-home-page .figma-home-welcome__card-text {
margin-top: 5px !important;
color: #141414 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 14px !important;
}
body.is-home-page .figma-home-faq,body.is-home-page .figma-home-features,body.is-home-page .figma-home-routes,body.is-home-page .figma-home-stats {
margin: 0 auto 23px !important;
padding: 0 !important;
}
body.is-home-page .figma-home-stats__content,body.is-home-page .figma-home-stats__inner {
width: 100% !important;
height: 499px !important;
min-height: 499px !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-stats__scene-image {
width: 100% !important;
height: 499px !important;
object-fit: cover !important;
}
body.is-home-page .figma-home-stats__content {
padding: 18px 23px 32px !important;
}
body.is-home-page .figma-home-stats__kicker {
max-width: 170px !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 14px !important;
}
body.is-home-page .figma-home-stats__items {
right: 23px !important;
bottom: 32px !important;
left: 23px !important;
display: grid !important;
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
gap: 0 !important;
}
body.is-home-page .figma-home-stats__item {
min-height: 69px !important;
padding-left: 15px !important;
border-left: 1px solid rgba(255,255,255,.45) !important;
}
body.is-home-page .figma-home-stats__label {
color: #fff !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 19px !important;
white-space: normal !important;
}
body.is-home-page .figma-home-stats__value {
margin-top: 5px !important;
color: #fff !important;
font-size: 31px !important;
font-weight: 800 !important;
line-height: 37px !important;
}
body.is-home-page .figma-home-faq__grid,body.is-home-page .figma-home-routes__board,body.is-home-page .figma-home-routes__header {
width: var(--home-mobile-card) !important;
max-width: 376px !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.is-home-page .figma-home-faq__title,body.is-home-page .figma-home-routes__title {
color: #141414 !important;
font-size: 24px !important;
font-weight: 500 !important;
line-height: 29px !important;
}
body.is-home-page .figma-home-faq__text,body.is-home-page .figma-home-routes__row-label,body.is-home-page .figma-home-routes__subtitle {
color: #141414 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 17px !important;
}
body.is-home-page .figma-home-routes__row-label {
font-size: 16px !important;
line-height: 19px !important;
}
body.is-home-page .figma-home-routes__chip {
min-height: 14px !important;
padding: 1px 8px 2px !important;
border-radius: 20px !important;
background: #40a6ff !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 14px !important;
}
body.is-home-page .figma-home-routes__trip-card {
width: 374px !important;
max-width: 100% !important;
min-height: 41px !important;
padding: 7px 8px 7px 12px !important;
border-radius: 4px !important;
}
body.is-home-page .figma-home-routes__trip-city {
font-size: 13px !important;
font-weight: 500 !important;
line-height: 16px !important;
}
body.is-home-page .figma-home-routes__tab,body.is-home-page .figma-home-routes__trip-button {
height: 27px !important;
min-height: 27px !important;
border-radius: 4px !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 15px !important;
}
body.is-home-page .figma-home-routes__trip-button {
width: 100px !important;
}
body.is-home-page .figma-home-features__banner {
width: 100% !important;
height: 964px !important;
min-height: 964px !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-features__hero {
padding: 30px 8px 0 !important;
}
body.is-home-page .figma-home-features__title {
color: #fff !important;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 29px !important;
}
body.is-home-page .figma-home-features__subtitle {
max-width: 352px !important;
margin-top: 15px !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 17px !important;
}
body.is-home-page .figma-home-features__stores {
gap: 3px !important;
margin: 15px auto 0 !important;
}
body.is-home-page .figma-home-features__grid {
top: 241px !important;
right: 8px !important;
left: 8px !important;
gap: 9px !important;
}
body.is-home-page .figma-home-features__card {
width: var(--home-mobile-wide-card) !important;
max-width: 375px !important;
min-height: 119px !important;
padding: 13px 14px !important;
border-radius: 8px !important;
}
body.is-home-page .figma-home-faq__answer p,body.is-home-page .figma-home-features__card-title {
color: #141414 !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 24px !important;
}
body.is-home-page .figma-home-features__card-text {
margin-top: 13px !important;
color: #141414 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 14px !important;
}
body.is-home-page .figma-home-features__promo-card {
position: absolute !important;
top: 645px !important;
left: 50% !important;
width: 257px !important;
height: 298px !important;
min-height: 298px !important;
flex-basis: 298px !important;
transform: translateX(-50%) !important;
overflow: hidden !important;
}
body.is-home-page .figma-home-features__promo-phone {
top: 0 !important;
left: 50% !important;
width: 257px !important;
max-width: 257px !important;
height: auto !important;
transform: translateX(-50%) !important;
}
body.is-home-page .figma-home-features__promo-screen {
top: 52px !important;
right: 27px !important;
left: 27px !important;
width: auto !important;
height: 190px !important;
padding: 0 !important;
align-items: center !important;
justify-content: flex-start !important;
}
body.is-home-page .figma-home-features__promo-badge {
min-height: 27px !important;
padding: 0 8px !important;
}
body.is-home-page .figma-home-features__promo-badge-prefix,body.is-home-page .figma-home-features__promo-badge-value,body.is-home-page .figma-home-features__promo-heading {
font-size: 20px !important;
font-weight: 700 !important;
line-height: 27px !important;
}
body.is-home-page .figma-home-features__promo-heading {
margin-top: 4px !important;
}
body.is-home-page .figma-home-features__promo-text {
max-width: 205px !important;
margin: 13px auto 0 !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 14px !important;
}
body.is-home-page .figma-home-features__promo-button {
width: 210px !important;
min-height: 35px !important;
margin-top: 16px !important;
border-radius: 4px !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 15px !important;
}
body.is-home-page .figma-home-faq__accordion {
gap: 4px !important;
margin-top: 16px !important;
}
body.is-home-page .figma-home-faq__item {
width: var(--home-mobile-wide-card) !important;
max-width: 375px !important;
min-height: 40px !important;
border-radius: 8px !important;
}
body.is-home-page .figma-home-faq__item.is-open {
min-height: 151px !important;
}
body.is-home-page .figma-home-faq__question {
min-height: 40px !important;
padding: 0 10px !important;
color: #141414 !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 19px !important;
}
body.is-home-page .figma-home-faq__answer {
margin-top: 0 !important;
padding: 0 10px 10px !important;
}
body.is-home-page .figma-home-faq__answer p {
font-size: 13px !important;
line-height: 16px !important;
}
body.is-home-page .public-footer__panel {
width: 100% !important;
height: 736px !important;
min-height: 736px !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.is-home-page .public-footer__content {
min-height: 736px !important;
padding: 32px 8px 6px !important;
}
body.is-home-page .public-footer__logo {
width: 190px !important;
max-width: 190px !important;
height: 24px !important;
object-fit: contain !important;
}
body.is-home-page .public-footer__brand-text {
max-width: 375px !important;
margin-top: 24px !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 17px !important;
}
body.is-home-page .public-footer__heading {
font-size: 16px !important;
font-weight: 600 !important;
line-height: 21px !important;
}
body.is-home-page .public-footer__menu-links a {
font-size: 13px !important;
font-weight: 400 !important;
line-height: 21px !important;
}
body.is-home-page .public-footer__contact-label,body.is-home-page .public-footer__contact-value,body.is-home-page .public-footer__contact-value a {
font-size: 12px !important;
font-weight: 400 !important;
line-height: 16px !important;
}
body.is-home-page .public-footer__bottom-link,body.is-home-page .public-footer__copyright {
font-size: 10px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
}
}