@charset "UTF-8";

@font-face {
    font-family : "fontello";
    src         : url("../fonts/fontello.woff2") format("woff2"), url("../fonts/fontello.woff") format("woff");
    font-weight : normal;
    font-style  : normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
 @media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.svg#fontello') format('svg');
}
 }
 */

[class^=icon-]:before,
[class*=" icon-"]:before {
    font-family             : "fontello";
    font-style              : normal;
    font-weight             : normal;
    speak                   : never;
    display                 : inline-block;
    text-decoration         : inherit;
    width                   : 1em;
    margin-right            : 0.2em;
    text-align              : center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant            : normal;
    text-transform          : none;
    /* fix buttons height, for twitter bootstrap */
    line-height             : 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left             : 0.2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-down-open:before {
    content : "\e800";
}

/* '' */

.icon-clock:before {
    content : "\e801";
}

/* '' */

.icon-calendar:before {
    content : "\e802";
}

/* '' */

.icon-users:before {
    content : "\e803";
}

/* '' */

.icon-circle-empty:before {
    content : "\f10c";
}

/* '' */

.icon-thumbs-up-alt:before {
    content : "\f164";
}

/* '' */

.icon-dot-circled:before {
    content : "\f192";
}

/* '' */

.icon-wheelchair:before {
    content : "\f193";
}

/* '' */

.icon-child:before {
    content : "\f1ae";
}

/* '' */

.icon-paw:before {
    content : "\f1b0";
}

/* '' */

.icon-plug:before {
    content : "\f1e6";
}

/* '' */

.icon-wifi:before {
    content : "\f1eb";
}

/* '' */

.icon-genderless:before {
    content : "\f22d";
}

/* '' */

.icon-map-signs:before {
    content : "\f277";
}

/* '' */

.icon-shopping-bag:before {
    content : "\f290";
}

/* '' */

.icon-address-card-o:before {
    content : "\f2bc";
}

/* '' */

.icon-user-circle-o:before {
    content : "\f2be";
}

/* '' */

/* Firefox */

* {
    scrollbar-width : thin;
    scrollbar-color : #6cb2c4 #28242b;
}

/* Chrome, Edge, and Safari */

*::-webkit-scrollbar {
    width : 5px;
}

*::-webkit-scrollbar-track {
    background : #28242b;
}

*::-webkit-scrollbar-thumb {
    background-color : #6cb2c4;
    border-radius    : 0px;
    border           : 0px none #ffffff;
}

* {
    -webkit-tap-highlight-color : transparent;
}

body {
    font-family : "Ubuntu", sans-serif;
}

._hidden {
    display : none;
}

._red {
    color : red;
}

.filter-green {
    fill : yellow;
}

a {
    color           : inherit;
    text-decoration : inherit;
}

.-orange {
    color : #286b76;
}

.-white {
    color : white;
}

.-grey {
    color       : rgba(128, 128, 128, 0.527);
    font-weight : 300;
}

.-hidden {
    display : none;
}

.main-wrapper {
    max-width  : 1920px;
    width      : 100%;
    height     : 100vh;
    overflow-x : hidden;
    margin     : 0 auto;
}

.hamburger {
    position           : relative;
    display            : block;
    width              : 50px;
    cursor             : pointer;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    background         : none;
    outline            : none;
    border             : none;
    z-index            : 200;
}

.hamburger .bar,
.hamburger:after,
.hamburger:before {
    content          : "";
    display          : block;
    width            : 100%;
    height           : 5px;
    background-color : #ded5f0;
    margin           : 6px 0px;
    transition       : 0.4s;
}

.hamburger.is-active:before {
    transform : rotate(-45deg) translate(-8px, 6px);
}

.hamburger.is-active:after {
    transform : rotate(45deg) translate(-9px, -8px);
}

.hamburger.is-active .bar {
    opacity : 0;
}

.mobile-header-nav {
    display : none;
}

.mobile-nav {
    position         : fixed;
    top              : 0;
    left             : 0;
    bottom           : 0;
    right            : 0;
    display          : none;
    z-index          : 198;
    background-color : #6cb2c4;
    padding-top      : 120px;
    transition       : 0.4s;
    overflow         : hidden;
    transform        : translateX(200%);
}

.mobile-nav > ul {
    width : 100%;
}

.mobile-nav.is-active {
    overflow-y      : auto;
    padding         : 40px 0;
    transform       : translateX(0);
    justify-content : center;
    align-items     : center;

}

.mobile-nav a {
    display          : block;
    width            : 100%;
    max-width        : 200px;
    margin           : 0 auto 16px;
    text-align       : center;
    padding          : 12px 16px;
    background-color : #ffffff;
    color            : #000000;
    text-decoration  : none;
    border           : 2px solid #ffffff;
    transition       : 0.4s;
    font-weight      : 500;
    font-size        : 1.25rem;
}

.mobile-nav a:hover {
    border     : 2px solid #000000;
    color      : #6cb2c4;
    transition : 0.4s;
}

.content-wrapper {
    max-width     : 1200px;
    width         : 100%;
    padding-left  : 15px;
    padding-right : 15px;
    margin        : 0 auto;
    box-sizing    : border-box;
}

.content-wrapper--header {
    display        : flex;
    flex-direction : column;
    width          : 100%;
    box-sizing     : border-box;
    gap            : 100px;
    max-width      : 1550px;
}

.content-wrapper--form {
    background-color : white;
    box-shadow       : 0 0 5px #6cb2c4;
    margin           : 32px auto;
    width            : 100%;
    max-width        : 700px;
    position         : relative;
    overflow-y       : auto;
    max-height       : calc(100% - 64px);
}

.content-wrapper--form > form {
    display         : flex;
    flex-direction  : row;
    flex-wrap       : wrap;
    justify-content : center;
    align-items     : center;
    gap             : 25px;
}

.content-wrapper--shedule {
    margin            : 0 auto;
    width             : 100%;
    box-sizing        : border-box;
    display           : flex;
    flex-direction    : column;
    justify-content   : center;
    padding-top       : 50px;
    padding-bottom    : 50px;
    gap               : 35px;
    scroll-margin-top : 80px;
}

.content-wrapper--feedback {
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-direction  : column;
    gap             : 25px;
    padding-top     : 50px;
    padding-bottom  : 50px;
    box-sizing      : border-box;
}

.content-wrapper--unique {
    display         : flex;
    justify-content : center;
    align-items     : flex-start;
    flex-direction  : column;
    gap             : 25px;
    padding-top     : 50px;
    padding-bottom  : 50px;
    box-sizing      : border-box;
}

.content-wrapper--about {
    padding-top    : 50px;
    padding-bottom : 50px;
    box-sizing     : border-box;
}

ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
}

