/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.datepicker {
    width: -moz-min-content;
    width: min-content
}

.datepicker:not(.active) {
    display: none
}

.datepicker-dropdown {
    position: absolute;
    z-index: 20;
    padding-top: 4px
}

.datepicker-dropdown.datepicker-orient-top {
    padding-top: 0;
    padding-bottom: 4px
}

.datepicker-picker {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background-color: #fff
}

.datepicker-dropdown .datepicker-picker {
    box-shadow: 0 2px 3px #0a0a0a1a,0 0 0 1px #0a0a0a1a
}

.datepicker-main {
    flex: auto;
    padding: 2px
}

.datepicker-footer {
    box-shadow: inset 0 1px 1px #0a0a0a1a;
    background-color: #f5f5f5
}

.datepicker-title {
    box-shadow: inset 0 -1px 1px #0a0a0a1a;
    background-color: #f5f5f5;
    padding: .375rem .75rem;
    text-align: center;
    font-weight: 700
}

.datepicker-controls {
    display: flex
}

.datepicker-header .datepicker-controls {
    padding: 2px 2px 0
}

.datepicker-controls .button {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 1px solid gainsboro;
    border-radius: 4px;
    box-shadow: none;
    background-color: #fff;
    cursor: pointer;
    padding: calc(.375em - 1px) .75em;
    height: 2.25em;
    vertical-align: top;
    text-align: center;
    line-height: 1.5;
    white-space: nowrap;
    color: #363636;
    font-size: 1rem
}

.datepicker-controls .button:focus,.datepicker-controls .button:active {
    outline: none
}

.datepicker-controls .button:hover {
    border-color: #b8b8b8;
    color: #363636
}

.datepicker-controls .button:focus {
    border-color: #3273dc;
    color: #363636
}

.datepicker-controls .button:focus:not(:active) {
    box-shadow: 0 0 0 .125em #3273dc40
}

.datepicker-controls .button:active {
    border-color: #474747;
    color: #363636
}

.datepicker-controls .button[disabled] {
    cursor: not-allowed
}

.datepicker-header .datepicker-controls .button {
    border-color: transparent;
    font-weight: 700
}

.datepicker-header .datepicker-controls .button:hover {
    background-color: #f9f9f9
}

.datepicker-header .datepicker-controls .button:active {
    background-color: #f2f2f2
}

.datepicker-footer .datepicker-controls .button {
    flex: auto;
    margin: calc(.375rem - 1px) .375rem;
    border-radius: 2px;
    font-size: .75rem
}

.datepicker-controls .view-switch {
    flex: auto
}

.datepicker-controls .prev-button,.datepicker-controls .next-button {
    padding-right: .375rem;
    padding-left: .375rem;
    flex: 0 0 14.2857142857%
}

.datepicker-controls .prev-button.disabled,.datepicker-controls .next-button.disabled {
    visibility: hidden
}

.datepicker-view,.datepicker-grid {
    display: flex
}

.datepicker-view {
    align-items: stretch;
    width: 15.75rem
}

.datepicker-grid {
    flex-wrap: wrap;
    flex: auto
}

.datepicker .days {
    display: flex;
    flex-direction: column;
    flex: auto
}

.datepicker .days-of-week {
    display: flex
}

.datepicker .week-numbers {
    display: flex;
    flex-direction: column;
    flex: 0 0 9.6774193548%
}

.datepicker .weeks {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: auto
}

.datepicker span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.datepicker .dow {
    height: 1.5rem;
    font-size: .875rem;
    font-weight: 700
}

.datepicker .week {
    flex: auto;
    color: #b8b8b8;
    font-size: .75rem
}

.datepicker-cell,.datepicker .days .dow {
    flex-basis: 14.2857142857%
}

.datepicker-cell {
    height: 2.25rem
}

.datepicker-cell:not(.day) {
    flex-basis: 25%;
    height: 4.5rem
}

.datepicker-cell:not(.disabled):hover {
    background-color: #f9f9f9;
    cursor: pointer
}

.datepicker-cell.focused:not(.selected) {
    background-color: #e9e9e9
}

.datepicker-cell.selected,.datepicker-cell.selected:hover {
    background-color: #3273dc;
    color: #fff;
    font-weight: 600
}

.datepicker-cell.disabled {
    color: #dcdcdc
}

.datepicker-cell.prev:not(.disabled),.datepicker-cell.next:not(.disabled) {
    color: #7a7a7a
}

.datepicker-cell.prev.selected,.datepicker-cell.next.selected {
    color: #e6e6e6
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
    border-radius: 0;
    background-color: #f5f5f5
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
    background-color: #efefef
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
    background-color: #e9e9e9
}

.datepicker-cell.today:not(.selected) {
    background-color: #00d1b2
}

.datepicker-cell.today:not(.selected):not(.disabled) {
    color: #fff
}

.datepicker-cell.today.focused:not(.selected) {
    background-color: #00ccad
}

.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected) {
    background-color: #b8b8b8;
    color: #fff
}

.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected) {
    background-color: #b3b3b3
}

.datepicker-cell.range-start:not(.range-end) {
    border-radius: 4px 0 0 4px
}

.datepicker-cell.range-end:not(.range-start) {
    border-radius: 0 4px 4px 0
}

.datepicker-cell.range {
    border-radius: 0;
    background-color: #dcdcdc
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: #d7d7d7
}

.datepicker-cell.range.disabled {
    color: #c6c6c6
}

.datepicker-cell.range.focused {
    background-color: #d1d1d1
}

.datepicker-input.in-edit {
    border-color: #276bda
}

.datepicker-input.in-edit:focus,.datepicker-input.in-edit:active {
    box-shadow: 0 0 .25em .25em #276bda33
}

@font-face {
    font-family: Mazzard;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../fonts/MazzardH-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Mazzard;
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(../fonts/MazzardH-Medium.woff2) format("woff2")
}

@font-face {
    font-family: Mazzard;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../fonts/MazzardH-Bold.woff2) format("woff2")
}

.lds-ripple {
    color: #00206f
}

