/* OEM Font Embed */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

@font-face {
font-family: 'GCSS Icons';
font-style: normal;
font-weight: normal;
src: url('https://www.chrysler.com/etc.clientlibs/settings/wcm/designs/fca-brands/clientlibs/resources/fonts/GCSS-Icons-1608151558.woff') format('woff'), url('https://www.chrysler.com/etc.clientlibs/settings/wcm/designs/fca-brands/clientlibs/resources/fonts/GCSS-Icons-1608151558.woff') format('woff')
}
/* OEM Font Embed */



/* OEM Font */
.acs-wrapper { 
font-family: "Roboto", sans-serif;
font-weight: 400
}
/* OEM Font */



/* Heading Tags */
.acs-h1, .acs-h2, .acs-h3, .acs-h4, .acs-h5, .acs-h6 {
font-family: "Red Hat Display", sans-serif;
font-weight: 700;
line-height: 1.2;
}

.acs-h1 {
font-size: 2rem;
}

.acs-h2 {
font-size: 1.8rem;
}

.acs-h3 {
font-size: 1.6rem;
}

.acs-h4 {
font-size: 1.4rem;
}

.acs-h5 {
font-size: 1.2rem;
}

.acs-h6 {
font-size: 1.1rem;
}

/* Larger than phablet */
@media (min-width: 575px) {
.acs-h1 {
font-size: 2.5rem !important;
}

.acs-h2 {
font-size: 2.2rem !important;
}

.acs-h3 {
font-size: 1.8rem !important;
}

.acs-h4 {
font-size: 1.6rem !important;
}

.acs-h5 {
font-size: 1.4rem !important;
}

.acs-h6 {
font-size: 1.2rem !important;
}
}
/* Heading Tags */



/* OEM Font Variables */
.kayser-brand-rg {
font-family: "Roboto" !important; 
font-weight: 400 !important;
}

.kayser-brand-md {
font-family: "Roboto" !important; 
font-weight: 500 !important;
}

.kayser-brand-bd {
font-family: "Roboto" !important; 
font-weight: 700 !important;
}

.kayser-brand-head-lt {
font-family: "Red Hat Display" !important; 
font-weight: 300 !important;
}

.kayser-brand-head-rg {
font-family: "Red Hat Display" !important; 
font-weight: 400 !important;
}

.kayser-brand-head-bd {
font-family: "Red Hat Display" !important; 
font-weight: 700 !important;
}

.kayser-brand-head-xb {
font-family: "Red Hat Display" !important; 
font-weight: 900 !important;
}

.acs-bold {
font-family: var(--bold-font);   
font-weight: 700;
}
/* OEM Font Variables */



/* Variables */
.acs-wrapper {
--accent: #880E00;
--accent2: #b60000;
--black: #000000; 
--white: #ffffff; 
--gray: #E3E3E3; 
--gray2: #E7E7E7;
--dark: #212121; 
--dark2: #222222;
--dark3: #3E3E3E;
--bold-font: "Roboto", sans-serif;
}
/* Variables */



/* Text Colors */
.acs-black {
color: var(--black)
}
.acs-white {
color: var(--white)
}
.acs-gray {
color: var(--gray)
}
.acs-gray2 {
color: var(--gray2)
}
.acs-dark {
color: var(--dark)
}
.acs-dark2 {
color: var(--dark2)
}
.acs-dark3 {
color: var(--dark3)
}
/* Text Colors */



/* Accent Colors */
.acs-accent {
color: var(--accent)
}
.acs-accent2 {
color: var(--accent2)
}
/* Text Colors */



/* BG Colors */
.acs-bg-accent {
--acs-bg-opacity: 1;
background-color: var(--accent);
background-color: rgba(136,14,0, var(--acs-bg-opacity))
}
.acs-bg-accent2 {
--acs-bg-opacity: 1;
background-color: var(--accent2);
background-color: rgba(182,0,0, var(--acs-bg-opacity))
}
.acs-bg-gray {
--acs-bg-opacity: 1;
background-color: var(--gray);
background-color: rgba(227,227,227, var(--acs-bg-opacity))
}
.acs-bg-gray2 {
--acs-bg-opacity: 1;
background-color: var(--gray2);
background-color: rgba(231,231,231, var(--acs-bg-opacity))
}
.acs-bg-dark {
--acs-bg-opacity: 1;
background-color: var(--dark);
background-color: rgba(33,33,33, var(--acs-bg-opacity))
}
.acs-bg-dark2 {
--acs-bg-opacity: 1;
background-color: var(--dark2);
background-color: rgba(34,34,34, var(--acs-bg-opacity))
}
.acs-bg-dark3 {
--acs-bg-opacity: 1;
background-color: var(--dark3);
background-color: rgba(62,62,62, var(--acs-bg-opacity))
}
/* BG Colors */



