.primary_button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: #116cb2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    height: 90px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.1;
    padding: 10px;
    position: relative;
    text-align: center;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    width: 90px
}

.primary_button:before {
    border: 1px solid #cecece;
    border-radius: 50%;
    height: 85%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 85%
}

.primary_button:after,
.primary_button:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.primary_button:after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(../assets/images/long-arrow-icon.png) no-repeat;
    background-position: 50%;
    background-size: 100% 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: 75%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%
}

.primary_button:hover:before {
    height: 100%;
    width: 100%
}

.primary_button:hover:after {
    left: 100%
}

.primary-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(21.6px + 2.625vw);
    font-weight: 300;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    text-align: center
}

.secondary-title {
    font-size: calc(17px + .9375vw);
    font-weight: 300;
    margin-top: calc(7.6px + .125vw)
}

.flexCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.skew {
    position: relative
}

.skew:before {
    background-color: #183a53;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(1.15) scaleY(1) skew(-30deg);
    -ms-transform: scaleX(1.15) scaleY(1) skew(-30deg);
    transform: scaleX(1.15) scaleY(1) skew(-30deg);
    width: 100%;
    z-index: -1
}

.container-width {
    width: 100%
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-justify {
    text-align: justify
}

.color-secondary {
    color: #efca67
}

.color-secondary-bg {
    background-color: #efca67 !important
}

.color-primary {
    color: #116cb2
}

.color-primary-bg {
    background-color: #116cb2
}

.color-black {
    color: #111
}

.bg-dark-red {
    background-color: #463036 !important
}

.secondary-light-bg {
    background-color: #cbaf7f !important
}

.cruises-wrapper .cruises-block .content-col .cruise-icon-block {
    grid-template-columns: repeat(3, calc(58px + 10vw)) !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

@media screen and (max-width:480px) {
    .cruises-wrapper .cruises-block .content-col .cruise-icon-block {
        grid-template-columns: repeat(2, 1fr) !important;
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }
}

.cruises-wrapper .cruises-block .content-col .ribon-text {
    left: -45px !important;
    top: 20px !important
}

.cruises-wrapper .cruises-block .img-col:before {
    height: calc(100% - 100px) !important;
    width: calc(100% - 100px) !important
}

@media screen and (max-width:1023px) {
    .cruises-wrapper .cruises-block .img-col:before {
        height: calc(100% - 40px) !important;
        width: calc(100% - 40px) !important
    }
}

@media screen and (max-width:480px) {
    .cruises-wrapper .cruises-block .img-col:before {
        height: calc(100% - 20px) !important;
        width: calc(100% - 20px) !important
    }
}

@media screen and (max-width:1023px) {
    .fleet-wrapper .fleet-block .grid.reverse {
        gap: calc(114px + 1.875vw) !important;
        grid-template-columns: 1fr
    }
}

.scroll-image-block {
    margin: calc(20px + 3.125vw) 0 !important
}

@media screen and (max-width:1023px) {
    .scroll-image-block .grid {
        grid-template-columns: 1fr !important
    }

    .scroll-image-block .grid .title-wrap {
        height: 100% !important;
        margin: unset !important
    }

    .scroll-image-block .grid .title-wrap .title {
        margin: calc(12px + 2.5vw) 0 !important
    }
}

@media screen and (max-width:767px) {
    .scroll-image-block .grid .photo-wrap {
        height: 35vh !important
    }
}

.pricelist-block {
    margin-top: 0 !important
}


@media screen and (max-width:767px) {
    .slick-prev {
        right: 18% !important
    }

    .slick-next {
        right: 8% !important
    }
}

@media screen and (max-width:480px) {
    .fleet-wrapper .fleet-block .grid .right-col .text-block .fleet-icon-block .fleet-icon .label-txt .label-small-txt:before {
        -webkit-transform: scaleX(.8) scaleY(1) skew(-30deg) !important;
        -ms-transform: scaleX(.8) scaleY(1) skew(-30deg) !important;
        transform: scaleX(.8) scaleY(1) skew(-30deg) !important
    }

    .fleet-wrapper .fleet-block .grid .right-col .text-block .title:before {
        -webkit-transform: scaleX(1.08) scaleY(1) skew(-30deg) !important;
        -ms-transform: scaleX(1.08) scaleY(1) skew(-30deg) !important;
        transform: scaleX(1.08) scaleY(1) skew(-30deg) !important
    }
}

@media screen and (max-width:1023px) {
    .scroll-image-block .grid .photo-wrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

/*# sourceMappingURL=temp-production.css.map */