body, .normal{
	font-family: 'Roboto', sans-serif;
}
a, .text-primary{
	color: #556378 !important;
}
a:hover{
	color: #7b889a !important;
	text-decoration: none;
}
a.btn-info:hover{
	color: #dedede !important;
}
a.mods .h3{
	font-size: 20px;
	color: #ccc;
}
a.mods .h3 p{
	font-size: 13px;
}
a:hover .foto img {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
a:hover .bg-primary, a .bg-primary, a.mods .bg-dark, a.mods:hover .bg-dark {
  	-webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
a:hover .bg-primary, .btn-primary:hover{
	background-color: #5295ae !important;
}
a.mods:hover .bg-dark {
  	background-color: #000 !important;
}
a.mods p.h4{
	font-size: 16px;
}
a.tripadvid{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 157px;
	height: 157px;
	background: url(../images/icons/ta-2026.png) no-repeat;
	z-index: 7;
	text-indent: -9999px;
}
button, input, textarea, select, .alert, .btn, .card{
	border-radius: 0 !important;
}
div[aria-label="Breadcrumbs"]{
	max-width: calc(100% - 30px)!important;
	float: left;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4{ 
	font-family: 'Cinzel', sans-serif;
	font-weight: 600;
}
h1 span.subtitle{
    line-height: 1em;
}
h1 span.subtitle, .topForm h2{
    font-weight: 400;
	font-size: 24px; 
}
h1.contentheading{
	display: none !important;
}
img.reco{
	top:5px; right: 5px;
}
footer ul.social{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#FFF;
	padding:0px;
}
footer ul.social li{
	margin-bottom:7px;
	list-style:none;
	display: -moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	zoom: 1;
    *display: inline;
	margin-left:5px;
	margin-right:5px;
}
footer ul.social li a:hover{
	color: #fff !important;
	opacity: .7
}
li.flag{
	list-style: none;
	white-space:nowrap;
}
li.flag a{
	font-size:18px;
	padding-left: 35px;
}
li.flag.usa {
    background: url(../images/icons/flag-us.gif) no-repeat 4px 7px;
}
li.flag.uk {
    background: url(../images/icons/flag-uk.gif) no-repeat 4px 7px;
}
li.flag.ec {
    background: url(../images/icons/flag-ec.gif) no-repeat 4px 7px;
}
li.flag.ws{
	margin-left: -30px;
}
table.itiners a:after, ul.add-info li::marker, ul.comp-features li::marker, ul.not-included li::marker, .add-info ul li::marker, .comp-features ul li::marker, .not-included ul li::marker, .intro-boat ul li::marker, .list-boat ul li::marker, .topForm .ico:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900;
}
table.itiners, table.itiners td, table.itiners th{
	border:0px;
	border-bottom:1px solid #FFF;
}
table.itiners, table.itiners td{
	font-size:15px;
}
table.itiners a:after {
	content: "\f360";
	font-size: 12px;
	margin-left: 5px;
	display: inline-block;
	position: relative;
	top: -.5em;
}
table.itiners a[href="#"]:after, table.itiners td span, table.itiners tr.mapa-hold a:after{
	display: none;
}
table.itiners td.dayname, .alert-info, .intro-boat .alert, .dropdown-item.active, .dropdown-item:active{
	background-color: #e4eff2 !important;
	overflow: hidden;
}
table.itiners td.dayname{
	font-weight: 700;
	text-align:center;
	vertical-align:middle;
	width: 50px;
}
table.itiners td.timeday, .bg-primary, .btn-primary{
	background-color: #6cacc4 !important;
}
table.itiners td.timeday{
	font-size:13px;
	color:#fff;
	text-align:center;
	width: 30px;
}
table.itiners th {
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
}
table.tech tbody i{
	display: none;
}
table.tech ul, table.tech p{
	margin-bottom: 0;
}
table.tech img{
	width: 100%;
	height: auto;
}
table.tech img.reco2{
	width: 70px !important;
	height: 70px !important;
	right:15px;
	top: 15px;
}
ul.add-info, ul.comp-features, ul.not-included, .add-info ul, .comp-features ul, .not-included ul{
	font-size: 13px !important;
	padding-left: 20px;
	line-height: 1.2em;
}
ul.add-info li, ul.comp-features li, ul.not-included li, .add-info ul li, .comp-features ul li, .not-included ul li{
	margin-bottom: 7px;
}
ul.add-info li, ul.comp-features li, ul.not-included li, .add-info ul li, .comp-features ul li, .not-included ul li, .list-boat ul li {
	padding-left: 5px;
}
ul.add-info li::marker, .add-info ul li::marker{
	content: "\f0da";
	color: #455865;
}
ul.breadcrumb {
	padding:0 !important;
	margin:0 !important;
	background-color: transparent !important;
	border-radius:0 !important;
}
ul.comp-features li::marker, ul.intro-boat li::marker, ul.list-boat li::marker, .comp-features ul li::marker, .intro-boat ul li::marker, .list-boat ul li::marker {
   	content: "\f00c";
	color: #5191a5;
}
ul.not-included li::marker, .not-included ul li::marker {
   	content: "\f00d";
	color: #CE0003;
}
#CDSWIDCOE{
	margin:0 !important;
}
#clickForm{
	border-left:20px solid #fff;
	border-right:30px solid #fff;
	border-bottom:30px solid #fff;
	width: 270px;
	margin-top: -16px;
	float: right;
	height: 101px;
	text-align: center;
	font-size: 18px;
}
#clickForm:hover{
    color:#fff !important;
}
#clickForm, .topForm button{
    position:relative;
}
#clickForm:before, .topForm button:before{
    content: '';
	position: absolute;
	top:0;
  	width: 0;
    height: 0;
}
#clickForm:before{
	left: calc(43% + 5px);
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}
#closeForm, #closeTable{
	border-radius: 50%;
	line-height: 1.2em;
}
#closeForm{
	margin-top: -30px;
	height: 26px;
}
#closeTable{
	line-height: 1.4em;
	height: 22px;
	width: 22px;
}
#cookieConsent{
	background: rgba(0,0,0,0.61) !important;
	display: none;
    z-index: 9999;
}
#formsmplan select{
	height: 40px;
	border: 0;
}
#formsmplan select#selyear{
	max-width: 75px;
}
#mainMen{
	font-size: 14px;
}
#mainMen ul.nav-child {
	opacity: 0;
	position:absolute;
}
#mainMen li.nav-item.active a{
	color: #17a2b8 !important
}
#separator{
	clear:both;
	height: 10px;
	display: none;
}
#slides, #slides2{
	z-index: 0;
	overflow: hidden;
	height: 460px;
	width: 100%;
	position: absolute;
}
#slides{
	height: 460px;
}
#slides2{
	height: 380px;
}
#system-message-container{
	display: none!important;
}
.bg-dark a{
	color: #6cacc4 !important;
}
.bg-dark a:hover{
	color: #5295ae !important;
}
.bg-light{
	background-color:#f2efe2 !important;
}
.bubble-green {
	border-radius: 50%;
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	border: 2px solid #00af87;
	background-color: #fff;
	margin-bottom: 10px;
}
.bubble-green::after{
	background-color: #00af87;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	left:3px;
	top:3px;
	border-radius: 12px;
}
.breadcrumbs{
	margin-right: 420px;
}
.breadcrumbs.expanded{
	margin-right: 290px;
}
.cb-slideshow {
    z-index: 0;
	list-style: none;
}
.cb-slideshow li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s;
}
.cb-slideshow li:nth-child(2) {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.foto {
  	overflow: hidden;
}
.foto img {
	transition: transform .2s; /* Animation */
}
.highlight-txt{
	color: #caba78;
}
.intro-boat h1{
	font-size: 34px;
}
.intro-boat .alert p{
	background: url(../images/tortoise.png) no-repeat top left;
	padding-left: 120px;
	margin-bottom: 0;
	min-height: 110px;
}
.intro-boat .h1{
	font-size:16px;
}
.intro-boat .h1 span{
	font-size:25px;
	font-weight: 400;
}
.intro-boat p, .intro-boat ul li{
	line-height: 1.7em;
	font-size: 15px;
}
.intro-boat ul li {
	padding-left: 5px;
}
.intro-boat .h4{
	font-size: 20px;
}
.list-boat{
	height: 390px;
}
.list-boat h1{
	font-weight: 600;
	text-shadow: 0 0 10px #000;
	line-height: 1em !important;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
.list-boat p{
	font-size: 18px;
}
.list-boat ul{
	background-color: rgba(0, 0, 0, 0.6);
	margin-top: 100px;
}
.list-boat ul li{
	line-height: 1.2em;
	margin-bottom: 10px;
}
.list-boat ul li:last-of-type{
	margin-bottom: 0 !important;
}
.menu_footmenu a{
	color: #5aa8c4 !important;
}
.max-text p{
  	overflow: hidden;
  	max-width: 110ch;
	margin-left: auto;
	margin-right: auto;
}
.nav-tabs li.nav-item{
    border-top: 1px solid #f2efe2 !important;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover{
    border-color: #fff !important;
}
.scroll-table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}
.scroll-table table {
    table-layout: fixed;
	width: 100%;
}
.scroll-table table th, .scroll-table table strong{
    color: #6c757d !important;
}
.scroll-table table td, .scroll-table table th {
	padding: .75rem;
	vertical-align: top;
	border-bottom: 1px solid #dee2e6;
}
.scroll-table table th{
    text-align: center;
}
.table-striped tbody tr:nth-of-type(odd){
	background-color: #f3f6f7 !important;
}
.TA_selfserveprop>div {
	width: auto!important;
}
.text-warning{
	color: #b4a151 !important;
}
.topForm {
    width: 395px;
	margin-bottom: -110px;
	padding-bottom: 0px;
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.2) 100%);
	background: -o-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.2) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.2) 100%);
	display: none;
}
.topForm.hidden {
    z-index: 9;
	right: 0;
	box-shadow: 0 0 5px #666;
	top: 0;
	position: absolute !important;
	background-color: #fff;
	z-index: 9;
}
.topForm button:before{
	left: calc(43% + 12px);
	border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid white;
}
.topForm input, .topForm textarea, .topForm select{
	font-size: 13px !important;
	padding-left: 26px;
	padding-top: 10px;
	padding-bottom: 10px;
	position:relative;
}
.topForm select{
	height: 40px;
}
.topForm .ico{
	position: relative
}
.topForm .ico:before {
    color: #999;
    padding: 8px 8px 0 8px;
    position: absolute; 
	top: 2px;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;      
    pointer-events: none;
    box-sizing: border-box;
	font-size: 14px; 
}
.topForm .ico.cal:before {
    content:"\f133";  
}
.topForm .ico.pax:before {
    content:"\f500";
	left:-2px;
}
.topForm .ico.star:before {
    content:"\f005";  
}
.topForm .ico.nam:before {
    content:"\f007"; 
}
.topForm .ico.mail:before {
    content:"\f0e0"; 
}
.topForm .ico.ques:before {
    content:"\f059"; 
}
.topForm input::placeholder, .topForm textarea::placeholder {
	color: #555;
	opacity: 1;
}
.topForm table{
    max-width: 347px;
}
.ui-datepicker {
    background: #fff none repeat scroll 0 0;
    display: none;
    font-size: 13px;
    padding: 10px;
    z-index: 100 !important;
	box-shadow: 0 2px 3px #bbb;
}
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	left: .5em;
	top: .3em;
}
.ui-datepicker-prev{
	background-image: url(left.png);
}
.ui-datepicker a {
    color: #333;
}
.ui-datepicker td {
    color: #999;
}
.ui-datepicker a:hover {
    color: #000;
    text-decoration: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
    cursor: pointer;
    float: left;
}
.ui-datepicker-next {
    float: right;
	cursor: pointer;
	background-image: url(right.png);
}
.ui-datepicker-title {
    text-align: center;
	 cursor: pointer
}
.ui-datepicker-calendar {
    margin: 10px 11px;
}
.ui-datepicker-calendar td {
    padding: 1px 10px;
    text-align: center;
}
.ui-datepicker-calendar .ui-datepicker-current-day {
    background: #d44934 none repeat scroll 0 0 !important;
    color: #fff;
    padding: 3px;
}
.ui-datepicker-calendar .ui-datepicker-current-day a {
    color: #fff;
}
.ui-datepicker-calendar .ui-datepicker-today {
    background: #fbb953 none repeat scroll 0 0;
    color: #fff;
    padding: 3px;
}
.ui-datepicker-calendar .ui-datepicker-today a {
    color: #fff;
}
.ui-datepicker-close {
    border: medium none;
    cursor: pointer;
    float: right;
    outline: 0 none;
}
.input-append.date .add-on i, .input-prepend.date .add-on i {
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
}
.video-container{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}
.video-container iframe,.video-container object,.video-container embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.mce_inline_error2 {
  border-color: red;
}

