h3,
.h3 {
    font-size: 22px;
}

.hero{
	overflow: initial;
}

.hero-search-form {
  padding-top: 0;
  margin-top: 80px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.hero-search-form .form_row__container{
	width:100%;
}

.form__row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  filter: drop-shadow(0 0 8px #00000022);
  gap: 5px;
  width: 100%;
  min-width: 0;
}

.hero-search-form-inputs{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: center;
  min-width: 0;
  width: 100%;
}

.form__row .hero-search-form-inputs > * {
  width: 200px;
  position: relative;
  display: flex;
  align-items: center;
}

.form__row .form__input:not(:is(.four_for_input)):before {
  content: '';
  position: absolute;
  z-index: 1;
  right: 0;
  height: 100%;
  border-right: 1px solid #ddd;
}

.form__row .input {
  width: 100%;
  height: 100%;
  border: none;
  padding: 1rem;
  padding-top: 2rem;
  font-size: 18px;
}

.form__row .form__input{
  height: 5rem;
  border: none;
}

.form__row .form__input>.fa{
  position: absolute;
  font-size: 20px;
  right: 1.5rem;
  color: #1372d3;
  pointer-events: none;
  margin-top: 1rem;
}

.form__row .form__input:not(.first_for_input)>.fa, .form__row .form__input:not(.first_for_input) .select2-container .select2-selection--single .select2-selection__clear{
  right: 1rem;
}

.form__row .form-group{
  margin:0;
  height: 100%;
  width: 100%;
}

.form__row .control-label{
	position: absolute;
	display: block;
	pointer-events: none;
	padding: 6px 1rem;
	width: 100%;
	font-size: 13px;
	font-weight: 400;
	top: 0;
	opacity: .5;
	z-index: 1;
}

.form__row .form__input_date__links{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	padding: 4px 1rem;
	width: 100%;
	font-size: 12px;
	bottom: 0;
	opacity: .75;
}

.form__row .form__input_date__links a{border-bottom: 1px dashed;line-height: 1;}

.form__row .form__input:is(.first_for_input, .second_for_input){
  width: 300px;
}

.form__row .form__input.first_for_input{
  margin-right: -20px;
}

.form__row .form__input.first_for_input .select2-container.select2-container--open .select2-selection--single{
  border-radius: 16px 0 0 0;
}

.form__row .form__input.first_for_input .select2-container .select2-selection--single{
  border-radius: 16px 0 0 16px;
}

.form__row .form__input.first_for_input .select2-container .select2-selection__input{
	border: none;
	background: #fff;
	width: 100%;
	font-size: 18px;
	padding: 0;
}

.form__row .form__input.first_for_input .select2-container:not(.select2-container--open) .select2-selection__input{
	display:none;
}

.form__row .form__input.first_for_input .select2-container.select2-container--open .select2-selection__rendered{
	/*display:none;*/
}

.form__row .form__input.four_for_input input{
  border-radius: 0 16px 16px 0;
  overflow: hidden;
}

.form__row .form__input.second_for_input{
  margin-left: -20px;
}

.form__row .four_for_input{
	width: 160px
}

.form-tabs .button{
  height: 5rem;
}
.form-tabs .button span{
  display: none;
}
.form__input .select2-container{
  display: flex;
  height: 100%;
  width: 100%;
}

.form__input .select2-container .selection{
  height: 100%;
  width: 100%;
}

.form__input .select2-container .select2-selection--single{
  height: 100%;
}

.form__input .select2-container .select2-selection--single{
  position: relative;
  display: flex;
  align-items: center;
  border: none;
  border-radius: 0;
  font-size: 1.25rem;
  padding-top: 1.5rem;
}

.form__input.first_for_input .select2-selection--single{
  padding-right: 45px;
  padding-left: 15px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form__input.second_for_input .select2-selection--single{
  padding-right: 15px;
  padding-left: 30px;
  box-shadow: none!important;
  box-shadow: none!important;
}

.form__input .select2-container .select2-selection--single .select2-selection__rendered{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  font-size: 18px;
}

.form__input .select2-selection__arrow{
  display: none;
}

.select2-container .select2-selection--single .select2-selection__clear{
	right: 1.5rem;
	top: initial;
	cursor: pointer;
	z-index: 1;
	background: #fff;
	color: #999;
	font-weight: 100;
	opacity: 1;
	display: block;
	box-sizing: border-box;
	margin-top: -.25rem;
	padding: .25rem;
	text-align: center;
}

.select2-dropdown{
  border-color: #ededff;
}

.select2-container .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--krajee .select2-results__option--highlighted[aria-selected]{
  background:#ededff;
  color: #2b2b2b;
}

.select2-container--krajee .select2-dropdown {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  overflow-x: hidden;
  margin-top: -1px;
}

.select2-dropdown .select2-results ul>li:not(:last-child){
  border-bottom:1px solid #ededff
}

.select2-container .select2-selection--single .select2-selection__rendered{
  color: #2b2b2b;
}

.form__row .hero-search-form-inputs .form__button-reverse{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ededff;
  background-color: #fff;
  font-size: 1.44rem;
  color: #157fea;
  justify-content: center;
  align-items: center;
  z-index: 2;
  margin-top: .75rem;
}

.form__input .help-block:not(:empty){
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 4px;
  font-size: 75%;
  font-weight: bold;
  text-align: right;
  opacity: .95;
  line-height: 1;
}
body.index .form__input .help-block:not(:empty){
  color: #fff;
}
.hero-search-form-button {
    padding-left: 0;
}
.hero-search-form-button .btn{
  height: 5rem;
  font-size: 20px;
}

.main-header-logo .logo-text-top span{
  display: block;
  font-size: 75%;
  font-weight: initial;
  text-align: right;
  text-transform: initial;
}
body:not(.index) .hero__wrap{
  padding-top: 20px;
  margin-bottom: 0;
}

.search__container .other_dates .sbslider {
    margin: 0 auto
}

.other_dates .item_container {
	padding: 5px
}

.other_dates .item .item_label {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 10px 15px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.05);
}

.other_dates .item.selected .item_label{
    background: rgba(21, 127, 234, 0.15);
}

.other_dates .item .item_label .price {
    width: 100%;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    margin-top: 5px
}

.other_dates .item .item_label .date {
    font-size: 11px;
    text-align: center;
    white-space: nowrap
}

.other_dates .item .item_green {
    color: #0078d7;
}

.other_dates .item .item_yellow {
    color: #ffb421
}

.other_dates .item .item_red {
    color: #2b2b2b;
}
.routes__item {
    position: relative;
    display: grid;
    grid-template-columns: 30% 10% 30% 20%;
    padding: 1rem 2rem;
}
.routes__item .routes__item__labels{
	position: absolute;
	bottom: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	width: 100%;
	transform: translateY(8px);
	padding: 0 8px;
}
.routes__item .routes__item__label{
	background: #157fea;
	color: #fff;
	padding: 2px 4px;
	line-height: 1;
	border-radius: 4px;
	font-size: 12px;
}
.depart-when,
.arrive-when,
.depart-station,
.arrive-station,
.routes-path {
    padding: 0;
    justify-content: space-between;
}
.routes__item > div,.depart-when,.arrive-when, .routes__item .payment_form {
    gap: 1.5rem;
}
.routes__item .payment_form{
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.routes__item  .routes__buy {gap: .5rem;padding: 0;padding-left: 18px;}
.arrive-station>.arrive-station__name,.depart-station>.depart-station__name{
	flex-direction: column;
	align-items: flex-start;
	height: initial;
}
.arrive-station>.arrive-station__name span,.depart-station>.depart-station__name span{
	font-size: 75%;
	opacity: .75;
}
.depart-station__label,
.arrive-station__label {
	
height: initial;
	
align-items: flex-start;
}
.routes-path__time,.depart-when__date,
.arrive-when__date,.depart-when__time,
.arrive-when__time {
	height: initial
	
}
.routes__item .routes__details{
	margin-top: 1rem;
	display: grid;
	grid-template-columns: 45% 55%;
	gap: 0;
	grid-row-start:2;
	grid-column-start: 1;
	grid-column-end: 5;
}

.routes__details .benefits_items{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: .5rem;
	margin-bottom: .5rem;
}

.routes__details .benefit_item{
	display: grid;
	grid-template-columns: 30px auto;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
	line-height: 1;
	font-size: 12px;
	font-weight: 400;
	gap: .5rem;
	text-align: left;
}

.routes__details .benefit_item span{white-space: normal;}

.routes__details .benefit_item img{
	filter: brightness(0) invert(1);
}

.routes__details_params p{
	margin: 0
}

.routes__item .free-places{
	font-size: 12px;
    line-height: 14px;
}

.routes__details .waypoints {
	margin-top: -6px
}

.routes__details .waypoint {
    display: flex;
    line-height: 16px;
}

.routes__details .waypoint.intermediate {
    margin-left: 10px
}

.routes__details .waypoint .visual_path {
    display: flex;
    flex-direction: column;
    align-items: center
}

.routes__details .waypoint .visual_path .dash {
    position: relative;
    display: flex;
    flex-grow: 1;
    min-height: 6px;
}

.routes__details .waypoint:first-child .visual_path .dash:first-child,.routes__details .waypoint:last-child .visual_path .dash:last-child {
    opacity: 0
}

.routes__details .waypoint:first-child .visual_path .point {
    background: #e00
}

.routes__details .waypoint:last-child .visual_path .point {
    background: #08e
}

.routes__details .waypoint .visual_path .dash:before {
    content: '';
    height: 100%;
    border-left: 1px solid #ccc
}

.routes__details .waypoint.intermediate.first_intermediate .visual_path .dash:first-child:after,.routes__details .waypoint.intermediate.last_intermediate .visual_path .dash:last-child:after {
    position: absolute;
    right: 0;
    content: '';
    height: 1px;
    width: 11px;
    border-bottom: 1px solid #ccc
}

.routes__details .waypoint.intermediate.last_intermediate .visual_path .dash:last-child:after {
    bottom: 0
}

.routes__details .waypoint .visual_path .point {
    border-radius: 50%;
    background: #98c51b;
    width: 16px;
    height: 16px;
    margin: 5px 0
}

.routes__details .waypoint.intermediate .visual_path .point {
    width: 12px;
    height: 12px;
    margin: 5px 2px
}

.routes__details .waypoint .description {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.routes__details .waypoint .description>div {
    margin: 0 5px
}

.routes__details .waypoint .description .date {
    min-width: 50px;
    text-align: center;
    font-weight: 600;
    font-family: sans-serif
}

.routes__details .waypoint .description .text .transfer {
    font-size: 85%;
    border-top: 1px dashed #ccc
}

.routes__details .auto_photo{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .5rem;
}

.routes__details .auto_photo_item{
	display: grid;
	grid-template-rows: 150px;
	grid-template-columns: 100%;
	overflow: hidden;
	border-radius: 6px;
}

.routes__details .auto_photo_item>a{
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.routes-button[disabled]{
    pointer-events: none;
    opacity: .5;
    filter: saturate(0)
}

.select2-container--krajee li.select2-results__option{
	background: inherit;
	color: inherit;
}

.required_text{
	font-size: 12px;
	margin-bottom: .5rem;
}

.required_text p{
	display:inline
}

.passenger, .payment_contacts, .payment_type {
	padding: 1rem;
	border: 0;
	border-radius: 16px;
}

.pay_online{
	display: none;
}

#payment .title, .total_price{
	color: #337ab7;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px dashed #bbb;
}

.passenger>.fields, .payment_contacts>.fields {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: .5rem;
}

.payment_contacts .phone_field{
	display: grid;
	grid-template-columns: 1fr;
	gap: .25rem;
}

.select2-container--krajee .select2-selection--single[aria-labelledby="select2-phone_mask-container"]{
	position: relative;
	padding-left: 55px;
}

.phone_field .field-registrationform-code{
	grid-column-start: 1;grid-column-end: 3;
}
.phone_field #country_flag{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.phone_field #country_flag img{
    height: 100%;
}

.phone_field .field-registrationform-code{
	grid-column-start: 1;grid-column-end: 3;
}
.phone_field #country_flag{
	display: flex;
	align-items: center;
	justify-content: center;
}

.passenger>.fields .form-group {
	margin-bottom: 0
}

#payment{
	margin-bottom: 30px
}

