@charset "utf-8";

@font-face {
	font-family: 'MMC Regular';
	src: local('MMC Regular'), local('MMC_Regular'), url('../../../files/mitsubishi/fonts/MMC_Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html {
	min-height: 100%;
	background: #000000;
}

body {
	font-family: 'MMC Regular', 'Helvetica', 'Arial', sans-serif;
	font-size: 14px;
	font-weight: 400;		
	font-style: normal;
	--primary-white: #ffffff;
	--primary-black: #000000;
	--primary-blue: #0279ff;
	--primary-vibrant-red: rgba(231, 0, 22, 1);
	--outer-box-width: 1185px;
	color: var( --primary-black );
	background: var( --primary-white );
	user-select: none;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
	margin: 0;
	padding: 0;
}

.package-panel {
	font-family: 'Roboto','Arial', sans-serif;
}

a {
	color: var( --primary-black );
	text-decoration: none;
}
a:hover:not(.no-hover) {
	color: var( --primary-vibrant-red ) !important;
}
a:hover:not(.no-hover) {
	opacity: 0.8;
}

*:focus-visible {
	outline: none;
}

.hero-table {
	display: table;
	height: 150px;
	width: 100%;
}

.hero-table-cell {
	color: var( --primary-white );
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	letter-spacing: 1.4px;
}

.mcnao-active {
	color: rgba( 0, 0, 0, 0.996078431372549 );
	border-bottom: 2px solid var( --primary-black );
}

.my-content-section {
	background: var( --primary-white );
}

.users-info-container {
	margin-left: 20px;
	margin-right: 20px;
	background: var( --primary-white );
	padding: 20px;
}

.users-heading {
	font-size: 20px;
	font-weight: 500;
}

.users-section {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.edit-user-button,
.delete-user-button {
	cursor: pointer;
}

.user-form-label {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 20px;
}

.user-actions {
	float: right;
	cursor: pointer;
	display: inline-block;
}

.user-actions-container {
	position: relative;
	display: none;
}

.user-actions-container-inner {
	border: 1px solid #333;
	position: absolute;
	right: 0;
	background: var( --primary-white );
	width: 150px;
}

.user-action-edit {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
}

.user-action-delete {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
}

.user-action-edit:hover,
.user-action-delete:hover {
	background: rgba(242, 242, 242, 1);
}

.users-table-container {
	width: 100%;
	overflow-x: auto;
}

.resend-invite-link {
	color: #333333;
	cursor: pointer;
}

.input-default,
.input-default-white {
	border: 1px solid rgba(201, 201, 201, 1);
	border-radius: 3px;
	font-family: inherit;
	padding: 12px;
	width: 100%;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 1);
	font-size: 14px;
}

.input-default-white {
	height: 51px; /* as per the figma guide */
}

.textarea-default {
	border: 1px solid rgba(201, 201, 201, 1);
	border-radius: 3px;
	font-family: inherit;
	padding: 12px;
	width: 100%;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 1);
	font-size: 14px;
	height: 250px;
	resize: none;
}

.select-default {
	box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
	background: var( --primary-white );
	border: 0px;
	padding: 15px;
	box-sizing: border-box;
	height: 51px;
	font-size: 16px;
	font-family: inherit;
	width: 100%;
}

.banners-main-container {
	margin-bottom: 20px;
}

.banner-title {
	font-size: 18px;
	color: var( --primary-vibrant-red );
}

.banner-sub-container-info {
	padding: 20px;
	border-top: 1px solid #dddddd;
}

.banner-preview-link {
	float: right;
	color: var( --primary-vibrant-red );
}

.banner-image-icon {
	font-size: 20px;
	margin-left: 10px;
}

.button-green {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	background: #078030;
	border: 1px solid #078030;
	border-radius: 0px;
	color: var( --primary-white );
	padding-top: 13px;
	padding-bottom: 13px;
	width: 147px;
	letter-spacing: 1px;
}

.button-green:hover {
	color: #078030;
	background: var( --primary-white );
	border: 1px solid #078030;
}

.button-blue {
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background: var( --primary-vibrant-red );
	border-radius: 0px;
	color: var( --primary-white );
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 13px;
	padding-bottom: 13px;
	border: 2px solid var( --primary-vibrant-red );
}

.button-blue:hover {
	color: var( --primary-vibrant-red );
	background: var( --primary-white );
}

.button-gray {
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background: #e6e6e6;
	border-radius: 0px;
	color: var( --primary-black );
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 13px;
	padding-bottom: 13px;
}

.button-dark-gray {
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background: #666666;
	border-radius: 0px;
	color: var( --primary-white );
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 13px;
	padding-bottom: 13px;
}

/* .button-white {
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background: var( --primary-white );
	border-radius: 0px;
	color: var( --primary-vibrant-red );
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 13px;
	padding-bottom: 13px;
	border: 2px solid var( --primary-vibrant-red );
}
.button-white:hover {
	background: var( --primary-vibrant-red );
	color: var( --primary-white );
} */

.button-full-white {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	background: var( --primary-white );
	border: 1px solid var( --primary-black );
	color: var( --primary-black );
	padding-top: 13px;
	padding-bottom: 13px;
	width: 147px;
	letter-spacing: 1px;
}

.button-full-white:hover {
	background: var( --primary-black );
	color: var( --primary-white );
}

.hero-watch-button-container .button-full-white:hover,
.build-button .button-full-white:hover {
	border: 1px solid var( --primary-white );
}

.button-black {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	background: var( --primary-black );
	border-radius: 0px;
	color: var( --primary-white );
	padding-top: 13px;
	padding-bottom: 13px;
	border: 1px solid var( --primary-black );
	width: 147px;
	letter-spacing: 1px;
}

.button-black:hover {
	background: var( --primary-white );
	color: var( --primary-black );
	border: 1px solid var( --primary-black );
}

.button-full-black {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	background: var( --primary-black );
	border-radius: 0px;
	color: var( --primary-white );
	padding-top: 13px;
	padding-bottom: 13px;
	border: 1px solid var( --primary-black );
	width: 147px;
	letter-spacing: 1px;
}

.button-full-black:hover {
	background: var( --primary-white );
	color: var( --primary-black );
	border: 1px solid var( --primary-black );
}

.button-full-vibrant-red {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	background: var( --primary-vibrant-red );
	border-radius: 0px;
	color: var( --primary-white );
	padding-top: 13px;
	padding-bottom: 13px;
	border: 1px solid var( --primary-vibrant-red );
	width: 147px;
	letter-spacing: 1px;
}

.button-full-vibrant-red:hover {
	background: var( --primary-white );
	color: var( --primary-vibrant-red );
	border: 1px solid var( --primary-vibrant-red );
}

.button-transparent {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	background: transparent;
	border-radius: 0px;
	color: var( --primary-white );
	padding-top: 13px;
	padding-bottom: 13px;
	border: 1px solid var( --primary-white );
	width: 147px;
	letter-spacing: 1px;
}

/* .button-transparent-enroll:hover {
	background: var( --primary-blue );
	color: var( --primary-white );
} */

.button-transparent-enroll {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	color: var( --primary-white );
	width: 100%;
	margin-top: 50px;
}

.button-transparent:hover {
	background: var( --primary-white );
	color: var( --primary-black );
}

/* .button-transparent-blue {
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background: transparent;
	border-radius: 0px;
	color: var( --primary-vibrant-red );
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 13px;
	padding-bottom: 13px;
	border: 2px solid var( --primary-vibrant-red );
}

.button-transparent-blue:hover {
	background: var( --primary-vibrant-red );
	color: var( --primary-white );
} */

.button-right-arrow {
	margin-left: 5px;
}

.content-section-white {
	background: var( --primary-white );
	width: 100%;
}

.content-section-blue {
	background: #f3f9fc;
	width: 100%;
}

.creative-top-container {
	margin-top: 60px;
	margin-bottom: 40px;
	text-align: center;
}

.creative-top-title {
	font-size: 18px;
	font-weight: bold;
}

.creative-top-sub-title {
	font-size: 16px;
}

.creative-top-image-container {
	margin-top: 20px;
}

.creative-top-img {
	max-width: 300px;
}

.creative-main-container {
	margin-bottom: 20px;
}

.creative-title {
	display: inline-block;
	font-size: 18px;
	color: var( --primary-vibrant-red );
}

.creative-preview {
	float: right;
	display: inline-block;
	font-size: 18px;
	color: var( --primary-vibrant-red );
	cursor: pointer;
}

