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

/* Trade Gothic Fonts */
/* Trade Gothic LT Std Bold Condensed No. 20 */
@font-face {
	font-family: 'TradeGothicLTStd-BdCn20';
	src: url('/Assets/gb/fonts/Trade-Gothic/TradeGothicLTStd-BdCn20.eot');
	src: url('/Assets/gb/fonts/Trade-Gothic/TradeGothicLTStd-BdCn20.eot?#iefix') format('embedded-opentype'),
		url('/Assets/gb/fonts/Trade-Gothic/TradeGothicLTStd-BdCn20.woff') format('woff'),
		url('/Assets/gb/fonts/Trade-Gothic/TradeGothicLTStd-BdCn20.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
    font-family: 'Freedom-Machine';
    src: url('/Assets/gb/fonts/Freedom_Machine/freedommachine-regular.eot');
    src: url('/Assets/gb/fonts/Freedom_Machine/freedommachine-regular.eot?#iefix') format('embedded-opentype'),
         url('/Assets/gb/fonts/Freedom_Machine/freedommachine-regular.woff') format('woff'),
         url('/Assets/gb/fonts/Freedom_Machine/freedommachine-regular.ttf') format('truetype'),
         url('/Assets/gb/fonts/Freedom_Machine/freedommachine-regular.svg#Freedom-Machine') format('svg');
    font-weight: normal;
    font-style: normal;

} 
 
 
a { cursor:pointer; } /* Because IOS doesn't actually want to let you trigger a click event if an <a> doesn't have a href... this fixes it - for some reason. */


* {
	outline: none;	
}

/* Slider Fix */
.noUi-target {
    width: 97%;
}

/* Change the width of the site container */
.row, .contain-to-grid .top-bar {
    max-width: 95rem;
}
.p-top-2x {
    padding-top: 2rem;
}
.p-bottom-2x {
    padding-bottom: 2rem;
}
.bottom {
    margin-bottom: 1rem !important;
}

.no-bottom {
    margin-bottom: 0 !important;
}

.top {
    margin-top: 1rem !important;
}

.no-padding {
    padding: 0;
}

.no-right {
    padding-right: 0 !important;
}

.no-left {
    padding-left: 0 !important;
}


@media only screen and (max-width: 40em) { 
	.no-right {
		padding-right: 0.9375rem !important;
	}

	.no-left {
		padding-left: 0.9375rem !important;
	}
	.bottom-sm {
	margin-bottom:1rem !important;		
	}
}


/* page backgrounds */
body {
	background: #000;
	color: #000;
	font-family: 'Noto Sans', sans-serif;
	background-size: cover;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}  
.panel {
	background: transparent;
	color: #1a1a1a;
	border: 0px solid;
	margin-bottom:0;
}
hr.large {
  border: solid #cccccc;
  border-width: 7px 0 0;
  margin:0;
}


/* Section Classes */
section.full-width {
  width: 100%;
  max-width: 100%;
}
section.generic-content {
    background-color: #fff;
}
section.grey {
    background-color: #ededed;
}
section.dark-content {
    background: #1b1b1b;
}
.panel.wall-effect {
	background: #FFF url(https://www.harley-davidson.com/content/dam/h-d/images/motorcycles/my18/street/carousel/c1/thumb-left.jpg?impolicy=myresize&rw=886) center top;
	padding: 3rem 2rem;
}	
.panel.dark-bg-effect {
	background: #202020 url(../../Assets/gb/_core/backgrounds/dark-paint-bg.jpg) center top no-repeat;
	padding: 1.25rem 2rem;	
}	
section.home-content {
    background: url(../../Assets/gb/_core/backgrounds/content-background-home-text.jpg) center bottom / cover no-repeat;
	padding: 3rem 0;
}
section.login-content {
    background: url(../../Assets/gb/_core/backgrounds/login-background.jpg) center bottom / cover no-repeat;
    padding: 13rem 0;
}
section.landing-content {
    background: url(../../Assets/gb/_core/backgrounds/background-language-selector.jpg) center bottom / cover no-repeat;
    padding: 5rem 0;
}
section.landing-content .panel {
    padding: 3rem 2rem;
}
section.page-steps {
    background: url(../../Assets/gb/_core/backgrounds/step-container-bg.jpg) center top;
    background-size: cover;	
    padding: 3rem 0 2rem 0;
}
section.promotions-content {
    background: url(../Assets/gb/_core/backgrounds/promotions-background.jpg) center top / cover no-repeat fixed;
    padding: 2rem 0;
}
.intro-text {
    padding: 2rem 0;
}
.panel.dark {
	background: #202020;
}
.panel.white {
    background: #FFF;
}
section.nav {
} 
section.no-padding {
	padding:0;
}
@media only screen and (max-width: 40em) { 
    section.nav {
        padding: 0 !Important;
    }
	.panel.bg-effect {
		padding: 2rem 1rem;
	}
    section.landing-content {
        padding: 1rem 0;
    }
}

/* Login Container */
.login-container {
    padding: 1rem;
    text-align: center;
}

/* Landing Page */
/* Region Select */
.region-select ul {
    list-style: none;
    margin: 0;
}
.region-select li {
    font-size: 1rem;
    border-bottom: 1px dashed #000;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
    margin-bottom: 0.5rem;
    padding-bottom: 0.2rem;
}
.region-select li a {
    color: #000;
}
.region-select li a:hover {
    color: #F60;
}
.region-select li .fa {
    float: right;
    font-size: 0.6rem;
    position: relative;
    top: 7px;
}
.region-select li a.disabled {
    color: #949494;
}


/* typography changes */
h1, .panel h1 {
	font-family: 'Freedom-Machine', sans-serif;
	color: #000;
	text-transform:uppercase;
	font-weight: normal;
	letter-spacing: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h2, .panel h2, h3, .panel h3, h4, .panel h4 {
	font-family: 'Freedom-Machine', sans-serif;
	font-weight: normal;
	color: #000;
	letter-spacing: 0;
	text-transform:uppercase;	
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, .panel h1 {
	font-size:2.2rem;
	line-height: 1;
}
h2, .panel h2 {
	font-size:1.8rem;
	line-height: 1;	
}

h3, .panel h3 {
	font-size:1.6rem;
	line-height: 1;	
} 
h4, .panel h4 {
	font-size:1rem;
	line-height: 1;	
}
h5, .panel h5 { 
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: 'Trade Gothic LT Std', sans-serif;
    color: #000;
}
p {
	margin-bottom: 1rem;
	font-size:0.9rem;
	font-family:  'Noto Sans', sans-serif;
	font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul li, ol li {
    font-size: 0.9rem;
}
a {
	color: #F60;
}
a.link {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: 0.8rem;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    margin: 1rem 0;
	display: block;
}
a.link.return-link {
    font-size: 0.65rem;
	margin-top: 1rem;
}
a.link .fas.fa-last {
    margin-left: 15px;
}
a.link .fas.fa-first {
    margin-right: 15px;
}
a:hover, a:focus {
	color: #999;
}
p.small, span.small, span.small {
	font-size:0.8rem; 
	color:#666;
}
.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text li, .white-text p, .white-text a.link, .white-text label, .white-text span {
	color: #FFF !important;
}
.panel li {
	font-size:0.9rem;
}
hr {
    border: solid #f1f1f1;
    border-width: 2px 0 0;
    clear: both;
    margin: 2.25rem 0 2.1875rem;
    height: 0;
}

	
	@media only screen and (max-width: 40em) {
		h1, .panel h1 {
			font-size:2rem;
		}
		
		h2, .panel h2 {
			font-size:1.4rem;
		}
		
		h3, .panel h3 {
			font-size:1.2rem;
		}
		
		h4, .panel h4 {
			font-size:0.8rem;
		}
		
		h5, .panel h5 { 
			font-size:0.8rem;
			line-height:1.4rem;
		}
		
		p, .panel li { 
			font-size:0.8rem;
		}
	}
	
	
	
/* Chosen Options Text */
.chosen-options-text {
    padding: 2rem 0;
}
.chosen-options-text h1 {
	margin-bottom: 0.5rem;
}
.chosen-options-text h3 {
    margin: 1rem 0 0.5rem 0
}
.chosen-options-text h3 span {
    color: #F60;
}
.chosen-options-text h3 span sub, .chosen-options-text h3 span sub a {
    font-weight: 400;
    font-family: 'Noto Sans', sans-serif;
    text-transform: none;
    font-size: 0.8rem;
    letter-spacing: 0;
    color: #717171;
    position: relative;
    top: -2px;
}
.chosen-options-text h3 span sub a:before {
    content: '\f044';
    font-family: "Font Awesome 5 Pro";
    font-size: 10px;
    color: #717171;
    margin: 0 0px 0 5px;
    position: relative;
    top: -1px;
}

	@media only screen and (max-width: 40em) {
		.chosen-options-text {
			margin-bottom: 0;
		}
	}
	

/* button changes */
button, .button {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #000;
    border-color: #000;
    color: #FFF;
    padding-right: 4rem;
    transition: all .5s ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;	
}
button:hover, .button:hover{
    background: #000;
    border-color: #000;
    color: #FFF;
}
button:focus, .button:focus{
    background: #F60;
    border-color: #F60;
    color: #FFF;
}
button .fas.fa-last, .button .fas.fa-last {
    margin-left: 15px;
}
button.small, .button.small {
    padding-right: 3.75rem;
    font-size: 0.7125rem;
}
button.expand, .button.expand {
	font-weight: 700;
    font-size: 0.8rem;
	letter-spacing: 1px;
}
button-primary, .button-primary {
    background-color: #F60;
    color: #000;
}
.button-primary span {
    color: #000 !important;
}
button-primary:hover, .button-primary:hover {
    background-color: #F60;
    color: #000;
}
button-secondary, .button-secondary {
    background-color: #fff;
    color: #000;
}
.button-secondary span {
    color: #000 !important;
}
button-secondary:hover, .button-secondary:hover {
    background-color: #fff;
    color: #000;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #b7b7b7;
    border-color: #b7b7b7;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #b7b7b7;
}
.postfix.button {
    line-height: 2.625rem;
    margin-bottom: 0;
    margin-top: 0.3rem;
    height: 2.6125rem;
}
@media screen and (max-width: 40em) {
	button, .button {
		font-size: 0.8rem;
	}
        button.mobile-wide, .button.mobile-wide {
            width: 100%;
        }
}

	/* CTA Icons */
	.cta-icon {
		position: absolute;
		top: 0;
		right: 15px;
		width: 25px;
		height: 100%;
		overflow: hidden;
		background: inherit;
		color: inherit !important;
	}
	.button .cta-icon {
		right: 15px;
	}
	.cta-icon:after {
		position: absolute;
		right: 22px;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		font-family: "Font Awesome 5 Pro";
		font-weight: 900;
		font-size: 0.9rem; 
	}
	.button.cta-icon__long-arrow .cta-icon:after {
		content: '\f30b';
		top: 50%;
	}	
	
	/* CTA animation */
	.button.cta-animation-icon-swipe-out-and-in:hover .cta-icon:after {
		-webkit-animation: swipeOutIn 0.7s;
		-moz-animation: swipeOutIn 0.7s;
		-ms-animation: swipeOutIn 0.7s;
		-o-animation: swipeOutIn 0.7s;
		animation: swipeOutIn 0.7s;
		-webkit-animation-iteration-count: 1;
		-moz-animation-iteration-count: 1;
		-ms-animation-iteration-count: 1;
		-o-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
	.button.cta-animation-icon-swipe-out-and-in[disabled]:hover .cta-icon:after,.button.cta-animation-icon-swipe-out-and-in[disabled]:focus .cta-icon:after{
		animation:none
	}
	.button.cta-animation-expand:hover{
		padding-right:4.72rem;
		padding-left:1.72rem;		
	}
	
	
	/* CTA Animation Keyframes */
	@keyframes swipeOutIn{
		0%{
			left:0px
		}
		50%{
			left:40px
		}
		51%{
			left:-28px
		}
		100%{
			left:0px
		}
	}
	@keyframes rtlSwipeOutIn{
		0%{
			top:0px
		}
		50%{
			top:-50px
		}
		51%{
			top:50px
		}
		100%{
			top:28px
		}
	}
	
	



/* Form Changes */
/* Form Changes */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #757575;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #757575;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #757575;
}
:-moz-placeholder { /* Firefox 18- */
    color: #757575;
}
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    background-color: #fff;
    border-style: solid;
    border-width: 3px;
    border-color: #000;
    color: #000;
    font-size: 0.875rem;
    margin-top: 0.3rem;
    margin-bottom: 1rem;
    height: 2.6125rem;
}
input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #FFF;
    border-color: #000;
    color: #000;
}
select {
    background-color: #FFF;
    border-width: 3px;
    border-color: #000;
    color: #000;
    font-size: 0.875rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
	height: 2.6125rem;
}
label {
    font-family: 'Noto Sans', sans-serif;
	color: #000;
}

	/* Form Errors */
	.error label, .error label.error {
		color: #AA1500;
	}	
	.error input[type="text"] {
		border-color: #AA1500;
	}	


/* Header */
header {
    background: #000;
    padding: 0;
}
.header-section {
	left: 0;
	position: relative;
	width: auto;
}
.site-logo {
    margin-top: 1rem;
}

	@media only screen and (max-width: 40em) {
		.site-logo  {
			width: 211px;
 		}
	}
	


/* Main Navigation changes */
.contain-to-grid {
	width: 100%;
	background: #000;
}
.contain-to-grid .top-bar {
    padding: 0 0.9375rem;
}
.contain-to-grid.fixed {
	border-bottom: 2px solid #cacaca;
}
.top-bar {
    background: #000;
    height: 90px;
    line-height: 90px;
} 
		
	@media only screen and (max-width: 40em) {
		.top-bar-section {
			text-align: left;
		}
		.top-bar {
			height: 80px;
			line-height: 80px;
		}		
	}
		
	/* Nav Button Changes and hover states */
		.top-bar-section ul li > a {
			display: block;
			width: 100%;
			color: #FFF;
			padding: 15px 0 15px 0;
			padding-left: 15px;
			font-family: 'Freedom-Machine', sans-serif;
			font-size:1rem;
			font-weight: normal;
			text-transform: uppercase;
		}
		.top-bar-section ul li > a.highlighted-link {
			color: #F60;
		}
		.top-bar-section li:not(.has-form) a:not(.button) {
			padding: 0 25px;
			line-height: 90px;
			background: #000;
		}
		.top-bar-section li:first-child {

		}		
		.top-bar-section li:not(.has-form) a:not(.button):hover {
			background: #000;
			color: white;
		}

		.top-bar-section li.active:not(.has-form) a:not(.button) {
			background: #000;
			color: white;
		}
		.top-bar-section ul li > a.icon .fa {
			margin-left: 0;
			position: relative;
			top: 0px;
			font-size: 23px;
			line-height: 90px;
		}
		
		@media screen and (max-width: 1180px) {
			.top-bar-section li:not(.has-form) a:not(.button) {
				padding: 0 5px;
			}
			.top-bar-section ul li > a {
				font-size: 0.8rem;
			}
		}		
		
	/* :after icon changes */
		.top-bar-section .has-dropdown > a:after {
			border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
		}		
		.top-bar-section .has-dropdown:hover > a:after {
			border-color: rgba(169, 0, 0, 0.7) transparent transparent transparent;
		}
		
		@media screen and (max-width: 1180px) {
			.top-bar-section .has-dropdown > a {
				padding-right: 20px !important;
			}
			.top-bar-section .has-dropdown > a:after {
				margin-right: 7px;
			}		
		}
		
	/* Drop down hover states */
		.top-bar-section .dropdown li {
			text-align: left;
		}
		.top-bar-section ul li:hover:not(.has-form) > a {
			background: #000;
			color: white;
		}
		.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
			color: #FFF;
			background: #000;
			font-weight: 800;
			font-size: 0.8rem;
		}
		.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
			color: #FFF;
			background-color: #000;
			background: #000;
		}
	   .top-bar-section li.active:not(.has-form) a:not(.button) {
			padding: 0 15px;
			line-height: 60px;
			color: white;
			background: #000;
		}
		.top-bar-section li.active:not(.has-form) a:not(.button):hover {
			background: #000;
			color: white;
		}
		
		
	/* Mobile Nav Text & Icon */
		.top-bar .name {
			height: 80px;
			line-height: 80px;
		}
		.top-bar .toggle-topbar.menu-icon a {
			color: #FFF;
		}
		.top-bar .toggle-topbar.menu-icon a span::after {
			box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
		}	
		.top-bar.expanded .title-area {
			background: #000;
		}
		.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
			color: #F60;
		}
		.top-bar-section .dropdown li.parent-link a.js-generated {
			display:none;
		}	
		.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
			background: #000;
		}
		.top-bar.expanded .title-area {
			background: #000;
		}
		
		@media screen and (max-width: 40rem) {
			.top-bar .menu-icon a span#lblMainMenu {
				display: none;
			}
						
			.top-bar-section li:not(.has-form) a:not(.button) {
				line-height: 55px;
				padding: 0 20px;
				text-align: center;
				font-size: 1rem;
				border-bottom: 1px solid #2f2f2f;
			}			
		}
		
		


