@import url("fonts/Taviraj/style.css");
@import url("fonts/Lato/style.css");

svg.phone-white path {
    fill: white;
}

.modal-header .close {
    opacity: 1;
}

.jssocials-shares {
    font-family: Lato;
}

.pswp__counter {
    font-size: 17px!important;
}

.btn-scroll-up {
    position: fixed;
    border: 1.5px solid #2070E9;
    right: 55px;
    bottom: 10vh;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-in-out;
    width: 40px;
    height: 40px;
    opacity: 1;
}

.btn-scroll-up::before {
    content: "";
    width: 24px;
    height: 24px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 13.8125L11.88 10L16 14' stroke='%232070E9' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
}

pre {
    width: 100vh;
}

.swiper-overflow-container {
    overflow-x: hidden; /* prevent horizontal scroll */
}

.swiper-overflow-container .container {
    overflow: visible; /* if your container has overflow by default */
}

.swiper-overflow-container .swiper-container {
    overflow: visible; /* remove swiper container overflow */
}


.btn-scroll-up_hide {
    display: none;
}

.btn-scroll-up_hiding {
    opacity: 0;
}

.modal-backdrop {
    background: rgba(8, 14, 34) !important;
    opacity: 0.95 !important;
}

.mm-ocd--open {
    background: rgba(15, 19, 34, 0.79) !important;
}


#menu-list {
    background: white;
}

#menu-list .menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
    height: 82px;
    border-bottom: 2px solid #E6E6E6;
}

#menu-list .menu-header .phone{
    display: flex;
}

#menu-list .menu-header b {
     color: #061556;
     font-family: Lato;
     font-size: 14px;
     font-style: normal;
     font-weight: 800;
     line-height: normal;
     letter-spacing: 0.91px;
     margin-left: 8px;
}

#menu-list .menu-header .close-menu {
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#menu-list .mm-spn--open {
    /*top: 82px!important;*/
    top: 82px!important;
    /*padding: 32px 24px;*/
    padding-left: 32px;
    padding-top: 98px;
    padding-bottom: 98px;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    row-gap: 45px;
    height: calc(100vh - 160px);
}

#menu-list .mm-spn--open li {
    color: #061556;
    font-family: Taviraj;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
}

#menu-list .mm-spn--open li:after {
    border: none;
}
#menu-list .mm-spn--open li:before {
    display: none;
}

#menu-list .mm-spn--open li a {
    padding: 0;
}

#menu-list .mm-spn--open:after {
    display: none;
}

#menu-list .mm-spn--open:before {
    border-top: none;
    opacity: 1;
}

#menu-list .menu-footer {
    position: absolute;
    bottom: 0px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    height: 82px;
    border-top: 2px solid #E6E6E6;
    width: 100%;
    column-gap: 39px;
}

#menu-list .menu-footer a {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    column-gap: 12px;
    border: none!important;
    padding: 0;
    border-color: transparent;
    width: min-content;
}
#menu-list .menu-footer a:after {
    display: none;
}


.app-main {
    display: block;
    background: white;
    font-family: 'Taviraj';
}

.collapse-text p.collapse:not(.show) {
    height: 70px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.collapse-text p.collapsing {
    min-height: 70px !important;
}

.collapse-text a.collapsed:after {
    content: 'Read more';
    color: #2070E9;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 20.8px */
    text-decoration-line: underline;
}

.collapse-text a:not(.collapsed):after {
    content: 'Read less';
    color: #2070E9;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 20.8px */
    text-decoration-line: underline;
}


.form-select {
    width: 100%;
    background-color: #fff;
    background-image: url(/web/images/icon/arrow-select.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
}


header {
    width: 100%;
    border-bottom: 2px solid #E6E6E6;
}

header {
    width: 100%;
    border-bottom: 2px solid #E6E6E6;
}

header.blackTheme {
    background: #061556;
    color: white;
}

header.blackTheme .container .header-logo.mobile {
    display: none;
}

header.blackTheme .container .header-logo.mobile img {
    height: 36px;
}

header .container {
    max-width: 1170px;
    height: 80px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 25px;
}

header .container .header-logo img {
    max-width: 127px;
}

header .container .header-other-links {
    flex-basis: 180px;
}

header .container nav.menu {
    flex-basis: 471px;
}

header .container nav.menu ul {
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

header .container nav.menu ul li {
    list-style: none;
    min-width: 10px;
}

header .container .menu ul a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    color: #061556;
}

header .container .header-other-links ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

header .container .header-other-links ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

header .header-phone {
    display: flex;
    align-items: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.91px;
}

header .header-phone svg {
    margin-right: 8px;
    width: 13px;
    height: 13px;
}

header.index {
    height: auto;
    background-image: linear-gradient(rgba(8, 18, 63, 0.71), rgba(8, 18, 63, 0.71)), url("/web/images/background/beautiful-atlantic-beaches-and-cliffs-of-algarve-portugal-on-a-sunny-summer-day.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

header.index.mobile {
    padding-left: 0;
    padding-right: 0;
}

header.index .container .header-other-links {
    flex-basis: auto;
}

header.index .container .header-other-links ul {
    justify-content: flex-start;
    gap: 48px;
}

header.index .header-phone {
    color: white;
}

header.index .container {
    padding-top: 40px;
}

header.index.mobile .container {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    padding-top: 0;
    height: 80px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

header.index .container .header-logo img {
    max-width: 176px;
}

header.index.mobile .container .header-logo img {
    max-width: 127px;
}

header.index.desktop .container .header-logo {
    padding-right: 80px;
}

header.index nav.menu {
    margin-top: 24px;
    width: 100%;
    max-width: 1170px;
    display: flex;
    justify-content: center;
    padding: 16px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin-left: auto;
    margin-right: auto;
}

header.index nav.menu ul {
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 48px;
}
header.index nav.menu ul li {
    list-style: none;
    min-width: 10px;
}

header.index .menu ul a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    color: white;
}

header.index h1 {
    color: white;
    text-align: center;
    font-family: Taviraj;
    font-size: 76px;
    font-style: normal;
    font-weight: 300;
    line-height: 70px;
    margin-top: 173px;
    margin-bottom: 218px;
}


header.index.mobile h1 {
    font-size: 46px;
}

header.index .btn-search {
    color: white;
    width: 170px;
    height: 58px;
    padding: 0;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2070E9;
    /*font-family: Overpass;*/
    font-family: Taviraj;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 18px */
    letter-spacing: 1.05px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 94px;
}


header.index .btn-down {
    margin-left: auto;
    margin-right: auto;
    width: 10px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

header.mobile {
    display: none;
    padding-left: 24px;
    padding-right: 24px;
}

header.mobile .container .header-other-links {
    flex-basis: min-content;
}
header.mobile .container .header-other-links ul {
    column-gap: 16px;
}


footer {
    width: 100%;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #E6E6E6;
    max-width: 1170px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 64px;
}

footer .card-container, footer .social-container {
    display: flex;
    align-items: center;
}

footer .card-container .card {
    box-sizing: border-box;
    width: 34px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
}

footer .info .icon {
    margin: 0 auto;
    width: 26px;
}

footer .info .icon img {
    width: 100%;
}

footer .info ul.link-block {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 16px;
    list-style-type: none;
    margin-top: 14px;
    padding: 0;
}

footer .info ul.link-block li a {
    font-family: Lato;
    font-size: 14px;
    color: #1D1D1D;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
}

footer .info .copyright {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0 auto;
}

footer .social-container .service {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin-left: 37px;
}

footer .social-container .service img {
    width: 100%;
    height: 100%;
}

.container {
    padding: 0;
}

/*.main-content header .container .header-other-links ul img {*/
/*    width: 17px;*/
/*}*/

.main-content main {
    max-width: 1170px;
    margin: auto;
}

.main-content .reviews {
    display:none !important;
}


.main-content main > h1, .index-content main > h1 {
    font-family: Taviraj;
    font-weight: 600;
    font-size: 46px;
    text-align: center;
    line-height: 60px;
    color: #061556;
    margin: 46px auto 0;
    display: block;
    position: relative;
}

.main-content main > h1:after, .index-content main > h1:after {
    position: absolute;
    content: '';
    bottom: -16px;
    width: 74px;
    height: 2px;
    background: #061556;
    right: calc(50% - 37px);
}

.main-content main > .search-container, .index-content main .search-container {
    padding: 40px 32px;
    margin-top: 64px;
    width: 100%;
    box-shadow: 0px 4px 26px 0px rgba(1, 6, 33, 0.09);
}

.main-content main > .search-container .select-block.mobile, .index-content main .search-container .select-block.mobile {
    display: none;
}



.main-content main > .search-container .input-block, .index-content main > .search-container .input-block {
    display: flex;
    width: 100%;
    height: 58px;
    border-bottom: 1px solid rgba(220, 225, 233, 1);
    position: relative;
}

.main-content main > .search-container .input-block label.label-text, .index-content main > .search-container .input-block label.label-text {
    width: 100%;
    margin: 0;
    position: relative;
}

.main-content main > .search-container .input-block input.text-search, .index-content main > .search-container .input-block input.text-search {
    border: none;
    width: 100%;
    height: 100%;
    padding-left: 40px;
    position: relative;
    z-index: 10;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    color: #061556;
}

.main-content main > .search-container .input-block input.text-search::placeholder, .index-content > .search-container .input-block input.text-search::placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    color: #061556;
}

.main-content main > .search-container .input-block input.text-search:focus, .index-content main > .search-container .input-block input.text-search:focus {
    outline: none;
}

.main-content main > .search-container .input-block:focus-within, .index-content main > .search-container .input-block:focus-within {
    outline: 1px solid blue
}

.main-content main > .search-container .input-block label.label-text::after, .index-content main > .search-container .input-block label.label-text::after {
    position: absolute;
    content: '';
    display: block;
    background: url("/web/images/icon/search.svg");
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    z-index: 15;
}

.main-content main > .search-container .input-block button, .index-content main > .search-container .input-block button {
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 20;
}


.main-content main > .search-container .select-block, .index-content main > .search-container .select-block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    gap: 8px;
    flex-wrap: wrap;
}

.main-content main > .search-container .select-block .btn.select-filter, .index-content main > .search-container .select-block .btn.select-filter {
    padding: 16px 38px 16px 16px;
    border: 1px solid rgba(230, 230, 230, 1);
    color: rgba(6, 21, 86, 1);
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    appearance: none;
    background: url("/web/images/icon/caret.svg") no-repeat right;
    background-position-x: calc(100% - 16px);
    cursor: pointer;
    text-transform: capitalize;
    border-radius: 0;
}

.main-content main > .search-container .select-block .btn.mobile-show, .index-content main > .search-container .select-block .btn.mobile-show {
    background: #061556;
    padding: 16px 16px;
    display: none;
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    appearance: none;
    cursor: pointer;
    border-radius: 0;
}

.main-content main > .search-container .select-block .btn.select-filter:focus, .index-content main > .search-container .select-block .btn.select-filter:focus {
    border: 1px solid #061556;
    outline: none;
    box-shadow: none;
}

.main-content main > .search-container .filter-container, .index-content main > .search-container .filter-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.main-content main .filter-container.mobile, .index-content main .filter-container.mobile {
    display: none;
}

.main-content main > .search-container .filter-block, .index-content main > .search-container .filter-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.main-content main > .search-container .filter-container .clear-all, .index-content main > .search-container .filter-container .clear-all {
    white-space: nowrap;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-decoration-line: underline;
    color: #2070E9;
    margin-left: 24px;
    cursor: pointer;
}


.main-content main > .search-container .filter-block .filter,
.index-content main > .search-container .filter-block .filter,
.main-content #select-filter-mobile .filter-links .filter-items-container .filter,
.index-content #select-filter-mobile .filter-links .filter-items-container .filter
{
    width: min-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    column-gap: 12px;
    background: #061556;
    color: white;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    border: 2px solid #FFFFFF;
    white-space: nowrap;
    margin: 0;
}


.main-content #select-filter-mobile .filter-links .filter-items-container .filter,
.index-content #select-filter-mobile .filter-links .filter-items-container .filter {

}

.main-content main > .search-container .filter-block .filter a, .index-content main > .search-container .filter-block .filter a {
    padding: 0;
    display: block;
    margin: 0;
    cursor: pointer;
}

.main-content main > .sort-container, .index-content main > .sort-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 48px;
}

.main-content main > .sort-container .result-info, .index-content main > .sort-container .result-info {
    font-family: Lato;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;

}

.main-content main > .sort-container .sort-btn-container, .index-content main > .sort-container .sort-btn-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}


.main-content main > .sort-container .sort-btn-container span, .index-content main > .sort-container .sort-btn-container span {
    font-family: Lato;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #1D1D1D;
}

.main-content main > .sort-container .sort-btn-container span.text, .index-content main > .sort-container .sort-btn-container span.text {
    font-family: Lato;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #1D1D1D;
    margin-right: 8px;
}

.main-content main > .sort-container .sort-btn-container .sort-btn svg, .index-content main > .sort-container .sort-btn-container .sort-btn svg {
    margin-left: 12px;
}

.main-content main > .sort-container .sort-btn-container .sort-btn span, .index-content main > .sort-container .sort-btn-container .sort-btn span {
    font-family: Lato;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(32, 112, 233, 1);
}

.main-content main > .sort-container .sort-btn-container .sort-btn, .index-content main > .sort-container .sort-btn-container .sort-btn {
    background: white;
    outline: none;
    border: none;
    display: flex;
    align-items: center;

}

.main-content main > .sort-container .result-info, .index-content main > .sort-container .result-info {
    font-family: Taviraj;
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(6, 21, 86, 1);
}

.main-content main .items-container, .index-content .items-container {
    margin-top: 32px;
}

