@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6 {
	font-family: proxima-nova, sans-serif
}
.car-leaf-icon, .motorcycle-icon, .public-safety-icon {
	display: block;
	height: 165px
}
.app-icon-button, .arrow-down {
	position: relative
}
:focus {
	outline: 0
}
body {
	background: #fff;
	color: #363636;
	font-size: 16px
}
h2 {
	font-size: 2.25rem
}
h3 {
	font-size: 1.85rem
}

@media screen and (max-width:39.9375em) {
h2 {
	font-size: 1.85rem
}
h3 {
	font-size: 1.65rem
}
}
h4 {
	font-size: 1.5rem
}

@media screen and (max-width:39.9375em) {
h4 {
	font-size: 1.25rem
}
}
ol, p, ul {
	font-size: 1.15rem
}

@media screen and (max-width:39.9375em) {
ol,  p,  ul {
	font-size: 1rem
}
}
.app-icon-button {
	padding: .75rem!important;
	border: 1px solid #ccc;
	border-radius: 20px;
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	margin-bottom: 1rem
}
.fa-bus, .fa-car, .fa-motorcycle, .fa-plane {
	font-size: 7.5rem
}
.car-leaf-icon {
	background: url(../img/green-leaf-car.png) no-repeat;
	width: 165px
}
.public-safety-icon {
	background: url(../img/public-safety-icon.png) no-repeat;
	width: 165px
}
.motorcycle-icon {
	background: url(../img/motorcycle-icon.png) no-repeat;
	width: 190px
}
.bus-icon, .hov-driver-icon, .solo-driver-icon {
	width: 190px;
	height: 195px;
	display: block
}
.solo-driver-icon {
	background: url(../img/solo-driver-icon.png) no-repeat
}
.hov-driver-icon {
	background: url(../img/hov-driver-icon.png) no-repeat
}
.bus-icon {
	background: url(../img/bus-icon.png) no-repeat
}
.button, .button:hover {
	background-color: transparent
}
.top-padding {
	padding-top: 1.5rem
}
.row {
	max-width: 62rem;
	padding: 0 1rem
}
.row.no-padding {
	padding: 0
}
.columns {
	padding-left: 0;
	padding-right: 0
}
.columns.right-padding {
	padding-right: 1rem
}
img {
	max-width: 100%;
	max-height: 100%
}
.button {
	padding: 1rem 2rem;
	font-size: 16px
}
.button.teal {
	background-color: #00acc4;
	color: #fff!important
}
.button.extra-width {
	padding: 1rem 3rem
}
.white-border {
	border: 3px solid rgba(255, 255, 255, .4);
	border-radius: 5px
}
.white-border:hover {
	border: 3px solid rgba(255, 255, 255, .6)
}
.center-item {
	margin: 0 auto;
	display: block
}
.uppercase {
	text-transform: uppercase
}
.bg-cover {
	-webkit-background-size: cover;
	moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.light-bg {
	background: #f5f5f5
}
.blue-bg {
	background: #195cab
}
.inline-list li {
	display: inline;
	padding: 1rem
}
.yellow-font {
	color: #ffda8c
}
.vertical-spacer {
	padding-top: 1rem;
	padding-bottom: .25rem
}
.green-bullet-list li {
	padding-left: 2rem;
	text-indent: -.7rem
}
.green-bullet-list li:before {
	content: "• ";
	font-size: 1.5rem;
	color: #00964c
}
.arrow-down:after {
	top: -1rem;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 50px;
	margin-left: -50px
}
.logo-container, .logo-container .row {
	position: relative
}

@media screen and (max-width:39.9375em) {
.arrow-down:after {
	border: none;
	top: 0;
	display: none
}
.top-nav-container .vagov-logo {
	float: none!important
}
}
.header-alert {
	background: #ffe263;
	color: black;
	vertical-align: middle;
	padding: .05rem;
	padding-bottom: .02px;
}
.header-alert a {
	color: black;
	top: 7px;
	position: relative;
}
.header-alert span {
	color: #fff;
	display: block;
	font-weight: 700;
	letter-spacing: .12rem
}
.breadcrumbs-container {
	background: #fff
}
.breadcrumbs-container .breadcrumbs {
	margin: .3rem
}
.breadcrumbs-container .breadcrumbs li {
	text-transform: inherit
}
.breadcrumbs-container .breadcrumbs li .content-container .content a:hover, .breadcrumbs-container .breadcrumbs li a, .content-container .content .breadcrumbs-container .breadcrumbs li a:hover {
	color: #393939
}
.breadcrumbs-container .breadcrumbs li a:hover {
	text-decoration: none
}
.breadcrumbs-container .breadcrumbs li:not(:last-child):after {
	content: " > ";
	color: #393939;
	margin: 0 .25rem;
	top: 0
}
.top-nav-container {
	background: url(../img/black-gradient.png) repeat-x #000
}
.top-nav-container .vagov-logo {
	margin-right: 1.5em
}
.top-nav-container .top-nav {
	margin-top: .4rem
}

@media screen and (max-width:39.9375em) {
.top-nav-container .top-nav {
	margin-top: 0;
	margin-bottom: .5rem
}
}
.content-container .content .top-nav-container .top-nav a:hover, .top-nav-container .top-nav .content-container .content a:hover, .top-nav-container .top-nav a {
	color: #fff;
	font-size: .75em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700
}
.top-nav-container .top-nav a:first-child::after {
	content: '|';
	padding: 0 .5em
}
.top-nav-container .top-nav a:last-child {
	margin-top: .3rem;
	margin-right: .2rem
}
.logo-container {
	border-bottom: solid 2px #fff;
	padding: .75rem 0
}
.logo-container .row .related-logos-container {
	position: relative;
	top: 1.75rem
}
.logo-container .row .related-logos-container a:nth-child(-n+2){
	padding-right: 1.25rem
}

@media screen and (max-width:63.9375em) {
.logo-container .row .related-logos-container {
	position: inherit;
	margin-bottom: 1rem;
	top: 1rem
}
}
.logo-container .row #google_translate_element {
	position: absolute;
	right: .25rem;
	bottom: 1rem
}

