.menu__block.menu__block-no_children h3 a { color: #fff; } @media (max-width: 768px) { .menu__block.menu__block-no_children h3 { margin-bottom: 0; } .menu__block.menu__block-no_children h3 a { color: #222; font-size: 18px; font-weight: 500; } .menu__heading.menu__heading-mb_hidden, .menu__block.menu__block-no_children h3 a span { display: none; } } .select2-container--open .select2-dropdown--above { border-bottom: none; border-top-left-radius: 15px; border-top-right-radius: 15px; padding-top: 10px; } .select2-container--open .select2-dropdown--below{ border-top: none; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-bottom: 10px; } .c-sections__link.active { color: #047bc1; } .footer__copyright a, .footer__copyright a:hover { color: #737373!important; } @media screen and (min-width: 1024px) and (max-width: 1399px) { .main__wrap { margin-top: -91px; padding-top: 100px; } } .programs-card__organizator { font-weight: 500; margin: 15px 0; display: block; } .icon { display: inline-block; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; vertical-align: middle; background-size: contain; margin-top: -3px; margin-right: 10px; } @media (max-width: 768px) { .icon { width: 16px; height: 16px; } } .icon-phone { background-image: url(/img/phone.svg); } .icon-email { background-image: url(/img/mail.svg); } .btn { cursor: pointer; } .btn.coral { background: #f8805f; } .btn.coral:hover { background: #054975; } .block-flex { display: flex; flex-wrap: wrap; } .mr-20 { margin-right: 20px; } .mb-20 { margin-bottom: 20px!important; } h3.menu__heading a { color: #fff; } .video-wrap{ display: block; position: relative; width: 100%; padding-bottom: 56.4% } .video-wrap iframe, .video-wrap video { border: none; box-shadow: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .programs__top { display: block; } .sub-partners__wrapper { padding: 5px 25px; } .sub-partners__item { padding: 0 10px; } .sub-partners__img img { max-height: initial; height: 100px; } @media(max-width: 600px) { .sub-partners__wrapper { flex-wrap: wrap; } .sub-partners__item { width: 33.333%; } .main__heading, .main__heading small { font-size: 18px!important; } .main__body > span { font-size: 23px!important; } .main__button > img { display: block; min-width: 45px; width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain; } .main__button + .main__button { margin-top: 10px; } .main__buttons { margin-bottom: 35px; } .main .swiper-pagination { bottom: 65px; } } @media screen and (max-width: 767px) { .main__wrap { padding-top: 25px; } .main .swiper-pagination-current { font-size: 40px; } } .content-partners__item img { height: 80px; max-height: 80px; } @media(max-width: 600px) { .content-partners__wrapper { flex-wrap: wrap; justify-content: space-around; } .content-partners__item, .content-partners__item+.content-partners__item { margin-left: 0; width: 33.333%; margin-bottom: 20px; } } .programs__top .c-sections__list { display: block; padding: 14px 0px; max-width: 100%; min-width: 100%; background: transparent; border: 0; } .programs__top .c-sections__scroll { overflow-y: unset; padding-bottom: 30px; max-width: 100%; } .programs__top .c-sections__item { display: inline-block; list-style: none; border: 2px solid #e4f0f8; border-radius: 319px; padding: 9px 14px; margin-bottom: 10px; background: #fff; } .programs__top .c-sections__item { margin-right: 20px; } .programs__top .c-sections__item + .c-sections__item { margin-left: 0px; } .video-container video { width: 100%; height: 100%; object-fit: cover; opacity: .8; } .video-slide{ height: auto !important; } .video-container{ width: 100%; height: 100%; background: rgb(4 123 193); position: absolute; } .header--transparent{ background-image: linear-gradient(to bottom, rgb(4 123 193 / 54%), #00000000); border: none !important; } @media(max-width: 768px) { .video-slide{ display: none !important; } .main .swiper-pagination .swiper-pagination-bullet:nth-child(4){ display: none !important; } } .marquee__icon { margin-right: 20px; } .routes-header picture img{ position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: .2; z-index: -1; } .routes-header{ background: #047BC1; position: relative; z-index: 1; padding-bottom: 35px; margin-bottom: 50px; } .routes-header .breadcrumb__item:not(:last-child)::after{ color: white; } .routes-header .breadcrumb__item .breadcrumb__link{ color: white; } .routes-header .title{ font-size: 60px; font-weight: 700; line-height: 70px; color: white; margin-top: 0px; text-transform: uppercase; } .where-go-form{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; margin-top: 24px; } .select-container .select2{ width: 100% !important; } .select-container{ width: 100%; } .select-container .select2-container--default .select2-selection--single{ background-color: #9BC3FE4F; border: 1px solid #FFFFFF99; backdrop-filter: blur(17px); box-shadow: 0px 0px 37.7px 0px #00000021; height: 56px; border-radius: 15px; } .select-container .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #FFFFFF; padding-left: 20px !important; line-height: 56px; font-size: 18.5px; } .select-container .select2-container--default .select2-selection--single .select2-selection__arrow b{ display: none; } .select-container .select2-container--default .select2-selection--single .select2-selection__arrow{ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTEuNTE3IDEgNyA4LTcgOCIvPjwvc3ZnPg=="); width: 7px; height: 16px; border: none; top: 21px; right: 20px; background-size: contain; background-repeat: no-repeat; } .select2-dropdown{ background-color: #4395d2 !important; border: 1px solid #FFFFFF99 !important; backdrop-filter: blur(17px); box-shadow: 0 0 37.7px 0 #00000021; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .select2-container--default .select2-results__option--selected { background-color: rgba(5, 73, 117, 0.54) !important; color: white !important; } .select2-results__option--selectable { color: white !important; } .select2-container--default .select2-search--dropdown .select2-search__field { border: none; outline: none; } .select2{ display: none; } .select-container .select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow{ rotate: 90deg; } .select-container .select2-container--default .select2-selection--multiple{ background-color: #9BC3FE4F; border: 1px solid #FFFFFF99 !important; backdrop-filter: blur(17px); box-shadow: 0px 0px 37.7px 0px #00000021; min-height: 56px; border-radius: 15px; max-width: 500px; align-items: center; display: inline-flex; width: 100%; padding-left: 8px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ color: #ffffff !important; border-right: none !important; font-weight: 100 !important; padding: 0 !important; left: initial !important; right: 4px; top: -4px !important; } } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-flex !important; height: 100%; align-items: center; flex-wrap: wrap; } .select2-results__option { padding: 6px 8px 0; } .select2-container .select2-search--inline .select2-search__field::placeholder{ color: #d0d0d0; } .select2-container .select2-search--inline .select2-search__field{ margin-left: 9px !important; color: white; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: transparent !important; color: #fff; border: none !important; padding-top: 4px !important; padding-right: 10px !important; padding-left: 0 !important; margin-right: 9px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { color: #ffffff !important; background-color: transparent !important; outline: none; border-top-left-radius: 0px; border-bottom-left-radius: 0px; transform: scale(1.5); } .btn-orange:hover{ background: #d6684a; } .btn-orange{ background: #F8805F; border: 0; font-size: 18px; } .where-go-form .btn{ height: 62px; width: 157px; } .all-rods span{ color: #F8805F; } .all-rods{ font-size: 21px; font-weight: 500; margin-top: 10px; color: white; } .routes-header .breadcrumb{ /*padding-top: 28px;*/ } .routes-list{ grid-gap: 68px; display: grid; grid-template-columns: 1fr 1fr 1fr; /*margin-top: 83px;*/ } .buttons-container{ display: flex; gap: 20px; margin: 40px 0 10px; z-index: 2; position: relative; justify-content: space-between; } .swiper-container-multiple .button-prev, .swiper-container-multiple .button-next{} .swiper-container-multiple .button-prev:hover:not(:active), .swiper-container-multiple .button-next:hover:not(:active){ scale: 1.05; } .swiper-container-multiple .button-prev.swiper-button-disabled, .swiper-container-multiple .button-next.swiper-button-disabled{ opacity: .4; } .swiper-container-multiple{ /*opacity: 0;*/ } .swiper-container-multiple.swiper-initialized{ /*opacity: 1;*/ } .swiper-container-multiple:not(.swiper-initialized){ overflow: hidden; } .swiper-container-multiple:not(.swiper-initialized) .route-locations-container .swiper-slide, .swiper-container-multiple:not(.swiper-initialized) .routes-list .swiper-slide{ width: calc(33.33% - 20px); } .swiper-container-multiple.swiper-initialized .route-locations-container, .swiper-container-multiple.swiper-initialized .routes-list{ gap: 0; } .swiper-container-multiple .route-locations-container, .swiper-container-multiple .routes-list{ /*gap: 0;*/ display: flex; } .swiper-container-multiple .route-locations-container, .swiper-container-multiple .routes-list{ align-items: initial; } .routes-item figure span{ display: flex; align-items: center; gap: 11px; } .routes-item figure .figure-gradient{ aspect-ratio: 2 / 1.28; font-size: 18px; font-weight: 500; display: flex; justify-content: space-between; align-items: end; color: white; padding: 10px 28px 10px 14px; z-index: 1; position: relative; } .routes-item figure >img{ height: 100%; width: 100%; object-fit: cover; position: absolute; z-index: 0; transition: .5s; will-change: scale; } .routes-item:hover figure >img{ scale: 1.1; } .routes-item figure{ border-radius: 18px; background-size: cover; margin: 0; background-position: center; overflow: hidden; transition: all 0.3s; position: relative; } .routes-item >div{ padding: 35px 25px 10px 25px; flex: 1; display: flex; flex-direction: column; } .routes-item .text{ font-size: 18px; font-weight: 400; line-height: 24px; margin-bottom: 47px; flex: 1; } .routes-item .title{ font-size: 40px; font-weight: 500; line-height: 40px; color: #054975; margin-bottom: 15px; } .routes-item .category svg{ min-width: 36px; } .routes-item .category{ border-radius: 20px; padding: 10px 21px 10px 15px; display: flex; justify-content: space-between; font-size: 18px; font-weight: 400; /*line-height: 87%;*/ gap: 10px; margin-left: -10px; margin-right: -10px; align-items: center; } .routes-item:hover .title{ text-decoration: underline; } .routes-item{ background: #F8F8F8; text-decoration: none; border-radius: 18px; display: flex; flex-direction: column; height: initial; } .routes-list-btn{ margin: 88px auto 0; font-size: 16px; cursor: pointer; padding: 22px 88px 17px; } .routes-header+.section-bg:before{ top: -111px; } .routes-header+.short-bg:before{ background-size: cover; height: 166px; } .hidden-routes{ display: grid } .place-interest .title{ font-size: 18px; font-weight: 400; line-height: 24px; } .places-list a.selected, .places-list a:hover{ background: #F8805F; } .places-list a{ background-color: #2867B5; font-size: 18px; font-weight: 700; line-height: 24px; padding: 2px 40px; color: white; border-radius: 20px; } .places-list{ display: flex; gap: 18px; margin-top: 23px; flex-wrap: wrap; } .place-interest{ margin-top: 63px; margin-bottom: 63px; } .nav-routes .nav-title{ font-size: 40px; font-weight: 500; line-height: 40px; color: #054975; } .nav-routes div span{ font-size: 18px; font-weight: 400; line-height: 24px; color: #BBBBBB; } .nav-routes{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 43px; } .nav-routes div{ text-align: center; } .nav-btn{ } .details-route-header a.item:hover span{ text-decoration: underline; } .details-route-header a.item span{ color: #2867B5; } .section-top__inner .section-top__title + .category, .details-route-header .category{ border-radius: 20px; padding: 10px 21px 10px 15px; display: flex; justify-content: space-between; font-size: 18px; font-weight: 400; gap: 10px; margin-left: auto; margin-right: 0; align-items: center; min-width: 32%; } .details-route-header .item span{ font-size: 18px; font-weight: 700; line-height: 25px; text-align: left; } .details-route-header{ display: flex; align-items: center; gap: 53px; background-color: #EDEDED; border-radius: 20px; padding-left: 15px; margin-bottom: 40px; } .details-route-header .item { gap: 11px; display: flex; align-items: center; padding: 9px 0; } .nav-routes .nav-btn:hover svg path{ stroke: #F8805F; } .content-route { padding-bottom: 50px; border-bottom: 1px solid #E4F0F8; margin-bottom: 50px !important; } .content-route:after { content: ''; display: block; clear: both; } .content-route p{ margin-bottom: 25px; } .content-route h3{ font-size: 18px; color: #000000; margin: 0 0 25px 0; } .more-text { display: none; } .show-more-text:not(.active) .c2{ display: none; } .show-more-text.active .c1{ display: none; } .content-route h3:not(:first-child) { margin: 50px 0 25px 0; } .content-route-slider{ max-width: 527px; height: 735px; float: left; margin-right: 50px; margin-bottom: 50px !important; position: relative; } .content-route-slider .swiper-wrapper{ border-radius: 15px; overflow: hidden; } .swiper-container-multiple .button-prev, .swiper-container-multiple .button-next, .content-route-slider .swiper-button-next, .content-route-slider .swiper-button-prev { display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; border-radius: 50%; border: 1px solid #C7C7C7; background-color: #fff; } .content-route-slider .swiper-button-next, .content-route-slider .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, -30px); left: auto; } .content-route-slider .swiper-button-prev, .content-route-slider .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, -30px); right: auto; } .content-route-slider .swiper-button-next:after, .content-route-slider .swiper-button-prev:after { display: none; } .content-route-slider .swiper-button-next:hover, .content-route-slider .swiper-button-prev:hover { opacity: 0.8; } .content-route-btn{ display: flex; justify-content: center; margin-top: 25px; } .content-route-btn .btn{ width: 80%; max-width: 336px; height: 60px; display: flex; justify-content: center; align-items: center; } .routes-card-list { grid-gap: 50px; display: grid; /*grid-template-columns: 355px 1fr;*/ margin-top: 83px; margin-bottom: 83px; margin-bottom: 3px; } .routes-card-imgurl img{ position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition: .3s; } /*.routes-card:hover .routes-card-imgurl img{*/ /* height: 110%;*/ /*}*/ .routes-card-imgurl{ position: relative; display: block; } .routes-card figure span{ display: flex; align-items: center; gap: 11px; } .routes-card figure .figure-gradient{ /*aspect-ratio: 1 / 1.18;*/ font-size: 18px; position: absolute; font-weight: 400; display: flex; justify-content: space-between; align-items: end; color: white; padding: 10px 20px 15px 20px; z-index: 1; height: 100%; } .routes-card figure{ border-radius: 18px; background-size: cover; margin: 0; background-position: center; overflow: hidden; transition: all 0.3s; position: relative; min-height: 100%; } .routes-card-inner { padding: 25px 20px 25px 20px; } .routes-card-text{ font-size: 18px; font-weight: 400; line-height: 24px; margin-bottom: 37px; } .routes-card-title{ font-size: 40px; font-weight: 500; line-height: 40px; color: #054975; margin-bottom: 23px; } .routes-card-title a{ color: #054975; } .routes-card-title a:hover{ text-decoration: underline; } .routes-card-name{ font-size: 18px; font-weight: 400; line-height: 24px; color: #A3A3A3; margin-bottom: 16px; display: block; } .routes-card-details{ display: flex; flex-wrap: wrap; gap: 15px 45px; padding: 10px 20px 15px; /*background-color: #EDEDED;*/ margin: 0 -10px; border-radius: 10px; flex-direction: column; } .routes-card-details a.item span{ text-decoration: underline; } .routes-card-details a.item:hover span{ text-decoration: none; } .routes-card-details a.item { color: #2867B5; } .routes-card-details .item { gap: 11px; display: flex; align-items: center; } .routes-card-details .item span { font-size: 18px; font-weight: 700; line-height: 24px; text-align: left; } /*.routes-card:hover .routes-card-title{*/ /* text-decoration: underline;*/ /*}*/ .routes-card{ background: #F8F8F8; text-decoration: none; border-radius: 18px; grid-template-columns: 355px 1fr; display: grid; } .routes-card-price{ font-size: 26px; font-weight: 700; color: #054975; margin: 25px 0; } .routes-card .btn{ display: block; width: 100%; margin: 15px auto 0; padding: 18px 30px; } .btn-to-top { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border: 10px; border-radius: 50%; border: 2px solid #F8805F; position: fixed; bottom: 100px; right: 20px; z-index: 10; cursor: pointer; } .btn-to-top svg { transform: rotate(90deg); } .day-section .day-title .maps:hover{ text-decoration: underline; } .day-section .day-title .maps{ font-size: 18px; font-weight: 700; line-height: 25px; margin-left: 20px; color: #2867B5; display: inline-flex; align-items: center; gap: 11px; } .day-section .day-title{ font-size: 40px; font-weight: 500; line-height: 40px; color: #054975; margin-bottom: 23px; } .day-section{ margin-top: 60px; } .route-locations-container{ align-items: self-start; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 100px; } .swiper-container-multiple .route-location{ height: initial; } .route-location{ padding: 23px; border-radius: 10px; background: #F8F8F8; } .route-location-header{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .route-location-header .title{ font-size: 20px; font-weight: 700; line-height: 21.6px; } .route-location-badge{ font-size: 18px; font-weight: 700; line-height: 24px; color: white; border-radius: 20px; padding: 4px 9px; } .route-location-image-container{ margin-bottom: 40px; overflow: hidden; aspect-ratio: 729/418; width: 100%; border-radius: 12px; } .route-location.swiper-slide.selected{ /*transform: scale(1.01);*/ /*box-shadow: 1px 1px 1px 1px #f8805f;*/ border: 3px solid #f8805f; } .route-location .route-location-image{ width: 100%; height: 100%; object-fit: cover; margin-top: 30px; transition: .5s; will-change: scale; } .route-location:hover .route-location-image{ scale: 1.2; } .route-location-content{ font-size: 18px; font-weight: 400; line-height: 23.4px; margin-bottom: 30px; } .route-location-content-details{ margin-bottom: 30px; padding-top: 30px; padding-bottom: 30px; border-top: 2px solid #0000001A; border-bottom: 2px solid #0000001A; } .row-details span{ display: inline-block; } .row-details strong{ display: inline-flex; align-items: center; vertical-align: middle; } .row-details svg{ position: absolute; left: 0; } .routes-item .text a:hover, .row-details a:hover{ text-decoration: none; } .routes-item .text a, .row-details a{ text-decoration: underline; } .row-details{ font-size: 18px; line-height: 25.2px; margin-bottom: 9px; padding-left: 38px; position: relative; } .route-location-dropdown .head:hover{ text-decoration: underline; } .route-location-dropdown .head{ display: flex; align-items: center; gap: 7px; color: #2867B5; cursor: pointer; font-size: 18px; font-weight: 700; line-height: 25px; } .route-location-dropdown .head svg{ transition: .3s; display: block; position: relative; width: 10px; } .route-location-dropdown .head.active svg{ transform: rotate(90deg); } .route-location-dropdown .head.active + .body{ max-height: 370px; overflow: auto; padding-top: 20px; padding-bottom: 20px; } .route-location-dropdown .body ul li{ list-style: initial; display: list-item; margin-bottom: 5px; } .route-location-dropdown .body ul a{ color: #737373; } .route-location-dropdown .body ul{ color: #737373; padding-left: 25px; list-style-type: disc; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; } .route-location-dropdown .body::-webkit-scrollbar-track { background: #f1f1f1; } .route-location-dropdown .body::-webkit-scrollbar { width: 2px; } .route-location-dropdown .body::-webkit-scrollbar-thumb{ background: #054975; } .route-location-dropdown .body{ max-height: 0; transition: .3s; overflow: hidden; font-size: 18px; font-weight: 400; line-height: 25.2px; padding-top: 0px; padding-bottom: 0px; } .route-location-dropdown{ } .routes-item{ user-select: text; } @media(max-width: 1360px) { .details-route-header{ gap: 30px; } .routes-card-list { grid-gap: 25px; } .routes-list{ grid-gap: 30px; /*margin-top: 40px;*/ } .routes-header { margin-bottom: 70px; } .routes-item .title { font-size: 30px; line-height: 30px; } .routes-card-details .item span { font-size: 14px; line-height: 20px; } .routes-card-details { gap: 10px 30px; padding: 10px 15px 15px; } .routes-card .btn { padding: 10px 20px; } .routes-card-price { font-size: 18px; } .routes-card-text { font-size: 16px; line-height: 20px; } .routes-card-title { font-size: 30px; line-height: 30px; } .routes-item .category { font-size: 16px; } .routes-item .text { font-size: 16px; line-height: 20px; } .routes-list-btn { margin: 50px auto 0; padding: 18px 60px 12px; } /*.routes-card figure .figure-gradient {*/ /* aspect-ratio: 1 / 1;*/ /*}*/ } @media(max-width: 1024px) { .swiper-container-multiple:not(.swiper-initialized) .route-locations-container .swiper-slide, .swiper-container-multiple:not(.swiper-initialized) .routes-list .swiper-slide{ width: calc(50% - 15px); } .row-details { font-size: 16px; line-height: 20.2px; padding-left: 30px; } .route-location-header { margin-bottom: 15px; } .route-location-content { font-size: 16px; line-height: 20.4px; } .route-location { padding: 15px; } .routes-list { grid-gap: 30px; grid-template-columns: 1fr 1fr; } .routes-card-list { grid-gap: 15px; grid-template-columns: 1fr; } .places-list { gap: 8px; } .details-route-header { flex-wrap: wrap; } .section-top__inner{ flex-wrap: wrap; } .section-top__inner .section-top__title + .category, .details-route-header .category { margin-left: -15px; margin-right: 0; align-items: center; min-width: calc(100% + 15px); } .section-top__inner .section-top__title + .category{ margin-left: 0; margin-top: 15px; } .content-route-slider { float: none; height: auto; margin-left: auto; margin-right: auto; position: relative; } .content-route-slider .swiper-button-next, .content-route-slider .swiper-button-prev { width: 40px; height: 40px; } .content-route-slider .swiper-button-next svg, .content-route-slider .swiper-button-prev svg { transform: scale(0.65); } .content-route-slider .swiper-button-next, .content-route-slider .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .content-route-slider .swiper-button-prev, .content-route-slider .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } } @media(max-width: 768px) { /*.routes-item{*/ /* height: 100%;*/ /*}*/ .details-route-header { gap: 0px; } .swiper-container-multiple:not(.swiper-initialized) .route-locations-container .swiper-slide, .swiper-container-multiple:not(.swiper-initialized) .routes-list .swiper-slide{ width: calc(100%); } .swiper-container-multiple .route-locations-container, .swiper-container-multiple .routes-list { /*align-items: flex-start;*/ } .routes-card{ grid-template-columns: 1fr; } .routes-card-imgurl{ aspect-ratio: 1 / 1; } .routes-list { grid-gap: 15px; grid-template-columns: 1fr; } .routes-header .title { font-size: 30px; line-height: 40px; } .where-go-form { display: grid; grid-template-columns: 1fr; grid-gap: 15px; max-width: 1230px; margin-top: 34px; } .where-go-form .btn{ width: 100%; } } @media(max-width: 580px) { .routes-card-list { /*grid-gap: 15px;*/ /*grid-template-columns: 1fr;*/ } }
    #modalbooking {
        display: none;
        z-index: 9999999 !important;
    }
    .modal-booking .modal__wrap-booking,
    .modal-booking {
        opacity: 1;
        visibility: visible;
        z-index: auto !important;
    }
    .modal-booking .modal__wrap-booking {
        z-index: auto !important;
        opacity: 1;
        border-radius: 16px;
        overflow-x: hidden;
    }
    .modal-booking .modal__wrapper::before {
        content: "";
        display: none;
    }
    .modal-booking .modal__wrapper-booking {
        position: relative;
        z-index: 1;
        padding: 80px 15px 60px 60px;
        background: linear-gradient(to top, #1E1E1E, #343434);
        border-radius: 20px;
        color: #fff;
        width: 940px;
        min-width: 940px;
    }
    .modal-booking .booking__title {
        font-family: Montserrat;
        font-weight: 700;
        font-size: 40px;
        line-height: 95%;
        text-transform: uppercase;
    }
    .modal-booking .booking p {
        font-family: Montserrat;
        font-weight: 500;
        font-size: 20px;
        line-height: 95%;
        max-width: 480px;
        margin-top: 15px;
    }
    .modal-booking .booking__btn {
        width: 239px;
        height: 49px;
        border-radius: 24.5px;
        border-width: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #FFFFFF;
        font-family: Montserrat;
        font-weight: 500;
        font-size: 16px;
        line-height: 95%;
        text-align: center;
        color: #fff;
        margin-top: 40px;
    }
    .modal-booking .booking__btn:hover {
        background: #fff;
        color: #2D2D2D;
    }
    .modal-booking .modal-bg {
        position: absolute;
        right: 50px;
        top: 9px;
        transform: scale(1.1);
        animation: linear infinite;
        animation-name: run;
        animation-duration: 3s;
    }
    .modal-booking .list-items {
        display: flex;
        margin-top: 30px;
        gap: 30px;
    }
    .modal-booking .list-items .list-item {
        width: 203px;
        height: 228px;
        position: relative;
    }
    .modal-booking .list-items .list-item:nth-child(1) {
        background: url(https://rustravelforum.content.rcmedia.ru/local/templates/rustravel-2024/img/modals/1.png) no-repeat;
        background-size: cover;
    }
    .modal-booking .list-items .list-item:nth-child(1) p {
        position: absolute;
        bottom: 0;
        left: 62px;
    }
    .modal-booking .list-items .list-item:nth-child(2) {
        background: url(https://rustravelforum.content.rcmedia.ru/local/templates/rustravel-2024/img/modals/2.png) no-repeat;
        background-size: cover;
    }
    .modal-booking .list-items .list-item:nth-child(2) p {
        position: absolute;
        bottom: 0;
        left: 7px;
    }
    .modal-booking .list-items .list-item:nth-child(3) {
        background: url(https://rustravelforum.content.rcmedia.ru/local/templates/rustravel-2024/img/modals/3.png) no-repeat;
        background-size: cover;
    }
    .modal-booking .list-items .list-item:nth-child(3) p {
        position: absolute;
        bottom: 10px;
        left: 62px;
    }
    .modal-booking .list-items .list-item:nth-child(4) {
        background: url(https://rustravelforum.content.rcmedia.ru/local/templates/rustravel-2024/img/modals/4.png) no-repeat;
        background-size: cover;
    }
    .modal-booking .list-items .list-item:nth-child(4) p {
        position: absolute;
        bottom: 0;
        left: 7px;
    }
    .modal.modal-booking {
        pointer-events: visible;
    }
    @keyframes run {
        0% {
            transform: rotate(0deg);
        }
        50% {
            transform: rotate(5deg);
        }
        100% {
            transform: rotate(0deg);
        }
    }
    .modal-booking .close {
        position: absolute;
        right: 12px;
        top: 15px;
        width: 32px;
        height: 32px;
        opacity: 0.3;
        z-index: 9999;
    }
    .modal-booking .close:hover {
        opacity: 1;
    }
    .modal-booking .close:before,
    .modal-booking .close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #fff;
    }
    .modal-booking .close:before {
        transform: rotate(45deg);
    }
    .modal-booking .close:after {
        transform: rotate(-45deg);
    }

    .form-question-wrap input[type="checkbox"] {
        min-height: unset;
        width: unset;
    }

    .form-question-wrap a.label-question:hover {
        color: white;
        text-decoration: underline;
    }

    .form-question-wrap p {
        display: inline;
    }

    .form-question-wrap p a.label-question {
      color: #ffffff;
      text-align: left;
    }
    .btn-outline-white{
        background-color: transparent;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        border-radius: 10px;
        padding: 10px 20px;
        cursor: pointer;
        transition: all 0.3s ease;
        width: 100%;
        height: 68px;
        font-family: Geometria;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
    }
    .btn-outline-white:hover{
        background-color: #FFFFFF;
        color: #0081c1;
    }
      .modal-block {
        display: none;
        position: fixed;
        padding: 0 15px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100000;
      }

      .modal-block .bg-close {
        background: #182f77d9;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }

      .modal-block .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }

      .box-modal {
        position: relative;
        z-index: 1;
      }
      
      .mailing__content{
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        text-align: center;
        color: white;
        margin-top: 16px;
        margin-bottom: 40px;
      }
      .box-modal.mailing .form-question-wrap{
        align-items: center;
        display: flex;
        gap: 5px;
      }
      .box-modal.mailing input[type="checkbox"]{
        width: 23px;
        height: 23px;
        background-color: white;
        accent-color: #ffffff;
        align-content: center;
      }
      .box-modal.mailing .btn-outline-white{
        margin-top: 20px;
      }
      .box-modal.mailing input[type="email"]{
        height: 68px;
        background-color: white;
        border-radius: 10px;
      }
      .box-modal.mailing .top .close{
        position: absolute;
        right: -65px;
        opacity: 1;
        cursor: pointer;
        top: 0;
      }
      .box-modal.mailing {
        background-image: url(/local/templates/rustravel-2024/img/altai.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        padding: 113px 67px;
        margin-bottom: 110px;
        max-width: 554px;
        width: calc(100% - 40px);
        border-radius: 8px;
        text-align: center;
        border-top-left-radius: 129px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        background-position: center;
        background-size: cover;
        box-shadow: 0 0 50px #0000006b;
      }
     
      .box-modal.mailing:before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #0081c1cc;
        z-index: 0;
        border-top-left-radius: 129px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
      }
      .box-modal.mailing:not(.mailing-success):after{
        background-image: url(/local/templates/rustravel-2024/img/subscribe-bg-2.svg);
        content: '';
        position: absolute;
        right: -35px;
        bottom: -1px;
        z-index: 1;
        width: 355px;
        height: 82px;
      }
      .box-modal.mailing>* {
        display: flex;
        justify-content: space-between;
        z-index: 1;
        position: relative;
      }

      .box-modal .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px;
      }
      .box-modal.mailing .top h4 {
        position: relative;
        z-index: 1;
      }
      .box-modal.mailing .top {
        margin-bottom: 5px;
        position: static;
      }

      .box-modal.mailing h4 {
        font-family: Geometria;
        font-weight: 700;
        font-size: 42px;
        line-height: 110.00000000000001%;
        text-align: center;
        color: white;
        width: 100%;
      }

      .box-modal .top svg {
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        cursor: pointer;
      }

      .box-modal.mailing .input {
        position: relative;
        width: 100%;
        margin-bottom: 28px;
      }

      
      .main__button.email_form-js {
        min-width: auto;
      }

      .email_form-js {
        text-align: center;
        cursor: pointer;
        padding: 14px 29px;
      }

      .main__button {
        padding-right: 60px;
        width: 100%;
      }

      @media screen and (hover: hover) {
        .main__button:hover {
          padding-right: 60px;
        }
      }
      .subscribe{
          padding-top: 70px;
          padding-bottom: 60px;
          background-image: url(/local/templates/rustravel-2024/img/subscribe-bg-first.svg);
          background-repeat: no-repeat;
          background-position: center bottom;
          margin-bottom: 55px;
      }
      .subscribe .main__button{
        width: 500px;
        height: 100px;
        border-radius: 10px;
        margin: 0;
        font-weight: 500;
        font-size: 30px;
        text-align: center;
        padding: 0 30px;
        justify-content: center;
      }

      .main__button {
        margin: 0 0 0 auto;
      }

      .flex .form div form,
      .flex .form div {
        width: 100%;
        color: white;
      }

      .flex .errortext {
        padding: 10px 0;
        display: block;
      }

     



      .flex input.btn-orange {
        background: #F8805F;
        border: 0;
        font-size: 18px;
        color: white;
      }

      .input-field__textarea::placeholder,
      .input-field__input::placeholder {
        opacity: 1;
        color: #ccc;
      }

      .box-modal.mailing .input {
        position: relative;
        width: 100%;
      }
      .mailing-success-img{
            margin-bottom: 80px;
            margin-left: -67px;
            width: calc(100% + 134px);
            max-width: initial;
        }
        .fest-section--subscribe-btn{
          position: relative;
        }
      .fest-section--subscribe-btn:before{
        content: '';
        position: absolute;
        background-image: url(/local/templates/rustravel-2024/img/hand.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 236px;
        height: 236px;
        right: -100%;
        background-size: contain;
      }
    .modal-block--fest-subscribe .box-modal.mailing{
      background-image: none !important;
      background-color: #63C7C6;
      padding: 92px 350px;
      max-width: 1160px;
    }    
    .modal-block--fest-subscribe .box-modal.mailing::after{
      content: '';
      position: absolute;
      background-image: url(/local/templates/rustravel-2024/img/megaphone.png);
      width: 360px;
      height: 360px;
      bottom: initial;
      right: 0;
      left: initial;
      top: -66px;
      background-position: center;
      background-size: contain;
      transform: scale(-1, 1);
      pointer-events: none;
    }
    .modal-block--fest-subscribe .box-modal.mailing::before{
      content: '';
      position: absolute;
      background-image: url(/local/templates/rustravel-2024/img/frog.png);
      width: 420px;
      height: 414px;
      top: initial;
      right: initial;
      background-color: transparent;
      left: -84px;
      bottom: -25px;
      pointer-events: none;
    }
    .fest-section--subscribe .subscribe{
      background-image: none !important;
    }
    .modal-block--fest-subscribe .fest-btn{
      width: 100%;
      margin-top: 20px;
      box-shadow: none;
    }
    .modal-block--fest-subscribe .mailing__content,
    .modal-block--fest-subscribe .box-modal.mailing h4{
      color: #14183E;
    }
    .modal-block--fest-subscribe .box-modal.mailing.mailing-success{
      padding-top: 200px;
      padding-bottom: 200px;
    }
    .modal-block--fest-subscribe .mailing-success.box-modal.mailing::before{
      background-image: url(/local/templates/rustravel-2024/img/mail.png);
      bottom: initial;
      top: -90px;
    }
    .modal-block--fest-subscribe .mailing-success.box-modal.mailing::after{
      background-image: url(/local/templates/rustravel-2024/img/worker.png);
      bottom: 0;
      top: initial;
      transform: initial;
      right: -70px;
    }
    .modal-block--fest-subscribe .bg-close{
      background: #00ccbcab;
    }
    @media screen and (max-width: 1350px) {
      .modal-block--fest-subscribe .box-modal.mailing .top svg{
        right: 0px;
        top: -60px;
      }
      .modal-block--fest-subscribe .box-modal.mailing{
        margin-bottom: 0;
      }
    }
    @media screen and (max-width: 991px) {
      .modal-block--fest-subscribe .box-modal.mailing {
          background-image: none !important;
          padding: 50px;
          max-width: 500px;
      }
      .modal-block--fest-subscribe .box-modal.mailing::before{
        left: -364px;
      }
      .modal-block--fest-subscribe .box-modal.mailing::after{
        right: -170px;
        top: -66px;
        z-index: -1;
      }
    }
    @media screen and (max-width: 768px) {
        .mailing-success-img{
            margin-bottom: 30px;
            margin-left: -20px;
            width: calc(100% + 40px);
            max-width: initial;
        }
        .box-modal.mailing:after {
            right: 0;
            bottom: 0;
            z-index: -1;
            width: 295px;
            height: 69px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }
        .box-modal.mailing:before{
            border-radius: 20px;
        }
        .box-modal.mailing .top svg {
            right: 5px;
            justify-content: center;
            top: -50px;
        }
        .box-modal.mailing{
            padding: 20px;
            border-radius: 20px;
        }
        .modal-block {
          padding: 0px;
        }
        .mailing__content{
            font-size: 18px;
        }
        .box-modal.mailing h4 {
            font-weight: 700;
            font-size: 28px;
            line-height: 110.00000000000001%;
            text-align: center;
            width: 100%;
        }
        .mailing__content {
            font-size: 16px;
            margin-bottom: 20px;
        }
        .main__button {
          margin: 0 auto;
        }
        .box-modal.mailing input[type="email"] {
            height: 48px;
        }
        .btn-outline-white{
            height: 58px;
        }
        .modal-booking .modal__wrapper-booking {
            position: relative;
            z-index: 1;
            /* overflow: hidden; */
            padding: 20px;
            background: linear-gradient(to top, #1E1E1E, #343434);
            /* background: linear-gradient(to top, rgb(30 30 30 / 90%),  rgb(47 47 47 / 90%)); */
            border-radius: 20px;
            color: #fff;
            width: auto !important;
            max-width: 100%;
            height: auto;
            max-height: 100% !important;
            min-width: auto;
            min-height: 100%;
        }
        .modal-booking .list-items {
            display: flex;
            margin-top: 30px;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .modal-booking .list-items .list-item {
            max-width: 46% !important;
            height: 175px;
        }
        /* .list-item p {
            font-size: 30px;
        } */
        .modal.modal-booking {
            pointer-events: auto;
            overflow: auto !important;
            box-sizing: border-box;
        }
        .modal-booking {
            font-size: .8em;
            box-sizing: border-box;
        }
        .modal-booking .modal-bg {
            z-index: -1;
            right: -25px;
            top: -5px;
            opacity: .7;
            transform: scale(0.6);
            width: 70%;
        }
        .modal-booking .booking {
            z-index: 2;
            position: relative;
        }
        .modal-booking .booking__title {
            font-size: 30px;
        }
        .modal-booking .booking p {
            font-size: 17px;
        }
        .modal-booking .list-items .list-item:nth-child(1),
        .modal-booking .list-items .list-item:nth-child(2),
        .modal-booking .list-items .list-item:nth-child(3),
        .modal-booking .list-items .list-item:nth-child(4) {
            background-size: contain;
        }
        .modal-booking .list-items .list-item:nth-child(1) p,
        .modal-booking .list-items .list-item:nth-child(2) p,
        .modal-booking .list-items .list-item:nth-child(3) p,
        .modal-booking .list-items .list-item:nth-child(4) p {
            bottom: 0px;
        }
        .modal-booking .list-items .list-item:nth-child(1) p {
            left: 45px;
        }
        .modal-booking .list-items .list-item:nth-child(3) p {
            position: absolute;
            bottom: 10px !important;
            left: 45px;
        }
        .modal-booking .booking__btn {
            margin-top: 15px;
        }
        .modal-booking .booking p {
            width: 55%;
            margin-bottom: 25px;
        }
    }