.main-content main .items-container .item, .index-content .items-container .item {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 32px;
    min-height: 290px;
}

.main-content main .items-container .item .content .left-part, .index-content .items-container .item .content .left-part {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    justify-content: space-between;
    min-height: 100%;
}


.main-content main .items-container .item .img-container, .index-content .items-container .item .img-container {
    flex-grow: 1;
    position: relative;
}

.main-content main .items-container .item .img-container, .index-content .items-container .item .img-container img {
    min-height: 100%;
    width: 100%;
    object-fit: cover;
}

.main-content main .items-container .item .img-container .like, .index-content .items-container .item .img-container .like {
    position: absolute;
    left: 24px;
    top: 24px;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.main-content main .items-container .item .content, .index-content .items-container .item .content {
    padding: 32px;
    flex-grow: 2;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border: 1px solid rgba(230, 230, 230, 1);
    border-left: none;
    column-gap: 40px;
}

.main-content main .items-container .item .content .left-part .header .top-info, .index-content .item .content .left-part .header .top-info {
    font-family: Taviraj;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(6, 21, 86, 1);
}

.main-content main .items-container .item .content .left-part .header .top-info .night, .index-content .items-container .item .content .left-part .header .top-info .night {
    font-weight: 700;
}

.main-content main .items-container .item .content .left-part .header h3, .index-content .items-container .item .content .left-part .header h3 {
    margin-top: 4px;
    font-family: Taviraj;
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(6, 21, 86, 1);
}

.main-content main .items-container .item .content .left-part .location, .index-content .items-container .item .content .left-part .location {
    display: flex;
    align-items: center;
}

.main-content main .items-container .item .content .left-part .location, .index-content .items-container .item .content .left-part .location {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.main-content main .items-container .item .content .left-part .location img.mark, .index-content .items-container .item .content .left-part .location img.mark {
    background: transparent;
}

.main-content main .items-container .item .content div.left-part span.location, .index-content .items-container .item .content div.left-part .location span.text {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}

.main-content main .items-container .item .content .left-part .location .btn-route-info, .index-content .items-container .item .content .left-part .location .btn-route-info {
    background: white;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
}

.main-content main .items-container .item .content .left-part .location .btn-route-info span, .index-content .items-container .item .content .left-part .location .btn-route-info span {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(32, 112, 233, 1);
    margin-right: 6px;
    text-decoration: underline;
    cursor: pointer;
}

.main-content main .items-container .item .content .left-part .mini-container > h4, .index-content .items-container .item .content .left-part .mini-container > h4 {
    margin-top: 22px;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(6, 21, 86, 1);
}

.main-content main .items-container .item .content .left-part ul.options, .index-content .items-container .item .content .left-part ul.options {
    width: min-content;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.main-content main .items-container .item .content .left-part ul.options, .index-content .items-container .item .content .left-part ul.options {
    width: min-content;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 7px 16px;

}

.main-content main .items-container .item .content .left-part ul.options li, .index-content .items-container .item .content .left-part ul.options li {
    white-space: nowrap;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(6, 21, 86, 1);
}

.main-content main .items-container .item .content .left-part ul.options li, .index-content .items-container .item .content .left-part ul.options li {
    white-space: nowrap;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(6, 21, 86, 1);
}

.main-content main .items-container .item .content .left-part ul.options li .check, .index-content .items-container .item .content .left-part ul.options li .check {
    margin-right: 6px;
}

.main-content main .items-container .item .content .right-part, .index-content .items-container .item .content .right-part {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    justify-content: space-between;
    min-height: 100%;
}

.main-content main .items-container .item .content .right-part .price, .index-content .items-container .item .content .right-part .price {
    font-family: Lato;
    font-size: 32px;
    font-weight: 800;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: right;
    color: rgba(6, 21, 86, 1);
}

.main-content main .items-container .item .content .right-part .person-info, .index-content .items-container .item .content .right-part .person-info {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: right;
    color: rgba(96, 102, 131, 1);
}

.main-content main .items-container .item .content .right-part .view-date.btn, .index-content .items-container .item .content .right-part .view-date.btn {
    border: 1px solid rgba(32, 112, 233, 1);
    margin-top: 43px;
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.05em;
    text-align: center;
    color: rgba(32, 112, 233, 1);
    border-radius: 0;
    padding: 12px 26px;
    text-transform: uppercase;
}

.main-content main .items-container .item .content .right-part .reviews, .index-content .items-container .item .content .right-part .reviews {
    display: inline-flex;
    align-items: flex-end;
    justify-content: end;
}

.main-content main .items-container .item .content .right-part .reviews .stars, .index-content .items-container .item .content .right-part .reviews .stars {
    margin-right: 6px;
    white-space: nowrap;
}

.main-content main .items-container .item .content .right-part .reviews .stars .star.blank path, .index-content .items-container .item .content .right-part .reviews .stars .star.blank path {
    fill: rgba(227, 227, 227, 1);
}

.main-content main .items-container .item .content .right-part .reviews .review-count, .index-content .items-container .item .content .right-part .reviews .review-count {
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #606683;
}

.main-content main .btn.load-more {
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #061556;
    padding: 8px 0;
    border-bottom: 1px solid #061556;
    border-radius: 0;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.main-content .modal.right-side, .index-content .modal.right-side {
    padding: 0 !important;
}

.main-content .modal.right-side .modal-dialog, .index-content .modal.right-side .modal-dialog {
    margin-right: 0;
    margin-top: 0;
    width: 40%;
    height: 100vh;
    border-radius: 0;
    right: 0;
    /*position: fixed;*/
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.main-content .modal.right-side .fade .modal-dialog, .index-content .modal.right-side .fade .modal-dialog {
    right: -50%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.main-content .modal.right-side .modal-content, .index-content .modal.right-side .modal-content {
    padding-top: 32px;
    border-radius: 0;
    min-height: 100%;
    overflow-y: auto;
}

.main-content .modal.right-side .modal-content > div, .index-content .modal.right-side .modal-content > div {
    padding: 0 32px;
}

.main-content .modal.right-side .modal-header, .index-content .modal.right-side .modal-header {
    flex-direction: column;
    border-bottom: none;
}

.main-content .modal.right-side .modal-header .header-text, .index-content .modal.right-side .modal-header .header-text {
    margin-top: 18px;
}

.main-content .modal.right-side .modal-header .header-text .nights, .index-content .modal.right-side .modal-header .header-text .nights {
    font-family: Taviraj;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #061556;
    margin: 0;
}

.main-content .modal.right-side .modal-header .header-text h5, .index-content .modal.right-side .modal-header .header-text h5 {
    font-family: Taviraj;
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    text-align: left;
    margin-top: 4px;
    color: #061556;
}

.main-content .modal.right-side .modal-header .buttons, .index-content .modal.right-side .modal-header .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.main-content .modal.right-side .modal-header .like, .index-content .modal.right-side .modal-header .like {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.main-content modal.right-side .modal-header .close, .index-content .modal.right-side .modal-header .close {
    opacity: 1;
}

.main-content .modal.right-side .modal-body .location, .index-content .modal.right-side .modal-body .location {
    display: flex;
    align-items: center;
    column-gap: 12px;
    margin-top: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.main-content .modal.right-side .modal-body .location img.mark, .index-content .modal.right-side .modal-body .location img.mark {
    background: transparent;
}

.main-content .modal.right-side .modal-body .location .text, .index-content .modal.right-side .modal-body .location .text {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}

.main-content .modal.right-side .modal-body .location .btn-route-info, .index-content .modal.right-side .modal-body .location .btn-route-info {
    background: white;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
}

.main-content .modal.right-side .modal-body .location .btn-route-info span, .index-content .modal.right-side .modal-body .location .btn-route-info span {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(32, 112, 233, 1);
    margin-right: 6px;
    text-decoration: underline;
    cursor: pointer;
}

.main-content .modal.right-side .modal-body .mini-container > h4, .index-content .modal.right-side .modal-body .mini-container > h4 {
    margin-top: 22px;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(6, 21, 86, 1);
}

.main-content .modal.right-side .modal-body .mini-container ul.options, .index-content .modal.right-side .modal-body .mini-container ul.options {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 7px 16px;
}

.main-content .modal.right-side .modal-body .mini-container ul.options li, .index-content .modal.right-side .modal-body .mini-container ul.options li {
    display: flex;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(6, 21, 86, 1);
}

.main-content .modal.right-side .modal-body .mini-container ul.options li .check, .index-content .modal.right-side .modal-body .mini-container ul.options li .check {
    margin-right: 6px;
}

.main-content .modal.right-side .modal-body .review-container, .index-content .modal.right-side .modal-body .review-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.main-content .modal.right-side .modal-body .review-container .btn.exp-itinerary, .index-content .modal.right-side .modal-body .review-container .btn.exp-itinerary {
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.05em;
    text-align: center;
    color: white;
    background: #2070E9;
    padding: 16.5px 23.5px;
    border-radius: 0;
}

.main-content .modal.right-side .modal-body .review-container .reviews, .index-content .modal.right-side .modal-body .review-container .reviews {
    display: inline-flex;
    align-items: flex-end;
    justify-content: end;
}

.main-content .modal.right-side .modal-body .review-container .reviews .stars, .index-content .modal.right-side .modal-body .review-container .reviews .stars {
    margin-right: 6px;
    white-space: nowrap;
}

.main-content .modal.right-side .modal-body .review-container .reviews .stars .star.blank path, .index-content .modal.right-side .modal-body .review-container .reviews .stars .star.blank path {
    fill: rgba(227, 227, 227, 1);
}

.main-content .modal.right-side .modal-body .review-container .reviews .review-count, .index-content .modal.right-side .modal-body .review-container .reviews .review-count {
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #606683;
}

.main-content .modal.right-side .modal-body h4.table-header, .index-content .modal.right-side .modal-body h4.table-header {
    font-family: Taviraj;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    color: #061556;
    margin-top: 40px;
}

.main-content .modal.right-side .modal-body nav.data-month .nav-tabs, .index-content .modal.right-side .modal-body nav.data-month .nav-tabs {
    border-top: none;
    border-top: 1px solid #DCE1E9;
    border-bottom: 1px solid #DCE1E9;
    display: flex;
    align-self: center;
    justify-content: flex-start;
    padding-right: 8px;
    padding-left: 8px;
    column-gap: 25px;
}

.main-content .modal.right-side .modal-body nav.data-month a, .index-content .modal.right-side .modal-body nav.data-month a {
    border: none;
    padding: 12px 0;
    width: 85px;
}

.main-content .modal.right-side .modal-body nav.data-month a.nav-item.active, .index-content .modal.right-side .modal-body nav.data-month a.nav-item.active {
    border-bottom: 2px solid #2070E9;
}

.main-content .modal.right-side .modal-body nav.data-month .nav-item.nav-link h6, .index-content .modal.right-side .modal-body nav.data-month .nav-item.nav-link h6 {
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
    color: #606683;
    margin: 0;
}

.main-content .modal.right-side .modal-body nav.data-month .nav-item.nav-link .cost, .index-content .modal.right-side .modal-body nav.data-month .nav-item.nav-link .cost {
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #606683;
    margin: 4px 0 0;
}

.main-content .modal.right-side .modal-body nav.data-month a.nav-item.active h6, .index-content .modal.right-side .modal-body nav.data-month a.nav-item.active h6 {
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
    color: #061556;
    margin: 0;
}

.main-content .modal.right-side .modal-body nav.data-month a.nav-item.active .cost, .index-content .modal.right-side .modal-body nav.data-month a.nav-item.active .cost {
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #061556;
    margin: 4px 0 0;
}

.main-content .modal.right-side .modal-body .month-container, .index-content .modal.right-side .modal-body .month-container {
    margin-top: 16px;
}


.main-content .modal.right-side .modal-body .month-container h6, .index-content .modal.right-side .modal-body .month-container h6 {
    font-family: Lato;
    font-size: 12px;
    font-weight: 800;
    line-height: 14px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #061556;
}

.main-content .modal.right-side .modal-body .month-container .day-row, .index-content .modal.right-side .modal-body .month-container .day-row {
    display: grid;
    /*grid-template-columns: repeat(4, minmax(25%, 1fr));*/
    grid-template-columns: minmax(29%, 1fr) minmax(29%, 1fr) minmax(20%, 1fr) minmax(22%, 1fr);
    justify-content: space-between;
    padding: 19px 0;
    border-bottom: 1px solid #EFEFEF;
}

.main-content .modal.right-side .modal-body .month-container .date, .index-content .modal.right-side .modal-body .month-container .date {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #061556;
    align-self: center;
    white-space: nowrap;
}

.main-content .modal.right-side .modal-body .month-container .cost, .index-content .modal.right-side .modal-body .month-container .cost {
    font-family: Lato;
    font-size: 16px;
    font-weight: 800;
    line-height: 19px;
    justify-self: center;
    align-self: center;
    color: #061556;
    text-align: center;
}

.main-content .modal.right-side .modal-body .month-container .btn-bell, .index-content .modal.right-side .modal-body .month-container .btn-bell {
    padding: 0;
    width: min-content;
    text-align: center;
    justify-self: center;
    align-self: center;
}

.main-content .modal.right-side .modal-body .month-container .select-date, .index-content .modal.right-side .modal-body .month-container .select-date {
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: right;
    align-self: center;
    color: #2070E9;
    cursor: pointer;
    white-space: nowrap;
}

.main-content .modal.right-side .modal-body .month-container .select-date .desktop, .index-content .modal.right-side .modal-body .month-container .select-date .desktop {
    text-decoration: underline;
}

.main-content .modal.right-side .modal-body .month-container .select-date .mobile, .index-content .modal.right-side .modal-body .month-container .select-date .mobile {
    display: none;
    margin-left: auto;
}

.main-content .modal.select-filter-modal .modal-content, .index-content .modal.select-filter-modal .modal-content {
    background: transparent;
    border: none;
}

.main-content .modal.select-filter-modal .modal-dialog, .index-content .modal.select-filter-modal .modal-dialog {
    z-index: 10000;
    max-width: 80%;
    position: relative;
    border-radius: 0;
    margin-top: 105px;
}

.main-content .modal.select-filter-modal .modal-header, .index-content .modal.select-filter-modal .modal-header {
    height: 80px;
    padding: 0 56px;
    border: none;
}

.main-content .modal.select-filter-modal .modal-body, .index-content .modal.select-filter-modal .modal-body {
    padding: 0 56px 64px;
}

.main-content .modal.select-filter-modal .modal-header button.close, .index-content .modal.select-filter-modal .modal-header button.close {
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
}

.main-content .modal.select-filter-modal .select-block, .index-content .modal.select-filter-modal .select-block {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 40px;
    gap: 8px;
    flex-wrap: wrap;
    padding-bottom: 40px;
    border-bottom: 1px solid #676767;
    margin-bottom: 40px;
}



.main-content .modal.select-filter-modal .select-block .select-filter, .index-content .modal.select-filter-modal .select-block .select-filter {
    padding: 16px 38px 16px 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    color: #676767;
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    appearance: none;
    background: transparent url("/web/images/icon/caret-grey.svg") no-repeat right;
    background-position-x: calc(100% - 16px);
    cursor: pointer;
    text-transform: capitalize;
    border-radius: 0;
}

.main-content .modal.select-filter-modal .select-block .select-filter.active, .index-content .modal.select-filter-modal .select-block .select-filter.active {
    /*border-color: #061556;*/
    border-color: white;
    background-color: white!important;
    color: #061556;
    background: url("/web/images/icon/caret-rotate180.svg") no-repeat right;
    background-position-x: calc(100% - 16px);
}

.main-content .modal.select-filter-modal .modal-body .options-container, .index-content .modal.select-filter-modal .modal-body .options-container {
    margin: 40px 0;
    padding-bottom: 40px;
    width: 100%;
    border-bottom: 1px solid #676767;
}

.main-content .modal.select-filter-modal .modal-body .options-container h4, .index-content .modal.select-filter-modal .modal-body .options-container h4 {
    color: white;
    font-family: Taviraj;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 16px;
    text-transform: capitalize;
}

.main-content .modal.select-filter-modal .modal-body .options-container.departures .select-name, .index-content .modal.select-filter-modal .modal-body .options-container.departures .select-name {
    display: none;
}


.main-content .modal.select-filter-modal .modal-body .options-container h5, .index-content .modal.select-filter-modal .modal-body .options-container h5 {
    color: white;
    font-family: Taviraj;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 16px;
    text-transform: capitalize;
    width: 100%;
}

.main-content .modal.select-filter-modal .modal-body .options-container .options-areas,
.index-content .modal.select-filter-modal .modal-body .options-container .options-areas ,
.main-content .modal.select-filter-modal .modal-body .options-container .options-departures,
.index-content .modal.select-filter-modal .modal-body .options-container .options-departures ,
.main-content .modal.select-filter-modal .modal-body .options-container .options-arrivals,
.index-content .modal.select-filter-modal .modal-body .options-container .options-arrivals {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /*justify-content: center;*/
}


.main-content .modal.select-filter-modal .modal-body .options-container .options-departures .calendar-year,
.index-content .modal.select-filter-modal .modal-body .options-container .options-departures .calendar-year,
.main-content .modal.select-filter-modal .modal-body .options-container .options-arrivals .calendar-year,
.index-content .modal.select-filter-modal .modal-body .options-container .options-arrivals .calendar-year{
    justify-self: center;
}



.main-content .modal.select-filter-modal .modal-body .options-container .options-departures h6, .index-content .modal.select-filter-modal .modal-body .options-container .options-departures h6,
.main-content .modal.select-filter-modal .modal-body .options-container .options-arrivals h6, .index-content .modal.select-filter-modal .modal-body .options-container .options-arrivals h6 {
    grid-column: 1 / 4;
    color: #FFF;
    text-align: center;
    font-family: Taviraj;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0px;
}

.main-content .modal.select-filter-modal .modal-body .options-container .options-departures .month-container,
.index-content .modal.select-filter-modal .modal-body .options-container .options-departures .month-container,
.main-content .modal.select-filter-modal .modal-body .options-container .options-arrivals .month-container,
.index-content .modal.select-filter-modal .modal-body .options-container .options-arrivals .month-container {
    display: grid;
    justify-content: center;
    width: 250px;
    grid-template-columns: repeat(3, 62px);
    grid-template-rows: 18px);
    grid-row-gap: 30px;
    justify-items: center;
    align-items: center;
}

.main-content .modal.select-filter-modal .modal-body .options-container .options-departures .month-container .selectDeparture label,
.index-content .modal.select-filter-modal .modal-body .options-container .options-departures .month-container .selectDeparture label,
.main-content .modal.select-filter-modal .modal-body .options-departures .month-container .selectArrival label,
.index-content .modal.select-filter-modal .modal-body .options-departures .month-container .selectArrival label,
.main-content .modal.select-filter-modal .modal-body .options-arrivals .month-container .selectArrival label,
.index-content .modal.select-filter-modal .modal-body .options-arrivals .month-container .selectArrival label {
    margin-bottom: 0;
    color: #606683;
    leading-trim: both;
    text-edge: cap;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.main-content .modal.select-filter-modal .modal-body .options-container .options-departures .month-container .blank,
.index-content .modal.select-filter-modal .modal-body .options-container .options-departures .month-container .blank,
.main-content .modal.select-filter-modal .modal-body .options-container .options-arrivals .month-container .blank,
.index-content .modal.select-filter-modal .modal-body .options-container .options-arrivals .month-container .blank {
    color: rgba(96, 102, 131, 0.30);
    leading-trim: both;
    text-edge: cap;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.index-content .modal.select-filter-modal .modal-body .options-container.arrivals h4,
.main-content .modal.select-filter-modal .modal-body .options-container.arrivals h4 {
    display: none;
}


.main-content .modal.select-filter-modal .modal-body .options-container .options-departures .month-container input[type="radio"]:checked + label,
.index-content .modal.select-filter-modal .modal-body .options-container .options-departures .month-container input[type="radio"]:checked + label,
.main-content .modal.select-filter-modal .modal-body .options-container .options-arrivals .month-container input[type="radio"]:checked + label,
.index-content .modal.select-filter-modal .modal-body .options-container .options-arrivals .month-container input[type="radio"]:checked + label {
    color: #FFF;
    text-decoration: none;
}




.main-content .modal.select-filter-modal .modal-body .options-container .options-sea, .index-content .modal.select-filter-modal .modal-body .options-container .options-sea {
    display: flex;
    flex-direction: column;
}


.main-content .modal.select-filter-modal .modal-body .options-container .options h5.select-name,  .index-content .modal.select-filter-modal .modal-body .options-container .options h5.select-name {
    font-size: 16px;
}

.main-content .modal.select-filter-modal .modal-body .options-container .ships-option-container, .index-content .modal.select-filter-modal .modal-body .options-container .ships-option-container {
    margin-bottom: 16px;
    /*break-inside: avoid-column;*/
    display: grid;
    width: 100% ;
    grid-template-columns: repeat(5, 1fr);
    /*grid-row: 32px;*/

}



.main-content .modal.select-filter-modal .modal-body .options-container .options input[type="radio"], .index-content .modal.select-filter-modal .modal-body .options-container .options input[type="radio"] {
    display: none;
}

.main-content .modal.select-filter-modal .modal-body .options-container .options label, .index-content .modal.select-filter-modal .modal-body .options-container .options label {
    /*display: flex;*/
    /*height: 44px;*/
    /*padding: 10px 12px;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*gap: 4px;*/
    cursor: pointer;
    /*background: #EBEFF4;*/
}

.main-content .modal.select-filter-modal .modal-body .options-container .options label span, .index-content .modal.select-filter-modal .modal-body .options-container .options label span {
    display: block;
    width: 100%;
    height: 100%;
    color: #676767;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    transition: transform 0.2s ease-in-out;
    text-transform: capitalize;
}

.main-content .modal.select-filter-modal .modal-body .options-container .options label span:hover, .index-content .modal.select-filter-modal .modal-body .options-container .options label span:hover {
    color: white;
}


.main-content .modal.select-filter-modal .modal-body .options-container .options input[type="radio"]:checked + label, .index-content .modal.select-filter-modal .modal-body .options-container .options input[type="radio"]:checked + label {
    /*background: #061556;*/

}

.main-content .modal.select-filter-modal .modal-body .options-container .options input[type="radio"]:checked + label span, .index-content .modal.select-filter-modal .modal-body .options-container .options input[type="radio"]:checked + label span {
    /*background: #061556;*/
    color: white;
    text-decoration: underline;
    text-decoration-color: #2070E9;
}

.main-content .modal.select-filter-modal .modal-body button.result, .index-content .modal.select-filter-modal .modal-body button.result {
    display: flex;
    width: 236px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    background: #2070E9;
    border-radius: 0;
    margin: 0 auto;
}

.main-content .modal.select-filter-modal .modal-body .options-container .select, .index-content .modal.select-filter-modal .modal-body .options-container .select {
    position: relative;
}

.main-content .modal.select-filter-modal .modal-body .options-container .select input:checked + label, .index-content .modal.select-filter-modal .modal-body .options-container .select input:checked + label {
    /*background: #061556;*/
    text-decoration: underline;
    text-decoration-color: #2070E9;
    color: white;
}

.main-content .modal.select-filter-modal .modal-body .options-container .select input, .index-content .modal.select-filter-modal .modal-body .options-container .select input {
    opacity: 0;
    position: absolute;
}

.main-content .modal.select-filter-modal .modal-body .options-container .select .button_select, .index-content .modal.select-filter-modal .modal-body .options-container .select .button_select {
    /*height: 44px;*/
    /*padding: 10px 12px;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*gap: 4px;*/
    padding: 0;
    cursor: pointer;
    /*background: #EBEFF4;*/
    /*border-radius: 0;*/
    color: #676767;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.main-content .modal.select-filter-modal .modal-body .options-container .select .button_select:hover, .index-content .modal.select-filter-modal .modal-body .options-container .select .button_select:hover {
    color: white;
}


.main-content .modal.select-filter-mobile .modal-dialog, .index-content .modal.select-filter-mobile .modal-dialog {
    border-radius: 0;
    margin: 0;
}
.main-content .modal.select-filter-mobile .modal-content, .index-content .modal.select-filter-mobile .modal-content {
    width: 100vw;
    min-height: 100vh;
    border: none;
}



.main-content .modal.select-filter-mobile .modal-content .modal-header, .index-content .modal.select-filter-mobile .modal-content .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 32px 24px;
    color: #061556;
    text-align: center;
    font-family: Taviraj;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    border-bottom: none;
}

.main-content .modal.select-filter-mobile .modal-content .modal-header .back, .index-content .modal.select-filter-mobile .modal-content .modal-header .back {
    display: block;
    color: #2070E9;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-decoration-line: underline;
}

.main-content .modal.select-filter-mobile .modal-content .modal-header .back.hidden, .index-content .modal.select-filter-mobile .modal-content .modal-header .back.hidden {
    visibility: hidden;
}

.main-content .modal.select-filter-mobile .modal-content .modal-header h5, .index-content .modal.select-filter-mobile .modal-content .modal-header h5 {
    color: #061556;
    font-family: Taviraj;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    padding-right: 20px;
}


.main-content .modal.select-filter-mobile .modal-content .modal-body, .index-content .modal.select-filter-mobile .modal-content .modal-body {
    padding: 0 24px;
}

.main-content .modal.select-filter-mobile .modal-content .modal-body .options-container h4.select-name, .index-content .modal.select-filter-mobile .modal-content .modal-body .options-container h4.select-name {
    display: none;
}


.main-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul, .index-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.main-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul li, .index-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul li {
    margin-bottom: 20px;
    /*padding-bottom: 20px;*/
    border-bottom: 1px solid #DCE1E9;
}

.main-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul li.clear-container,
.index-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul li.clear-container {
    border-bottom: none;
}
.main-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul li.clear-container a.clear-all,
.index-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul li.clear-container a.clear-all {
    white-space: nowrap;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-decoration-line: underline;
    color: #2070E9;
    cursor: pointer;
}

.main-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul li a, .index-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #061556;
    cursor: pointer;
    text-transform: capitalize;
}

.main-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul li a span, .index-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav ul li a span {
    font-family: Taviraj;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}


.main-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav .filter-items-container, .index-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav .filter-items-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 17px;
    margin-bottom: 20px;
}


.main-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav .filter-items-container .filter-item, .index-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav .filter-items-container .filter-item {
    width: min-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    column-gap: 12px;
    background: #061556;
    color: white;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    border: 2px solid #FFFFFF;
    white-space: nowrap;
    margin: 0;
}

.main-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav .filter-items-container .filter-item a, .index-content .modal.select-filter-mobile .modal-content .modal-body .filter-nav .filter-items-container .filter-item a {
    padding: 0;
    display: block;
    margin: 0;
    cursor: pointer;
}



.main-content .modal.select-filter-mobile .modal-content .modal-header .close, .index-content .modal.select-filter-mobile .modal-content .modal-header .close {
    padding: 0;
    margin: 0;
}



.main-content .modal.select-filter-mobile .modal-content .modal-footer, .index-content .modal.select-filter-mobile .modal-content .modal-footer {
    display: flex;
    justify-content: center;
    padding: 32px 24px;
    border-top: none;
}


.main-content .modal.select-filter-mobile .modal-content .modal-footer #see-filter-result-mobile, .index-content .modal.select-filter-mobile .modal-content .modal-footer #see-filter-result-mobile {
    display: flex;
    width: 236px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    background: #2070E9;
    border-radius: 0;
    margin: 0 auto 4vh;
}

.main-content .modal.select-filter-mobile .modal-body .options-container .options, .index-content .modal.select-filter-mobile .modal-body .options-container .options {
    display: flex;
    align-items: center;
    column-gap: 8px;
    flex-wrap: wrap;
}

/*.main-content .modal.select-filter-mobile .modal-body .options-container h5 {*/
/*    color: #061556;*/
/*    font-family: Taviraj;*/
/*    font-size: 14px;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    margin-bottom: 16px;*/
/*    text-transform: capitalize;*/
/*    width: 100%;*/
/*}*/

.main-content .modal.select-filter-mobile .modal-body .options-container h5, .index-content .modal.select-filter-mobile .modal-body .options-container h5 {
    color: #061556;
    font-family: Taviraj;
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
}

.main-content .modal.select-filter-mobile .modal-body .options-container .select, .index-content .modal.select-filter-mobile .modal-body .options-container .select {
    position: relative;
}

.main-content .modal.select-filter-mobile .modal-body .options-container .select input, .index-content .modal.select-filter-mobile .modal-body .options-container .select input {
    opacity: 0;
    position: absolute;
}

.main-content .modal.select-filter-mobile  .modal-body .options-container .select input:checked + label, .index-content .modal.select-filter-mobile  .modal-body .options-container .select input:checked + label {
    background: #061556;
    color: white;
}

.main-content .modal.select-filter-mobile .modal-body .options-container .select .button_select, .index-content .modal.select-filter-mobile .modal-body .options-container .select .button_select {
    height: 44px;
    padding: 10px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    background: #EBEFF4;
    border-radius: 0;
    color: #676767;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.main-content .modal.select-filter-mobile .modal-body .options-container .options input[type="radio"], .index-content .modal.select-filter-mobile .modal-body .options-container .options input[type="radio"] {
    display: none;
}


/*cruise*/
.cruise-content {
    max-width: 1170px;
    margin: 40px auto 0;
}

.cruise-content #shareModal h5 {
    color: #061556;
    font-family: Taviraj;
    font-size: 22px;
}

/* zero custom styles for photoswipe */
/*==================================
SWIPER - minimal styling
===================================*/
/* semantic HTML - remove bullet and space from the list */
/* Swiper container */
.cruise-content .swiper {
    max-width: 100%;
}

.cruise-content main #nav-cabins .cabins-container .cabin-item .footer-container b.cost + .setCabin {
    font-size: 18px;
    font-family: Lato;
}

/*
/* swiper responive image */
.cruise-content .swiper img {
    width: 100%;
    height: auto;
    border-radius: 0;
    object-fit: cover;
}

/* Swiper custom pagination */
.cruise-content .swiper-pagination-bullet {
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
    transition: background-color 0.5s ease, color 0.5s ease;
}

/* Swiper custom pagination */
.cruise-content .swiper-pagination-bullet:hover {
    transition: background-color 0.5s ease;
    background: rgba(0, 0, 0, 1);
    color: white;
}

/* Swiper custom pagination active state */
.cruise-content .swiper-pagination-bullet-active {
    color: #fff;
    background: black;
}

/* override zoom cursor */
.pswp__img {
    cursor: pointer !important;
}

.pswp__bg {
    background-color: #152942 !important;
}

.pswp__custom-caption {
    background: transparent;
    color: #fff;
    width: calc(100% - 32px);
    max-width: 800px;
    padding: 2px 8px;
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    text-align: center;
    font-size: 2vw;
}


.pswp__custom-caption a {
    color: #fff;
    text-decoration: none;
}

.hidden-caption-content {
    display: none;
}

.cruise-content .header-container {
    width: 100%;
    padding: 32px 0px 12px 0px;
}

.cruise-content .header-container .flex-container {
    display: flex;
    justify-content: space-between;
}

.cruise-content .header-container .flex-container h1 {
    color: #061556;
    font-family: Taviraj;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    max-width: 770px;
    margin-bottom: 12px;
}

.cruise-content .header-container .flex-container .icon-container {
    display: flex;
    align-items: center;
}

.cruise-content .header-container .flex-container .icon-container a {
    /*padding: 8px;*/
    cursor: pointer;
    width: 32px;
    height: 32px;
}

.cruise-content .header-container .flex-container .icon-container a.share {
    margin-right: 32px;
}

.cruise-content .header-container .flex-container .icon-container a.back {
    display: none;
}

.cruise-content .header-container .flex-container .icon-container a.share:hover {
    text-decoration: none;
}

.cruise-content .header-container .reviews {
    display: inline-flex;
    align-items: flex-end;
    justify-content: end;
}

.cruise-content .header-container .reviews .stars {
    margin-right: 6px;
    white-space: nowrap;
}

.cruise-content .header-container .reviews .review-count {
    color: #2070E9;
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    text-decoration-line: underline;
    cursor: pointer;
}

.cruise-content .header-container .reviews .stars .star.blank path {
    fill: rgba(227, 227, 227, 1);
}

.cruise-content .header-container .like {
    cursor: pointer;
}

.cruise-content .header-container .like.likefill svg {
    fill: #2070E9 !important;
}

.cruise-content main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.cruise-content main h3 {
    color: #061556;
    margin-bottom: 16px;
    font-family: Taviraj;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
}



.cruise-content main .left-part {
    max-width: 770px;
    width: 100%;
}

.cruise-content main #nav-tabContent .tab-pane {
    max-width: 770px;
}

.cruise-content main > .right-part {
    position: relative;
}

.cruise-content main .side-reserve-block {
    position: fixed;
    /*top: 61px;*/
    margin-top: 77px;
    margin-left: -370px;
    border: 1px solid #EBEEF2;
    background: #FFF;
    box-shadow: 0px 4px 26px 0px rgba(1, 6, 33, 0.09);
    display: flex;
    width: 370px;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.cruise-content main .side-reserve-block .bootstrap-select {
    width: 100% !important;
}

.cruise-content main .side-reserve-block .bootstrap-select.dropdown .dropdown-toggle:after {
    content: url('/web/images/icon/arrow-select2.svg') !important;
    border: none;
    width: 14px;
    height: 8px;
    top: calc(50% - 10px);
    position: absolute;
    right: 15px;
}

.cruise-content main .side-reserve-block .bootstrap-select.dropdown.show .dropdown-toggle:after {
    content: url('/web/images/icon/arrow-select2-show.svg') !important;
}

.cruise-content main .side-reserve-block .bootstrap-select.dropdown.show > .dropdown-toggle:focus, .btn-light:focus {
    box-shadow: none !important;
}

.cruise-content main .side-reserve-block .bootstrap-select.dropdown .dropdown-toggle {
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 100%;
    display: flex;
    height: 51px;
    padding: 0 !important;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    border-radius: 0;
}

.cruise-content main .side-reserve-block .bootstrap-select .dropdown-toggle:focus {
    background: white;
    color: #061556 !important;
    outline: none !important;
}

.cruise-content main .side-reserve-block .bootstrap-select.show .dropdown-toggle {
    border: 1px solid #061556;
}


.cruise-content main .side-reserve-block .bootstrap-select .dropdown-menu.show {
    border-radius: 0 !important;
}

.cruise-content main .side-reserve-block .bootstrap-select .dropdown-toggle .filter-option {
    width: 100%;
    display: flex;
    height: 51px;
    padding: 15px 16px 15px 48px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    border: none;
}

.cruise-content main .side-reserve-block .error-block {
    width: 100%;
    color: #414144;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 6px 13px;
    margin-bottom: 24px;
    border-left: 4px solid #FF4F84;
    background: rgba(255, 79, 132, 0.10);
}

.cruise-content main .side-reserve-block form {
    width: 100%;
}

.cruise-content main .side-reserve-block label {
    position: relative;
    padding: 0;
    width: 100%;
    display: block;
    margin: 0 0 8px;
}

.cruise-content main .side-reserve-block .select-dining.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cruise-content main .side-reserve-block label:before {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 19px;
    top: calc(50% - 13px);
    z-index: 100;
    pointer-events: none;
}

.cruise-content main .side-reserve-block label.label-date:before {
    content: url("/web/images/icon/enter-dates.svg");
}

.cruise-content main .side-reserve-block label.label-guest:before {
    content: url("/web/images/icon/guest.svg");
    top: calc(50% - 9px);
}

.cruise-content main .side-reserve-block label.label-cabin:before {
    content: url("/web/images/icon/cabin.svg");
}

.cruise-content main .side-reserve-block label.label-dining:before {
    content: url("/web/images/icon/dining.svg");
    left: 17px;
}

.cruise-content main .side-reserve-block .dropdown-menu.show {
    margin-top: 0 !important;
}

.cruise-content main .side-reserve-block .label-date .dropdown-item, .cruise-content main .side-reserve-block .label-date .dropdown-item:active {
    padding: 15px 0px 15px 2px;
}

.cruise-content main .side-reserve-block .dropdown-item.active, .cruise-content main .side-reserve-block .dropdown-item .text {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

.cruise-content main .side-reserve-block .dropdown-item.active, .cruise-content main .side-reserve-block .dropdown-item:active {
    background-color: #EBEFF4;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.cruise-content main .side-reserve-block .label-date .dropdown-item, .cruise-content main .side-reserve-block .label-date .dropdown-menu.show {
    padding-left: 6px;
    padding-right: 6px;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .dropdown-toggle:after {
    content: url('/web/images/icon/arrow-select2.svg') !important;
    border: none;
    width: 14px;
    height: 8px;
    top: calc(50% - 10px);
    position: absolute;
    right: 15px;
}

.cruise-content main .side-reserve-block .select-guest.dropdown.dropdown.show .dropdown-toggle:after {
    content: url('/web/images/icon/arrow-select2-show.svg') !important;
}

.cruise-content main .side-reserve-block .select-guest.dropdown.dropdown.show > .dropdown-toggle:focus, .btn-light:focus {
    box-shadow: none !important;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .dropdown-toggle {
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 100%;
    display: flex;
    /*height: 51px;*/
    /*padding: 0!important;*/
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    border-radius: 0;
    padding: 15px 16px 15px 48px;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .dropdown-menu.show {
    width: 100%;
    border-radius: 0;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .dropdown-toggle:focus {
    background: white;
    color: #061556 !important;
    outline: none !important;
}

.cruise-content main .side-reserve-block .select-guest.show .dropdown-toggle {
    border: 1px solid #061556;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .adult-container,
.cruise-content main .side-reserve-block .select-guest.dropdown .children-container {
    display: flex;
    padding: 11px 16px;
    justify-content: space-between;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .adult-container,
.cruise-content main .side-reserve-block .select-guest.dropdown .children-container {
    display: flex;
    padding: 11px 16px;
    justify-content: space-between;
    align-items: center;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .age h6 {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .age span {
    color: #061556;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .btn-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .btn-container > a.btn {
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    border: 1px solid #DCE1E9;
    height: 36px;
    width: 36px;
    border-radius: 0;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .btn-container > a.btn.limit {
    pointer-events: none;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .btn-container > a.btn.limit svg path {
    stroke: #CECECE;
}

.cruise-content main .side-reserve-block .select-guest.dropdown .btn-container > .adult-count, .select-guest.dropdown .btn-container > .children-count {
    margin: 0 17px;
    align-self: center;
    border: none;
    padding: 0;
    display: block;
    outline: none;
    width: 20px;
    text-align: center !important;
}

.cruise-content main .side-reserve-block .bootstrap-select.select-cabin .option-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 15px;
}

.cruise-content main .side-reserve-block .bootstrap-select.select-cabin .filter-option-inner, .bootstrap-select.select-cabin .filter-option-inner-inner {
    width: 100%;
}

.cruise-content main .side-reserve-block .bootstrap-select.select-cabin .option-container div.option-block {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: lowercase;
}

.cruise-content main .side-reserve-block .bootstrap-select.select-cabin .option-container b.price {
    color: #061556;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
}

.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-menu.show {
    padding-left: 6px;
    padding-right: 6px;
}

.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-menu.show .dropdown-item.opt {
    padding: 15px 6px !important;
}

.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-menu.show .dropdown-header {
    padding: 9px 0px !important;
}


.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-menu.show .dropdown-header .text {
    color: #061556;
    font-family: Taviraj;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    padding: 0px 6px !important;
}

.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-menu.show .dropdown-item.opt .text {
    width: 100%;
}

.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-menu.show .option-container .category-block {
    display: none !important;
}

.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-toggle .option-container {
    text-overflow: ellipsis " [..]";
}

.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-toggle .option-container b.price {
    display: none;
}

.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-toggle .option-container b.price,
.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-toggle .option-container div.option-block {
    display: none;
}

.cruise-content main .side-reserve-block .dropdown.bootstrap-select.select-cabin .dropdown-toggle .option-container div.category-block {
    overflow: hidden;
    text-overflow: ellipsis;
}

.cruise-content main .side-reserve-block select {
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 100%;
    display: flex;
    height: 51px;
    padding: 15px 16px 15px 48px;
    margin-bottom: 8px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}

.cruise-content main .side-reserve-block .cost, .cruise-content main .side-reserve-block .final-cost {
    margin-top: 24px;
    margin-bottom: 24px;
}


.cruise-content main .side-reserve-block .final-cost .top-block {
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #DCE1E9;
}

.cruise-content main .side-reserve-block .final-cost .top-block span {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.cruise-content main .side-reserve-block .final-cost .top-block span.total {
    font-weight: 700;
}

.cruise-content main .side-reserve-block .final-cost .bottom-block {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cruise-content main .side-reserve-block .final-cost .bottom-block b {
    color: #061556;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.cruise-content main .side-reserve-block .final-cost .bottom-block b.total {
    font-weight: 800;
}


.cruise-content main .side-reserve-block span {
    display: block;
    color: #606683;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cruise-content main .side-reserve-block b {
    color: #061556;
    font-family: Lato;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: lowercase;
}

.cruise-content main .side-reserve-block .reserve-btn {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: #2070E9;
    width: calc(100% - 1px);
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border-radius: 0;
    margin-left: 0.5px;
}

.cruise-content .categories-menu {
    margin-top: 16px;
    margin-bottom: 24px;
}

.cruise-content main #nav-tabContent h3 {
    color: #061556;
    font-family: Taviraj;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
}

.cruise-content nav.categories-menu .nav-tabs {
    border-top: none;
    border-bottom: 1px solid #DCE1E9;
    display: flex;
    justify-content: space-between;
    flex: 1;
}

.cruise-content nav.categories-menu a.nav-item {
    padding: 10px 0px;
    color: #606683;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cruise-content nav.categories-menu a.nav-item.active {
    border-color: transparent;
    border-bottom: 2px solid #2070E9;
    border-radius: 0;
    color: #061556;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cruise-content nav.categories-menu a.nav-item:not(.active):hover {
    border-color: transparent;
}

.cruise-content nav.categories-menu a.nav-item:hover {
    border-bottom: 1px solid #2070E9 !important;
}

.cruise-content .categories-menu-swiper.mobile {
    display: none;
}



.cruise-content main .tab-content {
    width: 100%;
}

.cruise-content main #nav-overview .img-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 140px);
    gap: 2px;
}

.cruise-content main .img-container-2.mobile {
    margin-top: 16px;
    margin-bottom: 24px;
    display: none;
}

.cruise-content main .img-container-2.mobile ul.swiper-wrapper {
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-width: 100%!important;
}

.cruise-content main .img-container-2.mobile ul.swiper-wrapper > li {
    margin-right: 0px !important;
}

.cruise-content main .img-container-2.mobile .swiper-pagination {
    color: #FFF;
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-align: right;
    padding: 12px 8px;
    background: rgba(32, 33, 37, 0.78);
    width: max-content;
    right: 3%;
    bottom: 5%;
    margin-left: auto;
}


.cruise-content main .nav-block {
    border-bottom: 1px solid #DCE1E9;
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.cruise-content main #nav-overview .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cruise-content main #nav-overview .big-img {
    grid-column: 1/3;
    grid-row: 1/4;
}


.cruise-content main #nav-overview .overview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}


.cruise-content main #nav-overview h3 b {
    color: #061556;
    font-family: Taviraj;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
}

.cruise-content main #nav-overview .location {
    display: flex;
    align-items: center;
}

.cruise-content main #nav-overview .location img.map-mark {
    width: 11px;
    height: 14px;
    margin-right: 12px;
}

.cruise-content main #nav-overview .location a {
    color: #061556;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration-line: underline;
}

.cruise-content main #nav-overview .location span {
    color: #000;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-left: 6px;
    margin-right: 6px;
}

.cruise-content main #nav-overview .overview-text {
    color: #061556;
    width: 100%;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 24px;
}


.cruise-content main #nav-overview .icon-company {
    width: 50px;
}

.cruise-content main #nav-route .map {
    width: 100%;
    margin-top: 16px;
}

.cruise-content main #nav-route .route-table {
    width: 100%;
    margin-top: 20px;
}


.cruise-content main #nav-route .route-table.mobile {
    display: none;
}

.cruise-content main #nav-route .route-table thead th:last-child {
    width: 100%;
}

.cruise-content main #nav-route .route-table tbody td:first-child {
    vertical-align: top;
}


.cruise-content main #nav-route .route-table thead th {
    padding-top: 14px;
    padding-bottom: 14px;
    color: #061556;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}


.cruise-content main #nav-route .route-table tr {
    border-bottom: 1px solid #EFEFEF;
}