@media screen and (max-width:63.9375em) {
.logo-container .row #google_translate_element {
	position: inherit;
	margin-bottom: 1rem;
	padding-left: 1rem
}
}
.logo-container .row .search-icon {
	background: url(../img/search-icon.png) no-repeat;
	display: block;
	width: 25px;
	height: 25px;
	position: relative;
	left: 2rem;
	top: 2rem
}
.main-nav-container {
	background: #f2681e;
	position: relative;
	line-height: .8;
	border-bottom: solid 1px #fff
}
.main-nav-container .top-bar {
	padding: 0;
	background: #f2681e;
	text-align: center
}
.content-container .content .main-nav-container .top-bar a:hover, .main-nav-container .top-bar .content-container .content a:hover, .main-nav-container .top-bar a {
	color: #fff;
	font-size: 1rem;
	font-weight: 600
}
.main-nav-container .menu {
	display: inline-block
}
.main-nav-container .menu li {
	border-right: solid 1px #fff;
	padding: .5rem .5rem
}
.main-nav-container .menu li:last-child {
	border-right: none
}

@media screen and (max-width:63.9375em) {
.logo-container .row .search-icon {
	left: 12rem;
	top: 1.5rem
}
.main-nav-container .menu li {
	padding: .5rem 0
}
}
.content-container .content .main-nav-container .menu a:hover, .main-nav-container .menu .content-container .content a:hover, .main-nav-container .menu a {
	padding: .4rem 1rem
}
.main-nav-container .title-bar, .main-nav-container .top-bar ul {
	background: #f2681e
}
.main-nav-container .title-bar {
	display: none
}
.slider-container {
	background: url(../img/slide-1.jpg) 50% no-repeat;
	-webkit-background-size: cover;
	moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
	border-bottom: #fff solid 1px
}
.slider-container .slides {
	position: relative
}
.slider-container .slides .slide {
	-webkit-background-size: cover;
	moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 625px
}

@media screen and (min-width:115em) {
.slider-container .slides .slide {
	min-height: 875px
}
}
.slider-container .slides .content-containter {
	position: relative;
	top: 1.5rem;
	max-width: 42%;
	padding-bottom: 5rem;
	left: -1.9rem
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
.slider-container .slides .content-containter {
	max-width: 60%;
	left: auto
}
}