/* Hero Container */
.hero-container {
    position: relative;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-position: center top;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-attachment: initial !important;
    padding: 0;
    text-align: left;
    min-height: 500px;
}
.hero-container.browse-by-slide {
    background: url(/Assets/gb/assets-slideshow/hdfs-slide-browse-by.jpg) center top / cover no-repeat;
}
.hero-container:before {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
    background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
}
.hero-content {
    position: absolute;
    display: flex;
    align-items: center;
    /* justify-content: left; */
    width: 70%;
    z-index: 10;
    min-height: 500px;
	height: 500px; 
    bottom: 0;
    left: 0;
    text-align: left;
}
.hero-content > div {
    max-width: 100%;
    padding-left: 70px;
}
.hero-content.centered {
    width: 100%;
    text-align: center;
}
.hero-content.centered > div {
    width: 100%;
    text-align: center;
}
.hero-container h1, .hero-container h2, .hero-container h3, .hero-container p {
    font-family: 'Freedom-Machine', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #FFF;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.hero-container h1, .hero-container h2, .hero-container h3 {
    font-size: 1.6rem;
    margin: 0 0 0.5rem 0;
}
.hero-container p {
    font-size: 2.6rem;
    line-height: 1;
    margin: 0 0 1rem 0;
}

@media only screen and (min-width: 64.063em) {
    .hero-content > div {
        max-width: 85%;
        padding-left: 10%;
    }
    .hero-content.centered > div {
        max-width: 100%;
        text-align: center;
        padding-left: 0;
    }
}
@media only screen and (max-width: 1024px) {
    .hero-container p {
        font-size: 2rem;
    }
    .hero-container {
        min-height: 350px;
		height: 350px;
    }
    .hero-content {
        min-height: 350px;
		height: 350px;
    }
}
@media screen and (max-width: 40em) {
    .hero-container {
        min-height: 350px;
		height: 350px; 
    }
    .hero-content {
        min-height: 350px;
		height: 350px;
        width: 100%;
    }
    .hero-content div {
        padding-left: 30px;
        max-width: 90%;
    }
    .hero-container h1 {
        font-size: 2.4rem;
    }
    .hero-container h2 {
        font-size: 0.8rem;
    }
    .hero-container p {
        font-size: 1.2rem;
    }
    .hero-container button, .hero-container .button {
        margin: 0.5rem 0 0.5rem 0;
        padding: 0.8rem 3.5rem 0.8rem 1rem;
        font-size: 0.6rem;
    }
    .hero-container .button.clear {
        font-size: 1rem;
    }

    .slick-track {
        height: 350px;
    }
}
	