.cruise-content main #nav-route .route-table tbody tr td:first-child,
.cruise-content main #nav-route .route-table thead tr th:first-child {
    padding-left: 8px;
}

.cruise-content main #nav-route .route-table tbody tr td:last-child,
.cruise-content main #nav-route .route-table thead tr th:last-child {
    padding-right: 8px;
}

.cruise-content main #nav-route .route-table tbody td {
    color: #606683;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
}

.cruise-content main #nav-route .route-table col.column-1 {
    width: 15%;
    padding-left: 8px;
}

.cruise-content main #nav-route .route-table col.column-2 {
    width: 20%;
}

.cruise-content main #nav-route .route-table col.column-3 {
    width: 35%;
}

.cruise-content main #nav-route .route-table col.column-4 {
    width: 18%;
}

.cruise-content main #nav-route .route-table col.column-5 {
    width: 12%;
}

.cruise-content main #nav-services .services-container {
    display: flex;
    justify-content: space-between;
    column-gap: 30px;
    max-width: 770px;
}

.cruise-content main #nav-services .services-container .left-part,
.cruise-content main #nav-services .services-container .right-part {
    width: max-content;
}

.cruise-content main #nav-services .services-container .mini-container {
    width: 100%;
}

.cruise-content main #nav-services .services-container .mini-container > h4, .cruise-content main #nav-covid > h4 {
    margin-top: 22px;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(6, 21, 86, 1);
}

