#single_yacht-body {
	background-color: #fbfbff;
	color: #4e4e63;
	margin-top: 6em;
}

#single_yacht-body .single_yacht-header {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 20em;
	position: relative;
}

#single_yacht-body .single_yacht-header::after {
	content: " ";
	position: absolute;
	top: 30%;
	right: 0;
	height: 2px;
	background-color: #fbfbff;
	width: 65%;
	z-index: 2;
}

#single_yacht-body .single_yacht-header .header-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #22294b;
	opacity: .3;
	z-index: 1;
}

#single_yacht-body .single_yacht-header .heading {
	position: relative;
	z-index: 2;
	top: 50%;
	left: 2.5em;
	transform: translateY(-50%);
	display: inline-block;
}

#single_yacht-body .single_yacht-header .heading h1 {
	font-size: 3.5em;
	font-weight: 800;
	margin-bottom: .25em;
	color: #fbfbff;
}

#single_yacht-body .single_yacht-header .heading h2 {
	font-size: 1.8em;
	font-weight: 300;
}

#single_yacht-body .single_yacht-header .heading a {
	margin-top: 1em;
	min-width: 10em;
}

#single_yacht-body .single_yacht-header .heading a:nth-of-type(1) {
	margin-right: 1em;
}

#single_yacht-body .single_yacht-content {
	padding: 4em;
	max-width:1920px;
	margin-left:auto;
	margin-right: auto;
}

#single_yacht-body .single_yacht-content h2 {
	font-family: 'Playfair Display', serif;
	font-size: 1.8em;
	font-weight: 800;
	color: #29293b;
	margin-bottom: 1em;
}

#single_yacht-body .single_yacht-content p {
	font-weight: 300;
	text-align: justify;
}

#single_yacht-body .single_yacht-content .boat-details-table {
	margin-bottom: 2em;
}

#single_yacht-body .single_yacht-content .boat-details-table,
#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column .boat-details-row {
	float: left;
	width: 100%;
}

#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column .boat-details-row {
	padding: .5em 0;
}

#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column .boat-details-row span {
	float: left;
	width: 50%;
}

#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column .boat-details-row span:nth-of-type(2) {
	font-weight: 300;
}

#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column {
	float: left;
	width: 46%;
}

#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column:nth-of-type(1) {
	margin-right: 4%;
	padding-right: 4%;
	position: relative;
}

#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column:nth-of-type(1)::after {
	position: absolute;
	content: " ";
	height: 100%;
	width: 1px;
	right: 0;
	top: 0;
	background: #ccc;
}

#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-inner {
	border-radius: 8px;
	aspect-ratio: 233/180;
}

#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-inner img {
    width: 100%;
    height: 100%
}

#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-inner .carousel-item {
	/*max-height: 25em;*/
}

#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-indicators {
    position: relative;
	margin-top: 1em;
	float: left;
	display: grid;
	margin-left: 0;
	flex-direction: row;
	width: 100%;
	z-index: 1;
	flex-wrap: wrap;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-indicators li {
	justify-content: center;
	height: /*8em*/auto;
	width: /*8em*/auto;
	border: 0 solid transparent;
	margin: .5rem;
}

#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-indicators li > a > div{
	padding-bottom: 100%;
}

#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-indicators li.list-inline-item a {
	width: 100%;
}

#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-indicators li .carousel-inner-img {
    display: block;
	border-radius: 8px;
}

#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-indicators li.active .carousel-inner-img {
    box-shadow: 0 0 0 3px #fe60aa;
}

#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-indicators li:hover .carousel-inner-img {
	opacity: .75;
}

#single_yacht-body .single_yacht-content .tab-content .boat-layout {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 1.5em;
}

#single_yacht-body .single_yacht-content .tab-content .carousel-inner { 
	/*height: 25em;*/
}

#single_yacht-body .single_yacht-content .tab-content .carousel-item { 
	height: 100%;
}

#single_yacht-body .single_yacht-content .tab-content .carousel-inner-img {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;   
	background-position: center;
	display: block;
}

@media screen and (max-width: 992px) {
	#single_yacht-body .single_yacht-header .heading {
		left: .5em;
	}

	#single_yacht-body .single_yacht-header::after {
		display: none;
	}

	#single_yacht-body .single_yacht-content {
		padding: 2em;
	}

	.tab-nav {
		margin-top: 0;
	}

	#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-inner .carousel-item {
		/*max-height: 14em;*/
	}

	#single_yacht-body .single_yacht-content h2 {
		margin-bottom: .5em;
	}

	#single_yacht-body .single_yacht-content .boat-details-table {
		margin-bottom: 1em;
	}

	#single_yacht-body .single_yacht-content .tab-content .carousel-inner { 
		/*height: 30vh;*/
	}

	#single_yacht-body .single_yacht-content .tab-content .carousel .carousel-indicators li {
		/*height: 5em;*/
	}

	#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column:nth-of-type(1) {
		margin-right: 0;
		padding-right: 0;
	}

	#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column:nth-of-type(1)::after {
		display: none;
	}

	#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column {
		width: 100%;
	}

	#single_yacht-body .single_yacht-content .boat-details-table .boat-details-column .boat-details-row {
		padding: .25em 0;
	}
}


