@charset "utf-8";

body {
	padding: 0px;
	margin: 0px;
	/* font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif'; */
	/* font-family: "Work Sans", sans-serif; */
	/* font-family: 'Roboto', 'Helvetica', sans-serif; */
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	--primary-white: #ffffff;
	--primary-black: #000000;
	--primary-blue: #0279ff;
	--outer-box-width: 1185px;
	color: var( --primary-black );
	background: var( --primary-white );
	user-select: none;
	overflow-x: hidden;
}

a {
	color: var( --primary-black );
	text-decoration: none;
}

a:hover {
	color: var( --primary-blue ) !important;
	opacity: 0.9;
}

*:focus-visible {
	/* outline: 1px solid rgba(255, 255, 255, 1); */
	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 )000;
}

.my-content-section {
	background: #ffffff;
}

.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: #19459e;
}

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

.banner-preview-link {
	float: right;
	color: #19459e;
}

.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: #19459e;
	border-radius: 0px;
	color: var( --primary-white );
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 13px;
	padding-bottom: 13px;
	border: 2px solid #19459e;
}

.button-blue:hover {
	color: #19459e;
	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: #19459e;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 13px;
	padding-bottom: 13px;
	border: 2px solid #19459e;
}
.button-white:hover {
	background: #19459e;
	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-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: 14px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	color: var( --primary-white );
	padding-left: 40px;
	padding-right: 40px;
	/* padding-top: 33.3px;
       padding-bottom: 33.3px; \
	*/
	padding-top: 32px;
    padding-bottom: 32px;
	background: var( --primary-black );
	width: 158px;
	margin: 0 auto;
}

.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: #19459e;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 13px;
	padding-bottom: 13px;
	border: 2px solid #19459e;
}

.button-transparent-blue:hover {
	background: #19459e;
	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: #19459e;
}

