.single-cruise-lines {
	background: #F5F5F5
}

.single-ships .hero-inner,
.single-ships .hero-inner .inner,
.single-cruise-lines .hero-inner,
.single-cruise-lines .hero-inner .inner {
	height: 400px;
    position: relative;
}

.single-ships .hero-inner:after,
.single-cruise-lines .hero-inner:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, .4);
}

.single-ships .hero-inner .inner,
.single-cruise-lines .hero-inner .inner {
    position: relative;
    z-index: 2;
}

.single-ships .hero-inner-content,
.single-cruise-lines .hero-inner-content {
	margin: unset;
	text-align: left;
	width: 42%;
}

.single-ships h1,
.single-cruise-lines h1 {
	font: normal normal 800 48px/64px 'Roboto';
}

.single-ships h1:after,
.single-cruise-lines h1:after {
	content: "";
    background: var(--white);
    width: 80px;
    height: 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
}

.single-cruise-lines .hero_intro {
	font: normal normal 800 22px/28px 'Roboto';
}

.line-slider {
    padding-bottom: 50px;
}

.line-slide,
.line-slide a {
    overflow: hidden;
}

.line-slide a {
    border-radius: 8px;
}

.line-slide a img {
    transform: scale(1);
    transition: all .4s ease-in-out;
}

.line-slide a:hover img {
    transform: scale(1.1);
}

.line-slider .slick-prev, 
.line-slider .slick-next {
    display: block !important;
}

.line-slider .slick-prev,
.line-slider .slick-next {
    top: unset;
    bottom: -40px;
    border-radius: 50px;
    left: unset;
}

.line-slider .slick-prev {
    right: 80px;
}

.line-slider .slick-prev::before,
.line-slider .slick-next::before {
    content: '\f078';
    font-family: "FontAwesome";
    width: 40px;
    height: 40px;
    background: var(--brand-blue);
    color: var(--white);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    rotate: 90deg;
}

.line-slider .slick-next::before {
    rotate: -90deg;
}

.line-slider .slick-prev:hover::before,
.line-slider .slick-next:hover::before {
    background: var(--brand-cyan);
}