.lds-ripple,.lds-ripple div {
    box-sizing: border-box
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-ripple div {
    position: absolute;
    border: 4px solid currentColor;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite
}

.lds-ripple div:nth-child(2) {
    animation-delay: -.5s
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 8px;
        height: 8px;
        opacity: 0
    }

    4.9% {
        top: 36px;
        left: 36px;
        width: 8px;
        height: 8px;
        opacity: 0
    }

    5% {
        top: 36px;
        left: 36px;
        width: 8px;
        height: 8px;
        opacity: 1
    }

    to {
        top: 0;
        left: 0;
        width: 80px;
        height: 80px;
        opacity: 0
    }
}

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slides--dragging {
    -webkit-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows,.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.glide__arrow {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em #0000001a;
    text-shadow: 0 .25em .5em rgba(0,0,0,.1);
    opacity: 1;
    cursor: pointer;
    transition: opacity .15s ease,border .3s ease-in-out;
    transform: translateY(-50%);
    line-height: 1
}

.glide__arrow:focus {
    outline: none
}

.glide__arrow:hover {
    border-color: #fff
}

.glide__arrow--left {
    left: 2em
}

.glide__arrow--right {
    right: 2em
}

.glide__arrow--disabled {
    opacity: .33
}

.glide__bullets {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translate(-50%)
}

.glide__bullet {
    background-color: #ffffff80;
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 .25em .5em #0000001a;
    margin: 0 .25em
}

.glide__bullet:focus {
    outline: none
}

.glide__bullet:hover,.glide__bullet:focus {
    border: 2px solid white;
    background-color: #ffffff80
}

.glide__bullet--active {
    background-color: #fff
}

.glide--swipeable {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.glide--dragging {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

.glide__arrow {
    border-radius: 8px;
    background-color: #fff6;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: none;
    text-shadow: none;
    width: 48px;
    height: 48px;
    border: 0;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat
}

.glide__arrow:hover {
    background-color: #fff
}

.glide__arrow--left {
    background-image: url(../img/svg/white/caret-left.svg)
}

.glide__arrow--left:hover {
    background-image: url(../img/svg/blue/caret-left.svg)
}

.glide__arrow--right {
    background-image: url(../img/svg/white/caret-right.svg)
}

.glide__arrow--right:hover {
    background-image: url(../img/svg/blue/caret-right.svg)
}

.glide__arrow--white {
    background-color: #fff
}

.glide__arrow--white:hover {
    background-color: #00206f
}

.glide__arrow--white.glide__arrow--left {
    background-image: url(../img/svg/blue/caret-left.svg)
}

.glide__arrow--white.glide__arrow--left:hover {
    background-image: url(../img/svg/white/caret-left.svg)
}

.glide__arrow--white.glide__arrow--right {
    background-image: url(../img/svg/blue/caret-right.svg)
}

.glide__arrow--white.glide__arrow--right:hover {
    background-image: url(../img/svg/white/caret-right.svg)
}

.glide__bullets--slides {
    bottom: 122px
}

.glide__bullet {
    background-color: transparent;
    width: 18px;
    height: 6px;
    padding: 0;
    border-radius: 0;
    border: none;
    line-height: 0;
    box-shadow: none;
    margin: 0 2px;
    background-position: center center;
    background-image: url(../img/svg/white/dot.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.glide__bullet--active {
    background-image: url(../img/svg/blue/dot.svg)
}

.glide__bullet:hover,.glide__bullet:focus {
    border: 0;
    background-color: transparent;
    background-image: url(../img/svg/blue/dot.svg)
}

.glide__slides {
    white-space: normal
}

.b-list,.b-tours__list,.modal__list {
    padding: 0 24px 24px 32px;
    display: block;
    list-style: none;
    margin: 0
}

@media (max-width: 960px) {
    .b-list,.b-tours__list,.modal__list {
        padding-left:0;
        padding-right: 0
    }
}

.b-list>li,.b-tours__list>li,.modal__list>li,.b-list__item,.b-tours__listItem {
    margin-bottom: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #00206f;
    white-space: normal;
    background-image: url(../img/svg/bulltet.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 48px
}

@media (max-width: 960px) {
    .b-list>li,.b-tours__list>li,.modal__list>li,.b-list__item,.b-tours__listItem {
        font-size:14px
    }
}

.b-h1,.b-error__title,.b-slider__title {
    display: block;
    margin-top: 0;
    text-transform: uppercase;
    white-space: normal;
    text-align: left;
    font-style: normal;
    color: #00206f;
    font-size: 80px;
    font-weight: 700;
    line-height: 88px;
    letter-spacing: 4px;
    margin-left: -4px;
    margin-bottom: 20px
}

.b-h1--white {
    color: #fff
}

@media (max-width: 960px) {
    .b-h1 br,.b-error__title br,.b-slider__title br {
        display:none
    }
}

@media (max-width: 960px) {
    .b-h1,.b-error__title,.b-slider__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: 1.2px;
        margin-left: -1.2px;
        margin-bottom: 10px
    }
}

@media (max-width: 768px) {
    .b-h1,.b-error__title,.b-slider__title {
        font-size:38px;
        line-height: 46px
    }
}

@media (max-width: 568px) {
    .b-h1,.b-error__title,.b-slider__title {
        font-size:36px;
        line-height: 44px
    }
}

.b-h2,.b-gallerySlider__title,.b-top__title,.b-tours__title,.b-contacts__title,.b-section__title,.p-basket__title {
    display: block;
    margin-top: 0;
    text-transform: uppercase;
    white-space: normal;
    text-align: left;
    font-style: normal;
    color: #00206f;
    margin-bottom: 10px;
    font-size: 64px;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: 3.2px;
    margin-left: -3.2px
}

.b-h2--white {
    color: #fff
}

@media (max-width: 960px) {
    .b-h2 br,.b-gallerySlider__title br,.b-top__title br,.b-tours__title br,.b-contacts__title br,.b-section__title br,.p-basket__title br {
        display:none
    }
}

@media (max-width: 960px) {
    .b-h2,.b-gallerySlider__title,.b-top__title,.b-tours__title,.b-contacts__title,.b-section__title,.p-basket__title {
        font-size:28px;
        line-height: 1.25;
        letter-spacing: .9px;
        margin-left: -.9px
    }
}

@media (max-width: 448px) {
    .b-h2,.b-gallerySlider__title,.b-top__title,.b-tours__title,.b-contacts__title,.b-section__title,.p-basket__title {
        font-size:24px
    }
}

.b-h3,.b-basket__empty,.b-basket__typeTitle,.b-cruise__title,.b-article__title,.b-policy__title,.b-motorship__title,.b-about__title,.b-gallerySlider__slideTitle,.b-card__title,.b-feedback__title,.modal__titleSuccess,.b-section__title2 {
    display: block;
    margin-top: 0;
    text-transform: uppercase;
    white-space: normal;
    text-align: left;
    font-style: normal;
    color: #00206f;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 1.2px;
    margin-left: -1.2px;
    margin-bottom: 24px
}

.b-h3--white {
    color: #fff
}

@media (max-width: 960px) {
    .b-h3 br,.b-basket__empty br,.b-basket__typeTitle br,.b-cruise__title br,.b-article__title br,.b-policy__title br,.b-motorship__title br,.b-about__title br,.b-gallerySlider__slideTitle br,.b-card__title br,.b-feedback__title br,.modal__titleSuccess br,.b-section__title2 br {
        display:none
    }
}

@media (max-width: 960px) {
    .b-h3,.b-basket__empty,.b-basket__typeTitle,.b-cruise__title,.b-article__title,.b-policy__title,.b-motorship__title,.b-about__title,.b-gallerySlider__slideTitle,.b-card__title,.b-feedback__title,.modal__titleSuccess,.b-section__title2 {
        font-size:20px;
        line-height: 24px;
        letter-spacing: .6px;
        margin-left: -.6px;
        margin-bottom: 20px
    }
}

.b-h4,.b-paymentStatus__title,.modal__title {
    display: block;
    margin-top: 0;
    white-space: normal;
    text-align: left;
    font-style: normal;
    color: #00206f;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .96px;
    text-transform: uppercase;
    margin-left: -.96px
}

.b-h4--white {
    color: #fff
}

@media (max-width: 960px) {
    .b-h4 br,.b-paymentStatus__title br,.modal__title br {
        display:none
    }
}

@media (max-width: 960px) {
    .b-h4,.b-paymentStatus__title,.modal__title {
        font-size:20px;
        line-height: 24px;
        letter-spacing: .6px;
        margin-left: -.6px
    }
}

.b-sh1,.b-card__price,.b-slider__price,.modal__price {
    display: block;
    white-space: normal;
    text-align: left;
    font-style: normal;
    color: #00206f;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px
}

.b-sh1--white {
    color: #fff
}

@media (max-width: 960px) {
    .b-sh1,.b-card__price,.b-slider__price,.modal__price {
        font-size:24px;
        line-height: 32px
    }
}

.b-sh2,.b-paymentStatus__status,.b-gallerySlider__sub,.b-tours__sub,.b-slider__text,.b-section__subTitle {
    display: block;
    white-space: normal;
    text-align: left;
    font-style: normal;
    color: #00206f;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px
}

.b-sh2--white {
    color: #fff
}

@media (max-width: 960px) {
    .b-sh2,.b-paymentStatus__status,.b-gallerySlider__sub,.b-tours__sub,.b-slider__text,.b-section__subTitle {
        font-size:16px;
        line-height: 24px
    }
}

@media (max-width: 568px) {
    .b-sh2,.b-paymentStatus__status,.b-gallerySlider__sub,.b-tours__sub,.b-slider__text,.b-section__subTitle {
        font-size:14px;
        line-height: 20px
    }
}

.b-sh3 {
    display: block;
    white-space: normal;
    text-align: left;
    font-style: normal;
    color: #00206f;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.b-sh3--white {
    color: #fff
}

@media (max-width: 960px) {
    .b-sh3 {
        font-size:16px;
        line-height: 24px
    }
}

@media (max-width: 568px) {
    .b-sh3 {
        font-size:14px;
        line-height: 20px
    }
}

.b-sh4,.b-error__sub {
    display: block;
    white-space: normal;
    text-align: left;
    font-style: normal;
    color: #00206f;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.b-sh4--white {
    color: #fff
}

@media (max-width: 960px) {
    .b-sh4,.b-error__sub {
        font-size:16px;
        line-height: 24px
    }
}

@media (max-width: 568px) {
    .b-sh4,.b-error__sub {
        font-size:14px;
        line-height: 20px
    }
}

.b-btn,.b-basket__last,.b-basket__next,.b-basket__addService,.b-basket__deleteBtn {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
    border-radius: 8px;
    color: #fff;
    vertical-align: middle;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    border: 0;
    background-color: #ff7950;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s
}

.b-btn:hover,.b-basket__last:hover,.b-basket__next:hover,.b-basket__addService:hover,.b-basket__deleteBtn:hover {
    background-color: #df623b
}

.b-btn--big {
    height: 66px;
    line-height: 66px;
    padding: 0 40px
}

@media (max-width: 960px) {
    .b-btn--big {
        height:48px;
        line-height: 48px;
        padding: 0 24px
    }
}

.b-btn--white {
    color: #00206f;
    background-color: #fff;
    border: 1px solid #00206F
}

.b-btn--white:hover {
    color: #fff;
    background-color: #00206f
}

.b-btn--blue,.b-basket__last,.b-basket__deleteBtn {
    border: 1px solid #00206F;
    color: #fff;
    background-color: #00206f
}

.b-btn--blue:hover,.b-basket__last:hover,.b-basket__deleteBtn:hover {
    color: #00206f;
    background-color: #fff
}

.b-btn--full {
    width: 100%
}

.b-btn--hide {
    opacity: 0;
    visibility: hidden;
    height: 0;
    position: absolute
}

.b-btn--desktopIconInfo {
    background-image: url(../img/svg/blue/info.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 66px;
    font-size: 0;
    padding: 0
}

.b-btn--desktopIconInfo:hover {
    background-image: url(../img/svg/white/info.svg)
}

@media (max-width: 960px) {
    .b-btn--desktopIconInfo {
        width:auto;
        background-image: none;
        font-size: 14px;
        padding: 0 24px
    }

    .b-btn--desktopIconInfo:hover {
        background-image: none
    }
}

.b-btn--desktopIconAudio {
    background-image: url(../img/svg/blue/audio.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px auto;
    width: 66px;
    font-size: 0;
    padding: 0
}

.b-btn--desktopIconAudio:hover {
    background-image: url(../img/svg/white/audio.svg)
}

@media (max-width: 960px) {
    .b-btn--desktopIconAudio {
        width:auto;
        background-image: none;
        font-size: 14px;
        padding: 0 24px
    }

    .b-btn--desktopIconAudio:hover {
        background-image: none
    }
}

.b-btn--desktopIconPhone {
    background-image: url(../img/svg/blue/phone.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px auto;
    width: 66px;
    font-size: 0;
    padding: 0
}

.b-btn--desktopIconPhone:hover {
    background-image: url(../img/svg/white/phone.svg)
}

@media (max-width: 960px) {
    .b-btn--desktopIconPhone {
        width:auto;
        background-image: none;
        font-size: 14px;
        padding: 0 24px
    }

    .b-btn--desktopIconPhone:hover {
        background-image: none
    }
}

.b-socialBtn {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #8EBBFF;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 0;
    transition: background-color .3s
}

.b-socialBtn:hover {
    background-color: #8ebbff
}

.b-socialBtn--ok {
    background-image: url(../img/svg/blue/ok.svg)
}

.b-socialBtn--ok:hover {
    background-image: url(../img/svg/white/ok.svg)
}

.b-socialBtn--vk {
    background-image: url(../img/svg/blue/vk.svg)
}

.b-socialBtn--vk:hover {
    background-image: url(../img/svg/white/vk.svg)
}

.b-socialBtn--tg {
    background-image: url(../img/svg/blue/tg.svg)
}

.b-socialBtn--tg:hover {
    background-image: url(../img/svg/white/tg.svg)
}

.b-socialBtn--wa {
    background-size: 24px 24px;
    background-image: url(../img/svg/blue/wa.svg)
}

.b-socialBtn--wa:hover {
    background-image: url(../img/svg/white/wa.svg)
}

.b-socialBtn--menu {
    background-image: url(../img/svg/blue/menu.svg)
}

.b-socialBtn--menu:hover {
    background-image: url(../img/svg/white/menu.svg)
}

.b-socialBtn--scrollMenu {
    background-image: url(../img/svg/white/menu.svg);
    background-color: #fff6;
    border: none;
    width: 48px;
    height: 48px
}

.b-body--staticHeader .b-socialBtn--scrollMenu,.b-body--scroll .b-socialBtn--scrollMenu,.b-body--menu .b-socialBtn--scrollMenu {
    background-image: url(../img/svg/blue/menu.svg);
    border: 1px solid #8EBBFF;
    background-color: #fff
}

.b-body--staticHeader .b-socialBtn--scrollMenu:hover,.b-body--scroll .b-socialBtn--scrollMenu:hover,.b-body--menu .b-socialBtn--scrollMenu:hover {
    background-image: url(../img/svg/white/menu.svg);
    background-color: #8ebbff
}

.b-body--menu .b-socialBtn--scrollMenu {
    background-image: url(../img/svg/blue/close.svg)
}

.b-body--menu .b-socialBtn--scrollMenu:hover {
    background-image: url(../img/svg/white/close.svg)
}

.b-socialBtn--scrollTg {
    background-image: url(../img/svg/white/tg.svg);
    background-color: #fff6;
    border: none;
    width: 48px;
    height: 48px
}

.b-body--scroll .b-socialBtn--scrollTg,.b-body--menu .b-socialBtn--scrollTg {
    background-image: url(../img/svg/blue/tg.svg);
    border: 1px solid #8EBBFF;
    background-color: #fff
}

.b-body--scroll .b-socialBtn--scrollTg:hover,.b-body--menu .b-socialBtn--scrollTg:hover {
    background-image: url(../img/svg/white/tg.svg);
    background-color: #8ebbff
}

.b-socialBtn--scrollVk {
    background-image: url(../img/svg/white/vk.svg);
    background-color: #fff6;
    border: none;
    width: 48px;
    height: 48px
}

.b-body--scroll .b-socialBtn--scrollVk,.b-body--menu .b-socialBtn--scrollVk {
    background-image: url(../img/svg/blue/vk.svg);
    border: 1px solid #8EBBFF;
    background-color: #fff
}

.b-body--scroll .b-socialBtn--scrollVk:hover,.b-body--menu .b-socialBtn--scrollVk:hover {
    background-image: url(../img/svg/blue/vk.svg);
    background-color: #8ebbff
}

.b-btnGroup,.b-article__btnGroup,.modal__btns {
    display: inline-block;
    vertical-align: middle;
    margin-right: -8px
}

.b-btnGroup .b-btn,.b-btnGroup .b-basket__last,.b-btnGroup .b-basket__next,.b-btnGroup .b-basket__addService,.b-btnGroup .b-basket__deleteBtn,.b-article__btnGroup .b-btn,.b-article__btnGroup .b-basket__last,.b-article__btnGroup .b-basket__next,.b-article__btnGroup .b-basket__addService,.b-article__btnGroup .b-basket__deleteBtn,.modal__btns .b-btn,.modal__btns .b-basket__last,.modal__btns .b-basket__next,.modal__btns .b-basket__addService,.modal__btns .b-basket__deleteBtn,.b-btnGroup .b-socialBtn,.b-article__btnGroup .b-socialBtn,.modal__btns .b-socialBtn {
    margin-right: 8px
}

@media (max-width: 768px) {
    .b-btnGroup,.b-article__btnGroup,.modal__btns {
        width:100%;
        display: block
    }
}

@media (max-width: 768px) {
    .b-btnGroup,.b-article__btnGroup,.modal__btns {
        margin-right:0;
        margin-top: -12px
    }

    .b-btnGroup .b-btn,.b-btnGroup .b-basket__last,.b-btnGroup .b-basket__next,.b-btnGroup .b-basket__addService,.b-btnGroup .b-basket__deleteBtn,.b-article__btnGroup .b-btn,.b-article__btnGroup .b-basket__last,.b-article__btnGroup .b-basket__next,.b-article__btnGroup .b-basket__addService,.b-article__btnGroup .b-basket__deleteBtn,.modal__btns .b-btn,.modal__btns .b-basket__last,.modal__btns .b-basket__next,.modal__btns .b-basket__addService,.modal__btns .b-basket__deleteBtn,.b-btnGroup .b-socialBtn,.b-article__btnGroup .b-socialBtn,.modal__btns .b-socialBtn {
        margin-top: 12px;
        margin-right: 0
    }

    .b-btnGroup .b-btn,.b-btnGroup .b-basket__last,.b-btnGroup .b-basket__next,.b-btnGroup .b-basket__addService,.b-btnGroup .b-basket__deleteBtn,.b-article__btnGroup .b-btn,.b-article__btnGroup .b-basket__last,.b-article__btnGroup .b-basket__next,.b-article__btnGroup .b-basket__addService,.b-article__btnGroup .b-basket__deleteBtn,.modal__btns .b-btn,.modal__btns .b-basket__last,.modal__btns .b-basket__next,.modal__btns .b-basket__addService,.modal__btns .b-basket__deleteBtn {
        display: block;
        width: 100%
    }
}

.b-btnGroup--16 {
    margin-right: -16px
}

.b-btnGroup--16 .b-btn,.b-btnGroup--16 .b-basket__last,.b-btnGroup--16 .b-basket__next,.b-btnGroup--16 .b-basket__addService,.b-btnGroup--16 .b-basket__deleteBtn,.b-btnGroup--16 .b-socialBtn {
    margin-right: 16px
}

@media (max-width: 768px) {
    .b-btnGroup--16 {
        margin-right:0;
        margin-top: -12px
    }

    .b-btnGroup--16 .b-btn,.b-btnGroup--16 .b-basket__last,.b-btnGroup--16 .b-basket__next,.b-btnGroup--16 .b-basket__addService,.b-btnGroup--16 .b-basket__deleteBtn,.b-btnGroup--16 .b-socialBtn {
        margin-top: 12px;
        margin-right: 0
    }

    .b-btnGroup--16 .b-btn,.b-btnGroup--16 .b-basket__last,.b-btnGroup--16 .b-basket__next,.b-btnGroup--16 .b-basket__addService,.b-btnGroup--16 .b-basket__deleteBtn {
        display: block;
        width: 100%
    }
}

.b-check {
    max-width: 100%
}

.b-check label {
    position: relative;
    z-index: 10;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: #00206f;
    cursor: pointer;
    text-align: left;
    padding-left: 40px
}

.b-check label a {
    text-decoration: underline;
    transition: all .2s
}

.b-check label a:hover {
    text-decoration: none
}

.b-check label:before {
    content: "";
    position: absolute;
    z-index: 20;
    left: 6px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 1px solid #00206F;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto auto;
    transition: all .3s
}

.b-check--error label {
    color: #df623b
}

.b-check input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.b-check input:checked+label:before {
    background-image: url(../img/svg/check.svg);
    border-color: #fff
}

.b-check__error {
    opacity: 0;
    visibility: hidden;
    height: 0;
    display: block;
    transition: all .2s;
    font-size: 0;
    font-style: normal;
    font-weight: 400;
    color: #df623b
}

.b-check--error .b-check__error {
    font-size: 12px;
    line-height: 16px;
    height: auto;
    margin-top: 4px;
    opacity: 1;
    visibility: visible
}

.b-in,.b-basket__userForm input[type=text],.b-basket__select,.b-basket__count {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 66px;
    height: 66px;
    border-radius: 8px;
    border: 1px solid #00206F;
    background-color: #fff;
    color: #00206f;
    padding: 0 24px;
    box-sizing: border-box;
    outline: none;
    transition: all .2s
}

.b-in--min,.b-basket__select,.b-basket__count {
    line-height: 46px;
    height: 48px
}

.b-in:hover,.b-basket__userForm input[type=text]:hover,.b-basket__select:hover,.b-basket__count:hover,.b-in:focus,.b-basket__userForm input[type=text]:focus,.b-basket__select:focus,.b-basket__count:focus {
    background-color: #ddebff
}

@media (max-width: 768px) {
    .b-in,.b-basket__userForm input[type=text],.b-basket__select,.b-basket__count {
        line-height:48px;
        height: 48px;
        padding: 0 24px;
        font-size: 14px
    }
}

.b-in--full,.b-basket__userForm input[type=text] {
    width: 100%
}

.b-in ::placeholder,.b-basket__userForm input[type=text] ::placeholder,.b-basket__select ::placeholder,.b-basket__count ::placeholder {
    color: #00206f;
    opacity: 1
}

.b-in ::-ms-input-placeholder,.b-basket__userForm input[type=text] ::-ms-input-placeholder,.b-basket__select ::-ms-input-placeholder,.b-basket__count ::-ms-input-placeholder {
    color: #00206f
}

.b-in--error,.b-basket__userForm .b-inWrap span[role=alert]+input[type=text] {
    border-color: #df623b;
    color: #df623b;
    background-image: url(../img/svg/orange/warn.svg);
    background-repeat: no-repeat;
    background-position: right 32px center
}

.b-in--error ::placeholder,.b-basket__userForm .b-inWrap span[role=alert]+input[type=text] ::placeholder {
    color: #df623b
}

.b-in--error ::-ms-input-placeholder,.b-basket__userForm .b-inWrap span[role=alert]+input[type=text] ::-ms-input-placeholder {
    color: #df623b
}

.b-inError,.b-basket__userForm .b-inWrap span[role=alert] {
    opacity: 0;
    visibility: hidden;
    height: 0;
    display: block;
    transition: all .2s;
    font-size: 0;
    font-style: normal;
    font-weight: 400;
    color: #df623b
}

.b-in--error+.b-inError,.b-basket__userForm .b-inWrap .b-in--error+span[role=alert],.b-basket__userForm .b-inWrap span[role=alert]+input[type=text]+.b-inError,.b-basket__userForm .b-inWrap span[role=alert]+input[type=text]+span[role=alert],.b-inError--show,.b-basket__userForm .b-inWrap span[role=alert] {
    font-size: 12px;
    line-height: 16px;
    height: auto;
    margin-top: 4px;
    opacity: 1;
    visibility: visible
}

.b-br {
    display: block;
    margin-top: 16px
}

@media (max-width: 768px) {
    .b-br {
        margin-top:14px
    }
}

.b-br+br {
    display: none
}


.b-link {
    color: inherit;
    text-decoration: underline;
    transition: all .2s
}

.b-link:hover {
    text-decoration: none
}

.b-section,.p-basket,.b-paymentStatus__inner {
    padding-top: 140px;
    padding-bottom: 140px
}

@media (max-width: 960px) {
    .b-section,.p-basket,.b-paymentStatus__inner {
        margin:0;
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.b-section--noTop,.p-basket {
    padding-top: 0!important
}

.b-section--noBottom {
    padding-bottom: 0!important
}

.b-section--blue,.p-basket {
    background-color: #ddebff
}

.b-section__inner,.p-basket__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-section__inner,.p-basket__inner {
        width:auto;
        margin: 0 20px
    }
}

@media (max-width: 960px) {
    .b-section__inner,.p-basket__inner {
        margin:0;
        padding-left: 20px;
        padding-right: 20px
    }
}

.b-section__title,.p-basket__title {
    max-width: 100%;
    overflow: hidden;
    text-wrap: initial
}

.b-section__title--noBottom {
    margin-bottom: 0!important
}

.b-section__title2 {
    margin-top: 80px
}

.b-section__subTitle {
    margin-top: 10px
}

.b-section__body {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    padding: 0!important;
    background-color: transparent!important
}

.b-section__body>ul {
    margin-top: 8px
}

.b-section__body>ul>li {
    padding: 8px 0
}

.b-section__body--center {
    text-align: center
}

.b-section__flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px
}

@media (max-width: 960px) {
    .b-section__flex {
        gap:0
    }
}

.b-section__flexCol {
    width: calc(50% - 20px)
}

@media (max-width: 960px) {
    .b-section__flexCol {
        width:100%
    }
}

.b-section__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
    color: #00206f
}

@media (max-width: 768px) {
    .b-section__text {
        font-size:14px;
        line-height: 20px
    }
}

.b-section__textBtns {
    margin-top: 48px
}

@media (max-width: 768px) {
    .b-section__textBtns {
        margin-top:24px
    }
}

.b-section__img {
    width: 100%
}

.b-section__btn {
    margin-top: 48px;
    text-align: center
}

@media (max-width: 768px) {
    .b-section__btn {
        margin-top:24px
    }
}

.b-text,.b-textSchedule,.b-section__body {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #00206f;
    padding: 0 20px;
    box-sizing: border-box
}

.b-string {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #00206f
}

.b-string--orange {
    color: #df623b
}

.b-string b {
    font-weight: 700
}

.modal__row {
    margin-bottom: 16px;
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: all .3s
}

.modal__row--hidden {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0
}

.modal__img {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 110;
    width: 100%;
    background-image: url(../img/defaults/modals/success.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%
}

.modal__img:before {
    content: "";
    display: block;
    padding-top: 50%;
    background-color: #021a5480;
    background-image: url(../img/svg/white/logo-vertical.svg),url(../img/svg/modals/success/bird.svg);
    background-repeat: no-repeat no-repeat;
    background-position: center center,48px 56px
}

.modal__cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px
}

@media (max-width: 960px) {
    .modal__cols {
        margin-top:30px
    }
}

.modal__col--60 {
    width: 60%;
    box-sizing: border-box
}

@media (max-width: 960px) {
    .modal__col--60 {
        flex:0 0 100%;
        width: 100%
    }
}

.modal__col--40 {
    width: 40%;
    box-sizing: border-box
}

@media (max-width: 960px) {
    .modal__col--40 {
        flex:0 0 100%;
        width: 100%
    }
}

.modal__list {
    padding: 0;
    margin-bottom: 24px
}

@media (max-width: 960px) {
    .modal__list {
        margin-bottom:20px
    }
}

.modal__text {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    color: #00206f;
    text-align: justify
}

@media (max-width: 1280px) {
    .modal__text {
        font-size:14px
    }
}

@media (max-width: 960px) {
    .modal__text {
        padding-right:0
    }
}

.modal__text b {
    font-weight: 700
}

.modal__text a {
    color: #00206f;
    text-decoration: underline;
    transition: all .3s
}

.modal__text a:hover {
    text-decoration: none
}

.modal__text--center {
    text-align: center
}

.modal__price {
    padding: 0
}

@media (max-width: 960px) {
    .modal__price {
        margin-bottom:20px
    }
}

.modal__btns {
    margin-top: 20px;
    width: 100%;
    display: block
}

.modal__route {
    width: 100%
}

@media (max-width: 960px) {
    .modal__route {
        overflow:auto
    }
}

.modal__routeBg {
    width: 100%;
    min-width: 1280px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.modal__routeBg:after {
    display: block;
    content: "";
    padding-top: 35.76%
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0009;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

.modal__container {
    display: block;
    border-radius: 20px;
    width: 600px;
    padding: 48px;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

.modal__container--success {
    background-image: url(../img/svg/modals/success/bg.svg);
    background-repeat: no-repeat;
    background-position: 12px bottom
}

.modal__container--success:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 50%;
    margin-top: 40px
}

.modal__container--success:after {
    position: absolute;
    right: -6px;
    top: 50%;
    display: block;
    content: "";
    width: 120px;
    height: 80px;
    z-index: 120;
    background-image: url(../img/svg/modals/success/shape.svg);
    background-repeat: no-repeat;
    background-position: center center
}

@media (max-width: 768px) {
    .modal__container--success:after {
        display:none
    }
}

.modal__container--more {
    width: 1280px;
    overflow-y: auto;
    max-height: 100vh
}

@media (max-width: 1320px) {
    .modal__container--more {
        width:100%;
        margin: 0 20px
    }
}

.modal__container--video {
    width: 1280px;
    font-size: 0;
    overflow-y: auto;
    max-height: 100vh;
    padding: 0
}

@media (max-width: 1320px) {
    .modal__container--video {
        width:100%;
        margin: 0 20px
    }
}

.modal__container--route {
    width: 1280px;
    max-height: 100vh;
    background-color: #00206f
}

@media (max-width: 1320px) {
    .modal__container--route {
        width:100%;
        margin: 0 20px
    }
}

@media (max-width: 640px) {
    .modal__container {
        width:100%;
        margin: 0 20px;
        padding: 20px
    }

    .modal__container--success:before {
        margin-top: 20px
    }
}

.modal__step {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: all .2s
}

.modal__step--hidden {
    display: none;
    opacity: 0;
    visibility: hidden;
    height: 0
}

.modal__header {
    margin-bottom: 40px
}

.modal__header--noBottom {
    margin-bottom: 0
}

.modal__title {
    margin-left: 0;
    margin-bottom: 16px;
    text-align: center;
    box-sizing: border-box
}

@media (max-width: 960px) {
    .modal__title {
        margin-left:0
    }
}

.modal__title--40 {
    margin-bottom: 40px
}

@media (max-width: 960px) {
    .modal__title--40 {
        margin-bottom:16px
    }
}

.modal__title--left {
    text-align: left
}

.modal__title--white {
    color: #fff
}

.modal__title--small {
    font-size: 26px;
    letter-spacing: .6px;
    line-height: 1.4
}

@media (max-width: 768px) {
    .modal__title--small {
        font-size:20px;
        letter-spacing: .5px
    }
}

.modal__titleSuccess {
    margin-left: 0;
    margin-bottom: 16px;
    text-align: center;
    box-sizing: border-box
}

@media (max-width: 960px) {
    .modal__titleSuccess {
        margin-left:0
    }
}

.modal__sub {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #00206f
}

@media (max-width: 960px) {
    .modal__sub {
        font-size:14px
    }
}

.modal__sub--withBottom {
    margin-bottom: 16px
}

.modal__close {
    background: transparent;
    border: 0
}

.modal__header .modal__close {
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 120;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-image: url(../img/svg/blue/close.svg);
    background-repeat: no-repeat;
    background-position: center center
}

.modal__header .modal__close--white {
    background-image: url(../img/svg/white/close.svg)
}

@keyframes mmfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mmfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mmslideIn {
    0% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes mmslideOut {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10%)
    }
}

.micromodal-slide {
    display: none
}

.micromodal-slide.is-open {
    display: block
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0,0,.2,1)
}

.micromodal-slide[aria-hidden=false] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0,0,.2,1)
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0,0,.2,1)
}

.micromodal-slide[aria-hidden=true] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0,0,.2,1)
}

.micromodal-slide .modal__container,.micromodal-slide .modal__overlay {
    will-change: transform
}

.b-content {
    display: block;
    background-color: #ddebff;
    background-image: url(../img/svg/content.svg);
    background-repeat: no-repeat;
    background-position: right center
}

@media (max-width: 1640px) {
    .b-content {
        background-image:none
    }
}

.b-content__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1px 0
}

@media (max-width: 1320px) {
    .b-content__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 4px 15px #0020701a;
    height: 80px;
    color: #00206f;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 28px
}

@media (max-width: 1640px) {
    .b-header {
        padding:0 16px
    }
}

@media (max-width: 768px) {
    .b-header {
        height:68px
    }
}

.b-header__col {
    display: block;
    margin: 0 12px
}

.b-header__col--logo {
    cursor: pointer;
    font-size: 0;
    height: 80px;
    background-image: url(../img/svg/blue/logo.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 220px;
    margin-right: auto
}

@media (max-width: 768px) {
    .b-header__col--logo {
        background-size:100% auto;
        height: 68px;
        width: 147px
    }
}

.b-header__col--contacts {
    text-align: right;
    line-height: 1;
}
.b-header__col--cart{
    margin-left: auto;
}

.cart__link{
    width: 32px;
    height: 32px;
    display: block;
    color: inherit;
}






.cart__link {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    color: inherit;
}

.cart__count {
    position: absolute;
    top: 0;
    right: -8px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 9px;
    font-weight: 600;
    background-color: #df623b;
    transition: all 0.2s ease;
    overflow: hidden;
}

.cart__count._hidden {
    transform: scale(0);
}

.cart__notify {
    padding: 4px 8px;
    font-size: 9px;
    white-space: nowrap;
    color: #ffffff;
    position: absolute;
    right: calc(100% + 12px);
    top: calc(50% - 8px);
    border-radius: 8px;
    background-color: #df623b;
    pointer-events: none;
    z-index: 10;
    opacity: 0;
}

.cart__notify._active {
    animation: 
        slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards,
        slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) reverse 0.6s forwards;
    animation-delay: 0s, 2s;
}

@keyframes slide-in-blurred-right {
    0% {
        transform: translateX(100%) scaleX(2.5) scaleY(0.2);
        transform-origin: 0% 50%;
        filter: blur(24px);
        opacity: 0;
    }

    100% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}





.b-header__col--contacts a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: inherit;
    text-decoration: none;
    line-height: 24px;
    transition: all .3s
}