/* Slick Nav */
.slick-next {
	right: 0px;
}
.slick-prev {
	left: 0px;
}
.slick-prev, .slick-next {
    background: rgba(0, 0, 0, 0.4);
	height: auto;
	width: auto;
	top: 40%;
	margin: 0;
}		
.slick-prev:before, .slick-next:before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 80px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
	color: #ffffff;
	opacity: 0.4;
}
.slick-prev:before {
  content: "\E314";
}
.slick-next:before {
  content: "\E315";
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    background: rgba(0, 0, 0, 0.4);
	outline: none;
	color: transparent;
	opacity: 1;
}
.slideshow-nav {
	top: 200px;
	position: relative;
	z-index: 10;
}
.slick-dots {
    text-align: center;
    width: 100%;
    bottom: 20px;
    margin: 0;
    padding: 0 2rem;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 3px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	background: #FFF;
	color: #FFF;
	padding: 0;
	margin: 0;
	cursor: pointer;
}	
.slick-dots li.slick-active button {
	background: #F60;
	height: 3px;
}	
.slick-dots li button:before {
	content: none;
}
.slick-dots li.slick-active button::before {
}

	@media only screen and (min-width: 800px) and (max-width: 1024px) { 
		.slick-prev, .slick-next {
			top: 45;
		}		
		.slick-prev:before, .slick-next:before {
			font-size: 50px;  /* Preferred icon size */
		}
		.slick-next {
			right: 0px;
		}
		.slick-prev {
			left: 0px;
		}

	}

	@media only screen and (max-width: 830px) { 
		.slideshow-nav {
			top: 140px;
		}
	}

	@media only screen and (max-width: 667px) { 
		.slideshow-nav {
			top: 140px;
		}
	}

	@media only screen and (max-width: 40em) {
		.slick-prev, .slick-next {
		  top: 35%;
		  display:none !Important;
		}			
	}
	
	
	



/* Block Grid Styles for page steps */
[class*="block-grid-"].home-steps > li > div.step {
	opacity: 1;
}
[class*="block-grid-"] > li > div.step {
	color: #FFF;
    font-family: 'Freedom-Machine', sans-serif;
    font-weight: normal;
	font-size:1rem;
	letter-spacing:0.2rem;
	text-transform:uppercase;
	text-align:center;
	opacity: 0.5;
}
[class*="block-grid-"] > li > div.step span {
    color: #FFF;
    font-weight: bold;
    background: #f47e11;
    padding: 0.25rem 0.6rem 0.3rem 0.7rem;
    border-radius: 100px;
    position: relative;
    font-size: 1.2rem;
    line-height: 1;
	margin-right: 10px;
}

[class*="block-grid-"] > li > div.step span .fa {
	font-size:2rem;
}

[class*="block-grid-"] > li > div.step.active {
	  opacity: 1;
}

.category-steps [class*="block-grid-"] > li {
  padding: 0
}
	@media only screen and (max-width: 40em) {
		.main-steps [class*="block-grid-"] > li {
		  padding: 0;
		}
		[class*="block-grid-"] {
			margin: 0;
		}
		.small-block-grid-4 > li:nth-of-type(4n+1) {
		  padding: 0 0 0 0.625rem !important;
		}
		.small-block-grid-4 > li:nth-of-type(4n+4) {
		  padding: 0 0.625rem 0 0 !important;
		}		
	}

[class*="block-grid-"] > li > div.category {
	padding: 1rem;
	background-color: #474545;
	color: #FFF;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:1rem;
	font-weight:400; 
	letter-spacing:0.2rem;
	text-transform:uppercase;
	text-align:center;
	margin:0;
}

[class*="block-grid-"] > li > div.category:hover {
		background-color: #f47e11;
		cursor:pointer;
}

[class*="block-grid-"] > li > div.category.active {
		background-color: #f47e11;
}




/* Category Styles */
.category-list-container {
    background-color: #222222;	
}
.category-list-inner-container {
    text-align: center;
}
nav.category-list .category-title {

}
nav.category-list .category-title {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
    padding: 1.3rem 0.2rem 1rem 0.2rem;
    font-size: 0.8rem;
    font-family: 'Freedom-Machine', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    color: #FFF;
    border-bottom: 2px solid #222222;
}
nav.category-list .category-title:hover {
    color: #f47e11;
    border-bottom: 2px solid #f47e11;
}
nav.category-list .category-title.active, nav.category-list .category-title.selected {
    color: #f47e11;
    outline: none;
    border-bottom: 2px solid #f47e11;
}
.category-title { 
	margin:0;
}
.model-selected, .finish-selected, .accessory-selected {
    border: 0 solid #f47e11 !important;
}
.next.disabled, .calculate-go.disabled {
    cursor: not-allowed;
}
.no-border, .no-border:hover, .no-border:active, .no-border:focus, .no-border:visited {
    border: none;
}
.tooltip-alt {
	background-color: #F1F1F1 !important;
	color: #333 !important;
}