.header {
    padding-top         : 150px;
    padding-bottom      : 170px;
    background-image    : linear-gradient(to bottom, rgba(46, 56, 113, 0.52), rgba(67, 26, 57, 0.73)), url(../img/header-background.jpg);
    background-position : center center;
    background-size     : cover;
    display             : flex;
    gap                 : 100px;
    flex-direction      : column;
}

.header__menu {
    display         : flex;
    flex-direction  : row;
    align-items     : stretch;
    justify-content : space-between;
    gap             : 10px;
    position        : fixed;
    width           : 100%;
    left            : 0;
    right           : 0;
    top             : 0;
    background      : #6cb2c4;
    padding         : 5px 5px;
    z-index         : 100;
    max-width       : 1920px;
    margin          : auto;
    box-sizing      : border-box;
}

.header__logo {
    display     : flex;
    align-items : center;
    padding     : 10px 0 10px 30px;
}

.header__logo > img {
    width : 64px;
}

.header__contacts {
    max-width       : 230px;
    width           : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    gap             : 15px;
}

.header__contacts > img {
    position : relative;
    width    : 40px;
}

.header__contacts--mobile {
    justify-content : center;
}

.header__contacts-info {
    display        : flex;
    flex-direction : column;
    gap            : 5px;
    padding-top    : 5px;
    padding-bottom : 5px;
    font-size      : 1.1rem;
    color          : white;
    font-weight    : 400;
}

.header__info {
    width          : 100%;
    color          : #6cb2c4;
    font-weight    : 700;
    font-size      : 2.5rem;
    display        : flex;
    gap            : 20px;
    flex-direction : column;
    align-self     : unset;
    max-width      : 100%;
    grid-area      : text;
}

.header__sub-info {
    color     : white;
    font-size : 1.5rem;
}

.header__get-ticket {
    border          : 2px solid #286b76;
    color           : white;
    display         : flex;
    align-items     : center;
    justify-content : center;
    padding         : 12px 10px;
    cursor          : pointer;
    transition      : all 0.3s ease;
    box-sizing      : border-box;
    text-align      : center;
    font-size       : 2rem;
    background      : #286b76;
}

.header__get-ticket:hover {
    border           : 2px solid #6cb2c4;
    transition       : all 0.3s ease;
    background-color : transparent;
    color            : #6cb2c4;
}

.header__check {
    display         : flex;
    align-items     : center;
    justify-content : center;
    gap             : 15px;
    color           : white;
    text-align      : center;
    font-size       : 2.3rem;
}

.header__check > img {
    width  : 64px;
    height : 64px;
}

nav {
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 100%;
    color           : rgb(255, 255, 255);
    font-weight     : 500;
    font-size       : 1.25rem;
    text-align      : center;
}

nav > ul {
    max-width       : 920px;
    width           : 100%;
    display         : flex;
    flex-direction  : row;
    align-items     : center;
    justify-content : space-between;
    gap             : 15px;
}

nav > ul > li {
    transition : color 0.3s ease;
}

nav > ul > li:hover {
    color      : #286b76;
    transition : color 1s ease;
}

.lang {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    gap             : 10px;
    font-size       : 1.5rem;
    font-weight     : 500;
}

.lang__item {
    cursor     : pointer;
    transition : color 0.3s ease;
    color      : white;
}

.lang__item:hover {
    color      : #6cb2c4;
    transition : color 0.3s ease;
}

