@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'berthold_akzidenz_groteskBdex';
    src: url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_bold_extended-webfont.woff2') format('woff2'),
         url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_bold_extended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'berthold_akzidenz_grotesk_bBd';
    src: url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_bold-webfont.woff2') format('woff2'),
         url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'berthold_akzidenz_grotesk_bex';
    src: url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_extended-webfont.woff2') format('woff2'),
         url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_extended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'berthold_akzidenz_grotesk_bit';
    src: url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_italic-webfont.woff2') format('woff2'),
         url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'berthold_akzidenz_groteskLtex';
    src: url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_light_extended-webfont.woff2') format('woff2'),
         url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_light_extended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'berthold_akzidenz_grotesk_bLt';
    src: url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_light-webfont.woff2') format('woff2'),
         url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'berthold_akzidenz_groteskmdex';
    src: url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_medium_extended-webfont.woff2') format('woff2'),
         url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_medium_extended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'berthold_akzidenz_grotesk_bmd';
    src: url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_medium-webfont.woff2') format('woff2'),
         url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'berthold_akzidenz_grotesk_bRg';
    src: url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_regular-webfont.woff2') format('woff2'),
         url('/assets/css/new_fonts/berthold_akzidenz_grotesk_be_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


:root {
  
  /* t2h styles */
  --default-error: #4F0600;
  --default-text-color: #404040;
  --n-error: #c02f38;
  --n-error-rgb: 79, 6, 0;
  --n-default-text-color: #404040;
  --n-headline-color: #232d58;
  --n-dark-blue: #232d58;
  --n-medium-blue: #7e9cb8;
  --n-medium-blue-rgb: 126, 156, 184;
  --n-light-blue: #d3e4f4;
	--n-light-blue-rgb: 211, 228, 244;
  --n-red: #c02f38;
  --n-primary: #232d58;
  --n-accent-1: #c02f38;
  --n-accent-1-rgb: 192, 47, 56;
  --n-highlight: #7e9cb8;
  --n-highlight-rgb: 126, 156, 184;
  --n-body-font-size: .9rem;
  --n-body-font-color: var(--n-default-text-color);
  --n-gray-dark: #343a40;
  --n-gray-100: #f8f9fa;
  --n-gray-200: #e9ecef;
  --n-gray-300: #dee2e6;
  --n-gray-400: #ced4da;
  --n-gray-500: #adb5bd;
  --n-gray-600: #6c757d;
  --n-gray-700: #495057;
  --n-gray-800: #343a40;
  --n-gray-900: #212529;
  --n-border-width: 1px;
  --n-navlink-color: var(--n-gray-700);
  --n-navlink-color-dark: #fff;
  --n-body-color: #edf0f3;
  --n-body-color-rgb: 237, 240, 243;
  --n-link-color: var(--n-dark-blue);
  --n-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --n-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --n-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --n-transitions: 0.5s ease;
  --n-boat-builder-height: calc(100vh - 60px);
		
	/* order status colors */
	--n-teal: #59c3c1;
	--n-orange: #DE9F08;
	--n-light-orange: #dfb652;
	--n-dark-orange: #c18a07;
	
	--n-green: #59c377;
	--n-light-green: #afdb99;
	--n-dark-green: #609648;
	
	--n-font-family: 'berthold_akzidenz_grotesk_bLt', sans-serif;
	
	--n-btn-font-weight: 500;
		
}



html, body {
  min-height: 100vh;
}


body {
  font-family: 'berthold_akzidenz_grotesk_bLt', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: var(--n-body-font-size);
  color: var(--n-body-font-color);
  padding-top: 60px;
  padding-bottom: 60px;
  line-height: 1.5;
  background-color: rgba(var(--n-body-color-rgb), .8);
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
body.home {
  display: flex;
  justify-content: center;
}
body.home .pagebody {
  align-self: center;
}
body.has-footer {
  padding-bottom: 40px;
}
.home .pagebody p {
  line-height: 1.75;
}
html.boat-builder, .boat-builder body {
  height: 100%;
}
.welcome {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  background-color: var(--n-primary);
  line-height: 1;
  text-align: center;
  height: 100%;
}
.welcome span {
  display: block;
  color: #fff;
  line-height: 1;
  margin-bottom: 4px;
}
.welcome small {
  color: var(--n-gray-200);
  line-height: 1;
}
.main_content_window {
  height: 100%; position: relative;
}
/**** typography ****/
p strong {
  font-weight: 700;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif;
  color: var(--n-headline-color);
  font-weight: 400;
}
.h1 div, .h2 div, .h3 div, .h4 div, .h5 div, .h6 div {
  display: inline-block;
}
h1 {
  font-weight: 400;
  font-size: 1.75rem;
  text-align: center;
}
h4, .h4 {
  font-size: 1rem;
}
h6 {
  font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif;
  font-weight: 400;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .1rem;
}
a {
  color: var(--n-link-color);
  text-decoration: none;
}
ul, ol {
  padding-left: 1rem;
}
p {
  font-size: 14px;
  line-height: 20px;
}
h3, h4 {
  text-align: center;
}
h2 {
  margin-bottom: 30px;
  text-align: center;
	font-size: 1.7rem;
}

/*
h2::after {
  content: '';
  position: relative;
  display: block;
  width: 100px;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
  background-color: var(--n-red);
}
*/


h3 {
  margin-bottom: 30px;
}
h4 {
  font-size: 1rem; /*font-family: aktiv-grotesk, sans-serif; font-weight: 300;*/ text-align: left;
}
.pagebody.color-row h1::before {
  background-image: url("../images/logos/Nimbus_White_badge.svg");
}
h1 + h4 {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 300;
  text-align: center;
  margin-bottom: 30px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}
h1 + h4::after, h2 + h4::after, h2 + h4 {
  margin-bottom: 30px;
}
b, strong {
  font-weight: 700;
}


.lead p {
  line-height: 1.4;
  font-size: 1.25rem;
}

.getExchangeRates {
    font-size: 7px;
}


.lead {
    color: #1b1b1b;
    font-family: berthold_akzidenz_grotesk_bRg, Roboto, Helvetica Neue, Arial, sans-serif;
    line-height: 1.4;
	font-size: 1.375rem;
}

.page-title h1::before {
  content: '';
  background-image: url("../images/logos/Nimbus_color_badge.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 50px;
  height: 30px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 10px;
}

.burgee::before {
  content: '';
  background-image: url("../images/logos/Nimbus_color_badge.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 50px;
  height: 30px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 10px;
}

.text-right { text-align: right; }

.preloader { align-items: center; background: rgb(250, 250, 250); display: flex; flex-direction: column; width: 100%; height: 100%;justify-content: center; top: 0px; left: 0px; bottom: 0; right: 0; position: absolute; transition: opacity 0.3s linear; z-index: 9999; }
.preloader > div { width: 48px; height: 48px; margin-bottom: 10px; }
.preloader > div img { width: 100%; height: 100%; }

.preloader.hidden { display: none; }

/************** buttons ****************/
.btn {
  --n-btn-padding-x: 1.5rem;
  --n-btn-padding-y: 0.75rem;
  --n-btn-font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif;
  --n-btn-font-size: .7rem;
  --n-btn-font-weight: 700;
  --n-btn-line-height: 1.5;
  --n-btn-color: var(--n-dark-blue);
  --n-btn-bg: transparent;
  --n-btn-border-width: var(--n-border-width);
  --n-btn-border-color: var(--n-dark-blue);
  --n-btn-border-radius: 0;
  --n-btn-hover-border-color: var(--n-accent-1);
  --n-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --n-btn-disabled-opacity: 0.65;
  --n-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--n-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--n-btn-padding-y) var(--n-btn-padding-x);
  /*font-family: var(--n-btn-font-family);*/
  font-size: var(--n-btn-font-size);
  font-weight: var(--n-btn-font-weight);
  line-height: var(--n-btn-line-height);
  color: var(--n-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--n-btn-border-width) solid var(--n-btn-border-color);
  border-radius: var(--n-btn-border-radius);
  background-color: var(--n-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-transform: uppercase;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--n-btn-hover-color);
  background-color: var(--n-btn-hover-bg);
  border-color: var(--n-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--n-btn-color);
  background-color: var(--n-btn-bg);
  border-color: var(--n-btn-border-color);
}
.btn:focus-visible {
  color: var(--n-btn-hover-color);
  background-color: var(--n-btn-hover-bg);
  border-color: var(--n-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--n-btn-focus-box-shadow);
}
.btn-primary {
  --n-btn-color: #fff;
  --n-btn-bg: #232d58;
  --n-btn-border-color: #232d58;
  --n-btn-hover-color: #fff;
  --n-btn-hover-bg: #80909e;
  --n-btn-hover-border-color: #80909e;
  --n-btn-focus-shadow-rgb: 49, 132, 253;
  --n-btn-active-color: #fff;
  --n-btn-active-bg: #80909e;
  --n-btn-active-border-color: #0a53be;
  --n-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --n-btn-disabled-color: #fff;
  --n-btn-disabled-bg: #232d58;
  --n-btn-disabled-border-color: #232d58;
}
.btn-light {
  --n-btn-color: #000;
  --n-btn-bg: #f8f9fa;
  --n-btn-border-color: #f8f9fa;
  --n-btn-hover-color: #000;
  --n-btn-hover-bg: #d3d4d5;
  --n-btn-hover-border-color: #c6c7c8;
  --n-btn-focus-shadow-rgb: 211, 212, 213;
  --n-btn-active-color: #000;
  --n-btn-active-bg: #c6c7c8;
  --n-btn-active-border-color: #babbbc;
  --n-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --n-btn-disabled-color: #000;
  --n-btn-disabled-bg: #f8f9fa;
  --n-btn-disabled-border-color: #f8f9fa;
}
.btn-light-outline {
  --n-btn-color: #f8f9fa;
  --n-btn-bg: transparent;
  --n-btn-border-color: #f8f9fa;
  --n-btn-hover-color: #000;
  --n-btn-hover-bg: #d3d4d5;
  --n-btn-hover-border-color: #c6c7c8;
  --n-btn-focus-shadow-rgb: 211, 212, 213;
  --n-btn-active-color: #000;
  --n-btn-active-bg: #c6c7c8;
  --n-btn-active-border-color: #babbbc;
  --n-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --n-btn-disabled-color: #000;
  --n-btn-disabled-bg: #f8f9fa;
  --n-btn-disabled-border-color: #f8f9fa;
}



.btn-add {
    font-size: 12px;
    line-height: 12px;
}

.btn {
	font-family: 'berthold_akzidenz_grotesk_bmd', sans-serif;
  	font-weight: normal; 
}

.list-card-toggle-btns {
  display: flex;
  justify-content: center; margin-top:20px;
  border-bottom: rgba(var(--n-medium-blue-rgb), .4) solid 1px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 22px;
}


/**** toggle layout ****/

.toggle-layout { position: fixed; bottom: 20px; left: 20px; z-index: 10000; opacity: 0; transition: all .5s; }
.toggle-layout .btn { padding: 4px 8px; color:  var(--n-medium-blue); border-color: var(--n-medium-blue); }
.toggle-layout:hover { opacity: 1; }


header { border-bottom: rgba( 0,0,0,0.1) solid 1px; }

footer {
  background: #1D1D1D;
}
footer.main-footer {
  color: #fff;
}
footer.main-footer p {
  font-size: 16px;
  line-height: 22px;
}


footer p, footer p a {
  color: #232d58;
  text-decoration: none;
}
/**** grid ****/
.row {
  justify-content: center;
}
.main-content {
  padding: 30px 30px 80px 30px;
}
.whitebox {
  background-color: #fff;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
  padding: 25px;
}
.float-right {
  float: right;
}
.main-header {
  height: auto;
  width: 100%;
  background-color: rgba(255, 255, 255, .85);
  /*border-bottom: var(--bs-gray-200) solid 1px;*/
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
}
.logo-bar {
  display: flex;
  align-content: center;
  width: 230px;
  height: 100%;
  padding: 0;
}
.logo-holder a {
  padding: 15px;
}
.logo-holder img {
  max-height: 100%;
  height: 100%;
  max-width: none;
}
.page-wrap {
  padding: 50px;
}
.nav-link {
  color: var(--n-dark-blue);
}
.navbar-toggler {
  padding: 10px 10px;
  font-size: 14px;
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: none;
  border-radius: 0;
  transition: box-shadow 0.15s ease-in-out;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}
.main-nav {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  background-color: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.main-nav > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.main-nav .navbar-brand {
  max-width: 140px;
  padding-left: 16px;
  padding-right: 16px;
}
.main-nav .navbar-brand img {
  width: 100%;
  height: auto;
  min-height: 50px;
}
.main-nav .nav-link {
  line-height: 36px;
  position: relative;
  font-size: .7rem;
  /*padding-left: 20px;
  padding-right: 20px;*/
  text-transform: uppercase;
  font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif;
  font-weight: 400;
  color: var(--n-navlink-color);
}
.main-nav .nav-link.active {
  color: var(--n-dark-blue);
}
.navbar-expand-lg .navbar-nav .nav-link, .main-nav .navbar-nav .nav-link{
  padding-right: 20px;
  padding-left: 20px; 
	padding-top: 10px;
    padding-bottom: 10px; text-align:center;
}


.main-nav .nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  background-color: var(--n-dark-blue);
  transition: all .5s;
}
.main-nav .nav-link:hover::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: var(--n-dark-blue);
}
.main-nav .nav-link.active::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: var(--n-red);
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0;
  vertical-align: 0;
  content: "";
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}



.secondary-nav .nav-link {
    font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif;
    font-weight: 400;
}

.navbar .language-selector { display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; height: 100%; }



/*** dropdown menu ***/
.dropdown-menu {
  border-radius: 0;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  /*-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.23); 
			-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.23);
			box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.23); */
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
}
.main-nav .dropdown-menu.show {
  /*position: absolute;*/ flex-direction:column;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: var(--n-gray-600);
}

.navbar-nav .nav-item .nav-link i {
	position: relative;
    font-size: 18px;
}

.unread-notifications-bubble {
	display: block;
	position:absolute!important;
	top: -12px;
	right: auto;
	left: 5px;
	border:1px solid #fff;
	width: 20px;
	height: 20px;
	padding:.25rem !important;
	border-radius:50%!important;
	background-color:var(--n-red) !important;
	font-size: 9px;
	color: #fff;
	font-family: var(--n-font-family);
	letter-spacing: -1px;
	text-align: center; 
}


.navbar .language-selector { display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; height: 100%; }

.navbar .language-selector .nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: none;
    font-size: .7rem;
    line-height: 20px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    width: auto;
	
	text-transform: uppercase;
    font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif;
    font-weight: 400;
    color: var(--n-navlink-color);
}