/* Make Category List Scroll */
/*
[1]: All items a forced onto a single line, causing the overflow when necessary.
[2]: Automatic overflow means a scroll bar won’t be present if it isn’t needed
[3]: Make it smooth scrolling on iOS devices
[4]: Hide the ugly scrollbars in Edge until the scrollable area is hovered
[5]: Hide the scroll bar in WebKit browsers
*/
.scroll {
    white-space: nowrap; /* [1] */
    overflow-x: auto; /* [2] */
    -webkit-overflow-scrolling: touch; /* [3] */
    -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */
}
.scroll::-webkit-scrollbar {
    display: none; /* [5] */
}

	@media only screen and (max-width: 40em) {
		.category-list-container {
			margin-top: 0;
			margin-bottom: 0;
		}	
	}



/* Category Accordions */
.accordion .accordion-navigation > a, .accordion dd > a {
    font-family: 'Freedom-Machine', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
    background: #222222;
    color: #FFF;
	font-size: 0.8rem;
    border-bottom: 1px solid #3e3e3e;	
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
    background: #222222;
    color: #F60;
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: #222222;
    color: #F60;
}
.accordion .accordion-navigation > .content, .accordion dd > .content {
    padding: 0;
}
	@media only screen and (max-width: 40em) {
		.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
			display: block;
			background: white;
			border: 1px solid #dadada;
		}
		.accordion .accordion-navigation > .content, .accordion dd > .content {
			padding: 0.9375rem;
		}
	}
 

/* Category Overview page */
.category {
    padding: 3rem 0;
}
.category h3.category-title {
    font-size: 2.4rem;
}
.category p.category-description {
    margin-bottom: 3rem;
    font-weight: bold;
}
.category-model {
	margin-bottom:1rem;
}
.category-model-text {
    margin-top: 1rem;
}
.category-model-text h3 {
    margin-bottom: 1rem;
}
.category-model-text p.price {
    font-weight: bold;
    font-size: 0.8rem;
    color: black;
    margin-bottom: 0.5rem;
}
.category-model-text p.price-sub-text {
    font-size: 0.7rem;
    color: black;
}
.category-model-text p.price span {
    float: right;
}

@media only screen and (max-width: 40em) {
	.category-model-text p.price span {
		float: none;
		display: block;
	}
}



/* Budget Search Container */
.budget-search-container {
    background-color: #f1f1f1;
}
.budget-search-container .default-text {
    text-align: center;
}
.budget-search-container .default-text a {
    display: block;
    margin: 0;
    padding: 1rem;
    font-size: 0.9rem;
    letter-spacing: 0.8px;
    font-family: 'Freedom-Machine', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
}
.budget-search-container .default-text a:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    content: "\f067";
    margin-left: 0.5rem;
    font-size: 0.8rem;    
}
.budget-search-container.open .default-text a:after {
    content: "\f068";
}
.budget-search-options {
    padding: 1.25rem;
}
.budget-search-options .button {
    margin: 0;
}


/* Finish Page */
.category-model.finish {
	margin-bottom:1rem;
}
.model-finish-text {
    margin-top: 1rem;
}
.model-finish-text h3 {
    margin-bottom: 1rem;
}
.model-finish-text h3 span {
    font-size: 0.8rem;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    text-transform: none;
    color: #333;
    display: block;
    margin-top: 8px;
}
.model-finish-text p.price {
    font-weight: bold;
    font-size: 0.8rem;
    color: black;
    margin-bottom: 0.5rem;
}
.model-finish-text p.price-sub-text {
    font-size: 0.7rem;
    color: black;
}
.model-finish-text p.price span {
    float: right;
}

@media only screen and (max-width: 40em) {
	.model-finish-text p.price span {
		float: none;
		display: block;
	}
}


/* Quote Page Styles */
.model-options-text {
    margin-top: 3.5rem;
}
.model-options-text h4 a {
    font-weight: 400;
    font-family: 'Noto Sans', sans-serif;
    text-transform: none;
    font-size: 0.8rem;
    letter-spacing: 0;
    color: #b7b7b7;
    position: relative;
    top: -2px;
}
.model-options-text h4 a:before {
    content: '\f040';
    font-family: "Font Awesome 5 Pro";
    font-size: 10px;
    color: #b7b7b7;
    margin: 0 0px 0 5px;
    position: relative;
    top: -1px;
}
.model-options-text h4.selected-price {
	color: #F60 !important;
    font-size: 1.6rem;
}
.model-options-text h4 span sub {
    display: block;
    margin-top: 0.5rem;
}
.placeholder-text {

}
.placeholder-text h3.feature-title {
	text-transform: uppercase;
	font-size: 3rem;
	margin-bottom: 1rem;
	margin-top: 1.5rem;
}
.placeholder-text .text-anchor:before {
    content: '';
    position: absolute;
    height: 0.7rem;
    width: 100%;
    max-width: 9rem;
    background-color: #f60;
    margin-top: -1.5rem;
}


@media only screen and (max-width: 1024px) {
    .model-options-text {
        margin-top: 0.5rem;
    }
    .model-options-text h3 {
        font-size: 1.2rem;
    }
    .model-options-text h4 {
        font-size: 1rem;
    }

}

@media only screen and (max-width: 64em) and (min-width: 40.063em) {
    .pre-finance-results-container {
        padding: 4rem 0;
    }
}

@media only screen and (max-width: 40em) {
	.model-options-text {
		margin-top: 0;
	}
	.model-options-text h3 {
		display: none;
	}
	.model-options-text h3.total-price {
		display: block;
	}
	.model-options-text h4 {
		margin: 0 0 1rem 0;
	}	
	img.final-finish-image {
		margin-bottom: 1rem;
	}
}

.personalise-quote-container {
}
.personalise-quote-container .outer-slider-container {
    margin-bottom: 3.5rem;
}


/* Icon Grid Container */
.icon-container {
	background: rgba(0,0,0,0.80);
    box-shadow: 0 14px 24px rgba(0,0,0,0.25);
}
.icon-image-container {
	min-height: 175px;
	max-height: 175px;	
	width: 100%;
	position: relative;
	overflow: hidden;
}
.icon-image-container:before {
    /* content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 0;
    z-index: 3; */
}
.icon-grid { 
	width: 100%;
	min-height: 175px;
	max-height: 175px;	
	display: inline-block; 
    cursor: pointer;	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    transition: transform 1s;	
}
.icon-container:hover .icon-grid, .icon-container:focus .icon-grid {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/* .icon-grid.one { 
	background-image: url(../Assets/assets-home/save-time-background.jpg);
	background-position: center;
	background-size: cover;
} */


	/* Icons */
	.icon-grid .icon {
		width: 135px;
		height: 175px;
		margin: 0 auto;
	}
	.icon-grid .icon img {
		margin: 1.5rem 0 0 0;
	}


	/* Icon Panel Styles */
	.icon-container .panel {
		text-align: center;
		padding: 1rem 1.25rem 2rem 1.25rem; 
		border: none;
		margin-bottom: 1rem;
		background: transparent;
	}
	.icon-container .panel h1, .icon-container .panel h2, .icon-container .panel h3 {
		font-family: 'Freedom-Machine', sans-serif;
		font-weight: normal;
		font-size: 2rem;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #FFF;
	} 
	.icon-container .panel p {
		font-size: 0.9rem;
		line-height: 1.2rem;
	} 
	.icon-container .panel a {
		font-family: 'Freedom-Machine', sans-serif;
		font-weight: normal;
		text-transform:uppercase;
		margin-top: 1.5rem;
		display: block;	
	}
	.icon-container:hover .panel a .fa {
		animation: bounce-arrow 1s linear infinite;
	}
	.icon-container .panel a .fa {
		font-size: 0.8rem;
		position: relative;
		top: -1px;
		margin-left: 5px;
	} 


/* footer styling */
footer {
	background-color: transparent;
    padding: 2rem 0;
}
footer h2, footer h3 {
	font-size:1.4rem;
	color:white;
	margin-bottom:1rem;
} 
footer p {
	color:#f1f1f1;
	margin-bottom:0.5rem;
}
footer a {
	color:#f1f1f1;
}
footer a.link {
    color: #FFF;
}
footer ul {
	margin-left: 1.1rem;
	color: #f1f1f1;
	font-size: 14px;
}

footer li {
	margin-bottom:0.3rem;
}

footer a:hover {
	color:white;
}

footer strong {
	color:white;
}

.footer-column {
	background: #1c1c1c;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.sub-footer-column {

}

.dealership-info {
	padding-left:0;
}

.sub-footer-column p, .sub-footer-column a {
	color:#999999;
	font-size:0.8rem;
	text-align:center;
}
.sub-footer-column a:hover {
	color:#333333;
}


.social-icons {
	width: 100%;
	margin: 1rem auto;
	text-align: center;
}
.social-link {
	margin:0 10px;
}


	@media only screen and (max-width: 667px) { 
		footer {
			padding: 1rem 0;
			text-align: center;
		}	
		footer h2, footer h3 {
			font-size: 1rem;
			color: white;
			margin-bottom: 1rem;
		}
		footer p, footer a {
			font-size: 0.6rem;
			color: #bababa;
		}
	    footer p.right, footer p.right a.link.right {
			margin-top: 1rem;
			float: none !important;
		}

	}




/* Modal pop up colour changes */
.reveal-modal, dialog {
    background-color: white;
    border: solid 2px #f47e11;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.reveal-modal h2 {
	color:#000;
}
p.lead {
	font-size: 0.8rem;
	line-height: 1.4;
	margin-bottom:0;
	font-weight:bold;
}
.reveal-modal p.small {
	font-size:0.6rem;
}
.reveal-modal p {
	margin-bottom:0.5rem;
}
.spec-item {
	margin-bottom:0.4rem;
	padding:0;
}

.reveal-modal span {
	color: #FFFFFF;
}
.reveal-modal a {
	text-decoration:underline;
	color:#333;
}
.reveal-modal a.button {
	text-decoration:none;
	color:#FFF;
}




/* Pagination */
ul.pagination li.current a, ul.pagination li.current button {
  background: #CC0000;
  color: white;
  font-weight: bold;
  cursor: default;
}

ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
  background: #CC0000;
}



