*:focus-visible{
    outline:2px solid #efa30a !important;
}
body {
font-family: 'Helvetica Now Text', Helvetica, sans-serif;
font-weight: normal;
background-color: #d4d4d4;
padding:0px;
margin:0px;
color:#333;
width:100%;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family:'Helvetica Now Display', Helvetica, sans-serif; font-weight: 800; padding:0px; margin:0px;}

h1, .h1 { font-size:36px; line-height:1; letter-spacing:0px;}
h2, .h2 { font-size:30px; line-height:1.1; letter-spacing:0px; margin-bottom:32px;}
h3, .h3, .sectionHeader { font-size:27px; line-height:1.1; letter-spacing:0px; }
h4, .h4 { font-size:20px; line-height:1; letter-spacing:0px; }
h5, .h5 { font-size:18px; line-height:1.2; letter-spacing:0px; }
h6, .h6 { font-size:16px; line-height:1.4; letter-spacing:0.4px; color:#736e7d }
@media(min-width:768px){
	h1, .h1 { font-size:36px; line-height:1.1;}
	h2, .h2 { font-size:38px; line-height:1; }
	h3, .h3, .sectionHeader { font-size:30px; line-height:1.1; }
	h4, .h4 { font-size:22px; line-height:1; }
}
@media(min-width:1024px){
	h1, .h1 { font-size:46px; line-height:1.1; }
	h2, .h2 { font-size:44px; line-height:1; }
    h4, .h4 { font-size:24px; line-height:1; }
}
@media(min-width:1336px){
	h1, .h1 { font-size:52px; line-height:1.1; }
	h2, .h2 { font-size:48px; line-height:1; }
	h3, .h3, .sectionHeader { font-size:32px; line-height:1.1;  }
	h4, .h4 { font-size:26px; line-height:1; }
	h5, .h5 { font-size:20px; line-height:1.2; }
}
/* BOOTSTRAP OVERRIDE */
.container{ width: 100%; max-width:1336px; }

/* Helper Classes */
.pad5 {padding: 50px;}

.whiteBg{ background-color:#fff; }
.blackBg{ background-color:#000; }
.offGreyBg { background-color:#e8eef8; }

.bold{font-weight:600;}
.bolder{font-weight:700;}
.boldest{font-weight:900;}

.content-container{
    width:100%; 
    max-width:1100px; 
    margin:0 auto;
}
@media(min-width:768px) {
    .content-container {
        padding: 0 60px;
    }
}

.centerText{ text-align:center; }
p.centerText{
    padding-bottom:60px;
    margin-left: 20px;
    margin-right: 20px;
}
.dk-gray{color:#333;}
.blueText { color:#0000eb; }
.dk-blue-text{color:#005baa;}
.blue-green-text{color:#00677b;}
.white-text{color:#fff;}
h2.blueText{
    padding-top: 60px;
    margin-bottom: 20px;
}
p.evt_font{
   font-size: 22.4px;
}
.whiteText{ color:#fff; }
.blackText{ color:#000; }
.pinkText{ color:#c6169c; }
.lgText{font-size:22px; font-weight:100;}
.greenText{color:#99d73b;}

.pinkBullet{color:#c6169c; font-weight:bold;}

.ptb80{ padding-top:80px; padding-bottom:80px; }
.ptb30{ padding-top:30px; padding-bottom:30px; }
.pb40{ padding-bottom:40px; }

@media(max-width:992px){
    .md-hide{display:none;}
}

@media(max-width:480px){
	.sm-hide{display:none;}
}

/* SiriusXM Link and Logo */
nav{
    background-color:#0000eb;
}
.logo-contain{
	background-color:#0000eb;
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:8px 16px;
}
.logo-contain .sxm-logo{
    width:180px;
}
.logo-contain .stla-logo{
    display:none;
}
@media(min-width:768px){
    .logo-contain{
        justify-content:space-between;
    }
    .logo-contain .stla-logo{
        display:block;
        width:180px;
    }
}

/* Hero Banner / Header Text */
.hero-banner{
    padding:60px 0;
    background-color:#030736;
    background-image:url("../images/NADA/NADA24_hero_mob.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
.hero-banner img{
    width:100%;
    max-width:100%;
}
.hero-banner .stla-logo{
    width:180px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:36px;
}
.hero-banner h1{
    margin:0 auto;
	text-align:center;
    width:100%;
    max-width:430px;
    color:#fff;
}
@media(min-width:768px){
    .hero-banner{
        padding:90px 0 144px;
        background-image:url("../images/NADA/NADA24_hero_desk.jpg");
        background-size:contain;
    }
    .hero-banner .stla-logo{
        display:none;
    }
    .hero-banner h1{
        max-width:700px;
    }
}

/* Form Adjustments */
.form-group{ height:auto; margin-bottom:24px;position:relative; }

.form-group .form-control,
.form-group .select-control { height:48px; }

.form-control ~ label.label-overlay.hover,
.form-control:focus ~ label.label-overlay,
.select-control ~ label.label-overlay.hover,
.select-control:focus ~ label.label-overlay{ bottom:48px; }

label.label-overlay{ bottom:34px; font-size:14px; }

/* Form Section */
.form-section{
    background-color:#fff;
}
.form-section .form-wrapper{
    background-color:#0072ec;
    padding:48px 36px 60px;
}
.form-group.has-error.has-danger .form-control{
    border:2px solid #000;
}
.form-group .form-control:focus{
    border-left-color:transparent;
}
.form-group .form-label{
    color:#fff;
    font-weight:bold;
}
.form-group .help-block.with-errors ul li{
    color:#fff;
    font-weight:bold;
    position:absolute;
    bottom:-20px;
}
.form-section .submit-button{
    margin-top:48px;
}
.form-section .btn-default,
.form-section .btn-default.disabled{
    display:block;
    border-radius:50px;
    width:100%;
    max-width:200px;
    margin:0 auto;
    border:4px solid #fff;
    color:#000;
    font-weight:bold;
    opacity:1;
}
.form-section .btn-default:hover,
.form-section .btn-default:focus,
.form-section .btn-default:active,
.form-section .btn-default.disabled:hover,
.form-section .btn-default.disabled:focus,
.form-section .btn-default.disabled:active{
    background-color:transparent !important;
    color:#fff;
    text-decoration:none;
    opacity:1;
}
.form-section .btn-default span{
    font-size:18px;
    letter-spacing:0;
}
@media(min-width:768px){
    .form-section .form-wrapper{
        width:100%;
        max-width:1000px;
        margin:0 auto;
        margin-top:-80px;
        display:flex;
    }
    .form-wrapper>div{
        width:50%;
    }
    .form-wrapper>div:first-child{
        margin-right:36px;
    }
    .form-wrapper .btn-default,
    .form-wrapper .btn-default.disabled{
        margin:0;
    }
}
/* SXM Theme Styles - Footer Icons */
/************ Footer Icons ****************/
.footer-icons-wrapper{
    padding:60px 0 36px;
    list-style-type:none;
    display:flex;
    justify-content:center;
}
.footer-icons-wrapper li:not(:last-child){
    margin-right:24px;
}
.footer-icons-wrapper .footer-icon svg{
    width:26px;
    height:26px;
}
.footer-icons-wrapper .footer-icon:hover svg path:not(:nth-child(2)),
.footer-icons-wrapper .footer-icon:focus svg path:not(:nth-child(2)),
.footer-icons-wrapper .footer-icon:active svg path:not(:nth-child(2)){
    fill:#0000eb;
}

/* Footer */
.footer{ 
    background-color:#fff; 
    padding: 30px 25px 30px 25px;
    margin-top:-1px;
}
.footer .legal {
    font-size:14px; 
    padding-top:10px; 
    color:#000;
    text-align:left;
}
.footer-links{
    margin-left:-16px;
    margin-right:-16px;
}
.footer-links ul{
    list-style-type:none;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.footer-links ul li{
    margin-right:6px;
    padding-right:6px;
}
.footer-links ul li:after{
    content:"";
    border-left:1px solid #000;
    position:relative;
    left:6px;
}
.footer-links ul li:last-child:after{
    border-left:none;
}
.footer-links .footer-link{
    color:#000;
    font-weight:bold;
    text-decoration:none;
}
.footer-links .footer-link:hover,
.footer-links .footer-link:focus,
.footer-links .footer-link:active{
    text-decoration:underline;
    color:#000;
}

.footer .legal,
.footer .icon-wrapper,
.footer .footer-links,
.footer .footer-copyright{
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}
.footer .footer-copyright{
    text-align:center;
}

/* Modal Styles */
.modal-content, .modal-header{
    border-radius:0px;
}
.modal-header{
    padding:12px 16px 12px 32px;
    position:relative;
    text-align:center;
}
.modal-header .close.back{
    left:8px;
    position:absolute;
    font-weight:normal;
    font-size:26px;
    top:14px;
}
.modal-header, .modal-header .close{
    color:#fff;
    background-color:#322790;
    font-size:16px;
    line-height:1.5;
    letter-spacing:0;
}
.modal-header .close{
    opacity:1;
}
.modal-content .modal-body{
    padding:32px 40px;
    font-size:16px;
}
.modal-content .modal-body .h4{
    margin-bottom:14px;
    font-weight:800;
}
.modal-content .modal-body .form-control{
    margin:0 0 16px 0;
    height:46px;
    border-radius:0;
}
.modal-content .modal-body a.btnStayConnected:hover{
    text-decoration:none !important;
}
.modal-content .modal-body a.btnStayConnected{
    padding:22px 16px;
    letter-spacing:2px;
    border-radius:0;
    text-align:center;
    background-color:#0000eb;
    color:#fff;
    font-size:14px;
    margin-top:20px;
    display:block;
    text-decoration:none !important;

}

/************************************************
    NADA Dealer Resources Page
************************************************/
.container.nada{
    background-color:#fff;
}
/* Content Container */
.nada-container{
    padding:0 24px;
    width:100%;
    max-width:1100px;
    margin:0 auto;
}
@media(min-width:768px)
{
    .nada-container{
        padding:0 44px;
    }
}
@media(min-width:1336px)
{
    .nada-container{
        padding:0;
    }
}

/* Header Styles */
header{
    background-color:#fff;
}
header .mobile-header{
    background-color:#000;
    width:100%;
}
.header-text{
    padding:28px 0;
}
.header-text h1{
    margin-bottom:18px;
}
.header-text p.link-p{
    color:#0000eb;
    font-weight:bold;
}
.header-text p.link-p .hero-link{
    color:#0000eb;
    text-decoration:none;
    border-bottom:4px solid #0000eb;
}
.header-text p.link-p .hero-link:hover,
.header-text p.link-p .hero-link:active,
.header-text p.link-p .hero-link:focus{
    color:#0000eb;
    text-decoration:none;
    border-bottom:none;
}
.header-image{
    display:none;
}
@media(min-width:768px){
    header{
        background-color:#000;
    }
    header .mobile-header{
        display:none;
    }
    .header-banner{
        display:flex;
        align-items:center;
    }
    .header-text{
        color:#fff;
    }
    .header-text h1{
        margin-bottom:8px;
    }
    .header-text p.link-p{
        color:#31c8ff;
    }
    .header-text p.link-p .hero-link{
        color:#31c8ff;
        text-decoration:none;
        border-color:#31c8ff;
    }
    .header-text p.link-p .hero-link:hover,
    .header-text p.link-p .hero-link:active,
    .header-text p.link-p .hero-link:focus{
        color:#31c8ff;
        text-decoration:none;
        border-bottom-color:transparent;
    }
    .header-image{
        display:block;
    }
    .header-image img{
        width:100%;
    }
}

/* Module Section */
.divider{
    outline:none;
    border-bottom:1px solid #000;
}
.module-section{
    padding:24px 0 48px;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.module{
    text-align:center;
    padding:18px 0;
    margin-bottom:24px;
    width:100%;
    max-width:350px;
}
.module h2{
    color:#000;
    margin-bottom:8px;
}
.module-btn-wrapper .module-btn{
    background-color:#000;
    color:#fff;
    font-weight:bold;
    display:flex;
    justify-content:center;
    width:100%;
    max-width:180px;
    margin:0 auto;
    padding:14px 0;
    border-radius:50px;
    border:4px solid #000;
}
.module-btn-wrapper .module-btn:hover,
.module-btn-wrapper .module-btn:active,
.module-btn-wrapper .module-btn:focus{
    background-color:transparent;
    color:#000;
    text-decoration:none;
}
.module-btn-wrapper{
    display:flex;
}
.module-btn-wrapper.app-lnks{
    flex-direction:column;
    align-items:center;
}
.module-btn-wrapper .module-btn-lnk img{
    width:100%;
    max-width:150px;
    min-height:50px;
}
.module .sxm-app{
    display:flex;
    flex-direction:column-reverse;
    align-items:center;
}
.module .sxm-app .app{
    width:70px;
}
@media(min-width:768px){
    .divider{
        display:none;
    }
    .module-section{
        flex-direction:row;
        justify-content:space-between;
        align-items:flex-start;
        margin-left:-24px;
        margin-right:-24px;
    }
    .module{
        text-align:left;
        max-width:250px;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        height:380px;
        margin-right:36px;
    }
    .module:last-child{
        margin-right:0;
    }
    .module h2{
        height:80px;
    }
    .module-btn-wrapper .module-btn{
        margin:0;
    }
    .module-btn-wrapper .module-btn-lnk:first-child img{
        margin-bottom:0.5em;
    }
    .module .sxm-app{
        flex-direction:row;
    }
    .module .sxm-app .app{
        margin-bottom:0;
    }
}
@media(min-width:1024px){
    .module-btn-wrapper.app-lnks{
        flex-direction:row;
        justify-content:space-between;
        height:52px;
    }
    .module-btn-wrapper .module-btn-lnk:first-child img{
        margin-bottom:0;
        margin-right:.35em;
    }
    .module-btn-wrapper .module-btn-lnk img{
        max-width:120px;
        min-height:40px;
    }
}
@media(min-width:992px)
{
    .module{
        height:320px;
    }
}

/* Gray Section / Color Module */
.gray-section{
    background-color:#f4f4f4;
    margin-left:-24px;
    margin-right:-24px;
    padding-left:24px;
    padding-right:24px;
    padding-top:56px;
}
.gray-section h3{
    margin-bottom:36px;
}
.color-module{
    border-top:4px solid transparent;
    padding-top:24px;
    padding-bottom:48px;
}
.color-module.blue{
    border-top-color:#0000eb;
}
.color-module.lt-blue{
    border-top-color:#31c8ff;
}
.color-module.orange{
    border-top-color:#ff6229;
}
.color-module h4{
    margin-bottom: 12px;
}
.color-module .module-link{
    color:#006ed7;
    font-weight:bold;
    text-decoration:none;
    border-bottom:2px solid #006ed7;
}
.color-module .module-link:hover,
.color-module .module-link:active,
.color-module .module-link:focus{
    border-bottom-color:transparent;
}
@media(min-width:768px)
{
    .color-module-wrapper{
        display:flex;
        justify-content:space-between;
    }
    .color-module{
        width:30%;
    }
}

/* Blue Section */
.blue-section{
    background-color:#006ed7;
    color:#fff;
    margin-left:-24px;
    margin-right:-24px;
    padding-left:24px;
}
.app-wrapper{
    display:flex;
    align-items:center;
}
.app-text{
    padding-right:16px;
}
.app-text h5, .app-text h4{
    margin-top:1em;
    margin-bottom:1em;
    font-size:24px;
    line-height:1.1;
    letter-spacing:0px;
}
.app-text p{
    margin-bottom:2em;
}
.app-text .app-btn-wrapper{
    display:flex;
    flex-direction:column;
}
.app-text .app-btn-wrapper + p{
    margin-top:2em;
}
.app-text .app-btn-wrapper .app-btn{
    background-color:#fff;
    padding:12px 0;
    color:#0000eb;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    border-radius:50px;
    border:4px solid #fff;
    display:block;
    width:160px;
}
.app-text .app-btn-wrapper .app-btn:hover,
.app-text .app-btn-wrapper .app-btn:active,
.app-text .app-btn-wrapper .app-btn:focus{
    background-color:transparent;
    color:#fff;
    text-decoration:none;
}
.app-btn-wrapper .app-btn-lnk img{
    width:100%;
    max-width:150px;
    min-height:50px;
}
.app-btn-wrapper .app-btn-lnk:first-child img{
    margin-bottom:.5em;
}
.app-images .dealer-app .app-btn-wrapper{display:none;}
.app-images .dealer-app .app-img{
    width:150px;
    margin:-25px -50px -30px 10px;
}
.app-images .dealer-app .app-img + p{
    display:none;
}
.app-images .dealer-app .phone-mob{ 
    width:150px;

}
.app-images .dealer-app .phone-desktop{display:none;}
@media(max-width:375px)
{
    .app-images .dealer-app .phone-mob{
        width:120px;
    }
    .app-images .dealer-app .app-img{
        margin:-25px -50px -30px -10px;
    }
}
@media(min-width:768px)
{
    .blue-section{
        padding-top:0;
        height:361px;
        height:261px;
    }
    .blue-section .app-wrapper{
        position:relative;
        top:-25px;
    }

    /* Toggle mobile and desktop images view*/
    .app-text .app-btn-wrapper { display:none; }
    .app-images .dealer-app .phone-mob{ display:none; }

    .app-images .dealer-app .app-img{
        width:120px;
    }
    .app-images .dealer-app .app-btn-wrapper{
        display:flex;
        align-items:center;
    }
    .app-images .app-btn-wrapper .app-btn-lnk img{
        max-width:125px;
        min-height:40px;
    }
    .app-images .app-btn-wrapper .app-btn-lnk:first-child img{
        margin-bottom:0;
    }

    .app-wrapper .app-text{ 
        width:35%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        padding:0;
    }
    .app-wrapper .app-images{ width:65%; }

    .app-text h5, .app-text h4{
        margin-bottom:4px;
        font-size:1.8em;
        width:90%;
    }
    .app-text p{
        margin-top:12px;
        margin-bottom:12px;
        width:90%;
    }
    .app-text .app-btn-wrapper + p{
        display:none;
    }

    .app-images .dealer-app{
        display:flex;
        flex-direction: row-reverse;
        padding-right:12px;
    }
    .app-images .dealer-app div:first-child{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
    }
    .app-images .dealer-app .app-img{
        margin:0;
        margin-bottom:-30px;
        margin-top:-30px;
    }
    .app-images .dealer-app .app-img + p{
        display:block;
        padding-left:1em;
        padding-right:1em;
        text-align:center;
        margin-bottom:1em;
    }
    .app-images .dealer-app .phone-desktop{ 
        display:block;
        width:260px;
    }
    .app-images .images-btn-wrapper .app-btn{
        background-color:#fff;
        padding:12px 0;
        color:#0000eb;
        font-weight:bold;
        text-decoration:none;
        text-align:center;
        border-radius:50px;
        border:4px solid #fff;
        display:block;
        width:160px;
    }
    .app-images .images-btn-wrapper .app-btn:hover,
    .app-images .images-btn-wrapper .app-btn:active,
    .app-images .images-btn-wrapper .app-btn:focus{
        background-color:transparent;
        color:#fff;
        text-decoration:none;
    }
}
@media(min-width:992px)
{
    .app-wrapper .app-text{
        width:40%;
    }
    .app-wrapper .app-images{
        width:65%;
    }
}

/* Footer */
footer{
    padding-bottom:24px;
}
footer .icon-wrapper {
    padding:0;
    list-style-type:none;
    display:flex;
    justify-content:center;
    padding:60px 0 36px;
}
footer .icon-wrapper li:not(:last-child){
    margin-right:18px;
}

footer .link-wrapper{
    padding:0;
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:24px;
}
footer .link-wrapper .footer-link{
    white-space:nowrap;
    line-height:1.75;
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
footer .link-wrapper .footer-link:hover,
footer .link-wrapper .footer-link:active,
footer .link-wrapper .footer-link:focus{
    text-decoration:underline;
    color:#000;
    font-weight:bold;
}

footer .copyright-wrapper{
    font-size:.875em;
    text-align:center;
}