.lang__item._active {
    color : #cddc39;
}

.mobile-burger-menu {
    display : none;
}

.shedule__main-title {
    display         : flex;
    flex-direction  : row;
    align-items     : center;
    justify-content : center;
    gap             : 15px;
}

.shedule__title {
    align-self  : center;
    font-weight : 700;
    font-size   : 2rem;
    color       : #286b76;
}

.shedule__cards {
    display               : grid;
    align-items           : start;
    grid-template-columns : repeat(auto-fit, minmax(500px, 1fr));
    grid-auto-rows        : auto;
    gap                   : 35px;
    box-sizing            : border-box;
}

.shedule__card {
    background-color : white;
    box-shadow       : 0 0 5px #6cb2c4;
    margin           : 0 auto;
    max-width        : 1000px;
    width            : 100%;
    display          : flex;
    flex-direction   : row;
    justify-content  : space-between;
}

.shedule__main-info-wrap {
    padding         : 10px;
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
    align-items     : stretch;
    gap             : 15px;
    width           : 100%;
    box-sizing      : border-box;
}

.shedule__main-info {
    display         : flex;
    flex-direction  : column-reverse;
    justify-content : space-between;
    align-items     : start;
    gap             : 10px;
}

.shedule__direction-small {
    font-weight : 300;
    font-size   : 0.75rem;
    color       : rgba(0, 0, 0, 0.6);
}

.shedule__info-wrap {
    display        : flex;
    flex-direction : column;
    gap            : 5px;
    flex-shrink    : 0;
}

.shedule__direction-wrap {
    display         : flex;
    flex-direction  : row;
    font-weight     : 700;
    gap             : 30px;
    align-items     : center;
    justify-content : space-between;
}

.shedule__additional-info-wrap {
    display         : flex;
    justify-content : space-between;
}

.shedule__estimated-time {
    font-weight : 700;
    font-size   : 0.7rem;
    text-align  : center;
}

.shedule__time {
    font-weight : 400;
}

.shedule__sub-info {
    font-size   : 0.7rem;
    font-weight : 300;
}

.shedule__more {
    text-align      : center;
    font-size       : 1.2rem;
    transition      : all 0.5s ease;
    display         : flex;
    justify-content : flex-start;
    align-items     : center;
    gap             : 5px;
    cursor          : pointer;
}

.shedule__more #icon-down-open {
    font-size  : 0.75rem;
    display    : flex;
    transition : transform 0.5s ease;
}

.shedule__more > #icon-down-open::before {
    font-size : 0.75rem;
}

.shedule__more:hover {
    transition : all 0.5s ease;
    color      : #6cb2c4;
}

.shedule__all-info {
    max-height     : 0;
    transition     : all 1s ease;
    overflow       : hidden;
    display        : none;
    font-size      : 0.8rem;
    font-weight    : 300;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    gap            : 15px;
}

.shedule__direction-main {
    font-weight : 500;
}

.shedule__direction-item {
    width       : 100%;
    display     : flex;
    align-items : center;
    gap         : 5px;
}

.shedule__direction-more {
    display        : flex;
    flex-direction : column;
    gap            : 5px;
    max-width      : 300px;
    width          : 100%;
}

.shedule__description-wrapper {
    width : 100%;
}

.shedule__description-wrapper > ul {
    display        : flex;
    flex-direction : column;
    gap            : 10px;
}

.shedule__description-wrapper li {
    display     : flex;
    gap         : 5px;
    align-items : center;
}

.shedule__description-info {
    display         : flex;
    gap             : 10px;
    width           : 100%;
    box-sizing      : border-box;
    justify-content : center;
    text-align      : center;
}

.shedule__offer {
    display         : flex;
    flex-direction  : column;
    align-items     : stretch;
    justify-content : space-between;
    color           : white;
    font-weight     : 500;
    gap             : 10px;
}


.shedule__buy {
    border-left      : 5px dotted white;
    cursor           : pointer;
    position         : relative;
    background-color : #286b76;
    padding          : 10px;
}

.shedule__buy::before {
    content    : "";
    position   : absolute;
    top        : 0;
    left       : 0;
    transition : border-width 0.5s ease-out;
    transform  : rotate(-90deg);
}

.shedule__buy:hover::before {
    border-width : 0 15px 15px 0;
    border-color : transparent #ffffff transparent transparent;
    border-style : solid;
    transition   : border-width 0.5s ease-out;
}

.shedule__price {
    background    : #6cb2c4;
    padding       : 10px;
    border-radius : 10px 0 0 0;
}

.decor-wrapper {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    width          : 20px;
    gap            : 5px;
}

.decor-wrapper > .icon-genderless {
    margin-left : 2px;
}

.decor-dotted {
    display      : block;
    height       : 25px;
    width        : 1px;
    margin-left  : 6px;
    border-right : 2px dotted rgba(129, 102, 102, 0.479);
}

.destination {
    display        : flex;
    gap            : 40px;
    flex-direction : column;
    font-size      : 0.75rem;
    font-weight    : 300;
}