.cruise-content main #nav-services .services-container .mini-container ul.options,
.cruise-content main #nav-covid ul.options {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cruise-content main #nav-services .services-container .mini-container ul.options li,
.cruise-content main #nav-covid ul.options li {
    display: flex;
    align-items: start;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    color: rgba(6, 21, 86, 1);
    margin-bottom: 8px;
}

.cruise-content main #nav-services .services-container .mini-container ul.options li span,
.cruise-content main #nav-covid ul.options li span {
    hyphens: auto;
    display: block;
}

.cruise-content main #nav-services .services-container .mini-container ul.options li .check,
.cruise-content main #nav-covid ul.options li .check {
    margin-right: 6px;
    padding-top: 4px;
}

.cruise-content main #nav-covid .accordion {
    margin-top: 0;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

.cruise-content main #nav-visa .header-container {
    display: flex;
    align-items: center;
    padding-top: 0px;
}

.cruise-content main #nav-visa .header-container h3 {
    margin: 0 16px 0 0;
}

.cruise-content main #nav-visa .header-container .bootstrap-select.dropdown .dropdown-toggle:after {
    content: url('/web/images/icon/arrow-select2.svg') !important;
    border: none;
    width: 14px;
    height: 8px;
    top: calc(50% - 10px);
    position: absolute;
    right: 15px;
}