/* Map Icon Fix */
#map-canvas img, #map-canvas object, #map-canvas embed { max-width: none; }
#map img, #map object, #map embed { max-width: none; }



	



/* Range Slider */
.range-slider, .balloon-value-slider {
    height: 0.5rem;
    border: 0px solid #ddd;
    background: #FFF;
    margin: 0.65rem 0 1.25rem 0;
}
.personalise-quote-container .range-slider, .personalise-quote-container .balloon-value-slider {
    background: #000;
}
.range-slider-active-segment {
  background: #F47E11;
}
.range-slider.round .range-slider-handle, .range-slider.round .range-slider-handle:hover {
  background: #000;
}
.quote-details input[type="text"] {
    width: 70px;
    float: right;
    height: 25px;
    margin: 0;
    text-align: center;
    border-width: 2px;
}
.quote-details label span.label-value {
   float: right;
}


/* Progress Bar */
section.progress-container {
	padding:0;
    border-top: 5px solid #F47E11;
    background: #202020;
}
section.progress-container .panel {
	padding: 0;
}
section.progress-container .button {
    margin: 0;
    padding: 1.5rem 1rem;
    text-transform: none;
    font-size: 0.75rem;
	color: #bcbcbc;
}
section.progress-container .button.next.button {
    background-color: #202020;
}
section.progress-container .button.next.highlighted {
    background-color: #f47e11;
    color: #FFF;
}
section.progress-container .button.next:after {
  content: '\f054';
  font-family: "Font Awesome 5 Pro";
  position: relative;
  top: 1px;
  margin-left: 10px;
}
section.progress-container .button.back:before {
  content: '\f053';
  font-family: "Font Awesome 5 Pro";
  position: relative;
  top: 1px;
  margin-right: 10px;
}
section.progress-container .button.back, section.progress-container .button.next {
  background-color: #202020;
}
section.progress-container .button.back:hover, section.progress-container .button.next:hover {
  background-color: #202020;
  color: #FFF;
}
	@media only screen and (max-width: 40em) { 
		section.progress-container .button {
			width:100%;
		}
	}
	
	
/* Adding the animation to our element */
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

/* Animation for webkit */
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);}
    40% {-webkit-transform: translateX(-30px);}
    60% {-webkit-transform: translateX(-15px);}
}
 
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
    40% {transform: translateX(-30px);}
    60% {transform: translateX(-15px);}
}

/* Animation configurations ( duration and fill mode ) */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
	


/* Progress Bar Breascrumbs */
.breadcrumbs > * a {
  color: #F47E11;
  text-transform: none;
  font-size: 0.7rem;
}
.breadcrumbs > * {
	line-height: 1rem;
}
.breadcrumbs {
	display: block;
	padding: 0;
	overflow: hidden;
	margin-left: 0;
	border-width: 0px;
	background-color: transparent;
}


#progress-bar.breadcrumbs {
	display: table;
	margin: 1.5rem auto;
}
section.progress-container .breadcrumbs li > *:before {
  display:none;
}
section.progress-container .breadcrumbs li a > *:after {
  content: '\f054';
  font-family: "Font Awesome 5 Pro";
  color: #aaaaaa;
  margin: 0 1rem;
  position: relative;
  top: 0px;
}
section.progress-container .breadcrumbs > * a {
  color: #b7b7b7;
  font-weight:400;
  text-transform: none;
  font-size: 0.8rem;
  font-family: 'Noto Sans', sans-serif;
}
section.progress-container .breadcrumbs > *.unavailable a {
  color: #999999;
}
section.progress-container .breadcrumbs > *.current a {
  cursor: default;
  color: #FFF;
  font-weight:700;
}
section.progress-container li:last-child:after {
  content: "";
}


