body {
    color: #0a0a0a;
}

@media (max-width: 991px) {
    .large-container {width: 100%; max-width: 100%;}
}

.ui-widget-header {
    background: #253274;
}
.card {
    border:4px solid #2B407B;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.signupAlignedList ul > li {
    margin-top: 1em;
    margin-left: -1.5em
}
.card-header:first-child {
    border-radius: 0 !important;
}
.card-header {
    position: relative;
}
.card-block {
    position: relative;
}
.subBtn {
    background: #e0551c;
    border-radius: 0px;
    color: #FFF;
    font-weight: 400;
    padding: .5em 1em;
    text-transform: uppercase;
    font-size:28px;
    min-width: 8em;
}
.custom-quote, .advanced-categories {
    position: absolute;
    right: 2rem;
    top: 2rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}

.custom-quote-label {
    margin-bottom: 5px;
}

.btnHover:hover {
    background: #1C2658;
    color: #FFF;
    text-decoration: none;
}
.btnHover:focus {color: #fff; text-decoration: none;}

.mobileSubmitBtn {
    z-index:4;
    bottom: -25px;
    position: absolute;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}
.mobileSubmitBtn .getQuotesBtn {
    display: inline-block;
    width: auto;
    font-size: 20px;
}
.mobileSubmitBtn .submitQuotesBtn {
    font-size: 20px;
}

.signupSection {
    margin-top: 0;
}
.signupSection .brandLocationRegisterCard {
    margin-top: -7em;
}
.mobileCategoriesAdvanced h4 {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
@media (max-width:1212px) {
    .recaptchaSpacing {
        display:inline;
    }
    .stretchOptInText {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width:320px) {
    .mobileLink {
        text-decoration: underline !important;
    }
    .mobileRight {
        float: right;
    }
    .recaptcha {
        margin-top: 0em;
        margin-bottom: 1em;
    }
    .shadowBigB {
        box-shadow: none;
    }
}
@media (min-width:1651px) {
    .mobileCategories {
        width:14.2%;
        margin-left: 1em;
    }
    .mobileCategoriesAdvanced {
        width:28%;
        margin-left: 1em;
    }
    .mobileSpacingCategories {
        display: none;
    }
    .mobileVerySmallSpacingCategories {
        display: none;
    }
    .mobileGeneralSpacing {
        display: none;
    }
    .taxiResizeCategory {
        padding-left: 1em;
    }
    /*.busBenchesResizeCategory {*/
        /*padding-left: 2em;*/
    /*}*/
}
@media (max-width:1650px) {
    .mobileCategories {
        width:28%;
        margin-left: 1em;
    }
    .mobileCategoriesAdvanced {
        width:28%;
        margin-left: 1em;
    }
    .mobileSpacingCategories {
        display: inline;
    }
    .mobileVerySmallSpacingCategories {
        display: none;
    }
    .mobileGeneralSpacing {
        display: none;
    }
}
@media (max-width:1100px) {
    .bumpRecaptca {
        margin-left: 5em;
    }
}
@media (max-width:970px) {
    .mobileCategories {
        width:41%;
        margin-left: 1em;
    }
    .mobileCategoriesAdvanced {
        width:41%;
        margin-left: 1em;
    }
    .mobileSpacingCategories {
        display: none;
    }
    .mobileVerySmallSpacingCategories {
        display: inline;
    }
    .mobileGeneralSpacing {
        display: none;
    }

}
@media (max-width:765px) {
    .simpleCategoriesSection {
        padding-bottom: 0!important;
    }
    .mobileCategories {
        width:100%;
        text-align: center;
    }
    .mobileCategoriesAdvanced {
        width:100%;
        text-align: center;
    }
    .mobileSpacingCategories {
        display: none;
    }
    .mobileVerySmallSpacingCategories {
        display: none;
    }
    .mobileGeneralSpacing {
        display: inline;
    }
    .mobileSubmitBtn {
        position: relative;
        min-width: 0;
        width: 100%;
    }
    .bumpRecaptca {
        margin-left: 0em;
    }
    .signupSection .brandLocationRegisterCard {
        margin-top: 0em!important;
    }
}
@media (min-width:767px) {
    .mediumAndUpFirstCardLocation {
        margin-top: -11em;
    }
    .firstCard {
        z-index: 3;
        position:relative;
    }
    .has-overlay {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: 100%;
        left: 0;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 2;
    }
}
.verticalScrollingText {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    top: 0;
    left: 0;
    animation: move 13s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: 0s;
}

@keyframes move {
    0%  { top: 0px; }
    20% { top: -1.2em; }
    40% { top: -2.4em; }
    60% { top: -3.6em; }
}

.scrollingTextSpan {
    overflow:hidden;
    position:absolute;
    height:1em;
    text-align: left
}

.disabledAnchor {
    pointer-events: none !important;
    cursor: default;
}
.step2and3card {
    display:none;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    background: #2B407B;
    color: #FFF;
    text-align: center;
    font: 32px Arial, sans-serif;
}
.lightningCircle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    background: #2B407B;
    color: #FFF;
    text-align: center;
    font: 32px Arial, sans-serif;
    background-image: url("/d/images/lightning_white.png");
    background-size: 150%;
    background-position: center;
}
.logo-row {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.logo-row__logo {
    margin-left: 8px;
    margin-right: 8px;
}
.bbb-logo img {
    width: 130px;
    height: 130px;
}

.bbi-blurb-area {
    height: 100%;
    background: linear-gradient(180deg, #FFF 32%, #253374 0%);
    color: white;
}

.choose-bbi-for {
    color: #eeb3a3;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 58px;
    margin-bottom: -26px;
    transform: scale(1, 1.3);
    transform-origin: bottom;
}

@media (min-width: 1000px) {
    .choose-bbi-for {
        font-size: 86px;
        margin-bottom: -48px;
    }
}

.verticalCeneter {
    margin-top: auto;
    margin-bottom: auto;
}

/* Aaron ++ Stylesheet | AjZ / 3.19 */
header {background-color:#FFF; padding:3px;}
section label {font-weight:normal; width:auto; margin-bottom:0;}
[type="radio"] {margin-right:.25em;}
.btn {background: #e0551c; border-radius: 50px; cursor:pointer; font-family: Poppins, Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; padding: 8px 30px; box-shadow:none;}
.btn:focus,.btn:hover {background:#DB5628!important;}
.H500 {height:auto; min-height:500px;}
.W175 {width:175px;}
.W800 {width:800px;}
.MT5 {margin-top:5em!important;}
.PL10 {padding-left:10em;}
.PR10 {padding-right:10em;}
.PT10 {padding-top:10em;}
.ls1 {letter-spacing:.1em;}
#search .card-header {letter-spacing:.15em;}
video {display:block; width:100%;}
section.break {background-color:#000; background-size:100% 1px; background-position:center;}
.border-bottom-black { border-bottom: 1px solid #000; }

/* Main Heading */
#hero-background {height:350px; background-image:url('../../images/brand/hero-bg.jpg'); background-size:cover;}
.mediumAndUpFirstCardLocation {margin-top:-7em;}
.card-block {padding:0;}
.rowBr {height:1px; background:#1B1B1B;}
.numberCircle {background:#913191; margin:.25em auto -.5em auto;}
.lightningCircle {background-color:#913191; margin:.25em auto -.5em auto;}
.card {border:1px solid #1B1B1B; border-radius:0;}
.purpleBorderR {border-right:1px solid #8A1F8F; font-size:18px;}

.initialRockstarText {}
/* +v4 white1 */

.rockstarSubText {color:#fff; font: bold 2.3em/1.2 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing:.07em; -webkit-text-stroke:1px #913191; text-shadow: 5px 2px 14px rgba(0,0,0, 1);}

/* All Other Additions */
.ltBlue {color:#97d3e1;}
.blueImage {background:#253572 url('../../images/brand/blueImage.png') center no-repeat; background-size:contain;}
.BGgrayHalf {height:100%; background:linear-gradient(180deg, #FFF 32%, #AAA 0%);}
.BGpurple {background:#2E093A url('../../images/brand/bbi-computer.jpg') center no-repeat; background-size:cover; padding:8em 0;}
#footWrap {background-color:#AAA;}
#footer-cityscape {background:url('../../images/brand/cityscape_25a02a31.png') bottom no-repeat; background-size:contain; height:150px;}
.lineButton {text-align:center; margin-top:-1em; z-index:1000; position:relative;}
.mobileCategories {padding-bottom: 1em;}

.drop-row {position: absolute; top: 30px;}

#homeMapImage #mapCta {
    color: #FFF;
    height: 300px;
    margin: 70px 0;
    padding: 40px 20px;
    text-align: center;
}

.updateAddressBtn {background:#913191; border-radius: 0; color: white; display:inline-block; padding: .5em 1em;}
.updateAddressBtn.orange {background: #e0551c;}
.updateAddressBtn:focus {color: #fff; text-decoration: none;}

#search form label {
    color: #4a4a4a;
    font-weight: 500;
    text-transform: uppercase;
}

#search form .styled-select {
    border: 1px solid #ccc;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    position:relative;
}
#search form .styled-select::after {
    content: '\f0d7';
    color: #913191;
    font-family: 'FontAwesome', serif;
    position: absolute;
    right: 8px;
    bottom: 2px;
    font-size: 24px;
    pointer-events: none;
}
#search form .styled-select select {
    background: #fff;
    border-radius: 0;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    height: 37px!important;
}
.input-group input {line-height: 19px;}
.input-group-addon {background: #fff;}
.input-group-addon i.fa {color: #913191; font-size: 18px;}
#_brandrfpflow_start_week_id, #_brandrfpflow_end_week_id {
    max-width: 9rem;
}
/*------------------------------------*\
    Loading Dialog
\*------------------------------------*/
#loading-container {
    background: rgba(0, 0, 0, 0.6);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
}

#loading-container #loading-frame {
    background: #8c1b8f;
    border-radius: 8px;
    border: 3px solid #253274;
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 3rem;
    width: 100%;
    max-width: 500px;
}
#loading-container #loading-frame img {
    height: 300px;
}

#loading-container #loading-frame .title {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

@media screen and (max-width:1060px) {
    #homeMapImage #mapCta {margin: 0;}
    #homeMapImage #mapCta h1 {font-size: 40px;}
    .rockstarSubText {font-size: 24px;}
    .mediumAndUpFirstCardLocation {margin-top: -150px;}
}

@media screen and (max-width:768px) {
    .mediumAndUpFirstCardLocation {margin-top: 0;}
}

#home-how-it-works {overflow: hidden; position: relative;}
#home-how-it-works .background {
    background: #253374 50% no-repeat;
    background-size: cover;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 50%;
}
@media screen and (max-width:767px) {
    #home-how-it-works .background {display: none;}
}

#home-how-it-works .content {padding:8rem 8rem 8rem 0;}
@media screen and (max-width:576px) {
    #home-how-it-works .content { padding-right: 0;}
}

/* Mobile Styles */
@media screen and (max-width:1200px) {
    .PL0,.PR0 {width:90%; padding:0 15px!important;}
}

@media screen and (max-width:576px) {
    .btn {font-size:1em;}
    .H500 {height:auto; min-height:auto;}
    .mediumAndUpFirstCardLocation {margin:0;}
    .whyUse h3,.whyUse p {text-align:center;}
    .BGgrayHalf {background:linear-gradient(180deg, #FFF 32%, #FFF 0%);}
    .BGpurple {padding:2em;}
    .lineButton {margin-top:-2.5em;}
}
#mainNav {background:#3b3e46; min-height:50px;}
#mainNav nav.navbar {border-bottom: none;}
#mainNav nav.navbar-brand {height:50px;}
#mainNav nav ul#nav {padding: 0;}
#mainNav nav ul#nav li {padding:0 1em; display: flex; line-height: 38px; position: relative;}
#mainNav nav ul#nav li.navparent:after {content: '\f0d7'; font-family: "FontAwesome", serif; color: #FFF; margin-left: .5em;}
#mainNav nav ul#nav li a:hover { border-bottom: 2px solid #b812bc; text-decoration: none;}
#mainNav nav ul#nav li a {color:#FFF;}
#mainNav nav ul#nav li.navparent ul { line-height: 45px; }
#mainNav nav ul#nav li.navparent ul li {white-space: nowrap; padding: 0 1em;}
#mainNav nav ul#nav li.navparent ul li a {width: 100%;}
#mainNav nav ul#nav li ul { position: absolute; top: 100%; left: 0; z-index: 99999; display: none; float: left; padding: 0 10px;
    margin: 0; font-size: 16px; text-align: left; list-style: none; background-color: #5f6469; -webkit-background-clip: padding-box;
    background-clip: padding-box; border: none; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    white-space: inherit; min-width: 100%; line-height: 50px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
#mainNav nav ul#nav li:hover ul {display: block;}
#mainNav nav ul#nav li ul {background: #3b3e46; font-size: 14px;}