.confirm-label {
	width: 140px;
	display: inline-block;
	image-orientation: right;
	text-align: right;
}

.confirm-value {
	width: calc( 100% - 190px );
	display: inline-block;
	margin-left: 10px;
}

.confirm-value-disclaimer {
	width: calc( 100% - 190px );
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
}

.confirm-row {
	margin-top: 10px;
}

.default-icon {
	font-size: 20px;
}

.default-icon-title {
	font-size: 18px;
	margin-left: 5px;
}

.footer-right {
	display: none;
}

.footer-fixed-wrapper {
	width: 100%;
	margin-top: auto;
}

.footer-container {
	font-size: 16px;
	overflow: hidden;
}

.footer-nav-option {
	margin-top: 20px;
	color: var( --primary-white );
}

.header-nav {
	text-align: right;
	position: relative;
}

.title-nav-back-icon {
	font-size: 34px;
	font-weight: bold;
	cursor: pointer;
}

.tracker-last-complete {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: var( --primary-vibrant-red );
	border: 1px solid var( --primary-vibrant-red );
	z-index: 1;
	position: relative;
	float: right;
	right: -18px;
}

.tracker-last-incomplete {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: var( --primary-white );
	border: 1px solid var( --primary-black );
	z-index: 1;
	position: relative;
	float: right;
	right: -18px;
}

.tracker-bar-complete {
	position: relative;
	height: 6px;
	width: 100%;
	background: var( --primary-vibrant-red );
	top: 10px;
}

.tracker-bar-incomplete {
	position: relative;
	height: 2px;
	width: 100%;
	background: var( --primary-black );
	top: 12px;
}

.tracker-circle-filled {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: var( --primary-vibrant-red );
	border: 1px solid var( --primary-vibrant-red );
	z-index: 1;
	position: relative;
	float: left;
}

.tracker-circle-open {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: var( --primary-white );
	border: 1px solid var( --primary-black );
	z-index: 1;
	position: relative;
	float: left;
}

.tracker-step-section {
	display: inline-block;
}

.r-overlay {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: var( --primary-white );
	display: none;
	font-size: 20px;
	color: var( --primary-white );
	border-top: 3px solid var( --primary-blue );
}

.r-overlay-border {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba( 215, 215, 215, 1 );
	color: var( --primary-black );
}

.r-overlay-close {
	position: relative;
	float: right;
	cursor: pointer;
}

.r-overlay-close-inner {
	position: absolute;
	right: 0;
}

.preview-video {
	display: block;
}

.preview-close {
	position: absolute;
	right: 0px;
}

.preview-close-container {
	position: relative;
	right: 0;
	top: -25px;
	cursor: pointer;
	float: right;
	color: var( --primary-white );
	font-size: 20px;
}

.preview-container-contents {
	height: auto;
	margin: 0 auto;
}

.white-rounded-selectable {
	border-radius: 0px;
	box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
	background: var( --primary-white );
	width: 100%;
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid var( --primary-white );
}

.white-rounded-selected {
	border-radius: 0px;
	box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
	background: var( --primary-vibrant-red );
	width: 100%;
	margin-bottom: 10px;
	cursor: pointer;
	color: var( --primary-white );
	border: 1px solid var( --primary-white );
}

.white-rounded-non-selectable {
	border-radius: 0px;
	box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
	background: var( --primary-white );
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid var( --primary-white );
}

.white-rounded-pad {
	padding: 15px;
}

.white-rounded-selected .creative-preview,
.white-rounded-selected .creative-title {
	color: var( --primary-white );
}