/* Finance Tables */
.finance-type {
    font-weight: 600;
    font-size: 0.8rem;
    font-style: italic;
    margin-left: 0.3rem;
}
.quote_container {
    padding: 0;
    margin-bottom: 1rem;
    position: relative;
}
.quote_container.active {
	background-color:#fde5cf;
}
.quote_cta {
    /*display: none;*/
}
.quote_cta p {
	font-size:0.8rem;
}
.quote_cta .button {
	margin:0.3rem 0;
}
.quote_container {
    cursor: pointer;
}
.finance-unavailable {
    cursor: default;
}
.finance-unavailable {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fde5cf;
    opacity: 0.8;
	padding: 1rem;
}
.finance-unavailable p {
	color:#5A5A5A;
}

	/* Quote Table Styles */
    table.quote_table, ul.quote_table {
        margin-bottom: 0;
        width: 100%;
        border: 1px solid #dddddd;
        list-style: none;
        margin: 0;
        cursor: default;
    }
    table.quote_table tr th, table.quote_table tr td, ul.quote_table li {
        font-size: 0.8rem;
        color: #1a1a1a;
        line-height: 1.6;
        border-bottom: 1px solid #dddddd;
        padding: 0.7625rem 0;
        display: inline-block;
        width: 100%;
    }
    table.quote_table tr th, table.quote_table tr td, ul.quote_table li.has-upsells {
        padding: 0.7625rem 0 0 0;
    }
    table.quote_table tr:last-of-type td, ul.quote_table li:last-of-type {
        border-bottom: 0px solid #dddddd;
    }
	table.quote_table tr.even, table.quote_table tr.alt, table.quote_table tr:nth-of-type(even) {
		background: #FFF;
	}
    ul.quote_table li span.quote-table-title {
        /*width: 70%;*/
        float: left;
        padding-left: 0.7rem;
    }
    ul.quote_table li span.has-tip {
        border-bottom: 0px solid;
    }
    ul.quote_table li span.has-tip i.fas {
        font-size: 0.67rem;
		position: relative;
		top: -1px;
		margin-left: 5px;
    }
    ul.quote_table li span.quote-table-title em {
        font-size: 0.6rem;
        font-weight: bold;
    }
    table.quote_table tr th.quote-table-value, table.quote_table tr td.quote-table-value, ul.quote_table li span.quote-table-value {
		font-size: 0.9rem;
		font-weight: bold;
		color: #F60;
		text-align: right;
        float: right;
        padding-right: 0.7rem;
	}
    ul.quote_table li span.quote-table-value em {
        font-size: 0.65rem;
        color: black;
        font-weight: normal;
    }
	.quote_container_header {
		text-align: center;
		padding: 2rem 1rem;
		border: 1px solid #dddddd;		
	}
	.quote_container_header h3 {
		border-bottom: 1px solid black;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
		display: inline-block;
	}
	.quote_container_header span {
		display: block;
	}
	.quote_container_header span strong {
		color: #F60;
	}

        /* Upsell Containers */
        ul.quote_table .upsell-container ul {
            list-style: none;
            margin: 0.8rem 0 0 0;
            padding: 0.6rem;
            display: inline-block;
            background: #f7f7f7;
            width: 100%;
        }
        ul.quote_table .upsell-container ul li {
            line-height: 1.5;
            font-size: 0.7rem;
            border-bottom: 0px solid #f1f1f1;
            padding: 0.5625rem 0rem;
        }
        ul.quote_table .upsell-container ul span.upsell-title, ul.quote_table .upsell-container ul span.remove-upsell-title {
            width: 65%;
            float: left;
        }
        ul.quote_table .upsell-container ul span.upsell-value, ul.quote_table .upsell-container ul span.remove-upsell-value {
            font-size: 0.7rem;
            font-weight: bold;
            color: #F60;
            text-align: right;
            float: right;
            width: 35%;
        }
        ul.quote_table .upsell-container ul span.remove-upsell-value {
            color: #636363;
        }
        ul.quote_table .upsell-container ul li .button.postfix{
            margin-top: 1.6rem;
        }
        ul.quote_table .upsell-container ul li .button.postfix i {
            margin-top: 0.7rem;
            font-size: 1.2rem;
        }
        ul.quote_table .upsell-container ul span.upsell-value:after, ul.quote_table .upsell-container ul span.remove-upsell-value:after {
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            font-size: 0.6rem;
            content: '\f055';
            margin-left: 5px;
        }
       ul.quote_table .upsell-container ul span.remove-upsell-value:after {
            content: '\f057';
        }
       ul.quote_table .upsell-container ul span.upsell-value:hover {
            color: black;
            cursor: pointer;
       }

        ul.quote_table .upsell-container ul span.remove-upsell-value:hover {
            color: black;
            cursor: pointer;
        }

        @media only screen and (max-width: 40em) {
            ul.quote_table .upsell-container ul {
                padding-top: 1rem;
                display: inline-block;
            }
            ul.quote_table .upsell-container ul li {
                line-height: 1.5;
                padding: 0.3625rem 0rem;
            }
        }


    /* Warranty Selection Styles */
    .warranty-box {
        padding: 5px;
        cursor: pointer;
    }

    .warranty-box-inner {
        background-color: #FAFAFA;
        padding: 10px;
        text-align: center;
        border: 2px solid #D8D8D8;
        min-height: 95px;
    }

        .warranty-box-inner p {
            font-size: 0.7rem;
            margin: 0;
        }

    .warranty-box.selected .warranty-box-inner {
        border: 2px solid #F47E11;
    }


    /* Promotion Banners */
    .promo-block {
        position: relative;
        height: 100%;
        overflow: hidden;
        background-color: #CCC;
        padding: 10px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        margin-bottom: 1rem;
    }

        .promo-block:hover {
            background-color: #F60;
        }

        .promo-block > a figure {
            position: relative;
            padding-top: 0;
            margin: 0;
        }

            .promo-block > a figure:before {
                /*z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );*/
            }

        .promo-block > figure img {
            position: absolute;
            top: 0;
            width: 100%;
            display: block;
            padding: 0;
            margin: 0;
        }

        .promo-block > .text-wrapper {
            position: absolute;
            right: 0;
            bottom: 5px;
            left: 0;
            z-index: 1;
            padding: 0 1.5rem;
            text-align: left;
        }

            .promo-block > .text-wrapper p {
                font-family: 'Freedom-Machine', sans-serif;
                text-transform: uppercase;
                font-weight: normal;
                letter-spacing: 2px;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                color: #fff;
                font-size: 2.4rem;
                line-height: 2.6rem;
                text-transform: uppercase;
            }

            .promo-block > .text-wrapper .button {
                margin: 0 0 1rem 0;
            }

    @media only screen and (max-width: 768px) {
        .promo-block > .text-wrapper p {
            font-size: 1.6rem;
            line-height: 1.8rem;
        }
    }

    @media only screen and (max-width: 40em) {
        .promo-block {
            padding: 0px;
        }

            .promo-block > figure {
            }

            .promo-block > .text-wrapper {
                padding: 0 1rem;
            }

                .promo-block > .text-wrapper p {
                    font-size: 1.2rem;
                    line-height: 1.2rem;
                    margin-bottom: 0.5rem;
                }

                .promo-block > .text-wrapper .button {
                    margin: 0 0 0.5rem 0;
                    font-size: 0.7rem;
                    padding: 0.5rem 1rem;
                }
    }

    /* Promo Intro Image */
    .promo-intro-text {
        padding: 6rem 0;
    }
    .promo-intro-text h1 {
        font-size: 3.4rem;
        margin-bottom: 1.5rem;
    }
    .promo-intro-text h2 {
        margin-bottom: 0.5rem;
    }
    .promo-intro-image {
        height: 500px;
    }

    @media only screen and (max-width: 1200px) {
        .promo-intro-text {
            padding: 3rem 0;
        }
    }

    @media only screen and (max-width: 980px) {
        .promo-intro-text {
            padding: 3rem 0;
        }
        .promo-intro-text h1 {
            font-size: 2.4rem;
        }
        .promo-intro-text h2 {
            font-size: 1.3rem;
        }
        .promo-intro-image {
            height: 350px;
        }
    }

    @media only screen and (max-width: 780px) {
        .promo-intro-text {
            padding: 1rem 0;
        }
    }

    @media only screen and (max-width: 40rem) {
        .promo-intro-image {
            height: 220px;
        }
    }


    /* Promoitons Applies To */
    .promo-image {
        border: 5px solid #E1E1E1;
        cursor: pointer;
        margin-bottom: 1rem;
    }

        .promo-image:hover {
            border: 5px solid #F60;
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -o-transform: scale(1.05);
            transform: scale(1.05);
        }

    .promo_items_list ul {
        margin: 0;
    }

    .promo_image_list_item {
        background: #f1f1f1;
        border: 1px solid #e2e2e2;
        text-align: center;
        margin-bottom: 1rem;
    }

    .PromoImg img {
        width: 100%;
        margin-bottom: 0;
    }

    p.PromoLinkName {
        font-family: 'Freedom-Machine', sans-serif;
        font-size: 1rem;
        line-height: 4.4;
        font-weight: 600;
        letter-spacing: 0rem;
        text-transform: uppercase;
        color: #1a1a1a;
        margin: 0 1rem 0 1rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    p.PromoLinkColour {
        font-size: 0.8rem;
        line-height: 1rem;
        margin: 0 1rem 0.8rem 1rem;
    }

        p.PromoLinkColour span {
            font-size: 0.7rem;
            font-style: italic;
        }

    .promo_image_list_item .button {
        margin: 1rem 0 0 0;
    }

    .promo_image_list_item ul.model-colours, .promo_image_list_item ul.model-colour-list {
        margin: 0;
    }

    .promo_image_list_item ul.model-colour-list {
        min-height: 125px;
        max-height: 125px;
        overflow-y: scroll;
    }

        .promo_image_list_item ul.model-colours li, .promo_image_list_item ul.model-colour-list li {
            list-style: none;
        }

        .promo_image_list_item ul.model-colour-list li {
            padding: 0.3rem 1rem;
            border-bottom: 1px solid #e2e2e2;
            font-size: 0.8rem;
            cursor: pointer;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            .promo_image_list_item ul.model-colour-list li:first-child {
                border-top: 1px solid #1a1a1a;
            }

            .promo_image_list_item ul.model-colour-list li:hover {
				background-color: #1a1a1a;
				color: #F60 !important;
            }

            .promo_image_list_item ul.model-colour-list li.model-colour-selected {
				background-color: #272727;
				color: #FFF !important;
				font-weight: bold;
            }

    .promo_image_list_item ul.colour-selector {
        margin: 0 0 1rem 0;
        list-style: none;
        text-align: center;
    }

        .promo_image_list_item ul.colour-selector li {
            display: inline;
            margin: 0 0.1rem;
        }

            .promo_image_list_item ul.colour-selector li img {
                border-radius: 50px;
                width: 35px;
                position: relative;
                cursor: pointer;
                box-shadow: 0 0 0px 2px transparent;
                border: 0.2rem solid transparent;
                opacity: 0.9;
                transition: 300ms ease-out;
            }

                .promo_image_list_item ul.colour-selector li img.active {
                    box-shadow: 0 0 0px 2px #F60;
                    border-color: #FFF;
                    opacity: 1;
                }

                .promo_image_list_item ul.colour-selector li img:hover {
                    opacity: 1;
                }

    /* Slick Overrides for Offers */
    .model-offers .slick-slide, .model-offers .slick-track {
        height: auto;
        outline: none;
    }

    .model-offers .slick-slide {
        padding: 10px;
        opacity: 0.8;
        transition: all 300ms ease;
    }

        .model-offers .slick-slide.slick-center {
            opacity: 1;
            transform: scale(1.05);
        }

    .model-offers .slick-prev, .model-offers .slick-next {
        top: 35%;
    }

    .model-offers .slick-prev {
        left: -95px;
    }

    .model-offers .slick-next {
        right: -95px;
    }

        .model-offers .slick-prev:before, .model-offers .slick-next:before {
            color: #6f6f6f;
        }


    @media only screen and (max-width: 40em) {
        .promo-image {
            border: 0px solid #ED1C24;
            margin-bottom: 1rem;
        }

            .promo-image:hover {
                border: 0px solid #ED1C24;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
            }
    }

    /* Pre Finance Container */
    @media only screen and (max-width: 40em) {
        .pre-finance-results-container {
            display: none;
        }
    }

    /* Sticky Button Container */
    section.StickyButtonContainer {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: auto;
        background: rgba(0, 0, 0, 0.85);
        border-bottom: 0px solid #ececec;
        padding: 0;
        z-index: 1;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
    }

    .StickyButtonContainer .button {
        margin: 0;
        background: transparent;
        font-size: 0.75rem;
    }

    .StickyButtonContainer .row div:first-child .button {
        border-right: 1px solid rgba(255, 255, 255, 0.15);
    }

    @media only screen and (max-width: 40em) {
    }

    .inline-list > .category-title.Promotion.button {
        background: #222;
        /* font-size: 0.9rem; */
        width: auto;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0.8rem;
        margin-right: 0.8rem;
        padding: 1.3rem 0.2rem 1rem 0.2rem;
        font-size: 0.8rem;
        font-family: 'Freedom-Machine', sans-serif;
        font-weight: normal;
    }

    /* Funding Tabs */
    .funding-tabs-container {
        margin-top: 2rem;
        border-bottom: 1px solid #ededed;
    }

    .funding-tab {
		background-color: #FFF;
		padding: 1rem;
		font-weight: bold;
		font-size: 0.85rem;
		text-transform: uppercase;
		text-align: center;
		color: black;
		display: block;
		border: 1px solid #ededed;
		border-bottom: 0;
    }

        .funding-tab.selected {
			background-color: #ededed;
			color: black;
        }

        .funding-tab i {
            margin-left: 15px;
            font-size: 0.7rem;
        }

            .funding-tab i.fa-chevron-right {
                position: relative;
                top: -1.5px;
            }

    .funding-options-container, .model-family-container {
		padding: 0 0;
    }
	
    .funding-options-budget-content-container {
        margin-top: 1.5rem;
    }

    .funding-options-sliders-container {
        margin-top: 2rem;
    }
	.funding-options-tabs nav.category-list .category-title {
		font-size: 1rem;
	}


    /* Model Categories*/
    .model-category .panel {
        padding: 0;
        margin-bottom: 1rem;
        background: #202020;
    }

    .model-category-text {
        padding: 1.5rem 1rem;
        transition: all 200ms ease-in-out;
    }

        .model-category-text h1, .model-category-text h2, .model-category-text h3, .model-category-text p {
            color: white;
        }

        .model-category-text h2, .model-category-text h3 {
            color: #FFF;
            text-align: left;
            line-height: 1;
            font-size: 1.3rem;
            margin-bottom: 0.7rem;
        }

        .model-category-text p {
            font-family: 'Freedom-Machine', sans-serif;
            font-weight: 400;
            text-transform: uppercase;
            color: #7F7F7F;
            text-align: left;
            font-size: 1.2rem;
            line-height: 1;
            margin: 0;
            padding: 0;
        }

    .model-category:hover .model-category-text p {
        color: #F60;
    }

    .model-category-text .text-wrapper {
        max-width: 80%;
        display: inline-block;
    }

    .model-category-text .arrow-icon {
        float: right;
        flex: auto;
        font-size: 40px;
        display: none;
        color: #7f7f7f;
        position: relative;
        top: 15px;
    }

    .model-category:hover .model-category-text .arrow-icon {
        display: inline-block;
    }



    /* End Funding Tabs */





    /* Sliders */
    #BudgetSearch {
        margin-top: 1rem;
    }

    .filter-slider-header-container, .filter-mileage-slider-header-container {
        margin-bottom: 0.8rem;
        display: inline-block;
        width: 100%;
    }

        .filter-slider-header-container label.filter-label, .filter-mileage-slider-header-container label.filter-label {
            float: left;
        }

        .filter-slider-header-container span, .filter-mileage-slider-header-container span {
            float: right;
            font-weight: bold;
        }

    .filter-attribute-values {
        float: right;
    }

    .filter-slider-container, .filter-mileage-slider-container {
        margin-bottom: 1rem;
    }

    /* End Sliders */

    .reset-filters {
        float: left;
        font-size: 0.9rem;
        font-weight: bold;
        margin-top: -0.5rem;
    }

    .category-model-unavailable {
        opacity: 0.15;
    }

    .category-model-unavailable a {
        cursor: not-allowed;
    }

    .category-model-image {
        position: relative;
    }

    span.available-for-text {
		position: absolute;
		top: 40%;
		width: 95%;
		text-align: center;
		font-family: 'Freedom-Machine', sans-serif;
		font-weight: normal;
		font-size: 0.875rem;
		padding: 0.5rem 1rem;
		color: #FFF;
		background: rgba(0, 0, 0, 0.75);
		letter-spacing: 0;
		text-transform: uppercase;
		z-index: 1;
		text-align: left;
    }
    span.available-for-text em {
		font-style: normal;
		color: #F60;
    }
    span.available-for-text a {
		float: right;
		color: #FFF;
    }

    .finishes-container {
        margin-top: 3rem;
    }

    .finish-return-to-model-link {
        font-size: 0.9rem;
    }

        .finish-return-to-model-link span {
            font-weight: bold;
            font-size: 0.9rem;
            color: #f60;
        }

        .finish-return-to-model-link a {
            margin-left: 0.3rem;
            font-weight: bold;
            font-size: 0.7rem;
            color: #757575;
        }

            .finish-return-to-model-link a:hover {
                color: black;
            }




    /* Engine Loader Icon */
    /* Loader */
    @keyframes swing {
        0%,36%,52%,100% {
            transform: rotate(0deg);
            animation-timing-function: ease-out
        }

        2%,10%,18%,26%,32%,48% {
            transform: rotate(2deg);
            animation-timing-function: ease-out
        }

        6%,14%,20%,28%,34%,50% {
            transform: rotate(-2deg);
            animation-timing-function: ease-out
        }

        38%,40% {
            transform: rotate(3deg);
            animation-timing-function: ease-out
        }

        42%,44% {
            transform: rotate(-3deg);
            animation-timing-function: ease-out
        }
    }

    @-o-keyframes swing {
        0%,36%,52%,100% {
            -o-transform: rotate(0deg);
            -o-animation-timing-function: ease-out
        }

        2%,10%,18%,26%,32%,48% {
            -o-transform: rotate(2deg);
            -o-animation-timing-function: ease-out
        }

        6%,14%,20%,28%,34%,50% {
            -o-transform: rotate(-2deg);
            -o-animation-timing-function: ease-out
        }

        38%,40% {
            -o-transform: rotate(3deg);
            -o-animation-timing-function: ease-out
        }

        42%,44% {
            -o-transform: rotate(-3deg);
            -o-animation-timing-function: ease-out
        }
    }

    @-ms-keyframes swing {
        0%,36%,52%,100% {
            -ms-transform: rotate(0deg);
            -ms-animation-timing-function: ease-out
        }

        2%,10%,18%,26%,32%,48% {
            -ms-transform: rotate(2deg);
            -ms-animation-timing-function: ease-out
        }

        6%,14%,20%,28%,34%,50% {
            -ms-transform: rotate(-2deg);
            -ms-animation-timing-function: ease-out
        }

        38%,40% {
            -ms-transform: rotate(3deg);
            -ms-animation-timing-function: ease-out
        }

        42%,44% {
            -ms-transform: rotate(-3deg);
            -ms-animation-timing-function: ease-out
        }
    }

    @-webkit-keyframes swing {
        0%,36%,52%,100% {
            -webkit-transform: rotate(0deg);
            -webkit-animation-timing-function: ease-out
        }

        2%,10%,18%,26%,32%,48% {
            -webkit-transform: rotate(2deg);
            -webkit-animation-timing-function: ease-out
        }

        6%,14%,20%,28%,34%,50% {
            -webkit-transform: rotate(-2deg);
            -webkit-animation-timing-function: ease-out
        }

        38%,40% {
            -webkit-transform: rotate(3deg);
            -webkit-animation-timing-function: ease-out
        }

        42%,44% {
            -webkit-transform: rotate(-3deg);
            -webkit-animation-timing-function: ease-out
        }
    }

    @-moz-keyframes swing {
        0%,36%,52%,100% {
            -moz-transform: rotate(0deg);
            -moz-animation-timing-function: ease-out
        }

        2%,10%,18%,26%,32%,48% {
            -moz-transform: rotate(2deg);
            -moz-animation-timing-function: ease-out
        }

        6%,14%,20%,28%,34%,50% {
            -moz-transform: rotate(-2deg);
            -moz-animation-timing-function: ease-out
        }

        38%,40% {
            -moz-transform: rotate(3deg);
            -moz-animation-timing-function: ease-out
        }

        42%,44% {
            -moz-transform: rotate(-3deg);
            -moz-animation-timing-function: ease-out
        }
    }

    @-webkit-keyframes loader-anim {
        0% {
            left: -102px
        }

        100% {
            left: 102px
        }
    }

    @-moz-keyframes loader-anim {
        0% {
            left: -102px
        }

        100% {
            left: 102px
        }
    }

    @-ms-keyframes loader-anim {
        0% {
            left: -102px
        }

        100% {
            left: 102px
        }
    }

    @-o-keyframes loader-anim {
        0% {
            left: -102px
        }

        100% {
            left: 102px
        }
    }

    @keyframes loader-anim {
        0% {
            left: -102px
        }

        100% {
            left: 102px
        }
    }


    @-webkit-keyframes blink-text {
        0% {
            opacity: 1
        }

        20% {
            opacity: 0.5
        }

        40% {
            opacity: 0.2
        }

        60% {
            opacity: 0.7
        }

        80% {
            opacity: 0.1
        }

        90% {
            opacity: 0.4
        }
    }

    @-moz-keyframes blink-text {
        0% {
            opacity: 1
        }

        20% {
            opacity: 0.5
        }

        40% {
            opacity: 0.2
        }

        60% {
            opacity: 0.7
        }

        80% {
            opacity: 0.1
        }

        90% {
            opacity: 0.4
        }
    }

    @-ms-keyframes blink-text {
        0% {
            opacity: 1
        }

        20% {
            opacity: 0.5
        }

        40% {
            opacity: 0.2
        }

        60% {
            opacity: 0.7
        }

        80% {
            opacity: 0.1
        }

        90% {
            opacity: 0.4
        }
    }

    @-o-keyframes blink-text {
        0% {
            opacity: 1
        }

        20% {
            opacity: 0.5
        }

        40% {
            opacity: 0.2
        }

        60% {
            opacity: 0.7
        }

        80% {
            opacity: 0.1
        }

        90% {
            opacity: 0.4
        }
    }

    @keyframes blink-text {
        0% {
            opacity: 1
        }

        20% {
            opacity: 0.5
        }

        40% {
            opacity: 0.2
        }

        60% {
            opacity: 0.7
        }

        80% {
            opacity: 0.1
        }

        90% {
            opacity: 0.4
        }
    }

    .finance-loader {
        text-align: center;
        padding: 3rem 0;
    }

        .finance-loader img {
            width: 150px;
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: -50px;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            -webkit-animation-delay: 4s;
            -moz-animation-delay: 4s;
            -ms-animation-delay: 4s;
            -o-animation-delay: 4s;
            animation-delay: 4s;
            -webkit-animation: swing 3s infinite;
            -moz-animation: swing 3s infinite;
            -ms-animation: swing 3s infinite;
            -o-animation: swing 3s infinite;
            animation: swing 3s infinite;
            transform-origin: 50% 69%;
        }
    /* End Engine Loader Icon */

    #SendEnquiry {
        margin-top: 1rem;
    }

    #ApplyForFinance {
        margin-top: 1rem;
    }