.feedback {
    box-shadow        : rgba(0, 0, 0, 0.176) 1px 1px 18px 10px;
    background-color  : #6cb2c4;
    color             : white;
    font-weight       : 500;
    font-size         : 2rem;
    position          : relative;
    z-index           : 10;
    scroll-margin-top : 80px;
}

.feedback__main-info {
    text-align : center;
}

.feedback__sub-info {
    text-align  : center;
    font-weight : 300;
    font-size   : 1rem;
    min-height  : 55px;
}

.feedback__buttons-wrapper {
    width           : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    gap             : 25px;
}

.feedback__choice-wrapper {
    display        : flex;
    flex-direction : row;
    gap            : 120px;
}

.feedback__arrows-wrapper {
    position : relative;
}

.feedback__social {
    display        : flex;
    flex-direction : column;
    gap            : 25px;
    align-items    : center;
    width          : 100%;
}

.feedback__call {
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
    gap             : 25px;
    align-items     : center;
    width           : 100%;
}

.feedback__button {
    max-width       : 220px;
    min-width       : 150px;
    cursor          : pointer;
    padding         : 10px;
    box-sizing      : border-box;
    width           : 100%;
    background      : white;
    display         : inline-flex;
    flex-direction  : row;
    align-items     : center;
    justify-content : center;
    gap             : 10px;
    font-size       : 1.125rem;
    transition      : border-color 0.5s ease;
    border          : 2px solid black;
    color           : black;
}

.feedback__button:hover {
    transition : border-color 0.5s ease;
}

.feedback__button > img {
    width  : 32px;
    height : 32px;
}

.feedback__button--white:hover {
    border-color : #b34a04;
}

.feedback__button--blue:hover {
    border-color : #1f0cb3;
}

.feedback__button--soft-blue:hover {
    border-color : #1275ff;
}

.arrow {
    width    : 64px;
    position : absolute;
}

.arrow--left {
    transform : scaleX(-1) rotate(15deg) translateX(-6px);
    left      : -40px;
}

.arrow--right {
    transform : rotate(15deg);
    left      : -10px;
}

.advantages {
    width             : 100%;
    position          : relative;
    display           : flex;
    flex-direction    : column;
    gap               : 25px;
    padding           : 100px 30px;
    box-sizing        : border-box;
    scroll-margin-top : 50px;
}

.advantages__title {
    font-weight : 700;
    font-size   : 2rem;
    color       : #286b76;;
    text-align  : center;
}

.advantages__cards-set {
    display        : flex;
    flex-direction : row;
    gap            : 25px;
}

.advantages__cards-pair {
    display        : flex;
    flex-direction : column;
    gap            : 25px;
    max-width      : 900px;
    width          : 100%;
}

.advantages__card {
    display        : flex;
    flex-direction : column;
    font-size      : 1rem;
    box-sizing     : border-box;
    font-weight    : 400;
    padding        : 20px;
    gap            : 10px;
    overflow-y     : auto;
}

.advantages__card > img {
    width      : 64px;
    height     : 64px;
    align-self : center;
}

.advantages__card-info {
    display        : flex;
    flex-direction : column;
    gap            : 15px;
    font-size      : clamp(0.875rem, 0.653rem + 1.111vw, 1rem);
}

.advantages__card-title {
    font-size   : 1.25rem;
    font-weight : 500;
}

.unique {
    background-color : #6cb2c4;
}

.unique__info {
    display        : flex;
    flex-direction : column;
    gap            : 25px;
    align-items    : flex-start;
    color          : white;
}

.unique__title {
    font-size   : 2rem;
    font-weight : 500;
    text-align  : center;
}

.unique__subtitle {
    font-size   : 1.25rem;
    font-weight : 300;
    text-align  : center;
}

.unique__text {
    font-size   : 1rem;
    font-weight : 300;
    text-align  : center;
}

.unique__cards-wrapper {
    display         : flex;
    flex-direction  : row;
    gap             : 25px;
    align-items     : stretch;
    padding         : 50px 0;
    justify-content : center;
    flex-wrap       : wrap;
    align-self      : center;
    width           : 100%;
}

.unique__card {
    max-width        : 300px;
    width            : 100%;
    display          : flex;
    flex-direction   : column;
    gap              : 25px;
    align-items      : flex-start;
    justify-content  : left;
    padding          : 30px;
    box-sizing       : border-box;
    background-color : white;
    box-shadow       : rgba(0, 0, 0, 0.176) 1px 1px 18px 10px;
    transition       : box-shadow 0.5s ease;
    min-height       : 300px;
}

.unique__card-title {
    font-size   : 1.25rem;
    font-weight : 500;
    min-height  : 3rem;
}

.unique__card-info {
    font-size   : 1rem;
    font-weight : 300;
}

.unique__card-icon {
    width  : 64px;
    height : 64px;
}

.photo-title {
    font-size   : 2rem;
    font-weight : 500;
    text-align  : center;
    padding     : 50px 15px;
    color       : #286b76;
}

.mySwiper2 {
    min-height : 335px;
}