.market-region-selector .dropdown-menu { background-color: #ffffff !important; width: 200px; }
.market-region-selector .dropdown-menu.show { position: absolute; flex-direction: row !important; background-color: #EEEEEE !important; height: calc(100% - 12px); width: 220px; margin-top: 6px !important; margin-bottom: 6px;   }

.market-region-selector .dropdown-item {
					display: flex;
					align-items: center;
					height: 100%;
					padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
					clear: both;
				 	font-size: .7rem;
					font-weight: 400;
					color: var(--bs-dropdown-link-color);
					text-align: inherit;
					text-decoration: none;
					white-space: nowrap;
					background-color: transparent;
					border: 0;
					border-radius: var(--bs-dropdown-item-border-radius, 0);
				}
			  
.market-region-selector .dropdown-item span { display: inline-block; margin-left: 4px; }

.market-region-selector h6 { color: var(--n-dark-blue);}


 /* Container */
.header-lang.lang-switcher {
  position: relative;
  font-family: inherit;
  z-index: 50; /* ensure above header background */
}
  
/* Button */
.header-lang .lang-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .4rem .6rem;
  border: none;
  border-radius: .4rem;
  background: #fff;
  line-height: 1;
  cursor: pointer;
  font-size: .9rem;
  text-transform: none;
}

/* Chevron */
.header-lang .lang-btn .chevron {
  opacity: .7;
}

/* Menu */
.header-lang .lang-menu {
  position: absolute;
  top: 50%;
  right: auto;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 40px;
  padding: .35rem 0;
  margin: 0;
  list-style: none;
  border: none;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
  display: none;
  z-index: 10000;
}



.header-lang .lang-menu.open {
  display: block;
}

.header-lang .lang-menu li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .25rem;
  cursor: pointer;
  white-space: nowrap;
  font-size: .95rem;
}

.header-lang .lang-menu li[aria-selected="true"] {
  background: rgba(0,0,0,.03);
}

.header-lang .lang-menu li:hover {
  background: rgba(0,0,0,.06);
}

/* Flags (tiny inline SVG backgrounds) */
.header-lang .flag {
  width: 20px;
  height: 14px;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
  display: inline-block;
  background-size: cover;
  background-position: center;
}

/* US flag */
.header-lang .flag-us {
  background-image: url("/assets/images/flags/us.svg");
}

/* EU flag */
.header-lang .flag-eu {
  background-image: url("/assets/images/flags/eu.svg");
}

.header-lang .flag-us::before,
.header-lang .flag-eu::before { display: none; }

/* Optional: match header scale on small screens */
@media (max-width: 576px) {
  .header-lang .lang-btn { padding: .35rem .5rem; font-size: .85rem; }
  .header-lang .flag { width: 16px; height: 11px; }
}



/*** boat cards ***/

.boat-card .marketregion { position: absolute; top: 10px; right: 10px; z-index: 100; }
.boat-card .marketregion img { width: 25px; height: 15px; }


@media (min-width: 1200px) {
	
	.main-nav .navbar-brand {
	  max-width: 170px;
	  padding-left: 20px;
	  padding-right: 20px;
		/*transform: translateX(50%);*/
	}

	.navbar-nav .nav-item .nav-link i {
		font-size: 14px;
	}
}



.dropdown-menu .nav-item .nav-link {
  line-height: 30px;
  color: #fff;
}
.dropdown-menu .nav-item .nav-link:hover {
  background-color: var(--n-gray-800);
}
.navbar-toggler-icon {
  width: 25px;
  height: 18px;
  position: relative;
  margin: 10px auto;
  padding: 4px 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  background-image: none;
}
/*** navbar-toggler ***/
.navbar-toggler-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: var(--n-accent-1);
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.navbar-toggler-icon span:nth-child(even) {
  left: 50%;
  border-radius: 0 2px 2px 0;
}
.navbar-toggler-icon span:nth-child(odd) {
  left: 0px;
  border-radius: 2px 0 0 2px;
}
.navbar-toggler-icon span:nth-child(1), .navbar-toggler-icon span:nth-child(2) {
  top: 0px;
}
.navbar-toggler-icon span:nth-child(3), .navbar-toggler-icon span:nth-child(4) {
  top: 8px;
}
.navbar-toggler-icon span:nth-child(5), .navbar-toggler-icon span:nth-child(6) {
  top: 16px;
}
.navbar-toggler-icon.open span:nth-child(1), .navbar-toggler-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navbar-toggler-icon.open span:nth-child(2), .navbar-toggler-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navbar-toggler-icon.open span:nth-child(1) {
  left: 2px;
  top: 7px;
}
.navbar-toggler-icon.open span:nth-child(2) {
  left: calc(50% - 2px);
  top: 7px;
}
.navbar-toggler-icon.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.navbar-toggler-icon.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.navbar-toggler-icon.open span:nth-child(5) {
  left: 2px;
  top: 16px;
}
.navbar-toggler-icon.open span:nth-child(6) {
  left: calc(50% - 2px);
  top: 16px;
}
/**** menu-brand  offcanvas  ****/
.brand-links .list-group-item {
  text-align: center;
  border: none;
  list-style: none;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
}
.menu-brand {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
}
.menu-brand img {
  width: 100%;
  max-width: 160px;
  transition: all 1s;
  filter: drop-shadow(6px 6px 10px rgba(100, 100, 100, .0)) grayscale(100%);
  opacity: .3;
}
.menu-brand:hover img {
  width: 100%;
  max-width: 180px;
  transition: all 1s;
  filter: drop-shadow(6px 6px 10px rgba(50, 50, 50, .4)) grayscale(0%);
  opacity: 1;
}
.offcanvas.offcanvas-start.left-menu {
  width: 300px;
}
.offcanvas.offcanvas-start.left-menu .offcanvas-header {
  padding-left: 20px;
  padding-right: 20px;
}
.brand-links .list-group-item.dashboard-link {
  padding-top: 20px;
  padding-bottom: 20px;
}
.brand-links .list-group-item.active {
  background-color: transparent;
}
.brand-links .list-group-item.active .menu-brand img {
  width: 100%;
  max-width: 160px;
  transition: all 1s;
  filter: drop-shadow(6px 6px 10px rgba(100, 100, 100, .0)) grayscale(0%);
  opacity: 1;
}
.left-menu::after,
.menu-waves::after{
  content: '';
  background-image: url("/assets/images/animated-wave-3.svg");
  background-size: contain;
  background-position: bottom;
  width: 100%;
  height: 300px;
  position: absolute;
  z-index: -1;
  top: auto;
  right: 0;
  bottom: -100px;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

/*************** form ****************/

.formResult { display: none; background-color: var(--n-medium-blue); color: #ffffff; padding: 0; }
.formResult p { color: #ffffff !important; }
.formResults { background-color: var(--n-medium-blue); color: #ffffff; padding: 20px 30px;}
.formResults p { color: inherit !important; padding: 0; margin: 0; }
.required-asterisk::after { content: '*'; color: var(--n-red); }

.suggestion-form-holder textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width)* 2));
	height: 100px;
}

