@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);

body {
  font-family: 'Roboto', sans-serif !important;
  margin: 0px
}

a {
  color: #0050e6
}

.breadcrumb-item.active {
  color: #60666c
}

#skip a,
.skip a {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden
}

#skip a:focus,
.skip a:focus {
  position: static;
  left: 0;
  width: auto;
  height: auto;
  overflow: visible;
  color: #00f;
  background-color: #fff
}

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #888;
  color: #707070;
  font-size: 0.9rem;
  line-height: 1rem;
  outline: none;
  padding: 10px 15px;
  z-index: 99
}

.sonj-white {
  color: #fff
}

.sonj-gray {
  color: #888
}

.sonj-black {
  color: #000
}

.fa-twitter-square:hover,
a:focus .fa-twitter-square {
  color: #1da1f2
}

.fa-facebook-square:hover,
a:focus .fa-facebook-square {
  color: #3b5998
}

.fa-instagram:hover,
a:focus .fa-instagram {
  color: #c32aa3
}

.fa-youtube-square:hover,
a:focus .fa-youtube-square {
  color: red
}

.fa-pinterest-square:hover,
a:focus .fa-pinterest-square {
  color: #bd081c
}

.fa-flickr:hover,
a:focus .fa-flickr {
  color: #f40083
}

.fa-linkedin:hover,
a:focus .fa-linkedin {
  color: #007bb5
}

.fa-tumblr-square:hover,
a:focus .fa-tumblr-square {
  color: #35465d
}

.sticky-social a:focus {
  outline: 1px dashed #00f
}

.sonj-alert.alert {
  border: 0px;
  color: #000;
  border-radius: 0px;
  margin: 0px
}

.sonj-alert.alert .red {
  color: #e62139
}

.sonj-alert.alert h1 {
  font-size: 1.25rem;
  margin-bottom: 0px
}

.sonj-alert .alert-close {
  font-size: 0.875rem;
  color: #000
}

.dept-alert.alert {
  border: 0px;
  color: #000;
  border-radius: 0px;
  margin: 0px
}

.dept-alert.alert .red {
  color: #e62139
}

.dept-alert.alert h1 {
  font-size: 1.25rem;
  margin-bottom: 0px
}

.dept-alert .alert-close {
  font-size: 0.875rem;
  color: #000
}

header.sonj {
  background-color: #273640;
  color: #fff;
  padding: 4px 0;
  z-index: 1;
  margin-bottom: 0px
}

header.sonj #logo img {
  padding: 0;
  margin: 0 5px 0 0px;
  max-height: 41px;
  display: inline-block
}

header.sonj #logo h1 {
  font-size: 0.75rem;
  margin: 0;
  padding: 0 0 0 0;
  line-height: 1;
  width: auto;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff
}

header.sonj a {
  color: #fff
}

header.sonj .gov-bar {
  font-size: 0.9375rem;
  font-weight: 500
}

header.sonj .social {
  font-size: 0.875rem;
  font-weight: 300
}

header.sonj ul.statewide {
  margin: 0px
}

header.sonj ul.statewide li {
  border-right: 1px solid #fff;
  font-size: 14px;
  display: inline-block;
  margin: 0;
  padding: 0 6px
}

header.sonj ul.statewide li:last-of-type {
  border-right: none;
  margin-right: 0;
  padding-right: 0
}

header.sonj .statewide {
  position: relative
}

header.sonj .statewide .drop {
  position: absolute;
  right: 0px;
  background: #363636;
  width: 500px;
  display: none;
  z-index: 10
}

@media screen and (max-width:575px) {
  body header.sonj .statewide .drop {
    max-width: 100%
  }
}

header.sonj .statewide .drop button.drop-close {
  color: #999
}

header.sonj .statewide .drop p.disclaimer {
  float: left;
  clear: left;
  width: 100%;
  text-align: left
}

header.sonj .statewide .drop #google_translate_element {
  float: left;
  clear: left;
  width: 100%
}

.goog-te-combo.form-control {
  max-height: 2.125rem
}

.sticky-social {
  position: fixed;
  right: 0px;
  top: 25%;
  z-index: 10;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25)
}

.sticky-social a {
  float: right;
  clear: right;
  background-color: rgba(255, 255, 255, 1);
  padding: 0px 0.75rem 0 3px;
  margin-bottom: 1px
}

.sticky-social a.toggle-sticky {
  padding-left: 17px
}

.sticky-social a:first-child {
  border-radius: 5px 0px 0px 0px
}

.sticky-social.closed a:first-child {
  border-radius: 5px 0px 0px 5px;
  padding-left: 3px
}

