/*The intent for this file is to put layout and a general look/feel for components. Please edit the theme css files for customized colors*/
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	font-size: 10px;
	font-family: Forza, sans-serif;
	line-height: 16px;
	overflow-x: hidden;
	scroll-behavior: smooth;
	--mobileOpenDrawerHeight: 100vh;
	--mobileOpenTopPosition: 0px;
	--mobileBelowSectionListHeight: 140px;
	--save-area-inset-top: 0px;
	--save-area-inset-right: 0px;
	--save-area-inset-bottom: 0px;
	--save-area-inset-left: 0px;

}

/*Browsers which partially support CSS Environment variables (iOS 11.0-11.2).*/
@supports (padding-top: constant(safe-area-inset-top)) {
	html {
		--save-area-inset-top: constant(safe-area-inset-top);
		--save-area-inset-right: constant(safe-area-inset-right);
		--save-area-inset-bottom: constant(safe-area-inset-bottom);
		--save-area-inset-left: constant(safe-area-inset-left);
	}
}

/*Browsers which partially support CSS Environment variables (iOS 11.2+).*/
@supports (padding-top: env(safe-area-inset-top)) {
	html {
		--save-area-inset-top: env(safe-area-inset-top);
		--save-area-inset-right: env(safe-area-inset-right);
		--save-area-inset-bottom: env(safe-area-inset-bottom);
		--save-area-inset-left: env(safe-area-inset-left);
	}
}

@media (min-width: 768px) {
	html {
		font-size: 10px;
	}
}

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

html.model-open {
	overflow: hidden;
}

body {
	overflow: hidden;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: Forza;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}

/* When mouse is detected, ALL focused elements have outline removed. */
body.using-mouse :focus {
	outline: none !important;
}

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.heavy-shadow {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.column-shadow {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
	.column-shadow-lg {
		-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	}
}

.bg-gray-gradient {
	background-image: linear-gradient(to bottom, rgba(216, 216, 216, 0), #eeeeee);
}

.no-padding {
	padding: 0;
}

.no-margin {
	margin: 0;
}

.v-center {
	vertical-align: middle !important;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.noselect {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

button.accept-policy {
	font-size: 1.6rem;
	line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

.footer {
	width: 100%;
	white-space: nowrap;
	line-height: 60px;
	/* Vertically center the text there */
	position: fixed;
	bottom: 0;
}

/*Adds a max width for very large devices, otherwise container fluid*/
.container-fluid-max-width {
	max-width: 1140px;
}

.fixed-table-container {
	max-height: 70vh;
	max-height: calc(var(--vh, 1vh) * 70);
	overflow: auto;
}

table.fixed-header {
	overflow-y: auto;
}

.table.fixed-header tr:first-child>th {
	position: sticky;
	top: 0;
	z-index: 2;
}

table.Order-table {
	font-family: Forza, sans-serif;
	font-size: 15px;
	color: #444;
	background-color: #fff;
	/*height: 60vh;*/
	/*Commenting out temporarily. Move these styles to a class*/
}

table.Order-table thead tr:first-child {
	border-left: none;
}

table.Order-table thead tr th {
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
}


table.Order-table td .OrderStatus {
	padding: 8px 15px 8px 15px;
	border-radius: 20px;
	border: 0;
	font-family: Tungsten;
	font-size: 16px;
	cursor: not-allowed;
}

table.Order-table td button.OrderStatus {
	cursor: pointer;
}

table.Order-table td .GREEN {
	color: #fff;
	background-color: #1e791e;
}

table.Order-table td .ORANGE {
	color: black;
	background-color: orange;
}

table.Order-table td .RED {
	color: white;
	background-color: #cc3700;
}

table.Order-table td .BLUE {
	color: #fff;
	background-color: #005997;
}

table.Order-table td .WHITE {
	color: #000;
	background-color: #eeeeee;
}

table.Order-table td .YELLOW {
	color: #000;
	background-color: #f2df00;
}

table.Order-table th,
table.Order-table td {
	padding: 10px 15px 10px 15px !important;
}

/*Tooltip*/

/*
._tooltip-left {
	padding: 4px 30px;
	background: rgb(204, 204, 204);
	justify-content: center;
	align-items: center;
	gap: 8px;
	display: flex;
}
*/

.tooltip-inner {
    border-radius: 3px;
    padding: 0.5rem;
	background-color: #E0DFDC !important;
	color: #E0DFDC;
}

.tooltip-left {
	/*padding: 0 6px;*/
	padding: 3px 6px 0px 6px;
	background: #E0DFDC;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: rgb(204, 204, 204) !important;
}
  
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: rgb(204, 204, 204) !important;
}
  
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: rgb(204, 204, 204) !important;
}
  
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: rgb(204, 204, 204) !important;
}


.tooltip-left:first-child {
	text-align: center; 
	color: #222222; 
	font-size: 14px; 
	font-family: 'Acumin Pro'; 
	font-weight: 300; 
	line-height: 19px; 
	word-wrap: break-word;
}

/*
.tooltip-left-point {
	width: 7px;
	height: 7px;
	transform: rotate(-45deg);
	transform-origin: 0px 0px;
	background: rgb(204, 204, 204);
	translate: -4.5px 3.5px;
}
*/	

/*End of Tooltip */

.Order-table .boat-image-tooltip {
	position: absolute;
	background: white;
	left: -310px;
	top: -115px;
	z-index: 2;
	width: 300px;
	height: 170px;
}

/*Tooltip arrow*/
.Order-table .boat-image-tooltip::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 30px;
	right: -8px;
	transform: rotate(-45deg);
	border-top: 8px solid transparent;
	border-bottom: 8px solid white;
	border-left: 8px solid transparent;
	border-right: 8px solid white;
}

/*Pagination*/
.pagination-container {
	text-align: center;
}

.pagination-container .pagination-item {
	padding: 0;
	border-radius: 0;
	border: 0;
	padding: 2px 10px;
}

.pagination-container .pagination-item.active span {
	border-bottom: 2px solid;
	padding-bottom: 2px;
	top: -2px;
	position: relative;
}

/*End of pagination*/
.form-control {
	font-size: 1.6rem;
}

input[type=text],
input[type=password],
input[type=email],
input[type=number] {
	padding: 5px 10px;
	font-size: 1.6rem;
}

input:disabled,
select:disabled,
textarea:disabled {
	cursor: not-allowed;
}

/*Outline Form Styling*/
.outline-form input[type=text],
.outline-form input[type=password],
.outline-form input[type=email],
.outline-form input[type=number],
.outline-form textarea {
	background: transparent;
	border: 1px solid #969692;
	font-family: 'Acumin Pro';
	font-size: 16px;
	padding: 14px 16px;
	border-radius: 3px;
	width: 100%;
	display: block;
	margin-top:3px;
}

/*
.outline-form textarea {
	border: 1px solid;
	padding: 12px 16px;
}
*/

.outline-form select {
	width: 100%;
	padding: 8px 10px;
	display: block;
}

.outline-form .input-group {
	margin-bottom: 16px;
}

.outline-form legend {
	font-size: 14px;
	margin-bottom: 0.5rem;
}

.outline-form label {
	font-size: 14px;
}

/*Underline Form Styling*/
.underline-form input[type=text],
.underline-form input[type=password],
.underline-form input[type=email],
.underline-form input[type=number],
.underline-form textarea {
	background: transparent;
	border-top: 0;
	border-left: 0;
	border-bottom: 1px solid;
	border-right: 0;
	font-size: 16px;
	padding: 0;
	padding-top: 8px;
	padding-bottom: 5px;
	border-radius: 0;
	width: 100%;
	display: block;
	font-family: 'Acumin Pro';
}

.underline-form textarea {
	border: 1px solid;
	padding: 12px 16px;
}

.underline-form select {
	border: none;
	border-bottom: 1px solid;
	margin: 0 auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position-x: 244px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18.121px' height='20px' viewBox='11.439 16.439 18.121 10.121' enable-background='new 11.439 16.439 18.121 10.121' xml:space='preserve'%3E%3Cg transform='rotate(90 20 20)'%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='square' d='M17.5,27.5l8-8 M17.5,11.5l8,8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right;
	letter-spacing: 0.7px;
	max-width: 100%;
	font-family: 'Acumin Pro';
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0.7px;
	color: #000;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-right: 22px;
	padding-left: 4px;
}


.underline-form .input-group {
	position: relative;
	height: 100%;
	padding: 15px 0 0;
	/*
	margin-top: 15px;
	margin-bottom: 15px;
	*/
}

.underline-form legend {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 0.5rem;
}

.underline-form input[type="text"]::placeholder,
.underline-form input[type="password"]::placeholder,
.underline-form input[type="number"]::placeholder,
.underline-form input[type="email"]::placeholder {
	color: transparent;
}

.underline-form input[type="text"]:placeholder-shown~.slide-label,
.underline-form input[type="password"]:placeholder-shown~.slide-label,
.underline-form input[type="number"]:placeholder-shown~.slide-label,
.underline-form input[type="email"]:placeholder-shown~.slide-label {
	font-size: 16px;
	cursor: text;
	top: 20px;
}

.underline-form .slide-label {
	font-family: 'Forza';
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.7px;
	color: rgba(0, 0, 0, 0.6);
}

.underline-form .slide-label,
.underline-form input[type="text"]:focus~.slide-label,
.underline-form input[type="password"]:focus~.slide-label,
.underline-form input[type="number"]:focus~.slide-label,
.underline-form input[type="email"]:focus~.slide-label {
	position: absolute;
	top: 0;
	display: block;
	transition: 0.2s;
	font-size: 12px;
	color: #9b9b9b;
}

.underline-form input[type="text"]:focus~.slide-label,
.underline-form input[type="password"]:focus~.slide-label,
.underline-form input[type="number"]:focus~.slide-label,
.underline-form input[type="email"]:focus~.slide-label {
	color: #000;
}

/*
.underline-form input[type="text"]:focus,
.underline-form input[type="password"]:focus,
.underline-form input[type="number"]:focus,
.underline-form input[type="email"]:focus {
	padding-bottom: 6px;
	border-bottom: 1px solid #000;
}
*/

.goto-input .btn {
	padding-right: 12px;
	border-bottom: 1px solid #fff;
	border-radius: 0px !important; 
}

/*Set global max container size*/
@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

@media (max-width: 1199.97px) {
	.container {
		max-width: 100%;
	}
}


.full-width-row {
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
}

/*Hide VueJS curly braces while loading*/
[v-cloak] {
	display: none;
}

.pb-4 {
	padding-bottom: 4rem;
}

.pb-n4 {
	padding-bottom: -4rem;
}

.pb-5 {
	padding-bottom: 5rem;
}

.pb-n5 {
	padding-bottom: -5rem;
}

.pb-6 {
	padding-bottom: 6rem;
}

.pb-n6 {
	padding-bottom: -6rem;
}

.pb-7 {
	padding-bottom: 7rem;
}

.pb-n7 {
	padding-bottom: -7rem;
}

.pb-8 {
	padding-bottom: 8rem;
}

.pb-n8 {
	padding-bottom: -8rem;
}

.pb-9 {
	padding-bottom: 9rem;
}

.pb-n9 {
	padding-bottom: -9rem;
}

.pb-10 {
	padding-bottom: 10rem;
}

.pb-n10 {
	padding-bottom: -10rem;
}

.pt-4 {
	padding-top: 4rem;
}

.pt-5 {
	padding-top: 5rem;
}

.pt-6 {
	padding-top: 6rem;
}

.pt-7 {
	padding-top: 7rem;
}

.pt-8 {
	padding-top: 8rem;
}

.pt-9 {
	padding-top: 9rem;
}

.pt-10 {
	padding-top: 10rem;
}

.mt-n1 {
	margin-top: -0.25rem;
}

.mt-n2 {
	margin-top: -0.5rem;
}

.mt-n3 {
	margin-top: -1rem;
}

.mt-n4 {
	margin-top: -1.5rem;
}

.mt-n5 {
	margin-top: -3rem;
}

.mb-n1 {
	margin-bottom: -0.25rem;
}

.mb-n2 {
	margin-bottom: -0.5rem;
}

.mb-n3 {
	margin-bottom: -1rem;
}

.mb-n4 {
	margin-bottom: -1.5rem;
}

.mb-n5 {
	margin-bottom: -3rem;
}

/*Typography*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.display-1,
.display-2,
.display-3,
.display-4 {
	font-family: Tungsten, serif;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	font-weight: 600;
}

h1,
.h1,
.display-1 {
	font-size: 56px;
	line-height: 1;
	letter-spacing: 0.05em;
}

h1.title {
	font-size: 96px;
}

h2,
.h2,
.display-2 {
	font-size: 50px;
	font-weight: 500;
	line-height: 0.88;
	letter-spacing: 2.86px;
}

h3,
.h3,
.display-3 {
	font-size: 22px;
	line-height: 1.27;
	letter-spacing: 2px;
}

h4,
.h4,
.display-4 {
	font-size: 32px;
	letter-spacing: 0.05em;
	font-weight: 400;
}

.stretch-4 {
	font-family: Tungsten;
	font-size: 32px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 8.42px;
}

h5,
.h5 {
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: 0.3px;
}

h6,
.h6 {
	font-size: 14px;
	line-height: 1.71;
	letter-spacing: 0.35px;
}

p {
	font-family: Forza;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	color: #000;
}

.subheading {
	font-family: Forza;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.2em;
	
}

p.title {
	font-family: "Acumin Pro";
	font-size: 18px;

}

label,
legend {
	font-family: Forza, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.89px;
}

legend label,
legend span
{
	font-size: 18px;
	font-family: 'Acumin Pro';
	letter-spacing: normal;
}

legend label {
	font-weight: 600;
}

legend span {
	font-weight: 300;
}

.required>label:before,
label.required:before,
legend.required:before,
.mark-required:before {
	content: '* ';
}

legend {
	font-size: 16px;
	margin-bottom: 14px;
}

a {
	font-family: Forza;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: normal;
	text-decoration: none;
	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, font-weight 0.15s ease-in-out, font-weight 0.15s ease-in-out, font-style 0.15s ease-in-out;
}

a:hover,
a:focus,
a.active {
	text-decoration: underline;
}

a.disabled {
	cursor: not-allowed;
}

a.disabled:focus,
a.disabled:hover {
	font-weight: normal;
	text-decoration: none;
}

a.cta {
	font-family: Tungsten;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 1.6px;
}

ul {
	font-family: "Acumin Pro";
	font-size: 14px;
}

ul.list-no-padding {
	list-style-position: inside;
	padding-inline-start: 0px;
}

ul li > span {
	position: relative;
	top: 2px;
}

.footer-link {
	line-height: inherit;
}

.footer-link:hover,
.footer-link:focus {
	font-weight: normal;
}

.error-message {
	color: #e40000;
}

.error-message:before {
	content: '*';
}

.disclaimer {
	font-size: 12px;
	line-height: 1.17;
}

.text-underline {
	text-decoration: underline;
}

.lines-on-side {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.lines-on-side:before,
.lines-on-side:after {
	content: '';
	border-top: 1px solid #9b9b9b;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
}

.lines-on-side:after {
	margin: 0 0 0 20px;
}

/* ./Typography */
/*Form Styling*/
.line-after:after {
	content: ' ';
	width: 50px;
	width: 5rem;
	display: block;
	position: relative;
	margin-top: 15px;
	margin-top: 1.5rem;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid;
}

.btn,
.sfid-button,
.sfid-disabled {
	font-family: Tungsten;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: .1em;
	padding: 12px 24px;
	position: relative;
	border-radius: 3px;
}

.btn-large {
	padding-top: 11px;
	padding-bottom: 11px;
	min-width: 150px;
}

.btn-small {
	min-width: 135px;
	font-size: 16px;
	font-weight: 400 !important;
	letter-spacing: 0.1em;
	padding: 10px 18px;
}

.no-min-width {
	min-width: inherit;
}

.btn:hover,
.btn:focus {
	box-shadow: none !important;
}


.btn:disabled,
.btn.disabled,
.sfid-disabled {
	cursor: not-allowed;
	font-style: normal;
	opacity: 1;
}

/*Checkmark Button*/
.btn-large-action {
	cursor: pointer;
	width: 100%;
	border: none;
	position: relative;
	border-radius: 3px;
	padding: 16px 28px;
	background: #B32926;
	color: #fff;
	font-family: Tungsten;
	font-weight: 400;
	font-size: 24px;
	display: block;
	line-height: normal;
}

.btn-large-action:hover,
.btn-large-action:focus,
.btn-large-action:active {
	text-decoration: none;
	color:#fff;
}

.btn-large-action span {
	font-family: Tungsten;
	font-weight: 400;
	font-size: 24px;
	color: #fff;
	letter-spacing: 0.05em;
}

/*X Button*/
.btn-x {
	height: 46px;
	display: block;
	width: 100%;
	border: 1px solid;
	background-color: transparent;
	position: relative;
}

.btn-x::after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23000000' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A");
	width: 12px;
	height: 12px;
	background-size: contain;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 50%;
	margin-left: -6px;
}