.warranty-promotional-rate-text {
    float: right;
    font-size: 0.6rem;
    font-weight: bold;
}
.alert-box.warning {
    background-color: #f60;
    border-color: #f60;
    color: #fff;
}



/* Funding Options Overlay and Options */
.funding-options-notice {
    position: absolute;
    padding-top: 2.5rem;
    text-align: center;
    z-index: 999999;
    min-height: 450px;
    right: 0;
}
.funding-options-notice > ul {
    list-style: none;
}
.funding-options-notice > ul li {
    list-style: none;
	margin-bottom: 0.5rem;
}
.funding-options-container.has-opacity {
    opacity: 0.02;
}
.finance-types-container > a {
    display: inline-block;
    font-weight: bold;
	color: #FFF;
	margin-right: 2rem; 
}
.finance-types-container > a:hover {
	color: #FFF;
}
.finance-types-container > a.selected .fad {
	color: #F60;
}
.finance-types-container > a.selected .fad:before {
    position: absolute;
    color: var(--fa-primary-color,inherit);
    opacity: 1;
    opacity: var(--fa-primary-opacity,1);
	color: #FFF;
}
.finance-types-container > a.selected .fad.fa-swap-opacity:before, .finance-types-container > a.selected .fad:after {
    opacity: 1;
    opacity: var(--fa-secondary-opacity,1);
	color: #F60; 
}