.no-user-highlight {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button-icon {
	margin-left: 5px;
}

.order-panel-button .button-icon {
	margin: 0 auto;
}

.header-nav-option-hoverable:hover {
	cursor: pointer;
	color: var( --primary-vibrant-red );
	opacity: 0.6;
}

.hnoh-active {
	cursor: pointer;
	border-bottom: 2px solid var( --primary-black );
	font-weight: bolder;
}
.hnoh-active:hover {
	border-bottom: 2px solid var( --primary-blue );
	opacity: 0.6;
    
}
.global-loader-overlay {
	display: none;
	background: rgba( 26, 26, 26, 0.8 );
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	min-height: 100dvh;
	z-index: 110;
	inset: 0;
}

.global-loader-overlay-icon {
	display: none;
	font-size: 50px;
	color: var( --primary-white );
	position: fixed;
	z-index: 110;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
}

.user-account-option {
	font-size: 16px;
	font-weight: normal;
	color: var( --primary-white );
}

.user-account-option:hover {
	color: var( --primary-vibrant-red );
	cursor: pointer;
}

.user-account-options-dropdown {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	text-align: left;
	background: var( --primary-black );
	width: 220px;
	padding: 20px;
	z-index: 100;
}

.user-account-options-container {
	display: flex;
	flex-direction: column;
}

.user-account-link {
	text-decoration: none;
	color: var( --primary-white );
}

.user-account-link:hover {
	color: var( --primary-vibrant-red );
}

.user-account-option-margin {
	margin-top: 20px;
}

.user-account-option-margin-top {
	margin-top: 10px;
}

.user-account-package-info {
	font-weight: normal;
	font-size: 12px;
	margin-top: 2px;
	line-height: 1.4;
}

.user-account-package-badge {
	display: inline;
	padding: 2px 4px;
	font-size: 12px;
	color: var( --primary-white );
}

.package-badge-gold {
	background: #c5a94d;
}

.package-badge-basic {
	background: #888;
}

.package-badge-standard {
	background: var( --primary-vibrant-red );
}

.user-account-enrolled-text {
	text-transform: lowercase;
	padding-left: 5px;
	line-height: 1.4;
	font-size: 12px;
}

.change-dealership-name {
	font-size: 13px;
	font-weight: normal;
	color: #aaa;
	margin-top: 4px;
}

.my-content-sub-nav {
	background: rgba( 246, 246, 246, 1 );
	border-bottom: 3px solid rgba( 215, 215, 215, 1 );
}

.my-content-sub-nav-container {
	width:calc( 100% - 10% );
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

.my-content-sub-nav-inner {
	display: flex;
	color: rgba( 130, 130, 130, 0.996078431372549 );
	font-size: 16px;
}

.sub-nav-new,
.sub-nav-cpo {
	display: flex;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 2px solid rgba( 215, 215, 215, 1 );
}

.sub-nav-service {
	display: flex;
	margin-right: 30px;
}

.sub-nav-option {
	border-bottom: 3px solid rgba( 246, 246, 246, 1 );
	padding-bottom: 3px;
	margin-top: 3px;
}

.sub-nav-option:hover {
	border-bottom: 3px solid var( --primary-vibrant-red );
	color: var( --primary-black );
	cursor: pointer;
}

.sub-nav-option-active {
	border-bottom: 3px solid var( --primary-vibrant-red );
	padding-bottom: 3px;
	margin-top: 3px;
	color: var( --primary-black );
}

.oc-panel-text-wagoneer {
	display: none;
}

.wagoneer-order-panel-button {
	display: none;
}

.wagoneer-store-only {
	display: none;
}

/* MMC REGULAR FONT FAMILY */
.ad-unit-card-section .ad-unit-card-sub-title,
.ad-unit-card-section .ad-unit-card-heading,
.ad-unit-card-section .ad-unit-content-card-title,
.ad-unit-card-section .ad-unit-content-card-text,
.ad-unit-card-section .button-full-white,
.marketing-even-section .build-title,
.marketing-even-section .button-transparent,
.marketing-odd-section .button-full-white,
.marketing-al-la-carte .section-heading
.marketing-al-la-carte .section-info-heading,
.marketing-al-la-carte .section-info-text,
.marketing-even-section.customized-section .section-sub-title,
.marketing-even-section.customized-section .section-heading,
.marketing-even-section.customized-section .section-info-text,
.marketing-odd-section .section-info-text
{ 
	font-family: "MMC Regular", sans-serif !important; 
}

.required-text::after {
	content: "*";
    font-size: 16px;
    font-weight: 300;
    line-height: 15.43px;
    color: rgba(255, 0, 0, 1);
}

.hero-table-cell span:first-child {
    font-size: 24px;
    font-weight: 400;
}
.hero-table-cell span:last-child {
	font-size: 36px;
    font-weight: bolder;
}
.hero-table {
    position: relative;
	background: rgba(0, 0, 0, 0.72);
}
.hero-table-cell {
    display: flex;
    color: #FFF;
    place-content: normal;
    text-align: left;
    inset: 30% 5%;
    position: absolute;
    width: calc( 100% - 20% );
    flex-direction: column;
}
.ad-ym-carousel-card .fa-chevron-right.button-icon:before,
.mp-panel-download .fa-chevron-right.button-icon:before {
    content: ">";
    font-size: 24px;
    vertical-align: middle;
}

.cc-pop-up-type {
	margin-left: 10px;
}

.cc-pop-up-asset-container {
	margin-top: 10px;
}

.cc-pop-up-asset-container-inner {
	position: relative;
}

.cc-pop-up-play-container {
	position: absolute;
	width: 100%;
}

.preview-container-inner {
	position: relative;
}

.cc-pop-up-actions-container {
	margin-top: 10px;
	text-align: center;
}

.cc-pop-up-asset-table video {
	background:  #fff;
}

.card-download-button {
	display: inline-block;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.square-check {
	background-image: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA0NiA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNy45MzA2NiIgeT0iMTEuMDMwMyIgd2lkdGg9IjMxLjcyNDEiIGhlaWdodD0iMjkuOTM5NCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuNTcxNDMgMy4yNUMyLjk0Njg3IDMuMjUgMCA2LjE2NDg0IDAgOS43NVY0Mi4yNUMwIDQ1LjgzNTIgMi45NDY4NyA0OC43NSA2LjU3MTQzIDQ4Ljc1SDM5LjQyODZDNDMuMDUzMSA0OC43NSA0NiA0NS44MzUyIDQ2IDQyLjI1VjkuNzVDNDYgNi4xNjQ4NCA0My4wNTMxIDMuMjUgMzkuNDI4NiAzLjI1SDYuNTcxNDNaTTM0LjYwMjcgMjEuMjI2NkwyMS40NTk4IDM0LjIyNjZDMjAuNDk0NiAzNS4xODEzIDE4LjkzMzkgMzUuMTgxMyAxNy45NzkgMzQuMjI2NkwxMS40MDc2IDI3LjcyNjZDMTAuNDQyNCAyNi43NzE5IDEwLjQ0MjQgMjUuMjI4MSAxMS40MDc2IDI0LjI4MzZDMTIuMzcyOCAyMy4zMzkxIDEzLjkzMzUgMjMuMzI4OSAxNC44ODg0IDI0LjI4MzZMMTkuNzE0MyAyOS4wNTdMMzEuMTExNiAxNy43NzM0QzMyLjA3NjggMTYuODE4OCAzMy42Mzc1IDE2LjgxODggMzQuNTkyNCAxNy43NzM0QzM1LjU0NzMgMTguNzI4MSAzNS41NTc2IDIwLjI3MTkgMzQuNTkyNCAyMS4yMTY0TDM0LjYwMjcgMjEuMjI2NloiIGZpbGw9IiMwREI2NDYiLz4KPC9zdmc+Cg==' );	
	background-repeat: no-repeat;
	background-position: center;
	width: 60px;
	height: 60px;
	float: right;
}

.package-option-container-none {
	font-weight: bolder;
}

.hero-container {
	position: relative;
}

.hero-header-container {
	display: inline-block;
	height: 100%;
	width: 100%;
	padding-top: 0px !important;
}

.hero-car-container {
    position: absolute;
    top: 0%;
    display: flex;
    flex-direction: column;
    bottom: 0%;
    justify-content: flex-end;
    gap: 10px;
    z-index: 1;
}

.hero-video-container {
	position: relative;
}

.packages-container {
	margin-top: 0 !important;
}

.package-faq-contact {
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
}
.package-faq-contact > a {
	color: var(--primary-black);
	text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: under;
}

.marketing-even-section.customized-section {
	padding-top: 24px !important;
}
.marketing-even-section.customized-section .custom-section {
	display: flex;
	place-content: center;
	color: var(--primary-white);
}
.marketing-even-section.customized-section .custom-section .section-sub-title {
	color: var(--primary-white);
	font-size: 20px;
	font-weight: 400;
	text-transform: capitalize;		
}
.marketing-even-section.customized-section .custom-section .section-heading {
	color: var(--primary-white);
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;		
}
.marketing-even-section.customized-section .custom-section .section-right {
	display: flex;
	flex-direction: column;
	place-content: center;
	border-left: none;
	margin-top: 40px;
	margin-left: 60px;
}
.marketing-even-section.customized-section .custom-section .section-left-image {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: auto;
	max-width: 556px;
	font-size: 16px;	
}
.marketing-even-section.customized-section .custom-section .section-right .section-info-text {
	font-size: 20px;
	font-weight: 400;
	line-height: 26.46px;
}
.section-info-heading {
	font-size: 24px;
	font-weight: 700;
	margin-top: 20px;
}

.marketing-even-section .presence-section,
.marketing-odd-section .presence-section {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.marketing-even-section .presence-section .presence-section-right-inner .section-sub-title {
	color: rgba( 0, 0, 0, 1 );
	font-weight: 300;
	font-size: 36px;
	line-height: 34.73px;
}
.marketing-even-section .presence-section .presence-section-right-inner .section-heading {
	color: rgba( 0, 0, 0, 1 );
	font-weight: 700;
	font-size: 36px;
	line-height: 34.73px;
}
.marketing-even-section .presence-section .presence-section-right-inner .section-info-text {
	margin-top: unset;
}
.marketing-even-section .presence-section .presence-section-right-inner .section-info-text .customized-ul {
	color: rgba( 0, 0, 0, 1 );
	font-size: 18px;
	font-weight: 400;
	text-align: left;
}
.marketing-even-section .presence-section .presence-section-right-inner .dealer-advertisment-build-section {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.marketing-even-section .presence-section .presence-section-right-inner .dealer-advertisment-build-title {
	font-size: 36px;
	font-weight: 700;
	line-height: 34.73px;
	text-align: left;
}
.marketing-even-section .presence-section .presence-section-right-inner .dealer-advertisment-build-buttons {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    gap: 10px;
}
.marketing-odd-section .presence-section .presence-section-right {
	margin-top: 60px;
}
.marketing-even-section .presence-section .presence-section-right .presence-section-right-inner,
.marketing-odd-section .presence-section .presence-section-right .presence-section-right-inner {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.marketing-odd-section .presence-section .presence-section-right .presence-section-right-inner .section-info-text {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	line-height: 26.46px;
}
	
.cu-platform-table-cell {
	display: flex;
	border-bottom: 1px solid rgba( 215, 215, 215, 1 );
	padding-bottom: 20px;
	gap: 10px;
}

.cu-panel-text {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	gap: 5px;
	padding-top: 20px;
}

.customized-end {
	flex: 1 1 auto;
	text-align: end;
}
	
.cu-panel-action > div {
	width: 244px;
	height: 18px;
}

/* .cu-play-icon {
	color: #fff;
	height: 20px;
} */
.cu-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}
.calendar-icon:before {
	background-image: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgMS43NVYzLjc1TTYuNzUgNS4yNVYzLjc1TTEzLjI1IDEuNzVWMy43NU0xMy4yNSA1LjI1VjMuNzVNNi43NSAzLjc1SDMuNzVDMi42NDU0MyAzLjc1IDEuNzUgNC42NDU0MyAxLjc1IDUuNzVWMTYuMjVDMS43NSAxNy4zNTQ2IDIuNjQ1NDMgMTguMjUgMy43NSAxOC4yNUgxNi4yNUMxNy4zNTQ2IDE4LjI1IDE4LjI1IDE3LjM1NDYgMTguMjUgMTYuMjVWNS43NUMxOC4yNSA0LjY0NTQzIDE3LjM1NDYgMy43NSAxNi4yNSAzLjc1SDEzLjI1TTYuNzUgMy43NUgxMy4yNU0xLjc1IDguNzVIMTguMjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==' );
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 22px;
	display: inline-block;
	content: '';
	vertical-align: middle;
	font-size: 12px;
	
}

.download-icon:before {
	background-image: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEyLjI1VjEuNzVNMTAgMTIuMjVMMTMuMjUgOS4yNU0xMCAxMi4yNUw2Ljc1IDkuMjVNMTguMjUgMTMuNzVWMTYuMjVDMTguMjUgMTcuMzU0NiAxNy4zNTQ2IDE4LjI1IDE2LjI1IDE4LjI1SDMuNzVDMi42NDU0MyAxOC4yNSAxLjc1IDE3LjM1NDYgMS43NSAxNi4yNVYxMy43NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K' );
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 22px;
	display: inline-block;
	content: '';
	vertical-align: middle;
	font-size: 12px;
}

.order-menu-container {
	background: var( --primary-white );
	position: absolute;
	top:-133%;
	width: 100%;
	-webkit-transition: 0.3s top ease-in-out;
	transition: 0.3s top ease-in-out;
	left: 0px;
	right: 0px;
	text-align: center;
	/* padding-bottom: 70px; */
	color: var( --primary-black );
	border-bottom: 1px solid rgba( 215, 215, 215, 1 );
	z-index: 1;
}

.ohover {
	top: 70px;
	left: 0px;
	right: 0px;
	width: 100%;
}

.order-menu-inner {
	max-width:calc( 100% - 10% );
	margin: 0 auto;
	margin-top: 50px;
}

.oc-panel-table-cell {
	height: 378px;
	width: 306px;
	display: table-cell;
	vertical-align: middle;
}

.oc-panel:hover {
	box-shadow: 5px 5px 5px 5px rgba( 0, 5, 6, 0.3 );
	cursor: pointer;
}

.oc-panel-icon {
	height: 86px;
	font-size: 50px;
	color: var( --primary-black );
	margin: 60px 0;
}

.oc-panel-text {
	padding: 20px;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	color: var( --primary-black );
	border-bottom: 2px solid #C9C9C9;
	height: 80px;
}

.ahover {
	top: 70px;
	left: 0px;
	right: 0px;
	width: 100%;
}

.cc-pop-up-arrow-container-table {
	display: table;
	height: 90px;
	background: rgba( 0, 0, 0, .4 );
	padding: 10px;
	cursor: pointer;
}

.cc-pop-up-arrow-container-table-cell {
	display: table-cell;
	height: 90px;
	vertical-align: middle;
	color: #fff;
	font-size: 20px;
}

.cc-pop-up-text {
	font-size: 16px;
	font-weight: bold;
	margin-right: 5px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
}

.my-content-nav-inner {
	justify-content: space-between;
}

.my-content-left-column {
	display: inline-block;
	float: left;
}

.my-content-right-column {
	display: inline-block;
	float: right;
}
.customized-pannel {
	display: flex;
	align-items: center;
	text-align: center;
}
.header-container-table-cell {
	height: 100%;
	width: 100%;
}
.header-container-table-cell a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: var(--primary-black);
}
.header-container-table-cell a:hover {
	background: var(--primary-vibrant-red);
}
.hero-car-wrap,
.hero-watch-container,
.hero-carousel-points {
	z-index: 2;
}
.hero-carousel-points {
	display:flex; 
	justify-content:center;
	margin:10px auto 20px auto;
}

.header-name a {
	display: flex;
	align-items: center;
	height: 100%;
}

.header-container.header-container-logged-in {
	color: var( --primary-white );
	background: var(--primary-black);
}
.header-container.header-container-logged-in .header-nav-option,
.header-container.header-container-logged-in .header-nav-option > a {
	color: var( --primary-white );
	text-transform: uppercase;
}
.header-nav-option-hoverable {
	padding-bottom: 5px;
}
.header-container.header-container-logged-in .hnoh-active {
	border-bottom: 3px solid var( --primary-vibrant-red );
}

.header-container.header-container-logged-in .header-name a {
	color: var(--primary-white)
}

.logo-container {
	display: flex;
	flex-direction: column;
}
.logo-container-inner {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.logo-image-container {
	display: flex;
	align-items: center;
}

.header-container-logged-in .logo-image-container > img {
	width: 100%;
	max-width: 270px;
	height: 90px;
}

.footer-container-logged-in .logo-image-container > img {
	width: 100%;
	max-width: 200px;
	height: auto;
}


.header-container-logged-in .logo-right-column > span,
.footer-container-logged-in .logo-right-column > span {
	color: var(--primary-white);
}

.footer-container-logged-in {
	background: var(--primary-black);
}

.ba-container {
	width: calc( 100% - 10% );
	margin: 0 auto;
}

.ba-row {
	font-size: 22px;
	display: flex;
	gap: 10px;
	border-bottom: 1px solid #C9C9C9;
	padding: 20px;
	align-items: center;
    justify-content: space-between;
}

.ba-folder-icon {
	margin-right: 10px;
}

.ba-download-container {
	flex: 1;
	text-align: right;
}

.ba-download-icon {
	margin-right: 5px;
}

.button-default {
    padding: 14px;
    background: #05141F;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border: none;
    cursor: pointer;
	border: 1px solid #000;
}

.button-default:hover {
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

@media only screen and ( min-width: 1200px ) { /* desktop styles */
	.preview-container-inner {
		width: 800px;
	}

	.preview-container,
	.banner-preview-container {
		left: 0;
	}

	.all-custom-content {
		display: flex;
    	flex-wrap: wrap;
    	gap: 24px;
    	margin: 20px 0;
	}

	.cu-panel-wrap {
    	width: 340px;
    	height: auto;
    	margin-right: 20px;
    	margin-bottom: 20px;
	}

	.cu-panel {
		height: auto;
		display: flex;
		flex-direction: column;
		padding: 15px;
	}
	.cu-panel {
		box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
		background: #fff;
		position: relative;
		transition: transform 0.1s ease, box-shadow 0.1s ease;
	}

	.cu-panel:hover {
        cursor: pointer;
        transform: translateY(-10px);
        box-shadow: 0 5px 10px rgba(0, 5, 6, 0.3);
	}

	.cu-panel-info-container {
		padding: 20px;
		position: relative;
		height: auto;
		margin-bottom: 20px;
	}
	
	.cu-panel-action {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		text-align: center;
        gap: 20px;
	}

	.cu-panel-download {
		cursor: pointer;
	}
	
	.cu-top-table {
		height: 200px;
		width: 306px; /* was 270px */
		position: relative;
		display: table;
	}

	.cu-top-table-cell {
		display: table-cell;
		height: 270px;
		width: 306px; /* was 270px */
		vertical-align: middle;
	}

	.cu-panel-wrap-document .cu-top-table-cell {
		background-color: #efefef;
	}

	.cu-play-container {
		position: relative;
	}

	.cu-play-container-inner {
		position: absolute;
	}

	.cu-play-table {
		height: 270px;
		width: 306px; /* was 270px */
		position: relative;
		display: table;
	}

	.cu-play-table-cell {
		display: table-cell;
		vertical-align: middle;
        text-align: center;
	}

	.cu-top-img {
		display: block;
		max-height: 270px;
		max-width: 306px; /* was 270px */
		margin: 0 auto;
	}

	.cu-panel-platform {
		height: 90px;
		width: 37px;
		float: left;
		font-size: 27px
	}

	.cu-panel-text-container {
		height: 90px;
		width: 200px;
		float: left;
	}

	.cu-panel-sub-title {
		margin-top: 20px;
	}

	.cu-panel-type-mobile {
		font-size: 12px;
		float: right;
		margin-right: 10px;
		margin-top: 10px;
		text-align: right;
	}

	.cu-status-container {
		position: absolute;
		right: 0;
		margin-right: 10px;
		font-size: 12px;
	}

	.custom-content-pop-up,
	.custom-banner-content-pop-up {
		margin-top: 10px;
	}

	.cc-pop-up-asset-table {
		height: 300px;
		width: 800px;
		display: table;
	}

	.cc-pop-up-play-table {
		height: 300px;
		width: 1000px;
		display: table;
	}

	.cc-pop-up-play-table-cell {
		display: table-cell;
		height: 300px;
		width: 1000px;
		vertical-align: middle;
		text-align: center;
	}

	.cc-pop-up-img-table-cell {
		display: table-cell;
		height: 300px;
		width: 1000px;
		vertical-align: middle;
	}

	.cc-pop-up-img {
		display: block;
		max-width: 1000px;
		max-height: 350px;
		margin: 0 auto;
	}

	.cc-pop-up-left {
		position: absolute;
		left: -34px;
		z-index: 1;
	}

	.cc-pop-up-right {
		position: absolute;
		right: -34px;
		z-index: 1;
	}

	.cc-pop-up-arrow-table {
		display: table;
		height: 400px;
	}

	.cc-pop-up-arrow-table-cell {
		display: table-cell;
		height: 400px;
		vertical-align: middle;
	}

	.cc-pop-up-header {
		font-size: 36px;
		margin-right: 5px;
		display: inline-block;
	}

	.cc-pop-up-status {
		float: right;
		font-size: 12px;
	}

	.cc-pop-up-download-container {
		display: inline-block;
	}

	.cc-pop-up-delete-container {
		display: inline-block;
		width: 200px;
	}
	/*
		Purchase modal style
	*/
	.pop-up-title-border {
		display: none;
	}
	.pop-up-inner {
		display: flex;
		flex-direction: column;
		margin: 30px auto;
	}
	.pop-up-content > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 40px;
	}
	.pop-up-actions {
		width: 100%;
	}
	.pop-up-actions > div {
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}
	.pop-up-content > div:first-child {
		font-size: 24px;
		font-weight: 700;
	}
	.pop-up-content > div:last-child {
		font-size: 18px;
		font-weight: 300;
		text-align: center;
	}
	.pop-up-left-action,
	.pop-up-right-action {
		width: 150px;
	}
	.warning-icon {
		background-image: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3Ljk5ODQgNkMyOS4yMTg4IDYgMzAuMzQ0NyA2LjYzNjE2IDMwLjk2MzUgNy42Nzk0Nkw0OS41MjczIDM4Ljg5MzdDNTAuMTU0NyAzOS45NDU1IDUwLjE1NDcgNDEuMjQzMyA0OS41NDQ1IDQyLjI5NTFDNDguOTM0MyA0My4zNDY5IDQ3Ljc5MTIgNDQgNDYuNTYyMiA0NEg5LjQzNDU3QzguMjA1NTggNDQgNy4wNjI1MyA0My4zNDY5IDYuNDUyMzMgNDIuMjk1MUM1Ljg0MjEzIDQxLjI0MzMgNS44NTA3MiAzOS45MzcgNi40Njk1MiAzOC44OTM3TDI1LjAzMzMgNy42Nzk0NkMyNS42NTIxIDYuNjM2MTYgMjYuNzc4IDYgMjcuOTk4NCA2Wk0yNy45OTg0IDE2Ljg1NzFDMjYuODU1NCAxNi44NTcxIDI1LjkzNTggMTcuNzY0NyAyNS45MzU4IDE4Ljg5MjlWMjguMzkyOUMyNS45MzU4IDI5LjUyMSAyNi44NTU0IDMwLjQyODYgMjcuOTk4NCAzMC40Mjg2QzI5LjE0MTUgMzAuNDI4NiAzMC4wNjExIDI5LjUyMSAzMC4wNjExIDI4LjM5MjlWMTguODkyOUMzMC4wNjExIDE3Ljc2NDcgMjkuMTQxNSAxNi44NTcxIDI3Ljk5ODQgMTYuODU3MVpNMzAuNzQ4NiAzNS44NTcxQzMwLjc0ODYgMzUuMTM3MyAzMC40NTg4IDM0LjQ0NjkgMjkuOTQzMSAzMy45Mzc5QzI5LjQyNzMgMzMuNDI4OCAyOC43Mjc4IDMzLjE0MjkgMjcuOTk4NCAzMy4xNDI5QzI3LjI2OSAzMy4xNDI5IDI2LjU2OTUgMzMuNDI4OCAyNi4wNTM3IDMzLjkzNzlDMjUuNTM4IDM0LjQ0NjkgMjUuMjQ4MiAzNS4xMzczIDI1LjI0ODIgMzUuODU3MUMyNS4yNDgyIDM2LjU3NyAyNS41MzggMzcuMjY3NCAyNi4wNTM3IDM3Ljc3NjRDMjYuNTY5NSAzOC4yODU1IDI3LjI2OSAzOC41NzE0IDI3Ljk5ODQgMzguNTcxNEMyOC43Mjc4IDM4LjU3MTQgMjkuNDI3MyAzOC4yODU1IDI5Ljk0MzEgMzcuNzc2NEMzMC40NTg4IDM3LjI2NzQgMzAuNzQ4NiAzNi41NzcgMzAuNzQ4NiAzNS44NTcxWiIgZmlsbD0iI0JBQkFCQSIvPgo8L3N2Zz4K' );
		background-repeat: no-repeat;
		background-position: center;
		width: 50px;
		height: 50px;
	}
	.cc-pop-up-download-container .button-black {
		width: 100%;
	}

	.cu-platform-img-container {
		float: left;
		display: table;
		height: 24px;
		width: 24px;
	}

	.cu-platform-img-container img {
		display: block;
		width: 24px;
		height: 24px;
	}

	.cu-platform-table {
		display: table;
		height: 20px;
	}

	.cu-platform-name {
		font-size: 18px;
		font-weight: 700;
	}

	.cu-panel-title {
		font-size: 16px;
		font-weight: 600;
		text-align: left;
		padding-bottom: 10px;
		padding-left: 5px;
	}

	.cu-duration-container {
		position: absolute;
		right: 0;
		bottom: 0;
		right: 0;
		width: 34px;
		height: 20px;
	}

	.cu-duration-text {
		background: rgba( 0, 0, 0, 0.5 );
		color: #fff;
		padding: 3px;
		font-size: 12px;
		margin-right: 5px;
	}
	
	.header-container-table-cell-li {
		position: relative;
		display: flex;
        align-items: center;
	}

	.a-default {
		color: #d9d9da;
	}

	.banner-size {
		font-size: 16px;
		margin-top: 5px;
	}

	.banner-title-link {
		display: inline-block;
	}

	.content-section-inner {
		max-width: calc( 100% - 10% );
		margin: 0 auto;
	}

	.footer-container-inner {
		max-width: calc( 100% - 10% );
		margin: 0 auto;
	}

	.footer-section {
		display: inline-block;
		width: 100%;
		margin-top: 0;
	}

	.footer-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 0;
		padding: 20px 0;
	}

	.footer-left-retail {
		display: inline-block;
	}

	.footer-left-img {
		max-width: 150px;
	}

	.footer-right {
		width: 47%;
		float: right;
	}

	.footer-my-account-container {
		display: none;
	}

	.footer-nav-option-first {
		color: var( --primary-white );
	}

	.footer-site-logo-container {
		float: left;
	}

	.footer-oem-logo-container {
		display: inline-block;
		margin-top: 3px;
	}

	.header-logo-img {
		width: calc( 100% - 14% );
		object-fit: contain;
	}

	/* .header-oem-logo {
		float: right;
		padding-left: 20px;
	} */

	.header-oem-logo-img {
		display: block;
		width: 70px;
		margin-top: 3px;
	}

	.header-mobile-nav {
		display: none;
	}

	.header-container {
		color: var( --primary-black );
		background: var( --primary-white );
		position: relative;
		z-index: 2;
	}
	.header-container-inner {
		max-width: calc( 100% - 10% );
		margin: 0 auto;
		height: 120px;
	}
	.header-container-logged-in .header-container-inner {
		height: 150px;
	}
	.header-name {
		float: left;
		font-weight: bold;
		color: var( --primary-white );
		height: 100%;
	}

	.header-nav-option {
		display: inline-block;
		color: var( --primary-black );
		font-weight: bold;
	}

	.header-nav-option-button {
		display: inline-block;
		color: var( --primary-white );
		font-weight: bold;
		width: 100%;
		height: 100%;
	}

	.header-container-table {
		display: table;
		float: right;
		height: 100%;
	}
	
	.header-nav-option #user_account_icon {
		font-size: 22px;
		margin-top: 50px;
	}
	.header-nav-option #user_account_icon:hover {
		cursor: pointer;
		opacity: 0.6;
	}
	
	.header-container-table .header-container-table-cell a {
		width: 212px; /* according to the figma design */
	}

	.header-block {
		display: inline-block;
		height: 100%;
		width: 100%;
	}

	.header-block-contact-link,
	.header-block-login-link,
	.header-block-about-link,
	.header-block-my-content-link,
	.header-block-order-new-content-link,
	.header-block-support-link {
		float: right;
		margin-top: 50px;
		margin-right: 50px;
	}

	.header-block-contact-link-li {
		float: right;
		margin-top: 24px;
		margin-right: 40px;
	}

	.mobile-only-block {
		display: none;
	}

	.mobile-only-inline-block {
		display: none;
	}

	.order-tracker-container {
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;
		width: calc( 50% - 25px );
	}

	.order-steps-container {
		padding-left: 10px;
		padding-right: 10px;
		width: 50%;
		margin: 0 auto;
		margin-bottom: 100px;
	}

	.pc-only-block {
		display: block;
		height: 100%;
	}

	.pc-only-inline-block {
		display: inline-block;
	}

	.questions-container {
		font-size: 16px;
	}

	.questions-link {
		margin-top: 5px;
	}

	.questions-default {
		display: none;
	}

	.title-nav-container {
		display: inline-block;
		width: 100%;
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.title-nav-back-container {
		float: left;
		width: 30px;
	}

	.title-nav-heading {
		display: inline-block;
		margin-left: 20px;
		font-size: 30px;
		font-weight: bold;
	}

	.title-nav-questions {
		float: right;
	}

	.title-nav-plus-container {
		display: none;
	}

	.preview-video-container {
		background: white;
		top: 0px;
		margin: 0 auto;
		margin-top: 6px;
		z-index: 10;
	}

	.preview-container-inner {
		top: 0px;
		margin: 0 auto;
		width: 800px;
		height: auto;
	}
	.preview-container-broadcast .preview-container-inner {
		width: calc( 100% - 24px );
		max-width: 1040px;
	}

	.preview-container-broadcast .cc-pop-up-asset-table {
		width: 100%;
		height: auto;
		display: block;
	}

	.broadcast-popup-video {
		display: block;
		width: 100%;
		max-width: 980px;
		height: auto;
		max-height: 68vh;
		margin: 0 auto;
		background: #000;
	}

	.logged-in-nav {
		margin-top: 2px;
		float: left;
	}

	.logged-in-nav-table {
		display: table;
		height: 61px;
	}

	.logged-in-nav-table-cell {
		display: table-cell;
		height: 61px;
		vertical-align: middle;
	}

	.carousel-wrap {
		padding-bottom: 40px;
	}

	.oc-panel { 
		width: 306px; /* was 220px */
		height: 400px; /* was 220px */
		display: table;
		box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
		float: left;
		margin-right: 20px;
		padding: 20px;
	}

	.r-overlay {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background: var( --primary-white );
		display: none;
		font-size: 20px;
		color: var( --primary-white );
		border-top: 3px solid var( --primary-vibrant-red );
	}

	.r-overlay-border {
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid rgba( 215, 215, 215, 1 );
		color: var( --primary-black );
	}

	.r-overlay-close {
		position: relative;
		float: right;
		cursor: pointer;
	}

	.r-overlay-close-inner {
		position: absolute;
		right: 0;
	}

	.r-overlay-header {
		width: var( --outer-box-width );
		margin: 0 auto;
		text-align: center;
		font-size: 28px;
	}

	.preview-container {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 40px;
		z-index: 101;
		display: none;
	}

	.banner-preview-container {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 58px;
		z-index: 101;
		display: none;
	}
	
	.cdc {
		display: none;
		font-size: 50px;
		color: var( --primary-white );
		position: fixed;
		z-index: 111;
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50% );
	}

	.cdc-pad {
		padding: 20px;
		width: 600px;
		background: var( --primary-black );
		color: var( --primary-white );
	}

	.cdc-title {
		font-size: 24px;
		float: left;
		font-weight: bold;
	}

	.cdc-close {
		font-size: 20px;
		float: right;
	}

	.cdc-close:hover {
		cursor: pointer;
	}

	.cdc-input {
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
		border: 1px solid var(--primary-white);
		font-size: 20px;
	}

	.cdc-list {
		padding: 20px;
		width: 100%;
		border: 1px solid var(--primary-white);
		height: 400px;
		overflow-y: scroll;
		margin-top: 20px;
		box-sizing: border-box;
	}

	.cdc-list-item {
		margin-bottom: 20px;
		font-size: 20px;
	}

	.cdc-list-item:hover {
		color: var(--primary-vibrant-red);
		font-weight: bold;
		cursor: pointer;
	}

	.cdc-list-item-sub-text {
		font-size: 16px;
	}

	.my-content-nav-title-mobile {
		display: none;
	}

	.my-content-inner {
		width: calc( 100% - 15% ); /* was 1185px */
		margin: 0 auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.my-content-nav-inner {
		max-width: calc( 100% - 10% );
		margin: 0 auto;
	}

	.my-content-right-column {
		float: right;
	}

	.my-content-title {
		display: inline-block;
	}

	.my-content-nav-right {
		display: inline-block;
	}

	.my-content-nav-ready-table {
		display: table;
		width: 100%;
		height: 40px;
		/* width: 175px; */
		width: auto;
	}

	.my-content-nav-ready-container {
		font-size: 16px;
		border-right: 2px solid rgba( 215, 215, 215, 1 );
	}

	.my-content-nav-custom-container {
		font-size: 16px;
		border-right: 2px solid rgba( 215, 215, 215, 1 );
	}

	.my-content-nav-showcase-container {
		font-size: 16px;
	}

	.my-content-nav-custom-table {
		display: table;
		width: 100%;
		height: 40px;
		width: 130px;
		margin-left: 25px;
	}

	.my-content-nav-showcase-table {
		display: table;
		width: 100%;
		height: 40px;
		width: 150px;
		margin-left: 25px;
	}

	.my-content-nav-search-table {
		display: table;
		height: 40px;
		width: 350px;
		margin-left: 25px;
	}

	.my-content-nav-table-cell {
		display: table-cell;
		vertical-align: middle;
	}

	.pop-up-container {
		width: 500px;
		background: var( --primary-white );
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50% );
		display: none;
		z-index: 111;
	}

	.pop-up-inner {
		padding: 10px 20px;
	}

	.pop-up-title {
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.pop-up-title-border {
		width: 45px;
		height: 3px;
		background: var( --primary-vibrant-red );
	}

	.pop-up-content {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.pop-up-actions {
		margin-top: 20px;
	}

	.pop-up-left-action {
		display: inline-block;
	}

	.pop-up-right-action {
		float: right;
	}

	/****************
	**************
		MITTSUBISHI SPECIFIC STYLE OVERRIDE
		Copyright (c) 2026
	**************
	/****************/

	.header-nav-option,
	.button-transparent-enroll {
		text-transform: capitalize;
	}
	/* FONT SIZE 20px */
	.header-nav-option,
	.button-transparent-enroll {
		font-size: 20px;
	}
	
	/* FONT WEIGHT 400 */
	.header-nav-option,
	.button-transparent-enroll {
		font-weight: 400;
	}
	/* FONT SPACING */
	.header-nav-option,
	.button-transparent-enroll {
		letter-spacing: 0.8px;
	}
	
	.hero-sub-text {
        text-transform: capitalize;
		width: 720px;
    }
	
	.hero-video-container {
		width: 100%;
		height: 100%;
		max-height: 544px;
		overflow: hidden;
	}

	.hero-video-container video {
		object-fit: cover;
		height: 544px;
	}

	/* .hero-car-container {
		position: absolute;
		top: 40%;
		display: flex;
		flex-direction: column;
		gap: 10px;
		place-content: center;
	} */

	/****** OVERRIDE MARKETING STYLE CSS: START HERE  ******/
	.hero-watch-container {
		margin-top: 0 !important;
		margin-bottom: 40px;
	}
	
	/* FONT SIZE 36px */
	.hero-sub-text {
        font-size: 36px !important;
    }
	.hero-watch-button-container {
		width: 400px !important;
	}
	.watch-overview-button-watch {
		float: left !important;
	}
	.section-right-img,
	.section-left-img {
		object-fit: contain;
	}
	.section-right-image-float {
		width: fit-content !important;
		max-width: 599px; /*was in figma 799px */
		max-height: 683px;
	}
	.section-left-image,
	.section-right-image-float {
		margin-bottom: unset !important;
	}
	.packages-section-pad {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.package-month-container {
		font-size: 24px !important;
		font-weight: bolder !important;
	}
	.packages-section {
		width: var( --outer-box-width );
		margin: 0 auto;
	}
	.marketing-al-la-carte {
		display: flex;
		justify-content: space-between;
		align-items: end;
		padding-bottom: 0px !important;
		margin-top: 0 !important;
	}
	.marketing-al-la-carte .section-left-block {
		width: 44% !important;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section-info-heading > span {
		display: block;
	}
	.section-left-inner {
		margin-right: 5px !important;
	}
	.section-info-text {
		line-height: 18px;
	}
	.section-info-text > span {
		display: block;
		padding-bottom: 2px;
	}
	.marketing-even-section .presence-section .presence-section-right-inner .dealer-advertisment-build-buttons{
		gap: 20px;
	}
	.marketing-even-section .presence-section .presence-section-right-inner .dealer-advertisment-build-buttons a:last-child .build-button {
		margin-left: 10px;
	}
	.marketing-even-section .presence-section .presence-section-right {
		width: 36% !important;
	}
	.marketing-even-section .presence-section .mkt-img-pc {
		max-width: 824px;
		width: fit-content;
	}
	.marketing-odd-section .presence-section .presence-section-right .presence-section-right-inner a { 
		display: inline;
        width: 147px;
		padding-top: 24px;
        margin-left: 14px;
	}
	.packages-container {
		display: flex !important;
		justify-content: space-between;
	}

	.package-gold,
	.package-platinum {
		margin-left: unset !important;
	}
	
	.package-panel {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	/****** OVERRIDE MARKETING STYLE CSS: END HERE  ******/
	.footer-headings-container {
		display: none;
		background: var( --primary-black );
		border-top: 1px solid gray;
	}
	.footer-headings-container-inner {
		display: flex;
		max-width: calc( 100% - 10% );
		margin: 0 auto;
		padding: 10px;
		width: 100%;
		justify-content: flex-start;
	}
	.footer-headings-container-inner > a .footer-nav-option {
		font-size: 16px;
		font-weight: 400;
		color: #ffffff;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	.footer-contact-logged-in {
		margin-left: auto;
		display: flex;
		align-items: center;
		text-decoration: none;
	}
	.footer-contact-link {
		color: var( --primary-white );
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 1px;
	}
	.footer-container-inner .footer-cp-right {
		display: inline-block;
		color: var( --primary-black );
		font-size: 13px;
		font-weight: 300;
		margin-top: auto;
	}

	/* Custom empty state */
	.custom-empty-container {
		text-align: center;
		padding: 40px 10px 40px 10px;
	}
	.custom-empty-title {
		font-size: 20px;
		font-weight: bold;
		padding-bottom: 20px;
		color: var( --primary-black );
	}
	.custom-empty-subtitle {
		font-size: 16px;
		padding-bottom: 5px;
		color: var( --primary-black );
	}
	.custom-empty-action {
		font-size: 14px;
	}
	.custom-empty-link {
		color: #e70016;
	}
}

@media only screen and ( max-width: 1200px ) { /* mobile styles */
	.logo-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
	.hero-car-wrap,
	.hero-watch-container {
		margin-top: 0 !important;
	}
	.hero-video-container {
		height: 100%;
	}
	.hero-video-container video {
		height: 100%;
	}
	.hero-watch-button-container {
		display: inline-block;
	}
	.hero-watch-button-container .watch-overview-button-watch,
	.hero-watch-button-container .button-full-white,
	.build-button-right,
	.build-button {
		display: inline-block;
	}
	.hero-watch-button-container .watch-overview-button-watch,
	.build-buttons .build-button-right {
		margin-right: 20px;
	}
	.header-mobile-nav-top-inner img {
		background-color: var(--primary-white);
        padding: 10px 20px;
	}
	.package-panel {
		height: 768px !important;
	}
	.marketing-even-section.customized-section .custom-section{
		flex-direction: column;
	}
	.marketing-even-section.customized-section .custom-section .section-right {
		margin-top: 0;
		margin-left: 0;
	}
	.marketing-even-section.customized-section .custom-section .section-left-image {
		max-width: none;
	}
	.marketing-odd-section.bg-black .marketing-al-la-carte {
		display: flex;
    	flex-direction: column-reverse;
		gap: 20px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.marketing-odd-section.bg-black .marketing-al-la-carte .section-left-block,
	.marketing-odd-section.bg-black .presence-section .section-left-image {
		padding-top: 40px;
	}
	.marketing-odd-section .presence-section .presence-section-right {
		padding-bottom: 40px;
		margin-top: 20px;
	}
	/* .marketing-even-section .presence-section .presence-section-right-inner .dealer-advertisment-build-buttons a:last-child .build-button {
		margin-left: 5px;
	} */
	.marketing-even-section .presence-section, 
	.marketing-odd-section .presence-section {
		flex-direction: column-reverse;
	}
	.marketing-even-section .presence-section .section-left-image {
		padding-top: 40px;
	}
	.marketing-even-section .presence-section .presence-section-right .presence-section-right-inner {
		padding-bottom: 40px;	
	}
	
	.cu-platform-name {
		font-size: 18px;
		font-weight: 700;
	}
	
	.cu-platform-img-container img {
		display: block;
		width: 20px;
		height: 20px;
	}

	.oc-panel { 
		width: calc( 100% - 20% ); /* was 220px */
		height: 400px; /* was 220px */
		display: table;
		box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
		float: left;
		padding: 20px;
		margin: 20px auto;
	}

	.banner-preview-container {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 58px;
		z-index: 101;
		display: none;
	}

	.pop-up-inner {
		display: flex;
		flex-direction: column;
		margin: 30px auto;
	}
	
	.pop-up-content > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 40px;
	}

	.pop-up-content > div:first-child {
		font-size: 20px;
		font-weight: 700;
	}
	
	.pop-up-content > div:last-child {
		font-size: 14px;
		font-weight: 300;
	}

	/* Footer Styles for Mobile */
	.footer-headings-container {
		display: none;
		background: var( --primary-black );
		border-top: 1px solid gray;
	}
	.footer-headings-container-inner {
		display: flex;
		max-width: calc( 100% - 10% );
		margin: 0 auto;
		padding: 10px;
		width: 100%;
		justify-content: flex-start;
	}
	.footer-headings-container-inner > a .footer-nav-option {
		font-size: 16px;
		font-weight: 400;
		color: #ffffff;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	.footer-contact-logged-in {
		margin-left: auto;
		display: flex;
		align-items: center;
		text-decoration: none;
	}
	.footer-contact-link {
		color: var( --primary-white );
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 1px;
	}
	.footer-container-inner .footer-cp-right {
		display: inline-block;
		color: var( --primary-black );
		font-size: 13px;
		font-weight: 300;
		margin-bottom: 20px;
	}

	/* Custom empty state - mobile */
	.custom-empty-container {
		text-align: center;
		padding: 30px 10px 30px 10px;
	}
	.custom-empty-title {
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 15px;
	}
	.custom-empty-subtitle {
		font-size: 13px;
		padding-bottom: 5px;
	}
	.custom-empty-action {
		font-size: 13px;
	}
	.custom-empty-link {
		color: #e70016;
	}

	.footer-row {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		max-width: calc(100% - 10%);
		margin: 0 auto;
		padding: 20px 10px;
	}

	.content-section-inner {
		margin: 0 auto;
	}

	.header-container {
		color: var( --primary-white );
		position: relative;
	}

	.header-container-inner {
		width: 100%;
		margin: 0 auto;
		padding: 20px 10px;
	}
	
	.scrolled-past-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 5;
		background: var( --primary-white );
		box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
	}
	
	.header-bars {
		font-size: 30px;
		cursor: pointer;
		color: var( --primary-black );
		padding-right: 6px;
		display: inline-block;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.header-name {
		font-weight: bold;
		font-size: 18px;
		color: var( --primary-white );
		text-align:center;
		width: 100%;
	}
	.hero-container {
		height: 240px;
	}
	
	.hero-car-container {
		position: absolute;
		display: flex;
		flex-direction: column;
		z-index: 1;
		bottom: 0;
		justify-content: end;
	}


	.header-mobile-nav {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background: var( --primary-black );
		display: none;
		font-size: 16px;
		color: var( --primary-white );
	}

	.header-mobile-nav-close{
		position:absolute;
		margin-right: 15px;
		font-size: 32px;
		right: 0px;
		top: 0;
		margin-top: 7px;
	}

	.header-mobile-nav-close-container {
		text-align: right;
		font-size: 30px;
		color: #d9d9da;
		padding-right: 15px;
		cursor: pointer;
		border-bottom: 2px solid #424242;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.header-mobile-nav-options-container {
		font-weight: bold;
	}

	.header-mobile-nav-option {
		cursor: pointer;
		color: var( --primary-white );
		padding-left: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 2px solid #424242;
	}

	.header-mobile-nav-option-bold {
		font-weight: bold;
	}

	.header-mobile-nav-option-sub {
		font-weight: normal;
	}

	.mobile-only-block {
		display: block;
	}

	.mobile-only-inline-block {
		display: inline-block;
	}

	.order-tracker-container {
		margin-top: 30px;
		margin-bottom: 30px;
		width: calc( 100% - 65px );
		padding-left: 20px;
		padding-right: 20px;
	}

	.order-steps-container {
		padding-left: 20px;
		padding-right: 20px;	
	}

	.pc-only-block {
		display: none;
	}

	.pc-only-inline-block {
		display: none;
	}

	.questions-container {
		font-size: 16px;
		text-align: center;
	}

	.questions-link {
		margin-top: 5px;
		text-align: left;
	}

	.questions-default {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.title-nav-container {
		display: inline-block;
		width: 100%;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.title-nav-back-container {
		float: left;
		width: 30px;
		margin-left: 10px;
	}

	.title-nav-heading {
		display: inline-block;
		width: calc( 100% - 80px );
		text-align: center;
		font-size: 30px;
		font-weight: bold;
	}

	.title-nav-questions {
		display: none;
	}

	.title-nav-plus-container {
		float: right;
		width: 30px;
		margin-right: 10px;
		cursor: pointer;
	}

	.title-nav-plus-icon {
		color: green;
		font-size: 34px;
		font-weight: bold;
	}

	.preview-video-container {
		background: white;
		top: 0px;
		margin: 0 auto;
		margin-top: 10px;
		z-index: 10;
	}

	.preview-container-inner {
		top: 0px;
		margin: 0 auto;
		width: calc( 100% - 20px );
		height: auto;
	}

	.order-menu-container {
		display: none;
	}

	.ohover {
		display: none;
	}

	.ahover {
		display: none;
	}

	.r-overlay {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background: var( --primary-white );
		display: none;
		font-size: 20px;
		color: var( --primary-white );
		border-top: 3px solid var( --primary-vibrant-red );
	}

	.r-overlay-border {
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid rgba( 215, 215, 215, 1 );
		color: var( --primary-black );
	}

	.r-overlay-close {
		position: relative;
		float: right;
		cursor: pointer;
		margin-right: 10px;
	}

	.r-overlay-close-inner {
		position: absolute;
		right: 0;
	}

	.r-overlay-header {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 16px;
	}

	.preview-container,
	.banner-preview-container,
	.preview-container-broadcast,
	.preview-container-banner {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 52px;
		z-index: 101;
		display: none;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 10px 0 20px;
		box-sizing: border-box;
	}

	.preview-container-inner {
		width: calc( 100% - 24px );
		max-width: 680px;
	}

	.preview-container .cc-pop-up-img,
	.preview-container video,
	.banner-preview-container .cc-pop-up-img,
	.banner-preview-container video {
		max-width: 100%;
		margin: 0 auto;
		height: auto;
		max-height: 55vh;
	}

	.preview-container .cc-pop-up-download-container .button-black,
	.banner-preview-container .cc-pop-up-download-container .button-black {
		width: min( 260px, 82vw ) !important;
		margin-left: auto;
		margin-right: auto;
	}

	.header-mobile-nav-top {
		text-align: center;
		position: relative;
	}

	.header-mobile-nav-top-inner {
		text-align: center;
		padding-top: 9px;
		padding-bottom: 5px;
	}

	.header-mobile-nav-top-inner img {
		height: 30px;
	}

	.cdc {
		display: none;
		font-size: 50px;
		color: var( --primary-white );
		position: fixed;
		z-index: 111;
		width: 100%;
	}

	.cdc-pad {
		padding: 15px;
		width: 100%;
		background: var( --primary-black );
		color: var( --primary-white );
		box-sizing: border-box;
	}

	.cdc-title {
		font-size: 24px;
		float: left;
		font-weight: bold;
	}

	.cdc-close {
		font-size: 20px;
		float: right;
	}

	.cdc-close:hover {
		cursor: pointer;
	}

	.cdc-input {
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
		border: 1px solid var(--primary-white);
		font-size: 20px;
	}

	.cdc-list {
		padding: 20px;
		width: 100%;
		border: 1px solid var(--primary-white);
		height: 300px;
		overflow-y: scroll;
		margin-top: 20px;
		box-sizing: border-box;
	}

	.cdc-list-item {
		margin-bottom: 20px;
		font-size: 20px;
	}

	.cdc-list-item:hover {
		font-weight: bold;
		cursor: pointer;
	}

	.cdc-list-item-sub-text {
		font-size: 16px;
	}

	.my-content-inner {
		margin: 0 auto;
		padding-top: 20px;
		padding-bottom: 20px;
		width: 100%;
		display: inline-block;
	}

	.my-content-nav {
		padding-bottom: 0px;
		background: var( --primary-white );
	}

	.my-content-nav-title-mobile {
		display: none;
		margin-bottom: 10px;
	}

	.my-content-nav-inner {
		display: flex;
		max-width: 100%;
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px;
	}

	.my-content-nav-title-table {
		display: none;
	}

	.my-content-nav-right {
		display: inline-block;
		width: 100%;
	}

	.my-content-nav-ready-container {
		font-size: 16px;
	}

	.my-content-nav-custom-container {
		font-size: 16px;
	}

	.my-content-nav-showcase-container {
		font-size: 16px;
	}

	.my-content-nav-ready-table {
		display: table;
		height: 40px;
		width: 100%;
	}

	.my-content-nav-custom-table {
		display: table;
		height: 40px;
		width: 100%;
	}

	.my-content-nav-showcase-table {
		display: table;
		height: 40px;
		width: 100%;
	}

	.my-content-nav-search-table {
		width: 100%;
		height: 40px;
	}

	.hero-table-cell,
	.hero-table-cell span:first-child {
		font-size: 14px !important;
	}
	.hero-table-cell span:last-child {
		font-size: 18px !important;
		font-weight: 400;
	}

	.pop-up-container {
		width: 100%;
		background: var( --primary-white );
		position: absolute;
		top: 0%;
		display: none;
		z-index: 111;
	}

	.pop-up-inner {
		padding: 20px;
	}

	.pop-up-title {
		font-size: 20px;
		font-style: italic;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.pop-up-title-border {
		display: none;
		width: 45px;
		height: 3px;
		background: var( --primary-vibrant-red );
	}

	.pop-up-content {
		margin-top: 20px;
	}

	.pop-up-actions {
		margin-top: 20px;
	}

	.pop-up-left-action {
		width: 100%;
		box-sizing: border-box;
	}

	.pop-up-right-action {
		width: 100%;
		margin-top: 20px;
		box-sizing: border-box;
	}
	.cc-pop-up-left,
	.cc-pop-up-right {
		position: absolute;
		z-index: 3;
		top: 50%;
		bottom: auto;
		transform: translateY( -50% );
	}

	.cc-pop-up-left {
		left: 8px;
		right: auto;
	}

	.cc-pop-up-right {
		right: 8px;
		left: auto;
	}

	.cc-pop-up-arrow-table,
	.cc-pop-up-arrow-table-cell {
		height: auto;
	}

	.preview-container .cc-pop-up-arrow-container-table,
	.banner-preview-container .cc-pop-up-arrow-container-table {
		display: table;
		width: 38px;
		height: 38px;
		padding: 0;
		border-radius: 50%;
		background: rgba( 5, 20, 31, 0.85 );
	}

	.preview-container .cc-pop-up-arrow-container-table-cell,
	.banner-preview-container .cc-pop-up-arrow-container-table-cell {
		height: 38px;
		font-size: 20px;
		text-align: center;
	}

	.preview-container .cc-pop-up-text,
	.banner-preview-container .cc-pop-up-text {
		display: block;
		font-size: 20px;
		margin: 0 0 18px;
		padding: 0 4px;
	}

	.preview-container .button-black,
	.banner-preview-container .button-black {
		display: block;
		background: #05141F;
		border-color: #05141F;
		color: #ffffff !important;
	}

	.dealership-logo-container,
	.customized-pannel {
		flex-direction: column;
	}

	.header-container-logged-in .scrolled-past-header {
		background: var( --primary-black );
	} 
	.header-container-logged-in .header-nav {
		max-width: calc( 100% - 10% );
		margin: 0 auto;
	}
	.header-container-logged-in .header-bars {
		color: var( --primary-white );
	}
	
	.footer-container-logged-in .footer-cp-right {
		color: var( --primary-white );
	}

	.ba-row {
		font-size: 18px;
	}

	.ba-download-container {
		flex: 0 0 140px;
		text-align: right;
	}

	.header-container-logged-in .header-container-inner .header-nav a {
		display: block;
		max-width: 150px;
	}

	.header-container-logged-in .logo-image-container > img {
		max-width: 150px;
		height: auto;
	}
	
	.footer-container-logged-in .logo-image-container > img {
		max-width: 150px;
		height: auto;
	}
	

}

@media only screen and ( min-resolution: 120dpi ) {
    html {
        zoom: .94;
	}
}