/* Link Accent */
.acs-link-accent {
text-decoration: none;
color: var(--accent2) !important;
transition: all 0.2s ease-in-out 0s;
}
.acs-link-accent:hover {
text-decoration: underline;
color: var(--accent) !important; 
}

.acs-link-accent2 {
text-decoration: underline;
color: var(--accent) !important;
transition: all 0.2s ease-in-out 0s;
}

.acs-link-accent3 {
text-decoration: underline;
color: var(--white) !important;
transition: all 0.2s ease-in-out 0s;
}
.acs-link-accent3:hover {
opacity: .68
}
/* Link Accent */



/* BUTTONS: START */
/* Button 1 */
.acs-button {
background-color: var(--accent);
border-radius: .07143rem;
border: .14286rem solid var(--accent);
display: inline-block;
text-align: center;
color: var(--white);
text-decoration: none !important;
padding: 1rem 3rem 1rem 1.5rem;
font-family: "Red Hat Display", sans-serif;
line-height: 1;
text-transform: uppercase;
font-size: .8125rem;
letter-spacing: .5px;
min-width: 180px;
transition: 250ms ease-in-out 0ms;
}
.acs-button:hover {
background-color: var(--accent2);
color: var(--white);
border: .14286rem solid var(--accent2);
}

/* Button 2 */
.acs-button2 {
background-color: var(--white);
border-radius: .07143rem;
border: .14286rem solid var(--accent);
display: inline-block;
text-align: center;
color: var(--accent);
text-decoration: none !important;
padding: 1rem 3rem 1rem 1.5rem;
font-family: "Red Hat Display", sans-serif;
line-height: 1;
text-transform: uppercase;
font-size: .8125rem;
letter-spacing: .5px;
min-width: 180px;
transition: 250ms ease-in-out 0ms;
}
.acs-button2:hover {
background-color: var(--gray);
}

/* Button 3 */
.acs-button3 {
background-color: var(--accent2);
border-radius: .07143rem;
border: .14286rem solid var(--accent2);
display: inline-block;
text-align: center;
color: var(--white);
text-decoration: none !important;
padding: 1rem 3rem 1rem 1.5rem;
font-family: "Red Hat Display", sans-serif;
line-height: 1;
text-transform: uppercase;
font-size: .8125rem;
letter-spacing: .5px;
min-width: 180px;
transition: 250ms ease-in-out 0ms;
}
.acs-button3:hover {
background-color: var(--accent);
color: var(--white);
border: .14286rem solid var(--accent);
}

/* Button 4 */
.acs-button4 {
background-color: var(--white);
border-radius: .07143rem;
border: .14286rem solid var(--accent2);
display: inline-block;
text-align: center;
color: var(--accent2);
text-decoration: none !important;
padding: 1rem 3rem 1rem 1.5rem;
font-family: "Red Hat Display", sans-serif;
line-height: 1;
text-transform: uppercase;
font-size: .8125rem;
letter-spacing: .5px;
min-width: 180px;
transition: 250ms ease-in-out 0ms;
}
.acs-button4:hover {
background-color: var(--gray);
}

/* Button 4 */
.acs-button5 {
background-color: var(--dark3);
border-radius: .07143rem;
border: .14286rem solid var(--dark3);
display: inline-block;
text-align: center;
color: var(--white);
text-decoration: none !important;
padding: 1rem 3rem 1rem 1.5rem;
font-family: "Red Hat Display", sans-serif;
line-height: 1;
text-transform: uppercase;
font-size: .8125rem;
letter-spacing: .5px;
min-width: 180px;
transition: 250ms ease-in-out 0ms;
}
.acs-button5:hover {
background-color: var(--black);
color: var(--white);
border: .14286rem solid var(--black);
}
/* BUTTONS: END */



/* Chrysler Icon */
.asc-chrysler-icon {
display: inline-flex;
-moz-osx-font-smoothing: grayscale;
position: relative;
}
.asc-chrysler-icon::after {
font-family: FontAwesome;
font-size: 1.25em;
content:"\f105";
right: 15px;
top: 50%;
overflow: hidden;
margin-top: -.5em;
position: absolute;
padding-right: .5em;
padding-left: .5em;
}
/* Chrysler Icon */


/* Chrysler Link Accent Icon */
.asc-chrysler-link-accent-icon {
display: inline-flex;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 1%;
}
.asc-chrysler-link-accent-icon::after {
font-family: FontAwesome;
content:"\f105";
right: 0;
top: 0;
overflow: hidden;
position: absolute;
}
/* Chrysler Link Accent Icon */