/* Colour Change for the budget search container */
.budget-search-options .finance-types-container > a {
	color: #1a1a1a;
}
.budget-search-options .finance-types-container > a .fad:before, .budget-search-options .finance-types-container > a.selected .fad:before {
    color: #333;
}

.budget-asset-no-finance {
    color: #f60;
    float: right;
}



/* Admin Area Styles */

/* Side Nav */
.side-nav {
    background: #f1f1f1;
    padding: 0;
    border: 1px solid #dddddd;
}
.side-nav li {
    margin: 0;
    border-bottom: 1px solid #dddddd;
    padding: 0.8rem;
    text-transform: capitalize;
    cursor: pointer;
    font-weight: 600;
}
.side-nav li:hover {
    background: #F60;
}
.page-list-item.disabled {
    opacity: 0.2;
}
.page-list-item {
    padding: 10px;
    cursor: default;
}
.page-list-item.active, .page-list-item.selected {
    background-color: #F60;
    color: #000;
}
.page-list {
    margin-top: 1rem;
    margin-bottom: 30px;
}

/* Model Management */
.model-management-item h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.model-management-item button.expand, .model-management-item .button.expand {
    font-size: 0.65rem;
    border-right: 1px solid white;
}

.promotion-filters {
    margin-top: 1rem;
    padding: 0.5rem;
}

.promotion-filter {
    padding: 1rem;
}

.promotions-container {
    border-top: 0.4rem solid #f60;
}

.promotion-add-new {
    background-color: #f60;
    color: white;
    border-radius: 8px;
    padding: 0rem;
    font-size: 0.8rem;
    line-height: 1.8rem;
    padding-left: 1rem;
    margin-top: 0rem;
    display: inline-block;
    width: auto;
    padding-right: 1rem;
}

.promotion-item {
    padding-top: 1.3rem;
    border-bottom: 2px solid #ddd;
}

.promotion-item:nth-child(odd) {
    background: #eee;
}

.promotion-add-new:hover {
    color: black;
}

[data-validate].error {
    border: 2px solid red;
}

.promotion-flag {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

.promotion-flag.inactive {
    color: red;
}

.promotion-flag.active {
    color: green;
}

.promotion-button {
    margin-right: 1rem;
}

/* Model Admin Finance */
.check-state {
    color: white;
    background-color: #353535;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}

.check-state .far, check-state fas {
    font-size: 1.2rem;
    opacity: 0.5;
}

.check-state .far.check-state-checked, check-state fas.check-state-checked {
    color: #FFF;
    opacity: 1;
}

[select-language] > a {
    line-height: normal !important;
    padding: 1.5rem 1rem !important;
}

[select-language]> a.selected{
    color: #f60 !important;
}

.finance-types-selection-error {
    margin-top: 1rem !important;
    background-color: #1b1b1b !important;
    margin-bottom: -1rem !important;
}

.add-accessories:hover {
    color: black !important;
    cursor: pointer;
}

.add-accessories {
    font-size:0.8rem !important;
}