.sticky-social a:last-child {
  border-radius: 0px 0px 0px 5px
}

#site-name.department span.department {
  font-size: 1.75rem;
  font-weight: bold
}

.sonj-nav {
  background-color: #00426b;
  font-size: 0.9375rem
}

.sonj-nav .dropdown-toggle {
  white-space: normal;
}

.sonj-nav .navbar-brand {
  color: #fff
}

.sonj-nav .navbar-nav .nav-link {
  color: #fff;
  padding-right: 0.5rem;
  padding-left: 0.5rem
}

.sonj-nav .nav-link.active,
.sonj-nav .show>.nav-link {
  background: #1869a8;
  border-radius: 0.25rem
}

.sonj-nav .navbar-toggler {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, 1)
}

.sonj-nav .navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba\(255, 255, 255, 1\)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E')
}

.sonj-nav .dropdown-item:focus,
.sonj-nav .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1869a8;
}

.sonj-nav ul.navbar-nav>li>ul>li>ul {
  list-style: none;
  padding-left: 1rem
}

.carousel.sonj .carousel-control-next-icon,
.carousel.sonj .carousel-control-prev-icon {
  background-color: rgba(0, 0, 0, 0.5);
  background-size: 50% 50%;
  border-radius: 1rem
}

.carousel.sonj .carousel-indicators {
  bottom: 0px
}

.carousel.sonj .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  border-radius: 100%
}

.carousel.sonj .carousel-indicators li.active {
  background-color: rgba(0, 0, 0, 0.75);
  border: 2px solid #fff
}

.carousel.sonj .carousel-caption,
.carousel.sonj .carousel-caption.default {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  align-items: center;
  padding-bottom: 2rem
}

.carousel.sonj .carousel-caption.left {
  width: 25%;
  top: 50%;
  transform: translateY(-50%);
  right: auto;
  left: 15%;
  bottom: auto;
  padding-bottom: 20px
}

.carousel.sonj .carousel-caption.right {
  width: 25%;
  top: 50%;
  transform: translateY(-50%);
  right: 15%;
  left: auto;
  bottom: auto;
  padding-bottom: 20px
}

.slickCarousel.sonj .slick-prev::before,
.slickCarousel.sonj .slick-next::before {
  color: #000;
  text-shadow: 0px 0px 6px #fff
}

.slickCarousel.sonj .slick-prev {
  left: 25px;
  z-index: 200
}

.slickCarousel.sonj .slick-next {
  right: 25px;
  z-index: 200
}

footer.sonj,
footer .sonj-footer {
  background: #273640;
  background-color: #273640;
  padding: 15px 0;
  color: #fff;
  font-size: 1rem;
  font-weight: 300
}

footer.sonj a {
  color: #fff;
}

footer.site,
footer .site-footer {
  background: #00426b;
  background-color: #00426b;
  padding: 15px 0;
  color: #fff;
  font-size: 1rem;
  margin-top: 0;
  font-weight: 300
}

.footer.site ul.statewide,
.footer.site-footer ul.statewide {
  list-style: none;
  padding: 0px
}

.footer.site ul.statewide a,
.footer.site-footer ul.statewide a {
  color: #fff;
  font-weight: 500
}

.footer.site h3,
.footer.site-footer h3 {
  padding: 20px 0 10px 0px;
  color: #fff;
  width: 100%;
  border-bottom: 2px solid #fff;
  font-size: 1.25rem
}

.footer.site h3 a,
.footer.site-footer h3 a,
.footer.site .columned a,
.footer.site-footer .columned a {
  color: #fff
}

.footer.site .columned ul li,
.footer.site-footer .columned ul li,
.footer.site .columned ul,
.footer.site-footer .columned ul {
  list-style: none;
  padding: 0px
}

.footer.site .columned>ul>li>h2,
.footer.site-footer .columned>ul>li>h2,
.footer.site .columned>ul>li>h3,
.footer.site-footer .columned>ul>li>h3,
.footer.site .columned>ul>li>h4,
.footer.site-footer .columned>ul>li>h4,
.footer.site .columned>ul>li>h5,
.footer.site-footer .columned>ul>li>h5 {
  border-bottom: 1px solid #fff;
  font-size: 1rem;
  font-weight: 500
}

@media screen and (max-width:767px) {

  body .footer.site .columned>ul>li>h2,
  body .footer.site-footer .columned>ul>li>h2,
  body .footer.site .columned>ul>li>h3,
  body .footer.site-footer .columned>ul>li>h3,
  body .footer.site .columned>ul>li>h4,
  body .footer.site-footer .columned>ul>li>h4,
  body .footer.site .columned>ul>li>h5,
  body .footer.site-footer .columned>ul>li>h5 {
    border-bottom: 0px solid #fff
  }
}