/*Left Arrow*/
.btn-prev::after {
	position: absolute;
	top: 19px;
	left: 12px;
	content: '';
	border-left: 2px solid;
	border-top: 2px solid;
	transform: rotate(-45deg);
	width: 12px;
	height: 12px;
}

/*Right Arrow*/
.btn-next::after {
	position: absolute;
	top: 19px;
	right: 12px;
	content: '';
	border-right: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg);
	width: 12px;
	height: 12px;
}

/*No background*/
.btn.btn-transparent,
.btn-transparent {
	min-width: initial;
	background: transparent;
}

/*Remove default width styling*/
.btn.width-auto {
	min-width: auto;
}

/*grid action icons*/
a.btn-action {
	min-width: 1em !important;
	cursor: pointer;
	padding: 0;
}

/*Inline button with input*/
.input-btn {
	position: absolute;
	right: 0;
	padding: 0px;
}

.icon-btn {
	background:#E9E8E6;
	padding: 12px;
}

/*Circle arrow buttons*/
.arrow-circle-icon {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid;
	border-radius: 100%;
	cursor: pointer;
	opacity: 1;
	transition: opacity .2s ease-in;
	background: transparent;
}

/*Draw the arrow*/
.arrow-circle-icon::after {
	position: absolute;
	top: 13px;
	right: 15px;
	content: '';
	border-right: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg);
	width: 12px;
	height: 12px;
}

.arrow-circle-icon.arrow-circle-icon-right {
	transform: rotate(0deg);
}

.arrow-circle-icon.arrow-circle-icon-left {
	transform: rotate(180deg);
}

.arrow-circle-icon.arrow-circle-icon-bottom {
	transform: rotate(90deg);
}

.arrow-circle-icon.arrow-circle-icon-top {
	transform: rotate(-90deg);
}

.arrow-circle-icon:hover {
	opacity: 0.65;
}

/*End of circle arrow buttons*/
/*Icons*/
.x-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23000000' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A");
	display: block;
	width: 19px;
	height: 19px;
}

.x-icon-light {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A");
	display: block;
	width: 19px;
	height: 19px;
}

/*Chevron (Arrow)*/
.chevron {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	opacity: 1;
	transition: all .2s ease-in;
	background: transparent;
}

/*Draw the arrow*/
.chevron::after {
	position: absolute;
	top: 5px;
	right: 7px;
	content: '';
	border-right: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg);
	width: 12px;
	height: 12px;
	color: #fff;
}

.chevron.small::after {
	width: 8px;
	height: 8px;

}

.dark-chev::after {
	color: #111 !important;
}

.light-chev::after {
	border-right: 1px solid;
	border-bottom: 1px solid;
}

.lg-chev::after {
	width: 18px !important;
	height: 18px !important;
}

.chevron.chevron-right {
	transform: rotate(0deg);
}

.chevron.chevron-left {
	transform: rotate(180deg);
}

.chevron.chevron-left::after {
	top: 1px;
}

.chevron.chevron-bottom {
	transform: rotate(90deg);
}

.chevron.chevron-top {
	transform: rotate(-90deg);
}

/*End of icons*/
/*List Styling*/
ul.plus-list li {
	list-style: none;
	position: relative;
}

ul.plus-list li:before {
	content: '';
	background-image: url("/images/plus.svg");
	background-repeat: no-repeat;
	position: absolute;
	width: 30px;
	height: 30px;
	left: -26px;
	top: -3px;
}

ul.minus-list li {
	list-style: none;
	position: relative;
}

ul.minus-list li:before {
	content: '';
	background-image: url("/images/minus.svg");
	background-repeat: no-repeat;
	position: absolute;
	width: 30px;
	height: 30px;
	left: -26px;
	top: -3px;
}

ul.cancel-list li {
	list-style: none;
	position: relative;
}

ul.cancel-list li:before {
	content: '';
	background-image: url("/images/cancel.svg");
	background-repeat: no-repeat;
	position: absolute;
	width: 30px;
	height: 30px;
	left: -26px;
	top: -3px;
}

ul.transfer-list li {
	list-style: none;
	position: relative;
}

ul.transfer-list li:before {
	content: '';
	background-image: url(/images/transfer.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	width: 16px;
	height: 16px;
	left: -22px;
	top: 3px;
}

/*End of list styling*/
.tooltip {
	font-size: 1.2rem;
	z-index: 1000;
}

.btn.information-icon {
	background: #52524F; 
	padding: 8px;
	min-width: inherit;
	text-transform: lowercase;
	border-radius: 50%;
	width: 16px;
	height: 16px;
}

div.information-icon {
	background:  #E0DFDC;
	width: 16px;
	height: 16px;
	min-width: 16px;
	border-radius: 50%;
	text-align: center;
}

.btn.information-icon .info-symbol {
	color: #fff;
	font-family: Forza;
	font-size: 12px;
	font-weight: 400;
	font-stretch: normal;
	line-height: normal;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-40%);
}

div.information-icon .info-symbol {
	color: #111;
	font-size: 12px;
	font-weight: 600;
	top: -2px;
	position: relative;
}

.option-description-wrapper {
	display: flex;
}

/* End of Info Icon Mobile*/

/*Default Checkbox/Radio Styling*/

.radio > label {
	font-family: "Acumin Pro";
	margin-bottom: 0px;
}


input[type="checkbox"],
input[type="radio"] {
	position: absolute;
}

input[type="checkbox"]+label,
input[type="radio"]+label,
.checkbox-icon,
.radio-icon {
	display: inline-block;
	position: relative;
}

/*Checkbox/Radio container*/

input[type="radio"]+label::before,
.radio-icon::before {
	content: '';
	position: relative;
	display: inline-block;
	margin-right: 12px;
	top: 2px;
	width: 32px;
	height: 32px;
	border: 1px solid #111;
}

input[type="radio"].dark+label::before,
.radio-icon.dark::before {
	border: 1px solid #F4F4F3;
}

input[type="checkbox"]+label::before,
.checkbox-icon::before {
	content: '';
	position: relative;
	display: inline-block;
	margin-right: 10px;
	top: 2px;
	width: 38px;
	height: 38px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #111;
}

input[type="checkbox"].dark+label::before,
.checkbox-icon.dark::before {
	border: 1px solid #fff;
}

/*Round the container for a radio button*/
input[type="radio"]+label::before,
.radio-icon::before {
	border-radius: 100%;
}

/*Checked Styling*/
input[type="radio"]:checked+label::before,
.radio-icon::before {
	background: #111;
	border: 2px solid #111;
}

input[type="checkbox"]:checked+label::before,
.checkbox-icon::before {
	background: #fff;
	border: 2px solid #111;
}


input[type="checkbox"].dark:checked+label::before,
input[type="radio"].dark:checked+label::before,
.checkbox-icon.dark::before,
.radio-icon.dark::before {
	background: #fff;
	border: 2px solid #fff;
}

/*The checkmark. Hidden when not checked*/
input[type="checkbox"]:checked+label::after,
.checkbox-icon.checked::after {
	content: '';
	position: absolute;
	top: 9px;
	left: 6px;
	height: 26px;
	width: 26px;
	background: url(/images/updated/close_lg.svg);
	opacity: 0;
}

input[type="radio"]:checked+label::after,
.radio-icon.checked::after,
input[type="radio"]:hover+label::after {
	content: '';
	position: absolute;
	top: 10px;
	left: 8px;
	border-radius: 100%;
	height: 16px;
	width: 16px;
}

/*The dot. Hidden when not checked*/

input[type="radio"]:checked+label::after,
.radio-icon.checked::after {
	background: #fff;
}

input[type="radio"].dark:checked+label::after,
.radio-icon.checked.dark::after {
	background: #111;
}

/*The dot. Hidden when not checked*/
input[type="radio"]:hover+label::after {
	background: #464646;
}


/*Show the checkmark when selected*/
input[type="checkbox"]:checked+label::after,
input[type="radio"]:checked+label::after,
.checkbox-icon.checked::after,
.radio-icon.checked::after {
	opacity: 1;
}

/*Focus outline*/
/*
input[type="checkbox"]:focus+label::before,
input[type="radio"]:focus+label::before {
	outline: #5d9dd5 solid 1px;
	box-shadow: 0 0px 8px #5e9ed6;
}
*/

/*Hide the checkbox*/
input[type="checkbox"],
input[type="radio"] {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/*Disabled*/
input[type="checkbox"]:disabled+label,
input[type="radio"]:disabled+label {
	cursor: not-allowed;
	opacity: 0.3;
}

input[type="checkbox"]:disabled+label::before,
input[type="radio"]:disabled+label::before {
	background: white;
}

.ui-widget-container {
	border: 1px solid #52524F;
	padding:0px 16px;
	transition: border 260ms ease-out;
}

.ui-widget-container.error {
	border: 1px solid #D12321;
}

.ui-widget-container > div {
	padding:16px 0px;
}

.ui-widget-container.active {
	border: 1px solid #E9E8E6;
	background: #111;
}

.ui-widget-container label {
	font-family: 'Acumin Pro';
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.05em;
}

a.button-label {
	font-family: 'Acumin Pro';
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	color:inherit;
}

.button-label > div {
	transition: background 160ms ease-out;
	cursor: pointer;
}

a:hover.button-label,
a:focus.button-label {
	color:inherit;
}

.button-label > div:hover {
	background: #222;
	color: #fff !important;
}


input[type="radio"] + label::after,
input[type="radio"] + label::before
 {
	transition: background 260ms ease-out;
}


.radio-button {
	cursor:pointer !important;
}

.color-swatch .option-image {
	width: 100px;
	padding-bottom: 12px;
}

.color-swatch .option-image img {
	width: 100%;
	height: auto;
}

/*End of default checkbox/radio styling*/
/*Image radio/checkbox styling*/
.color-swatch.align-left fieldset,
.color-swatch.align-left .error-message {
	text-align: left;
}

.color-swatch.align-right fieldset,
.color-swatch.align-right .error-message {
	text-align: right;
}

.color-swatch.align-center fieldset,
.color-swatch.align-center .error-message {
	text-align: center;
}

.image-radio-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, 55px);
	justify-content: space-between;
	gap: 16px;
}

.image-radio,
.image-check {
	display: inline-block;
	vertical-align: top;
	width: 55px;
	cursor: pointer;
}

.image-radio label .image,
.image-check label .image,
.image-radio label .image-placeholder,
.image-check label .image-placeholder {
	width: 55px;
	height: 55px;
	border-radius: 100%;
	background-position: center center;
	background-size: contain;
	border: 1px solid rgba(255, 255, 255, 0.15);
	transition: border 160ms ease-out;
}

.image-radio input[type="radio"]+label:before,
.image-radio input[type="radio"]+label:after,
.image-check input[type="checkbox"]+label:before,
.image-check input[type="checkbox"]+label:after {
	border: none;
	content: '';
	position: absolute;
	height: 0px;
	width: 0px;
	background: transparent;
}