.cruise-content main #nav-visa .header-container .bootstrap-select.dropdown.show .dropdown-toggle:after {
    content: url('/web/images/icon/arrow-select2-show.svg') !important;
}

.cruise-content main #nav-visa .header-container .bootstrap-select.dropdown.show > .dropdown-toggle:focus, .btn-light:focus {
    box-shadow: none !important;
}

.cruise-content main #nav-visa .header-container .bootstrap-select.dropdown .dropdown-toggle {
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 100%;
    display: flex;
    height: 51px;
    padding: 0 !important;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    border-radius: 0;
}

.cruise-content main #nav-visa .header-container .bootstrap-select .dropdown-toggle:focus {
    background: white;
    color: #061556 !important;
    outline: none !important;
}

.cruise-content main #nav-visa .header-container .bootstrap-select.show .dropdown-toggle {
    border: 1px solid #061556;
}


.cruise-content main #nav-visa .header-container .bootstrap-select .dropdown-menu.show {
    border-radius: 0 !important;
}

.cruise-content main #nav-visa .header-container .bootstrap-select .dropdown-toggle .filter-option {
    width: 100%;
    display: flex;
    height: 51px;
    padding: 15px 74px 15px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    border: none;
}

.cruise-content main #nav-visa .header-container .dropdown-menu.show {
    margin-top: 0 !important;
}

.cruise-content main #nav-visa .header-container .dropdown-item, .cruise-content main #nav-visa .header-container .dropdown-item:active {
    padding: 15px 0px 15px 2px;
}

.cruise-content main #nav-visa .header-container .dropdown-item.active, .cruise-content main #nav-visa .header-container .dropdown-item .text {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

.cruise-content main #nav-visa .header-container .dropdown-item.active, .cruise-content main #nav-visa .header-container .dropdown-item:active {
    background-color: #EBEFF4;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.cruise-content main #nav-visa .header-container .dropdown-item, .cruise-content main #nav-visa .header-container .dropdown-menu.show {
    padding-left: 6px;
    padding-right: 6px;
}

.cruise-content main .accordion .accordion-header {
    width: 100%;
    cursor: pointer;
    position: relative !important;
}

.cruise-content main .accordion .accordion-header h4, .cruise-content main .accordion .accordion-body h4 {
    color: #061556;
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
}

.cruise-content main .accordion .accordion-header a.accordion-btn {

}

.cruise-content main .accordion .accordion-header a.accordion-btn:hover {
    text-decoration: none;
}

.cruise-content main .accordion .accordion-header a.accordion-btn:before {
    position: absolute;
    content: url('/web/images/icon/arrow-uncollapsed.svg');
    right: 8px;
    top: calc(50% - 12px);
    width: 10px;
    height: 10px;
}

.cruise-content main .accordion .accordion-header a.accordion-btn.collapsed:before {
    position: absolute;
    content: url('/web/images/icon/arrow-collapsed.svg');
    right: 8px;
    top: calc(50% - 12px);
    width: 10px;
    height: 10px;
}

.cruise-content main .accordion .accordion-body p {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.cruise-content main .accordion .accordion-body .collapse-mini-container {
    margin-bottom: 12px;
}


.cruise-content main #nav-visa select.select-national {
    width: min-content;
    padding: 16px 40px 16px 16px;
    height: min-content;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
}

.cruise-content main #nav-visa select.select-national option {
    padding-top: 16px;
    padding-bottom: 16px;
}

.cruise-content main #nav-visa .accordion {
    margin-top: 0;
    border-top: 1px solid #E6E6E6;
}

.cruise-content main #nav-visa .accordion-container .accordion:last-child {
    border-bottom: 1px solid #E6E6E6;
}


.cruise-content main #nav-cabins .cabins-container {

}

.cruise-content main #nav-cabins .cabins-container .cabin-item {
    background: white;
    box-shadow: 0 0 0 1px #DCE1E9;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.cruise-content main #nav-cabins .cabins-container .cabin-item img {
    min-height: 100%;
    width: 420px;
    object-fit: cover;
}

.cruise-content main #nav-cabins .cabins-container .cabin-item .content {
    padding: 24px;
    width: 400px;
}
.cruise-content main #nav-cabins .cabins-container .cabin-item h5 {
    color: #061556;
    font-family: Lato;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin: 0 0 16px;
}
.cruise-content main #nav-cabins .cabins-container .cabin-item .text{
    color: var(--1D1D1D, #061556);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 38px;
}

.cruise-content main #nav-cabins .cabins-container .cabin-item .footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    column-gap: 10px;
}

.cruise-content main #nav-cabins .cabins-container .cabin-item .footer-container b.cost {
    color: var(--1D1D1D, #061556);
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: lowercase;
}

.cruise-content main #nav-cabins .cabins-container .cabin-item a.cabin-modal-btn {
    display: flex;
    width: fit-content;
    align-items: center;
    color: #2070E9;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    border-bottom: 1px solid #2070E9;
    padding: 0;
    border-radius: 0;
}

.cruise-content main #nav-cabins .cabins-container .cabin-item a.cabin-modal-btn span {
    margin-right: 8px;
}

.cruise-content .cabin-modal .modal-dialog {
    max-width: 770px;

}

.cruise-content .cabin-modal .modal-content {
    border-radius: 0;
    padding: 40px;
    position: relative;
}

.cruise-content .cabin-modal .modal-content .modal-header {
    padding: 0 0 24px;
    display: block;
}

.cruise-content .cabin-modal .modal-content .modal-header h4 {
    font-family: Taviraj;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
}

.cruise-content .cabin-modal .modal-content .modal-header b.cost {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: lowercase;
}

.cruise-content .cabin-modal .modal-content .modal-header .close {
    position: absolute;
    right: 16px;
    top: 16px;
    opacity: 1;
}

.cruise-content .cabin-modal .modal-content .modal-body {
    padding: 0;
}

.cruise-content .cabin-modal .modal-content .modal-body .cabin-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: 24px;
}

.cruise-content .cabin-modal .modal-content .modal-body .cabin-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: 24px;
    margin-top: 32px;
}

.cruise-content .cabin-modal .modal-content .modal-body .cabin-item img {
    width: 300px;
    height: 236px;
    object-fit: cover;
}

.cruise-content .cabin-modal .modal-content .modal-body .cabin-item .services-container {
    flex: 1;
}

.cruise-content .cabin-modal .modal-content .modal-body .cabin-item .services-container h6 {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: lowercase;
    margin-bottom: 6px;
}

.cruise-content .cabin-modal .modal-content .modal-body .cabin-item .services-container ul.services {
    color: #061556;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-transform: lowercase;
    padding-left: 20px;
}

.cruise-content .cabin-modal .modal-content .modal-body .cabin-item .services-container ul.services p {
    margin: 0;
}

.cruise-content main #nav-ship .info-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 30px;
    /*row-gap: 16px;*/
}

/*.cruise-content main #nav-ship .info-container + .collapse-text {*/
/*    */
/*}*/


.cruise-content main #nav-ship .info-container .info-item {
    display: flex;
    align-items: flex-start;
    column-gap: 5px;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 12px;
    padding-top: 12px;
}

.cruise-content main #nav-ship .info-container .info-item b.property {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    flex: 1;
    max-width: 250px;
}