.creative-preview {
	float: right;
	display: inline-block;
	font-size: 18px;
	color: #19459e;
	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-container {
	font-size: 16px;
}

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

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

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

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

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

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

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

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

.incentive-regional-offer {
	padding: 20px;
	border-top: 1px solid #dddddd;
}

.incentive-regional-title {
	font-size: 18px;
	color: #19459e;
}

.incentive-regional-ends {
	font-size: 14px;
}

.incentive-custom-container {
	padding: 20px;
	border-top: 1px solid #dddddd;
}

.incentive-custom-label {
	font-size: 18px;
}

.incentive-custom-label-mid {
	font-size: 18px;
	margin-top: 20px;
}

.incentive-custom-value-container {
	margin-top: 10px;
}

.incentive-confirm-container {
	margin-top: 20px;
}

.incentive-confrim-checkbox {
	float: left;
}

.incentive-confirm-label {
	width: calc( 100% - 40px );
	margin-left: 25px;
}

.go-home-button {
	margin-top: 10px;
}

.order-steps {
	display: none;
}

.order-step-text {
	font-size: 20px;
	margin-top: 25px;
	margin-bottom: 20px;
}

.questions-container-inner {
	display: inline-block;
}

.questions-phone-container {
	float: left;
	margin-right: 10px;
}

.question-phone-icon {
	font-size: 50px;
}

.questions-text {
	display: inline-block;
}

.thank-you-contents {
	font-size: 20px;
}

.selects-container {
	margin-bottom: 10px;
}

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

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

.tracker-last-complete {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: #19459e;
	border: 1px solid #19459e;
	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: #19459e;
	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: #19459e;
	border: 1px solid #19459e;
	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: #19459e;
	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 {
	padding-bottom: 5px;
}

.header-nav-option-hoverable:hover {
	cursor: pointer;
	color: var( --primary-blue );
	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%;
	z-index: 110;
	top: 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;
}

.user-account-option:hover {
	font-weight: bold;
	cursor: pointer;
}

.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 #19459e;
	color: var( --primary-black );
	cursor: pointer;
}

.sub-nav-option-active {
	border-bottom: 3px solid #19459e;
	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;
}

/* RED HAT DISPLAY 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: "Red Hat Display", 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: 36px;
    font-weight: 700;
}
.hero-table-cell span:last-child {
    font-weight: 400;
}
.hero-table {
    background-image: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIzMjAiIHZpZXdCb3g9IjAgMCAxNDQwIDMyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE0NDAiIGhlaWdodD0iMzIwIiBmaWxsPSIjMDUxNDFGIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K' );
    background-repeat: repeat;
	background-position: center;
}
.hero-table {
    position: relative;
}
.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-header-container {
	padding-top: 0px !important;
}

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

.hero-video-container {
	position: relative;
	background: var( --primary-black );
}

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

.marketing-even-section.customized-section {
	padding-top: 10px !important;
}
.marketing-even-section.customized-section .custom-section {
	display: flex;
	place-content: center;
	color: #000000;
}
.marketing-even-section.customized-section .custom-section .section-sub-title {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	text-transform: capitalize;		
}
.marketing-even-section.customized-section .custom-section .section-heading {
	color: #000000;
	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: center;
	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;
	align-items: center;
	border-bottom: 1px solid rgba( 215, 215, 215, 1 );
	padding-bottom: 10px;
	gap: 5px;
}

.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;
}

.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;
}

.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;
}
@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: inline-block;
	}

	.cu-panel-wrap {
		width: 306px; /* was 270px */
		height: auto; /* was 515px */
		float: left;
		margin-right: 40px;
		margin-bottom: 40px;	
	}

	.cu-panel {
		width: 306px; /* was 270px */
		height: 100%; /* was 515px */
		background: #fff;
		box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
		position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 20px;
	}

	.cu-panel:hover {
	    /* transition: all 0.1s ease;
	    margin-top: -10px;
	    margin-bottom: 10px; */
	    box-shadow: 5px 5px 5px 5px rgba( 0, 5, 6, 0.3 );
	    cursor: pointer;
	}

	.cu-panel-info-container {
		padding: 20px;
		position: relative;
		height: auto;
		margin-bottom: 10px;
	}
	
	.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: 270px;
		width: 306px; /* was 270px */
		display: table;
	}

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

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

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

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

	.cu-play-table-cell {
		display: table-cell;
		height: 270px;
		width: 306px; /* was 270px */
		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: 20px;
		margin-top: 20px;
		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;
		width: 200px;
	}

	.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;
	}
	.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: 40px;
		width: 40px;
	}

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

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

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

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

	.cu-duration-container {
		position: absolute;
		right: 0;
		margin-top: 245px;
	}

	.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;
		padding: 10px;
	}

	.footer-columns {
		display: inline-block;
		width: 100%;
		margin-top: 20px;
	}

	.footer-left {
		margin-bottom: 20px;
		text-align: left;
		display: flex;
		align-items: center;
	}

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

	.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% - 24% );
        height: 80px;
		padding-right: 10px;
		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;
		font-size: 16px;
	}

	.header-container-inner {
		max-width: calc( 100% - 10% );
		margin: 0 auto;
		height: 80px;
	}

	.header-name a {
		display: flex;
		align-items: center;
		height: 60px;
	}

	/* .header-name a img:last-child,
	.footer-container .footer-container-inner .header-logo-img:last-child {
		transform: translate( -30%, -5% );
	} */

	.header-name {
		float: left;
		font-weight: bold;
		color: var( --primary-white );
		margin-top: 12px;
	}

	.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;
	}

	.header-container-table {
		float: right;
	}
	
	.header-nav-option #user_account_icon {
		font-size: 36px;
		padding-top: 24px;
	}
	.header-nav-option #user_account_icon:hover {
		cursor: pointer;
		opacity: 0.6;
	}
	
	.header-container-table .header-container-table-cell a {
		width: 158px;
	}

	.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: 34px;
		margin-right: 34px;
	}

	.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;
	}

	.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;
	}

	.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;
	}


	.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 #19459e;
	}

	.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-white );
		color: var( --primary-black );
	}

	.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 #272727;
		font-size: 20px;
	}

	.cdc-list {
		padding: 20px;
		width: 100%;
		border: 1px solid #272727;
		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 {
		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% - 5% ); /* 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;
	}

	.hero-table-cell {
		font-size: 40px;
		gap: 10px;
	}

	.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: #19459e;
	}

	.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;
	}

	/****************
	**************
		STELLANTIS
		Copyright (c) 2024  
	**************
	/****************/

	.header-nav-option,
	.button-transparent-enroll {
		text-transform: capitalize;
	}
	/* FONT SIZE 14px */
	.header-nav-option,
	.button-transparent-enroll {
		font-size: 14px;
	}
	
	/* 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%;
		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;
		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: flex;
		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%;
	}
	.footer-headings-container-inner > a .footer-nav-option {
		font-size: 16px;
		font-weight: 400;
		color: #ffffff;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	.footer-container-inner .footer-cp-right {
		display: inline-block;
		color: var( --primary-black );
		font-size: 13px;
		font-weight: 300;
		margin-bottom: 20px;
	}
}

@media only screen and ( max-width: 1200px ) { /* mobile styles */
	.hero-car-wrap,
	.hero-watch-container {
		margin-top: 0 !important;
	}
	.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: 12px;
		font-weight: 700;
	}
	
	.cu-platform-img-container img {
		display: block;
		width: 40px;
		height: 40px;
	}

	.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: flex;
		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%;
	}
	.footer-headings-container-inner > a .footer-nav-option {
		font-size: 16px;
		font-weight: 400;
		color: #ffffff;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	.footer-container-inner .footer-cp-right {
		display: inline-block;
		color: var( --primary-black );
		font-size: 13px;
		font-weight: 300;
		margin-bottom: 20px;
	}
	.footer-left {
		display: flex;
		flex-direction: column;
		gap: 16px;
		max-width: calc(100% - 10%);
		margin: 0 auto;
		padding: 20px 10px;
	}

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

	.header-logo-img {
		display: flex;
		height: 40px;
		width: 240px;
		margin-left: 10px;
	}

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

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

	.header-name {
		font-weight: bold;
		margin-top: 7px;
		font-size: 18px;
		color: var( --primary-white );
		text-align:center;
		width: 100%;
		height: 40px;
	}
	.hero-container {
		height: fit-content;
	}
	
	/* .hero-container {
	    max-height: 360px !important;
	} */

	/* .hero-car-container {
		position: absolute;
		display: flex;
		flex-direction: column;
		z-index: 1;
		bottom: 0;
		justify-content: space-around;
	} */


	.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-inner {

	}

	.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;
	}

	.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 #19459e;
	}

	.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 {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 32px;
		z-index: 101;
		display: none;
	}

	.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-white );
		color: var( --primary-black );
		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 #272727;
		font-size: 20px;
	}

	.cdc-list {
		padding: 20px;
		width: 100%;
		border: 1px solid #272727;
		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-left: 10px;*/
		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;
	}

	/* .my-content-left-column {
		margin: 0 auto;
	} */

	.hero-table-cell,
	.hero-table-cell span:first-child {
		font-size: 20px !important;
	}
	.hero-table-cell span:last-child {
		font-size: 24px !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: #19459e;
	}

	.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 {
		right: 0;
	}

	.cc-pop-up-left,
	.cc-pop-up-right {
		position: absolute;
		z-index: 1;
		bottom: 20%;
	}

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

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