/* general */
        body  { font-family: 'Roboto',arial,sans-serif !important;  }
        .hidden { display: none !important; }
        .-oneX-logo { padding: 17px 20px 17px 0 !important; max-width: 300px;}
        .navbarsf {  background-color: #e22925 !important;  padding: 12px !important;}
        .white { color: #fff !important; }
        .green,a .green, a:link .green { color: #006951 !important; }
        .navbarsf { padding: 3px 0; }
        .hdrgray { color: #505050; font-size: 1.3rem; }
        .bluefont { color: #0a70bc !important; }
        .btn-nsc { background: #006c55; color: #fff !important; border-color: #006c55; }
        #txtrotate { position: relative; }
        #txtrotate span { position: absolute; top: 0; left: 0; }
        #logos { padding: 0 !important; }
        h1 { font-size: 2.2rem; }
        h4 { font-size: 2rem; }
        h1.agent { font-size: 2rem; }
        h2.agent { font-size: 1.5rem; }
        .muted { color: #999; }
        .btn-outline-success { color: #006951 !important; border-color: #006951; padding: 8px 15px; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
            -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }
        .btn-outline-success:hover { background: #006951; color: #fff !important; }
        a#returningstudenturl,a#contactusurl { color: #006c55 !important; }
        a#returningstudenturl:hover,a#contactusurl:hover { color: #000 !important; }
        #ddcstates h3 { padding-top: 30px; margin-top: -30px; }
        .dropdown-menu { max-height: 300px; overflow-y: auto; }
        .dropdown-menu a, .dropdown-menu a:visited { color: #333; }
        #belowhero p { color: #505050; }
        .bgtw { background: transparent; color: #fff; border: 0; }
        footer { margin-bottom: 50px; }

        /* nsc cta */
        .NavBar, .hometbox .box, .home-offer .featured-pro .img, .home-accordion .panel-title a.collapsed { border-radius: 3px;  }
        .home-top-box .boxgrey img { width: 100% !important; }
        .home-top-box .box:hover, .home-top-box .boxgrey:hover { text-decoration: none !important; }
        .mycontent img.imgl { margin: 0 30px 30px 0; float: left; max-width: 400px; !important; }
        .mycontent img.imgr { margin: 0 0 30px 30px; float: right; max-width: 400px; !important; }
        .ctabggrey { background-color: #f2f2f2; }
        .br4    { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
        .br4top { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
        .box img { display: block; max-width: 100%; height: auto; }

        /* callout */
        .bd-callout { padding: 1.25rem; margin-top: .25rem !important; margin-bottom: 1.25rem; border: 1px solid #eee; border-left-width: .25rem; border-radius: .25rem; background: #fff; }
        .bd-callout h4 { margin-top: 0px !important; margin-bottom: .25rem }
        .bd-callout p:last-child { margin-bottom: 0 }
        .bd-callout code { border-radius: .25rem }
        .bd-callout+.bd-callout { margin-top: -.25rem }
        .bd-callout-info { border-left-color: #5bc0de }
        .bd-callout-info h4 { color: #5bc0de }
        .bd-callout-warning { border-left-color: #f0ad4e }
        .bd-callout-warning h4 { color: #f0ad4e }
        .bd-callout-nsc { border-left-color: #006c55; }
        .bd-callout-danger { border-left-color: #ec1f27 }
        .bd-callout-danger h4 { color: #333; }
        .lead { color: #6e6e6e; }

        /* spacing */
        .cb { clear: both; overflow: hidden; }
        .nospacing { margin: 0 !important; padding: 0 !important; }
        .nomargin { margin: 0 !important; }
        .nopadding { padding: 0 !important; }
        .mt0  { margin-top: 0px !important; }
        .mt5  { margin-top: 5px !important; }
        .mt10 { margin-top: 10px !important; }
        .mt15 { margin-top: 15px !important; }
        .mt20 { margin-top: 20px !important; }
        .mt25 { margin-top: 25px !important; }
        .mt30 { margin-top: 30px !important; }
        .mt35 { margin-top: 35px !important; }
        .mt40 { margin-top: 40px !important; }
        .mt45 { margin-top: 45px !important; }
        .mt50 { margin-top: 50px !important; }
        .mt70 { margin-top: 70px !important; }
        .mt80 { margin-top: 80px !important; }
        .mt100  { margin-top: 100px !important; }
        .mb0  { margin-bottom: 0px !important; }
        .mb5  { margin-bottom: 5px !important; }
        .mb10 { margin-bottom: 10px !important; }
        .mb15 { margin-bottom: 15px !important; }
        .mb20 { margin-bottom: 20px !important; }
        .mb25 { margin-bottom: 25px !important; }
        .mb30   { margin-bottom: 30px !important; }
        .mb35 { margin-bottom: 35px !important; }
        .mb40 { margin-bottom: 40px !important; }
        .mb45 { margin-bottom: 45px !important; }
        .mb50 { margin-bottom: 50px !important; }
        .mb70 { margin-bottom: 70px !important; }
        .mb80 { margin-bottom: 80px !important; }
        .mb100  { margin-bottom: 100px !important; }
        .pt0  { padding-top: 0px !important; }
        .pt5  { padding-top: 5px !important; }
        .pt10 { padding-top: 10px !important; }
        .pt15   { padding-top: 15px !important; }
        .pt20 { padding-top: 20px !important; }
        .pt25   { padding-top: 25px !important; }
        .pt30 { padding-top: 30px !important; }
        .pt35   { padding-top: 35px !important; }
        .pt40 { padding-top: 40px !important; }
        .pt45 { padding-top: 45px !important; }
        .pt50 { padding-top: 50px !important; }
        .pl0  { padding-left: 0px !important; }
        .pl5  { padding-left: 5px !important; }
        .pl10 { padding-left: 10px !important; }
        .pl15   { padding-left: 15px !important; }
        .pl20 { padding-left: 20px !important; }
        .pl25   { padding-left: 25px !important; }
        .pl30 { padding-left: 30px !important; }
        .pl35   { padding-left: 35px !important; }
        .pl40 { padding-left: 40px !important; }
        .pl45 { padding-left: 45px !important; }
        .pl50 { padding-left: 50px !important; }
        .pad0 { padding: 0 !important; }
        .pad5 { padding: 5px; }
        .pad10  { padding: 10px; }
        .pad15  { padding: 15px; }
        .pad20  { padding: 20px; }
        .pad30  { padding: 30px; }
        .pad40  { padding: 40px; }
        .pad50  { padding: 50px; }
        .fs11 { font-size: 11px; }
        .fs12 { font-size: 12px; }
        .fs13 { font-size: 13px; }
        .fs14 { font-size: 14px; }
        .fs15 { font-size: 15px; }
        .fs16 { font-size: 16px; }
        .fs17 { font-size: 17px; }
        .fs18 { font-size: 18px; }
        .fs19 { font-size: 19px; }
        .fs20 { font-size: 20px; }
        .fs30 { font-size: 30px; }
        .fs40 { font-size: 40px; }
        .bold { font-weight: bold; }

        /* responsive */
        @media (max-width: 575px) {
            .bgy, .bgo { background: #f3f3f3; }
            #studentlogin { margin: 0; padding: 0; }
            #hero, #ohero { display: block; }
            .display-4 { font-size: 2rem; }
            h1 { font-size: 2.3rem; }
            p.lead { font-size: 1.1rem; }
            #logos { text-align: center; }
            #logos img { max-width: 150px !important; }
            .nsclogo { width: 70px; }
            #dnn_DNNHeroText img { max-width: 200px; }
        }
        @media (min-width: 576px) {
            .bgy, .bgo { background: #f3f3f3; }
            #studentlogin { margin: 0; padding: 0; }
            #hero, #ohero { display: block; }
            .display-4 { font-size: 1.3rem; }
            h2 { font-size: 2rem; }
            h4 { font-size: 1.3rem; }
            .-oneX-logo { width: 250px; }
            .nsclogo { width: 90px; }
        }

        @media (min-width: 768px) {
            .bgy, .bgo { background: #f3f3f3; }
            #hero, #ohero { display: block; }
            .display-4 { font-size: 2.3rem; }
            h2 { font-size: 2.2rem; }
            h4 { font-size: 1.6rem; }
            .-oneX-logo { width: 250px; }
            .nsclogo { width: 90px; }
        }

        @media (min-width: 992px) {
            .bgy { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-hero.jpg) no-repeat; background-position: -130% 0% !important;}
            .bgo { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-ohero.jpg) no-repeat; background-position: -130% 0% !important;}
            #hero, #ohero { display: none; }
            .-oneX-logo { width: 300px; }
            .nsclogo { width: 80px; }
            .display-4 { font-size: 2.8rem; }
            #studentlogin { font-size: 1.5rem; }
            h1 { font-size: 1.7rem; }
            h2 { font-size: 2.5rem; }
        }

        @media (min-width: 1200px) {
            .bgy { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-hero.jpg) no-repeat; background-position: -60% 0% !important;}
            .bgo { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-ohero.jpg) no-repeat; background-position: -60% 0% !important;}
            #hero, #ohero { display: none; }
            button { transform: scale(1); margin: 0; }
            h2 { font-size: 3rem; }
            #herotxt { max-width: 650px; }
            .-oneX-logo { width: 350px; }
            .nsclogo { width: 110px; margin-left: 15px; }
            #studentlogin { margin-top: -20px; }
            /* #logos img { max-width: 250px;  } */
        }
        @media (min-width: 1400px) {
            .bgy { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-hero.jpg) no-repeat; background-position: 0% 0% !important;}
            .bgo { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-ohero.jpg) no-repeat; background-position: 0% 0% !important;}
        }
        @media (min-width: 1800px) {
            .bgy { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-hero.jpg) no-repeat; background-position: 5% 0% !important;}
            .bgo { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-ohero.jpg) no-repeat; background-position: 5% 0% !important;}
        }
        @media (min-width: 2200px) {
            .bgy { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-hero.jpg) no-repeat; background-position: 20% 0% !important;}
            .bgo { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-ohero.jpg) no-repeat; background-position: 20% 0% !important;}
        }
        @media (min-width: 2800px) {
            .bgy { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-hero.jpg) no-repeat; background-position: 30% 0% !important;}
            .bgo { background: #f3f3f3 url(https://cdn.nsc.org/nsc/statefarm/bg-ohero.jpg) no-repeat; background-position: 30% 0% !important;}
        }