.cruise-content main #nav-ship .info-container .info-item p.value {
    margin: 0;
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    flex: 1;
}

.cruise-content main .nav-ship-gallery {
    margin-top: 16px;
    margin-bottom: 24px;
}

.cruise-content main .nav-ship-gallery ul.swiper-wrapper {
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-width: calc((100% - 4px) / 3);
}

.cruise-content main .nav-ship-gallery ul.swiper-wrapper > li {
    /*margin-right: 2px !important;*/
}

.cruise-content main #nav-company .accordion-container {
    margin-top: 16px;
}

.cruise-content main #nav-company .accordion {
    margin-top: 0;
    border-top: 1px solid #E6E6E6;
}

.cruise-content main #nav-company .accordion-container .accordion:last-child {
    border-bottom: 1px solid #E6E6E6;
}

.cruise-content main #nav-company .text-container p {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.cruise-content main #nav-reviews .header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0px;
}


.cruise-content main #nav-reviews .rating-container {
    display: flex;
    justify-content: space-between;
    column-gap: 16px;
}

.cruise-content main #nav-reviews .rating-container .all-reviews, .cruise-content main #nav-reviews .rating-container .recommendation-rate {
    flex: 1;
}

.cruise-content main #nav-reviews .rating-container h5 {
    margin-top: 8px;
    margin-bottom: 14px;
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.cruise-content main #nav-reviews .recommendation-rate h5 {;
    margin-bottom: 17px;
}

.cruise-content main #nav-reviews .rating-container .all-reviews .item-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    /*flex-wrap: nowrap;*/
}


.cruise-content main #nav-reviews .rating-container .all-reviews .item-container .rate {
    width: 75px;
    color: #061556;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
}

.cruise-content main #nav-reviews .rating-container .all-reviews .item-container .progress {
    width: 140px;
    margin: 0 7px;
    height: 4px;
    border-radius: 0;
}

.cruise-content main #nav-reviews .rating-container .all-reviews .item-container .progress .progress-bar {
    background-color: #2070E9;
}

.cruise-content main #nav-reviews .rating-container .all-reviews .item-container .count {
    color: #606683;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}


.cruise-content main #nav-reviews .progress-circular {
    width: 96px;
    height: 96px;
    background: none;
    position: relative;
}

.cruise-content main #nav-reviews .progress-circular .border-primary {
    border-color: #2070E9 !important;
    border-width: 2px !important;
}

.cruise-content main #nav-reviews .progress-circular .percent-text {
    color: #061556;
    font-family: Taviraj;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}

.cruise-content main #nav-reviews .progress-circular::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.cruise-content main #nav-reviews .progress-circular > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.cruise-content main #nav-reviews .progress-circular .progress-left {
    left: 0;
}

.cruise-content main #nav-reviews .progress-circular .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.cruise-content main #nav-reviews .progress-circular .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.cruise-content main #nav-reviews .progress-circular .progress-right {
    right: 0;
}

.cruise-content main #nav-reviews .progress-circular .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.cruise-content main #nav-reviews .progress-circular .progress-value {
    position: absolute;
    top: 0;
    left: 0;
}

.cruise-content main #nav-reviews .sort-btn-container {
    display: flex;
    margin-top: 16px;
    margin-bottom: 16px;
}

.cruise-content main #nav-reviews .sort-btn-container h5 {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0 8px 0 0;
}

.cruise-content main #nav-reviews .sort-btn-container a.sort-review-btn {
    display: flex;
    width: fit-content;
    align-items: center;
    color: #2070E9;
    text-align: center;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding: 0;
    border-radius: 0;
}

.cruise-content main #nav-reviews .sort-btn-container a.sort-review-btn span {
    margin-right: 8px;
}


.cruise-content main #nav-reviews .reviews-container .review {
    padding: 16px 0;
    width: 100%;
    border-top: 1px solid #DCE1E9;
}

.cruise-content main #nav-reviews .reviews-container .review:last-child {
    border-bottom: 1px solid #DCE1E9;
}

.cruise-content main #nav-reviews .reviews-container .review .header-review {
    display: flex;
    margin-bottom: 12px;
}

.cruise-content main #nav-reviews .reviews-container .review .header-review .grade {
    color: #2070E9;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DCE1E9;
    border-radius: 100%;
    line-height: 0;
    margin-right: 8px;
}

.cruise-content main #nav-reviews .reviews-container .review .header-review .info h6 {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    padding-top: 2px;
}

.cruise-content main #nav-reviews .reviews-container .review .header-review .info .date-cabin {
    color: #606683;
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    margin-top: 4px;
}

.cruise-content main #nav-reviews .reviews-container .review .text {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    /*font-style: italic;*/
    font-weight: 400;
}


/*cruise request*/

.cruise-request-content {
    max-width: 1170px;
    margin: 40px auto 80px;
}


.cruise-request-content .header-content {
    margin-bottom: 32px;
}

.cruise-request-content .header-content a {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cruise-request-content .header-content a.back svg {
    width: 24px;
    height: 24px;
    margin-right: 24px;
}

.cruise-request-content .header-content a.back h1 {
    color: #061556;
    font-family: Taviraj;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    max-width: 770px;
    margin-bottom: 0px;
}


.cruise-request-content main {
    display: flex;
    justify-content: space-between;
}

.cruise-request-content main .left-container {
    width: 740px;
}

.cruise-request-content main .left-container .form-block .header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.cruise-request-content main .left-container .form-block .header-container a {
    color: #2070E9;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-decoration: underline;
}

.cruise-request-content main .left-container .form-block {
    border-bottom: 1px solid #DCE1E9;
    padding: 32px 0;
}

.cruise-request-content main .left-container .form-block h4 {
    color: #061556;
    font-family: Taviraj;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
}

.cruise-request-content main .left-container .form-block .radio-block {
    margin: 24px 0;
    display: flex;
}


.cruise-request-content main .left-container .form-block .radio-block .radio-name {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-right: 16px;
}


.cruise-request-content main .left-container .form-block .radio-block label {
    color: #061556;
    /* body */
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    /*display: flex;*/
    /*align-items: center;*/
    /*column-gap: 8px;*/
    margin-right: 24px;
    /*cursor: pointer;*/
}

.cruise-request-content main .left-container .form-block .radio-block input {
    cursor: pointer;
}


.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:checked,
.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:checked + label,
.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    /*color: #666;*/
}

.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:checked + label:before,
.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #2070E9;
    border-radius: 100%;
    background: #fff;
}

.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:not(:checked) + label:before {
    border: 1px solid #DCE1E9;
}


.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:checked + label:after,
.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #2070E9;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.cruise-request-content main .left-container .form-block .radio-block [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.cruise-request-content main .left-container .form-block .flex-row-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    width: 100%;
    margin-bottom: 20px;
}


.cruise-request-content main .left-container .form-block .flex-row-container .mini-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    width: 100%;
}


