html body .public-header .burger,html body .public-header .burger.home-figma-header__burger,html body.is-home-page .public-header.is-home-shell .burger,html body.is-home-page .public-header.is-home-shell .burger.home-figma-header__burger,html body.is-home-page .public-header.is-home-shell.index_header .burger.home-figma-header__burger,html body.is-home-page.is-public-inner .public-header.is-home-shell .burger,html body.is-public-inner .public-header .burger {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 40px !important;
background: #40a6ff !important;
box-shadow: 0 2px 7px rgba(0,0,0,.18) !important;
opacity: 1 !important;
visibility: visible !important;
cursor: pointer !important;
pointer-events: auto !important;
}
html body .public-header .burger img,html body .public-header .burger.home-figma-header__burger img,html body.is-home-page .public-header.is-home-shell .burger img,html body.is-home-page .public-header.is-home-shell .burger.home-figma-header__burger img,html body.is-home-page .public-header.is-home-shell.index_header .burger.home-figma-header__burger img,html body.is-home-page.is-public-inner .public-header.is-home-shell .burger img,html body.is-public-inner .public-header .burger img {
display: block !important;
width: 18px !important;
min-width: 18px !important;
max-width: 18px !important;
height: 8.2px !important;
min-height: 8.2px !important;
max-height: 8.2px !important;
object-fit: fill !important;
object-position: center !important;
}
@media (min-width:768px) {
html body.is-home-page.is-public-home .public-header,html body.is-home-page.is-public-home .public-header.index_header,html body.is-home-page.is-public-home .public-header.is-home-shell,html body.is-home-page.is-public-home .public-header.is-home-shell.index_header,html body.is-home-page.is-public-inner .public-header,html body.is-home-page.is-public-inner .public-header.index_header,html body.is-home-page.is-public-inner .public-header.is-home-shell,html body.is-home-page.is-public-inner .public-header.is-home-shell.index_header,html body.is-public-inner .public-header,html body.is-public-inner .public-header.index_header,html body.is-public-inner .public-header.is-home-shell,html body.is-public-inner .public-header.is-home-shell.index_header,html body.is-public-inner .public-header.is-inner-shell {
top: 9px !important;
z-index: 9800 !important;
}
}
@media (max-width:767px) {
html body.is-public-inner:has(.ticket-page-next) .regular-routes-page__search-shell {
display: block !important;
}
html body.is-public-inner:has(.ticket-page-next) .regular-routes-page__search {
width: min(376px,98vw) !important;
max-width: 98vw !important;
margin: 20px auto 18px !important;
}
html body.is-public-inner:has(.ticket-page-next) .regular-routes-page__search .figma-home-search,html body.is-public-inner:has(.ticket-page-next) .regular-routes-page__search .figma-home-search--ticket-page {
top: 0 !important;
margin-top: 0 !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search {
width: 98% !important;
max-width: 98% !important;
margin-right: auto !important;
margin-left: auto !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next>section>.container {
box-sizing: border-box !important;
width: 98% !important;
max-width: 98% !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search,html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search--ticket-page {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__bar {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
width: 100% !important;
min-height: 272px !important;
height: auto !important;
padding: 0 !important;
border: 1px solid #40a6ff !important;
border-radius: 5px !important;
background: #fff !important;
box-shadow: 0 10px 18px rgba(12,60,110,.16) !important;
overflow: hidden !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__field {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 55px !important;
height: 55px !important;
padding: 0 19px !important;
gap: 7px !important;
border: 0 !important;
border-bottom: 1px solid #ececec !important;
border-radius: 0 !important;
background: #fff !important;
box-shadow: none !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__field[data-home-search-toggle=date] {
min-height: 33px !important;
height: 33px !important;
padding-top: 8px !important;
padding-bottom: 0 !important;
border-bottom: 0 !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__field[data-home-search-toggle=passengers] {
border-top: 1px solid #ececec !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__field::after,html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__swap {
display: none !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__icon,html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__icon img {
width: 14px !important;
min-width: 14px !important;
height: 14px !important;
object-fit: contain !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__value {
color: #5f5f5f !important;
font-family: "Exo 2",sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 17px !important;
letter-spacing: -.42px !important;
text-align: left !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__value--desktop,html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .ticket-hero-search__quick-links--desktop {
display: none !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__value--mobile {
display: inline !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .ticket-hero-search__quick-links--mobile {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 10px !important;
min-height: 22px !important;
margin: 0 !important;
padding: 0 19px 8px 40px !important;
line-height: 1 !important;
transform: none !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .ticket-hero-search__quick-links--mobile a {
color: #40a6ff !important;
font-family: "Exo 2",sans-serif !important;
font-size: 10px !important;
font-weight: 500 !important;
line-height: 12px !important;
letter-spacing: 0 !important;
}
html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__search .figma-home-search__submit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% + 2px) !important;
max-width: none !important;
min-height: 52px !important;
height: 52px !important;
margin: 0-1px -1px !important;
padding: 0 !important;
border-radius: 0 0 5px 5px !important;
background: #40a6ff !important;
color: #fff !important;
font-family: "Exo 2",sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 17px !important;
text-align: center !important;
}
}
@media (min-width:768px) {
html body .public-header .regular_tours_wrapper {
position: relative !important;
overflow: visible !important;
}
html body .public-header .regular_tours_wrapper::after {
content: "" !important;
position: absolute !important;
right: -14px !important;
bottom: -18px !important;
left: -14px !important;
display: block !important;
height: 18px !important;
pointer-events: auto !important;
}
html body .public-header .regular_tours_wrapper:focus-within>.regular_tours,html body .public-header .regular_tours_wrapper:hover>.regular_tours {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
html body .public-header .regular_tours_wrapper>.regular_tours {
z-index: 9900 !important;
}
html body.is-public-inner:has(.fleet-rental-page):has(.public-header) .fleet-rental-page,html body.is-public-inner:has(.regular-routes-page):has(.public-header) .regular-routes-page,html body.is-public-inner:has(.static-page-next):has(.public-header) .static-page-next {
padding-top: 0 !important;
}
html body.is-public-inner:has(.fleet-rental-page):has(.public-header) .fleet-rental-page__breadcrumb-shell,html body.is-public-inner:has(.regular-routes-page):has(.public-header) .regular-routes-page__breadcrumb-shell,html body.is-public-inner:has(.static-page-next):has(.public-header) .static-page-next__breadcrumb {
box-sizing: border-box !important;
width: 100% !important;
max-width: 1400px !important;
height: 60px !important;
min-height: 60px !important;
margin-top: 7px !important;
margin-right: auto !important;
margin-bottom: 0 !important;
margin-left: auto !important;
padding-top: 0 !important;
}
html body.is-public-inner:has(.fleet-rental-page):has(.public-header) .fleet-rental-page__breadcrumb,html body.is-public-inner:has(.regular-routes-page):has(.public-header) .regular-routes-page__breadcrumb {
min-height: 60px !important;
}
}
@media (max-width:767px) {
html body.is-public-inner:has(.fleet-rental-page):has(.public-header) .fleet-rental-page,html body.is-public-inner:has(.regular-routes-page):has(.public-header) .regular-routes-page,html body.is-public-inner:has(.static-page-next):has(.public-header) .static-page-next {
padding-top: 0 !important;
}
html body.is-public-inner:has(.static-page-next):has(.public-header) .static-page-next__breadcrumb {
box-sizing: border-box !important;
display: flex !important;
align-items: flex-end !important;
width: 98% !important;
max-width: none !important;
height: auto !important;
min-height: calc(92px + env(safe-area-inset-top,0)) !important;
margin: 0 auto 0 !important;
padding-top: calc(46px + env(safe-area-inset-top,0)) !important;
border-radius: 0 0 5px 5px !important;
}
html body.is-public-inner:has(.fleet-rental-page):has(.public-header) .fleet-rental-page__breadcrumb-shell,html body.is-public-inner:has(.regular-routes-page):has(.public-header) .regular-routes-page__breadcrumb-shell {
box-sizing: border-box !important;
display: flex !important;
align-items: flex-end !important;
width: 98% !important;
max-width: none !important;
height: auto !important;
min-height: calc(92px + env(safe-area-inset-top,0)) !important;
margin: 0 auto 0 !important;
padding-top: calc(46px + env(safe-area-inset-top,0)) !important;
border-radius: 0 0 5px 5px !important;
background: linear-gradient(90deg,#40a6ff 0,#b9a0f5 100%) !important;
}
html body.is-public-inner:has(.fleet-rental-page):has(.public-header) .fleet-rental-page__breadcrumb,html body.is-public-inner:has(.regular-routes-page):has(.public-header) .regular-routes-page__breadcrumb {
min-height: 0 !important;
background: none !important;
border-radius: 0 !important;
padding-top: 0 !important;
}
html body.is-public-inner:has(.fleet-rental-page):has(.public-header) .fleet-rental-page__breadcrumb,html body.is-public-inner:has(.regular-routes-page):has(.public-header) .regular-routes-page__breadcrumb,html body.is-public-inner:has(.static-page-next):has(.public-header) .static-page-next__breadcrumb {
padding-right: 16px !important;
padding-left: 16px !important;
padding-bottom: 12px !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
}
@media (min-width:768px) {
html body.is-home-page .public-header,html body.is-home-page .public-header.index_header,html body.is-home-page .public-header.is-home-shell,html body.is-home-page .public-header.is-home-shell.index_header {
margin: 9px auto 0 !important;
}
html body.is-home-page .public-header,html body.is-home-page .public-header.index_header,html body.is-home-page .public-header.is-home-shell,html body.is-home-page .public-header.is-home-shell.index_header,html body.is-home-page.is-public-home:has(.figma-home-hero-shell) .public-header,html body.is-home-page.is-public-home:has(.figma-home-hero-shell) .public-header.index_header,html body.is-home-page.is-public-home:has(.figma-home-hero-shell) .public-header.is-home-shell,html body.is-home-page.is-public-home:has(.figma-home-hero-shell) .public-header.is-home-shell.index_header,html body.is-public-inner .public-header,html body.is-public-inner .public-header.index_header,html body.is-public-inner .public-header.is-home-shell,html body.is-public-inner .public-header.is-home-shell.index_header,html body.is-public-inner .public-header.is-inner-shell {
position: sticky !important;
top: 9px !important;
z-index: 9800 !important;
right: auto !important;
left: auto !important;
width: 100% !important;
max-width: 1400px !important;
padding: 0 !important;
background: 0 0 !important;
transform: none !important;
pointer-events: auto !important;
}
html body.is-public-inner .public-header,html body.is-public-inner .public-header.index_header,html body.is-public-inner .public-header.is-home-shell,html body.is-public-inner .public-header.is-home-shell.index_header,html body.is-public-inner .public-header.is-inner-shell {
margin: 9px auto 0 !important;
}
html body.is-home-page.is-public-home:has(.figma-home-hero-shell) .public-header,html body.is-home-page.is-public-home:has(.figma-home-hero-shell) .public-header.index_header,html body.is-home-page.is-public-home:has(.figma-home-hero-shell) .public-header.is-home-shell,html body.is-home-page.is-public-home:has(.figma-home-hero-shell) .public-header.is-home-shell.index_header {
margin: 9px auto 0 !important;
margin-right: auto !important;
margin-bottom: 0 !important;
margin-left: auto !important;
}
html body.is-home-page .public-header .container,html body.is-home-page .public-header.is-home-shell .container,html body.is-public-inner .public-header .container,html body.is-public-inner .public-header.is-home-shell .container,html body.is-public-inner .public-header.is-inner-shell .container {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 !important;
}
html body.is-home-page .public-header .header_content,html body.is-home-page .public-header .header_content.home-figma-header__panel,html body.is-home-page .public-header .header_content.ticket-shell-header__panel,html body.is-public-inner .public-header .header_content,html body.is-public-inner .public-header .header_content.ticket-shell-header__panel,html body.is-public-inner .public-header.is-home-shell .header_content.ticket-shell-header__panel,html body.is-public-inner .public-header.is-inner-shell .header_content {
position: relative !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 65px !important;
min-height: 65px !important;
margin: 0 !important;
padding: 0 6px 0 19px !important;
border: .5px solid #6f6a6d !important;
border-radius: 10px !important;
background: rgba(50,48,50,.55) !important;
box-shadow: none !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
pointer-events: auto !important;
}
html body .public-header .home-figma-header__menu,html body .public-header .menu,html body .public-header .ticket-shell-header__menu,html body.is-home-page.is-public-inner .public-header.is-home-shell .home-figma-header__menu,html body.is-home-page.is-public-inner .public-header.is-home-shell .menu,html body.is-home-page.is-public-inner .public-header.is-home-shell .ticket-shell-header__menu,html body.is-public-inner .public-header .menu,html body.is-public-inner .public-header .ticket-shell-header__menu {
display: grid !important;
grid-template-columns: minmax(0,1fr) auto 28px !important;
align-items: center !important;
justify-content: stretch !important;
column-gap: 16px !important;
width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
}
html body .public-header .burger,html body .public-header .burger.home-figma-header__burger,html body.is-home-page .public-header.is-home-shell .burger,html body.is-home-page .public-header.is-home-shell .burger.home-figma-header__burger,html body.is-home-page .public-header.is-home-shell.index_header .burger.home-figma-header__burger,html body.is-home-page.is-public-inner .public-header.is-home-shell .burger,html body.is-public-inner .public-header .burger {
position: static !important;
grid-column: auto !important;
flex: 0 0 28px !important;
margin: 0 !important;
transform: none !important;
}
}
@media (max-width:767px) {
html body .public-header,html body .public-header.index_header,html body .public-header.is-home-shell,html body .public-header.is-home-shell.index_header,html body .public-header.is-inner-shell,html body.is-home-page.is-public-inner .public-header,html body.is-home-page.is-public-inner .public-header.is-home-shell,html body.is-public-inner .public-header {
position: fixed !important;
top: calc(5px + env(safe-area-inset-top,0)) !important;
right: 0 !important;
left: 0 !important;
z-index: 9800 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: 0 0 !important;
transform: none !important;
pointer-events: none !important;
}
html body .public-header .container,html body .public-header.is-home-shell .container,html body .public-header.is-inner-shell .container,html body.is-home-page .public-header.is-home-shell .container,html body.is-home-page .public-header.is-home-shell.index_header .container,html body.is-home-page.is-public-inner .public-header .container,html body.is-public-inner .public-header .container,html body.is-public-inner:has(.fleet-rental-page) .public-header .container,html body.is-public-inner:has(.static-page-next) .public-header .container,html body.is-public-inner:has(.ticket-page-next) .public-header .container {
box-sizing: border-box !important;
width: calc(100% - 10px) !important;
max-width: calc(100% - 10px) !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 !important;
}
html body .public-header .header_content,html body .public-header .header_content.home-figma-header__panel,html body .public-header .header_content.ticket-shell-header__panel,html body .public-header.is-home-shell .header_content,html body .public-header.is-home-shell .header_content.home-figma-header__panel,html body .public-header.is-home-shell .header_content.ticket-shell-header__panel,html body .public-header.is-inner-shell .header_content,html body.is-home-page.is-public-inner .public-header .header_content,html body.is-home-page.is-public-inner .public-header.is-home-shell .header_content,html body.is-public-inner:has(.fleet-rental-page) .public-header .header_content,html body.is-public-inner:has(.fleet-rental-page) .public-header .header_content.ticket-shell-header__panel,html body.is-public-inner:has(.static-page-next) .public-header .header_content,html body.is-public-inner:has(.static-page-next) .public-header .header_content.ticket-shell-header__panel,html body.is-public-inner:has(.ticket-page-next) .public-header .header_content,html body.is-public-inner:has(.ticket-page-next) .public-header .header_content.ticket-shell-header__panel {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 auto !important;
padding: 0 6px 0 8px !important;
border: .5px solid #6f6a6d !important;
border-radius: 5px !important;
background: rgba(50,48,50,.55) !important;
box-shadow: none !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
pointer-events: auto !important;
}
html body .public-header .logo,html body .public-header .logo a,html body .public-header.is-home-shell .logo,html body .public-header.is-home-shell .logo a,html body .public-header.is-inner-shell .logo,html body .public-header.is-inner-shell .logo a,html body.is-home-page.is-public-inner .public-header.is-home-shell .logo,html body.is-home-page.is-public-inner .public-header.is-home-shell .logo a {
display: flex !important;
align-items: center !important;
flex: 0 0 83px !important;
width: 83px !important;
min-width: 83px !important;
max-width: 83px !important;
height: 12px !important;
min-height: 12px !important;
max-height: 12px !important;
margin: 0 !important;
}
html body .public-header .logo .fit_img,html body .public-header .logo img,html body .public-header .ticket-shell-header__logo-image,html body .public-header.is-home-shell .logo .fit_img,html body .public-header.is-home-shell .logo img,html body .public-header.is-home-shell .ticket-shell-header__logo-image,html body .public-header.is-inner-shell .logo .fit_img,html body .public-header.is-inner-shell .logo img,html body.is-home-page.is-public-inner .public-header.is-home-shell .logo .fit_img,html body.is-home-page.is-public-inner .public-header.is-home-shell .logo img {
display: block !important;
width: 83px !important;
min-width: 83px !important;
max-width: 83px !important;
height: 11.6px !important;
min-height: 11.6px !important;
max-height: 11.6px !important;
object-fit: contain !important;
object-position: left center !important;
}
html body .public-header .home-figma-header__menu,html body .public-header .menu,html body .public-header .ticket-shell-header__menu,html body .public-header.is-home-shell .home-figma-header__menu,html body .public-header.is-home-shell .menu,html body .public-header.is-home-shell .ticket-shell-header__menu,html body .public-header.is-inner-shell .menu,html body.is-home-page.is-public-inner .public-header.is-home-shell .menu {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 0 0 auto !important;
pointer-events: auto !important;
}
html body .public-header .home-figma-header__actions,html body .public-header .home-figma-header__nav,html body .public-header .home-figma-header__nav-wrap,html body .public-header .langs_block,html body .public-header .menu_links,html body .public-header .ticket-shell-header__actions,html body .public-header .ticket-shell-header__nav {
display: none !important;
}
html body .public-header .burger,html body .public-header .burger.home-figma-header__burger,html body.is-home-page .public-header.is-home-shell .burger,html body.is-home-page .public-header.is-home-shell .burger.home-figma-header__burger,html body.is-home-page .public-header.is-home-shell.index_header .burger.home-figma-header__burger,html body.is-home-page.is-public-inner .public-header.is-home-shell .burger,html body.is-public-inner .public-header .burger {
position: static !important;
flex: 0 0 28px !important;
margin: 0 8px 0 auto !important;
transform: none !important;
}
html body.is-home-page.is-public-home .public-header.index_header.is-home-shell,html body.is-home-page.is-public-inner .public-header.index_header.is-home-shell,html body.is-public-inner .public-header.index_header.is-home-shell,html body.is-public-inner .public-header.index_header.is-inner-shell {
position: fixed !important;
top: calc(5px + env(safe-area-inset-top,0)) !important;
right: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: 0 0 !important;
transform: none !important;
}
html body.is-home-page.is-public-home .public-header.index_header.is-home-shell>.container,html body.is-home-page.is-public-inner .public-header.index_header.is-home-shell>.container,html body.is-public-inner .public-header.index_header.is-home-shell>.container,html body.is-public-inner .public-header.index_header.is-inner-shell>.container {
width: calc(100% - 10px) !important;
max-width: calc(100% - 10px) !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 !important;
overflow: visible !important;
}
html body.is-home-page.is-public-home .public-header.index_header.is-home-shell .header_content,html body.is-home-page.is-public-inner .public-header.index_header.is-home-shell .header_content,html body.is-public-inner .public-header.index_header.is-home-shell .header_content,html body.is-public-inner .public-header.index_header.is-inner-shell .header_content {
width: 100% !important;
max-width: 100% !important;
height: 50px !important;
min-height: 50px !important;
overflow: visible !important;
}
html body.is-public-inner:has(.static-page-next) .static-page-next {
padding-top: 48px !important;
}
html body.is-public-inner:has(.static-page-next) .static-page-next__breadcrumb {
height: 46px !important;
min-height: 46px !important;
margin-top: 0 !important;
}
html body.is-home-page.is-public-home .figma-home-app,html body.is-home-page.is-public-home .figma-home-faq,html body.is-home-page.is-public-home .figma-home-features,html body.is-home-page.is-public-home .figma-home-hero-shell>.container,html body.is-home-page.is-public-home .figma-home-routes,html body.is-home-page.is-public-home .figma-home-stats,html body.is-home-page.is-public-home .figma-home-welcome,html body.is-home-page.is-public-home .public-footer.is-home-shell>.container,html body.is-public-inner:has(.fleet-rental-page) .fleet-rental-page__breadcrumb-shell,html body.is-public-inner:has(.fleet-rental-page) .fleet-rental-page__head,html body.is-public-inner:has(.fleet-rental-page) .fleet-rental-page__list,html body.is-public-inner:has(.static-page-next) .about-next__advantages,html body.is-public-inner:has(.static-page-next) .about-next__documents,html body.is-public-inner:has(.static-page-next) .about-next__hero,html body.is-public-inner:has(.static-page-next) .about-next__story,html body.is-public-inner:has(.static-page-next) .about-next__title,html body.is-public-inner:has(.static-page-next) .contacts-next__panel,html body.is-public-inner:has(.static-page-next) .public-footer.is-home-shell>.container,html body.is-public-inner:has(.static-page-next) .static-page-next__breadcrumb,html body.is-public-inner:has(.ticket-page-next) .public-footer.is-home-shell>.container,html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__hero-shell>.container,html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__popular,html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__results {
box-sizing: border-box !important;
width: 98% !important;
max-width: 98% !important;
margin-right: auto !important;
margin-left: auto !important;
}
html body.is-home-page.is-public-home .figma-home-app>.container,html body.is-home-page.is-public-home .figma-home-app__inner,html body.is-home-page.is-public-home .figma-home-faq>.container,html body.is-home-page.is-public-home .figma-home-faq__inner,html body.is-home-page.is-public-home .figma-home-features>.container,html body.is-home-page.is-public-home .figma-home-features__banner,html body.is-home-page.is-public-home .figma-home-hero,html body.is-home-page.is-public-home .figma-home-routes>.container,html body.is-home-page.is-public-home .figma-home-stats>.container,html body.is-home-page.is-public-home .figma-home-stats__content,html body.is-home-page.is-public-home .figma-home-stats__inner,html body.is-home-page.is-public-home .figma-home-welcome>.container,html body.is-home-page.is-public-home .public-footer.is-home-shell .public-footer__panel,html body.is-public-inner:has(.static-page-next) .public-footer.is-home-shell .public-footer__panel,html body.is-public-inner:has(.ticket-page-next) .public-footer.is-home-shell .public-footer__panel,html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__hero,html body.is-public-inner:has(.ticket-page-next) .ticket-page-next__hero>* {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
}
}
@media (min-width:768px) {
html body.is-home-page.is-public-home .public-header,html body.is-home-page.is-public-home .public-header.index_header,html body.is-home-page.is-public-home .public-header.is-home-shell,html body.is-home-page.is-public-home .public-header.is-home-shell.index_header,html body.is-home-page.is-public-inner .public-header,html body.is-home-page.is-public-inner .public-header.index_header,html body.is-home-page.is-public-inner .public-header.is-home-shell,html body.is-home-page.is-public-inner .public-header.is-home-shell.index_header,html body.is-public-inner .public-header,html body.is-public-inner .public-header.index_header,html body.is-public-inner .public-header.is-home-shell,html body.is-public-inner .public-header.is-home-shell.index_header,html body.is-public-inner .public-header.is-inner-shell {
top: 9px !important;
z-index: 9800 !important;
}
}
@media (max-width:767px) {
html body .public-header,html body.is-public-inner .public-header,html body.is-public-inner .public-header.index_header.is-home-shell,html body.is-public-inner .public-header.index_header.is-inner-shell,html body.is-home-page.is-public-inner .public-header,html body.is-public-inner:has(.static-page-next) .public-header,html body.is-public-inner:has(.ticket-page-next) .public-header,html body.is-public-inner:has(.fleet-rental-page) .public-header {
top: calc(5px + env(safe-area-inset-top,0)) !important;
}
html body .public-header .container,html body.is-public-inner .public-header .container,html body.is-public-inner .public-header.is-home-shell .container,html body.is-public-inner .public-header.is-inner-shell .container,html body.is-home-page.is-public-inner .public-header .container,html body.is-public-inner:has(.static-page-next) .public-header .container,html body.is-public-inner:has(.ticket-page-next) .public-header .container,html body.is-public-inner:has(.fleet-rental-page) .public-header .container {
box-sizing: border-box !important;
width: calc(100% - 10px) !important;
max-width: calc(100% - 10px) !important;
margin-right: auto !important;
margin-left: auto !important;
}
html body .public-header .header_content,html body .public-header .header_content.ticket-shell-header__panel,html body.is-public-inner .public-header .header_content,html body.is-public-inner .public-header .header_content.ticket-shell-header__panel,html body.is-public-inner .public-header.is-home-shell .header_content.ticket-shell-header__panel,html body.is-public-inner .public-header.is-inner-shell .header_content,html body.is-home-page.is-public-inner .public-header .header_content.ticket-shell-header__panel,html body.is-home-page.is-public-inner .public-header.index_header.is-home-shell .header_content.ticket-shell-header__panel,html body.is-public-inner:has(.static-page-next) .public-header .header_content.ticket-shell-header__panel,html body.is-public-inner:has(.ticket-page-next) .public-header .header_content.ticket-shell-header__panel,html body.is-public-inner:has(.fleet-rental-page) .public-header .header_content.ticket-shell-header__panel {
height: 50px !important;
min-height: 50px !important;
}
}
@media (min-width:768px) {
html body .public-header .support_wrapper .support_phones,html body .public-header.is-home-shell .home-figma-header__support .support_phones {
box-sizing: border-box !important;
left: auto !important;
right: 0 !important;
top: calc(100% + 6px) !important;
width: max-content !important;
min-width: 0 !important;
max-width: 280px !important;
padding: 8px 16px !important;
white-space: nowrap !important;
}
html body .public-header .support_wrapper .support_phones::before,html body .public-header .home-figma-header__support .support_phones::before {
content: "" !important;
position: absolute !important;
top: -8px !important;
left: 0 !important;
right: 0 !important;
height: 8px !important;
background: transparent !important;
}
html body .public-header .support_phones .support_phone,html body .public-header .support_phones a {
padding: 4px 0 !important;
white-space: nowrap !important;
}
}
/* ===== Fleet rental popup — branded restyle (mobile + desktop) ===== */
html body:has(.fleet-rental-page) .callback_popup_overlay {
z-index: 2147483639 !important;
}
html body:has(.fleet-rental-page) .callback_popUp {
z-index: 2147483640 !important;
width: min(420px,calc(100vw - 28px)) !important;
max-width: 420px !important;
padding: 0 !important;
border-radius: 18px !important;
overflow: hidden !important;
box-shadow: 0 30px 80px rgba(12,32,60,.32) !important;
background: #fff !important;
}
html body:has(.fleet-rental-page) .callback_form {
display: block !important;
width: 100% !important;
padding: 0 !important;
box-sizing: border-box !important;
}
html body:has(.fleet-rental-page) .callback_form-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin: 0 !important;
padding: 14px 14px !important;
background: linear-gradient(90deg,#40a6ff 0,#b9a0f5 100%) !important;
border-radius: 0 !important;
}
html body:has(.fleet-rental-page) .callback_form-head {
/* The popup shell (.callback_popUp) is rounded 18px but keeps overflow visible, so the
coloured head painted square corners over it. Rounding the head to match is the fix
that does NOT re-clip the submit button the way overflow:hidden on the shell would. */
border-top-left-radius: 18px !important;
border-top-right-radius: 18px !important;
}
html body:has(.fleet-rental-page) .callback_form-title {
color: #fff !important;
font-family: "Exo 2",sans-serif !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
html body:has(.fleet-rental-page) .callback_form-close {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: rgba(255,255,255,.22) !important;
color: #fff !important;
font-size: 22px !important;
font-weight: 500 !important;
line-height: 1 !important;
cursor: pointer !important;
transition: background .15s !important;
}
html body:has(.fleet-rental-page) .callback_form-close:hover {
background: rgba(255,255,255,.38) !important;
}
html body:has(.fleet-rental-page) .callback_form-race {
display: grid !important;
grid-template-columns: minmax(0,1fr) !important;
justify-items: stretch !important;
gap: 12px !important;
width: 100% !important;
margin: 0 !important;
padding: 14px 10px 14px !important;
box-sizing: border-box !important;
}
html body:has(.fleet-rental-page) .callback_form-race .filter_block_wrapper {
display: grid !important;
gap: 12px !important;
grid-template-columns: 1fr !important;
width: 100% !important;
margin: 0 !important;
}
html body:has(.fleet-rental-page) .callback_message,
html body:has(.fleet-rental-page) .callback_phone .phone_input_wrapper,
html body:has(.fleet-rental-page) .callback_popUp .filter_city_select_wrapper {
width: 100% !important;
margin: 0 !important;
border: 1px solid #e3eaf3 !important;
border-radius: 12px !important;
background: #f7f9fc !important;
box-shadow: none !important;
box-sizing: border-box !important;
transition: border-color .15s,background .15s !important;
}
html body:has(.fleet-rental-page) .callback_popUp .filter_city_select_wrapper {
padding: 9px 16px !important;
}
html body:has(.fleet-rental-page) .callback_popUp .filter_city_select_wrapper:focus-within,
html body:has(.fleet-rental-page) .callback_phone .phone_input_wrapper:focus-within,
html body:has(.fleet-rental-page) .callback_message:focus-within {
border-color: #40a6ff !important;
background: #fff !important;
}
html body:has(.fleet-rental-page) .callback_popUp .filter_block_title {
color: #8a97a8 !important;
font-family: "Exo 2",sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
margin-bottom: 2px !important;
}
html body:has(.fleet-rental-page) .callback_popUp .filter_city_select {
width: 100% !important;
padding: 0 22px 0 0 !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
color: #1d2c3f !important;
font-family: "Exo 2",sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
}
html body:has(.fleet-rental-page) .callback_phone .phone_input_wrapper {
display: grid !important;
grid-template-columns: auto 1fr !important;
align-items: center !important;
gap: 0 !important;
padding: 0 !important;
}
html body:has(.fleet-rental-page) .callback_popUp .cb_phone_country_code {
height: 52px !important;
min-height: 52px !important;
border: 0 !important;
border-right: 1px solid #e3eaf3 !important;
padding: 0 14px !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
color: #1d2c3f !important;
font-family: "Exo 2",sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
}
html body:has(.fleet-rental-page) .callback_popUp .cb_phone_input {
height: 52px !important;
min-height: 52px !important;
border: 0 !important;
padding: 0 16px !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
color: #1d2c3f !important;
font-family: "Exo 2",sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
}
html body:has(.fleet-rental-page) .callback_message {
padding: 0 !important;
overflow: hidden !important;
}
html body:has(.fleet-rental-page) .callback_message textarea {
display: block !important;
width: 100% !important;
min-height: 92px !important;
border: 0 !important;
padding: 12px 16px !important;
resize: none !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
color: #1d2c3f !important;
font-family: "Exo 2",sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
}
html body:has(.fleet-rental-page) .callback_popUp .send_contact_btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: stretch !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-height: 54px !important;
margin: 4px 0 0 !important;
border: 0 !important;
border-radius: 12px !important;
background: linear-gradient(90deg,#40a6ff 0,#5b9dff 100%) !important;
color: #fff !important;
font-family: "Exo 2",sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: .3px !important;
cursor: pointer !important;
box-shadow: 0 10px 22px rgba(64,166,255,.32) !important;
transition: transform .12s,box-shadow .15s !important;
}
html body:has(.fleet-rental-page) .callback_popUp .send_contact_btn:hover {
transform: translateY(-1px) !important;
box-shadow: 0 14px 26px rgba(64,166,255,.4) !important;
}
@media (min-width:768px) {
html body:has(.fleet-rental-page) .callback_popUp {
left: 50% !important;
right: auto !important;
top: 50% !important;
bottom: auto !important;
transform: translate(-50%,-50%) !important;
max-height: 92vh !important;
overflow: auto !important;
}
}
/* Mobile: login + cabinet content width 98% */
@media (max-width:767px) {
.customer-login__shell {
width: 98% !important;
max-width: 98% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.cabinet-next {
width: 98% !important;
max-width: 98% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.cabinet-next__hero {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.cabinet-next__layout {
padding-left: 0 !important;
padding-right: 0 !important;
}
.cabinet-next-mobile-tabs {
margin-left: 0 !important;
margin-right: 0 !important;
}
.cabinet-next__flash {
margin-left: 0 !important;
margin-right: 0 !important;
}
}