.mySwiper2 .swiper-slide-active {
    padding          : 30px;
    box-shadow       : rgba(0, 0, 0, 0.176) 1px 1px 18px 10px;
    height           : 80%;
    background-color : #6cb2c4;
    color            : white;
    transition       : color 0.5s ease, background-color 0.5s ease, box-shadow 0.5s ease, height 0.5s ease;
    text-align       : left;
}

.mySwiper2 .swiper-slide-active .swiper__name {
    color : white;
}

.mySwiper2 .swiper-slide-active .swiper__title {
    color : rgb(0, 0, 0);
}

.mySwiper2 .swiper-slide-active .swiper__text {
    color : white;
}

.swiper__slide {
    max-width      : 300px;
    width          : 100%;
    display        : flex;
    flex-direction : column;
    gap            : 15px;
    color          : gray;
    transition     : all 0.5s ease;
    text-align     : left;
}

.swiper__name {
    font-size   : 1.25rem;
    font-weight : 500;
    color       : gray;
}

.swiper__title {
    font-size   : 1.25rem;
    font-weight : 500;
    color       : #6cb2c4;
    color       : gray;
}

.swiper__text {
    font-size   : 1rem;
    font-weight : 300;
    color       : gray;
}

.rewiew-title {
    font-size         : 2rem;
    font-weight       : 700;
    text-align        : center;
    padding-bottom    : 20px;
    padding-top       : 50px;
    color             : #286b76;
    scroll-margin-top : 100px;
}

.about__faq {
    display        : flex;
    flex-direction : column;
    padding        : 30px;
    width          : 100%;
    box-sizing     : border-box;
    box-shadow     : 0 90px 70px 0 rgba(0, 0, 0, 0.04), 0 40px 35px 0 rgba(0, 0, 0, 0.03), 0 25px 15px 0 rgba(0, 0, 0, 0.03), 0 11px 7px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03);
}

.about__question {
    display         : flex;
    justify-content : space-between;
    padding-right   : 5px;
    cursor          : pointer;
    font-size       : 1.25rem;
    padding         : 10px 5px 10px 0;
}

.about__question > .icon-down-open {
    transition       : .4s ease-in-out;
    transform-origin : 50% 10px;
}

.about__question:hover {
    color : #6cb2c4;
}

.about__answer {
    max-height  : 0;
    overflow    : hidden;
    transition  : all 0.5s ease;
    font-weight : 300;
}

.about__info {
    display        : flex;
    flex-direction : column;
    gap            : 15px;
    align-items    : center;
    width          : 100%;
    box-sizing     : border-box;
}

.about__title {
    font-size   : 2rem;
    font-weight : 500;
    text-align  : center;
    color       : #6cb2c4;
}

.about__subtitle {
    font-size   : 1.25rem;
    font-weight : 300;
    text-align  : center;
}

.about__text {
    font-size   : 1rem;
    font-weight : 300;
    text-align  : center;
}