.image-radio input[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	top: 23px;
	left: 22px;
	height: 11px;
	width: 11px;
	background: url(/images/checkmark.svg);
}

.image-radio input[type="radio"]:checked + label:before { 
	content: '';
	position: absolute;
	top: 16px;
	left: 16px;
	border-radius: 100%;
	background: #fff;
	height: 24px;
	width: 24px;
	border: 1px solid #9f9f9f8a;
}

.image-radio label span,
.image-check label span {
	display: block;
	text-transform: uppercase;
	text-align: center;
	max-width: 100%;
	font-family: Univers;
	font-size: 12px;
	margin-top: 10px;
	margin-top: 1rem;
}

.image-radio:hover input[type="radio"]:not(:disabled)+label span,
.image-radio input[type="radio"]:checked+label span,
.image-check:hover input[type="checkbox"]:not(:disabled)+label span,
.image-check input[type="checkbox"]:checked+label span {
	text-decoration: underline;
	font-weight: bold;
}

.image-radio input[type="radio"]+label img,
.image-check input[type="checkbox"]+label img,
.image-radio input[type="radio"]+label .image,
.image-check input[type="checkbox"]+label .image,
.image-radio input[type="radio"]+label .image-placeholder .placeholder-content,
.image-check input[type="checkbox"]+label .image-placeholder .placeholder-content {
	max-width: 100%;
	border-radius: 100%;
}

/*Selected Styling*/
.image-radio input[type="radio"]:checked+label img,
.image-check input[type="checkbox"]:checked+label img,
.image-radio input[type="radio"]:checked+label .image,
.image-check input[type="checkbox"]:checked+label .image,
.image-radio input[type="radio"]:checked+label .image-placeholder .placeholder-content,
.image-check input[type="checkbox"]:checked+label .image-placeholder .placeholder-content {
	border: 2px solid;
}

/*Disabled Styling*/
.image-radio input[type="radio"]:disabled+label,
.image-check input[type="checkbox"]:disabled+label {
	opacity: 0.45;
	cursor: not-allowed;
}

.image-radio input[type="radio"]:disabled+label img,
.image-check input[type="checkbox"]:disabled+label img,
.image-radio input[type="radio"]:disabled+label .image,
.image-check input[type="checkbox"]:disabled+label .image,
.image-radio input[type="radio"]:disabled+label .image-placeholder .placeholder-content,
.image-check input[type="checkbox"]:disabled+label .image-placeholder .placeholder-content {
	max-width: 100%;
	box-shadow: none;
}

/*Placholder Image Styling*/
.image-radio .image-placeholder .placeholder-icon,
.image-check .image-placeholder .placeholder-icon {
	display: none;
}

.image-radio .image-placeholder .placeholder-content .placeholder-text-container {
	padding: 0px;
}

.image-radio .image-placeholder .placeholder-content .placeholder-text-container p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 7px;
}

.checkbox-child {
	margin-left: 48px;
}

.checkbox-child label {
	font-size: 14px;
	font-weight: normal;
}

/*End of Image radio/checkbox styling*/

/*Button Checkbox Styling*/
.button-check input[type="checkbox"]+label:before,
.button-check input[type="checkbox"]+label:after {
	content: none;
}

/*Button text*/
.button-check input[type="checkbox"]+label span.button:after {
	content: 'Add';
}

.button-check input[type="checkbox"]:checked+label span.button:after {
	content: 'Remove';
}

.button-check input[type="checkbox"]:disabled+label span.button:after {
	content: 'Unavailable';
}

/*Focus*/
.button-check input[type="checkbox"]:focus+label {
	outline: #5d9dd5 solid 1px;
	box-shadow: 0 0px 8px #5e9ed6;
}

/*Container*/
.button-check input[type="checkbox"]+label {
	padding: 25px;
	padding: 2.5rem;
	border: 1px solid;
	background-color: white;
	display: block;
}

.button-check input[type="checkbox"]:checked+label {
	border: 4px solid;
}

.button-check input[type="checkbox"]:disabled+label {
	background: #e7e6e6;
	color: #5e5e5e;
}