@media screen and (max-width:39.9375em) {
.main-nav-container .top-bar {
	text-align: left
}
.main-nav-container .menu li {
	border-right: none
}
.slider-container .slides .slide {
	min-height: auto
}
.slider-container .slides .content-containter {
	max-width: 90%;
	left: auto
}
}
.slider-container .slides .content-containter .content {
	color: #fff;
	padding: 1rem 2rem;
	background: rgba(23, 79, 124, .75)
}
.slider-container .slides .content-containter .content h1 {
	font-size: 1.65rem;
	font-weight: 700;
	border-bottom: solid 1px;
	padding-bottom: .5rem;
	line-height: 1.1;
	padding-top: 1.3rem
}
.slider-container .slides .content-containter .content p {
	line-height: 1.2;
	font-size: 1rem
}
.slider-container .slides .content-containter .content a {
	color: #fff
}
.slider-container .slides .content-containter .content li {
	line-height: 1.15
}
.slider-container .slides .content-containter .map {
	background: url(../img/map-bg.jpg) 50% no-repeat;
	-webkit-background-size: cover;
	moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 146px
}
.inner-hero-contaier {
	min-height: 255px;
	position: relative;
	margin-bottom: 1.5rem
}
.inner-hero-contaier .hero-content {
	background: rgba(0, 73, 140, .8);
	position: relative;
	top: 2rem;
	padding: 1.5rem 1rem 2rem;
	max-width: 40%;
	left: -.9rem
}
.inner-hero-contaier .hero-content h1 {
	color: #fff;
	font-size: 1.85rem;
	font-weight: 700
}
.content-container .sectioned-content {
	padding: 1rem 1.25rem
}
.content-container .sectioned-content .button {
	margin: 2rem 0
}
.content-container .content {
	padding-top: 1rem;
	padding-bottom: 1rem
}

@media screen and (max-width:63.9375em) {
.content-container .content {
	padding: 1rem
}
}
.content-container .content h1 {
	font-size: 1.875em
}
.content-container .content a, .content-container .content a:hover {
	color: #3c813c
}
.content-container .content img {
	padding: 0 1rem 2.5rem
}
.content-container .content form img {
	padding: 0
}
.content-container .content.blue-bg {
	color: #fff
}
.icon-list .top-spacer {
	margin-top: 3rem
}
.icon-list .fa {
	padding-top: 16%
}
.icon-list .icon-teal {
	color: #67c8c7
}
.icon-list .icon-gray {
	color: #657e98
}
.icon-list .icon-blue {
	color: #4387c1
}
.icon-list .icon-dark-blue {
	color: #005dab
}
.icon-list .icon-light-green {
	color: #6dbe4b
}

@media screen and (max-width:39.9375em) {
.inner-hero-contaier .hero-content {
	max-width: 80%;
	left: auto
}
.content-container .content h1 {
	font-size: 1.5em
}
.content-container .content img {
	float: none!important
}
.icon-list .top-spacer {
	margin-top: 0
}
.icon-list .top-spacer h3 {
	margin: 1rem 0
}
.small-center i {
	margin-left: auto;
	margin-right: auto
}
.small-center h3 {
	text-align: center
}
}
.horizontal-icon-list .column {
	position: relative
}
.horizontal-icon-list .column .car-leaf-icon, .horizontal-icon-list .column .motorcycle-icon, .horizontal-icon-list .column .public-safety-icon {
	margin: 3rem auto 2.5rem
}
.horizontal-icon-list .column .fa {
	margin-bottom: 3.85rem
}
.horizontal-icon-list .column .fa.remove-extra-bottom-margin {
	margin-bottom: .5rem
}
.horizontal-icon-list .column .fa-bus, .horizontal-icon-list .column .fa-car, .horizontal-icon-list .column .fa-motorcycle, .horizontal-icon-list .column .fa-plane {
	font-size: 9rem
}
.horizontal-icon-list .column .top-border:after {
	content: '';
	border-top: solid 10px;
	position: absolute;
	top: 2.5rem;
	width: 75px;
	left: 38%
}