.about__picture {
    width      : 100%;
    max-width  : 550px;
    box-shadow : 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.about__picture > img {
    width   : 100%;
    display : block;
}

.footer {
    background-color : #6cb2c4;
    display          : flex;
    flex-direction   : row;
    gap              : 15px;
    align-items      : center;
    justify-content  : center;
    color            : white;
    padding          : 10px;
    box-sizing       : border-box;
}

.footer__menu-wrapper {
    display        : flex;
    flex-direction : row;
    gap            : 25px;
    align-items    : center;
    padding        : 30px 0;
    max-width      : 1200px;
}

.footer__menu {
    display        : flex;
    flex-direction : row;
    gap            : 25px;
    align-items    : center;
}

.footer__menu-section {
    display        : flex;
    flex-direction : row;
    gap            : 15px;
    align-items    : center;
}

.footer__social {
    display        : flex;
    flex-direction : row;
    gap            : 25px;
    align-items    : center;
}

.footer__social-section {
    display : flex;
}

.footer__contacts {
    display : flex;
    gap     : 30px;
}

.footer__contacts-wrapper {
    display        : flex;
    flex-direction : column;
    gap            : 15px;
}

.footer__logo > a {
    width           : 50px;
    height          : 50px;
    display         : block;
    background      : url("../img/arrow-top.png") no-repeat center;
    background-size : contain;
}

.form {
    padding : 35px;
}

.close {
    position : absolute;
    top      : 10px;
    right    : 20px;
}

.form__item-wrapper {
    display         : flex;
    flex-direction  : row;
    gap             : 50px;
    width           : 100%;
    justify-content : center;
    align-items     : stretch;
}

.form__item {
    display         : flex;
    flex-direction  : column;
    align-items     : flex-start;
    justify-content : space-between;
    gap             : 5px;
    max-width       : 300px;
    box-sizing      : border-box;
    width           : 100%;
}

.form__label {
    font-size   : 1rem;
    font-weight : 500;
    color       : gray;
}

.form__get-ticket {
    border           : 2px solid black;
    background-color : transparent;
    color            : rgb(0, 0, 0);
    font-weight      : 600;
    font-size        : 1.25rem;
    width            : 100%;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    padding          : 10px;
    cursor           : pointer;
    transition       : all 0.3s ease;
    box-sizing       : border-box;
    text-align       : center;
}

.form__get-ticket:hover {
    border           : 2px solid #6cb2c4;
    transition       : all 0.3s ease;
    background-color : transparent;
    color            : #6cb2c4;
}

.form__input-text {
    width       : 100%;
    cursor      : pointer;
    padding     : 10px 15px;
    border      : 2px solid #000000;
    background  : #ffffff;
    color       : #000000;
    font-weight : 500;
    transition  : border-color 0.5s ease;
    box-sizing  : border-box;
}

.form__input-text:focus,
.form__input-text:hover {
    outline      : none;
    border-color : #6cb2c4;
    transition   : border-color 0.5s ease;
}

.select {
    position  : relative;
    max-width : 300px;
    width     : 100%;
}

.select select {
    font-family        : "Arial";
    display            : inline-block;
    width              : 100%;
    cursor             : pointer;
    padding            : 10px 35px 10px 15px;
    outline            : 0;
    background         : transparent;
    border             : 2px solid #000000;
    color              : #000000;
    appearance         : none;
    -webkit-appearance : none;
    -moz-appearance    : none;
    font-weight        : 600;
    z-index            : 2;
    transition         : border-color 0.5s ease;
}

.select select::-ms-expand {
    display : none;
}

.select select:hover {
    border-color : #6cb2c4;
    transition   : border-color 0.5s ease;
}

.select select:disabled {
    opacity        : 0;
    pointer-events : none;
}

.select_arrow {
    position          : absolute;
    z-index           : 1;
    bottom            : 18px;
    right             : 15px;
    width             : 0px;
    height            : 0px;
    border            : solid #000000;
    border-width      : 0 3px 3px 0;
    display           : inline-block;
    padding           : 3px;
    transform         : rotate(45deg);
    -webkit-transform : rotate(45deg);
    transition        : border-color 0.5s ease;
}

.select select:hover ~ .select_arrow {
    border-color : #6cb2c4;
    transition   : border-color 0.5s ease;
}

.select select:disabled ~ .select_arrow {
    border-top-color : #cccccc;
}

.my-swiper {
    max-width  : 1200px;
    padding    : 20px 45px 30px;
    margin     : 0 auto;
    width      : 100%;
    box-sizing : border-box;
}

.my-swiper--images {
    padding : 0 45px 30px;
}

.my-swiper-slide {
    text-align      : center;
    font-size       : 18px;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.my-swiper-slide--img img {
    display         : block;
    width           : 100%;
    -o-object-fit   : cover;
    object-fit      : cover;
    object-position : left;
    max-height      : 450px;
    min-height      : 350px;
    aspect-ratio    : 1/2;
}

/*.swiper-slide {*/
/*  width: 60%;*/
/*}*/

.modal {
    position         : fixed;
    /* Stay in place */
    z-index          : 100;
    /* Sit on top */
    padding-top      : 50px;
    padding-bottom   : 15px;
    padding-left     : 15px;
    padding-right    : 15px;
    box-sizing       : border-box;
    left             : 0;
    top              : 0;
    width            : 100%;
    /* Full width */
    height           : 100%;
    /* Full height */
    background-color : rgb(0, 0, 0);
    /* Fallback color */
    background-color : rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.close:after {
    display   : inline-block;
    content   : "×";
    /* This will render the 'X' */
    font-size : 3rem;
    cursor    : pointer;
}

#date {
    max-width : 300px;
    width     : 100%;
}

#date input {
    border        : 2px solid black;
    border-radius : 0;
    width         : 100%;
    height        : 42.39px;
    font-weight   : 600;
    color         : #000000;
}

.rotate-center {
    animation : rotate-center 0.4s ease-in-out both infinite;
}

@keyframes rotate-center {
    0% {
        transform : rotate(0);
    }

    25% {
        transform : rotate(-5deg);
    }

    75% {
        transform : rotate(5deg);
    }

    100% {
        transform : rotate(0deg);
    }
}

.translate-right {
    animation : translate-right 1s ease-in-out both infinite;
}

@keyframes translate-right {
    0% {
        transform : rotate(15deg) translateX(0px);
    }

    50% {
        transform : rotate(15deg) translateX(6px);
    }

    100% {
        transform : rotate(15deg) translateX(0px);
    }
}

.translate-left {
    animation               : translate-left 1s ease-in-out both infinite;
    animation-delay         : 0.5s;
    -webkit-animation-delay : 0.5s;
}

@keyframes translate-left {
    0% {
        transform : scaleX(-1) rotate(15deg) translateX(-6px);
    }

    50% {
        transform : scaleX(-1) rotate(15deg) translateX(0px);
    }

    100% {
        transform : scaleX(-1) rotate(15deg) translateX(-6px);
    }
}

#ship * {
    transition-property        : all;
    transition-timing-function : cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration        : 300ms;
}

#ship {
    margin   : 0 auto;
    display  : flex;
    overflow : auto;
    padding  : 1rem;
}