.footer.site .columned>ul>li>ul>li>ul,
.footer.site-footer .columned>ul>li>ul>li>ul {
  margin: 0px 0px 0px 1rem
}

@media screen and (max-width:575px) {
  .columned {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    break-inside: avoid
  }
}

@media screen and (min-width:576px) and (max-width:767px) {
  .columned {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    break-inside: avoid
  }
}

@media screen and (min-width:768px) {
  .columned {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    break-inside: avoid
  }
}

.columned ul {
  display: inline-block;
  width: 100%;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  break-inside: avoid
}

.columned ul {
  margin-bottom: 0.75rem
}

.columned ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word
}

img.digital-nj {
  opacity: 0.25
}

svg:not(:root).svg-inline--fa {
  overflow: visible
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em
}

.svg-inline--fa.fa-lg {
  vertical-align: -.225em
}

.svg-inline--fa.fa-w-1 {
  width: .0625em
}

.svg-inline--fa.fa-w-2 {
  width: .125em
}

.svg-inline--fa.fa-w-3 {
  width: .1875em
}

.svg-inline--fa.fa-w-4 {
  width: .25em
}

.svg-inline--fa.fa-w-5 {
  width: .3125em
}

.svg-inline--fa.fa-w-6 {
  width: .375em
}

.svg-inline--fa.fa-w-7 {
  width: .4375em
}

.svg-inline--fa.fa-w-8 {
  width: .5em
}

.svg-inline--fa.fa-w-9 {
  width: .5625em
}

.svg-inline--fa.fa-w-10 {
  width: .625em
}

.svg-inline--fa.fa-w-11 {
  width: .6875em
}

.svg-inline--fa.fa-w-12 {
  width: .75em
}

.svg-inline--fa.fa-w-13 {
  width: .8125em
}

.svg-inline--fa.fa-w-14 {
  width: .875em
}

.svg-inline--fa.fa-w-15 {
  width: .9375em
}

.svg-inline--fa.fa-w-16 {
  width: 1em
}

.svg-inline--fa.fa-w-17 {
  width: 1.0625em
}

.svg-inline--fa.fa-w-18 {
  width: 1.125em
}

.svg-inline--fa.fa-w-19 {
  width: 1.1875em
}

.svg-inline--fa.fa-w-20 {
  width: 1.25em
}

.svg-inline--fa.fa-pull-left {
  margin-right: .3em;
  width: auto
}

.svg-inline--fa.fa-pull-right {
  margin-left: .3em;
  width: auto
}

.svg-inline--fa.fa-border {
  height: 1.5em
}

.svg-inline--fa.fa-li {
  width: 2em
}

.svg-inline--fa.fa-fw {
  width: 1.25em
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(.25);
  transform: scale(.25);
  -webkit-transform-origin: top right;
  transform-origin: top right
}

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(.25);
  transform: scale(.25);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right
}

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(.25);
  transform: scale(.25);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left
}

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(.25);
  transform: scale(.25);
  -webkit-transform-origin: top right;
  transform-origin: top right
}

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(.25);
  transform: scale(.25);
  -webkit-transform-origin: top left;
  transform-origin: top left
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: .75em;
  vertical-align: -.0667em
}

.fa-xs {
  font-size: .75em
}

.fa-sm {
  font-size: .875em
}

.fa-1x {
  font-size: 1em
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-6x {
  font-size: 6em
}

.fa-7x {
  font-size: 7em
}

.fa-8x {
  font-size: 8em
}

.fa-9x {
  font-size: 9em
}

.fa-10x {
  font-size: 10em
}

.fa-fw {
  text-align: center;
  width: 1.25em
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0
}

.fa-ul>li {
  position: relative
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit
}

.fa-border {
  border: solid .08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
  -webkit-filter: none;
  filter: none
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em
}

.fa-inverse {
  color: #fff
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.sonj-nav .nav-link.active, .sonj-nav .show>.nav-link, .sonj-nav li>a:hover {
  color: #fff;
  background: #1869a8;
  border-radius: 0.25rem;
}

.agency {
  background-color: #f0f6fb;
}

.agency h2 {
  line-height: 24px;
  color: inherit;
}

.agency h5 {
  font-size: 1.25rem;
  line-height: 10px;
  margin-top: 5px;
}

.agency h6 {
  font-size: 1rem;
  line-height: 10px;
}