/*Mobile*/
@media (max-width: 767.98px) {
	.button-check input[type="checkbox"]+label {
		text-align: center;
	}

	.button-check input[type="checkbox"]+label span.text {
		display: block;
		margin-bottom: 10px;
	}

	.button-check input[type="checkbox"]+label .display-4 {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

/*Tablets and Higher*/
@media(min-width: 768px) {
	.button-check input[type="checkbox"]+label span.button {
		float: right;
		top: -9px;
	}
}

/*End of button checkbox styling*/

/*Yes/No Component Styling*/
.yes-no {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto;
}

.yes-no .input-container {
	width: 100%;
}

.yes-no label {
	max-width: calc(100% - 140px);
}

.yes-no.error label {
	color: #D12421;
}

.yes-no .btn:not(.information-icon) {
	float: right;
	margin-top: -6px;
}

.yes-no.disabled>.input-container>.option-title {
	color: rgba(0, 0, 0, 0.6);
}

.yes-no.disabled .btn.information-icon {
	opacity: 0.6;
}

/*End of yes/no component styling*/
/*Photo option component styling*/

.option-photo .input-container {
	width: 100%;
	margin-top: 15px;
}

.option-photo .image-container {
	width: 100%;
	position: relative;
	margin-bottom: 12px;
	margin-top: 12px;
}

.option-photo img {
	max-width: 100%;
	height: auto;
}

.option-photo-list.error label {
	color: #D12421;
}

/*
.option-photo .btn {
	float: right;
	margin-top: -6px;
}


.option-photo .option-description-wrapper {
	right: 5px;
	bottom: 5px;
	position: absolute;
}
*/

.option-photo .error-message {
	margin-top: 12px;
}

.option-photo.disabled>.input-container>.option-title,
.option-photo.disabled>.image-container>img,
.option-photo.disabled .btn.information-icon {
	opacity: 0.6;
}

.option-photo.disabled>.image-container>img {
	filter: grayscale(100%);
}

/*End of photo option component styling*/
/*Select List Component Styling*/
.select-list .input-container {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	margin: 0 auto;
}

.select-list .option-title {
	width: 49%;
}

.select-list .select-container {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	float: right;
}

.select-list .btn.disabled {
	float: right;
	cursor: not-allowed;
}

.select-list.disabled>.input-container>.option-title {
	color: rgba(0, 0, 0, 0.6);
}

.select-list.disabled .btn.information-icon {
	opacity: 0.6;
}

/*End of select list component styling*/
/*Colorswatch Drawer component Styling*/
.drawer {
	margin-top: 20px;
}

.drawer.has-image {
	margin-top: 0px;
	
	/*border-bottom: 1px solid #cecece;*/

	border-bottom: 1px solid #373736;
}

.drawer .input-container {

	/*
	padding-left: 10px;
	padding-right: 10px;
	*/
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.drawer .open-content .input-container {
	padding-top: 34px;
}

.drawer.has-image .closed-content .input-container {
	padding-left: -15px;
	padding-right: -15px;
	display: flex;
	align-items: center;
}

/*Selected choice circle*/
.color-swatch-drawer .selected-choice .image {
	width: 28px;
	height: 28px;
	border-radius: 100%;
	border: 1px solid;
	transform: scale(1.01);
}

.color-swatch-drawer .selected-choice .image.no-selection {
	border: 1px solid #cbcbcb;
}

.color-swatch-drawer .selected-choice .btn {
	margin: 0;
	padding: 0;
	line-height: normal;
	border: 0;
}

.color-swatch-drawer.disabled .selected-choice .btn {
	cursor: not-allowed;
}

.color-swatch-drawer.disabled .option-image,
.color-swatch-drawer.disabled .btn.information-icon,
.color-swatch-drawer.disabled .selected-choice {
	opacity: 0.6;
}

.color-swatch-drawer.disabled .closed-content>.input-container>.option-label {
	color: rgba(0, 0, 0, 0.6);
}

.color-swatch-drawer .closed-content .option-label {
	display: inline-block;
	max-width: calc(100% - 30px);
	vertical-align: top;
}

.color-swatch-drawer .closed-content .option-label span {
	cursor: pointer;
}

.color-swatch-drawer .closed-content .choice-label {
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
}

.color-swatch-drawer.has-image .closed-content .option-label {
	max-width: calc(100% - 200px);
}

.color-swatch-drawer.has-image .closed-content .option-label {
	margin-left: 15px;
}

.color-swatch-drawer .closed-content .selected-choice {
	float: right;
}

.color-swatch-drawer.has-image .closed-content .selected-choice {
	position: absolute;
	right: 0px;
}

.color-swatch-drawer .option-image {
	width: 130px;
	display: inline-block;
	vertical-align: top;
	padding-top: 12px;
	padding-bottom: 12px;
	cursor: pointer;
}

.color-swatch-drawer .option-image img {
	width: 100%;
	height: auto;
}

/*Open drawer content*/
.color-swatch-drawer .open-content {
	position: fixed;
	top: 262px;
	background: white;
	width: calc(33.3% + 1px);
	height: calc(100vh - 264px);
	height: calc(var(--vh, 1vh) * 100 - 264px);
	right: 0;
	transform: translateX(101%);
	-webkit-transform: translateX(101%);
	transition: visibility 0.5s cubic-bezier(1.0, 0.5, 0.8, 1.0), transform 0.5s cubic-bezier(1.0, 0.5, 0.8, 1.0);
	z-index: 1;
	visibility: hidden;
}

.consumer-view .color-swatch-drawer .open-content {
	top: 135px;
	height: calc(100vh - 200px);
	height: calc(var(--vh, 1vh) * 100 - 200px);
}

.drawer.open .open-content {
	display: block;
	visibility: visible;
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
}

.drawer.open .open-content .contents {
	height: calc(100% - 46px);
	overflow-y: auto;
}

.color-swatch-drawer .action-buttons-container {
	position: absolute;
	bottom: -1px;
	padding-bottom: var(--save-area-inset-bottom);
	width: 100%;
	background: #fff;
}

.color-swatch-drawer .action-buttons-container button {
	width: 50%;
}

.color-swatch-drawer .btn-x {
	border-right: 0;
}

.color-swatch-drawer .image-radio label .image,
.color-swatch-drawer .image-check label .image,
.color-swatch-drawer .image-radio label .image-placeholder,
.color-swatch-drawer .image-check label .image-placeholder {
	width: 42px;
	height: 42px;
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.7);
}

.color-swatch-drawer .image-radio input[type="radio"]:not(:disabled)+label,
.color-swatch-drawer .image-check input[type="checkbox"]:not(:disabled)+label {
	cursor: pointer;
}

.color-swatch-drawer .image-radio,
.color-swatch-drawer .image-check {
	width: auto;
	padding-top: 18px;
	padding-right: 18px;
}

.color-swatch-drawer legend {
	text-align: center;
	font-family: Forza;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}



/*Tablets/Mobile*/
@media (max-width: 991.7px) {

	.color-swatch-drawer .open-content,
	.consumer-view .color-swatch-drawer .open-content {
		top: var(--mobileOpenTopPosition, 0px);
		height: calc(var(--mobileOpenDrawerHeight, 100vh));
		width: 100vw;
		z-index: 102;
	}

	.color-swatch-drawer .image-radio,
	.color-swatch-drawer .image-check {

		margin-top: 12px;
		margin-right: 0px;
	}
}

/*End of Colorswatch Drawer Component Styling*/
/*Toggle Switch Component*/
.toggle-switch {
	cursor: pointer;
}

.toggle-switch:focus {
	outline: none;
}

.toggle-switch.disabled {
	cursor: not-allowed;
	opacity: 0.8;
}

.toggle-switch .switch-label {
	display: inline-block;
	width: 200px;
}

.toggle-switch .switch {
	background: lightgray;
	width: 35px;
	height: 10px;
	border-radius: 10px;
	position: relative;
	display: inline-block;
	margin-left: 20px;
}

.toggle-switch .switch:after {
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 100%;
	position: absolute;
	left: 0px;
	top: -5px;
	background: #575757;
	transition: background .2s ease, left ease 0.5s;
}

.toggle-switch.on .switch:after {
	left: calc(100% - 20px);
	background: #BA2421;
}

.toggle-switch:focus .switch:after {
	outline: 2px solid black;
}

.toggle-switch.disabled:focus .switch:after {
	outline: none;
}

/*End of Toggle Switch Component*/
/*Body layout*/
.main-content {
	position: relative;
	min-height: 98vh;
	/*Height minus header and footer*/
	min-height: calc(var(--vh, 1vh) * 98);
}

.window-height {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}

.top-nav .main-content,
.top-nav .window-height {
	/*Push below header*/
	min-height: calc(100vh - 80px);
	/*Height minus header and footer*/
	min-height: calc(var(--vh, 1vh) * 100 - 80px);
}

.top-nav .window-height {
	height: calc(var(--vh, 1vh) * 100 - 80px);
}

.top-nav .main-content {
	margin-top: 80px;
}

.bottom-nav .main-content {
	margin-bottom: 65px;
	min-height: calc(100vh - 65px);
	/*Height minus header and footer*/
	min-height: calc(var(--vh, 1vh) * 100 - 80px);
}

.content-height {
	height: calc(100vh - 80px);
	height: calc(var(--vh, 1vh) * 100 - 80px);
	overflow: auto;
}

/*Navigation*/
.page-header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
}

.main-nav {
	padding: 0px 48px;
	z-index: 200;
	height: 80px;
	max-height: 80px;
	border-bottom: 1px solid rgba(148, 148, 148, 0.3);
}

.consumer-footer-nav {
	position: fixed;
	z-index: 102;
	width: 100%;
	min-height: 65px;
	left: 0;
	bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.consumer-footer-nav .navbar-toggler {
	margin: 0 auto;
}

.consumer-footer-nav .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='23' viewBox='0 0 38 23'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='3'%3E%3Cpath d='M2.436 2.23h33.128M2.436 11.462h33.128M2.436 20.692h33.128'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.main-nav .navbar-nav .nav-item:not(:last-child),
.consumer-footer-nav .navbar-nav .nav-item:not(:last-child) {
	margin-right: 20px;
}

.main-nav a,
.consumer-footer-nav a {
	font-family: Forza;
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: .2em;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
}

.consumer-footer-nav a {
	font-size: 16px;
	margin-top: 3px;
}

.main-nav a:hover,
.main-nav a:focus,
.consumer-footer-nav a:hover,
.consumer-footer-nav a:focus {
	font-weight: inherit;
	text-decoration: none;
}

/*Icon for mobile menu toggler*/
.main-nav .navbar-toggler .navbar-toggler-icon {
	height: 26px;
	width: 26px;
}

/*Submenu*/
.main-nav .nav-item>ul {
	position: absolute;
	height: 0;
	overflow: hidden;
	/*Slide Down Animation*/
	
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 0.5s ease;
	min-width: 200px;
	padding: 0;
	top: 79px;
	border: 1px solid rgba(17, 17, 17, .15);
}

/*Active menu item*/
.parent-nav-link.active+ul {
	height: auto;
	padding: 18px 28px 18px 28px;
	/*Slide Down*/
	transform: scaleY(1);
	
}


/*Button Icons*/
/*Uncollapsed*/
.main-nav .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon {
    background: url(/images/updated/close_lg.svg);
    transition: background .1s;
}

/*Collapsed*/

.main-nav .navbar-toggler[aria-expanded='false'] .navbar-toggler-icon {
    background-image: url(/images/updated/hamburger.svg);
    transition: background .1s;
}

.collapsing {
	transition: none;
}

.left-nav-side {
	align-items: inherit;
}

.left-nav-side,
.right-nav-side {
	width: 330px;
}

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

.left-nav-side .logo,
.mid-nav-side .logo {
	max-height: 20px;
}

.left-nav-side .navbar-toggler {
	margin-right: 24px;
}

.left-nav-side .dealer {
	border-radius: 3px;
	background: #111;
	padding: 4px 8px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.2em;
	margin-left: 5px;
}

.parent-nav-link.active .chevron {
	transform: rotate(90deg);
}

.main-nav .navbar-nav .nav-item .nav-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/*Mobile/Tablet menu styling*/
@media (max-width: 1199.98px) { 

	.main-nav .navbar-collapse {
		position:fixed;
		top: 80px;
		left: 0;
		bottom: 0;
		max-width: 100%;
		background: #fff;
		animation: snapRight .3s ease;
		border-right: 1px solid rgba(148, 148, 148, 0.3)
	}

	.main-nav .navbar-nav .nav-item .nav-link > .chevron {
		margin-left: 40px;
	}

	.main-nav .navbar-nav .nav-item .nav-link > .chevron::after {
		height: 18px;
		width: 18px;
		top:0px;
		right: 0px;
	}

	.main-nav .navbar-nav {
		padding: 0rem 2rem;
		gap:16px;
	}

	.main-nav .navbar-nav .nav-item:not(:last-child) {
		margin-right: 0;
	}

	.main-nav .nav-item>ul {
		position: relative;
		padding: 0;
		top: initial;
		border: none;
	}

	.main-nav .nav-item a {
		font-family: Tungsten;
		font-size: 40px;
		font-weight: 600;
		letter-spacing: 0.05em;

	}

	.main-nav .nav-item > ul a {
		font-family: 'Acumin Pro';
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-transform: none;
		padding-top: 12px;
	}
}

/*Change Option Container*/

.changed-option-container > .body,
.slider-option-container {
	border: 1px #E9E8E6 solid;
	border-radius: 3px;
	padding: 16px;
}

.changed-option-container > .body .selection-label {
	font-weight: 600;
	line-height: 22.5px;
}

/*END OF Change Option Container */

/*Scrolling navigation*/
.scrolling-wrapper {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.scrolling-wrapper::-webkit-scrollbar {
	display: none;
}

.scrolling-item {
	flex: 0 0 auto;
}

.scrolling-item a {
	font-size: 14px;
	font-size: 1.4rem;
}

/*Cookie Consent Styling*/
#cookieSettingsModal {
	max-width: 800px;
}

.cookie-consent {
	background: #fff;
	position: fixed;
	top: calc(50% - 80px);
	left: 0px;
	width: auto;
	z-index: 9999;
	margin: 0px 16px;
	padding: 24px;
	box-shadow: 0px 6px 20px -2px rgba(26, 26, 26, 0.14);
	max-width: 1100px;
}

.cookie-consent p {
	color: #222;
	font-size: 14px;
	font-family: "Acumin Pro";
}

.cookie-consent a {
	color: #222;
	font-size: 14px;
	font-family: "Acumin Pro";
	text-decoration: underline;
}

.cookie-consent .body {
	gap: 120px;
}

.cookie-consent a:hover {
	color: #222;
}

.cookie-consent .ads-modal a:hover {
	color: #222;
}

.cookie-consent .close {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A") no-repeat center;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 30px;
	top: 20px;
	clear: both;
	width: 20px;
	height: 20px;
	padding: 20px;
	z-index: 2;
	min-width: 20px;
}
/* Footer styling on landing page */

.footer-menu-container {
	padding: 80px 120px 48px 120px;
	background: #111;
	color: #fff;
}

.footer-menu-container .footer-menu .badge {

	background-image: url('/images/updated/badge.svg');
	/*display: block;*/
}

.footer-menu-container .footer-menu .header h4 {
	color: #fff;
	font-size: 24px;
	margin-bottom: 0px;
}

.footer-menu-container .footer-menu .header {
	padding-bottom: 16px;
}

.footer-menu-container .footer-menu a,
.footer-text label {
	color: #fff;
	font-family: "Acumin Pro";
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: normal;
	/*line-height: 28px;*/
}

.footer-menu-container .footer-menu {
	gap: 80px;
}

.footer-menu-container .footer-menu .link-container {
	gap:16px;
}

.footer-image-container {
	background: #E9E8E6;
	padding: 48px;
}

.footer-image-content {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	gap: 24px;
	width: 100%;
	padding: 0px 16px 140px 16px;
}

.footer-image-content h1,
.footer-newsletter-container h1 {
	color: #fff;
}

.footer-newsletter-container {
	background: linear-gradient(180deg, #222222 0%, #191919 100%);
	padding: 80px 112px;
}

.footer-newsletter-container > div {
	gap: 80px;
}

.footer-newsletter-container .underline-form input[type=email] {
	width: calc(100% - 24px);
	display: initial;
	border-color: #fff;
	color: #fff;
	letter-spacing: 0.2em;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 14px;
}

.footer-newsletter-container .underline-form input[type="email"]::placeholder {
	color: #fff;
}

.footer-newsletter-container .underline-form .goto-input {
	width: 400px;
}

.footer-text.large-text label {
	font-size: 18px; 
}

.footer-text.small-text label {
	font-size: 14px; 
}

/*END OF footer styling on landing page */

.icon-container {
	gap: 24px;
}

.btn-blackfilled {
	font-family: Tungsten;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	min-width: 130px;
	text-align: center;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 1.6px;
	padding-top: 6px;
	padding-bottom: 6px;
	position: relative;
	border-radius: 100px;
	color: #fff;
	background: #000;
	max-height: 38px;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.btn-blackfilled:hover {
	background-color: #B32926 !important;
	color: #fff !important;
	text-decoration: none;
}


.cookie-settings-switch {
	overflow: visible;
}

.cookie-settings-switch:checked~.custom-control-label::before {
	color: #fff;
	border-color: #228B22;
	background-color: #228B22;
}

.cookie-control-label {
	position: initial;
}


.cookie-settings-accept-button {
	font-family: Tungsten;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	min-width: 130px;
	text-align: center;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 1.6px;
	position: relative;
	border-radius: 100px;
	color: #fff;
	max-height: 38px;
	margin-right: 10px;
	margin-bottom: 0.9rem;
	background-color: #D12421;
	text-decoration: none;
	padding: 6px 1em;
	white-space: nowrap;
}

.cookie-settings-accept-button:hover {
	background-color: #880c01;
	color: #fff;
}


.cookie-settings-name-wrapper {
	display: flex;
	justify-content: space-between;
}

.cookie-settings-cookie-name {
	font-family: Forza;
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.27;
	letter-spacing: normal;
	color: #000;
	text-transform: capitalize;
	margin-bottom: 0.5rem;
	cursor: pointer;
}

.cookie-settings-accept-all-button {
	float: right
}

.cookie-settings-cookie-name {
	font-size: 16px;
}

.cookie-toggle-switch {
	cursor: pointer;
	float: right;
}

.cookie-toggle-switch:focus {
	outline: none;
}

.cookie-toggle-switch.disabled {
	cursor: not-allowed;
	opacity: 0.8;
}

.cookie-toggle-switch .switch-label {
	display: inline-block;
	width: 200px;
}

.cookie-toggle-switch .switch {
	color: #fff;
	background-color: #fff;
	border: 1px solid #adb5bd;
	width: 28px;
	height: 16px;
	border-radius: 10px;
	position: relative;
	display: inline-block;
	margin-left: 20px;
}


.cookie-toggle-switch .switch:after {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 100%;
	position: absolute;
	left: 1px;
	top: 1px;
	background: #adb5bd;
	transition: background .2s ease, left ease 0.3s;
}


.cookie-toggle-switch.on .switch {
	background-color: #228B22;
	border: 1px solid #228B22;
}

.cookie-toggle-switch.on .switch:after {
	left: calc(100% - 13px);
	background: #fff;
	border-color: #228B22;
}

.cookie-toggle-switch:focus .switch {
	outline: 3px solid #ADD8E6;
	border-color: #80BDFF;
}

.cookie-toggle-switch.disabled:focus .switch:after {
	outline: none;
}

.cookie-settings-cookie-value-label {
	font-family: Tungsten;
	font-size: 22px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.27;
	letter-spacing: normal;
	color: #228B22;
	text-transform: capitalize;
	margin-bottom: 0.5rem;
}

/*End of Cookie Consent Styling*/

/*Date Picker Styling*/
.vdp-datepicker {
	color: black;
}

/*End of Date Picker Stylign*/
/*Begin Custom Component styling*/
/*custom select styling*/
.ads-select {
	width: 100%;
	font-family: 'Acumin Pro';
}

.ads-select .v-select {
	width: 100%;
}

.ads-select .v-select .vs__open-indicator {
	fill: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18.121px' height='20px' viewBox='11.439 16.439 18.121 10.121' enable-background='new 11.439 16.439 18.121 10.121' xml:space='preserve'%3E%3Cg transform='rotate(90 20 20)'%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='square' d='M17.5,27.5l8-8 M17.5,11.5l8,8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 100% 100%;
	height: 20px;
	width: 20px;
}

/*Select open icon (hide original image and set background image)*/
.ads-select .v-select.vs--open .vs__open-indicator {
	transform: rotate(180deg);
}

.ads-select .vs__selected-options {
	/*max-height: 75px;*/
}

.ads-select .vs__selected {
	width: 100%;
}

.ads-select .vs__dropdown-toggle,
.ads-select .vs__dropdown-menu {
	border-radius: 0;
	padding: 14px 16px;
}

.ads-select .vs__dropdown-option:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.ads-select .vs__dropdown-option {
	padding-top: 5px;
	word-wrap: break-word;
	white-space: normal;
	max-width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	height: auto;
	width: auto;
}

.ads-select .vs__dropdown-option--highlight {
	background: inherit;
	color: black;
	font-weight: bold;
}

.vs__search:focus {
	outline: auto;
	outline-color: transparent;
}

/*Hide the search bar but still allow focus/keyboard events*/
.vs__search {
	position: absolute;
}

/*end Custom Component styling*/

/*Slide Drawer Component*/

.side-drawer-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: end;z-index: 1040;
	width: 100vw;
	height: 100vh;
}

.side-drawer {
	background: #fff;
	padding: 80px 32px 32px 32px;
	height: 100vh;
	overflow-y: auto;
	scrollbar-width: none;
}

.side-drawer .btn-close,
.zoom-top .btn-close {
	width: 48px;
	height: 48px;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;

}
.zoom-top .btn-close {
	background: #222;
}

.side-drawer .btn-close
 {
	position: fixed;
	right: 8px;
	top: 8px;
	opacity: 1;
	background: #E9E8E6;
	z-index: 1;
}

.side-drawer-section {
	gap: 32px;
	display: flex;
	flex-direction: column;
}

p.small {
	font-family: "Acumin Pro";
	font-size: 14px;
	font-weight: 300;
	line-height: 24.5px;
}

p.large {
	font-family: "Acumin Pro";
	font-size: 18px;
	font-weight: 300;
	line-height: 31.5px;
}

/*Custom Modal Component*/
.modal-backdrop,
.keep-nav-modal-backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
}

.keep-nav-modal-backdrop {
	z-index: 99;
}

.ads-modal {
	background: #FFFFFF;
	box-shadow: 2px 2px 20px 1px;
	overflow-x: auto;
	display: block;
	position: relative;
	padding: 45px 30px;
	min-width: 495px;
	max-width: 95vw;
	max-height: 98vh;
	max-height: calc(var(--vh, 1vh) * 98 - 90px);
}

.ads-modal .ads-modal-header,
.ads-modal .ads-modal-footer {
	padding: 0 15px;
	display: block;
}

.ads-modal .ads-modal-header .ads-header-content {
	margin-top: 20px;
	width: 100%;
}


.ads-modal .ads-modal-body {
	position: relative;
	padding: 0px 15px;
}

.ads-modal .btn-close-container {
	position: absolute;
	top: 15px;
	right: 50px;
	display: block;
}

.ads-modal .btn-close {
	border: none;
	cursor: pointer;
	position: fixed;
	z-index: 2;
	clear: both;
	width: 20px;
	height: 20px;
	padding: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23000000' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A") no-repeat center;
}

.ads-modal input[type="radio"]+label,
.ads-modal input[type="checkbox"]+label {
	font-size: 16px;
	font-size: 1.6rem;
}

/*Mobile styling*/
@media (max-width: 576px) {
	.ads-modal {
		min-width: 90vw;
		max-width: 100vw;
		padding: 25px 0px;
	}
}

/*Custom Loading Gif Component*/
.loading {
	z-index: 9999;
	position: relative;
}

.loading.hidden {
	display: none;
}

.loading .loading-backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
}

.loading .loading-gif {
	margin: 10px;
}

/*2nd style loader*/
.loading2 {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.loading2 div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}

.loading2 div:nth-child(1) {
	animation-delay: -0.45s;
}

.loading2 div:nth-child(2) {
	animation-delay: -0.3s;
}

.loading2 div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*End of Custom Loading Gif Component*/
/*Toggle Menu Component*/
.toggle-menu {
	position: relative;
	z-index: 102;
}

.toggle-menu .toggle-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23000000' stroke-linecap='square' stroke-width='1' d='M9.5 9.5L1.283 1.283 9.5 9.5l-8.217 8.217L9.5 9.5zm0 0l8.256 8.256L9.5 9.5l8.256-8.256L9.5 9.5z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	border: 0;
	width: 35px;
	height: 35px;
}