@media screen and (max-width:63.9375em) {
.horizontal-icon-list .column .top-border:after {
	border-top: none;
	display: none
}
}
.horizontal-icon-list .column h4 {
	font-size: 1.15rem;
	font-weight: 700
}
.horizontal-icon-list .column p {
	font-size: 1.15rem;
	line-height: 1.15
}
.bg-image-blocks .medium-6 {
	min-height: 300px
}
.bg-image-blocks .content {
	padding: 2rem
}
.bg-image-blocks .content h4 {
	font-weight: 600;
	font-style: italic
}
.bg-image-blocks .content p {
	line-height: 1.3
}
.block-grid p {
	font-size: 1rem;
	line-height: 1.15
}
.block-grid.stay-informed .column-block {
	padding-left: 0
}
.block-grid.stay-informed .container {
	border: 1px solid #ccc;
	border-radius: .5rem;
	padding: 1rem;
	position: relative
}
.block-grid.stay-informed .container img {
	padding: 0 0 1rem
}
.block-grid.stay-informed .container a {
	color: #79aadc;
	position: absolute;
	bottom: 1rem;
	display: block;
	left: 0;
	right: 0
}
.block-grid.stay-informed2.column-block {
	padding-left: 0;
	text-align: left;
}
.block-grid.stay-informed2.container {
	border: 1px solid #ccc;
	border-radius: .5rem;
	padding: 1rem;
	text-align: left;
	position: relative
}
.block-grid.stay-informed2.container img {
	padding: 0 0 1rem
}
.block-grid.stay-informed2 .container {
	border: 1px solid #ccc;
	border-radius: .5rem;
	padding: 1rem;
	text-align: left;
	position: relative
}
.block-grid.stay-informed2 .container a {
	color: #79aadc;
	position: relative;
}
 </style>  @media screen and (max-width:63.9375em) {
 .block-grid.stay-informed .container a {
 position: relative;
 bottom: 0
}
}
.block-grid.stay-informed .container a hr {
	border: 1px solid #79aadc;
	margin-top: .25rem;
	max-width: 100px
}
.block-grid.stay-informed .container a.button {
	position: relative;
	bottom: auto
}
.block-grid.stay-informed .container input {
	border-radius: .5rem
}
.block-grid.stay-informed .container .button {
	text-decoration: none;
	border-radius: .5rem;
	padding: .5rem 2.5rem;
	margin: 0;
	background-color: #79aadc
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-top: 0!important
}
input.gsc-search-button-v2 {
	width: auto!important;
	height: auto!important;
	background-color: #f2681e!important
}
footer {
	background: #24292c;
	color: #fff;
	font-style: italic;
	font-family: myriad-pro, sans-serif;
	padding: 1rem 0
}
footer .footer-content-container {
	padding: 0 1.25rem
}
footer p {
	font-size: .75rem;
	color: #9ca9bc
}
footer .footer-vdot-logo {
	display: block
}
footer nav {
	margin-bottom: .8rem
}
.content-container .content footer nav a:hover, footer nav .content-container .content a:hover, footer nav a {
	color: #fff;
	font-family: myriad-pro, sans-serif;
	font-size: .75rem
}
.content-container .content footer nav a:hover:after, footer nav .content-container .content a:hover:after, footer nav a:after {
	content: "|";
	color: #fff;
	margin: 0 .5rem
}
.content-container .content footer nav a:hover:last-child:after, footer nav .content-container .content a:hover:last-child:after, footer nav a:last-child:after {
	content: ""
}
footer .contact-info {
	font-weight: 700;
	position: relative
}
footer .contact-info .address {
	float: left;
	color: #fff
}

@media screen and (max-width:63.9375em) {
footer .footer-content-container {
	padding: 1rem
}
footer .contact-info .address {
	float: none
}
}
footer .contact-info .phone {
	float: right;
	color: #fff
}

@media screen and (max-width:63.9375em) {
footer .contact-info .phone {
	float: none
}
}
footer .va-logo {
	float: right;
	margin-top: 2rem
}

@media screen and (max-width:63.9375em) {
footer .va-logo {
	margin-top: 1rem;
	float: none
}
}