.form-check-input:checked {
    background-color: var(--n-dark-blue);
    border-color: var(--n-dark-blue);
}


.submitting:after {
  position: relative;
  font-family: 'Font Awesome 6 Pro', FontAwesome !important;
  content: "\f021"; /* f021 */
  display: inline-block !important;
  margin-left: 10px;
  color: var(--n-red);
  -webkit-animation: fa-spin 2s linear infinite;
  animation: fa-spin 2s linear infinite;
}

.submitted:after {
  position: relative;
  font-family: 'Font Awesome 6 Pro', FontAwesome !important;
  content: "\f00c";
  display: inline-block !important;
  margin-left: 10px;
  color: #ffffff;
}


/****************** search ********************/

.search-form { 
	display: flex;
	position: absolute;
	bottom: -100px;
	background-color: #fff;
	padding: 25px;
	justify-content: center;
	width: 100%;
	transition: all .5s;
	box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.24);
	opacity: 0;
}	
				
.search-form.show {
	display: flex;
	bottom: 0;
	transform: translateY(-66px);
	opacity: 1;
}
				
.search-form .btn { padding: 6px 12px; }
.search-form .form-control { font-size: 16px; }
.search-form .btn-close { height: auto; }
				
@media (min-width: 1200px) {
	.search-form { 
		bottom: auto; 
		top: -100px;
	}
	.search-form.show {
		display: flex;
		bottom: auto;
		transform: translateY(100px);
	}
}


.search-page-search-form { 
	display: flex;
	position: relative;
	bottom: auto;
	background-color: #fff;
	padding: 25px;
	justify-content: center;
	width: 100%;
	transition: all .5s;
	box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.14);
	margin-top: 20px;
	background-color: var(--n-gray-100);
}	

.search-page-search-form .btn { padding: 6px 12px; }
.search-page-search-form .form-control { font-size: 16px; }
.search-page-search-form .btn-close { height: auto; }
				
@media (min-width: 1200px) {
	.search-page-search-form { 
		position: relative;
		bottom: auto; 
		top: auto;
	}
}



/*** images / pictures ***/
.thumbnail {
  width: 100%;
}
/****** default swiper js ******/
/*.swiper-container-horizontal,
.swiper-horizontal { position: relative; }
.swiper-slide { background-color:#F3F3F3; display: flex; justify-content: center; height: 700px; }
*/
.swiper-slide img, .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-container-horizontal, .swiper-horizontal {
  position: relative;
  overflow: hidden;
}
/*** boat-builder ***/
.boat-builder-carousel {
  display: none;
}
.boat-builder-carousel, .boat-builder-main-swiper {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  height: 80%;
}
.boat-builder-main-swiper .swiper-slide {
  background-color: #F3F3F3;
  display: flex;
  justify-content: center;
  height: 700px;
}
.boat-builder-main-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.boat-builder-main-swiper .swiper-pagination {
  height: 5px;
  margin-bottom: 20px;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: calc(0px - (30px/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--n-accent-1);
  background-color: rgba(255,255,255,.2);
	transition: all 1s;
}

.swiper-button-prev { 
    left: 14px !important;
}

.swiper-button-next {
    right: 14px !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
        height: 50% !important;
        object-fit: contain;
        transform-origin: center;
        width: 50% !important;
        fill: currentColor;
        pointer-events: none;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
	background-color: rgba(255,255,255,.9);
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 14px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 20px;
  right: auto
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 20px;
  left: auto
}
.swiper-pagination-bullet {
  width: 8px;
  height: 2px;
  display: inline-block;
  border-radius: 0;
  background: #000;
  opacity: .2;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--n-accent-1);
}
.boat-builder-main-swiper .swiper-caption {
  position: absolute;
  bottom: 0;
  left: 0%;
  right: 0%;
  height: auto;
  background-color: #edf0f3;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 30px;
  padding-left: 100px;
  padding-right: 100px;
	z-index: 1000;
}
.boat-builder-main-swiper .swiper-caption .btn {
  display: block;
  width: inherit;
  margin-top: 15px;
  margin-bottom: 15px;
}

.boat-builder-main-swiper .swiper-caption .boat-specs { padding-top: 0; }

.swiper-caption h2 {}
.boat-type-list {
  padding: 40px 20px;
  background-color: rgba(var(--n-body-color-rgb), .4); /*background-color: #fff;*/
}
.boat-type-list h3 {
  margin-bottom: 10px;
}
.boat-type-list .swiper-button-next, .boat-type-list .swiper-button-prev {
  display: none;
}
.boat-type-list .swiper-button-next {
  right: -50px;
}
.boat-type-list .swiper-button-prev {
  left: -50px;
}
.boat-builder-list-swiper .swiper-slide img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.boat-builder-list-swiper .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-height: 200px;
    object-fit: cover;
}

.boat-builder-list-swiper .card-text p:last-child { margin-bottom: 0; }


.boat-type-list .swiper-pagination {
  position: relative;
  height: 5px;
  margin-bottom: 20px;
}

.public-boat-builder .boat-type-list-title .build-list-link { display: none; }
.public-boat-builder .boat-type-list-title .title-text { width: 100%; }

.public-boat-builder h3 + p { margin-top: 25px; text-align: center;  }

.boat-builder .boat-specs h5,
.public-boat-builder .boat-specs h5 { font-family: 'berthold_akzidenz_grotesk_bRg'; }
/*.public-boat-builder .swiper-caption h2 { margin-bottom: 10px; }
.public-boat-builder .swiper-caption h2:after { content: ''; display: none; }*/
.public-boat-builder .swiper-caption h4.from-price { text-align: center; color: var(--n-red); text-transform: uppercase; font-size: 13px; }

.boat-type-list-title { padding: 15px 20px; }
.boat-type-list-title h3 { margin-bottom: 0; }


.public-boat-builder .boat-type-list-title .title-text h6 { color: var(--n-red); margin-bottom: 30px; }
.public-boat-builder .boat-type-list-title .title-text h6::before { 
    content:'\f06a'; 
    display: inline-block; 
    font-family: "Font Awesome 6 Pro"; 
    color: #ffffff;
    margin-right: 5px; 
}