.toggle-menu.collapsed .toggle-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='25' viewBox='0 0 4 25'%3E%3Ctext fill='%23000000' fill-rule='evenodd' font-family='Univers-ExtraBlack, Univers' font-size='12' font-weight='600' transform='translate(-343 -155)'%3E%3Ctspan x='343' y='158'%3E.%3C/tspan%3E%3Ctspan x='343' y='169'%3E.%3C/tspan%3E%3Ctspan x='343' y='180'%3E.%3C/tspan%3E%3C/text%3E%3C/svg%3E");
}

/*Desktops*/
@media (min-width: 992px) {
	.toggle-menu .toggle-icon {
		display: none;
	}
}

/*Tablets on down*/
@media (max-width: 991.7px) {
	.toggle-menu {
		height: 0px;
	}

	.toggle-menu.collapsed .toggle-menu-content {
		display: none;
	}

	.toggle-menu:not(.collapsed) .toggle-icon:after {
		content: "";
		position: absolute;
		left: 3px;
		top: 18px;
		border-width: 15px;
		border-style: solid;
		border-color: transparent transparent #d0d0d0 transparent;
	}

	.toggle-menu:not(.collapsed) .modal-background {
		background: rgba(255, 255, 255, 0.65);
		width: 100vw;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 110;
	}

	.toggle-menu .toggle-button {
		position: absolute;
		left: 0;
		z-index: 111;
	}

	.toggle-menu .toggle-button.align-right {
		position: absolute;
		left: calc(100vw - 7rem);
	}

	.toggle-menu-content {
		background: #d0d0d0;
		padding: 40px 3px;
		padding: 4rem 3rem;
		position: absolute;
		top: 48px;
		width: 100vw;
		height: auto;
		z-index: 111;
		margin-left: -15px;
		margin-right: -15px;
	}

	.toggle-menu-content .button-menu-item,
	.toggle-menu-content .button-menu-item.btn-link,
	.toggle-menu-content .button-menu-item.btn {
		background: transparent !important;
		font-family: Tungsten, sans-serif;
		text-transform: initial;
		font-size: 20px;
		font-size: 2rem;
		font-weight: 500;
		font-style: normal;
		font-stretch: normal;
		line-height: 1;
		letter-spacing: 2.01px;
		border-color: transparent !important;
		text-align: left;
		display: block !important;
		text-transform: uppercase;
		text-decoration: none;
		padding: 5px 10px;
	}

	.toggle-menu-content .button-menu-item:hover,
	.toggle-menu-content .button-menu-item:focus {
		background: transparent !important;
		text-decoration: underline;
	}

}

/*End of toggle menu component*/
/*Consumer Toggle Nav Component*/
.consumer-mobile-toggle-nav-container {
	position: fixed;
	top: 0;
	z-index: 10;
}

.consumer-mobile-toggle-nav-container .toggle-button {
	width: 24px;
	height: 24px;
	background: transparent;
	border: 0;
	text-align: center;
	position: fixed;
	top: 28px;
	right: 28px;
}

/*My marina positioning*/
.my-marina .consumer-mobile-toggle-nav-container {
	float: right;
	position: relative;
	width: 100%;
	height: 0;
}

.my-marina .consumer-mobile-toggle-nav-container .toggle-button {
	float: right;
	position: relative;
	top: 42px;
	right: 0;
}

.my-marina .consumer-mobile-toggle-nav-container.open .toggle-button {
	right: 30px;
	position: fixed;
}

.my-marina .saved-boat-container {
	max-width: 1440px;
	margin-left:auto;
	margin-right:auto;
}

.saved-boat-container  { 
	margin-top: 60px;
}

.saved-boat-container > div {
	min-height: 382px;
}

.saved-boat-container > div.card-border {
	border: 1px solid #E9E8E6;
}

.saved-boat-container > div > a {
	text-decoration: none;
	font-family: 'Tungsten';
	font-size: 24px;
	font-weight: 400;
	line-height: 28.8px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/*End of my marina positioning*/
/*Model Select positioning*/
.series-model-main .consumer-mobile-toggle-nav-container {
	float: right;
	position: relative;
	width: 100%;
	height: 0;
}

.series-model-main .consumer-mobile-toggle-nav-container .toggle-button {
	float: right;
	position: relative;
	top: 24px;
	right: 12px;
}

.series-model-main .consumer-mobile-toggle-nav-container.open .toggle-button {
	right: 27px;
	top: 21px;
	position: fixed;
}

.select-model-header {
	max-width: 700px;
	margin: auto;
}

/*End of model select positioning*/

/*Summary section */
.summary-price-total-container > div label {
	font-family: Forza;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.1em;
	margin-top: 2px;
	margin-bottom: 0px;
}

.summary-price-total-container  > div span {
	font-family: 'Acumin Pro';
	margin-bottom: 0px;
}


.summarySection .consumer-mobile-toggle-nav-container {
	float: right;
	position: relative;
	width: 100%;
	height: 0;
}

.summarySection .consumer-mobile-toggle-nav-container .toggle-button {
	float: right;
	position: relative;
	top: 24px;
	right: 28px;
}

.summarySection .consumer-mobile-toggle-nav-container.open .toggle-button {
	right: 28px;
	top: 21px;
	position: fixed;
}

/*End of summary section positioning*/
.consumer-mobile-toggle-nav-container.open .toggle-button {
	z-index: 9999;
}

.consumer-mobile-toggle-nav-container .button-icon {
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #000;
	display: block;
	margin: 0 auto;
}

.consumer-mobile-toggle-nav-container .button-icon:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #000;
	display: block;
	margin-left: -8px;
	position: absolute;
	transition: all ease 0.5s;
}

.consumer-mobile-toggle-nav-container .button-icon:after {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #000;
	display: block;
	margin-left: 8px;
	position: absolute;
	transition: all ease 0.5s;
}

/*Select model page icon should be white*/
.series-model-main .consumer-mobile-toggle-nav-container .button-icon,
.series-model-main .consumer-mobile-toggle-nav-container .button-icon:before,
.series-model-main .consumer-mobile-toggle-nav-container .button-icon:after {
	background-color: #fff;
}

.consumer-mobile-toggle-nav-container.open {
	z-index: 9999;
}

.consumer-mobile-toggle-nav-container.open .button-icon {
	width: 0px;
	height: 0px;
}

.consumer-mobile-toggle-nav-container.open .button-icon:before {
	content: '';
	margin-left: -5px;
	transform: rotate(-45deg);
	width: 10px;
	background: #fff;
	border-radius: 0;
	height: 1px;
}

.consumer-mobile-toggle-nav-container.open .button-icon:after {
	content: '';
	margin-left: -5px;
	transform: rotate(45deg);
	width: 10px;
	background: #fff;
	border-radius: 0;
	height: 1px;
}

.consumer-mobile-toggle-nav-container .menu-content {
	opacity: 0;
	background: rgba(0, 0, 0, 0.66);
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	width: 100vh;
	width: calc(var(--vw, 1vw) * 100);
	visibility: hidden;
	transition: all linear 0.5s;
}

.consumer-mobile-toggle-nav-container.open .menu-content {
	opacity: 1;
	visibility: visible;
}

.consumer-mobile-toggle-nav-container .menu-items {
	bottom: 0px;
	position: fixed;
	background: black;
	width: 100%;
	color: white;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	transform: translateY(100%);
	transition: transform linear 0.5s;
}

.consumer-mobile-toggle-nav-container.open .menu-items {
	transform: translateY(0px);
}

.consumer-mobile-toggle-nav-container .menu-items li {
	list-style: none;
	padding-bottom: 16px;
}

.consumer-mobile-toggle-nav-container .menu-items li:last-child {
	padding-bottom: 0;
}

.consumer-mobile-toggle-nav-container .menu-items li a {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Tungsten;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2.49px;
}

/*Tab Component Styling*/
.tabs ul {
	padding: 0;
}

.tabs ul li {
	list-style: none;
}

.tabs ul li:not(:first-child) button {
	border-top: 0;
}

.tabs ul li button {
	text-align: left;
}

/*Tablets on Down*/
@media (max-width: 991.7px) {
	.tabs-container {
		border-bottom: 1px solid;
		border-top: 4px solid
	}

	.tabs-container .tab:last-child {
		margin-bottom: -1px;
		/*Offset the margin-bottom from the titles*/
	}

	.tabs-container .tab-title {
		padding: 15px;
		margin-left: -15px;
		margin-right: -15px;
		cursor: pointer;
		margin-bottom: 1px;

	}

	.tabs-container .tab-contents {
		padding-top: 10px;
		padding-bottom: 30px;
	}

	.tabs-container .tab-title::after {
		content: '';
		height: 20px;
		width: 20px;
		position: absolute;
		right: 15px;
		background-size: 100% 100%;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='1.2'%3E%3Cpath d='M9.5 2v15M2 9.5h15'/%3E%3C/g%3E%3C/svg%3E");
	}

	.tabs-container .tab-title.active::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18.121px' height='20px' viewBox='11.439 16.439 18.121 10.121' enable-background='new 11.439 16.439 18.121 10.121' xml:space='preserve'%3E%3Cg transform='rotate(90 20 20)'%3E%3Cg%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='square' d='M17.5,27.5l8-8 M17.5,11.5l8,8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	}
}

/*End of tab component styling*/
/*Line Tab Styling*/
.line-tabs {
	margin: 0 auto;
	position: relative;
}

.line-tabs .line-tab {
	list-style: none;
	font-family: 'Acumin Pro';
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	display: inline-block;
	padding: 0px 0px 6px 0px;
	position: relative;
	cursor: pointer;
	border-radius: 0;
	background: transparent;
	margin:6px;
	font-weight: 600;
}

.line-tabs .line-tab.active {
	border: 0;
	cursor: default;
}

.line-tabs .line-tab.active:after {
	content: '';
	height: 3px;
	width: 100%;
	background: #D12421;
	position: absolute;
	left: 0;
	bottom: -1px;
	border-radius: 8px;
}

/*Mobile/Tablets*/
@media (max-width: 992px) {

	/*
	.line-tabs .line-tab {
		width: 132px;
		font-size: 16px;
		text-align: left;
	}

	.line-tabs .line-tab.active:after {
		height: 5px;
		bottom: -3px;
	}
	*/
}

/*End of Line Tab Styling*/
/*Accordion Styling*/

.accordion-container {
	color: #fff;
}


.accordion-item {
	background: rgba(0, 0, 0, 0.25);
	color: #fff !important;
	border-radius: 6px;
	padding: 24px 24px;
	margin-bottom:24px;
}


.accordion-container .accordion-item:last-child {}

.accordion-container .accordion-item-title {
	cursor: pointer;
	padding: 8px 0px;
	margin-bottom: 16px;
}

.accordion-container .accordion-item-title h4 {
	margin-bottom: 0px;
}

.accordion-container .accordion-item-title .toggle {
	height: 24px;
	width: 24px;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23ffffff' stroke-linecap='square' stroke-width='1.2'%3E%3Cpath d='M9.5 2v15M2 9.5h15'/%3E%3C/g%3E%3C/svg%3E");
}

.accordion-container .accordion-item-title.active .toggle {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23ffffff' stroke-linecap='square' stroke-width='1.2'%3E%3Cpath d='M9.5 15M2 9.5h15'/%3E%3C/g%3E%3C/svg%3E");
}

.accordion-container .accordion-item-contents > .row {
	gap: 24px;
	margin-right: 0px;
	margin-left: 0px;
}

.accordion-container .accordion-item-contents > .row > div {
	border-bottom: 1px solid #373736;
	padding-bottom: 24px;
	padding-left:0px;
	padding-right:0px;
}

/*
.accordion-container .accordion-item-contents {
	padding-top: 10px;
	padding-bottom: 30px;
}
*/

.accordion-container .collapseLink {
	position: relative;
	float: right;
	margin-top: -1.3em;
	margin-right: -10px;
	display: none;
}

/*End of accordion component styling*/
/*Salesforce Login Styles*/
#salesforce-login .sfid-button,
#salesforce-login .sfid-disabled {
	border: 0;
	margin-top: 20px;
}

#salesforce-login #sfid-selfreg-password {
	float: right;
}

/*Media Picker Styles*/
.media-picker-container .selected-image img
{
	width: 100px;
	height: 54px;
	object-fit: contain;
}

/* Thumbnails */
.media-picker-container .selected-image span,
.media-picker-container .selected-image video,
.media-picker-container .selected-image iframe {
	width: 100px;
	height: 54px;
	object-fit: contain;
}

.media-picker-container .selected-image .action-links {
	display: inline-block;
}

.media-picker-container .selected-image .action-links a {
	display: block;
}