@media (max-width:768px){
	a.tripadvid{
		width: 50px !important;
		right: 30px; 
	}
	table.tech tbody{
		display: none;
	}
	#clickForm{
		border:0;
		width: calc(100% - 16px);
		margin-top:0;
		float: none;
		height: 60px;
		margin-bottom: 15px;
		padding-top: 15px !important;
	}
	#clickForm:before{
		left: calc(47% + 5px);
		border-top: 10px solid #f2efe2;
	}
	#contact{
		width: calc(100% + 32px);
		background-color: #d9cfa8;
		margin-left: -16px;
		margin-right: -16px;
		margin-bottom: -7px;
		margin-top: 15px !important;
		padding: 10px 0 10px 0;
	}
	#slides .cb-slideshow li:nth-child(1) { 
		background-image: url(../images/slideshow_ld/1.jpg) !important; 
	}
	#slides .cb-slideshow li:nth-child(2) { 
		background-image: url(../images/slideshow_ld/2.jpg) !important;
	}
	#slides .cb-slideshow li:nth-child(3) { 
		background-image: url(../images/slideshow_ld/3.jpg) !important;  
	}
	#slides .cb-slideshow li:nth-child(4) { 
		background-image: url(../images/slideshow_ld/4.jpg) !important;  
	}
	#slides2{
		height: 472px;
	}
	#slides2 .cb-slideshow li:nth-child(1) { 
		background-image: url(../images/slideshow_dk/1.jpg) !important; 
	}
	#slides2 .cb-slideshow li:nth-child(2) { 
		background-image: url(../images/slideshow_dk/2.jpg) !important;
	}
	#slides2 .cb-slideshow li:nth-child(3) { 
		background-image: url(../images/slideshow_dk/3.jpg) !important;  
	}
	#slides2 .cb-slideshow li:nth-child(4) { 
		background-image: url(../images/slideshow_dk/4.jpg) !important;  
	}
	.breadcrumbs, .breadcrumbs.expanded{
		margin-right:15px;
	}
	.list-boat{
		height:auto;
	}
	.list-boat .row{
		outline: 1px solid #343a40;
	}
	.list-boat h1{
		font-size:35px !important;
	}
	.list-boat ul{
		margin-top: 0 !important;
	}
	.topForm {
		width: 100%;
		margin-bottom: 0px;
	}
	.topForm h2{
		font-size: 28px;
		font-weight: 600;
		text-shadow: 0 0 5px #fff;
	}
}
@media (max-width:1200px){
	.list-boat ul{
		margin-top: 50px;
	}
}
@media (min-width:768px){
	.container-right {
		margin-right: 0;
    	margin-left: calc(50vw - 375px);
	}
}
@media (max-width: 479px) {
	#slides2{
		height: 470px;
	}
	.ui-datepicker-calendar td {
		padding: 1px 4px;
	}
}
@media (min-width:992px){
	.container-right {
		margin-right: 0;
		margin-left: calc(50vw - 485px);
	}
}
@media (max-width:992px){
	#mainMen ul.nav-child {
		position:static;
	}
	li.nav-item, .dropdown-item, .dropdown-menu{
		text-align: center;
		padding: 7px 0 7px 0;
	}
	li.nav-item{
		border-top: 1px solid #dedede;
	}
	.dropdown-menu{
		border: 0;
	}
	.nav-tabs .nav-link{
		border-radius: 3px !important;
	}
}
@media (min-width:1200px){
	.container-right {
		margin-right: 0;
		margin-left: calc(50vw - 585px);
	}
}
@media screen and (max-width: 1200px){
	a.tripadvid{
		width: 197px;
		height: 53px;
		background: url(../images/icons/ta2.png) no-repeat;
		margin-bottom: 40px;
	}
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	16% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	32% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	50% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	16% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	32% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	50% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	16% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	32% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	50% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	16% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	32% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	50% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	16% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	32% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	50% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}

/* KD-18: Override Bootstrap text-muted to match Joomla body text color (#556378) */
.text-muted { color: #556378 !important; }
/* === ContentBuilder yacht card styles (KD-10) === */
.foto { position: relative; overflow: hidden; }
.foto .reco { top: 0; left: 0; }
.module { text-decoration: none; color: inherit; display: block; }
.module:hover { text-decoration: none; }
.name h5 { font-size: 15px; }
.module .prices { font-size: 14px; color: #6cacc4; }
.module .badge { text-transform: capitalize; }