.b-header__col--contacts a:hover {
    color: #8ebbff
}

@media (max-width: 568px) {
    .b-header__col--contacts {
        display:none
    }
}

@media (max-width: 960px) {
    .b-header__col--btns {
        display:none
    }
}

@media (max-width: 1390px) {
    .b-header__col--nav {
        display:none
    }
}

.b-header__col--navMobile {
    display: none
}

@media (max-width: 1390px) {
    .b-header__col--navMobile {
        display:block
    }
}

.b-body:not(.b-body--scroll):not(.b-body--menu):not(.b-body--staticHeader) .b-header {
    background-color: transparent;
    color: #fff
}

.b-body:not(.b-body--scroll):not(.b-body--menu):not(.b-body--staticHeader) .b-header__col--logo {
    background-image: url(../img/svg/white/logo.svg)
}

.b-body--menu .b-header {
    background-color: #ddebff!important
}

.b-headerNav {
    display: block;
    vertical-align: middle;
    text-align: center;
    line-height: 80px;
    margin: 0 -20px
}

.b-headerNav__itemSubs {
    visibility: hidden;
    height: 0;
    opacity: 0;
    position: absolute;
    padding: 8px 0;
    background-color: #fff;
    z-index: 100;
    border-radius: 8px;
    overflow: hidden;
    top: 65px;
    left: 20px;
    margin-left: -25%;
    transition: all .3s
}