.field-orders-comment{
	grid-column-start: 3;grid-column-end: 5;
}

#orders-comment{
	min-width: 100%;
	max-width: 100%;
	max-height: 100px;
	min-height: 100px;
}

.article{
	margin-top: 30px;
	margin-bottom: 60px
}

.article img{
	margin-right: 1rem;
	max-height: 256px;
	float: left;
	border-radius: .5rem;
}

.bcg_img>div{
    width: 100%;
    max-height: 256px;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
@media (max-width: 768px) {
  .hero-search-form {
    width: 100%;
    margin-top: 24px;
    display: block;
  }

  .hero-search-form .form_row__container {
    width: 100%;
  }

  .form__row {
    display: block;
    width: 100%;
    filter: none;
    gap: 0;
  }

  .hero-search-form-inputs {
    display: block;
    width: 100%;
  }

  .form__row .hero-search-form-inputs > *,
  .form__row .form__input,
  .form__row .form__input:is(.first_for_input, .second_for_input),
  .form__row .four_for_input {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px 0 !important;
  }

  .form__row .form__input {
    height: 80px;
    min-height: 80px;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
  }

  .form__row .form__input:before {
    display: none;
  }

  .form__row .form__input.first_for_input .select2-container .select2-selection--single,
  .form__row .form__input.second_for_input .select2-container .select2-selection--single,
  .form__row .form__input.four_for_input input,
  .form__row .form__input_date input {
    border-radius: 16px !important;
  }

  .form__input .select2-container,
  .form__input .select2-container .selection,
  .form__input .select2-container .select2-selection--single {
    width: 100% !important;
    height: 100% !important;
  }

  .form__input .select2-container .select2-selection--single {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 42px;
    display: flex;
    align-items: center;
    box-shadow: none !important;
    border: none !important;
  }

  .form__input .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    line-height: 1.2;
    padding: 0;
  }

  .select2-container .select2-selection--single .select2-selection__clear {
    right: 14px;
    margin-top: 0;
  }

  .form__row .input {
    width: 100%;
    height: 100%;
    padding: 28px 16px 14px 16px;
    font-size: 16px;
  }

  .form__row .control-label {
    top: 8px;
    left: 0;
    padding: 0 16px;
    font-size: 12px;
    line-height: 1;
  }

  .form__row .form__input > .fa {
    right: 14px;
    top: 50%;
    transform: translateY(-20%);
    margin-top: 0;
  }

  .form__row .form__input:not(.first_for_input) > .fa,
  .form__row .form__input:not(.first_for_input) .select2-container .select2-selection--single .select2-selection__clear {
    right: 14px;
  }

  .form__row .hero-search-form-inputs .form__button-reverse {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 4px auto 16px auto !important;
    padding: 0;
  }

  .form__row .form__input_date {
    height: auto;
    min-height: 96px;
    padding-bottom: 30px;
  }

  .form__row .form__input_date__links {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    padding: 0 16px;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 12px;
  }

  .hero-search-form-button {
    width: 100%;
    padding-left: 0;
    margin-top: 4px;
  }

  .hero-search-form-button .btn,
  #search-btn {
    width: 100%;
    min-height: 56px;
    border-radius: 16px;
  }

  .page-title {
    font-size: 28px;
    line-height: 1.15;
  }

  .main-header-in {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }

  .main-header-logo {
    flex: 1 1 auto;
    min-width: 0;
  }

  .main-header-logo .logo-text {
    width: 100%;
  }

  .main-header-logo .logo-text-top {
    display: block;
    font-size: 22px;
    line-height: 1.1;
    word-break: break-word;
  }

  .main-header-logo .logo-text-top span {
    margin-top: 4px;
    text-align: left;
    font-size: 13px;
    line-height: 1.2;
  }

  .header-link-block {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
  }

  .hero {
    overflow: hidden;
  }

  .news-section .row {
    display: block;
  }

  .news-section-header-wr,
  .news-section-header-link {
    width: 100%;
    float: none;
    text-align: left;
  }

  .news-section-header-wr {
    margin-bottom: 8px;
  }

  .news-section-header-link {
    margin-bottom: 16px;
  }

  .news-section-list {
    padding-left: 0;
  }

  .news-section-list-item {
    margin-bottom: 16px;
  }

  .map .btn,
  .map-inner .btn {
    width: 100%;
    min-height: 52px;
    white-space: normal;
    line-height: 1.2;
    padding: 12px 16px;
  }

  .main-footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .main-footer .row {
    display: block;
  }

  .main-footer .row > div {
    width: 100%;
    float: none;
    margin-bottom: 12px;
  }

  .main-footer-nav ul {
    display: block;
    padding-left: 0;
  }

  .main-footer-nav li {
    display: block;
    margin-bottom: 8px;
  }

  .routes__item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }

  .routes__item > div,
  .depart-when,
  .arrive-when,
  .routes__item .payment_form,
  .routes__item .routes__buy {
    gap: 8px;
  }

  .routes__item .routes__buy {
    padding-left: 0;
  }

  .depart-when,
  .arrive-when,
  .depart-station,
  .arrive-station,
  .routes-path {
    width: 100%;
    justify-content: flex-start;
  }

  .arrive-station > .arrive-station__name,
  .depart-station > .depart-station__name {
    width: 100%;
  }

  .routes__item .routes__details {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-start: auto;
    grid-column-end: auto;
    gap: 12px;
    margin-top: 8px;
  }

  .routes__details .benefits_items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .routes__details .benefit_item {
    grid-template-columns: 24px auto;
    gap: 8px;
    font-size: 13px;
  }

  .routes__details .waypoints {
    margin-top: 0;
  }

  .routes__details .waypoint {
    align-items: flex-start;
  }

  .routes__details .waypoint .description {
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 12px;
  }

  .routes__details .waypoint .description > div {
    margin: 0 4px;
  }

  .routes__details .waypoint .description .date {
    min-width: 44px;
  }

  .routes__details .waypoint .description .text {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .routes__details .auto_photo {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .routes__details .auto_photo_item {
    grid-template-rows: 180px;
  }

  .passenger,
  .payment_contacts,
  .payment_type {
    padding: 16px;
    border-radius: 16px;
  }

  .passenger > .fields,
  .payment_contacts > .fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .payment_contacts .phone_field {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .phone_field .field-registrationform-code {
    grid-column-start: auto;
    grid-column-end: auto;
  }

  .field-orders-comment {
    grid-column-start: auto;
    grid-column-end: auto;
  }

  #orders-comment {
    min-height: 96px;
    max-height: 160px;
  }

  #payment .title,
  .total_price {
    font-size: 17px;
  }

  .article {
    margin-top: 20px;
    margin-bottom: 32px;
  }

  .article img {
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    margin-right: 0;
    margin-bottom: 12px;
  }

  .bcg_img > div {
    height: 40vh;
    min-height: 180px;
    max-height: 320px;
    background-size: cover;
  }

  .routes__item,
  .routes__details,
  .routes__details .waypoint .description,
  .depart-station__name,
  .arrive-station__name,
  .routes-path,
  .search__container h1,
  .page-title,
  .news-section-list-item-content-link a,
  .article,
  .article p,
  .article li {
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  body:not(.index) .main-header {
    position: relative;
    z-index: 20;
  }

  body:not(.index) .bottom-header {
    position: relative;
    z-index: 20;
  }

  body:not(.index) .page-title,
  body:not(.index) .search__container h1,
  body:not(.index) h1 {
    margin-top: 0 !important;
    position: relative;
    z-index: 2;
  }

  body.index .hero__wrap {
    padding-top: 96px !important;
  }

  body.index .main-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 30;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.index .bottom-header {
    position: relative;
    z-index: 30;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.index .main-header-in {
    background: transparent !important;
    box-shadow: none !important;
  }

  body.index .hero-search-form {
    position: relative;
    z-index: 5;
  }

  body.index .main-header:before,
  body.index .main-header:after,
  body.index .bottom-header:before,
  body.index .bottom-header:after,
  body.index .hero:before,
  body.index .hero:after {
    display: none !important;
    background: transparent !important;
    opacity: 0 !important;
  }

  .search__container .other_dates {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
  }

  .search__container .other_dates .sbslider,
  .search__container .other_dates .slick-slider,
  .search__container .other_dates .owl-carousel {
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch;
    margin: 0 !important;
    padding: 0 0 10px 0 !important;
  }

  .search__container .other_dates .slick-list,
  .search__container .other_dates .slick-track,
  .search__container .other_dates .owl-stage-outer,
  .search__container .other_dates .owl-stage {
    display: block !important;
    width: auto !important;
    min-width: max-content !important;
    transform: none !important;
    left: auto !important;
  }

  .search__container .other_dates .item_container,
  .search__container .other_dates .item,
  .search__container .other_dates .slick-slide,
  .search__container .other_dates .owl-item {
    display: inline-block !important;
    vertical-align: top !important;
    float: none !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    margin-right: 6px !important;
    padding: 0 !important;
    height: auto !important;
  }

  .other_dates .item .item_label {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 72px !important;
    padding: 8px 4px !important;
  }

  .other_dates .item .item_label .date {
    width: 100% !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: center !important;
  }

  .other_dates .item .item_label .price {
    width: 100% !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    margin-top: 4px !important;
    text-align: center !important;
  }

  .search__container .other_dates .prev,
  .search__container .other_dates .next,
  .search__container .other_dates .slick-prev,
  .search__container .other_dates .slick-next,
  .search__container .other_dates .owl-prev,
  .search__container .other_dates .owl-next {
    display: none !important;
  }

  .routes__item .routes__buy .btn,
  .routes__item .payment_form .btn,
  .routes-button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .main-header-logo .logo-text-top {
    font-size: 18px;
  }

  .main-header-logo .logo-text-top span {
    font-size: 12px;
  }

  .page-title {
    font-size: 24px;
  }

  .routes__item {
    padding: 12px;
  }

  .routes__details .auto_photo_item {
    grid-template-rows: 140px;
  }

  .passenger,
  .payment_contacts,
  .payment_type {
    padding: 12px;
    border-radius: 12px;
  }

  .map .btn,
  .map-inner .btn {
    min-height: 48px;
    font-size: 15px;
  }

  #payment .title,
  .total_price {
    font-size: 16px;
  }

  body.index .hero__wrap {
    padding-top: 78px;
  }

  .search__container .other_dates .item_container,
  .search__container .other_dates .sbslider .item_container,
  .search__container .other_dates .item,
  .search__container .other_dates .slick-slide,
  .search__container .other_dates .owl-item {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }

  .other_dates .item .item_label {
    min-height: 70px;
  }

  .other_dates .item .item_label .date {
    font-size: 9px !important;
  }

  .other_dates .item .item_label .price {
    font-size: 12px !important;
  }
}
@media (max-width: 768px) {

  .search__container .other_dates .sbslider,
  .search__container .other_dates .slick-slider,
  .search__container .other_dates .owl-carousel {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 6px;
    -webkit-overflow-scrolling: touch;
  }

  .search__container .other_dates .slick-track,
  .search__container .other_dates .slick-list,
  .search__container .other_dates .owl-stage,
  .search__container .other_dates .owl-stage-outer {
    display: contents !important;
    transform: none !important;
    width: auto !important;
  }

  .search__container .other_dates .item_container,
  .search__container .other_dates .item,
  .search__container .other_dates .slick-slide,
  .search__container .other_dates .owl-item {
    flex: 0 0 84px !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
  }

  .search__container .other_dates .prev,
  .search__container .other_dates .next,
  .search__container .other_dates .slick-prev,
  .search__container .other_dates .slick-next,
  .search__container .other_dates .owl-prev,
  .search__container .other_dates .owl-next {
    display: none !important;
  }

}
@media (max-width: 768px) {
  body:not(.index) .main-header,
  body:not(.index) .bottom-header,
  body:not(.index) .main-header-in {
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.index) .main-header:before,
  body:not(.index) .main-header:after,
  body:not(.index) .bottom-header:before,
  body:not(.index) .bottom-header:after,
  body:not(.index) .main-header-in:before,
  body:not(.index) .main-header-in:after,
  body:not(.index) .hero:before,
  body:not(.index) .hero:after {
    display: none !important;
    background: transparent !important;
    opacity: 0 !important;
    content: none !important;
  }

  body:not(.index) .main-header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 30;
  }

  body:not(.index) .bottom-header {
    position: relative;
    z-index: 30;
  }

}
/* УБИРАЕМ КАРУСЕЛЬ НА МОБИЛКЕ */
@media (max-width: 768px){

  /* контейнер */
  .search__container .other_dates{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }

  /* сам слайдер */
  .search__container .other_dates .sbslider,
  .search__container .other_dates .slick-slider,
  .search__container .other_dates .owl-carousel{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px;
    transform:none !important;
  }

  /* убираем внутреннюю механику слайдера */
  .search__container .other_dates .slick-track,
  .search__container .other_dates .slick-list,
  .search__container .other_dates .owl-stage,
  .search__container .other_dates .owl-stage-outer{
    display:flex !important;
    transform:none !important;
    width:auto !important;
  }

  /* карточки дат */
  .search__container .other_dates .item_container,
  .search__container .other_dates .item,
  .search__container .other_dates .slick-slide,
  .search__container .other_dates .owl-item{
    flex:0 0 84px !important;
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    float:none !important;
  }

  /* убираем стрелки */
  .search__container .other_dates .prev,
  .search__container .other_dates .next,
  .search__container .other_dates .slick-prev,
  .search__container .other_dates .slick-next,
  .search__container .other_dates .owl-prev,
  .search__container .other_dates .owl-next{
    display:none !important;
  }

}
@media (max-width: 768px) {
  body:not(.index):has(#payment) .hero__wrap {
    padding-top: 28px !important;
  }
}

@media (max-width: 480px) {
  body:not(.index):has(#payment) .hero__wrap {
    padding-top: 22px !important;
  }
}
@media (max-width: 768px) {
  body:not(.index) .hero-search-form {
    margin-top: 72px !important;
  }
}

@media (max-width: 480px) {
  body:not(.index) .hero-search-form {
    margin-top: 64px !important;
  }
}
@media (max-width: 768px) {
  body:not(.index) .page-title {
    margin-top: 28px !important;
  }
}

@media (max-width: 480px) {
  body:not(.index) .page-title {
    margin-top: 22px !important;
  }
}
@media (max-width: 768px) {
  body:not(.index) .hero__wrap {
    padding-top: 64px !important;
  }
}

@media (max-width: 480px) {
  body:not(.index) .hero__wrap {
    padding-top: 56px !important;
  }
}
@media (max-width: 768px) {
  body:not(.index) .hero {
    padding-top: 70px !important;
  }
}

@media (max-width: 480px) {
  body:not(.index) .hero {
    padding-top: 64px !important;
  }
}