.single-yacht-prices {
	display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	width:100%;
}

.single-yacht-prices .single-price {
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 15px;
	font-weight: 300;
	font-size: .9rem;
	position:relative;
	margin: .5rem .5rem;
}

.single-yacht-prices .single-price > span:first-child{font-weight: 500;}
.single-yacht-prices .single-price > span{display: block;}
.single-yacht-prices .single-price > span._price{/*color: #fe60aa;*/}
.single-yacht-prices .single-price > span._price ._discount-price{color: #fe60aa;font-weight: 400;}
.single-yacht-prices .single-price > span._price .striketrough{color: #AAA;text-decoration: line-through;}
.single-yacht-prices .single-price > span ._discount{color: #fbfbff;background-color: #fe60aa;}
.single-yacht-prices .single-price._yacht_reserved > span{color: #AAA;}
.single-yacht-prices .single-price > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;transition: box-shadow .3s;}
.single-yacht-prices .single-price > a:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2);
}


/* Price and reservation slider  */
#carousel-example .carousel-control-next,
#carousel-example .carousel-control-prev
{background-color: #22294b;border-radius: 4px;max-width: 60px;height: 114%;top: -7%;}
#carousel-example .carousel-control-next{right: -10px;}
#carousel-example .carousel-control-prev{left: -10px;}
#carousel-example .carousel-inner > div{padding-left: 4px !important; padding-right:  4px !important;width: 100%;}
#carousel-example .carousel-inner > div > div{height: 100%;width: 100%;border: 1px solid #CCC;border-radius: 4px;padding: 15px;font-weight: 300;font-size: .9rem;}

#carousel-example .carousel-inner > div > div{position: relative;}
#carousel-example .carousel-inner > div > div > span:first-child{font-weight: 500;}
#carousel-example .carousel-inner > div > div > span{display: block;}
#carousel-example .carousel-inner > div > div > span._price{color: #fe60aa;}
#carousel-example .carousel-inner > div > div > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;transition: box-shadow .3s;}
#carousel-example .carousel-inner > div > div > a:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2);
}

#carousel-example .carousel-inner > div > div._yacht_reserved > span{color: #AAA;}

@media (min-width: 768px) and (max-width: 991px) {
	/* Show 4th slide on md if col-md-4*/
	#carousel-example  .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
		position: absolute;
		top: 0;
		right: -33.3333%;  /*change this with javascript in the future*/
		z-index: -1;
		display: block;
		visibility: visible;
	}
}
@media (min-width: 576px) and (max-width: 768px) {
	/* Show 3rd slide on sm if col-sm-6*/
	#carousel-example  .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
		position: absolute;
		top: 0;
		right: -50%;  /*change this with javascript in the future*/
		z-index: -1;
		display: block;
		visibility: visible;
	}
}
@media (min-width: 576px) {
	#carousel-example  .carousel-item {
		margin-right: 0;
	}
	/* show 2 items */
	#carousel-example  .carousel-inner .active + .carousel-item {
		display: block;
	}
	#carousel-example  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
	#carousel-example  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
		transition: none;
	}
	#carousel-example  .carousel-inner .carousel-item-next {
		position: relative;
		transform: translate3d(0, 0, 0);
	}
	/* left or forward direction */
	#carousel-example  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
	#carousel-example  .carousel-item-next.carousel-item-left + .carousel-item,
	#carousel-example  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	/* farthest right hidden item must be also positioned for animations */
	#carousel-example  .carousel-inner .carousel-item-prev.carousel-item-right {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		visibility: visible;
	}
	/* right or prev direction */
	#carousel-example  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
	#carousel-example  .carousel-item-prev.carousel-item-right + .carousel-item,
	#carousel-example  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}
}
/* MD */
@media (min-width: 768px) {
	/* show 3rd of 3 item slide */
	#carousel-example  .carousel-inner .active + .carousel-item + .carousel-item {
		display: block;
	}
	#carousel-example  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
		transition: none;
	}
	#carousel-example  .carousel-inner .carousel-item-next {
		position: relative;
		transform: translate3d(0, 0, 0);
	}
	/* left or forward direction */
	#carousel-example  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	/* right or prev direction */
	#carousel-example  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}
}
/* LG */
@media (min-width: 991px) {
	/* show 4th item */
	#carousel-example  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
		display: block;
	}
	#carousel-example  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
		transition: none;
	}
	/* Show 5th slide on lg if col-lg-3 */
	#carousel-example  .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
		position: absolute;
		top: 0;
		right: -25%;  /*change this with javascript in the future*/
		z-index: -1;
		display: block;
		visibility: visible;
	}
	/* left or forward direction */
	#carousel-example  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	/* right or prev direction //t - previous slide direction last item animation fix */
	#carousel-example  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}