.b-headerNav__itemSub {
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #00206f;
    padding: 0 40px;
    text-decoration: none;
    text-align: left;
    display: block;
    transition: all .3s
}

.b-headerNav__itemSub:hover {
    background-color: #8ebbff;
    font-weight: 400
}

.b-headerNav__item {
    padding: 0 20px;
    display: inline-block;
    white-space: nowrap;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: all .3s
}

.b-headerNav__item:hover {
    color: #8ebbff
}

.b-headerNav__item--down {
    position: relative;
    padding-right: 16px;
    background-image: url(../img/svg/white/down.svg);
    background-repeat: no-repeat;
    background-position: right -7px center
}

.b-headerNav__item--down:hover .b-headerNav__itemSubs {
    visibility: visible;
    height: auto;
    opacity: 1
}

.b-body--scroll .b-headerNav__item--down {
    background-image: url(../img/svg/blue/down.svg)
}

.b-footer {
    background-color: #ddebff;
    height: 376px;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    background-image: url(../img/svg/footer/1.svg),url(../img/svg/footer/2.svg),url(../img/svg/footer/3.svg),url(../img/svg/footer/4.svg);
    background-position: 90px 49px,501px bottom,right -15px bottom,left bottom;
    background-repeat: no-repeat
}

@media (max-width: 1640px) and (min-width: 960px) {
    .b-footer {
        background-size:0 0,0 0,auto auto,auto auto
    }
}

@media (max-width: 960px) {
    .b-footer {
        background-image:url(../img/svg/footer/5.svg),url(../img/svg/footer/3.svg),url(../img/svg/footer/6.svg);
        background-position: left 404px,right 40px bottom,right 116px;
        background-size: auto auto,155px auto,auto auto;
        height: 920px
    }
}

.b-footer__inner {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: block;
    padding-top: 80px;
    height: 376px;
    background-image: url(../img/svg/footer/logo.svg);
    background-position: left 80px;
    background-repeat: no-repeat;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-footer__inner {
        width:auto;
        margin: 0 20px
    }
}

@media (max-width: 1280px) and (min-width: 1060px) {
    .b-footer__inner {
        background-size:180px auto
    }
}

@media (max-width: 1060px) and (min-width: 960px) {
    .b-footer__inner {
        background-image:none
    }
}

