@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('header.css');
@import url('base.css');


body {font-family: 'Montserrat', sans-serif; color: #001A33; }
a,button{
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}
a:hover,a:focus {outline:none; text-decoration:none;}
img{max-width:100%;}
.btn-purple-bg{background-color:#405fc9;}
.btn-gren-bg{background-color:#8d9b39;}
.btn-orange-bg{background-color:#efad4d;}
.common-btn {
  display: inline-block;
  border-radius: 5px;
  padding: 10px 50px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: black;
  text-decoration: none;
  border: 2px solid transparent;
}
.common-btn:hover { color: black; border-color: black; }
/*---header-css----*/
.navbar-nav{margin-top:12px;}
.navbar-nav>li>a{color: #001A33;font-weight:500;}
.nav>li>a:focus, .nav>li>a:hover{background-color:transparent;}
.logo{display: inline-block;}

/*---top-baner---*/
.home-baner-bg{
  background: url(../images/home-baner.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 10%;
}
.home-baner-bg h2,.home-baner-bg p{color:#fff; text-shadow: #000 5px 3px 6px; margin-bottom: 15px;}
.home-baner-bg .common-btn + .common-btn{margin-left:10px;}
.home-baner-bg .common-btn{width: 30%;margin-top:15px;}
/*---middle-content----*/
.home-baner-bg p{line-height: 24px; font-size: 15px; letter-spacing: .2px;}
.main-hed,.sub-hed{color:#001A33; margin:15px 0; font-weight:600;}
.sub-hed{font-weight:500;}
.no-list{list-style:none;padding:0;}
.no-list li{position:relative;padding-left:40px;margin-bottom:20px;}
.no-list li b{display:block;}
.no-list li img{position:absolute;left:0;top:0;}
/*.check-list li{padding-left:0;margin-bottom:10px;}
.check-list li:before{content: '\f00c'; font-family: FontAwesome; color: #f9cf04; font-size:22px; margin-right:8px; }
.how-works-wrap .common-btn{display:block;margin-bottom:10px;}
.choose_states select,.choose_states button{height: 36px; border: 1px solid #ccc; border-radius: 5px; outline:none;padding:0 10px;}*/
/*--footer-css--*/
footer{background:url(../images/bg03.gif) repeat-x left top; padding: 25px 0; background-size: contain; }
footer ul li{padding:0 10px;margin-bottom:10px;line-height:normal;}
footer ul li + li{border-left: solid 2px #6d6d6d;}
footer ul li a{color: #fff; font-size: 11px; font-weight: 600; text-transform: uppercase;}
footer ul li a:hover,.navbar-nav>li>a:hover{color:#ed923b;}
.footer-nav {
    text-align: center
}
.footer-icons {
    text-align: center
}
.footer-icons > li{
    width: 180px !important
}
@media (min-width:768px) and (max-width:1100px){
    .navbar-header,.navbar-nav{width:100%;text-align:center;}
    .navbar-nav li{float:none;display:inline-block;}
}
@media (max-width:767px){
    .navbar-toggle .icon-bar{background-color:#001A33; width: 25px; height: 3px;}
    .navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
    .logo{width: 300px;}
    .navbar-toggle{padding:0;margin:16px 0 0 0px;}
    header .navbar-header{margin:0 !important;}
    .navbar-nav {margin:12px 0 0;}
    .navbar-nav>li{border-top:1px solid #f1f1f1;}
    .navbar-nav>li>a{padding:7px 15px;}
    .home-baner-bg .common-btn{width:auto;}
    .common-btn{font-size:16px;padding:7px 36px;}
    .home-baner-bg h1,.main-hed{font-size:24px;}
    .sub-hed{font-size:20px;}
    .home-baner-bg p{line-height:20px;font-size:14px;letter-spacing:normal;}
    .how-works-wrap{border-top: 1px solid #f1f1f1;margin-top: 20px;}
    footer{text-align:center;}
}
@media (max-width:420px){
    .home-baner-bg .common-btn + .common-btn {margin-left: 0;}
    .home-baner-bg .common-btn{width:100%;}
}
@media (max-width:360px){
    .logo{width:230px;}
    .navbar-toggle{margin-top:10px;}
}

.banner-bg {
    background: url('../images/road.jpeg') no-repeat;
    background-size: cover;
    padding-bottom: 5%;
    /*background-position: 0px -100px;*/
    /*/opacity: 0.5;*/
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.banner-color{
    text-decoration-color:white;
}

.pop-box {
    padding: 50px;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    line-height: 1.2;
    color: white;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    left: 0;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .5);
    min-height: 38px;
    font-weight: 700;
    font-size: 45px;
}
.traffic-text {
    margin-top: 10px;
    border-left: 5px solid #ee7f23;
    font-size: 1em;
    margin-bottom:15px;
}

.traffic-text-regular {
    font-size: 1.3em;
}

.btn-text-wh {
   color:white;
}

.state-landing-hero-box {
  background: #337ab7;
  padding: 0.5rem;
}
.state-landing-signup-form {
  background: #fff;
  padding: 1rem;
}
.btn-cta {
  background: #f9cf04;
  color: black;
  font-weight: bold;
  border: 3px solid #c29100;
  text-transform: uppercase;
}
.violations-block { margin-right: 4em; }
/* bootstrap's 'small' breakpoint */
@media (min-width: 576px) {
  .state-landing-hero-box { padding: 2rem; }
  .state-landing-signup-form { padding: 2rem; }
}