#ship button {
    background-color : #ef4444;
    border-radius    : 0.5rem;
    padding          : 0.5rem;
    color            : #ffffff;
}

#ship > form {
    display        : flex;
    flex-direction : column;
    gap            : 1.25rem;
    align-items    : start;
    flex-wrap      : wrap;
    margin         : 0 auto;
}

#ship > form > div {
    display        : flex;
    flex-direction : column;
    gap            : 1.25rem;
}

#ship .title {
    display          : flex;
    width            : auto;
    align-items      : center;
    border-radius    : 0.5rem;
    padding          : 0.5rem;
    background-color : #e5e5e5;
    border-radius    : 2rem 0.5rem 0.5rem 2rem;
}

#ship .title h2 {
    transform   : rotate(-90deg);
    width       : 2.5rem;
    display     : inline-block;
    font-weight : 700;
    font-size   : 0.875rem;
    line-height : 1.25rem;
}

#ship h3 {
    text-align       : center;
    position         : absolute;
    background-color : #ffffff;
    padding          : 0px 5px;
    left             : 10px;
    top              : -7px;
    border           : 1px solid #e5e5e5;
    display          : inline-block;
    font-weight      : 700;
    font-size        : 0.75rem;
    border-radius    : 0.25rem;
}

.class-vip:hover .title {
    background-color : #dbeafe !important;
}

.class-vip:hover,
.class-vip:hover h3 {
    border : 1px solid #dbeafe !important;
}

.class-eco:hover .title {
    background-color : #fedbdb !important;
}

.class-eco:hover,
.class-eco:hover h3 {
    border : 1px solid #fedbdb !important;
}

div[class^=class-]:hover,
div[class^=class-]:hover .title,
div[class^=class-]:hover .seats li label {
    border-radius : 0.25rem !important;
}

div[class^=class-] {
    border          : 1px solid #e5e5e5;
    position        : relative;
    padding         : 1.75rem;
    border-radius   : 0.5rem;
    gap             : 1.25rem;
    display         : flex;
    justify-content : space-between;
}

.btn-submit {
    position        : relative;
    gap             : 1.25rem;
    display         : flex;
    width           : 100%;
    justify-content : flex-end;
}

.spacer {
    height : 1.25rem;
}

.seats-wrapper {
    gap             : 0.75rem;
    flex-direction  : column;
    display         : flex;
    justify-content : center;
}

.seats {
    display         : flex;
    justify-content : flex-end;
    gap             : 1rem;
    list-style      : none;
    padding         : 0;
    margin          : 0;
}

.seats li {
    width          : 1.75rem;
    height         : 1.75rem;
    position       : relative;
    text-transform : uppercase;
    font-weight    : 700;
    font-size      : 0.75rem;
    line-height    : 1rem;
    color          : #111111;
    flex-basis     : auto;
}

.seats li:after {
    position      : absolute;
    content       : "";
    border        : 1px solid #d4d4d4;
    border-radius : 0.25rem;
    transform     : translateY(-50%);
    height        : 1.25rem;
    width         : 1.25rem;
    right         : -5px;
    top           : 50%;
    z-index       : -1;
}

.seats > li input[type=checkbox] {
    position : absolute;
    opacity  : 0;
}

.seats > li input[type=checkbox]:checked + label {
    background-color    : #16a34a !important;
    color               : #ffffff;
    animation-name      : menTul;
    animation-duration  : 300ms;
    animation-fill-mode : both;
}

.seats > li input[type=checkbox]:disabled + label {
    background-color : #dc2626;
    text-indent      : -9999px;
    overflow         : hidden;
}

.seats > li input[type=checkbox]:disabled + label:after {
    content     : "x";
    color       : white;
    text-indent : 0;
    position    : absolute;
    display     : flex;
    left        : 50%;
    transform   : translate(-50%, 0%);
}

.seats > li input[type=checkbox]:disabled + label:hover {
    box-shadow : none;
    cursor     : not-allowed;
}

.seats > li label {
    display             : flex;
    justify-content     : center;
    align-items         : center;
    position            : relative;
    background-color    : #e5e5e5;
    width               : 100%;
    height              : 100%;
    border-radius       : 0.75rem 0.15rem 0.15rem 0.75rem;
    overflow            : hidden;
    animation-duration  : 300ms;
    animation-fill-mode : both;
    transition-duration : 300ms;
}

.seats > div label:hover {
    cursor     : pointer;
    box-shadow : 0px 0 7px 3px #ccc;
}

/* start ship layout 2 */

#ship.ship-layout-2 h3 {
    left  : 10px;
    right : auto;
}

#ship.ship-layout-2 .seats li:after {
    display : none;
}

#ship.ship-layout-2 .seats,
#ship.ship-layout-2 .seats-wrapper {
    gap : 0.3125rem;
}

#ship.ship-layout-2 .seats li {
    width     : 1.625rem;
    height    : 1.625rem;
    font-size : 0.625rem;
}

#ship.ship-layout-2 .seats > li label {
    border-radius : 0.3125rem;
}

#ship.ship-layout-2 div[class^=class-] {
    justify-content : end;
}