@media (max-width: 960px) {
    .b-footer__inner {
        padding-top:200px;
        margin-top: 60px;
        background-position: center top;
        height: auto;
        width: 320px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 360px) {
    .b-footer__inner {
        margin-left:20px;
        margin-right: 20px
    }
}

.b-footer__content {
    display: flex;
    justify-content: right
}

@media (max-width: 960px) {
    .b-footer__content {
        flex-wrap:wrap;
        justify-content: center
    }
}

.b-footer__footer {
    position: absolute;
    z-index: 3;
    width: 1280px;
    bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 1380px) {
    .b-footer__footer {
        width:100%
    }
}

@media (max-width: 960px) {
    .b-footer__footer {
        flex-wrap:wrap;
        position: initial;
        margin-top: 40px;
        text-align: center
    }
}

@media (max-width: 568px) {
    .b-footer__footer {
        text-align:left
    }
}

.b-footer__footerText {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #00206f;
    transition: all .3s
}

@media (max-width: 960px) {
    .b-footer__footerText {
        flex:0 0 100%;
        margin-top: 20px;
        line-height: 16px
    }
}

.b-footer__footerText--link {
    text-decoration: underline
}

.b-footer__footerText--link:hover {
    text-decoration: none
}

.b-footer__footerText--1 {
    margin-right: auto
}

.b-footer__footerText--2 {
    margin-left: auto
}

@media (max-width: 1800px) {
    .b-footer__footerText--2 {
        margin-left:0
    }
}

@media (max-width: 1800px) {
    .b-footer__footerText--pays {
        margin-right:40px;
        margin-left: auto
    }
}

@media (max-width: 960px) {
    .b-footer__footerText--pays {
        margin-right:auto
    }
}

.b-footer__socials {
    text-align: right;
    margin-left: 190px
}

@media (max-width: 960px) {
    .b-footer__socials {
        flex:0 0 100%;
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-top: 70px
    }
}

.b-footer__socialsTitle {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .36px;
    text-transform: uppercase;
    margin-bottom: 16px;
    color: #00206f;
    display: block
}

.b-footer__socialsBtns {
    display: block;
    margin-right: -12px;
    margin-bottom: 24px
}

.b-footer__socialsBtns .b-socialBtn {
    margin-right: 12px
}

.b-footer__socialsLink {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #00206f;
    text-decoration: none;
    transition: all .3s
}

.b-footer__socialsLink:hover {
    text-decoration: underline
}

.b-footer__menu {
    margin-left: 40px
}

@media (max-width: 960px) {
    .b-footer__menu {
        margin-left:20px;
        margin-right: 20px;
        flex: 0 0 calc(50% - 40px);
        width: calc(50% - 40px)
    }
}

.b-footer__menuItem {
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .36px;
    text-transform: uppercase;
    margin-bottom: 16px;
    color: #00206f;
    transition: all .3s;
    text-decoration: none
}

.b-footer__menuItem:hover {
    text-decoration: underline
}

.b-slider {
    position: relative;
    z-index: 1;
    padding-bottom: 62px;
    background-color: #ddebff
}

@media (max-width: 1460px) {
    .b-slider {
        padding-bottom:42px
    }
}

.b-slider--whiteBg {
    background-color: #fff
}

.b-slider:after {
    display: block;
    content: "";
    position: absolute;
    z-index: 3;
    width: 365px;
    height: 224px;
    bottom: 0;
    right: 0;
    background-image: url(../img/svg/slider/2.svg);
    background-repeat: no-repeat;
    background-position: right bottom
}

@media (max-width: 1460px) {
    .b-slider:after {
        width:155px;
        height: 100px;
        background-size: auto 100%
    }
}

.b-slider__item {
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 800px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center
}

@media (max-width: 1460px) {
    .b-slider__item {
        background-size:auto 100%
    }
}

.b-slider__content {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: #021a5480
}

.b-slider__title {
    color: #fff;
    margin: 0 0 20px
}

.b-slider__title--wrap {
    margin-top: 40px
}

@media (max-width: 768px) {
    .b-slider__title {
        margin-bottom:10px
    }
}

.b-slider__text {
    color: #fff;
    margin-bottom: 24px
}

@media (max-width: 768px) {
    .b-slider__text {
        margin-bottom:16px
    }
}

.b-slider__price {
    color: #fff;
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .b-slider__price {
        margin-bottom:32px
    }
}

.b-slider__center {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 195px;
    position: relative;
    z-index: 2
}

@media (max-width: 1320px) {
    .b-slider__center {
        width:auto;
        margin: 0 20px
    }
}

.b-slider__center:before {
    display: block;
    content: "";
    position: absolute;
    z-index: 3;
    top: 160px;
    left: -170px;
    width: 160px;
    height: 50px;
    background-image: url(../img/svg/slider/bird.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width: 1460px) {
    .b-slider__center:before {
        display:none
    }
}

@media (max-width: 1460px) {
    .b-slider .glide__arrow {
        display:none
    }
}

.b-feedback {
    position: relative;
    z-index: 1;
    font-size: 14px;
    background-image: url(../img/defaults/feedback.jpg?v=1);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: cover;
    background-color: #fff;
    padding-top: 60px
}

@media (max-width: 960px) {
    .b-feedback {
        padding-top:0;
        background-position: center center;
        background-size: auto 100%
    }
}

.b-feedback:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    width: 218px;
    height: 146px;
    left: 680px;
    top: 0;
    background-image: url(../img/svg/feedback/1.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width: 1380px) {
    .b-feedback:after {
        left:380px
    }
}

@media (max-width: 1280px) {
    .b-feedback:after {
        width:120px;
        height: 80px;
        left: auto;
        right: 0;
        margin-top: -40px;
        top: 140px
    }
}

@media (max-width: 960px) {
    .b-feedback:after {
        margin-top:0;
        top: 60px
    }
}

@media (max-width: 568px) {
    .b-feedback:after {
        display:none
    }
}

.b-feedback__bg {
    background-color: #021a5480;
    background-image: url(../img/svg/feedback/2.svg),url(../img/svg/feedback/3.svg);
    background-repeat: no-repeat;
    background-position: right 105px bottom,left 249px
}

@media (max-width: 1800px) {
    .b-feedback__bg {
        background-position:right 105px bottom,left bottom -70px
    }
}

@media (max-width: 1380px) {
    .b-feedback__bg {
        background-image:url(../img/svg/feedback/2.svg);
        background-position: right 40px bottom;
        background-size: 134px auto
    }
}

.b-feedback__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    height: 640px;
    display: flex;
    align-items: start;
    justify-content: start;
    padding-top: 150px
}

@media (max-width: 1320px) {
    .b-feedback__inner {
        width:auto;
        margin: 0 20px
    }
}

@media (max-width: 960px) {
    .b-feedback__inner {
        height:auto;
        flex-wrap: wrap;
        padding-top: 70px;
        padding-bottom: 80px
    }
}

.b-feedback__form {
    border-radius: 8px;
    background: #fff;
    display: block;
    width: 458px;
    margin-left: 100px;
    padding: 32px;
    box-sizing: border-box
}

@media (max-width: 960px) {
    .b-feedback__form {
        margin-top:40px;
        margin-left: 0;
        width: 100%;
        flex: 0 0 100%
    }
}

@media (max-width: 960px) {
    .b-feedback__titles {
        width:100%;
        flex: 0 0 100%
    }
}

.b-feedback__formRow {
    display: block;
    margin-bottom: 16px
}

.b-feedback__title {
    color: #fff;
    margin-top: 50px;
    margin-bottom: 20px
}

@media (max-width: 960px) {
    .b-feedback__title {
        margin-top:0;
        margin-bottom: 12px
    }
}

.b-feedback__text {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    color: #fff
}

@media (max-width: 960px) {
    .b-feedback__text {
        font-size:14px;
        font-weight: 400;
        line-height: 20px
    }
}

.b-contacts {
    position: relative;
    z-index: 1;
    background-color: #ddebff;
    padding-top: 106px
}

.b-contacts--white {
    background-color: #fff
}

@media (max-width: 960px) {
    .b-contacts {
        padding-top:0
    }
}

.b-contacts:before {
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 230px;
    height: 230px;
    background-image: url(../img/svg/contacts/1.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto
}

@media (max-width: 960px) {
    .b-contacts:before {
        display:none
    }
}

.b-contacts__bg {
    background-color: #fff
}

.b-contacts__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 140px;
    padding-bottom: 80px;
    display: flex;
    align-items: start;
    justify-content: start
}

@media (max-width: 1320px) {
    .b-contacts__inner {
        width:auto;
        margin: 0 20px
    }
}

@media (max-width: 960px) {
    .b-contacts__inner {
        flex-wrap:wrap;
        padding-top: 80px;
        padding-bottom: 0
    }
}

.b-contacts__map {
    position: relative;
    z-index: 3;
    height: 618px;
    width: 730px;
    margin-left: auto;
    background-color: #ddebff;
    border-radius: 8px;
    overflow: hidden
}

@media (max-width: 960px) {
    .b-contacts__map {
        width:calc(100% + 40px);
        height: auto;
        flex: 0 0 calc(100% + 40px);
        border-radius: 0;
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 40px
    }

    .b-contacts__map:before {
        display: block;
        content: "";
        padding-top: 70%
    }
}

.b-contacts__mapFrame {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.b-contacts__title {
    margin-bottom: 40px
}

.b-contacts__sub {
    color: #00206f;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: .36px;
    text-transform: uppercase;
    margin-bottom: 12px;
    margin-left: -.36px
}

.b-contacts__text {
    color: #00206f;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 32px
}

.b-contacts__link {
    color: #00206f;
    text-decoration: none
}

.b-contacts__link:hover {
    text-decoration: underline
}

.b-contacts__link--small {
    font-size: 16px
}

.b-contacts__link--noHover:hover {
    text-decoration: none
}

.b-contacts__link a {
    color: inherit;
    text-decoration: none
}

.b-contacts__socialsBtns {
    display: block;
    margin-right: -12px
}

.b-contacts__socialsBtns .b-socialBtn {
    margin-right: 12px
}

.b-excurs {
    position: relative;
    z-index: 1;
    background-color: #ddebff;
    background-image: url(../img/svg/excurs/1.svg);
    background-repeat: no-repeat;
    background-position: left 135px
}

@media (max-width: 960px) {
    .b-excurs {
        background-image:none;
        background-color: #00206f;
        padding-top: 36px
    }

    .b-excurs:after {
        display: block;
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        width: 156px;
        height: 100px;
        background-image: url(../img/svg/excurs/2.svg);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: auto 100%
    }
}

.b-excurs__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 140px;
    padding-bottom: 34px
}

@media (max-width: 1320px) {
    .b-excurs__inner {
        width:auto;
        margin: 0 20px
    }
}

@media (max-width: 960px) {
    .b-excurs__inner {
        background-color:#ddebff;
        margin: 0;
        padding: 80px 20px
    }
}

.b-excurs__items {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

@media (max-width: 960px) {
    .b-excurs__items {
        display:none
    }
}

.b-excurs__item {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 24px 130px;
    min-height: 686px;
    width: calc(33.3333333333% - 16px);
    background-color: #fff
}

.b-excurs__item:first-of-type {
    margin-right: 24px
}

.b-excurs__item:last-of-type {
    margin-left: 24px
}

@media (max-width: 960px) {
    .b-excurs__item {
        margin-top:30px;
        width: 100%
    }
}

.b-excurs__itemImg {
    display: block;
    margin: 0 -24px 24px;
    background-image: url(../img/defaults/excurs/1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.b-excurs__itemImg:after {
    content: "";
    display: block;
    height: 260px;
    background-color: #021a5480
}

@media (max-width: 960px) {
    .b-excurs__itemImg {
        background-size:100% auto;
        background-position: center center
    }
}

.b-excurs__itemTitle {
    color: #00206f;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .96px;
    text-transform: uppercase;
    margin-bottom: 16px;
    white-space: normal
}

@media (max-width: 960px) {
    .b-excurs__itemTitle {
        font-size:20px;
        letter-spacing: .6px;
        line-height: 24px;
        margin-bottom: 20px
    }
}

.b-excurs__itemParams {
    margin-bottom: 24px;
    display: block;
    list-style: none;
    padding-left: 0;
    white-space: normal
}

.b-excurs__itemParams li {
    display: block;
    margin-bottom: 12px;
    padding-left: 40px;
    background-image: url(../img/svg/blue/bullet.svg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #00206f
}

.b-excurs__itemRow {
    margin-bottom: 10px
}

.b-excurs__itemBottom {
    position: absolute;
    z-index: 2;
    bottom: 24px;
    left: 24px;
    right: 24px
}

.b-excurs__mobile {
    display: none
}

@media (max-width: 960px) {
    .b-excurs__mobile {
        display:block
    }
}

.b-excurs__footer {
    text-align: center;
    margin-top: 60px
}

@media (max-width: 960px) {
    .b-excurs__footer {
        margin-top:40px
    }
}

.b-excurs .glide__arrow {
    position: absolute;
    top: 164px;
    right: 20px;
    left: auto;
    display: none
}

@media (max-width: 960px) {
    .b-excurs .glide__arrow {
        display:block
    }
}

@media (max-width: 568px) {
    .b-excurs .glide__arrow {
        display:none
    }
}

.b-excurs .glide__arrow--left {
    right: 84px
}

.b-tours {
    padding-top: 60px;
    padding-bottom: 8px;
    background-color: #ddebff
}

@media (max-width: 960px) {
    .b-tours {
        padding-top:20px
    }
}

.b-tours__inner {
    position: relative;
    z-index: 1;
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center
}

@media (max-width: 1320px) {
    .b-tours__inner {
        width:auto;
        margin: 0 20px
    }
}

@media (max-width: 960px) {
    .b-tours__title {
        margin-bottom:10px
    }
}

@media (max-width: 960px) {
    .b-tours__sub {
        padding-right:100px;
        min-height: 60px
    }
}

.b-tours__item {
    border-radius: 8px;
    overflow: hidden;
    min-height: 550px;
    display: flex;
    background-color: #fff;
    margin-top: 40px;
    margin-bottom: 60px
}

@media (max-width: 960px) {
    .b-tours__item {
        margin-top:30px;
        margin-bottom: 40px;
        justify-content: center;
        flex-wrap: wrap;
        min-height: auto
    }
}

.b-tours__map {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 50%;
    z-index: 2
}

.b-tours__map:after {
    display: block;
    content: "";
    background-color: #021a5480;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 960px) {
    .b-tours__map:after {
        position:initial;
        padding-top: 62.5%;
        box-sizing: border-box
    }
}

@media (max-width: 960px) {
    .b-tours__map {
        width:100%;
        flex: 0 0 100%;
        order: -1
    }
}

.b-tours__content {
    box-sizing: border-box;
    padding: 48px;
    text-align: left;
    width: 50%
}

@media (max-width: 1280px) {
    .b-tours__content {
        max-width:none
    }
}

@media (max-width: 960px) {
    .b-tours__content {
        width:100%;
        flex: 0 0 100%
    }
}

.b-tours__btns {
    padding-top: 24px
}

.b-tours .glide__arrow {
    position: absolute;
    top: 96px;
    right: 0;
    left: auto
}

@media (max-width: 768px) {
    .b-tours .glide__arrow {
        top:72px
    }
}

@media (max-width: 568px) {
    .b-tours .glide__arrow {
        display:none
    }
}

.b-tours .glide__arrow--left {
    right: 64px
}

.b-routes {
    position: relative;
    z-index: 1;
    padding-top: 132px;
    background-color: #ddebff;
    box-sizing: border-box
}

@media (max-width: 960px) {
    .b-routes {
        padding-top:54px
    }
}

.b-routes:before {
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 225px;
    height: 263px;
    background-image: url(../img/svg/routes/1.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover
}

@media (max-width: 960px) {
    .b-routes:before {
        left:auto;
        right: 10px;
        width: 127px;
        height: 107px;
        background-image: url(../img/svg/routes/3.svg);
        background-position: right top
    }
}

.b-routes:after {
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    top: 236px;
    right: 0;
    width: 224px;
    height: 177px;
    background-image: url(../img/svg/routes/2.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover
}

@media (max-width: 1280px) {
    .b-routes:after {
        display:none
    }
}

.b-routes__bg {
    background-color: #00206f;
    background-image: url(../img/svg/map.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 140px;
    padding-bottom: 140px
}

@media (max-width: 960px) {
    .b-routes__bg {
        padding-top:80px;
        padding-bottom: 60px
    }
}

.b-routes__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-routes__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-routes__map {
    margin-top: 60px;
    cursor: default;
    box-sizing: border-box
}

@media (max-width: 1280px) {
    .b-routes__map {
        overflow:auto
    }
}

.b-routes__mapBg {
    height: 480px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    min-width: 1280px
}

@media (max-width: 1280px) {
    .b-routes__mapBg {
        height:auto;
        margin-top: 30px
    }

    .b-routes__mapBg:before {
        content: "";
        display: block;
        padding-top: 35.76%
    }
}

@media (max-width: 768px) {
    .b-routes__mapBg {
        background-size:auto 100%
    }
}

.b-routes__controls {
    margin-top: 60px;
    display: flex
}

@media (max-width: 960px) {
    .b-routes__controls {
        margin-top:20px;
        flex-wrap: wrap;
        justify-content: center
    }
}

.b-routes__control {
    padding: 32px 40px;
    margin-right: 24px;
    border-radius: 8px;
    border: 1px solid #DDEBFF;
    background-color: #ddebff;
    color: #00206f;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: block;
    width: 600px;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .84px;
    text-transform: uppercase;
    box-sizing: border-box
}

.b-routes__control--full {
    flex: 1 1 auto;
    margin-right: 0
}

@media (max-width: 960px) {
    .b-routes__control {
        flex:0 0 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        padding: 20px
    }
}

.b-routes__control:hover,.b-routes__control.glide__bullet--active {
    background-color: #00206f;
    color: #fff;
    background-image: none
}

.b-routes__control--feedback {
    border: 1px solid #FF7950;
    background-color: #ff7950;
    color: #fff;
    width: auto;
    margin-right: 0;
    margin-left: auto
}

.b-routes__control--feedback:hover {
    background-color: #df623b;
    border-color: #df623b;
    color: #fff
}

@media (max-width: 960px) {
    .b-routes__control--feedback {
        margin-bottom:0;
        margin-left: 0
    }
}

.b-routes__controlSub {
    display: block;
    margin-top: 8px;
    background-image: url(../img/svg/bulltet.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 48px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: none;
    letter-spacing: 0
}

.b-routes__controlSub--feedback {
    padding-left: 0;
    background-image: none
}

@media (max-width: 960px) {
    .b-routes__controlSub {
        font-size:14px;
        line-height: 20px;
        background-image: none;
        padding-left: 0
    }
}

@media (max-width: 1280px) {
    .b-routes__header {
        background-image:url(../img/svg/white/hand.svg);
        background-position: right bottom;
        background-repeat: no-repeat;
        padding-right: 52px
    }
}

.b-mobileMenu {
    height: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 3;
    background-color: #ddebff;
    padding: 30px;
    top: 80px;
    left: 0;
    right: 0;
    transition: all .4s
}

@media (max-width: 768px) {
    .b-mobileMenu {
        top:68px;
        min-height: calc(100vh - 68px)
    }
}

.b-mobileMenu__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (max-width: 768px) {
    .b-mobileMenu__items {
        margin:30px 0;
        border-radius: 8px;
        background-color: #fff;
        padding: 10px 0
    }
}

.b-mobileMenu__item {
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    margin: 10px;
    border-radius: 8px;
    width: calc(25% - 60px);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #00206f;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    transition: all .2s;
    box-sizing: border-box
}

.b-mobileMenu__item:hover {
    background-color: #00206f;
    color: #fff
}

@media (max-width: 1280px) {
    .b-mobileMenu__item {
        width:calc(33.33% - 60px)
    }
}

@media (max-width: 768px) {
    .b-mobileMenu__item {
        flex:0 0 100%;
        margin: 0;
        border-radius: 0
    }
}

.b-body--menu .b-mobileMenu {
    height: auto;
    opacity: 1;
    visibility: visible
}

.b-mobileMenuFooter {
    display: none;
    background-position: right 65px;
    background-image: url(../img/svg/shape-min.svg);
    background-repeat: no-repeat;
    margin: 0 -20px;
    padding: 0 20px
}

@media (max-width: 768px) {
    .b-mobileMenuFooter {
        display:block
    }
}

.b-mobileMenuFooter__footer {
    margin-top: 30px
}

.b-mobileMenuFooter__contact {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #00206f;
    text-decoration: none;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    text-align: left
}

.b-mobileMenuFooter__link {
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration-line: underline;
    color: #00206f;
    margin: 20px 0;
    text-align: left
}

.b-mobileMenuFooter__cr {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: #00206f;
    text-align: left;
    margin-bottom: 20px
}

.b-card {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 0;
    background-color: #fff
}

.b-card--minHeight {
    min-height: 550px
}

@media (max-width: 960px) {
    .b-card--minHeight {
        min-height:auto
    }
}

.b-card__content {
    position: relative;
    z-index: 1;
    width: 50%;
    padding: 48px 48px 138px;
    box-sizing: border-box
}

@media (max-width: 960px) {
    .b-card__content {
        width:100%;
        flex: 0 0 100%;
        padding-bottom: 48px
    }
}

.b-card__img {
    width: 50%;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 110%;
    background-color: #ddebff
    
}

.b-card__img--cover {
    background-size: cover
}

@media (max-width: 960px) {
    .b-card__img {
        width:100%;
        flex: 0 0 100%;
        order: -1;
        background-size: 100% auto
    }

    .b-card__img--cover {
        background-size: 100% auto
    }

    .b-card__img:before {
        display: block;
        padding-top: 62.5%;
        content: ""
    }
}

.b-card__title {
    margin: 0 0 24px
}

@media (max-width: 960px) {
    .b-card__title {
        margin-bottom:20px
    }
}

.b-card__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #00206f
}

@media (max-width: 768px) {
    .b-card__text {
        font-size:14px
    }
}

@media (max-width: 960px) {
    .b-card__text {
        font-size:12px
    }
}

.b-card__price {
    padding-left: 32px
}

@media (max-width: 960px) {
    .b-card__price {
        padding-left:0
    }
}

.b-card__btns {
    position: absolute;
    bottom: 40px;
    left: 40px
}

@media (max-width: 960px) {
    .b-card__btns {
        position:initial;
        margin-top: 20px
    }
}

.b-card__text+.b-card__price {
    padding-left: 0;
    margin-top: 24px
}

@media (max-width: 960px) {
    .b-card__text+.b-card__price {
        margin-top:20px
    }
}

.b-card__text+.b-list,.b-card__text+.modal__list,.b-card__text+.b-tours__list {
    margin-top: 24px
}

@media (max-width: 960px) {
    .b-card__text+.b-list,.b-card__text+.modal__list,.b-card__text+.b-tours__list {
        margin-top:20px
    }
}

.b-top {
    display: block;
    position: relative;
    z-index: 1;
    padding-bottom: 120px;
    background-color: #ddebff
}

.b-top--white {
    background-color: #fff
}

@media (max-width: 960px) {
    .b-top {
        padding-bottom:32px
    }
}

.b-top__bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width: 768px) {
    .b-top__bg {
        background-size:auto 100%
    }
}

.b-top__bg2 {
    display: block;
    background-color: #021a5480;
    padding-top: 160px;
    padding-bottom: 60px
}

@media (max-width: 768px) {
    .b-top__bg2 {
        padding-top:184px;
        padding-bottom: 40px
    }
}

.b-top__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-top__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-top__title {
    margin-top: 40px;
    margin-bottom: 0;
    color: #fff
}

@media (max-width: 768px) {
    .b-top__title {
        margin-top:24px
    }
}

@media (max-width: 568px) {
    .b-top__title {
        font-size:24px
    }
}

.b-top__title--2 {
    font-size: 58px
}

@media (max-width: 960px) {
    .b-top__title--2 {
        font-size:28px
    }
}

.b-top__btns {
    margin-top: 50px
}

@media (max-width: 768px) {
    .b-top__btns {
        margin-top:32px
    }
}

.b-top__btns--smallTop {
    margin-top: 24px
}

@media (max-width: 768px) {
    .b-top__btns--smallTop {
        margin-top:16px
    }
}

.b-top__text {
    display: block;
    white-space: normal;
    text-align: left;
    font-style: normal;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 24px
}

@media (max-width: 768px) {
    .b-top__text {
        margin-top:16px
    }
}

.b-top:after {
    display: block;
    content: "";
    z-index: 1;
    position: absolute;
    width: 163px;
    height: 213px;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/svg/top/desktop.svg)
}

@media (max-width: 1640px) {
    .b-top:after {
        width:98px;
        height: 100px;
        bottom: 88px;
        left: auto;
        right: 0;
        background-image: url(../img/svg/top/mobile.svg)
    }
}

@media (max-width: 960px) {
    .b-top:after {
        bottom:0
    }
}

.b-top--noImg {
    background-color: #fff;
    padding-bottom: 0
}

@media (max-width: 960px) {
    .b-top--noImg {
        padding-bottom:0
    }
}

.b-top--noImg:after {
    display: none
}

.b-top--noImg .b-top__bg2 {
    background-color: #fff
}

.b-top--noImg .b-top__title {
    color: #00206f
}

.b-bread {
    display: block;
    font-size: 0;
    color: #fff
}

.b-bread--blue {
    color: #00206f
}

.b-bread__url {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: inherit;
    margin-right: 8px;
    text-decoration: none;
    transition: all .2s
}

.b-bread__url:hover {
    text-decoration: underline
}

.b-bread__url:after {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: inherit;
    content: "/";
    padding-left: 8px
}

.b-bread__url:after:hover {
    text-decoration: none
}

.b-bread__last {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: inherit
}

.b-gallery {
    font-size: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -5px
}

.b-gallery__item {
    display: block;
    text-decoration: none;
    cursor: pointer;
    margin: 5px;
    box-sizing: border-box;
    width: calc(25% - 10px);
    background-color: #ddebff;
    background-position: center center;
    background-size: cover;
    border-radius: 8px
}

@media (max-width: 960px) {
    .b-gallery__item {
        width:calc(33.33% - 10px)
    }
}

@media (max-width: 768px) {
    .b-gallery__item {
        width:calc(50% - 10px)
    }
}

.b-gallery__item:after {
    display: block;
    content: "";
    padding-top: 66%
}

@property --cardGradColor1 {
    syntax: "<color>";
    initial-value: #000000;
    inherits: false;
}

@property --cardGradColor2 {
    syntax: "<color>";
    initial-value: rgba(0,0,0,0);
    inherits: false;
}

@property --cardGradPer1 {
    syntax: "<percentage>";
    initial-value: -23.75%;
    inherits: false;
}

@property --cardGradPer2 {
    syntax: "<percentage>";
    initial-value: 89.5%;
    inherits: false;
}

.b-gallerySlider {
    background-color: #ddebff;
    padding-top: 140px;
    padding-bottom: 34px
}

@media (max-width: 960px) {
    .b-gallerySlider {
        padding-top:80px;
        padding-bottom: 80px
    }
}

.b-gallerySlider__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-gallerySlider__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-gallerySlider__slides {
    position: relative;
    z-index: 1;
    padding-bottom: 30px
}

.b-gallerySlider__title {
    margin-bottom: 40px
}

.b-gallerySlider__title--sub {
    margin-bottom: 10px
}

.b-gallerySlider__sub {
    margin-bottom: 40px;
    padding-right: 120px
}

@media (max-width: 568px) {
    .b-gallerySlider__sub {
        padding-right:0
    }
}

.b-gallerySlider__img {
    display: block;
    width: 100%;
    border-radius: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    z-index: 1
}

.b-gallerySlider__img:after {
    content: "";
    padding-top: 50%;
    display: block
}

@media (max-width: 768px) {
    .b-gallerySlider__img:after {
        padding-top:70%
    }
}

.b-gallerySlider__slideGradient {
    --cardGradColor1: #000000;
    --cardGradPer1: -23.75%;
    --cardGradColor2: rgba(0, 0, 0, 0);
    --cardGradPer2: 89.5%;
    background: linear-gradient(180deg,var(--cardGradColor1) var(--cardGradPer1),var(--cardGradColor2) var(--cardGradPer2));
    height: 365px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: --cardGradColor1 .3s,--cardGradColor2 .3s;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.b-gallerySlider__slideTitle {
    position: absolute;
    z-index: 20;
    color: #fff;
    top: 40px;
    left: 40px;
    text-transform: none
}

@media (max-width: 960px) {
    .b-gallerySlider__slideTitle {
        top:40px;
        left: 40px
    }
}

.b-gallerySlider__btns {
    margin-top: 60px;
    text-align: center
}

@media (max-width: 960px) {
    .b-gallerySlider__btns {
        margin-top:40px
    }
}

.b-gallerySlider .glide__bullets {
    bottom: 0
}

.b-gallerySlider .glide__arrow {
    position: absolute;
    top: -70px;
    right: 0;
    left: auto
}

@media (max-width: 768px) {
    .b-gallerySlider .glide__arrow {
        top:-74px
    }
}

@media (max-width: 568px) {
    .b-gallerySlider .glide__arrow {
        display:none
    }
}

.b-gallerySlider .glide__arrow--left {
    right: 64px
}

.b-about {
    background-color: #fff;
    padding-bottom: 140px;
    background-image: url(../img/svg/about.svg);
    background-repeat: no-repeat;
    background-position: left bottom 60px
}

@media (max-width: 1640px) {
    .b-about {
        background-image:none
    }
}

@media (max-width: 960px) {
    .b-about {
        padding-top:28px;
        padding-bottom: 60px
    }
}

.b-about__inner {
    position: relative;
    z-index: 1;
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-about__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-about__row {
    display: flex;
    padding-top: 60px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

@media (max-width: 768px) {
    .b-about__row {
        padding-top:0
    }
}

.b-about__col {
    width: 20%;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #00206f;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center
}

@media (max-width: 768px) {
    .b-about__col {
        width:50%;
        padding: 0 10px 40px;
        font-size: 14px;
        line-height: 20px;
        text-align: center
    }
}

.b-about__col--first {
    padding-left: 0
}

@media (max-width: 768px) {
    .b-about__col--first {
        width:50%;
        padding-left: 10px
    }
}

.b-about__col--last {
    padding-right: 0
}

@media (max-width: 768px) {
    .b-about__col--last {
        width:50%;
        padding-right: 10px
    }
}

.b-about__col--50 {
    width: 50%;
    text-align: left
}

@media (max-width: 768px) {
    .b-about__col--50 {
        width:100%;
        padding: 0 0 20px
    }
}

.b-about__title {
    margin-bottom: 0;
    text-align: center
}

.b-motorship {
    background-color: #fff;
    padding-bottom: 140px;
    padding-top: 20px
}

@media (max-width: 960px) {
    .b-motorship {
        padding-top:0;
        padding-bottom: 80px
    }
}

.b-motorship__inner {
    position: relative;
    z-index: 1;
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-motorship__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-motorship__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.b-motorship__item {
    padding-top: 50px;
    background-image: url(../img/svg/motorship/item.svg);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: #00206f;
    width: 25%
}

@media (max-width: 960px) {
    .b-motorship__item {
        width:50%;
        margin-top: 40px
    }
}

@media (max-width: 768px) {
    .b-motorship__item {
        font-size:14px;
        line-height: 20px
    }
}

.b-motorship__row {
    margin-top: 80px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.b-motorship__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-right: 40px;
    width: calc(50% - 20px);
    text-align: justify;
    color: #00206f
}

@media (max-width: 960px) {
    .b-motorship__text {
        width:100%;
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .b-motorship__text {
        font-size:14px;
        line-height: 20px
    }
}

.b-motorship__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 8px;
    background-color: #ddebff;
    width: calc(50% - 20px)
}

.b-motorship__img:before {
    display: block;
    content: "";
    padding-top: 60%
}

@media (max-width: 960px) {
    .b-motorship__img {
        width:100%;
        margin-top: 40px
    }
}

.b-motorship__title {
    margin-bottom: 0
}

.b-motorshipMenu {
    background-color: #fff;
    border-radius: 8px;
    margin-top: 60px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    background-image: url(../img/defaults/motorship/menuMini.jpg?v=1);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center
}

@media (max-width: 1320px) {
    .b-motorshipMenu {
        background-image:none;
        padding: 20px;
        margin-top: 30px;
        display: block
    }
}

.b-motorshipMenu__text {
    margin-left: 200px;
    margin-right: 100px;
    padding: 37px 40px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #00206f
}

@media (max-width: 1320px) {
    .b-motorshipMenu__text {
        margin-left:0;
        margin-right: 0;
        padding: 0
    }
}

@media (max-width: 768px) {
    .b-motorshipMenu__text {
        font-size:14px;
        line-height: 20px
    }
}

.b-motorshipMenu__btn {
    margin-right: 40px;
    padding: 40px 0;
    width: 260px
}

@media (max-width: 1320px) {
    .b-motorshipMenu__btn {
        margin-right:0;
        padding: 0;
        width: 100%;
        margin-top: 20px
    }
}

.b-text,.b-textSchedule,.b-section__body {
    background-color: #fff;
    padding-bottom: 140px;
    padding-top: 1px
}

@media (max-width: 960px) {
    .b-text,.b-textSchedule,.b-section__body {
        padding-bottom:80px
    }
}

.b-text__inner {
    position: relative;
    z-index: 1;
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-text__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-text__img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 80px;
    font-size: 0;
    border-radius: 8px;
    background-color: #ddebff
}

@media (max-width: 768px) {
    .b-text__img {
        font-size:14px;
        line-height: 20px;
        margin-top: 40px
    }
}

.b-text__img:before {
    display: block;
    content: "";
    padding-top: 50%
}

.b-text__text {
    width: 100%;
    margin: 0 auto;
    color: #00206f;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: justify
}

@media (max-width: 768px) {
    .b-text__text {
        font-size:14px;
        line-height: 20px
    }
}

.b-textSchedule {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 24px;
    padding: 0!important
}

@media (max-width: 768px) {
    .b-textSchedule {
        grid-template-columns:1fr
    }
}

.b-textSchedule ul {
    margin-top: 8px;
    padding: 0 0 0 12px!important
}

.b-textSchedule ul>li {
    padding: 8px 0
}

.b-textSchedule__dt {
    font-weight: 700;
    text-align: right
}

@media (max-width: 768px) {
    .b-textSchedule__dt {
        text-align:left
    }
}

.b-video {
    text-align: center;
    font-size: 0;
    padding-bottom: 140px;
    background-color: #fff
}

@media (max-width: 1320px) {
    .b-video {
        padding-bottom:0
    }
}

.b-video__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-video__inner {
        width:auto;
        margin: 0 20px
    }
}

@media (max-width: 1320px) {
    .b-video__inner {
        width:100%;
        margin: 0
    }
}

.b-video video {
    width: 100%
}

.b-policy {
    background-color: #fff;
    padding-bottom: 20px;
    padding-top: 20px
}

@media (max-width: 960px) {
    .b-policy {
        padding-top:0
    }
}

.b-policy__inner {
    position: relative;
    z-index: 1;
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-policy__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-policy__title {
    margin-bottom: 40px;
    text-align: left
}

@media (max-width: 768px) {
    .b-policy__title {
        margin-bottom:30px
    }
}

.b-policy__text {
    color: #00206f;
    margin-bottom: 80px;
    text-align: left;
    line-height: 1.4
}

@media (max-width: 768px) {
    .b-policy__text {
        margin-bottom:40px
    }
}

.b-btnWidget {
    position: fixed;
    z-index: 100011;
    right: 90px;
    bottom: 90px;
    box-sizing: border-box
}

@media (max-width: 960px) {
    .b-btnWidget {
        right:70px;
        bottom: 70px
    }
}

@media (max-width: 768px) {
    .b-btnWidget {
        right:40px;
        bottom: 40px
    }
}

@media (max-width: 568px) {
    .b-btnWidget {
        right:20px;
        bottom: 20px
    }
}

.b-btnWidget__inner {
    width: 60px;
    height: 60px;
    z-index: 100013;
    background-color: #57d163;
    border-radius: 30px;
    float: right;
    opacity: 1
}

.b-btnWidget__inner:after,.b-btnWidget__inner:before {
    animation: btnWidget-wave 2.6s linear 0s infinite;
    animation-delay: 0s;
    background-color: inherit;
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%!important;
    left: 0;
    position: absolute;
    width: 100%!important;
    z-index: 0
}

.b-btnWidget__icon {
    background-size: 30px 30px;
    background-image: url(../img/svg/white/wa.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    z-index: 100014;
    position: absolute
}

.b-btnWidget:hover .b-btnWidget__inner:before,.b-btnWidget:hover .b-btnWidget__inner:after {
    background-color: #52ab5b
}

@keyframes btnWidget-wave {
    0% {
        opacity: .45;
        transform: scale(1)
    }

    40% {
        opacity: .45
    }

    to {
        opacity: 0;
        transform: scale(1.35)
    }
}

.b-videoPrev {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 600px;
    overflow: hidden;
    background-image: url(../img/defaults/about/videoPrev.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer
}

@media (max-width: 1280px) {
    .b-videoPrev {
        background-size:cover
    }
}

.b-videoPrev:before {
    content: "";
    display: block;
    padding-top: 56%;
    max-height: 400px
}

.b-videoPrev:after {
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #021a5480;
    background-image: url(../img/svg/white/play.svg);
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: center center
}

@media (max-width: 1280px) {
    .b-videoPrev:after {
        background-size:48px 48px
    }
}

.b-videoPrev:hover:after {
    background-color: #021a5466
}

.b-error {
    padding-top: 270px;
    padding-bottom: 270px
}

@media (max-width: 1280px) {
    .b-error {
        padding-top:200px;
        padding-bottom: 200px
    }
}

@media (max-width: 960px) {
    .b-error {
        padding-top:160px;
        padding-bottom: 160px
    }
}

.b-error__logo {
    background-image: url(../img/svg/white/logo-vertical.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 280px;
    height: 140px
}

.b-error__title {
    margin-top: 60px;
    color: #fff;
    text-align: center
}

.b-error__sub {
    margin: 24px auto;
    color: #fff;
    text-align: center
}

.b-error__btns {
    text-align: center
}

.b-articles {
    background-color: #ddebff;
    padding-bottom: 140px;
    padding-top: 1px
}

@media (max-width: 960px) {
    .b-articles {
        padding-top:40px;
        padding-bottom: 30px
    }
}

.b-articles__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1320px) {
    .b-articles__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-articles__items {
    margin: -12px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media (max-width: 768px) {
    .b-articles__items {
        margin-left:0;
        margin-right: 0
    }
}

.b-articles__item {
    display: block;
    width: calc(33.33% - 24px);
    margin: 12px;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
    padding: 24px;
    text-decoration: none;
    box-sizing: border-box;
    overflow: hidden
}

@media (max-width: 960px) {
    .b-articles__item {
        width:calc(50% - 24px)
    }
}

@media (max-width: 768px) {
    .b-articles__item {
        width:100%;
        margin-left: 0;
        margin-right: 0
    }
}

.b-articles__img {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: -24px -24px 24px;
    background-color: #ddebff
}

.b-articles__img:before {
    display: block;
    content: "";
    padding-top: 64%
}

.b-articles__title {
    display: block;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    color: #00206f
}

@media (max-width: 768px) {
    .b-articles__title {
        font-size:20px
    }
}

.b-articles__text {
    display: block;
    margin: 16px 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #00206f
}

.b-articles__date {
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: #00206f
}

.b-article {
    background-color: #fff;
    padding-bottom: 140px;
    padding-top: 20px
}

@media (max-width: 960px) {
    .b-article {
        padding-top:0;
        padding-bottom: 80px
    }
}

.b-article__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (max-width: 1320px) {
    .b-article__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-article__text {
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-right: 40px;
    width: calc(50% - 20px);
    text-align: justify;
    color: #00206f
}

.b-article__text a:not(.b-btn):not(.b-basket__last):not(.b-basket__next):not(.b-basket__addService):not(.b-basket__deleteBtn) {
    color: #00206f;
    text-decoration: underline;
    transition: all .3s
}

.b-article__text a:not(.b-btn):not(.b-basket__last):not(.b-basket__next):not(.b-basket__addService):not(.b-basket__deleteBtn):hover {
    text-decoration: none
}

@media (max-width: 960px) {
    .b-article__text {
        width:100%;
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .b-article__text {
        font-size:14px;
        line-height: 20px
    }
}

.b-article__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 8px;
    background-color: #ddebff;
    width: calc(50% - 20px)
}

.b-article__img:before {
    display: block;
    content: "";
    padding-top: 60%
}

@media (max-width: 960px) {
    .b-article__img {
        width:100%;
        margin-top: 40px
    }
}

.b-article__title {
    margin-bottom: 0
}

.b-article__date {
    margin-top: 24px;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: #00206f
}

.b-article__btnGroup {
    display: block;
    margin-top: 24px
}

.b-pays {
    display: flex;
    font-size: 0;
    padding-top: 2px;
    margin-right: -16px
}

@media (max-width: 960px) {
    .b-pays {
        align-items:center;
        justify-content: center
    }
}

@media (max-width: 568px) {
    .b-pays {
        justify-content:left
    }
}

.b-pays__item {
    display: block;
    margin-right: 16px
}

.b-pays__item img {
    height: 20px
}

.b-cruise {
    background-color: #fff;
    padding-bottom: 140px;
    padding-top: 20px
}

@media (max-width: 960px) {
    .b-cruise {
        padding-top:0;
        padding-bottom: 80px
    }
}

@media (max-width: 768px) {
    .b-cruise .glide__arrows {
        display:none
    }
}

.b-cruise__row {
    margin-top: 80px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.b-cruise__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-right: 40px;
    width: calc(50% - 20px);
    text-align: justify;
    color: #00206f
}

@media (max-width: 960px) {
    .b-cruise__text {
        width:100%;
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .b-cruise__text {
        font-size:14px;
        line-height: 20px
    }
}

.b-cruise__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 8px;
    background-color: #ddebff;
    width: calc(50% - 20px)
}

.b-cruise__img:before {
    display: block;
    content: "";
    padding-top: 60%
}

@media (max-width: 960px) {
    .b-cruise__img {
        width:100%;
        margin-top: 40px
    }
}

.b-cruise__title {
    margin-bottom: 0
}

.b-paymentStatus {
    background-color: #ddebff
}

.b-paymentStatus:before {
    content: "";
    display: block;
    background-color: #8ebbff;
    height: 80px
}

@media (max-width: 768px) {
    .b-paymentStatus:before {
        height:68px
    }
}

.b-paymentStatus__inner {
    display: block;
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (max-width: 1320px) {
    .b-paymentStatus__inner {
        width:auto;
        margin: 0 20px
    }
}

.b-paymentStatus__order {
    min-height: 240px;
    padding-top: 48px;
    position: relative;
    z-index: 1
}

.b-paymentStatus__title {
    text-align: center;
    margin-bottom: 0
}

.b-paymentStatus__status {
    color: #00206f;
    text-align: center
}

.b-paymentStatus__status--success {
    color: #52ab5b
}

.b-paymentStatus__status--failed {
    color: #df623b
}

.b-paymentStatus__header {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.b-paymentStatus__footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #00206f
}

.b-paymentStatus__footer strong {
    font-weight: 700
}

.b-block {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #00206f
}

.b-block--img {
    display: flex;
    padding: 0;
    overflow: hidden
}

@media (max-width: 768px) {
    .b-block--img {
        flex-direction:column
    }
}

.b-block__contentCol {
    padding: 24px;
    flex: 1
}

.b-block__imgCol {
    width: 30%
}

.b-block__imgCol img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media (max-width: 960px) {
    .b-block__imgCol {
        width:50%
    }
}

@media (max-width: 768px) {
    .b-block__imgCol {
        width:100%;
        order: -1
    }
}

.b-block a {
    white-space: nowrap
}

.b-block br+br {
    display: initial
}

.b-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px
}

@media (max-width: 960px) {
    .b-items {
        display:none
    }
}

.b-items__item {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 24px;
    background-color: #fff;
    text-decoration: none;
    color: inherit
}

@media (max-width: 960px) {
    .b-items__item {
        margin-top:30px;
        width: 100%
    }
}

.b-items__itemTitle {
    color: #00206f;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .96px;
    text-transform: uppercase;
    white-space: normal;
    margin-bottom: 24px
}

.b-items__itemTitle--price {
    font-weight: 500;
    color: #ff7950
}

@media (max-width: 960px) {
    .b-items__itemTitle {
        font-size:20px;
        letter-spacing: .6px;
        line-height: 24px
    }
}

.b-items__itemParams {
    display: block;
    list-style: none;
    padding-left: 0;
    white-space: normal
}

.b-items__itemParams li {
    display: block;
    margin-bottom: 12px;
    padding-left: 40px;
    background-image: url(../img/svg/blue/bullet.svg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #00206f
}

.b-items__itemText {
    margin-top: 24px;
    padding: 0!important
}

.b-items__img {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 24px
}

.b-items__img:before {
    content: "";
    display: block;
    padding-top: 66%
}

.b-items__img img {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 8px
}

.b-items__images {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    margin-top: 24px;
    display: grid
}

.b-items__imgWrap {
    text-decoration: none;
    display: block;
    font-size: 0
}

.b-items__imgWrap img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 8px
}

.b-mobileItems {
    display: none
}

@media (max-width: 960px) {
    .b-mobileItems {
        display:block
    }
}

.b-orderForm {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #00206f
}

.b-orderForm__loader {
    width: 100%;
    height: 440px;
    background-color: #fffffff2;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.b-orderForm__loader .lds-ripple {
    margin-top: 12px
}

.b-orderForm__redirect {
    position: absolute;
    z-index: 30;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fffffff2;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.b-orderForm__redirect .lds-ripple {
    margin-top: 12px
}

.b-orderForm__info,.b-orderForm__form {
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.b-orderForm--loading .b-orderForm__loader,.b-orderForm--redirect .b-orderForm__redirect,.b-orderForm--info .b-orderForm__info,.b-orderForm--form .b-orderForm__form {
    visibility: visible;
    opacity: 1;
    height: auto
}

.b-orderForm__service {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute
}

.b-orderForm__service--show {
    margin-bottom: 16px;
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: all .3s;
    position: initial
}

.b-orderForm__service span {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #00206f
}

.b-orderForm__service select {
    width: 60%
}

.b-orderForm__service input {
    flex: 1 0 0
}

.b-basket {
    display: flex;
    flex-direction: column;
    gap: 48px
}

.b-basket__type {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.b-basket__typeTitle {
    margin-bottom: 0
}

.b-basket__product {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    color: #00206f;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.b-basket__productBody {
    display: grid;
    grid-template-columns: 1fr 6fr 1.5fr .5fr 1fr 1fr;
    gap: 24px;
    align-items: center;
}

.cruise_trips .b-basket__productBody {
    position: relative;
    display: flex;
    gap: 24px;
    align-items: center;
}

@media (max-width: 960px) {
    .hour_trips .b-basket__productBody {
        position: relative;
        display: flex;
        gap: 12px;
        flex-direction: column;
        align-items: stretch;
    }
    .hour_trips .b-basket__productBody .b-basket__delete {
        position: absolute;
        bottom: 12px;
        left: 0;
    }
}

@media (max-width: 1279px) {
    .cruise_trips .b-basket__productBody {
        display:flex;
        gap: 12px;
        flex-direction: column;
        align-items: stretch;
    }
    .cruise_trips .b-basket__productBody .b-basket__delete {
        position: absolute;
        bottom: 12px;
        left: 0;
    }
}

.b-basket__price {
    color: #ff7950
}

.b-basket__priceText {
    display: none;
    color: #00206f
}

@media (max-width: 960px) {
    .b-basket__priceText {
        display:inline
    }
}

.b-basket__sum {
    font-size: 18px;
    font-weight: 500;
    color: #ff7950;
    text-align: right
}

.b-basket__delete {
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
    background-image: url(../img/svg/delete.svg);
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: auto;
    transition: all .3s
}

.b-basket__delete:hover {
    background-image: url(../img/svg/delete-orange.svg)
}

@media (max-width: 960px) {
    .b-basket__delete {
        /* display:none */ 
    }
}

.b-basket__deleteBtn {
    display: none
}

@media (max-width: 960px) {
    .b-basket__deleteBtn {
        display:block;
        width: 100%
    }
}

.b-basket__services {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.b-basket__service {
    display: grid;
    grid-template-columns: 1fr 6fr 1.5fr .5fr 1fr 1fr;
    gap: 24px;
    align-items: center
}

@media (max-width: 960px) {
    .b-basket__service {
        display:flex;
        gap: 12px;
        /* flex-direction: column; */
        align-items: center;
    }
    .b-basket__service .b-basket__select {
        flex-grow: 1;
    }
    .b-basket__service .b-basket__count {
        max-width: 120px;
    }
}

@media (max-width: 680px) {
    .b-basket__service {
        position: relative;
        flex-direction: column;
        align-items: stretch;
    }
    .b-basket__service .b-basket__count {
        max-width: none;
    }
    .b-basket__service .b-basket__delete {
        position: absolute;
        bottom: 2px;
        left: 0;
    }
}

.b-basket__addService {
    margin-right: auto
}

@media (max-width: 960px) {
    .b-basket__addService {
        width:100%
    }
}

.b-basket__select--services {
    grid-column: span 3
}

.b-basket__all {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    font-size: 24px;
    font-weight: 500;
    color: #ff7950;
    text-align: right
}

.b-basket__empty,.b-basket__toOrder {
    text-align: center
}

.b-basket__btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

@media screen and (max-width: 600px) {
    .b-basket__btns {
        flex-direction: column;
        align-items: stretch;
    }
}

.b-basket__btns--empty {
    margin-top: 16px
}

.b-basket__userForm {
    max-width: 600px;
    border-radius: 20px;
    padding: 48px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #fff
}

.b-basket__userForm .b-inWrap {
    padding-bottom: 16px;
    position: relative;
    z-index: 10
}

.b-basket__userForm .b-inWrap span[role=alert]+input[type=text] {
    margin-bottom: 20px
}

.b-basket__userForm .b-inWrap span[role=alert] {
    position: absolute;
    z-index: 20;
    left: 0;
    bottom: 16px
}

.b-basket__order {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    color: #00206f;
    font-size: 16px;
    display: flex;
    gap: 24px
}

@media (max-width: 768px) {
    .b-basket__order {
        gap:12px;
        flex-direction: column
    }
}

.b-basket__orderBtns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-left: auto
}

@media (max-width: 768px) {
    .b-basket__orderBtns {
        margin-left:0;
        gap: 12px
    }
}

.b-basket__orderTitle {
    font-size: 24px;
    font-weight: 500;
    color: #ff7950;
    text-align: left
}

.b-basket__orderText {
    margin-top: 8px;
    display: block;
    font-size: 16px;
    color: #00206f
}

.p-basket {
    min-height: 240px
}

* {
    scroll-behavior: smooth
}

.b-body {
    min-height: 100vh;
    margin: 0;
    position: relative;
    padding-bottom: 376px;
    background-color: #e5e7eb;
    box-sizing: border-box;
    font-family: Mazzard,sans-serif;
    font-weight: 400;
    font-size: 16px
}

.b-body--menu {
    overflow: hidden
}

.b-body--error {
    background-color: #00206f;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    background-image: url(../img/svg/bg2.svg)
}

@media (max-width: 960px) {
    .b-body {
        padding-bottom:920px
    }
}


/* Перенос на wp */
.b-slider .swiper-slide{
    height: 800px;
    background-size: cover;
}
.glide__slides{
    overflow: visible;
}
.custom-logo-link{
    display: block;
    width: 100%;
    height: 100%;
}
.custom-logo-link img {
    width: 100%;
    height: 100%;
}
.swiper-pagination-bullet{
    opacity: 1 !important;
    width: 16px !important;
    border-radius: 3px !important;
    background: white !important;
    height: 6px !important;
}
.swiper-pagination-bullet-active{
    background:#8EBBFF !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: var(--swiper-pagination-bottom, 52px);
}
.swiper-tours .swiper-slide{
    display: flex;
    height: 700px;
}

.popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0009;
    z-index: 999;
    display: none;
}
.popup__container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 20px;
    padding: 48px;
    max-width: 600px;
    width: 100%;
    background-color: white;
    box-sizing: border-box;
}
.popup__container input{
    margin-bottom: 16px;
}
.popup__container .b-btn{
    margin-top: 16px;
    margin-bottom: 0;
}
.popup__exit{
    background: transparent;
    background-image: url("../img/svg/blue/close.svg");
    position: absolute;
    right: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    border: 0;
    background-size: cover;
}
.riverwalk-popup .popup__container{
    max-width: 1280px;
    overflow-y: scroll;
    max-height: 800px;
}
@media (max-width: 1320px) {
    .riverwalk-popup .popup__container{
        width: 95%;
    }
}
.b-article__text li{
    margin-bottom: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #00206f;
    white-space: normal;
    background-image: url("../img/svg/bulltet.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 48px;
}
.b-article__text ul{
    list-style: none;
}
.b-header-blue{
    
}
.btn-up{
    position: fixed;
    right: 16px;
    bottom: 32px;
    width: 75px;
    height: 75px;
    z-index: 9999;
    cursor: pointer;
}
.btn-up .btn-up__img{
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 100px;
    box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.2);
}
.hidden{
    display: none;
}
.b-headerNav{
    position: relative;
}
.b-header__attention{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 70px;
    left: 35%;
    color: white;
}
.attention__bg{
    z-index: 2;
    position: absolute;
    left: 66%;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    height: 125px;
    width: 253px;
}
.attention__top{
    font-size: 18px;
    z-index: 2;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.attention__bottom{
    z-index: 2;
    font-size: 14px;
}
.attention__arrow{
    position: absolute;
    left: 0;
    bottom: 17%;
    z-index: 2;
    transform: translateX(-85%) rotate(31deg);
    width: 130px;
    height: 100px;
}
@media(max-width: 1460px){
    .b-header__attention{
        display: none;
    }
}
.b-cruise .b-section__title{
    word-break: break-all;
}

/* NOTE sbv */
.b-basket__select {
    max-width: 100%;
    text-overflow: ellipsis;
}