.media_picker_modal .btn-transparent {
	border-radius: initial;
	/*padding-left: 0px;*/
}

.media_picker_modal .ads-modal {
	width: 100vw;
	height: calc(var(--vh, 1vh) * 100 - 40px);
	max-width: 1400px;
	max-height: calc(var(--vh, 1vh) * 100 - 40px);
}

.media_picker_modal .ads-modal .ads-modal-header .ads-header-content {
	margin-top: -25px;
}

.media_picker_modal .media-grid {
	border: 1px solid;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

.media_picker_modal .media-grid, .media_picker_modal .video-list {
	overflow-y: auto;
	scrollbar-width: none;
	margin: 10px 0px;
	max-height: calc(var(--vh, 1vh) * 100 - 340px);
}

.media_picker_modal .media-grid .media-grid-item {
	display: inline-block;
	vertical-align: top;
}

.media_picker_modal .media-grid .media-grid-item img {
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.media_picker_modal .media-grid .media-grid-item .action-buttons {
	text-align: center;
}

.media-picker-select-wrapper .vs__selected {
	width: auto;
	background-color: #f0f0f0;
	color: #000000;
}

.media-picker-select-wrapper .vs__search {
	min-width: initial !important;
	border: initial !important;
	position: initial !important;
	line-height: 2.3;
	padding: 0px;
	font-family: 'Forza';
	margin-top: 0px;

}

.media-picker-select-wrapper .v-select .vs__open-indicator {
	display: none;
}

/*Hide results since we are treating it like tags*/
.media-picker-select-wrapper .tag-input .vs__dropdown-menu {
	display: none;
}

.media-picker-select-wrapper .tag-input .vs__dropdown-toggle,
.media-picker-select-wrapper .tag-input .vs__search::placeholder,
.media-picker-select-wrapper .tag-input .vs__dropdown-menu {
	color: #9b9b9b;
	text-transform: capitalize;
	font-variant: initial;
}

.media-picker-select-wrapper .tag-input .vs__dropdown-toggle {
	border: 0;
	border-bottom: 1px solid black;
	border-radius: initial;
}

.media-picker-upload-wrapper .image-container img {
	max-width: 100%;
}

.video-link-edit-wrapper .media-container {
	width: 100%;
	height: 100%;
}

.media-picker-upload-wrapper .vs__selected,
.video-link-edit-wrapper .vs__selected
 {
	width: auto;
	background-color: #f0f0f0;
	color: #000000;
}

.media-picker-upload-wrapper .vs__search,
.video-link-edit-wrapper .vs__search {
	min-width: initial !important;
	border: initial !important;
	position: initial !important;
}

.media-picker-upload-wrapper .tag-input,
.video-link-edit-wrapper .tag-input {
	width: 100%;
}

.media-picker-upload-wrapper .tag-input .vs__dropdown-toggle,
.media-picker-upload-wrapper .tag-input .vs__search::placeholder,
.media-picker-upload-wrapper .tag-input .vs__dropdown-menu,
.video-link-edit-wrapper .tag-input .vs__dropdown-toggle,
.video-link-edit-wrapper .tag-input .vs__search::placeholder,
.video-link-edit-wrapper .tag-input .vs__dropdown-menu {
	color: rgba(0, 0, 0, 0.58);
	text-transform: capitalize;
	font-variant: initial;
}

/*End of media picker styles*/

/*Design Center Styles*/
.design-center-container .logo-container {
	position: absolute;
	top: 30px;
	left: 44px;
}

.section-list-container {
	position: relative;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #000;
	padding: 16px;
}

.section-list {
	display: flex;
	justify-content: center;
}

.section-list .section-list-item {
	padding: 8px 14px 8px 14px;
	border-radius: 3px;
}

.section-list .section-list-item.active {
	background-color: #373736;
}

.section-list .section-list-item a {
	font-family: Tungsten;
	font-size: 18px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.1em;
	font-weight: 600;
	color: #7D7D79;
}

.section-list .section-list-item a.active {
	text-decoration: none;
	position: relative;
	color: #fff;
}

/*Left and right button containers*/
.section-list-container .section-nav-btn-container {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 48px;
}

.section-list-container .section-nav-btn-container .section-nav-btn {
	padding: 14px 5px;
	border: 0;
	background: transparent;
}

.section-list-container .sections-list-wrapper {
	width: calc(100% - 68px);
}

.options-container {
	background: linear-gradient(180deg, #222222 1.57%, #111111 247.93%);
}

.tab-container {
	height: 60px;
	background: #111;
	position: relative;
	margin-top:2px;
}

.tab-container > div {
	padding: 16px 0px 0px 16px;
}

.tab-container > div > div {
	padding: 12px 20px;
	color: #969692;
	font-size: 12px;
	letter-spacing: 0.2em;
	cursor: pointer;
	gap: 8px;
}

.tab-container > div > div svg {
	width: 20px;
	height: 20px;
}

.tab-container > div > div.active {
	background: #222222;
	color: #fff;
}

.sections-container {
	padding: 16px 16px 60px 16px;
}

.section-body {
	overflow-y: auto;
	scrollbar-width: none;
}

/*Mobile and tablets*/
@media (max-width: 992px) {
	.section-body {
		min-height: 550px;
		/*min-height: calc(var(--mobileBelowSectionListHeight, 140px) - 46px - var(--save-area-inset-bottom));*/
	}

	.consumer-view .section-body {
		min-height: 550px;
		/*min-height: calc(var(--mobileBelowSectionListHeight, 140px) - 100px - var(--save-area-inset-bottom));*/
	}
}

.group-list.scrolling-wrapper .scrolling-item {
	padding: 8px 20px;
}

.option-container {
	margin-top: 20px;
}

.option-container p {
	color: #fff;
}

.design-center-slider-container {
	height: calc(100vh - 128px);
	height: calc(var(--vh, 1vh) * 100 - 128px);
	
	display: flex;
	align-items: center;
	justify-content: center;
}

.design-center-container .footer-submit {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding-top: 8px;
	text-align: center;
	padding-bottom: 8px;
	padding-bottom: calc(var(--save-area-inset-bottom) + 8px);
	background: #fff;
}

@media (max-width: 991.7px) {
	.consumer-view .bottom-nav-button-container {
		margin-bottom: 55px;
		margin-bottom: calc(55px + var(--save-area-inset-bottom));
	}

	.design-center-container .logo-container {
		position: relative;
		left: 0;
		top: 0;
		padding-top: 22px;
		padding-bottom: 30px;
		text-align: center;
		width: 100%;
	}

	/*Mobile Scroll Styles*/
	.sticky-mobile {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1;
	}

	.design-center-container .sticky-mobile.layered-boat-image {
		top: 80px;
	}

	.design-center-container.consumer-view .sticky-mobile.layered-boat-image {
		top: 80px;
	}

	.design-center-slider-container {
		height: auto;
	}

}

/*Mobile Devices*/
@media (max-width: 576px) {
	.design-center-container .mobile-model-name {
		font-size: 38px;
	}

	.design-center-container .logo-container img {
		height: 16px;
		width: auto;
	}

	.design-center-container .sticky-mobile.layered-boat-image,
	.design-center-container.consumer-view .sticky-mobile.layered-boat-image,
	.main-nav .navbar-collapse
	{
		top: 56px;
	}

	.consumer-footer-nav .navbar-nav .nav-item:not(:last-child) {
		margin-right: initial;
	}

	.main-nav .navbar-collapse {
		right: 0;
	}

}

/*Lead Form*/
.dealer-select-list .radio {
	padding-bottom: 15px;
	margin-top: 20px;
}

.dealer-select-list .radio:not(:last-child) {
	border-bottom: 1px solid #000;
}

.dealer-select-list .radio label span {
	display: block;
	margin-left: 45px;
}

.dealer-select-list .radio label span:first-child {
	margin-top: -33px;
}

/*End of lead form*/
/*Placeholder Image Styling*/
.image-placeholder {
	position: relative;
	height: 0;
}

.image-placeholder .placeholder-content {
	background: #999;
	color: #FFF;
	text-align: center;
	font-family: sans-serif;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.image-placeholder .placeholder-content .placeholder-text-container {
	padding: 10px;
}

.image-placeholder .placeholder-content .placeholder-text-container p {
	margin-top: 10px;
}

.image-placeholder .placeholder-icon {
	font-size: 30px;
	font-size: 3rem;
}

/*End of placeholder Image Styling*/

/*Boat Slider*/
.layered-boat-image {
	text-align: right;
}

.layered-slider {
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
	max-width: 100%;
	width: 100%;
	z-index: 101;
}

.config-slider-container {
	width: 100%;
	max-width: 530px;
}

@media (min-width: 768px) {
	.config-slider-container {
		width: 60%;
		max-width: 530px;
		float: left;
	}
}


.config-options-img {
	position: absolute;
	left: 0;
	top: 0;
}

.config-options-img-text {
	z-index: 100;
	position: absolute;
	color: white;
	background: rgba(50, 135, 147, 0.5);
	font-size: 20px;
	font-size: clamp(12px, 1.6vw, 20px);
	left: 0;
	bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
}


.config-options-buttons-container {
	width: 100%;
	display: inline-block;
	margin-top: 0px;
}

.zoom-open {
	z-index: 1000;
}

.zoom-open .layered-slider {
	z-index: 1000;
}

.layered-slider .slide {
	position: relative;
	width: calc(100% - 100px);
	margin: 0 auto;
}

.full-width > .layered-slider .slide {
	width: 100%;
}

.layered-slider.zoom-hover .slide.active {
	cursor: pointer;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.layered-slider .thumbnail-container .slide.active {
	cursor: pointer;
}

.layered-slider.no-buttons .slide {
	width: 100%;
}

.layered-slider .slide img {
	max-width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
}

.layered-slider .slide img.hidden {
	display: none;
}

.layered-slider .slide img:not(.hidden)~img {
	position: absolute;
}


.layered-slider + .button-container {
	position: absolute;
	top: 45%;
	left:0px;
	right:0px;
	width: 100%;
	height: auto;
	transform: translateY(-50%);
	z-index: 102;
}

.layered-slider + .button-container>button {
	display: inline-block;
	vertical-align: top;
}

.layered-slider + .button-container>button.slide-left {
	position: absolute;
	left: 48px;
}

.layered-slider + .button-container>button.slide-right {
	position: absolute;
	right: 48px;
}



.layered-slider .slider-circle-container {
	text-align: center;
	display: none;
	/*Hide on desktops*/
}

.layered-slider .slider-circle {
	width: 10px;
	border: 1px solid;
	margin-right: 5px;
	height: 10px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: top;
	background-color: transparent;
	cursor: pointer;
}

.layered-slider.hide-image-loading.images-loading .button-container,
.layered-slider.hide-image-loading.images-loading + .button-container,
.layered-slider.hide-image-loading.images-loading .thumbnail-container,
.layered-slider.hide-image-loading.images-loading >.slide {
	display: none !important;
}

.layered-slider .loading2-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.layered-slider.hide-image-loading.images-loaded .loading2-container {
	display: none;
}

.layered-slider .zoom-container {
	width: 100vw;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	position: fixed;
	background: white;
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: default;
}

.layered-slider .zoom-container > div {
	max-height: 100vh;
	height: 100vh;
}

.layered-slider .zoom-content {
	cursor: pointer;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
	width: 100%;
	height: 100%;
}

.layered-slider .zoom-toolbar {
	min-height: 80px;
	display:flex;
	align-items: center;
	margin-left:75px;
}

.layered-slider .zoom-toolbar > div {
	gap: 24px;
}

.layered-slider .zoom-top {
	padding: 8px 8px;
}

.layered-slider .zoom-content .zoom-images {
	width: 100%;
	height: 100%;
}

.layered-slider .zoom-content .zoom-images img {
	position: relative;
	display: block;
	left: 0;
	max-width: 100%;
}

.layered-slider .zoom-content .zoom-images img~img {
	position: absolute;
	top: 0;
	left: 0;
}

/*Thumbnail Styling*/

.thumbnail-container {
	position: absolute;
	right: 48px;
	bottom: 24px;
}

.thumbnail-container.zoom {
	position: fixed;
	z-index: 9999;
	right: 75px;
	bottom: 10px;
}

.thumbnail-container .layered-boat-icon {
	/*
	margin-right: 25px;
	margin-left: 25px;
	width: 110px;
	height: 64px;
	*/

	margin-right: 4px;
	width: 100px;
	height: 58px;
	background: #fff;
	border-radius: 3px;
}

.thumbnail-container .layered-boat-icon.active
{ 
	border:  1px solid #111111;
}

.thumbnail-container .layered-boat-icon img.perspective-thumbnail {
	max-width: 100%;
	max-height: 100%;
}

/*
.thumbnail-container .layered-boat-icon:after {
	content: '';
	width: 1px;
	background: #979797;
	position: absolute;
	top: 0;
	right: -22px;
	height: 100%;
	transform: rotate(30deg);
}

.thumbnail-container .layered-boat-icon:last-child:after {
	content: none;
}
*/

.thumbnail-container .thumbnail-list {
	display: inline-block;
	vertical-align: middle;
}

.thumbnail-container .nav-btn {
	display: inline-block;
	vertical-align: middle;
}

/*Tap to Zoom overlay*/
.layered-slider .instruction-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	z-index: 110;
	display: flex;
	align-items: center;
	justify-content: center;
}

.layered-slider.images-loading .instruction-overlay {
	display: none;
}

.layered-slider .instruction-overlay .instruction-container {
	color: #fff;
	width: 100px;
	margin: 0 auto;
}

.layered-slider .instruction-overlay .instruction-container img {
	max-width: 100%;
	margin-bottom: 10px;
	animation: zoominout 1.5s infinite linear;
}

/*Disclaimer Overlay*/
.disclaimer-overlay {
	position: absolute;
	bottom: 100px;
	border-radius: 5px;
	background: #fff;
	max-width: 500px;
	min-height: 124px;
	padding: 24px;
	z-index: 110;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	justify-content: center;
	box-shadow: 0px 4px 6px 0px rgba(26, 26, 26, 0.06), 0px 6px 20px -2px rgba(26, 26, 26, 0.14);
}


.disclaimer-overlay .disclaimer-container {
	display: flex;
	max-width: 464px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	opacity: var(--Step-Number, 1);
	text-align: left;
}

.disclaimer-overlay .btn-close
 {
	width: 32px;
	height: 32px;
	position: absolute;
	gap: 10px;
	right: 8px;
	top: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: var(--radius-md, 3px);
	opacity: var(--Step-Number, 1);
	background: var(--background-secondary, #E9E8E6);
	cursor: pointer;
}

.disclaimer-header {

	color: var(--text-primary, #222);
	font-family: Tungsten;
	font-size: 18px;
	font-style: normal;
	line-height: 100%;
	font-weight: bold;
	letter-spacing: 0.9px;
	text-transform: uppercase;
}

.disclaimer-body {
	align-self: stretch;
	color: var(--text-primary, #222);
	font-family: 'Forza';
	/* Paragraph/Small/Desktop */
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	/* 24.5px */
	line-height: 175%;
}

/*Mobile Styling*/
@media (max-width: 767.98px) {
	.thumbnail-container {
		display: none;
	}

	.layered-slider .zoom-toolbar {
		margin-left:0px;
		justify-content: center;
	}

	.layered-slider .slider-circle-container {
		display: block;
	}

	.layered-slider .instruction-overlay .instruction-container img {
		max-width: 40px;
	}

	
}

/*End of boat slider*/
/*Enhancements Photo Control*/
.enhancement-photo {
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
	padding: 16px;
	padding: 1.6rem;
	margin: 0 auto;
	text-align: left;
	outline: 1px solid;
	outline-offset: -1px;
	max-width: 500px;
}

.enhancement-photo .image-container {
	display: block;
	width: 72px;
}

.enhancement-photo .input-container {
	display: block;
	width: calc(100% - 72px);
	padding-left: 12px;
	padding-left: 1.2rem;
}

.enhancement-photo.selected:not(.focus) {
	outline: 5px solid;
	outline-offset: -5px;
}

.enhancement-photo .dropdown-choice-icon {
	width: 18px;
	width: 1.8rem;
	height: 18px;
	height: 1.8rem;
	background-color: transparent;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	margin-right: 0.5rem;
}

.enhancement-photo .option-title {
	font-size: 16px;
	font-size: 1.6rem;
	height: 36px;
	height: 3.6rem;
	margin-top: 0;
	line-height: 1.06;
	text-transform: uppercase;
	display: block;
}

.enhancement-photo img {
	max-width: 100%;
}

/*Select closed icon (hide original image and set background image)*/
.enhancement-photo .v-select .vs__open-indicator {
	fill: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%2390723A' stroke-linecap='square' stroke-width='1.2'%3E%3Cpath d='M9.5 2v15M2 9.5h15'/%3E%3C/g%3E%3C/svg%3E");
	height: 20px;
	width: 20px;
}

/*Select open icon (hide original image and set background image)*/
.enhancement-photo .v-select.vs--open .vs__open-indicator {
	fill: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18.121px' height='20px' viewBox='11.439 16.439 18.121 10.121' enable-background='new 11.439 16.439 18.121 10.121' xml:space='preserve'%3E%3Cg transform='rotate(90 20 20)'%3E%3Cg%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='square' d='M17.5,27.5l8-8 M17.5,11.5l8,8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 100% 100%;
	height: 20px;
	width: 20px;
	transform: rotate(0deg);
}

.enhancement-photo .vs__selected-options {
	max-height: 50px;
}

.enhancement-photo .vs__dropdown-toggle,
.enhancement-photo .vs__dropdown-menu {
	border-radius: 0;
}

.enhancement-photo .vs__dropdown-option:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.enhancement-photo .vs__dropdown-option {
	padding-top: 5px;
	word-wrap: break-word;
	white-space: normal;
	max-width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	height: auto;
	width: auto;
}

.enhancement-photo .vs__dropdown-option--highlight {
	background: inherit;
	color: black;
	font-weight: bold;
}

.enhancement-photo .vs__dropdown-toggle {
	height: 30px;
	height: 3.0rem;
}

/*Selected option styling*/
.enhancement-photo .vs__selected {
	text-overflow: ellipsis;
	width: 135px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

/*Placeholder Image*/
.enhancement-photo .image-placeholder .placeholder-icon {
	display: none;
}

/*Button*/
.enhancement-photo .disabled-button,
.enhancement-photo .add-button,
.enhancement-photo .remove-button {
	font-size: 1.3rem;
	padding-top: 8px;
	padding-bottom: 8px;
}

/*End of enhancement photo*/
/*Engine Select Styling*/
.engine-section {
	margin-top: 20px;
}

.engine-select {
	padding-top: 16px;
}

.engine-select .engine-option {
	width: 326px;
	width: 32.6rem;
	max-width: 100%;
	border: 1px solid;
	text-align: center;
	position: relative;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	min-height: 72px;
}

.engine-select .heading-container {
	margin-top: -16px;
	background: inherit;
	position: relative;
	background: #fff;
	display: inline-block;
	max-width: 100px;
	max-width: 10rem;
	text-align: center;
}

.engine-select .engine-option.single .heading-container {
	margin-bottom: 10px;
}

.engine-select .heading {
	line-height: 0.9;
	font-size: 26px;
	font-size: 2.6rem;
}

.engine-select .engine-option.selected {
	border-width: 2px;
}

.engine-select .engine-option.selected .heading-container {
	font-weight: bold;
}

/*Button Container*/
.engine-select .engine-color-container {
	margin: 5px;
}

/*Buttons*/
.engine-select .engine-color-select {
	width: 50%;
	height: 30px;
	border: solid 1px #aaaaaa;
	background-color: #d7d7d7;
	color: #5a5a5a;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 0px;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

/*Hack button for selecting an engine with no colors*/
.engine-select .engine-no-color-select {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.engine-select .description {
	max-width: 715px;
	position: relative;
	margin-top: 36px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 10px;
}

.engine-select .title {
	font-size: 18px;
	font-size: 1.8rem;
}

/*End of Engine Select Styling*/

/*Trailer Styling*/

.trailer-select {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

/*End of Trailer Styling*/

/*Summary Page*/

.section-summary .section-contents {
	padding: 12px 0px;
}

.summary-sections-container {
	padding-top: 20px;
}

.summary-model-description {
	background: white;
	border-left: 1px solid;
	border-top: 1px solid;
	border-right: 1px solid;
	padding: 30px 20px;
}

.summary-model-description .button-container .btn {
	margin-left: 5px;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-right: 5px;
}

.section-summary .section-title {
	padding: 15px;
	margin-bottom: 3px;
	color: black;
	background: #ececec;
	font-weight: bold;
	letter-spacing: 2.48px;
}

.fliter-label {
	padding-top: 5px;
	font-weight: 600;
}

.summary-item {
	display: flex;
	align-items: center;
	padding: 8px 0px;
}

.summary-item .choice-name,
.summary-item .option-name {
	font-family: 'Acumin Pro';
	font-size: 18px;
	font-weight: 400;
	letter-spacing: normal;
}

.summary-item .option-name {
	font-weight: 600;
}

.summary-item .option-name {
	padding-right: 8px;
}

.summary-item .image-container {
	width: 50px;
	max-width: 50px;
	min-width: 50px;
}

.summary-item .image-container > img.circle-img {
	width: 49px;
	height: 49px;
	border-radius: 100%;
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.summary-item .image-container > img.square-img {
	width: 46px;
	height: 46px;
	border-radius: 3px;
	object-fit: cover;
}

.summary-item .image-container > div {
	width: 46px;
	height: 46px;
	background: rgba(17, 17, 17, 1);
	border-radius: 3px;
	padding: 11px;
}

.summary-item .image-container > div > .checkmark-img {
	width: 24px;
	height: 24px;
}


.summary-item .image-container > div > .test {
	width: 46px;
	height: 46px;
}

.summary-item .body {
	flex:auto;
	display:flex;
	flex-flow:wrap;
	padding: 0px 12px;
}

.summary-item .icons {
	width: 30px;
	max-width: 30px;
	text-align: right;
}

.summary-item .icons .btn,
.model-container .icons .btn {
	padding: 12px;
	margin: 0;
	background: #E0DFDC;
	height: 24px;
	width: 24px;
	border-radius: 50%;
}

.summary-item .icons img,
.model-container .icons img
 {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 4px;
	left: 4px;
}

/*Mobile and Tablet Styling*/
@media (max-width: 991.98px) {
	.consumer-view .summary-sections-container {
		padding-bottom: 65px;
		padding-bottom: calc(65px + var(--save-area-inset-bottom));
	}
}

/*Tablet*/
@media (min-width: 768px) {
	.summary-model-description {
		background: white;
		border-left: 1px solid;
		border-top: 1px solid;
		border-right: 1px solid;
		padding: 30px;
	}

}

/*Desktop*/
@media (min-width: 992px) {
	.summary-model-description .button-container .btn {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

/*End of Summary Page*/
/*Detailed Pricing*/
.detailed-pricing-container {
	
	position: absolute;
	left: 0;
	z-index: 111;
	top: 0px;
	width: 100%;
	background-color: white;

}

.detailed-pricing-container:after {
	content: '';
}

@media (min-width: 992px) {
	.detailed-pricing-container {
		max-height: calc(100vh - 80px);
		max-height: calc(var(--vh, 1vh) * 100 - 80px);
		min-height: calc(var(--vh, 1vh) * 100 - 80px);
		overflow-y: auto;
	}
}

/*End of Detailed Pricing*/
/*End of Design Center Styles*/

/*Colorways/Editions Page*/

.layered-boat-icon {
	width: 150px;
	width: 15rem;
	margin: 5px;
	padding: 0;
}

.layered-boat-icon .layered-slider {
	margin: 0;
}

.layered-boat-icon .title {
	margin-top: 5px;
	margin-bottom: 5px;
}

.layered-boat-icon.active .title {
	text-decoration: underline;
	font-weight: bold;
}

.inspiration-container {
	background: rgba(0, 0, 0, 0.25);
	color: #fff;
	border-radius: 6px;
	padding: 24px 24px;
	margin-bottom: 24px;
}

.inspiration-container p {
	font-family: 'Acumin Pro';
	font-size: 18px;
	font-weight: 300;
	line-height: 31px;
	color: inherit;
}

.inspiration-option-container {
	margin-right: -23px; 
	margin-left: -23px;
}

.inspiration-option {
	padding:8px;
}

.inspiration-option > div { 
	padding: 12px;
	height: 100%;
	border: 1px solid #52524F;
	cursor: pointer;
	transition: border 160ms ease-out;
}

.inspiration-option> div.active {
	border: 1px solid #E9E8E6;
	background: #111;
}

.flat-image-slider {
	z-index: auto;
}


/*My Marina Page*/

.my-marina {
	padding-bottom: 95px;
	/*Menu plus a little margin*/
}

.my-marina .status-message {
	margin-top: 30px;
}

.my-marina .links {
	margin-bottom: 12px;
	margin-top: -24px;
}

/*
.my-marina .plus-circle-large {
	width: 64px;
	height: 64px;
	position: relative;
	margin: 0 auto 10px auto;
	display: block;
	background: url(/images/plus.svg) no-repeat center center ;
	background-size: cover;
	border-radius: 100%;
	border: 1px solid #E9E8E6;
}
*/

.my-marina .plus-circle-large {
	width: 64px;
	height: 64px;
	position: relative;
	margin: 0 auto 10px auto;
	display: block;
	border-radius: 100%;
	border: 1px solid #E9E8E6;
}

.my-marina .plus-circle-large i {
	width: 24px;
	height: 24px;
	display: block;
	background-image: url('/images/updated/plus.svg');
}



/*Profile (My Marina)*/
.profile-form {
	max-width: 848px;
	margin: 0 auto;
}

/*End of My Marina Page*/
/*Transitions*/
.fade-enter-active,
.fade-leave-active {
	transition: opacity 1s;
}

.fade-enter,
.fade-leave-to

/* .fade-leave-active below version 2.1.8 */
	{
	opacity: 0;
}

.slide-fade-enter-active {
	transition: all .5s ease;
}

.slide-fade-leave-active {
	transition: all .5s ease;
}

.slide-fade-enter,
.slide-fade-leave-to

/* .slide-fade-leave-active below version 2.1.8 */
	{
	transform: translateX(10px);
	opacity: 0;
}

.modal-fade-enter-from,
.modal-fade-leave-active {
	opacity: 0;
}

.modal-fade-enter-active,
.modal-fade-leave-active {
	transition: opacity .5s ease
}

.snapto {
	animation: snapTo .7s ease;
}

.snapout {
	animation: snapOut 1s ease;
}

@keyframes snapTo {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(0%);
	}
}

@keyframes snapOut {
	0% {
		transform: translateX(0%);
	}

	50%, 100% {
		transform: translateX(100%);
	}
}

@keyframes snapRight {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0%);
	}
}

/*End of Transitions*/
/*Responsive Layout Utilities*/
/*Mobile Layout Styles*/
@media (min-width: 576px) {
	.border-sm-top {
		border-top: 1px solid #e5e5e5;
	}

	.border-sm-bottom {
		border-bottom: 1px solid #e5e5e5;
	}

	.border-sm-left {
		border-left: 1px solid #e5e5e5;
	}

	.border-sm-right {
		border-right: 1px solid #e5e5e5;
	}

	.border-sm-top-0 {
		border-top: 0 !important;
	}

	.border-sm-left-0 {
		border-left: 0 !important;
	}

	.border-sm-right-0 {
		border-right: 0 !important;
	}

	.border-sm-bottom-0 {
		border-bottom: 0 !important;
	}

	.bg-sm-gray-gradient {
		background-image: linear-gradient(to bottom, rgba(216, 216, 216, 0), #eeeeee);
	}

	.fixed-sm {
		position: fixed;
	}

	.vertically-center-sm {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.border-md-top {
		border-top: 1px solid #e5e5e5;
	}

	.border-md-bottom {
		border-bottom: 1px solid #e5e5e5;
	}

	.border-md-left {
		border-left: 1px solid #e5e5e5;
	}

	.border-md-right {
		border-right: 1px solid #e5e5e5;
	}

	.border-md-top-0 {
		border-top: 0 !important;
	}

	.border-md-left-0 {
		border-left: 0 !important;
	}

	.border-md-right-0 {
		border-right: 0 !important;
	}

	.border-md-bottom-0 {
		border-bottom: 0 !important;
	}

	.bg-md-gray-gradient {
		background-image: linear-gradient(to bottom, rgba(216, 216, 216, 0), #eeeeee);
	}

	.fixed-md {
		position: fixed;
	}

	.vertically-center-md {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media (max-width: 1600px) {

	.main-nav {
		padding: 0px 24px;
	}
	
	.left-nav-side,
	.right-nav-side {
		width:70px;
	}

	.left-nav-side .dealer {
		margin-left: 12px;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.border-lg-top {
		border-top: 1px solid #e5e5e5;
	}

	.border-lg-bottom {
		border-bottom: 1px solid #e5e5e5;
	}

	.border-lg-left {
		border-left: 1px solid #e5e5e5;
	}

	.border-lg-right {
		border-right: 1px solid #e5e5e5;
	}

	.border-lg-top-0 {
		border-top: 0 !important;
	}

	.border-lg-left-0 {
		border-left: 0 !important;
	}

	.border-lg-right-0 {
		border-right: 0 !important;
	}

	.border-lg-bottom-0 {
		border-bottom: 0 !important;
	}

	.bg-lg-gray-gradient {
		background-image: linear-gradient(to bottom, rgba(216, 216, 216, 0), #eeeeee);
	}

	.fixed-lg {
		position: fixed;
	}

	.vertically-center-lg {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.border-xl-top {
		border-top: 1px solid #e5e5e5;
	}

	.border-xl-bottom {
		border-bottom: 1px solid #e5e5e5;
	}

	.border-xl-left {
		border-left: 1px solid #e5e5e5;
	}

	.border-xl-right {
		border-right: 1px solid #e5e5e5;
	}

	.border-xl-top-0 {
		border-top: 0 !important;
	}

	.border-xl-left-0 {
		border-left: 0 !important;
	}

	.border-xl-right-0 {
		border-right: 0 !important;
	}

	.border-xl-bottom-0 {
		border-bottom: 0 !important;
	}

	.bg-xl-gray-gradient {
		background-image: linear-gradient(to bottom, rgba(216, 216, 216, 0), #eeeeee);
	}

	.fixed-xl {
		position: fixed;
	}

	.vertically-center-xl {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}

/*End of Responsive Layout Utilities*/
/*Landscape orientation message*/
.mobile-landscape-only {
	display: none;
}

.orientation-warning {
	width: 100vw;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
}

.orientation-warning .orientation-warning-contents .icon {
	color: #fff;
	font-size: 60px;
}

.orientation-warning .orientation-warning-contents p {
	color: #fff;
	margin-top: 15px;
}

@media only screen and (orientation:landscape) and (max-height: 500px) and (min-aspect-ratio: 1/1) {
	.mobile-landscape-only {
		display: block;
	}

	html,
	body {
		overflow: hidden;
	}
}

/*Print Styling*/
@media all {
	.page-break {
		display: none;
	}
}

/*Print only styles*/
@media print {
	@page {
		size: 330mm 427mm;
		margin: 14mm;
	}

	* {
		color-adjust: exact;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	table {
		page-break-before: avoid;
	}

	.container,
	.container-fluid {
		width: 1170px;
	}

	/*Overwriting bootstrap styles since flex does not work well for printing in firefox*/
	.row {
		display: block;
	}

	.row:before,
	.row:after {
		display: table;
		content: " ";
	}

	.row:after {
		clear: both;
	}

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12,
	.col,
	.col-auto,
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm,
	.col-sm-auto,
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md,
	.col-md-auto,
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg,
	.col-lg-auto,
	.col-xl-1,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl,
	.col-xl-auto {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		float: left;
	}

	.col-12 {
		width: 100%;
	}

	.col-11 {
		width: 91.66666667%;
	}

	.col-10 {
		width: 83.33333333%;
	}

	.col-9 {
		width: 75%;
	}

	.col-8 {
		width: 66.66666667%;
	}

	.col-7 {
		width: 58.33333333%;
	}

	.col-6 {
		width: 50%;
	}

	.col-5 {
		width: 41.66666667%;
	}

	.col-4 {
		width: 33.33333333%;
	}

	.col-3 {
		width: 25%;
	}

	.col-2 {
		width: 16.66666667%;
	}

	.col-1 {
		width: 8.33333333%;
	}

	.page-break {
		display: block;
		page-break-before: always;
	}

	.table thead th {
		border-bottom: 0;
	}

	.table td,
	.table th {
		background-color: transparent !important;
	}

	/*Hide Userway for Print*/
	.uwy {
		display: none !important;
	}

}

/*Animations*/
@keyframes zoominout {
	0% {
		animation-timing-function: cubic-bezier(0.9647, 0.2413, -0.0705, 0.7911);
		transform: scale(0.9099999999999999)
	}

	51% {
		animation-timing-function: cubic-bezier(0.9226, 0.2631, -0.0308, 0.7628);
		transform: scale(1.02994)
	}

	100% {
		transform: scale(0.9099999999999999)
	}
}


/* New Layout */
html {
	--configurator-width: 484px
}

.layered-boat-background {
	background-image: url('/images/updated/dab-bg.svg');
	background-size: cover;
	background-position: 50% 75%;
	padding: 24px 48px;
}

.action-item-button-container {
	z-index: 102;
	position: absolute;
	right:48px;
	top:24px;
}

.action-item-button-container > div {
	gap: 12px;
}

.action-item-icon-container {
	display: flex;;
	position:absolute;
	left: 48px;
	bottom:24px;
	z-index: 100;
	height: 58px;
}

.action-item-icon-container > div { 
	gap: 24px;
}

.action-btn {
	
	padding: 0px;
	margin: 0px;
	border: none;
	box-shadow: none;;
}

.action-btn i {
	width: 24px;
	height: 24px;
	display: block;
}

.action-item-icon-container .action-btn i.reset {
	background-image: url('/images/updated/reset.svg');
} 

.action-item-icon-container .action-btn i.delete {
	background-image: url('/images/updated/delete.svg');
} 

.action-item-icon-container .action-btn i.save {
	background-image: url('/images/updated/save.svg');
} 

.action-item-icon-container .action-btn i.copy {
	background-image: url('/images/updated/copy.svg');
} 

.action-item-icon-container .action-btn i.flag {
	background-image: url('/images/updated/flag.svg');
} 

.action-btn i.social-facebook-white {
	background-image: url('/images/updated/social-facebook-white.svg');
}

.action-btn i.social-instagram-white {
	background-image: url('/images/updated/social-instagram-white.svg');
}

.action-btn i.social-twitter-white {
	background-image: url('/images/updated/social-twitter-white.svg');
}

.action-btn i.social-youtube-white {
	background-image: url('/images/updated/social-youtube-white.svg');
}

.action-btn i.social-linkedin-white {
	background-image: url('/images/updated/social-linkedin-white.svg');
}

.action-btn i.arrow-right {
	background-image: url('/images/updated/arrow-right.svg');
}

.action-btn i.zoom-in {
	background-image: url('/images/updated/zoom-in.svg');
}

.action-btn i.zoom-out {
	background-image: url('/images/updated/zoom-out.svg');
}

/* New Icons */
.user-icon {
	background-image: url('/images/updated/user.svg');
	height: 24px;
	width: 24px;
}

.home-icon {
	background-image: url('/images/updated/home.svg');
	height: 24px;
	width: 24px;
}

.map-icon {
	background-image: url('/images/updated/map.svg');
	height: 24px;
	width: 24px;
}

.close-icon {
	background-image: url('/images/updated/close.svg');
	height: 24px;
	width: 24px;
}

.close-lg-icon {
	background-image: url('/images/updated/close_lg.svg');
	height: 26px;
	width: 26px;
	display: block;
}

.close-lg-icon.text-white {
	/*Fill White*/
	filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(289deg) brightness(106%) contrast(101%);
}

.delete-icon {
	background-image: url('/images/updated/delete.svg');
	height: 24px;
	width: 24px;
} 


.design-center-container .model-container {
	z-index: 102;
	position: absolute;
	text-align: left;
}

.model-text {
	font-family: Tungsten;
	font-size: 120px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	/* 120px */
	letter-spacing: 6px;
	text-transform: uppercase;
}

.order-num-container span {
	font-family: Forza;
	font-weight: 500;
	font-size: 12px;
}

.plus-icon, .minus-icon {
	height: 24px;
	width: 24px;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23111111' stroke-linecap='square' stroke-width='1.2'%3E%3Cpath d='M9.5 2v15M2 9.5h15'/%3E%3C/g%3E%3C/svg%3E");
}

.minus-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23111111' stroke-linecap='square' stroke-width='1.2'%3E%3Cpath d='M9.5 15M2 9.5h15'/%3E%3C/g%3E%3C/svg%3E");
}

.slated-for-removal {
	display:none;
}

/*Tablets/Mobile*/
@media (max-width: 992px) {

	/*
	.my-marina .page-title {
		border-bottom: 0;
		font-size: 30px;
		border-bottom: 1px solid #979797;
		padding-bottom: 12px;
	}
	*/

	.my-marina .links {
		margin-bottom: 0;
		margin-top: 0;
	}

	.disclaimer-overlay {
		bottom: 40px;
		left:0px;
	}

	.layered-slider {
		margin-top: 55px;
		margin-bottom: 45px;
	}

	.action-item-icon-container {
		bottom: 24px;
	}

	.layered-boat-background {
		min-height: 240px;
	}

	.model-text {
		font-size:80px;
	}

	.footer-menu-container {
		padding: 32px 48px 80px 48px;
	}
	
	.footer-newsletter-container {
		padding: 64px 48px;
	}

	.footer-image-container > div:not(:last-child) {
		margin-bottom: 24px;
	}

	.footer-text {
		gap: 24px;
		align-items: center;
	}
}

@media (max-width: 767px) {

	.footer-newsletter-container > div {
		gap: 32px;
	}

	.footer-menu-container .footer-menu .header {
		padding-top: 24px;
		padding-bottom: 24px;
		border-bottom: 1px solid #52524F;
	}

	.footer-menu-container .footer-menu .active .header {
		border-bottom: initial;
	}

	.footer-menu-container .footer-menu .header .toggle {
		height: 17px;
		width: 17px;
		background-size: 100% 100%;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23ffffff' stroke-linecap='square' stroke-width='1.2'%3E%3Cpath d='M9.5 2v15M2 9.5h15'/%3E%3C/g%3E%3C/svg%3E");
	}

	.footer-menu-container .footer-menu .active .header .toggle {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23ffffff' stroke-linecap='square' stroke-width='1.2'%3E%3Cpath d='M9.5 15M2 9.5h15'/%3E%3C/g%3E%3C/svg%3E");
	
	}

	.footer-menu-container .footer-menu .link-container {
		display: none !important;
	}

	.footer-menu-container .footer-menu .active .link-container {
		display: flex !important;
		padding-bottom: 16px;
	}
}

/*Mobile Devices*/
@media (max-width: 576px) {

	.main-nav {
		padding: 0px 16px;
		height: 56px;
		max-height: 56px;
	}

	.top-nav .main-content,
	.top-nav .window-height {
		min-height: calc(100vh - 56px);
		min-height: calc(var(--vh, 1vh) * 100 - 56px);
		margin-top: 56px;
	}

	.top-nav .main-content {
		margin-top: 56px;
	}

	.layered-boat-background {
		padding: 8px 16px;
	}

	.layered-slider {
		margin-bottom: 40px;
		margin-top: 60px;
	}

	.layered-slider + .button-container>button.slide-left {
		left:10px;
	}

	.layered-slider + .button-container>button.slide-right {
		right:10px;
	}

	.layered-boat-background .model-container .model-text {
		font-size: 40px;
		letter-spacing: 0.05em;
	}

	.action-item-icon-container {
		height: initial;
		bottom: 12px;
		left:initial;

	}

	.action-item-button-container {
		z-index: auto;
		top:10px;
		right: 5px;
	}

	.action-item-icon-container > div { 
		gap: 16px;
	}

	.action-item-button-container > div {
		gap: 16px;
		justify-content: center;
	}

	.action-item-button-container button {
		padding: 10px 18px;
		font-size: 16px;
	}

	.section-list-container .section-nav-btn-container {
		width: 25px;
	}

	.section-list-container .section-nav-btn-container .section-nav-btn {
		padding: 14px 2px;
	}

	.section-list-container {
		padding: 0px 6px;
	}

	.section-list-container .sections-list-wrapper {
		width: calc(100% - 58px);
	}

	.section-list .section-list-item a {
		font-size: 15px;
	}

	.side-drawer-section {
		gap: 24px;
	}

	.footer-image-content {
		gap: 8px;
		padding: 0px 32px 32px 32px;
	}

	.footer-image-content h1,
	.footer-newsletter-container h1 {
		font-size: 32px;
		margin-bottom: 8px;
	}

	.footer-newsletter-container {
		padding: 64px 24px;
	}

	.footer-newsletter-container .underline-form .goto-input {
		width: 100%;
	}

	.footer-menu-container {
		padding: 32px 24px 56px 24px;
	}

	.footer-image-container {
		padding: 24px;
	}

	.footer-menu-container .footer-menu a,
	.footer-text.large-text label {
		font-size: 14px; 
	}
	
	.footer-text.small-text label {
		font-size: 12px; 
	}

	.footer-menu-container .footer-menu {
		gap:48px;
	}

}