.cruise-request-content main .left-container .form-block .flex-row-container label {
    width: 100%;
    display: block;
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.cruise-request-content main .left-container .form-block .flex-row-container label input {
    width: 100%;
    border: 1px solid #E6E6E6;
    background: #FFF;
    padding: 16px;
    margin-top: 8px;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: 50px;
}
.cruise-request-content main .left-container .form-block .flex-row-container label input::placeholder {
    color: #606683;
}

.cruise-request-content main .left-container .form-block .flex-row-container label input:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.cruise-request-content main .left-container .form-block .bootstrap-select {
    width: 100% !important;
    margin-top: 8px;
}

.cruise-request-content main .left-container .form-block  .bootstrap-select.dropdown .dropdown-toggle:after {
    content: url('/web/images/icon/arrow-select2.svg') !important;
    border: none;
    width: 14px;
    height: 8px;
    top: calc(50% - 10px);
    position: absolute;
    right: 15px;
}

.cruise-request-content main .left-container .form-block  .bootstrap-select.dropdown.show .dropdown-toggle:after {
    content: url('/web/images/icon/arrow-select2-show.svg') !important;
}

.cruise-request-content main .left-container .form-block .bootstrap-select.dropdown.show > .dropdown-toggle:focus, .btn-light:focus {
    box-shadow: none !important;
}

.cruise-request-content main .left-container .form-block  .bootstrap-select.dropdown .dropdown-toggle {
    border: 1px solid #E6E6E6;
    background: #FFF;
    width: 100%;
    display: flex;
    height: 51px;
    padding: 0 !important;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    border-radius: 0;
}

.cruise-request-content main .left-container .form-block .bootstrap-select .dropdown-toggle:focus {
    background: white;
    color: #061556 !important;
    outline: none !important;
}

.cruise-request-content main .left-container .form-block .bootstrap-select.show .dropdown-toggle {
    border: 1px solid #061556;
}


.cruise-request-content main .left-container .form-block .bootstrap-select .dropdown-menu.show {
    border-radius: 0 !important;
}

.cruise-request-content main .left-container .form-block .bootstrap-select .dropdown-toggle .filter-option {
    width: 100%;
    display: flex;
    height: 51px;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    border: none;
}

.cruise-request-content main .left-container .form-block .land-select-container {
    display: flex;
    align-items: center;
}


.cruise-request-content main .left-container .form-block .land-select-container span {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
}


.cruise-request-content main .left-container .form-block .land-select-container img {
    width: 35px;
    margin-right: 8px;
}

.cruise-request-content main .left-container .form-block .land-select .dropdown-item {
    padding-left: 16px;
    padding-right: 16px;
}

.cruise-request-content main .right-container {
    width: 370px;
    box-shadow: 0px 4px 26px 0px rgba(1, 6, 33, 0.09);
    align-self: flex-start;
}

.cruise-request-content main .right-container .content-container {
    padding: 32px;
}

.cruise-request-content main .right-container .content-container + div .errors{
    padding-left: 32px;
    padding-right: 32px;
}

.cruise-request-content main .right-container .block-container {
    margin-bottom: 24px;
}

.cruise-request-content main .right-container .block-container b.night {
    color: #061556;
    font-family: Taviraj;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.cruise-request-content main .right-container .block-container h5 {
    color: #061556;
    font-family: Taviraj;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 8px;
}

.cruise-request-content main .right-container .block-container .location {
    display: flex;
    align-items: center;
}

.cruise-request-content main .right-container .block-container .location img {
    width: 11px;
    height: 14px;
    margin-right: 8px;
}

.cruise-request-content main .right-container .block-container .location span {
    color: #061556;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}


.cruise-request-content main .right-container .block-container .info {
    margin-bottom: 16px;
}

.cruise-request-content main .right-container .block-container .info b {
    display: block;
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 6px;
}

.cruise-request-content main .right-container .block-container .info span {
    display: block;
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.cruise-request-content main .right-container .block-container .flex-container {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.cruise-request-content main .right-container .block-container .flex-container .img-container {
    padding-top: 11px;
}

.cruise-request-content main .right-container .block-container .flex-container img {
    width: 50px;
}


.cruise-request-content main .right-container .block-container.reserve-block  {
    border-top: 1px solid #DCE1E9;
    border-bottom: 1px solid #DCE1E9;
    padding-top: 12px;
    padding-bottom: 20px;
}


.cruise-request-content main .right-container .block-container.reserve-block .flex-container {
    height: 50px;
    align-items: center;
}

.cruise-request-content main .right-container .block-container.reserve-block .info-reserve {
    display: flex;
    align-self: center;
}

.cruise-request-content main .right-container .block-container.reserve-block .info-reserve .img-container {
    padding: 0;
}

.cruise-request-content main .right-container .block-container.reserve-block .info-reserve img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.cruise-request-content main .right-container .block-container.reserve-block .info-reserve b {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding-top: 3px;
}

.cruise-request-content main .right-container .block-container.reserve-block .info-reserve b img.arrow {
    width: 9px;
    margin-left: 9px;
    margin-right: 9px;
    padding-bottom: 2px;
}


.cruise-request-content main .right-container .block-container.reserve-block a {
    color: #2070E9;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-decoration-line: underline;
    cursor: pointer;
}

.cruise-request-content main .right-container .block-container.reserve-block p {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

.cruise-request-content main .right-container .price-container .passenger-container {
    padding-top: 16px;
    /*padding-bottom: 16px;*/
    width: 100%;
    border-bottom: 1px solid #DCE1E9;
}

.cruise-request-content main .right-container .price-container .passenger-container .flex-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.cruise-request-content main .right-container .price-container .passenger-container .flex-container {
    margin-bottom: 16px;
}

.cruise-request-content main .right-container .price-container .passenger-container .flex-container span {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
}

.cruise-request-content main .right-container .price-container .passenger-container .flex-container b {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
}

.cruise-request-content main .right-container .price-container .total-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 16px;
}


.cruise-request-content main .right-container .price-container .total-price b {
    color: #061556;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}
.cruise-request-content main .right-container .price-container .total-price b.price {
    font-weight: 800;
}

.cruise-request-content main .right-container .agreement-container {
    display: flex;
    justify-content: space-between;
}

.cruise-request-content main .right-container .agreement-container label {
    align-self: flex-start;
}

.cruise-request-content main .right-container .agreement-container p {
    margin: 0;
    flex: 1;
    color:#606683;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.cruise-request-content main .right-container .agreement-container label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cruise-request-content main .right-container .agreement-container label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.cruise-request-content main .right-container .agreement-container label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
}

.cruise-request-content main .right-container .agreement-container label:hover input ~ .checkmark {
    background-color: #ccc;
}

.cruise-request-content main .right-container .agreement-container label input:checked ~ .checkmark {
    background-color: #1966DB;
}

.cruise-request-content main .right-container .agreement-container label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cruise-request-content main .right-container .agreement-container label input:checked ~ .checkmark:after {
    display: block;
}

.cruise-request-content main .right-container .agreement-container label .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cruise-request-content main .right-container .btn.booking-send {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    background: #2070E9;
    color: white;

    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border-radius: 0;
}

.cruise-request-content input.calendar {
    cursor: pointer;
    border-radius: 0;
    z-index: 5;
    padding-left: 46px!important;
}

.cruise-request-content .gj-datepicker-bootstrap{
    position: relative;
}

.cruise-request-content .gj-datepicker-bootstrap:after {
    content: url(/web/images/icon/arrow-select2.svg) !important;
    border: none;
    width: 14px;
    height: 8px;
    top: calc(50% - 10px);
    position: absolute;
    right: 15px;
    z-index: 10;
}

.cruise-request-content .gj-datepicker-bootstrap:before {
    content: url(/web/images/icon/enter-dates.svg);
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 19px;
    top: calc(50% - 10px);
    pointer-events: none;
    z-index: 10;
}

.cruise-request-content .gj-datepicker-bootstrap.selected:after {
    content: url(/web/images/icon/arrow-select2-show.svg) !important;

}

.cruise-request-content .gj-picker.gj-picker-bootstrap.datepicker {
    border-radius: 0;
}

.cruise-request-content .gj-picker.gj-picker-bootstrap.datepicker div[role="navigator"] {
    /* height: 30px; */
    padding-top: 16px;
    padding-bottom: 16px;
    height: auto;
    line-height: 30px;
    text-align: center;
}

.cruise-request-content .gj-picker.gj-picker-bootstrap.datepicker .gj-icon {
    color: #061556;
}

.cruise-request-content .gj-picker.gj-picker-bootstrap.datepicker div[role='period'] {
    color: #061556;
    font-family: Taviraj;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}


.cruise-request-content .gj-picker.gj-picker-bootstrap.datepicker table thead tr th div {
    color: #061556;
    text-align: center;
    font-family: Lato;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
}

.cruise-request-content .gj-picker.gj-picker-bootstrap.datepicker table tbody tr td div {
    color: #061556;
    text-align: center;
    font-family: Lato;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}

.cruise-request-content .gj-picker.gj-picker-bootstrap.datepicker table tbody tr td.selected div {
    color: white;
    background: #061556;
    border-radius: 0;
}

/*cruise-request-finish-content*/


.cruise-request-finish-content {
    max-width: 1170px;
    margin: 40px auto 80px;
}


.cruise-request-finish-content .header-content {
    margin-bottom: 32px;
}

.cruise-request-finish-content .header-content a {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cruise-request-finish-content .header-content a.back svg {
    width: 24px;
    height: 24px;
    margin-right: 24px;
}

.cruise-request-finish-content .header-content a.back h1 {
    color: #061556;
    font-family: Taviraj;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    max-width: 770px;
    margin-bottom: 0px;
}

.cruise-request-finish-content main {
    display: flex;
    justify-content: space-between;
}

.cruise-request-finish-content main .left-container {
    width: 740px;
}

.cruise-request-finish-content main .left-container .notification-container {
    padding: 32px 0;
    border-bottom: 1px solid #DCE1E9;
}

.cruise-request-finish-content main .left-container .notification-container h4 {
    font-family: Taviraj;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
}

.cruise-request-finish-content main .left-container .notification-container h4 span.blue {
    color: #2070E9;
}

.cruise-request-finish-content main .left-container .notification-container p {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin: 24px 0;
}

.cruise-request-finish-content main .left-container .notification-container .contact-container  {
    display: flex;
    column-gap: 24px;
}

.cruise-request-finish-content main .left-container .notification-container .contact-container .item-container {
    display: flex;
}

.cruise-request-finish-content main .left-container .notification-container .contact-container .item-container p {
    margin: 0;
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.cruise-request-finish-content main .left-container .notification-container .contact-container .item-container .img-container {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F4F9;
    padding: 12px;
    margin-right: 16px;
}

.cruise-request-finish-content main .left-container .notification-container .contact-container .item-container .img-container svg {
    width: 100%;
    height: 100%;
}

.cruise-request-finish-content main .left-container .notification-container .contact-container .item-container b {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.cruise-request-finish-content .btn.home {
    display: flex;
    width: 196px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    background: #2070E9;
    border-radius: 0;
    color: white;
    margin: 24px 0;
}

.cruise-request-finish-content .btn.home.mobile {
    display: none;
}

.cruise-request-finish-content main .right-container {
    width: 370px;
    box-shadow: 0px 4px 26px 0px rgba(1, 6, 33, 0.09);
    align-self: flex-start;
}

.cruise-request-finish-content main .right-container .content-container {
    padding: 32px;
}

.cruise-request-finish-content main .right-container .block-container {
    margin-bottom: 24px;
}

.cruise-request-finish-content main .right-container .block-container b.night {
    color: #061556;
    font-family: Taviraj;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.cruise-request-finish-content main .right-container .block-container h5 {
    color: #061556;
    font-family: Taviraj;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 8px;
}

.cruise-request-finish-content main .right-container .block-container .location {
    display: flex;
    align-items: center;
}

.cruise-request-finish-content main .right-container .block-container .location img {
    width: 11px;
    height: 14px;
    margin-right: 8px;
}

.cruise-request-finish-content main .right-container .block-container .location span {
    color: #061556;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.cruise-request-finish-content main .right-container .block-container .info {
    margin-bottom: 16px;
}

.cruise-request-finish-content main .right-container .block-container .info b {
    display: block;
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 6px;
}

.cruise-request-finish-content main .right-container .block-container .info span {
    display: block;
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.cruise-request-finish-content main .right-container .block-container .flex-container {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.cruise-request-finish-content main .right-container .block-container .flex-container .img-container {
    padding-top: 11px;
}

.cruise-request-finish-content main .right-container .block-container .flex-container img {
    width: 50px;
}

.cruise-request-finish-content main .right-container .block-container.reserve-block  {
    border-top: 1px solid #DCE1E9;
    border-bottom: 1px solid #DCE1E9;
    padding-top: 12px;
    padding-bottom: 20px;
}

.cruise-request-finish-content main .right-container .block-container.reserve-block .flex-container {
    height: 50px;
    align-items: center;
}

.cruise-request-finish-content main .right-container .block-container.reserve-block .info-reserve {
    display: flex;
    align-self: center;
}

.cruise-request-finish-content main .right-container .block-container.reserve-block .info-reserve .img-container {
    padding: 0;
}

.cruise-request-finish-content main .right-container .block-container.reserve-block .info-reserve img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.cruise-request-finish-content main .right-container .block-container.reserve-block .info-reserve b {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding-top: 3px;
}

.cruise-request-finish-content main .right-container .block-container.reserve-block .info-reserve b img.arrow {
    width: 9px;
    margin-left: 9px;
    margin-right: 9px;
    padding-bottom: 2px;
}


.cruise-request-finish-content main .right-container .block-container.reserve-block a {
    color: #2070E9;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-decoration-line: underline;
    cursor: pointer;
}

.cruise-request-finish-content main .right-container .block-container.reserve-block p {
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

.cruise-request-finish-content main .right-container .price-container .passenger-container {
    padding-top: 16px;
    padding-bottom: 16px;
    width: 100%;
    border-bottom: 1px solid #DCE1E9;
}

.cruise-request-finish-content main .right-container .price-container .passenger-container .flex-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.cruise-request-finish-content main .right-container .price-container .passenger-container .flex-container {
    margin-bottom: 16px;
}

.cruise-request-finish-content main .right-container .price-container .passenger-container .flex-container span {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
}

.cruise-request-finish-content main .right-container .price-container .passenger-container .flex-container b {
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
}

.cruise-request-finish-content main .right-container .price-container .total-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}


.cruise-request-finish-content main .right-container .price-container .total-price b {
    color: #061556;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}
.cruise-request-finish-content main .right-container .price-container .total-price b.price {
    font-weight: 800;
}

.cruise-request-finish-content main .right-container .btn.booking-send {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    background: #2070E9;
    color: white;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border-radius: 0;
}


/*index  */


.index-content  {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.items-container .item .img-container {
    width: 392px;
    height: 295px;
    min-width: 392px;
    max-width: 392px;
}

.index-content main .items-container .item .content .left-part .header h3, .main-content main .items-container .item .content .left-part .location {
    max-width: 475px;
}

.index-content  main h1 {
    margin-top: 120px;
    margin-bottom: 64px;
}

.index-content .reviews {
    display:none !important;
}


/*contacts */

.contact-content {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.contact-content main {
    margin-top: 48px;
    margin-bottom: 48px;
}

.contact-content > h1 {
    font-weight: 600;
    font-size: 46px;
    text-align: center;
    line-height: 60px;
    color: #061556;
    margin: 46px auto 0;
    display: block;
    position: relative;
}

.contact-content > h1:after {
    position: absolute;
    content: '';
    bottom: -16px;
    width: 74px;
    height: 2px;
    background: #061556;
    right: calc(50% - 37px);
}

.contact-content main .map-container {
    margin-bottom: 32px;
}

.contact-content main .map-container img{
    width: 100%;
}

.contact-content main .info-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.contact-content main .info-container .info-item {
    padding: 0 0 32px 0;
    width: 270px;
}

.contact-content main .info-container .info-item .icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F4F9;
    margin-left: auto;
    margin-right: auto;
}

.contact-content main .info-container .info-item .info-name {
    color: #606683;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 14px;
    margin-bottom: 6px;
}

.contact-content main .info-container .info-item p.text {
    color: #061556;
    text-align: center;
    font-family: Taviraj;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
    /*text-wrap: nowrap;*/
}

.contact-content main .form-container {
    width: 770px;
    padding: 32px 0px;
    margin-left: auto;
    margin-right: auto;
}

.contact-content main .form-container h3 {
    color: #061556;
    font-family: Taviraj;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
}

.contact-content main .form-container h6 {
    color: #606683;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 32px;
}

.contact-content main .form-container .flex-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-content main .form-container label {
    width: 244px;
    display: block;
    color: #061556;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.contact-content main .form-container .flex-container label input {
    width: 100%;
    border: 1px solid #E6E6E6;
    background: #FFF;
    padding: 16px;
    margin-top: 8px;
    color: #061556;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: 50px;
}

.contact-content main .form-container .textarea-label {
    width: 100%;
    margin-top: 20px;
}

.contact-content main .form-container .textarea-label textarea {
    width: 100%;
    height: 151px;
    resize: none;
    margin-top: 8px;
    padding: 16px;
}

.contact-content main .form-container .agreement-container {
    display: flex;
    justify-content: space-between;
}

.contact-content main .form-container .agreement-container  label {
    align-self: flex-start;
}

.contact-content main .form-container .agreement-container p {
    margin: 0;
    color:#606683;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    width: 291px;
}

.contact-content main .form-container .agreement-container  label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    width: 24px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contact-content main .form-container .agreement-container label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.contact-content main .form-container .agreement-container label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
}

.contact-content main .form-container .agreement-container label:hover input ~ .checkmark {
    background-color: #ccc;
}

.contact-content main .form-container .agreement-container label input:checked ~ .checkmark {
    background-color: #1966DB;
}

.contact-content main .form-container .agreement-container  label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.contact-content main .form-container .agreement-container label input:checked ~ .checkmark:after {
    display: block;
}

.contact-content main .form-container .agreement-container  label .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.contact-content main .form-container .submit-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
}

.contact-content main .form-container .submit-container .btn {
    display: flex;
    width: 299px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    color: white;
    background: #2070E9;
    height: 51px;
    border-radius: 0;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

@media screen and (min-width: 1200px) {
    .text-container p.collapse.dont-collapse {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
    }

    .text-container a.dont-collapse[data-toggle="collapse"] {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .pswp__custom-caption {
        font-size: 17px;
    }

    a.dont-collapse[data-toggle="collapse"] {
        display: block;
    }

    .btn-scroll-up {
        display: none;
    }


    .cruise-content main .nav-ship-gallery ul.swiper-wrapper > li {
         /*margin-right: 2px !important; */
    }

    header.desktop {
            display: none;
        }

    header.mobile {
        display: block;
    }

    header.blackTheme {
        padding: 12px 24px;
        border-radius: 0;
    }

    header.blackTheme .container {
        height: min-content;
    }
    header.blackTheme .container .header-logo.desktop {
        display: none!important;
    }

    header.blackTheme .container .header-logo.mobile {
        display: block!important;
    }


    footer {
        width: 100%;
        margin-top: 24px;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 40px 24px;
    }

    footer .card-container {
        display: flex;
        column-gap: 14px;
    }
    footer .card-container .card {
        margin-right: 0px;
    }

    footer .card-container, footer .social-container {
        margin-bottom: 24px;
    }

    footer .info ul.link-block {
        flex-direction: column;
        row-gap: 8px;
        margin-bottom: 10px;
    }

    footer .social-container {
        margin-top: 24px;
        margin-bottom: 0;
        display: flex;
        column-gap: 26px;
    }


    footer .social-container .service {
        margin-left: 0;
    }

    .main-content main {
        width: 100%;
        margin: auto;
    }

    .main-content main > h1, .index-content main > h1 {
        font-size: 28px;
        margin-top: 40px;
    }

    .main-content main > h1:after, .index-content main > h1:after {
        bottom: -6px;
        right: calc(50% - 32px);
    }

    .main-content main > .search-container, .index-content main > .search-container {
        margin-top: 24px;
        padding: 24px;
    }

    .main-content main > .search-container .filter-container, .index-content main > .search-container .filter-container {
        margin-top: 24px;
    }

    .main-content main > .search-container .filter-container.mobile, .index-content main > .search-container .filter-container.mobile {
        display: flex;
    }

    .main-content main .filter-container.desktop, .index-content main .filter-container.desktop {
        display: none;
    }

    .main-content main > .search-container .select-block, .index-content main > .search-container .select-block {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 24px;
        gap: 8px;
        flex-wrap: wrap;
    }

    .main-content main > .search-container .select-block.mobile, .index-content main .search-container .select-block.mobile {
        display: flex;
    }

    .main-content main > .search-container .select-block.desktop, .index-content main .search-container .select-block.desktop {
        display: none;
    }


    .main-content main .items-container, .index-content .items-container {
        margin-top: 32px;
        margin-left: 24px;
        margin-right: 24px;
    }

    .main-content main .items-container .item, .index-content .items-container .item {
        width: 100%;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        margin-bottom: 24px;
        min-height: 290px;
    }

    .main-content main .items-container .item, .index-content .items-container .item {
        flex-direction: column;
        justify-content: flex-start;
    }

    .main-content main .items-container .item div.img-container, .index-content main .items-container .item div.img-container {
        height: auto;
        min-width: 100%;
        max-width: 100%;
    }

    .main-content main .sort-container, .index-content main .sort-container{
        padding-left: 24px;
        padding-right: 24px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 8px;
    }

    .main-content main > .sort-container .result-info, .index-content main > .sort-container .result-info {
        font-size: 20px;
    }

    .main-content main .items-container .item .content, .index-content .items-container .item .content {
        border-left: 1px solid rgba(230, 230, 230, 1);
        padding: 24px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
    }

    .main-content main .items-container .item .content .left-part, .index-content .items-container .item .content .left-part {
        display: flex;
        flex-direction: column;
        align-self: start;
        min-width: 100%;
    }

    .main-content main .items-container .item .content .left-part > div.header + div, .index-content .items-container .item .content .left-part > div.header + div {
        flex-direction: column;
    }


    .main-content main .items-container .item .content .left-part .header .top-info, .index-content .item .content .left-part .header .top-info {
        font-size: 16px;
    }

    .main-content main .items-container .item .content .right-part, .index-content .items-container .item .content .right-part {
        display: flex;
        flex-direction: column;
        align-self: flex-end;
        justify-content: space-between;
        min-width: 100%;
    }

    .main-content main .items-container .item .content .right-part button.view-date.btn {
        width: 100%;
    }

    .main-content main .items-container .item .content .right-part .view-date.btn, .index-content .items-container .item .content .right-part .view-date.btn {
        width: 100%;
        text-align: center;
    }

    .main-content main .items-container .item .content .right-part .reviews, .index-content .items-container .item .content .right-part .reviews {
        margin-top: 17px;
        justify-content: start
    }

    .main-content main .items-container .item .content .left-part .location, .index-content .items-container .item .content .left-part .location {
        column-gap: 10px;
    }

    .main-content main .items-container .item .content .left-part .header h3 {
        max-width: 100%;
        font-size: 20px;
    }

    .main-content main .items-container .item .content div.left-part span.location, .index-content .items-container .item .content div.left-part .location span.text {
        font-size: 16px;
    }


    .main-content main .items-container .item .content .right-part .price, .index-content .items-container .item .content .right-part .price {
        text-align: left;
        margin-top: 19px;
        font-size: 28px;
    }

    .main-content main .items-container .item .content .right-part .person-info, .index-content .items-container .item .content .right-part .person-info {
        text-align: left;
    }

    .main-content main > .search-container .select-block .btn.mobile-show, .index-content main > .search-container .select-block .btn.mobile-show {
        display: block;
    }


    .main-content .modal.right-side .modal-dialog, .index-content .modal.right-side .modal-dialog{
        width: 100vw;
        margin: 0;
    }

    .main-content .modal.right-side .modal-dialog .modal-content, .index-content .modal.right-side .modal-dialog .modal-content {
        border: none;
        width: 100vw;
        padding-top: 24px;
    }

    .main-content .modal.right-side .modal-dialog .modal-header, .index-content .modal.right-side .modal-dialog .modal-header {
        padding-left: 24px;
        padding-right: 24px;
    }

    .main-content .modal.right-side .modal-header .header-text h5, .index-content .modal.right-side .modal-header .header-text h5 {
        font-size: 20px;
    }
    .main-content .modal.right-side .modal-header .header-text .nights, .index-content .modal.right-side .modal-header .header-text .nights{
        font-size: 16px;
    }

    .main-content .modal.right-side .modal-body .location, .index-content .modal.right-side .modal-body .location {
        padding: 0;
    }

    .main-content #dates-modal .modal-body, .index-content #dates-modal .modal-body {
        padding-left: 24px;
        padding-right: 24px;
    }

    .main-content .modal.right-side .modal-body .location .btn-route-info, .index-content .modal.right-side .modal-body .location .btn-route-info {
        width: 100%;
        padding-left: 0;
        margin-top: 8px;
    }

    .main-content .modal.right-side .modal-body .mini-container > h4, .index-content .modal.right-side .modal-body .mini-container > h4 {
        margin-top: 12px;
    }

    .main-content .modal.right-side .modal-body .month-container .day-row, .index-content .modal.right-side .modal-body .month-container .day-row {
        grid-template-columns: minmax(118px, 1fr) minmax(28%, 1fr) minmax(20%, 1fr) minmax(2%, 1fr);
    }

    .main-content .modal.right-side .modal-body .month-container .select-date .desktop, .index-content .modal.right-side .modal-body .month-container .select-date .desktop {
        display: none;
    }

    .main-content .modal.right-side .modal-body .month-container .select-date .mobile, .index-content .modal.right-side .modal-body .month-container .select-date .mobile {
        display: block;
    }


    .contact-content {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .contact-content > h1 {
        font-size: 28px;
        margin: 40px auto 0;
    }

    .contact-content > h1:after {
        bottom: 0px;
    }

    .contact-content main {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .contact-content main .info-container {
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    .contact-content main .info-container .info-item {
        padding-bottom: 18px;
    }

    .contact-content main .info-container .info-item .info-name {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .contact-content main .info-container .info-item p.text {
        font-size: 16px;
    }

    .contact-content main .form-container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 32px 27px;
    }

    .contact-content main .form-container h3 {
        font-size: 28px;
    }

    .contact-content main .form-container h6 {
        font-size: 16px;
    }

    .contact-content main .form-container .flex-container {
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        row-gap: 20px;
    }

    .contact-content main .form-container label {
        width: 100%;
    }

    .contact-content main .form-container .submit-container {
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    .contact-content main .form-container .submit-container .btn {
        width: 100%;
        margin-top: 20px;
    }

    .contact-content main .form-container .agreement-container {
        width: 100%;
    }

    .contact-content main .form-container .agreement-container p {
        width: 100%;
    }

    .cruise-content {
        margin-top: 32px;
    }

    .cruise-content main .left-part {
        max-width: 100%;
    }

    .cruise-content .reviews {
        display: none!important;
    }

    .cruise-content .header-container > .flex-container {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
    }

    .cruise-content main {
        flex-direction: column-reverse;
    }

    .cruise-content .header-container {
        padding: 0 24px 8px;
    }

    .cruise-content main .side-reserve-block {
        margin-left: 0;
        position: initial;
        margin-top: 0!important;
        width: 100%;
        box-shadow: none;
        border: none;
        padding: 0 24px;
    }

    .cruise-content .header-container .flex-container h1 {
        font-size: 22px;
    }

    .cruise-content .header-container .flex-container .icon-container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .cruise-content .header-container .flex-container .icon-container a.back {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cruise-content main #nav-overview .img-container.desktop {
        display: none;
    }

    .cruise-content nav.categories-menu .nav-tabs {
        padding-left: 24px;
        padding-right: 24px;
    }

    .cruise-content main .img-container-2.mobile {
        display: block;
    }


    .cruise-content .categories-menu-swiper.mobile {
        display: block;
        margin-left: 24px;
        border-bottom: 1px solid  #DCE1E9;
        margin-right: 24px;
    }

    .cruise-content .categories-menu.desktop {
        display: none;
    }

    .cruise-content .categories-menu-mobile {
        color:#606683;
        text-align: center;
        font-family: Lato;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        padding: 0;
        display: flex;
        align-content: flex-start;
        list-style: none;
        width: 100%;
        row-gap: 1vh;
        /*overflow: auto;overflow-x: hidden;*/
    }

    .cruise-content .categories-menu-mobile .swiper-slide {
        width: auto;
        margin-right: 27px!important;
    }

    .cruise-content .categories-menu-mobile .swiper-slide a {
        color: #061556;
        text-align: left;
        font-family: Lato;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 10px 0;
        display: block;
    }

    .cruise-content .categories-menu-mobile .swiper-slide a:hover {
        box-shadow: 0 2px 0 0 #2070E9;
        text-decoration: none;
    }

    .cruise-content main h3 {
        font-size: 20px;
    }

    .cruise-content main #nav-visa .header-container {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
        row-gap: 12px;
    }

    .cruise-content main .nav-block {
        padding-left: 24px;
        padding-right: 24px;
    }


    .cruise-content main .cabins-container .cabin-item {
        flex-direction: column;
    }

    .cruise-content main #nav-visa .header-container h3 {
        margin-bottom: 16px!important;
    }

    .cruise-content main #nav-visa .dropdown.bootstrap-select{
        margin: 0;
        width: 100%!important;
        min-width: 100%!important;
    }

    .cruise-content main #nav-cabins .cabins-container .cabin-item img {
        width: 100%;
    }

    .cruise-content main #nav-cabins .cabins-container .cabin-item .content {
        width: 100%;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .cruise-content main #nav-cabins .cabins-container .cabin-item h5 {
        font-size: 16px;
    }

    .cruise-content main #nav-cabins ul.options li {
        font-size: 14px;
    }

    .cruise-content main #nav-cabins ul.options {
        margin-bottom: 20px!important;
    }

    .cruise-content main #nav-cabins .cabins-container .cabin-item .footer-container b.cost {
        font-size: 18px;
    }

    .cruise-content main #nav-cabins .cabins-container .cabin-item .footer-container b.cost + a.setCabin{
        font-size: 16px;
    }

    .cruise-content main #nav-route .route-table.desktop {
        display: none;
    }

    .cruise-content main #nav-route .route-table.mobile {
        display: table;
    }

    /*.cruise-content main .nav-ship-gallery ul.swiper-wrapper > li {*/
    /*    margin-right: 2px!important;*/
    /*}*/
    .cruise-content main .nav-ship-gallery .swiper-wrapper {
        list-style-type: none!important;
        margin: 0!important;
        padding: 0!important;
        max-width: 75%!important;
    }

    .cruise-content main .swiper-overflow-container {
        margin-top: 15px;
    }

    .cruise-request-content, .cruise-request-finish-content {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .cruise-request-content .header-content, .cruise-request-finish-content .header-content {
        padding-left: 24px;
        padding-right: 24px;
    }

    .cruise-request-content .header-content a, .cruise-request-finish-content .header-content a {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .cruise-request-content .header-content a.back h1, .cruise-request-finish-content .header-content a.back h1 {
        font-size: 22px;
    }

    .cruise-request-content .header-content a.back svg, .cruise-request-finish-content .header-content a.back svg {
        margin-bottom: 8px;
    }
    .cruise-request-content .header-content a.back svg path, .cruise-request-finish-content .header-content a.back svg path {
        fill: #1966DB;
    }

    .cruise-request-content main, .cruise-request-finish-content main {
        flex-direction: column;
        justify-content: flex-start;
    }

    .cruise-request-content main .left-container, .cruise-request-finish-content main .left-container {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }

    .cruise-request-content main .left-container .form-block .flex-row-container {
        flex-direction: column;
        justify-content: flex-start;
        column-gap: 16px;
    }

    .cruise-request-content main .left-container .form-block .flex-row-container > label:first-child {
        margin-bottom: 16px;
    }

    .cruise-request-content main .left-container .form-block .flex-row-container > label:last-child {
        margin-bottom: 0;
    }

    .cruise-request-content main .left-container .form-block h4 {
        font-size: 20px;
    }

    .cruise-request-content main .left-container .form-block {
        padding: 16px 0;
    }

    .cruise-request-content main .right-container, .cruise-request-finish-content main .right-container {
        width: 100%;
        border-top: 1px solid #EBEEF2;
        box-shadow: none;
    }

    .cruise-request-content main .left-container .form-block:last-child {
        border-bottom: none;
    }

    .cruise-request-finish-content main .left-container .notification-container .contact-container {
        flex-direction: column;
        width: 100%;
        row-gap: 16px;
    }

    .cruise-request-finish-content main .left-container .notification-container p {
        margin: 16px 0;
    }

    .cruise-request-finish-content main .left-container .notification-container {
        padding-top: 0;
    }

    .cruise-request-finish-content main .left-container .notification-container .contact-container .item-container:last-child {
        flex-wrap: wrap;
    }

    .cruise-request-finish-content main .left-container .notification-container .contact-container .item-container:last-child .info:last-child {
        margin-left: 64px!important;
        width: 100%;
        margin-top: 16px;
    }

    .cruise-request-finish-content .btn.home.mobile {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }

    .cruise-request-finish-content .btn.home.desktop {
        display: none;
    }

    .cruise-request-finish-content main .left-container .notification-container {
        border-bottom: none;
    }

     .cruise-request-finish-content main .right-container {
        border-bottom: 1px solid #EBEEF2;
    }

    .cruise-request-finish-content main .right-container .block-container {
        margin-bottom: 16px;
    }

    .cruise-request-finish-content main .right-container .block-container > div:last-child .info {
        margin-bottom: 0;
    }

    .cruise-request-finish-content main .right-container .price-container .passenger-container {
        padding-top: 0;
        padding-bottom: 0;
    }

    .cruise-request-finish-content main .right-container .price-container .passenger-container .flex-container:last-child {
        margin-bottom: 8px;
    }


}