.public-boat-builder .boat-type-list-title .title-text .badge { background-color: var(--n-red); color: #ffffff;}


.public-boat-builder .boat-card h6,
.boat-builder-main-swiper h6 { color: var(--n-red); }


.public-boat-builder.simple-cards {}

.public-boat-builder.simple-cards .boat-type-list-title { padding: 25px 20px; /*background-color: var(--n-primary);*/ border-bottom: #ffffff solid 1px; }
.public-boat-builder.simple-cards .boat-type-list-title .title-text { width: auto; }
.public-boat-builder.simple-cards .boat-type-list-title h3 { margin-bottom: 0; color: #1b1b1b; }
.public-boat-builder.simple-cards .boat-type-list-title h3 + p { margin-top: 25px; text-align: left; }

.public-boat-builder.simple-cards .boat-type-list-title .build-list-link { display: block; margin-left: auto;
  margin-right: auto;}

.public-boat-builder.simple-cards .boat-type-list { padding: 0; background-color: #ffffff;  }
.public-boat-builder.simple-cards .boat-type-list .container { width: 100%; max-width: 100%; /*padding-left: 0; padding-right: 0;*/ }

.public-boat-builder.simple-cards .card.boat-card { border-radius: 0; border: none; margin-bottom: 0; height: 250px; }

.public-boat-builder.simple-cards .boat-builder-carousel { display: none; }

.public-boat-builder.simple-cards .card.boat-card > a { width: 100%; height: 100%; object-fit: cover; }

.public-boat-builder.simple-cards .boat-builder-list-swiper .card-img-top {
    width: 100%; height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.public-boat-builder.simple-cards .boat-builder-list-swiper .card-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.public-boat-builder.simple-cards .boat-builder-list-swiper .card-footer { position: absolute; top: auto; left: 0; right: 0; bottom: 0; border-radius: 0; border: none; }
.public-boat-builder.simple-cards .boat-builder-list-swiper .card-footer .from-price { color: #ffffff; }

.public-boat-builder.simple-cards .boat-builder-list-swiper .card-footer .btn-primary { background-color: transparent; border-color: #ffffff;}

.public-boat-builder.simple-cards .boat-builder-list-swiper .card-body .card-text,
.public-boat-builder.simple-cards .boat-builder-list-swiper .card-body .boat-specs
 { display: none; }
 
 .public-boat-builder.simple-cards .boat-builder-list-swiper .card-body .card-subtitle,
 .public-boat-builder.simple-cards .boat-builder-list-swiper .card-body .card-title
 { color: #ffffff; }
 
 .public-boat-builder.simple-cards .boat-builder-list-swiper .card-body .card-subtitle { font-size: .7rem; }
 .public-boat-builder.simple-cards .boat-builder-list-swiper .card-body .card-subtitle { margin-top: 0; }
 
 .public-boat-builder.simple-cards .boat-builder-list-swiper .card-body .card-title
  {  text-transform: none; font-size: 22px; }
 

 
 
 
 .public-boat-builder.simple-cards .boat-builder-list-swiper .row>* {
    /*padding-right: 0;
     padding-left: 0;
     margin-top: 0;*/
    margin-bottom: 12px;
 }
 
 .public-boat-builder.simple-cards .boat-builder-list-swiper [class^="col-"] {
     padding-bottom: 0;
 }
 
 
 .public-boat-builder.simple-cards .boat-builder-list-swiper .card-footer .from-price {
     font-family: 'Oswald', sans-serif;
     color: #ffffff;
     font-weight: normal;
     text-transform: uppercase;
     font-size: 1.5rem;
     line-height: 1.25;
     text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
 }
 
 
 
 .card-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 30%; 
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0) 100%
    );
    opacity: 0;
    display: none;
  }
 
 .public-boat-builder.simple-cards .card-gradient {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 30%;
   background: linear-gradient(
     to top,
     rgba(0, 0, 0, 0.7) 0%,
     rgba(0, 0, 0, 0) 100%
   );
   opacity: 1;
   display: block;
 }
 
 
 @media (min-width: 992px) {
    .public-boat-builder.simple-cards .boat-type-list-title { padding: 40px 0; /*background-color: var(--n-primary);*/ border-bottom: #ffffff solid 1px; }
    .public-boat-builder.simple-cards .boat-type-list-title h3 { margin-bottom: 0; color: #1b1b1b; font-size: 30px; text-align: left;  }
    
    .public-boat-builder.simple-cards .boat-type-list .container { width: 100%; max-width: 100%; padding-left: 80px; padding-right: 80px; }
 }




/****** flags ******/


.flag-eu::before,
.flag-us::before,
.flag-se::before {
  display: inline-block;
  width: 30px;   /* Adjust width */
  
	transform: scale(0.75);
  transform-origin: left center;
  background-size: cover; /* Ensures the SVG scales properly */
  vertical-align: middle; /* Optional: aligns the flag with text */
	margin-right: 8px;
}

.flag-bg { fill: #000 !important; }
.flag-highlight { fill: #fff !important; }


.flag-eu::before {
  content: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20class%3D%22iconify%20iconify--twemoji%22%3E%3Cpath%20fill%3D%22%23039%22%20class%3D%22flag-bg%22%20d%3D%22M32%205H4a4%204%200%200%200-4%204v18a4%204%200%200%200%204%204h28a4%204%200%200%200%204-4V9a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20d%3D%22m18.539%209.705.849-.617h-1.049l-.325-.998-.324.998h-1.049l.849.617-.325.998.849-.617.849.617zm0%2017.333.849-.617h-1.049l-.325-.998-.324.998h-1.049l.849.617-.325.998.849-.617.849.617zm-8.666-8.667.849-.617h-1.05l-.324-.998-.325.998H7.974l.849.617-.324.998.849-.617.849.617zm1.107-4.285.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.617.849.617zm0%208.619.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.617.849.617zm3.226-11.839.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.617.849.617zm0%2015.067.849-.617h-1.05l-.324-.998-.324.998h-1.05l.849.617-.324.998.849-.616.849.616zm11.921-7.562-.849-.617h1.05l.324-.998.325.998h1.049l-.849.617.324.998-.849-.617-.849.617zm-1.107-4.285-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.617-.849.617zm0%208.619-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.617-.849.617zm-3.226-11.839-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.617-.849.617zm0%2015.067-.849-.617h1.05l.324-.998.324.998h1.05l-.849.617.324.998-.849-.616-.849.616z%22%20fill%3D%22%23FC0%22%20class%3D%22flag-highlight%22%2F%3E%3C%2Fsvg%3E");
}


.flag-us::before {
  content: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20class%3D%22iconify%20iconify--twemoji%22%3E%3Cpath%20fill%3D%22%23B22334%22%20d%3D%22M35.445%207C34.752%205.809%2033.477%205%2032%205H18v2zM0%2025h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0%2021h36v2H0zm4%2010h28c1.477%200%202.752-.809%203.445-2H.555c.693%201.191%201.968%202%203.445%202M18%209h18v2H18z%22%2F%3E%3Cpath%20fill%3D%22%23EEE%22%20class%3D%22flag-highlight%22%20d%3D%22M.068%2027.679q.025.14.059.277.04.15.092.296c.089.259.197.509.333.743L.555%2029h34.89l.002-.004a4%204%200%200%200%20.332-.741%204%204%200%200%200%20.152-.576c.041-.22.069-.446.069-.679H0c0%20.233.028.458.068.679M0%2023h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM.555%207l-.003.005zM.128%208.044c.025-.102.06-.199.092-.297a4%204%200%200%200-.092.297M18%209h18c0-.233-.028-.459-.069-.68a3.6%203.6%200%200%200-.153-.576A4%204%200%200%200%2035.445%207H18z%22%2F%3E%3Cpath%20fill%3D%22%233C3B6E%22%20class%3D%22flag-bg%22%20d%3D%22M18%205H4a4%204%200%200%200-4%204v10h18z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20class%3D%22flag-highlight%22%20d%3D%22m2.001%207.726.618.449-.236.725L3%208.452l.618.448-.236-.725L4%207.726h-.764L3%207l-.235.726zm2%202%20.618.449-.236.725.617-.448.618.448-.236-.725L6%209.726h-.764L5%209l-.235.726zm4%200%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9%209l-.235.726zm4%200%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13%209l-.235.726zm-8%204%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L5%2013l-.235.726zm4%200%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L9%2013l-.235.726zm4%200%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L13%2013l-.235.726zm-6-6%20.618.449-.236.725L7%208.452l.618.448-.236-.725L8%207.726h-.764L7%207l-.235.726zm4%200%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11%207l-.235.726zm4%200%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15%207l-.235.726zm-12%204%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3%2011l-.235.726zM6.383%2012.9%207%2012.452l.618.448-.236-.725.618-.449h-.764L7%2011l-.235.726h-.764l.618.449zm3.618-1.174.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11%2011l-.235.726zm4%200%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15%2011l-.235.726zm-12%204%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L3%2015l-.235.726zM6.383%2016.9%207%2016.452l.618.448-.236-.725.618-.449h-.764L7%2015l-.235.726h-.764l.618.449zm3.618-1.174.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L11%2015l-.235.726zm4%200%20.618.449-.236.725.617-.448.618.448-.236-.725.618-.449h-.764L15%2015l-.235.726z%22%2F%3E%3C%2Fsvg%3E");
}

.flag-se::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%234173cd%22%20class%3D%22flag-bg%22%20d%3D%22M473.655%2088.275H38.345C17.167%2088.275%200%20105.442%200%20126.62v258.76c0%2021.177%2017.167%2038.345%2038.345%2038.345h435.31c21.177%200%2038.345-17.167%2038.345-38.345V126.62c0-21.178-17.167-38.345-38.345-38.345%22%2F%3E%3Cpath%20style%3D%22fill%3A%23ffe15a%22%20class%3D%22flag-highlight%22%20d%3D%22M512%20229.516H211.862V88.275h-52.965v141.241H0v52.966h158.897v141.242h52.965V282.482H512z%22%2F%3E%3C%2Fsvg%3E");
}





/**** boat builder details ****/
.boat-builder-details-main-swiper {
  height: 200px;
}
.boat-builder-details-main-swiper .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.boat-title-wrapper .btn-back, .boat-builder-details-main-swiper .btn-back {
  position: absolute;
  top: 15px;
  right: -3px;
  display: flex;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--n-headline-color);
  color: #fff;
  padding: 6px;
  font-size: 11px;
  line-height: 11px;
  z-index: 10000;
}
.boat-title-wrapper .btn-back:hover, .boat-builder-details-main-swiper .btn-back:hover {
  background-color: var(--n-accent-1);
}

@media (min-width: 992px) {
	.boat-builder-details-main-swiper {
	  height: var(--n-boat-builder-height);
	}
}

.swiper-slide.dynamic-slide .btn-close { position: absolute; left: 20px; top: 20px; background-color: rgba(255,255,255,.5); background-size: 12px; width: 25px; height: 25px; border-radius: 50%; transition: all .5s}
.swiper-slide.dynamic-slide .btn-close:hover { background-color: rgba(255,255,255,1); opacity: 1; }


.disclaimer { background-color: rgb(240, 248, 250); padding: 15px; }


/********* forms *********/
.form-group {
  margin-bottom: 10px;
}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--n-medium-blue);
    outline: 0;
    box-shadow: 0 0 0 0.125rem rgba( var(--n-medium-blue-rgb), .25);
}

form .row {
  justify-content: flex-start;
}

.cke { border-radius: 6px; }
.cke_inner {
    border-radius: 6px;
}
.cke_top {
    border-bottom: none;
    background: #f8f8f8;
    padding: 6px 8px 2px;
    white-space: normal;
    border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.cke_bottom { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}


/******** form errors *********/

label.error { position: relative; width: auto; display: inline-block; color: #ffffff !important; background-color: #900; padding: 4px 8px; max-width: 700px; margin: 0 0 0 4px; border-radius:2px; text-align: center; z-index: 1000; font-size: 10px; line-height: 10px; }

.error-right label.error { width: auto; display: inline-block; color: #ffffff !important; background-color: #900; padding: 8px; max-width: 700px; margin: 10px auto; border-radius:6px;  text-align: center; z-index: 1000;  }

.error-right label.error:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(153, 0, 0, 0);
  border-bottom-color: #900;
  border-width: 10px;
  margin-left: -10px;
}


p.error { width: auto; display: block; color: #fff; background-color: #900; padding: 8px; max-width: 700px; margin: 10px auto; border-radius:6px; position:relative; text-align: center; }



/****** effects ******/
.all-ts {
  transition: all var(--n-transitions);
}
.shadow-sm, .h-shadow-sm:hover {
  box-shadow: var(--n-box-shadow-sm) !important;
}
.shadow, .h-shadow:hover {
  box-shadow: var(--n-box-shadow) !important;
}
.translate-y-sm, .h-translate-y-sm:hover {
  transform: translateY(-3px) !important;
}
/****** login page ******/
.login_page {
  background-image: url("/assets/images/animated-wave-2.svg");
  /*background-size: contain;*/ background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.login_page .main-header {
  height: auto;
  width: 100%;
  background-color: rgba(255, 255, 255, .85);
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.login_page .navbar-brand {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 0;
  max-width: 200px;
}
.login_form_wrapper {
  display: block;
  width: 100% !important;
}
.login_form_wrapper h3 {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
}
.login.whitebox {
  box-shadow: 3px 3px 18px 0px rgba(0, 0, 0, 0.25);
}
/***** badges ******/
.draft {
  background-color: var(--n-medium-blue) !important;
}
.submitted {
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}
.delivered {
  background-color: var(--n-gray-600) !important;
}
.text-bg-admin {
  color: #fff !important;
  background-color: var(--n-accent-1) !important;
}
/***** tooltips *****/
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
  box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.25) !important;
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--n-dark-blue) !important;
  border-radius: 0 !important;
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--n-dark-blue) !important;
}
/********* tables **********/
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  /*--bs-table-striped-color: var(--n-body-color);*/
  --bs-table-striped-bg: rgba(var(--n-body-color-rgb), 0.75);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table th p, .table td p {
	font-size: .8rem;
  margin-bottom: 0;
}
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: var(--n-dark-blue);
  padding: 10px 20px;
	z-index: 100;
}
footer p, footer a, footer span {
  color: #fff;
  font-size: 10px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
}
footer span {
  padding-left: 10px;
  padding-right: 10px;
}
footer .credits {
  font-size: 11px;
  color: #fff;
  text-decoration: none;
}
/*** page-title ***/
.page-title {
  background-color: rgba(250, 250, 250, .6);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
  padding: 35px 25px;
}
.page-title .container {
  margin-top: 30px;
}
.page-title h1 {
	font-size: 1.3rem;
   text-align: center;
}
.breadcrumb-wrapper {
  display: flex;
  justify-content: center;
}
.breadcrumb {
  margin-bottom: 0;
  justify-content: center;
}
.breadcrumb .breadcrumb-item a {
  color: var(--n-medium-blue);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--n-medium-blue);
  content: var(--bs-breadcrumb-divider, "/");
  font-size: 9px;
  margin-top: 6px;
}
.page-title.with-image {
  position: relative;
  min-height: 350px;
  /*margin-bottom: 50px;*/
}
/*.page-title.with-image .page-title-container { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: auto;background-repeat: no-repeat; background-size: cover; background-color:#FFF; background-position: center; text-align: center; display: flex; flex-direction: column; padding: 30px; box-shadow: var(--n-box-shadow)   }*/
.page-title.with-image .page-title-container {
  position: absolute;
  bottom: 0;
  left: 0%;
  right: 0;
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, .85);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background-position: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 20px;
  box-shadow: var(--n-box-shadow)
}
.page-title.with-image .page-title-container .breadcrumb .breadcrumb-item a {
  color: var(--n-dark-blue);
}
@media (min-width: 992px) {
  .page-title.with-image {
    position: relative;
    min-height: 550px;
    margin-bottom: 0;
  }
  .page-title.with-image .page-title-container {
    max-width: 500px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
/******** padding top and bottom *********/
.padding-top-bottom {
  padding-top: 40px;
  padding-bottom: 40px;
}
.ptb-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.ptb-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}
.ptb-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.ptb-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ptb-4 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.ptb-5 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
/******** child pages as thumbnails *********/
.child-page-thumbnails .padding-top-bottom {
  padding-top: 40px;
  padding-bottom: 40px;
}
.child-page-thumbnails .card-img-top {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
@media (min-width: 576px) {} /*** 576 ***/


@media (min-width: 768px) {
  .boat-type-list .swiper-button-prev, .boat-type-list .swiper-button-next {
    display: flex;
  }
	h1 {font-size: 1.55rem;}
  
    p {
      font-size: 16px;
      line-height: 22px;
    }
	
	.page-title.with-image .page-title-container {padding: 30px;}
	
	.child-page-with-gallery {padding-top: 80px; padding-bottom: 80px;}
	
	.list-card-toggle-btns {margin-top:0px; justify-content: flex-end;}
	
	.lead p {
		font-size: 1.375rem;
	}
	.dashboard .left-side .card:not(.chart) h4 {
        margin-bottom: 5px;
        font-size: 20px;
    }
	
	.whitebox .page-title { font-size: 1.3rem; }
  
    .public-boat-builder.simple-cards .boat-builder-list-swiper .row>* {
        margin-bottom: 24px;
    }
    .public-boat-builder.simple-cards .card.boat-card { height: 300px; }
    
    .public-boat-builder.simple-cards .boat-type-list-title .build-list-link { display: block; margin-left: 0;
    margin-right: 0;}
    
} /*** 768 ***/



@media (min-width: 992px) {
  .boat-builder-carousel {
    display: block;
  }
  .boat-builder-main-swiper .swiper-caption {
    left: 20%;
    right: 20%;
    padding: 30px;
    padding-left: 70px;
    padding-right: 70px;
  }
  .boat-builder-main-swiper .swiper-caption .btn {
    display: block;
    width: inherit;
    margin-top: 15px;
    margin-bottom: 15px;
  }
	
	.page-title.with-image {min-height: 550px;}
	
	
	
	
} /*** 992 ***/
@media (min-width: 1200px) {
	.main-nav .nav-link, .dropdown-menu .nav-item .nav-link {line-height: 50px;}
	.main-nav .dropdown-menu.show {position: absolute; flex-direction:row;}
	
	body.boat-builder { padding-top: 70px; }
	
	.boat-builder-main-swiper .swiper-caption {
		left: 30%;
		right: 30%;
		padding-left: 80px;
		padding-right: 80px;
	  }

	
} /*** 1200 ***/
@media (min-width: 1400px) {} /*** 1400 ***/
/***** child page card list *****/
.child-page-card-list {
  padding: 30px;
}
.child-page-card-list .thumbnail {
  height: 100%;
  object-fit: cover;
}
.child-page-card-list .list-row {
  background-color: #fff;
  margin-bottom: 20px;
}
.child-page-card-list .list-row-content {
  padding: 20px;
  display: flex;
  align-content: center;
  flex-wrap: inherit;
}
.list-row-content h3 {
  text-align: left !important;
  margin-bottom: 15px !important;
}
/**** cards ****/
.card {
  	border-color: var(--bs-gray-200);
	border-radius: var(--n-card-border-radius);
}
.card-body {
  padding: 25px;
}
.card-body {
  font-size: .75rem;
}
.card-title {
  color: var(--n-headline-color);
  text-transform: uppercase;
}

.card-footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 25px;
  border-color: var(--bs-gray-200);
}
.card-footer .from-price {
  font-family: 'Oswald', sans-serif;
  color: var(--n-headline-color);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1.25;
}
.card-footer small {
  display: block;
  font-size: 50%;
}
.card.col {
  background-color: transparent;
  border: none;
  margin-bottom: 20px;
}
.card.col .card-body {
  background-color: #ffffff;
}



.card-row .card .card-title {
    font-size: 1.0rem;
    margin-bottom: 5px;
}

.card h4 {
    font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif;
    color: var(--n-headline-color);
    font-weight: 400;
    font-size: 1.1rem;
}

.card-body h6 { font-size: .6rem; }

/* .card-row { margin-top: 50px;} */
/***** child page list group *****/
.child-page-list .list-group-item:hover {
  background-color: var(--n-accent-1);
  color: #ffffff;
}
.child-page-list .list-group-item:hover a {
  color: #ffffff;
}
/***** child page list *****/
.ul-basic a:hover {
  color: var(--n-accent-1);
}
/***** child page gallery *****/
.secondary-nav {
  background-color: var(--n-dark-blue);
}
.secondary-nav .nav-link {
  line-height: 50px;
  position: relative;
  font-size: .7rem;
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
  font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif;
  font-weight: 400;
  color: var(--n-navlink-color-dark); white-space: nowrap;
}
.pagebody.color-row {
  background-color: var(--n-medium-blue);
  padding-top: 80px;
  padding-bottom: 80px;
}
.pagebody.color-row h1, .pagebody.color-row h2, .pagebody.color-row h3, .pagebody.color-row h4, .pagebody.color-row h5, .pagebody.color-row h6, .pagebody.color-row p {
  color: #fff;
}
.child-page-with-gallery {
  background-color: transparent;
  padding-top: 50px;
  padding-bottom: 50px;
}
.child-page-with-gallery:nth-child(odd) {
  background-color: rgba(200, 200, 220, .15);
}
.child-page-with-gallery .gallery-title {
	text-transform: capitalize; font-size: 1.3rem;
  display: flex;
  justify-content: space-between;
  border-bottom: rgba(var(--n-medium-blue-rgb), .4) solid 1px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}


.child-page-with-gallery h6.card-title { font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif; }


.gallery-group {}
h3 + .child-page-with-gallery {
  padding-top: 0;
}
.gallery-group article {
  margin-bottom: 20px; justify-content: center;
}
.gallery-group article h6 {
  text-transform: none;
  letter-spacing: 0;
}
.gallery-group .card-body div { /*display: flex; flex-direction: column; justify-content: space-between;*/
}
.btn-row .btn-icon-only {
  margin-left: 6px;
  margin-right: 6px;
  font-size: 80%;
}
.btn-row .btn-icon-only:hover {
  transform: scale(103%);
}

.gallery-group .card-footer {
	padding: 15px;
}

.gallery-group .card-footer, .gallery-group .card-footer .btn-row {
  justify-content: center;
  align-items: center;
}
.gallery-group .card-footer .btn-row .btn-icon-only {
  font-size: 20px;
}
.gallery-group .card-footer .btn-download {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
}
.btn-download span {
  display: block;
  font-size: 11px;
}
.gallery-group .card-img-top {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.gallery-group video {
  max-height: 200px;
}
.gallery-group.list-view article {
  width: 100%;
}
.gallery-group.list-view article .card {
  width: 100%;
  flex-direction: row;
}
.gallery-group.list-view article .card-title {
  text-align: left;
}
.gallery-group.list-view article .card img {
  max-width: 150px;
  max-height: 100px;
}
.gallery-group.list-view video {
	width: 100px;
  	max-height: 100px;
}

.gallery-group .card-img-top {
   	border-top-left-radius: 0 !important;
    border-top-right-radius:  0 !important;
}

.gallery-group.list-view .card-img-top {
   	border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.gallery-group.list-view a {
	max-height: 100px;
}


.tooltip {
  --bs-tooltip-border-radius: 0;
}
@media (min-width: 992px) {
  .gallery-group .card-img-top {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
} /*** 992 ***/


/********** fancybox ***********/

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none;
    box-shadow: none;
}


/******* news events *******/

.news-events-heading { text-transform: capitalize; }



/****** module pagebody ******/
.pagebody {
  padding-top: 60px;
  padding-bottom: 60px;
}

/****** page sections ******/
.page-section {
  margin-top: 50px;
}
/*
.page-section .whitebox h3 {
    text-align: left;
    font-size: 24px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}*/
.page-section .whitebox h3 + p {
  font-size: 17px;
  margin-bottom: 20px;
}
.page-section .whitebox h4 {
  font-weight: 600;
  text-align: left;
  /*margin-top: 40px; too broad affecting other pages*/
  margin-bottom: 20px;
}
.page-section .whitebox h4:after {
  content: '';
  display: inline-block;
  border-top: 7px dashed var(--n-medium-blue);
  width: 55px;
  height: auto;
  margin-left: 15px;
  margin-bottom: 3px;
  -webkit-mask-image: linear-gradient(to right, black, transparent);
}
/******* columns ********/
.columns-1 {
  column-count: 1;
  column-gap: 0;
}
.columns-2 {
  column-count: 1;
  column-gap: 0;
}
.columns-3 {
  column-count: 1;
  column-gap: 0;
}

img {
  width: 100%;
  max-width: 100%;
}
.col img {
  max-width: 100%;
}
.col video {
  min-width: 100%;
  max-width: 100%;
}
/*********************** CSS from build.html ******************************/

/* configurator */
.alertModal {}
.alertModal ul.list-group { margin-top: 10px; margin-bottom: 10px; }

.btn-boat-list { /*font-size: .55rem !important;*/ }
.btn-boat-list::before { content: '\f04a' !important; font-family: "Font Awesome 6 Pro"; }

.nav-link.btn-boat-list::before,
.nav-link.build-list-link::before { margin-right: 4px; }

body.boat-builder {
  padding-bottom: 0;
}

.configurator-swiper-holder {
	position: sticky;
	top: 55px;
	z-index: 100;
	-webkit-box-shadow: -4px 0px 8px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: -4px 0px 8px 0px rgba(0,0,0,0.4);
	box-shadow: -4px 0px 8px 0px rgba(0,0,0,0.4);
}

.boat-specs-wrapper {
  position: relative;
  background-color: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 0;
}
.boat-title-wrapper {
  padding: var(--n-specs-padding-left-right);
  border-bottom: var(--n-gray-100) solid 1px;
  background-color: #f5f5f5;
}

.boat-title-wrapper .boat-title { display: flex; justify-content: space-between; align-items: baseline; width: 100%; border-bottom: var(--n-red) solid 1px;  }

.boat-title-wrapper .boat-title h4 { margin-bottom: 0; font-size: 18px; padding-bottom: 10px; }
.boat-title-wrapper .boat-title small { font-size: .75em; color: var(--n-gray-600); }

.region-flag { width: 25px; height: 15px; }





.boat-specs, .detail-boat-specs {
  display: flex;
  justify-content: space-between;
  border-bottom: none;
  border-top: none;
  padding-top: 10px;
  padding-bottom: 0px;
}
.boat-spec {
	line-height: 1;
}
.boat-spec h5 {
  font-size: .75rem;
  margin-bottom: 0;
}
.boat-spec small {
  font-size: .65rem;
}
.card-body .boat-specs,
.card-body .detail-boat-specs
{
  flex-direction: column;
}
.card-body .boat-specs .boat-spec,
.card-body .detail-boat-specs .boat-spec
{
  margin-bottom: 10px;
}


.boat-title-wrapper .boat-specs,
.boat-title-wrapper .detail-boat-specs{
  border-top: none;
}

@media (min-width: 992px) { 
	
	.boat-title-wrapper {
	  padding: var(--n-specs-padding-left-right);
	  border-bottom: var(--n-gray-100) solid 1px;
	  background-color: #f5f5f5;
	}

	.boat-title-wrapper .boat-title h4 {
	  	margin-bottom: 0;
	  	font-size: 22px;
		padding-bottom: 15px; 
	}
	
	.boat-title-wrapper .boat-title small { font-size: .75em; }
	
	.boat-specs, .detail-boat-specs {
	  border-top: none;
	  padding-top: 20px;
	  padding-bottom: 0px;
	}
	
	.boat-spec {
		line-height: 1.5;
	}
	
	.boat-spec h5 {
	  font-size: .85rem;
	  margin-bottom: 0;
	}
	
	.boat-spec small {
	  font-size: .75rem;
	}
	
	
	.swiper-caption h2 { font-size: 1.55rem;}
	
	.page-title.with-image .page-title-container {
        max-width: 550px;
    }
	
	
	
}



.boat-options-accordion { 
	padding-bottom: 70px;
	/*border-bottom: var(--n-red) solid 1px; */
  	/*-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25);*/
}
.boat-options-accordion .accordion-item {
  border-left-width: 0;
  border-right-width: 0; /*border-color: #f5f5f5;*/ border: none;
	border-bottom: rgba(0,0,0,0.06) solid 1px;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.boat-options-accordion .card-footer .from-price span {
  color: var(--n-red);
}
.boat-options-accordion .card-footer .from-price small {
  color: var(--n-gray-500);
  display: inline;
  font-size: 70%;
}
.boat-options-accordion .icon-placeholder {
  background-color: #dae1e6;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 20px;
	background-image: url('/assets/images/logos/Nimbus_color_badge.svg');
  background-repeat: no-repeat;
  background-size: 35%;
  background-position: center;	
}
.engine {
  background-image: url('/assets/images/placeholders/boat-prop.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}
.paint {
  background-image: url('/assets/images/placeholders/paint-brush.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}
.galley {
  background-image: url('/assets/images/placeholders/galley.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}
.cushions {
  background-image: url('/assets/images/placeholders/cushions.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}

.audio-video {
  background-image: url('/assets/images/placeholders/audio-video.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}

.deck {
  background-image: url('/assets/images/placeholders/deck.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}

.basic-equipment {
  background-image: url('/assets/images/placeholders/tank.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}

.shipping {
  background-image: url('/assets/images/placeholders/ship.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}

.navigation {
  background-image: url('/assets/images/placeholders/compass.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}

.additional-equipment {
  background-image: url('/assets/images/placeholders/toolbox.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}

.interior {
  background-image: url('/assets/images/placeholders/person-shelter.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}


.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23BD2B31'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  /*font-family: "aktiv-grotesk", sans-serif;*/
  font-weight: 300;
  font-size: .90rem;
  padding: 12px var(--n-specs-padding-left-right);
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--n-red);
  outline: 0;
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  color: inherit;
  background-color: var(--n-gray-200);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  border-left: var(--n-red) solid 3px;
  font-weight: 300;
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
.accordion-button:hover {
  border-left: var(--n-red) solid 3px;
}
.accordion-body {
  padding: var(--n-specs-padding-left-right) var(--n-specs-padding-left-right);
  background-color: #f5f5f5;
}
.boat-options, .boat-options ul {
  margin: 0;
  padding: 0;
}
.boat-options .card {
  margin-bottom: 20px;
}
.boat-options .card-title {
  font-weight: 700;
}
.boat-options .card-footer {
  align-items: center;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
  padding-bottom: 0;
  margin-top: 10px;
}
.boat-options .card-footer .from-price {
  margin-bottom: 0;
  font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif;
  font-weight: 700;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .1rem;
}
.boat-options ul {
  padding-left: 15px;
}
.boat-options ul li {}
.btn-check + .btn {
  position: relative;
  border: var(--n-dark-blue) solid var(--n-border-width);
  padding: 1px;
}

.boat-options h6 { color: var(--n-headline-color); padding-left: 0 !important; font-weight: 500; margin-top: 30px; font-size: .8rem;  }
.boat-options h6.card-title { font-family: 'berthold_akzidenz_grotesk_bmd', sans-serif; font-size: .7rem; font-weight: 500; }

.boat-options h6:first-child { margin-top: 0;  }

.option-group-wrapper { }
.option-group-wrapper:last-child { margin-bottom: 0; }
.boat-options .thumbnail-holder { background-color: var(--n-gray-300); cursor: pointer; }

.option-list .list-group-item { display: flex; justify-content: space-between; text-align: left; }
.option-list .option-thumb { width: 60px; height: 60px; margin-right: 10px; flex-shrink: 0; }
.option-list .option-thumb img { width: 100%; height: 100%; object-fit: cover; }
.option-list .option-title { flex-grow: 1; display: flex; flex-direction: column; }
.option-list .option-price { display: flex; align-items: center; font-weight: normal; margin-left: 10px;  }
.option-list .option-ref-no { font-size: 60%; color: var(--n-gray-600); }
.option-list .placeholder { width: 100%; height: 100%; background-color: var(--n-gray-300);}

.boat-options .optionTitle { font-family: 'berthold_akzidenz_grotesk_bmd', sans-serif; }
.boat-options .refNo {  font-family: 'berthold_akzidenz_grotesk_bex', sans-serif; }

.quote-details h3 { font-size: 1.5rem; }
.quote-details h5 { font-size: 1.0rem; }

.quote-details .form-group .col p {
	font-weight: 500;
	margin-bottom: 7px;
}

.boat-options .card-footer .from-price {
  font-family: 'berthold_akzidenz_grotesk_bmd', sans-serif;
  font-weight: 500;
}

label {
	font-weight: 500;
}


.offcanvas-body h3 {
    font-size: 1.2rem;
}



.btn-check + .btn:after {
  content: '\f00c';
  font-family: "Font Awesome 6 Pro";
  color: #ccc;
  margin: 3px;
  opacity: 0;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--n-btn-active-color);
  background-color: var(--n-btn-active-bg);
  border-color: var(--n-btn-active-border-color);
}
.btn-check:checked + .btn:after {
  content: '\f00c';
  font-family: "Font Awesome 6 Pro";
  color: #ccc;
  margin: 3px;
  opacity: 1;
}
.btn-outline-primary {
  --n-btn-color: #232d58;
  --n-btn-border-color: #232d58;
  --n-btn-hover-color: #fff;
  --n-btn-hover-bg: #232d58;
  --n-btn-hover-border-color: #232d58;
  --n-btn-focus-shadow-rgb: 13, 110, 253;
  --n-btn-active-color: #fff;
  --n-btn-active-bg: #232d58;
  --n-btn-active-border-color: #232d58;
  --n-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --n-btn-disabled-color: #232d58;
  --n-btn-disabled-bg: transparent;
  --n-btn-disabled-border-color: #232d58;
  --n-gradient: none;
}
.btn-info {
  --n-btn-color: var(--n-medium-blue);
  --n-btn-bg: #fff;
  --n-btn-border-color: var(--n-medium-blue);
	--n-btn-hover-color: #fff;
  --n-btn-hover-bg: var(--n-accent-1);
  --n-btn-hover-border-color: var(--n-accent-1);
  --n-btn-focus-shadow-rgb: 11, 172, 204;
  --n-btn-active-color: #000;
  --n-btn-active-bg: var(--n-accent-1);
  --n-btn-active-border-color: var(--n-accent-1);
  --n-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --n-btn-disabled-color: #000;
  --n-btn-disabled-bg: var(--n-accent-1);
  --n-btn-disabled-border-color: var(--n-accent-1);
}
.btn-info {
	position: absolute;
	top: 20px;
	right: 20px;
  text-transform: none;
  color: var(--n-btn-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border-color: var(--n-btn-border-color);
  background-color: var(--n-btn-bg)
}
.btn-plus {
  padding: .75rem;
}
.btn-plus:after {
  content: '\2b';
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  color: var(--n-btn-color);
  margin: 3px;
  opacity: 1;
}
.more-info-panel { /*position: absolute; width: 100% !important;*/
}
.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px var(--n-specs-padding-left-right);
}
.offcanvas-body {
  flex-grow: 1;
  padding: 15px var(--n-specs-padding-left-right);
  overflow-y: auto;
}
.offcanvas-backdrop {
  cursor: url(../images/close.png) 15 15, default;
}
.sm-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.boat-options .card:last-child {
  margin-bottom: 0;
}
.configured-price-holder {
  position: fixed;
  bottom: 0;
	right: 0;
  /*width: 100%;*/ /* added bootstrap col classes for width */
  padding: 15px var(--n-specs-padding-left-right);
  background-color: var(--n-dark-blue);
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 100;
  align-items: center;
}

.configured-price-holder p { margin-bottom: 0; font-size: 16px; line-height: 18px; }

.configured-price-holder .badge {
    cursor: default;
    font-size: 7px;
    vertical-align: middle;
    padding: 4px 6px;
}

.configured-price-holder small, .configured-price-holder h4 {
  color: #fff;
}

.configured-price-holder .badge { margin-left: 8px; }



.boat-specs-wrapper-sticky-spacer {
	display: none;
  height: 70px;
  width: 100%
}

@media (min-width: 1400px) {
	.boat-specs-wrapper-sticky-spacer {
	  height: 70px;
	  width: 100%
	}
}



/***** .build-summary *****/

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: 0;
    outline: 0;
}



.modal-header {
	background-color: rgba(195, 195, 195, .1);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
    border-bottom: none;
    border-top-left-radius: var(--n-modal-border-radius);
    border-top-right-radius: var(--n-modal-border-radius);
}

.modal-content {
    border: none;
    border-radius: var(--n-modal-border-radius);
}

.modal-footer {
	border-top: none;
    justify-content: center;
    background-color: rgba(195, 195, 195, .1);
    border-bottom-right-radius: var(--n-modal-border-radius);
    border-bottom-left-radius: var(--n-modal-border-radius);
}





.boat_summary .modal-header {
  border-bottom: none;
}
.modal-header h5 {
  margin-bottom: 0;
}

 .modal-body { padding-top: 20px; overflow-y: auto !important; max-height: 80vh; }

.modal-fullscreen .modal-body { padding-top: 30px; }

.modal-footer {
	justify-content: center;
	background-color: rgba(195, 195, 195, .1);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.boat_summary .list-group {
  margin-bottom: 20px;
}
.boat_summary .list-group-item {
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
	padding: 4px 10px;
	font-size: .8rem;
}
.boat_summary .boat-description {
  margin-bottom: 20px;
}
.boat_summary h5 {
  border-bottom: var(--n-red) solid 1px;
  padding-bottom: 8px;
}



.dashboard .list-group-item h5 {
    font-size: 1.0rem;
}

.list-group-item span { font-weight: 300; }


.modal-body .list-group-item h6 { font-size: .6rem; margin-bottom: 0; }

.customer-info .list-group-item span { font-size: 1rem; }




.btn-close {
  --n-btn-close-color: var(--n-dark-blue);
  --n-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C02f38'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --n-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 0.5;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--n-btn-close-color);
  background: transparent var(--n-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--n-btn-close-opacity);
}
.btn-close:focus {
  color: var(--n-accent-1);
  outline: 0;
  box-shadow: none;
  opacity: 1;
}
/*.child-page-grid { padding: 0; }*/
.child-page-grid .thumbnail {
  height: 100%;
  object-fit: cover;
}
.child-page-grid .list-row {
  background-color: #fff;
  margin-bottom: 20px;
}
.child-page-grid .list-row-content {
  padding: 20px;
  display: flex;
  align-content: center;
  flex-wrap: inherit;
}
.child-page-grid .card {
  border: none;
	width: 100%;
}
.child-page-grid .card:hover {
  cursor: pointer;
}
.child-page-grid .card:hover .card-body {
  opacity: 1;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.child-page-grid .card-body.show-on-hover {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.child-page-grid .card-body.show-on-hover::before {
  content: '';
  z-index: -1;
  background-color: rgba(255, 255, 255, .8);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.child-page-grid .card-body .btn-row {
  margin-top: 30px;
}
.child-page-grid .card .card-caption {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  border: #fff solid 1px;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, .3)
}

.child-page-grid .card-img-top {
   border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/****** editor ******/
.section-placeholder {
  text-align: center;
  background-color: #f4f4ee;
  padding: 80px 20px;
}
.section-placeholder .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.section-placeholder h3, .section-placeholder p {
  display: flex;
  justify-content: center;
}
/******** submit order *********/

#submit-order { position: relative; padding: 0; background-color: var(--n-medium-blue); max-height: 0; transition: max-height 0.5s ease-out;}	
#submit-order.show { padding: 0; max-height: 800px; }
#submit-order h3, #submit-order p { color: #fff; }
.submit-wrap { padding: 30px; }
#submit-order label.error {
				position: relative;
				width: auto;
				display: block;
				color: var(--n-error) !important;
				background-color: transparent;
				padding: 0;
				max-width: 700px;
				margin: 0 0 0 4px;
				border-radius: 0;
				text-align: left;
				z-index: 1000;
				font-size: 12px;
				line-height: inherit;
}
#submit-order .error-message { font-size: 10px; display: block; background-color: var(--n-error); color: #fff; border-radius: 3px; padding: 4px 10px;  } 


.submit-order p {
  margin-bottom: 0;
}
.submit-order label {
  display: block;
}
.boat-make-model {
  text-align: left;
  margin-bottom: 0;
}
.btn-print {
  padding: 4px 4px;
  border: none;
}
.btn-print i {
  font-size: 18px;
}
.btn-print:hover i {
  color: var(--n-red);
}
@media print {
  body {
    margin: 0;
  }
 
  .submit-order .col-9 {
    width: 100% !important;
  }
  .submit-order .modal-footer {
    display: none;
  }
  .submit-order .modal-body {
    padding-left: 0;
    padding-right: 0;
  }
  .submit-order .modal-body .list-group-item div {
    font-size: 10px;
  }
	
}
/******* orders *******/
.quote, .draft {
  background-color: var(--n-medium-blue) !important;
}
.submitted, .order {
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}
.delivered {
  background-color: var(--n-gray-600);
}
.order_list .badge {
  background-color: var(--n-dark-blue);
}

.order_list td { font-size: .8rem; }

.quote { background-color: rgb(175, 219, 153); }
.order_request { background-color:rgba(25,135,84,1); }
.order { background-color: var(--n-medium-blue);}


.retail_order_at_plant { background-color: var(--n-dark-blue); }
.dealer_order_at_plant { background-color: var(var(--n-teal)); }
.dealer_stock_in_transit { background-color: var(--n-medium-blue); }
.dealer_stock_in_showroom { background-color: var(--n-medium-blue); }
.retail_sold_not_delivered { background-color: var(--n-medium-blue); }
.delivered_to_client { background-color: var(--n-medium-blue); }
.nimbus_usa_stock { background-color: var(--n-red); }

.modal-body .order-key li { font-size: .85rem; }


.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: flex;
    float: left;
    align-items: center;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: 30px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}







/******* order detail layout *******/

.order-layout {
    position: relative;
    background-color: #fff;
    padding: 40px;
}

.order-layout .list-group {
    margin-bottom: 20px;
}
.order-layout .category-name {
    margin-bottom: 10px;
    border-bottom: var(--n-red) solid 1px;
    padding-bottom: 8px; 
    font-family: 'berthold_akzidenz_grotesk_bex';
    font-size: 1.25rem; 
}
.order-layout .group-name {
    font-weight: 700;
	color: var(--n-medium-blue);
	font-size: .8rem;
}
.order-layout h1 {
    text-align: left;
    margin-top: 30px;
}

.order-layout .list-group-item { font-size: .8rem; border-left: none; border-right: 0; border-top: 0; }

.order-layout .list-group-item small {
    display: block;
    color: var(--n-medium-blue);
	font-size: 80%;
}
.order-layout .list-group-item small span::before {
    content: '/';
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}
.order-layout .list-group-item small span:first-child::before {
    display: none;
}
.order-layout .btn-print {
    position: absolute;
    top: 20px;
    right: 20px;
}
.order-layout-top {
    margin-bottom: 30px;
}
.order-layout-top .col-12 { position: relative; }
img.burgee {
    display: block;
    max-width: 60px;
}

.order-header { margin-bottom: 30px; }
.order-header p,
.order-header label { margin-bottom: 0; }

.order-layout .option-description {
	display: inline-block;
    margin-bottom: 0;
    margin-right: 15px;
    font-weight: 700;
}

.order-layout .option-description + small { margin-left: 10px; }
	
.order-layout .item-price {
    margin-bottom: 0;
    font-family: 'berthold_akzidenz_grotesk_bRg', sans-serif;
    font-size: inherit;
    color: var(--n-red);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1rem;
}

.order-layout .standard {
	color: var(--n-medium-blue);
}

.order-layout .standard { font-size: .8em;}

.order-layout .configured-price { font-weight: 700; }


.order-layout .group-name { font-weight: 500; font-size: 0.7rem; }
.boat_summary h5 { font-size: 1.15rem; }

.table thead th, .table th {
    font-size: 10px;
    letter-spacing: .5px;
}

.quote-details .ck-editor-small { height: 150px; }
.quote-details label { }

.wrap-outer[data-bg=bg-light] {
  background-color: #f5f4f3;
}
    
.make-model { padding: 0; }

.make-model h1 { font-size: 1.55rem; font-family: 'berthold_akzidenz_grotesk_bex'; text-align: center; margin: 0 0 30px 0; }
.make-model h4 { text-align: center; }
.make-model h6 { color: var(--n-red); text-align: center; }

.make-model h1 + h6 { margin-top: -15px; margin-bottom: 15px; }

.make-model small { color: var(--n-medium-blue); }

.swiper.main-carousel .swiper-slide img,
.swiper.main-carousel .swiper-slide video { max-height: 650px; }

.swiper-caption-overlay { 
  position: absolute; 
  display: flex;
  flex-direction: column;
  align-items: center; 
  z-index: 1000; 
  color: #ffffff;
  bottom: 30px;
  width: 100%;
  left: auto;
  right: auto; 
  background-color: rgba(255,255,255,0);
  padding: 30px 20px;
}

.swiper-caption-overlay h1,
.swiper-caption-overlay h2,
.swiper-caption-overlay h3,
.swiper-caption-overlay h4,
.swiper-caption-overlay h5,
.swiper-caption-overlay h6,
.swiper-caption-overlay p
 { color: #ffffff; margin: 0; padding: 0; }
 
 .swiper-caption-overlay h6 { font-size: 1rem; }
 .swiper-caption-overlay h1 { font-family: 'berthold_akzidenz_grotesk_bex'; font-size: 3.125rem; }
 
 .swiper-pagination-fraction { display: block; width: auto; top: 20px; right: 20px; left: auto; bottom: auto; background-color: #ffffff; padding: 3px 6px; font-size: 12px;  }
   
 .model-description { margin-bottom: 40px; text-align: center; }
 
 .order-layout { position: relative; margin-top: 0; z-index:100; }
 
 .order-layout h4 { font-size: 1rem; }
 
 .order-layout .btn-back {
    display: flex;
    justify-content: center; 
    font-weight: 700;
    text-transform: uppercase;
    background-color: transparent;
    color: var(--n-headline-color);
    padding: 6px;
    font-size: 11px;
    line-height: 11px;
    position: relative;
    top: -20px;
    left: auto;
  }
 
 .order-layout .grand-total-label,
 .order-layout .grand-total-price { color: var(--n-blue); font-size: 1.0rem; text-transform: uppercase; }
 
 .order-layout .boat-specs { 
   padding-top: 0; 
   margin-top: 0; 
   margin-bottom: 20px; 
   display: flex; 
   flex-direction: column; 
   background-color: var(--n-light-blue);
   padding: 10px 20px;
 }
 
 .order-layout .boat-specs-title { margin-top: -20px; margin-left: -20px; margin-right: -20px; margin-bottom: 20px; background-color: var(--n-dark-blue); color: #ffffff; padding: 10px; text-align: center;}
 
 .order-layout .boat-specs .boat-spec { margin-bottom: 10px; border-bottom: rgba(255,255,255,.5) solid 1px; padding-bottom: 15px; }
 .order-layout .boat-specs .boat-spec:last-child { border-bottom: none; margin-bottom: 0; }
 
 .order-layout  .boat-spec h5 {
    font-size: 1.1rem;
    margin-bottom: 0;
  }
  
 @media (min-width: 992px) {
   
  .swiper.main-carousel .swiper-slide img,
  .swiper.main-carousel .swiper-slide video { max-height: 550px; }
  
  .order-layout { margin-top: -70px; }
    
  .order-layout  .boat-spec h5 {
     font-size: 1.1rem;
     margin-bottom: 0;
   }
   
   .order-layout .btn-back {
      display: flex;
      font-weight: 700;
      text-transform: uppercase;
      background-color: transparent;
      color: var(--n-headline-color);
      padding: 6px;
      font-size: 11px;
      line-height: 11px;
      position: absolute;
      top: 30px;
      left: 30px;
    }
    
    .order-layout .boat-specs .boat-spec { margin-bottom: 20px; border-bottom: rgba(255,255,255,.5) solid 1px; padding-bottom: 15px; }
    
 } /* 992 */
 
 @media (min-width: 768px) {
    .make-model h1 { font-size: 1.75rem; font-family: 'berthold_akzidenz_grotesk_bex'; text-align: center; margin: 0 0 30px 0; }
 }
 
 form .intro_text h6 { text-align: center; margin-top: -20px; margin-bottom: 30px; }
 
 
 
 .public-boat-builder.inventory .boat-type-list-title .title-text { margin-bottom: 25px; }
 
   .public-boat-builder.inventory .boat-type-list-title .title-text h3 { display: block; align-items: center; text-align: center; }
   
 .public-boat-builder.inventory .boat-type-list-title .title-text h3 span { display: block; width: fit-content; font-size: 50%; margin-left: auto; margin-right: auto; margin-top: 10px; }
 
 .public-boat-builder.inventory .boat-type-list-title .btn-group { margin-top: 0; }  
 .btn-outline {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 0.4em; /* space between text and badge */
   padding: 8px 14px;
   font-size: .6rem;
 }
 .btn-outline.active { border-color: var(--n-red); }
 .boat-number {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background-color: var(--n-red, #e63946);
   color: white;
   font-weight: bold;
   border-radius: 50%;
   width: 1.8em;
   height: 1.8em;
   font-size: 0.8em;
   line-height: 1;
 }  
 .boat-card {
   opacity: 1;
   transform: scale(1);
   transition: opacity 0.4s ease, transform 0.4s ease;
 }
 .boat-card.hidden {
   opacity: 0;
   transform: scale(0.95);
   pointer-events: none;
 }
 
 .filter-buttons .btn {
   white-space: nowrap;       /* prevents multi-line wrapping inside buttons */
   flex: 1 1 auto;            /* allows flexible width, keeps consistent height */
   align-items: center;       /* vertically centers text */
   display: flex;             /* ensures vertical centering works */
   justify-content: center;   /* centers text horizontally */
 }
 
 
 .inventory .submit-wrap { padding: 0; }
 .inventory .submit-wrap h2,
 .inventory .intro_text h2 { font-size: 1.5rem; margin-bottom: 10px; }
 
 .text-bg-success { background-color: var(--n-medium-blue) !important; color: #ffffff;}
 
 
 .inventory-teaser {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: stretch;
   background-color: rgba(var(--n-light-blue-rgb), .5);
   padding: 20px 20px;
   position: relative;
   overflow: hidden;
 }
 
 .inventory-teaser-arrow {
   display: none;
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   border-top: 25px solid transparent;
   border-bottom: 25px solid transparent;
   border-left: 10px solid #c10016; /* Nimbus red */
   /*transform: translateX(-100%);*/
 }
 
 .inventory-teaser .teaser-text {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: left;
   margin-bottom: 15px;
   padding-left: 0; /* space for arrow */
   position: relative;
 }
 
 .inventory-teaser h3 {
   font-size: 1.0rem;
   margin: 0 0 5px 0;
   padding: 0;
 }
 
 .inventory-teaser p {
   font-size: 12px;
   margin: 0;
   padding: 0;
 }
 
 .inventory-teaser h3 + p {
   margin-top: 0;
 }
 
 
 
 .configurator-swiper-holder .inventory-teaser { 
   position: relative; 
   left: 0; 
   right: 0; 
   bottom: auto; 
   top: 0; 
   z-index: 1000; 
   background-color: rgba(var(--n-light-blue-rgb), 1);
  display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
 }
 
 .configurator-swiper-holder .inventory-teaser .teaser-text { margin-right: 15px; margin-bottom: 0; }
 .configurator-swiper-holder .inventory-teaser .teaser-text h3 { font-size: .9rem; margin-bottom: 0; }
 
 .configurator-swiper-holder .inventory-teaser .btn { padding: 6px 12px; }
 
 @media (min-width:768px) {
     .inventory-teaser-arrow {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 8px solid #c10016; /* Nimbus red */
        /*transform: translateX(-100%);*/
      }
 }
 
 @media (min-width: 992px) {
     .configurator-swiper-holder .inventory-teaser { 
       position: absolute; 
       left: 30px; right: 30px; 
       bottom: 30px; 
       top: auto; 
       z-index: 1000; 
       background-color: rgba(var(--n-light-blue-rgb), 1);
        padding: 20px;
     }
     
     .configurator-swiper-holder .inventory-teaser .teaser-text h3 { font-size: 1.2rem; margin-bottom: 0; }
     .configurator-swiper-holder .inventory-teaser .btn { padding: 8px 14px; }
     
 }

 
 @media (min-width: 768px) {
   .public-boat-builder.inventory .boat-type-list-title .title-text h3 { display: flex; align-items: center; }
   .public-boat-builder.inventory .boat-type-list-title .title-text h3 span { display: block; width: fit-content; font-size: 30%; margin-left: 20px; margin-top: 0; }
   
  .inventory .submit-wrap { padding: 30px; }
  .inventory .submit-wrap h2 { font-size: 1.7rem; margin-bottom: 30px; }
  
  .inventory-teaser {
     flex-direction: row;
     align-items: center;
   }
  
   .inventory-teaser .teaser-text {
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
     text-align: left;
     margin-bottom: 0;
     padding-right: 20px;
     padding-left: 25px; /* a bit more space for arrow on desktop */
   }
  
   .inventory-teaser h3 {
     font-size: 1.2rem;
   }
  
   .inventory-teaser p {
     font-size: 14px;
   }
   
   .inventory-teaser-arrow {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     height: 100%;
     border-top: 25px solid transparent;
     border-bottom: 25px solid transparent;
     border-left: 10px solid #c10016; /* Nimbus red */
     /*transform: translateX(-100%);*/
   }
   
    
 }
 
 
 
 
 
 


/******* table pages ********/
.whitebox .page-title {
  padding: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: none;
  background-color: transparent;
  border-bottom: var(--n-red) solid 1px;
}
.whitebox .page-title h1 {
  margin-bottom: 0;
}
.whitebox .page-title h1:before {
  display: none;
}


@media (min-width: 576px) {} /*** 576 ***/
@media (min-width: 768px) {} /*** 768 ***/
@media (min-width: 992px) {
	
	/*.configured-price-holder {
	  position: sticky;
	}*/
	
} /*** 992 ***/
@media (min-width: 1200px) {
  .columns-2 {
    column-count: 2;
    column-gap: 30px;
  }
  .columns-3 {
    column-count: 3;
    column-gap: 30px;
  }
} /*** 1200 ***/
@media (min-width: 1400px) {} /*** 1400 ***/