#ship.ship-layout-2 .class-vip:hover .seats input[type=checkbox]:not(:disabled) + label,
#ship.ship-layout-2 .class-vip:hover h3 {
    background-color : #dbeafe;
}

#ship.ship-layout-2 .class-eco:hover .seats input[type=checkbox]:not(:disabled) + label,
#ship.ship-layout-2 .class-eco:hover h3 {
    background-color : #fedbdb;
}

/* end ship layout 2 */

/* animation */

@keyframes menTul {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity   : 0;
        transform : scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform : scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform : scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity   : 1;
        transform : scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform : scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity   : 1;
        transform : scale3d(1, 1, 1);
    }
}

.menTul {
    animation-name : menTul;
}

.free--entry {
    background-image    : url("../img/arrow-down.png");
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : 1rem;
}

.free--driver {
    background-image    : url("../img/wheel.png");
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : 1rem;
}

.consult {
    display         : flex;
    align-items     : center;
    justify-content : center;
    flex-direction  : column;
    gap: 1rem;
    margin          : 0 auto;
    max-width       : 1200px;
    width           : 100%;
    align-self      : center;
    font-weight     : 700;
    font-size       : 2rem;
    color           : #FFFFFF;
    padding         : 50px 15px;
    box-sizing      : border-box;
}

.consult__title {
    text-align : center;
}

@media (min-width : 1024px) {
    #ship {
        justify-content : center;
    }

    #ship > form > div {
        flex-direction : row;
    }

    div[class^=class-] {
        border-radius : 3rem 1rem 1rem 3rem;
    }

    #ship h3 {
        right : 10px;
        left  : auto;
    }

    .ship-layout-2 div[class^=class-] {
        border-radius : 0.75rem;
    }
}

@media screen and (max-width : 1200px) {
    .mobile-header-nav {
        display : flex;
    }

    nav {
        display : none;
    }

    .lang {
        margin-left    : auto;
        flex-direction : row;
    }

    .mobile-burger-menu {
        position       : absolute;
        top            : 0;
        left           : 0;
        display        : flex;
        flex-direction : column;
        height         : 100vh;
    }
}

@media screen and (max-width : 1150px) {
    .footer__menu {
        display : none;
    }
}

@media screen and (max-width : 1140px) {
    .feedback__choice-wrapper {
        flex-direction : column;
        gap            : 30px;
    }

    .feedback__arrows-wrapper {
        display : none;
    }
}

@media screen and (max-width : 1120px) {
    .header__contacts--desktop > img {
        display : none;
    }
}

@media screen and (max-width : 1200px) {
    .mobile-nav {
        display : grid;
    }
}

@media screen and (max-width : 768px) {

    .header__sub-info {
        line-height : 1.5;
        font-size   : 1.7rem;
    }

    .header__get-ticket {
        font-size : 1.5rem;
    }

    .shedule__card {
        flex-direction : column;
    }

    .shedule__direction-wrap {
        gap         : 1rem;
        align-items : stretch;
    }

    .shedule__offer {
        border-left    : none;
        max-width      : 100%;
        box-sizing     : border-box;
        padding        : 0;
        flex-direction : row;
    }

    .shedule__buy {
        border-radius : 0 10px 0 0;
    }

    .advantages__cards-set {
        flex-direction : column;
    }

    .mySwiper2 .swiper-slide-active {
        box-sizing : border-box;
    }

    .photo-title {
        padding : 15px;
    }

    .content-wrapper--feedback {
        font-size : clamp(0.875rem, 0.071rem + 4.018vw, 2rem);
    }
}

@media screen and (max-width : 758px) {
    .header__logo {
        padding : 0;
    }
}

@media screen and (max-width : 650px) {
    .header__check {
        font-size : 1.5rem;
    }

    .header__check > img {
        width  : 32px;
        height : 32px;
    }
}

@media screen and (max-width : 600px) {
    .feedback__buttons-wrapper {
        flex-wrap : wrap;
    }

}

@media screen and (max-width : 550px) {
    .form__item-wrapper {
        flex-direction : column;
        gap            : 25px;
    }
}

@media screen and (max-width : 525px) {
    .footer__social {
        padding : 20px;
    }

    .footer__social-item img {
        width  : 36px;
        height : 36px;
    }

    .shedule__cards {
        grid-template-columns : repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width : 445px) {
    .header__check {
        font-size : 1.5rem;
    }

    .header__check > img {
        width  : 32px;
        height : 32px;
    }
}

@media screen and (max-width : 425px) {
    .lang {
        flex-direction : column;
    }
}

@media screen and (max-width : 375px) {
    .header__logo {
        display : none;
    }
}

@media screen and (max-width : 360px) {
    .mySwiper2 {
        min-height : 500px;
    }

    .swiper-slide {
        width : 100%;
    }
}

@media screen and (max-width : 350px) {
    .footer__social {
        flex-direction : column-reverse;
    }
}

@media screen and (max-width : 325px) {
    .header__contacts-info {
        font-size : 1rem;
    }
}