*,.block-nav__item {
    box-sizing:border-box
}

#header,main {
    display:block
}

#nav,main {
    overflow:hidden
}

button,hr,input {
    overflow:visible
}

.block-nav__link-arrow a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,.h7 a,.page-title a,.primary-nav a,.success-page p a,a,a.link-level-0,a.more-link a,a:link,a:visited,h2 a,h3 a,h4 a,h5 a,h6 a {
    text-decoration:none
}

html {
    line-height:1.15;
    -webkit-text-size-adjust:100%
}

main {
    position:relative
}

h1 {
    margin:.67em 0
}

hr {
    box-sizing:content-box;
    height:0
}

pre {
    font-family:monospace,monospace;
    font-size:1em
}

a {
    background-color:transparent
}

small {
    font-size:80%
}

img {
    border-style:none
}

button,input,optgroup,select,textarea {
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}

.regular,body {
    font-family:Montserrat,Arial,sans-serif
}

button,select {
    text-transform:none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance:button;
    appearance:button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style:none;
    padding:0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline:ButtonText dotted 1px
}

textarea {
    overflow:auto
}

p {
    margin:0 0 16px
}

video:focus {
    outline:0
}

body {
    margin:0;
    background:#fff;
    font-size:16px;
    line-height:1.5;
    color:#090909;
    letter-spacing:0
}

.regular {
    font-weight:300
}

.medium {
    font-weight:500
}

.bold,strong {
    font-weight:700
}

.h1,.h2,.h3,.h4,.h5,.h6,.h7,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0 0 8px;
    line-height:1.2;
    color:#001489;
    font-weight:400
}

.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,.h7 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color:inherit
}

.h1,h1 {
    font-size:80px;
    font-weight:700;
    line-height:1
}

.h2,.h3,h2,h3 {
    font-size:32px;
    font-weight:700
}

.h2,h2 {
    font-family:Montserrat,Arial,Helvetica,sans-serif;
    color:#001489;
    letter-spacing:-.4px;
    text-align:center;
    line-height:38px
}

.h2--lalign,h2--lalign {
    text-align:left
}

.h2--ralign,h2--ralign {
    text-align:right
}

.center,.leadin,.page-title {
    text-align:center
}

.h3,h3 {
    line-height:1.31
}

.h4,h4 {
    font-size:24px;
    font-weight:700;
    line-height:1.42;
    letter-spacing:-.15px
}

.h5,h5 {
    font-size:16px;
    font-weight:700;
    line-height:1.63
}

.h6,.h7,h6 {
    font-size:12px;
    line-height:1.83
}

.h6,h6 {
    font-weight:700;
    letter-spacing:2px
}

.h7 {
    font-family:Montserrat,Arial,sans-serif;
    letter-spacing:.72px;
    text-transform:uppercase
}

a,a:link {
    color:#3B5159
}

.pc {
    color:#231F20
}

.white {
    color:#f2f2f2
}

.gray {
    color:#F7F7F7
}

.success-page p {
    margin:0;
    padding:0 0 8px;
    color:#001489;
    font-size:32px;
    font-weight:700;
    line-height:1.31
}

.success-page p a {
    color:inherit
}

.leadin {
    font-size:16px;
    color:#001489;
    letter-spacing:0;
    line-height:1.5;
    font-weight:700;
    max-width:872px;
    margin:auto
}

.page-title {
    font-family:Montserrat,Arial,Helvetica,sans-serif;
    font-weight:700;
    letter-spacing:-.4px;
    line-height:38px;
    color:#231F20;
    font-size:32px;
    margin:0 auto 24px;
    padding:0;
    max-width:90%
}

.card--wide,.page-title--lalign {
    text-align:left
}

.page-title a {
    color:inherit
}

.page-title--ralign {
    text-align:right
}

.casestudyStats {
    color:#3B5159;
    font-size:18px
}

.casestudyStats span {
    font-size:66px;
    color:#FE823A
}

.casestudyStats p {
    font-size:14px
}

@media screen and (min-width:768px) {
    .h1,h1 {
    font-size:80px;
    line-height:1
}

.h2,h2 {
    font-size:40px;
    line-height:1.25;
    padding:64px 0
}

.h3,h3 {
    font-size:32px;
    line-height:1.31
}

.h4,h4 {
    font-size:24px;
    line-height:1.42
}

.h5,h5 {
    font-size:16px;
    line-height:1.63
}

.h6,h6 {
    font-size:12px;
    line-height:1.83
}

.page-title {
    color:#231F20;
    line-height:1;
    font-size:80px;
    margin-bottom:48px
}

.leadin {
    font-size:32px;
    line-height:1.5
}


}

#header {
    color:#fff;
    font-size:12px;
    padding:24px 0 14px;
    margin:0;
    z-index:20;
    top:0;
    width:100%;
    background:#000
}

.card,.page__about .row__img,.row__img {
    background-size:cover !important
}

.header-phone {
    font-weight:500;
    display:none
}

.ui .btn-rfq {
    display:none
}

.header-tel {
    color:#fff !important
}

.header-rfq-button {
    text-align:right;
    display:none
}

.card,.centered,.header-rfq-button-mobile,.pdf,.section--about,.team-grid__image,.team_top {
    text-align:center
}

.header-rfq-button-mobile {
    margin-top:20px
}

.logo {
    display:inline-block;
    width:197px;
    height:46px;
    padding-top:3px
}

.logo.l50th {
    width:236px
}

.logo.l50th svg {
    max-width:236px
}

.logo svg {
    max-width:196px;
    max-height:46px
}

#site-nav {
    display:inline-block
}

#navbar-toggle,.submenu-0 {
    display:none
}

@-webkit-keyframes drop {
    0% {
    padding-top:42px
}

80% {
    padding-top:72px
}

100% {
    padding-top:64px
}


}

@keyframes drop {
    0% {
    padding-top:42px
}

80% {
    padding-top:72px
}

100% {
    padding-top:64px
}


}

@media screen and (min-width:768px) {
    .ui,.ui .btn-rfq {
    position:absolute
}

.header-phone {
    display:inline-block
}

.ui {
    display:grid;
    grid-template-columns:1fr 8px 22% 30%;
    gap:0;
    -webkit-column-gap:0;
    -moz-column-gap:0;
    column-gap:0;
    -webkit-box-align:center;
    align-items:center;
    justify-items:center;
    top:0;
    right:85px;
    width:58%
}

#products-nav,.ui .btn-rfq,span.vr {
    display:inline-block
}

.ui .btn-rfq {
    font-weight:500;
    -webkit-transition:all .3s;
    transition:all .3s;
    right:0;
    top:-36px;
    max-width:142px;
    width:28%;
    background-color:#F2F2F2;
    color:#231F20 !important;
    padding:50px 10px 10px
}

.ui .btn-rfq:hover {
    padding-top:60px;
    padding-bottom:24px;
    background-color:#fff
}

.hcta {
    left:0
}

.product-nav-vr {
    width:2px;
    height:52px;
    background-color:rgba(216,216,216,.2)
}

#products-nav {
    z-index:5
}

#products-nav .submenu {
    min-width:280px
}

span.vr {
    height:12px;
    border-right:1px solid #fff;
    margin:0 10px;
    position:relative;
    top:2px
}


}

.container,.section,.section img,.team-grid__image {
    position:relative
}

@media screen and (min-width:992px) {
    .logo {
    padding-top:4px
}

.ui {
    grid-template-columns:1fr 8px 24% 30%;
    width:48%;
    right:95px
}


}

@media screen and (max-width:992px) {
    .main-menu {
    margin-top:20px
}


}

body,html {
    font-weight:400;
    overflow-x:hidden;
    scroll-behavior:smooth
}

main {
    background-color:#fff
}

.container {
    max-width:1282px;
    width:100%;
    margin:auto;
    display:block;
    padding:0 16px
}

.narrow {
    max-width:900px;
    margin:0 auto
}

.case-study-wrap {
    width:550px;
    margin:0 auto
}

.page__about .row__img {
    max-height:100% !important
}

.section {
    padding-top:40px;
    padding-bottom:40px;
    z-index:5
}

.section img {
    z-index:10
}

.section.ntp {
    padding-top:0
}

.section.pb-0 {
    padding-bottom:0
}

.section__title {
    font-size:32px;
    padding:5px 0 10px
}

.section__subtitle {
    color:#3B5159;
    font-size:18px;
    margin-bottom:50px
}

.section__hmquality .grid-2 {
    grid-gap:89px
}

.section__hmquality .left-col img {
    width:100%
}

.section__hmquality .copy {
    align-self:center
}

.section__hmquality .copy h3 {
    padding-bottom:15px
}

.video {
    margin:0 auto
}

.video__internal {
    max-width:570px;
    width:100%
}

.nearnet {
    color:#3B5159;
    margin-bottom:100px;
    margin-top:87px
}

.nearnet .blurb-block__title {
    min-height:auto
}

.nearnet__content-wrap {
    align-self:center
}

.nearnet__content {
    width:445px
}

.nearnet__content a,.nearnet__content a:link {
    margin-top:20px;
    color:#00088B;
    display:inline-block
}

.team_top {
    margin-top:120px
}

.team-grid {
    max-width:1110px;
    margin:50px auto
}

.team-grid__image {
    z-index:1
}

.team-grid__image .caption {
    z-index:40;
    position:absolute;
    bottom:40px;
    width:90%;
    left:4%;
    color:#FFF;
    font-size:18px
}

.card,.card--wide,.card:hover,.card__contentWrap {
    position:relative
}

.facilities {
    padding:0 20px
}

.facilities .cont-block__title--blue {
    margin-bottom:40px
}

.facilities .facility {
    margin:25px 0
}

.facilities .facility img {
    width:100%
}

.facilities .facility__name {
    color:#3A5159;
    margin:10px 0;
    font-weight:600
}

.facilities .facility__address2 {
    margin-bottom:8px
}

.section-padding-bottom {
    padding-bottom:40px
}

.section-padding-top {
    padding-top:40px
}

.top-section {
    padding-top:56px
}

.bottom-padding {
    padding-bottom:56px
}

.ntp {
    padding-top:0 !important
}

.nbp {
    padding-bottom:0 !important
}

.bg--grey {
    background-image:-webkit-gradient(linear,left top, right top,color-stop(0, rgba(59,81,89,.1)),to(rgba(89,89,89,.1)));
    background-image:linear-gradient(90deg,rgba(59,81,89,.1) 0,rgba(89,89,89,.1) 100%)
}

.gear_bg--hm {
    display:none
}

.intro {
    margin:80px 0
}

.card,.row {
    margin-bottom:25px
}

.row {
    color:#3B5159
}

.row--advantage {
    min-height:500px
}

.row__title {
    font-size:18px;
    font-weight:600
}

.row__title--blue {
    color:#001489;
    font-size:24px
}

.row__cont {
    width:265px
}

.row__cont--rt {
    margin-left:70px
}

.row__cont--lt {
    justify-self:right;
    margin-right:16%;
    margin-left:15px
}

.row__img {
    min-height:200px
}

.card {
    display:block;
    height:150px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    color:#FFF;
    z-index:500;
    background:#FFF
}

.card:hover {
    -webkit-transform:translate(-5px,-5px);
    transform:translate(-5px,-5px);
    box-shadow:-1px 15px 10px 12px rgba(254,130,58,.1)
}

.card--topimage {
    color:#000;
    text-align:left !important;
    min-height:450px;
    max-width:450px;
    box-shadow:-1px 14px 31px 0 rgba(0,0,58,.1)
}

.card--topimage .card__link a,.card--wide {
    color:#3B5159
}

.card--topimage p {
    margin-bottom:15px
}

.card--small {
    width:100%;
    height:100%;
    height:255px;
    padding:80px 15px 50px
}

.card--wide {
    max-width:800px;
    width:100%;
    height:100%;
    box-shadow:-1px 15px 10px 12px rgba(0,10,10,.04);
    margin:20px auto 70px
}

.card--wide .card__img {
    height:244px
}

.card--wide .card__contentWrap {
    padding:36px 56px
}

.card--large {
    min-width:200px;
    width:100%;
    height:100%;
    height:350px;
    padding:0
}

.card--large .card__title {
    position:absolute;
    width:100%;
    top:32%
}

.card__title {
    font-size:24px;
    font-weight:700
}

.card__title--blue {
    color:#001489;
    margin-bottom:10px
}

.card__link a,.card__link--blog a {
    color:#FFF
}

.card__contentWrap {
    padding:36px 56px 36px 0
}

.card__link {
    width:100%;
    position:absolute;
    text-align:center;
    bottom:24px;
    left:0
}

.card__content,.card__link--blog,.card__link--lt,.hero,.psr_video {
    position:relative
}

.card__link--lt {
    text-align:left;
    bottom:0
}

.card__link--blog {
    text-align:left;
    bottom:10px;
    margin-bottom:40px
}

.card__icon {
    height:65px
}

.card__content {
    margin-bottom:20px;
    padding:15px;
    background:#FFF
}

.card.job-card {
    text-align:left;
    color:#3B5159;
    padding:30px 40px;
    height:auto;
    box-shadow:0 16px 31px -3px rgba(0,0,0,.15)
}

.card.job-card .card__title a {
    color:#001489 !important
}

.job-btns {
    padding:20px 0;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    align-items:center
}

.adv-quote {
    max-width:710px;
    font-size:18px;
    line-height:28px
}

.adv-quote__img {
    margin-top:20px
}

.adv-quote__img span {
    font-weight:600
}

.top-blocks {
    padding:40px 0
}

.blurb-block {
    padding:30px 0;
    color:#3B5159
}

.blurb-block__icon {
    margin-bottom:7px
}

.blurb-block__title {
    font-weight:500;
    margin-bottom:12px
}

.blurb-block__title--blue {
    color:#001489;
    font-weight:700;
    font-size:24px;
    margin-bottom:12px
}

#file-label,.blog-listing-title,.blurb-block__link,footer {
    font-weight:400
}

.blurb-block__content {
    margin-bottom:12px;
    min-height:170px
}

.capabilitiesnjk .blurb-block__title,.careersnjk .blurb-block__title {
    min-height:50px
}

.presrite-advantagenjk .blurb-block__content {
    min-height:130px
}

.cont-block {
    padding:30px 0;
    color:#3B5159
}

.cont-block--body {
    padding:50px 0 20px
}

.cont-block__icon {
    margin-bottom:7px;
    min-height:45px
}

.cont-block__title {
    font-weight:500;
    margin-bottom:12px
}

.cont-block__title--blue {
    color:#001489;
    font-weight:700;
    font-size:24px;
    margin-bottom:12px
}

.hero,.hero a,.hero a:link {
    color:#FFF
}

.cont-block__content {
    margin-bottom:12px;
    min-height:120px
}

.cont-block__link {
    font-weight:500
}

.child-page-content {
    margin:80px 0
}

.hero {
    z-index:15;
    min-height:230px
}

.hero--blog {
    background-size:cover !important
}

.hero h1.blog-title {
    font-size:40px !important
}

@media screen and (min-width:768px) {
    .container {
    padding-left:15px;
    padding-right:15px
}

.container.full {
    max-width:none
}

main.padded-bottom {
    padding-bottom:121px
}

.hero .hero__content {
    padding-top:60px;
    padding-right:15px;
    margin-left:0;
    text-align:left
}

.hero .hero__content__copy h1 {
    font-size:56px;
    margin-bottom:15px
}

.hero .hero__content__copy p {
    font-size:16px;
    font-weight:300;
    line-height:25px;
    margin-bottom:45px
}

.hero .hero__content__btn {
    margin-top:60px
}

.hero .hero__video {
    position:relative;
    bottom:-37px;
    justify-self:end;
    align-self:end
}

.hero .btn__home {
    margin-bottom:-50px;
    padding:12px 30px 10px;
    text-transform:none;
    font-size:18px
}

.form-within #rfq {
    position:relative;
    top:-470px;
    margin-top:519px;
    margin-bottom:-235px
}

.top-section {
    padding-top:116px
}

.bottom-padding {
    padding-bottom:88px
}


}

.psr_video {
    z-index:1000
}

@media screen and (min-width:992px) {
    .section-padding-top {
    padding-top:96px
}

.section {
    padding:96px 0
}

.section.top-section {
    padding-top:116px
}

.psr_video {
    margin-bottom:-150px
}

.section--hm_case-studies {
    padding-top:250px
}

.section--about {
    margin-top:90px
}

.blurb-block--body {
    padding:100px 0
}

.facilities {
    margin-top:125px
}

.industries .blurb-block {
    padding-bottom:0
}

.industries .blurb-block__content {
    min-height:102px
}

.gear_bg--hm {
    width:806px;
    height:906px;
    z-index:8;
    right:0;
    position:absolute;
    display:block
}


}

#nav-toggle,.navbar-toggle {
    position:absolute;
    z-index:100;
    -webkit-transition:margin .3s,background-color .1s,opacity .1s;
    transition:margin .3s,background-color .1s,opacity .1s
}

.sm\:pb-1 {
    padding-bottom:1rem
}

@media screen and (min-width:480px) {
    .card--wide {
    height:245px
}

.card--wide .card__contentWrap {
    padding:36px 56px 36px 0
}

#rfq_bg {
    display:block
}


}

@media screen and (min-width:1024px) {
    .header-rfq-button-mobile {
    display:none
}

.header-rfq-button {
    display:inline-block
}

.row__img {
    background-size:cover !important;
    min-height:500px
}

.sm\:pb-1 {
    padding-bottom:0
}


}

@media screen and (max-width:1024px) {
    .hide-mobile {
    display:none !important
}


}

@media screen and (max-width:992px) {
    .capabilities-childnjk .row,.industries-childnjk .row,.industriesnjk .row,.row--advantage {
    display:grid;
    grid-template-rows:auto
}

h1 {
    font-size:40px !important;
    margin-top:0;
    padding-top:15px
}

.hero__content__copy p {
    padding-bottom:20px
}

.row--advantage .row__img--rt {
    grid-row:1;
    margin-right:3%
}

.row--advantage .row__img--lt {
    margin-left:3%
}

.row--advantage .row__cont {
    width:90%;
    margin:0 auto
}

.card--topimage {
    margin:80px auto
}

.capabilities-childnjk .row .row__img--rt,.industries-childnjk .row .row__img--rt,.industriesnjk .row .row__img--rt {
    grid-row:1;
    margin-right:3%
}

.capabilities-childnjk .row .row__img--lt,.industries-childnjk .row .row__img--lt,.industriesnjk .row .row__img--lt {
    margin-left:3%
}

.capabilities-childnjk .row .row__cont,.industries-childnjk .row .row__cont,.industriesnjk .row .row__cont {
    margin:0 auto
}

#header .container {
    padding:0
}

.hero {
    background-size:cover;
    background-position:85% 88px
}

.hero__video {
    text-align:center;
    bottom:auto
}

.blurb-block__content,.blurb-block__title {
    min-height:auto
}

.nearnet-section .grid-2 {
    display:grid
}

.nearnet-section .grid-2 .row__img--rt {
    grid-row:1;
    margin-bottom:15px
}

#rfq_bg {
    display:none
}


}

@media screen and (max-width:480px) {
    .row__cont--main {
    width:90%
}


}

#nav-toggle {
    background:0 0 !important;
    border:0;
    border-radius:0;
    left:17px;
    top:38px;
    display:block;
    width:31px;
    height:auto;
    padding:0
}

#nav-toggle span {
    display:block;
    height:2px;
    width:100%;
    background-image:linear-gradient(135deg,#FFB86C 0,#FF6007 100%);
    margin-bottom:9px
}

.nav-active .navbar-toggle,.navbar-toggle {
    background:0 0 !important
}

.navbar-toggle {
    border:0;
    border-radius:0;
    left:16px;
    top:40px;
    display:block;
    width:34px;
    height:auto;
    padding:0
}

#nav li,.main-menu,.rel {
    position:relative
}

.navbar-toggle span {
    display:block;
    height:2px;
    width:100%;
    margin-bottom:7px
}

.nav-active #nav {
    opacity:1;
    max-height:800px
}

.nav-active .navbar-toggle span {
    background-color:#000
}

#nav {
    background-color:#fff;
    width:100%;
    max-height:0;
    -webkit-transition:all .4s;
    transition:all .4s;
    z-index:10;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    text-align:right
}

.btn,.mobile-nav-arrow,button {
    -webkit-transition:all .2s;
    transition:all .2s;
    cursor:pointer
}

.mobile-nav-arrow,.mobile-nav-arrow:after {
    position:absolute;
    height:26px;
    display:block
}

#nav .submenu {
    list-style:none
}

#nav .primary-nav {
    padding:0 8px 8px;
    margin:0;
    list-style:none;
    z-index:1000
}

#nav .rfq-container {
    padding:16px 0
}

#nav .btn-nav {
    display:block
}

.level-0 {
    padding:8px;
    border-bottom:1px solid #FFF6EF;
    text-align:left
}

.level-1 {
    padding-left:8px
}

.link-level-1,.link-level-2 {
    font-size:16px !important
}

a.link-level-0 {
    font-size:16px !important;
    color:#54727D;
    margin-right:39px
}

.link {
    display:block;
    padding:3px;
    font-weight:500
}

.link-level-1 {
    padding:4px;
    display:block;
    color:#54727D
}

.mobile-nav-arrow {
    width:26px;
    background-color:none;
    right:10px;
    top:8px;
    z-index:10;
    border:0
}

.mobile-nav-arrow:after {
    content:url(../img/icons/mobile-nav-arrow.svg);
    right:12px;
    top:0;
    width:2px;
    -webkit-transition:all .1s;
    transition:all .1s
}

.mobile-nav-arrow.active {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg)
}

.submenu {
    padding:0
}

.submenu a {
    white-space:nowrap
}

.submenu.active {
    display:block
}

#header-elements {
    text-align:center
}

.primary-nav {
    padding:8px;
    margin:0;
    z-index:10;
    list-style:none;
    text-align:right
}

@media screen and (min-width:1024px) {
    #nav {
    position:absolute;
    max-height:none;
    overflow:visible;
    background-color:transparent;
    padding-top:0
}

#nav .btn {
    font-size:14px !important;
    color:#FFF;
    letter-spacing:1px;
    text-align:center
}

#header-elements {
    display:grid;
    grid-template-columns:190px 1fr 180px;
    text-align:left
}

#nav-toggle,.mobile-nav-arrow {
    display:none
}

.primary-nav {
    display:inline-block;
    z-index:10;
    list-style:none;
    text-align:right
}

.primary-nav a {
    text-decoration:none
}

.level-0 {
    position:static;
    cursor:pointer;
    display:inline-block;
    padding-right:10px;
    border:0
}

.level-0 .submenu {
    background:#FFF;
    color:#000
}

.level-0:hover .submenu {
    display:block
}

.level-0.has-menu {
    margin-right:7px
}

.level-0.has-menu>a {
    position:relative
}

.level-0.has-menu>a:after {
    content:url(../img/icons/Arrow.svg);
    font-size:7px;
    display:inline-block;
    position:absolute;
    right:-8px;
    top:6px;
    color:#FFB86C;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}

.submenu {
    position:absolute;
    padding:24px 16px 8px;
    z-index:1;
    text-align:left;
    line-height:2
}

.submenu .submenu {
    padding:0 0 0 8px;
    position:static
}

.submenu-0 {
    box-shadow:0 9px 11px rgba(0,0,0,.24)
}

a.link-level-0 {
    color:#fff;
    position:relative;
    padding-bottom:18px;
    margin-right:0;
    font-weight:300;
    font-size:14px !important
}

a.link-level-0:hover:before {
    content:'';
    display:inline-block;
    height:2px;
    width:100%;
    background-color:#fff;
    position:absolute;
    top:30px;
    left:0
}

.enough a.link-level-0 {
    padding-bottom:1px
}

a.link-level-1,a.link-level-2 {
    color:#090909;
    padding:4px;
    font-weight:300;
    font-size:14px !important
}

a.link-level-1:hover,a.link-level-2:hover {
    background:#eaeaea
}

#header.scrolled a.link-level-0 {
    color:#090909
}

.rfq-container {
    margin-left:20px
}


}

.pre-footer {
    text-align:center;
    padding:60px 15px;
}

.pre-footer h2 {
    padding-bottom:10px
}

.pre-footer .btn {
    margin:10px auto;
    padding:15px 30px
}

footer {
    background-color:#231f20;
    color:#666;
    padding:44px 0 0;
    margin:auto;
}

footer a,footer a:link {
    color:#FFF
}

footer #_form_6_submit {
    border:0 !important;
    z-index:1000 !important;
    display:inline !important;
    right:0 !important;
    font-size:12px !important;
    background-position:center center;
    padding:14px !important;
    line-height:14px !important
}

footer .footer-logo {
    width:170px
}

.social {
    display:grid;
    grid-template-columns:30px 30px 25px;
    vertical-align:middle;
    text-align:left;
    padding-bottom:20px
}

#upload-container,.footer-nav .nav-items,.grid-2-sm {
    grid-template-columns:1fr 1fr
}

.social a {
    display:inline-block;
    width:20px;
    height:20px;
    margin:0;
    vertical-align:middle
}

.social .icon {
    width:16px;
    height:16px;
    display:inline-block
}

.social .icon__yt img {
    margin-bottom:4px
}

.footer--address {
    color:#FFF;
    font-weight:300;
    margin-left:8px
}

.footer-nav {
    padding:24px 0
}

.footer-nav .nav-items {
    display:grid !important;
    text-align:left
}

.footer-nav a {
    color:#fff;
    display:inline-block;
    font-size:16px;
    padding:8px
}

#_form_6_ ._form-label {
    display:none
}

#_form_6_ ._form-thank-you {
    text-align:center;
    background-color:#9c9
}

.colophon {
    padding:40px 0
}

.colophon a,.colophon a:visited {
    color:#3B5159
}

.colophon__copyright {
    color:#FFF
}

@media screen and (min-width:992px) {
    footer {
    text-align:left;
    padding-bottom:0
}

footer #_form_6_submit {
    top:-3px
}

footer .colophon {
    background:#f2f2f2;
    color:#000
}

footer .colophon a,footer .colophon a:visited,footer .colophon__copyright {
    color:#3B5159
}

footer .colophon__pp {
    text-align:right
}

.footer-nav .nav-items {
    display:grid !important;
    grid-template-columns:1fr 1fr;
    text-align:left;
    vertical-align:middle
}

.footer-nav a {
    color:#fff;
    display:inline-block;
    font-size:16px;
    padding:8px
}

.footer-email-signup {
    display:block;
    grid-gap:1px;
    text-align:left;
    -webkit-box-align:end;
    align-items:end;
    padding-top:13px
}

.footer-email-signup .btn {
    display:inline-block
}

.email-form {
    width:92%;
    display:block
}

.email-form form {
    width:100%;
    text-align:right;
    display:block;
    position:relative
}

.email-form .email-field {
    color:#000;
    display:inline-block;
    width:100%;
    max-width:390px;
    text-align:left;
    background:#FFF;
    position:relative;
    z-index:500;
    border-bottom:1px solid #FFF;
    font-size:14px;
    margin-top:20px
}

.email-form .btn {
    max-width:132px;
    display:inline-block;
    padding:16px;
    margin-left:-4px
}

.footer-nav {
    margin-bottom:20px;
    padding:16px 0
}

.footer-nav .nav-items a {
    position:relative;
    padding:1px
}

.footer-nav .nav-items a::after {
    display:none
}

.footer-nav .nav-items .seperator {
    width:1px;
    background-color:rgba(255,255,255,.15);
    height:53px;
    display:inline-block;
    margin:10px 6%
}

.social--mobile {
    display:none
}


}

@media screen and (max-width:992px) {
    .footer .grid-3 {
    display:grid
}

.footer .footer-email-signup {
    grid-row:2;
    padding:30px 10px 0
}


}

.btn,button {
    border:0;
    color:#fff !important;
    display:inline-block;
    border-radius:0;
    text-align:center;
    text-transform:uppercase;
    font-size:14px;
    padding:8px 16px 6px;
    vertical-align:middle;
    text-decoration:none !important;
    outline:0;
    background-image:linear-gradient(135deg,#FFB86C 0,#FF6007 100%);
    font-weight:500
}

.btn:hover,button:hover {
    color:#fff !important;
    border-color:#fff;
    background-color:#312b2c
}

.btn--fixed,button--fixed {
    width:150px;
    max-width:100%;
    margin:0 auto
}

.career-buttons {
    max-width:600px;
    margin:0 auto;
    text-align:center
}

.btn--outline {
    background-color:transparent;
    border:2px solid #fff
}

.btn--outline:hover {
    background:#fff;
    color:#231F20 !important
}

.btn-block {
    display:block
}

.grid-item {
    padding:8px
}

.center-vertical {
    -webkit-box-align:center;
    align-items:center
}

.grid-2-sm {
    display:grid;
    grid-gap:16px
}

.grid-newsletter {
    display:grid;
    grid-template-columns:60% 40%
}

.grid-jobs {
    padding-bottom:80px
}

@media only screen and (min-width:480px) {
    .grid-4 {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-gap:24px
}

.grid-5 {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-gap:30px
}


}

@media only screen and (min-width:769px) {
    .grid-item {
    padding:0
}

.grid-2 {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:16px
}

.grid-2.tight {
    grid-gap:0
}

.grid-gap-40 {
    -webkit-column-gap:40px;
    -moz-column-gap:40px;
    column-gap:40px
}


}

@media only screen and (min-width:992px) {
    .grid-60-40 {
    display:grid;
    grid-template-columns:60% 40%;
    grid-gap:50px
}

.grid-3,.grid-75-25 {
    grid-gap:30px;
    display:grid
}

.grid-75-25 {
    grid-template-columns:75% 25%
}

.grid-3 {
    grid-template-columns:repeat(3,1fr)
}

.grid-4 {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-gap:24px
}

.grid-5 {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    grid-gap:30px
}

.grid-40-60 {
    display:grid;
    grid-template-columns:40% 60%;
    grid-gap:50px
}

.grid-job-page,.grid-jobs {
    display:grid;
    grid-gap:38px
}

.grid-jobs {
    grid-template-columns:1fr 1fr;
    max-width:800px;
    margin:auto
}

.grid-job-page {
    grid-template-columns:1fr 2fr
}


}

.hide {
    display:none
}

.show {
    display:inherit
}

.unstyled {
    list-style:none;
    margin:0;
    padding:0
}

.text-left {
    text-align:left
}

.cta-block,.jumbotron,.jumbotron .copy,.text-center,.text-center-sm {
    text-align:center
}

.py-0 {
    padding-top:0;
    padding-bottom:0
}

.bg-primary {
    background-color:#231F20
}

.bg-light-gray,body .buorg {
    background-color:#F2F2F2
}

.hidden,.hidden-sm {
    display:none
}

.clear {
    clear:both
}

img {
    max-width:100%;
    height:auto
}

.bg-parallax.bg-overlay:before,.jumbotron::before {
    display:block;
    height:100%;
    opacity:.7;
    width:100%;
    left:0
}

.vertical-center {
    margin:0;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

img.center-sm {
    margin:auto;
    display:block
}

[data-href] {
    cursor:pointer
}

.bg-gradient {
    background-image:-webkit-gradient(linear,left top, left bottom,from(#f2f2f2),to(#fff));
    background-image:linear-gradient(#f2f2f2,#fff)
}

.bg-gradient-reverse {
    background-image:-webkit-gradient(linear,left top, left bottom,from(#fff),to(#f2f2f2));
    background-image:linear-gradient(#fff,#f2f2f2)
}

.bg-h-bar {
    background-image:linear-gradient(135deg,#0071d5 0,#00427d 100%);
    padding:22px 0
}

.bg-parallax {
    background:url(/img/bg-testimonial.jpg) center no-repeat fixed #285c8f;
    background-size:cover
}

.bg-parallax.bg-overlay {
    position:relative
}

.bg-parallax.bg-overlay:before {
    content:'';
    position:absolute;
    top:0;
    background-color:#0071D5;
    background-image:linear-gradient(135deg,#0071D5 0,#00427D 100%)
}

#file,.blog-post-featured,.jumbotron,.video-embed {
    position:relative
}

.shadow {
    box-shadow:0 30px 50px -15px rgba(0,82,155,.25)
}

.jumbotron {
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff;
    padding:48px 5px;
    background-attachment:fixed
}

.jumbotron::before {
    content:"";
    font-size:32px;
    position:absolute;
    top:0;
    background-image:linear-gradient(135deg,#77787b 0,#323232 100%)
}

.jumbotron h1 {
    color:#fff;
    padding-bottom:24px;
    font-size:48px
}

.jumbotron .copy {
    max-width:872px;
    margin:auto;
    font-weight:700;
    color:#fff;
    letter-spacing:0;
    line-height:1.4;
    padding-bottom:16px;
    font-size:16px
}

.jumbotron.article h1 {
    font-weight:700;
    font-size:40px;
    line-height:50px
}

.jumbotron .subhead {
    text-transform:uppercase;
    padding-bottom:24px
}

.cta-block {
    padding:48px 0
}

.cta-block-tight {
    padding:0
}

.cta-block__headline {
    padding-bottom:40px;
    margin-bottom:0;
    font-size:24px;
    font-weight:700
}

.video-embed {
    overflow:hidden;
    padding-bottom:56.25%;
    height:0;
    margin:16px auto 56px
}

.video-embed iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute
}

.careersnjk .numbered-points .btn {
    display:none
}

@media screen and (min-width:768px) {
    .hidden-sm {
    display:block
}

.visible-sm {
    display:none !important
}

.bg-parallax-2 {
    background:url(/img/bg-parallax-2.jpg) center no-repeat fixed #285c8f;
    background-size:cover;
    min-height:330px;
    position:relative
}

.bg-parallax-2::before {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background-image:linear-gradient(135deg,#0071d5 0,#00427d 100%);
    opacity:.75
}

.bg-parallax.space-top {
    margin-top:250px
}

.jumbotron {
    padding:150px 0
}

.jumbotron h1 {
    font-size:80px;
    max-width:900px;
    margin:auto
}

.jumbotron .copy {
    font-size:32px;
    max-width:900px;
    margin:auto
}

.cta-block__headline {
    padding-bottom:40px;
    font-size:32px
}


}

.pagination {
    padding:8px 0 56px
}

@media screen and (min-width:992px) {
    .text-center-sm {
    text-align:unset
}

img.center-sm {
    margin:initial
}


}

._form-title,form ._submit {
    text-align:center !important
}

._form_hide {
    display:none;
    visibility:hidden
}

._form_show {
    display:block;
    visibility:visible
}

._form-title {
    font-size:18px !important;
    color:#3B5159 !important;
    letter-spacing:0 !important;
    line-height:28px !important;
    font-weight:500 !important;
    font-family:Montserrat,Arial,sans-serif !important
}

._form_element ._field-wrapper {
    padding-bottom:24px
}

._form_element label {
    color:#3B5159 !important;
    font-size:14px !important;
    letter-spacing:0 !important;
    line-height:20px !important;
    font-weight:400 !important;
    margin:0 !important;
    font-family:Montserrat,Arial,sans-serif
}

._form_element input,._form_element select,._form_element textarea {
    width:100%;
    border-radius:0 !important;
    padding:8px !important;
    background:#fff;
    border:1px solid #979797 !important;
    font-size:14px;
    color:#3b5159;
    letter-spacing:.1px;
    line-height:24px;
    font-family:Montserrat,Arial,sans-serif !important
}

._form_element textarea {
    min-height:80px
}

._form_element input[type=checkbox],._form_element input[type=radio] {
    width:auto
}

form ._submit {
    width:100% !important;
    border:0 !important;
    color:#fff !important;
    display:inline-block !important;
    border-radius:0 !important;
    text-transform:uppercase !important;
    font-size:14px !important;
    padding:8px 16px 6px !important;
    vertical-align:middle !important;
    -webkit-text-decoration:none !important;
    text-decoration:none !important;
    outline:0 !important;
    cursor:pointer !important;
    -webkit-transition:all .2s !important;
    transition:all .2s !important;
    font-weight:500 !important;
    background-color:#231F20;
    background-image:linear-gradient(135deg,#FFB86C 0,#FF6007 100%) !important
}

form ._submit:hover {
    color:#fff !important;
    border-color:#fff !important;
    background-color:#312b2c !important
}

form ._submit--fixed {
    width:150px !important;
    max-width:100% !important;
    margin:0 auto !important
}

._error,._error-inner {
    padding:4px;
    color:#600;
    font-size:11px;
    background-color:#dfc4c4
}

._has_error {
    border:1px solid #b00 !important
}

.form-container {
    background-color:#fff;
    box-shadow:0px 30px 50px -15px rgba(0,82,155,.25);
    padding:10px
}

.form-container form {
    width:auto !important;
    padding:0 !important;
    margin:0 !important
}

[disabled] {
    opacity:.5
}

@media screen and (min-width:768px) {
    .form-container {
    position:relative;
    padding:24px;
    top:-140px;
    z-index:99;
    justify-self:center;
    width:70%
}

.form-container__full {
    width:100%
}


}

#upload-container {
    display:grid;
    -webkit-column-gap:8px;
    -moz-column-gap:8px;
    column-gap:8px
}

#file-label {
    font-size:13px;
    color:#555
}

#file {
    background-color:#f1f0f0;
    padding:2px 3px;
    border-radius:3px
}

#file-link {
    display:block;
    padding:1px 21px 1px 2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:200px;
    font-family:Arial,Helvetica,sans-serif;
    color:#666;
    text-decoration:underline;
    letter-spacing:.05em;
    font-size:12px
}

#file-link:hover {
    color:#000
}

#file-remove {
    position:absolute;
    right:0;
    top:0;
    padding:2px;
    background:#585555;
    border-radius:0 3px 3px 0
}

#file-remove:hover {
    background:#800
}

#file-remove svg {
    width:19px;
    fill:#fff
}

.blog-listing .blog-post {
    padding-bottom:45px;
    margin-bottom:45px
}

.blog-listing .img-container.default {
    background-color:#f7f7f7
}

.blog-listing-title {
    font-size:24px;
    line-height:1.2
}

.blog-post {
    word-break:break-word
}

.blog-img {
    box-shadow:0 8px 25px 1px rgba(0,0,0,.15)
}

.newsletter-sidebar-signup {
    margin-bottom:56px
}

.blog-sidebar {
    color:#3B5159
}

.blog-sidebar .h5,.blog-sidebar h5 {
    font-weight:700;
    font-size:16px;
    letter-spacing:0;
    line-height:26px;
    margin-bottom:24px;
    color:#3B5159
}

.blog-sidebar div.h5 {
    margin-bottom:8px
}

.blog-sidebar #mc_embed_signup {
    padding:0;
    margin:8px 0;
    color:#000
}

.blog-sidebar #mc_embed_signup input {
    background-color:#F4F6F6
}

.blog-sidebar #mc_embed_signup .subscribe-icon {
    height:45px;
    width:50px;
    top:21px
}

.blog-sidebar .email-field {
    color:#000
}

.blog-sidebar ul {
    list-style:none;
    margin-left:0;
    padding-left:10px
}

.recent-post a {
    color:#090909
}

.recent-post {
    display:grid;
    grid-template-columns:29% 1fr;
    grid-column-gap:20px;
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
    margin-bottom:16px;
    padding-bottom:16px
}

.recent-post .img-container {
    min-height:72px
}

.blog-post-featured {
    margin-top:-30%
}

.blog-post-featured picture {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    background:#231F20
}

.blog-post-featured picture:before {
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    z-index:2;
    background:-webkit-gradient(linear,left top, right top,color-stop(0, rgba(0,0,0,.65)),to(rgba(0,0,0,0))),rgba(0,0,0,.25);
    background:linear-gradient(to right,rgba(0,0,0,.65) 0,rgba(0,0,0,0) 100%),rgba(0,0,0,.25)
}

.block-nav__img:before,.blog-post #hero picture:before,.hmvideo:before,span.dot:before {
    content:""
}

.blog-post-featured .content {
    position:relative;
    z-index:10;
    padding:8%;
    color:#fff
}

.blog-post-featured .btn {
    margin-top:24px
}

.featured-title {
    font-size:32px;
    line-height:1.2;
    font-weight:700;
    padding-bottom:16px
}

.block-nav__link-arrow,a.more-link {
    font-family:Montserrat,Arial,sans-serif;
    font-size:12px;
    line-height:1.83;
    letter-spacing:.72px;
    text-transform:uppercase
}

a.more-link {
    margin:0;
    padding:0 0 8px;
    font-weight:400;
    color:#231F20
}

a.more-link a {
    color:inherit
}

.pagination {
    margin:32px 0;
    text-align:center
}

.blog-post #hero .jumbotron-heading {
    max-width:1024px;
    margin-left:auto;
    margin-right:auto;
    font-size:40px;
    padding-top:40px
}

.blog-post #hero picture:before {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(10,51,128,.8)
}

@media screen and (min-width:768px) {
    .blog-post-featured {
    margin-top:-18%
}

.blog-listing-title {
    font-size:32px;
    line-height:1.2;
    font-weight:400
}


}

@media screen and (min-width:992px) {
    .blog-layout {
    display:grid;
    grid-template-columns:1fr 29%;
    grid-column-gap:7%
}

.blog-layout .grid-2 {
    grid-column-gap:6%
}

.blog-layout .card--topimage {
    margin-bottom:35px;
    text-align:left
}

.blog-post {
    display:grid;
    grid-template-columns:37% 1fr;
    grid-column-gap:7%;
    -webkit-column-gap:7%;
    -moz-column-gap:7%;
    column-gap:7%;
    padding-bottom:55px;
    margin-bottom:55px;
    -webkit-box-align:center;
    align-items:center
}

.blog-listing-title {
    margin-bottom:20px
}

.recent-posts {
    margin-bottom:40px
}

.blog-post-featured {
    margin-top:-150px
}

.blog-post-featured .content {
    max-width:780px
}

.featured-title {
    font-size:40px;
    padding-bottom:24px
}


}

.content-carousel {
    background:#fff;
    box-shadow:0 30px 50px -30px rgba(0,0,0,.15);
    max-width:1096px;
    margin:10px auto 64px;
    position:relative;
    overflow:hidden;
    padding-bottom:40px
}

.content-carousel__container {
    padding-bottom:20px
}

.content-carousel__item {
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out;
    opacity:0;
    width:100%;
    display:none
}

.content-carousel__item.active {
    opacity:1;
    z-index:5;
    display:block
}

.content-carousel__img {
    background-color:#f0f0f0;
    height:252px
}

.content-carousel__img img {
    min-height:150px;
    display:block;
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:50% 50%;
    object-position:50% 50%
}

.content-carousel__copy {
    padding:48px 16px 16px;
    min-height:200px
}

.content-carousel__copy .h4 {
    padding-bottom:32px
}

.dots {
    text-align:center
}

span.dot {
    display:inline-block;
    width:10px;
    height:10px;
    background-color:#D8D8D8;
    border-radius:10px;
    margin:0 16px;
    position:relative;
    cursor:pointer;
    -webkit-transition:all .3s;
    transition:all .3s
}

span.dot:hover {
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:scale(1.5);
    transform:scale(1.5)
}

span.dot:before {
    display:inline-block;
    width:24px;
    height:24px;
    border:1px solid transparent;
    border-radius:24px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-13px;
    margin-top:-13px;
    -webkit-transition:all .4s;
    transition:all .4s
}

.active .dot:before,span.dot.active:before {
    border-color:#231F20
}

@media screen and (min-width:768px) {
    .content-carousel {
    height:378px;
    padding-bottom:0;
    margin:0 auto
}

.content-carousel__container {
    padding-bottom:0
}

.content-carousel__item {
    position:absolute;
    top:0;
    left:0;
    grid-template-columns:41% 1fr;
    display:grid !important;
    width:100%
}

.content-carousel__copy {
    padding:12% 16%
}

.content-carousel__img {
    height:auto
}

.content-carousel__img img {
    box-shadow:none;
    display:block;
    width:100%;
    max-height:378px;
    height:100%
}

.dots {
    position:absolute;
    bottom:8%;
    left:41%;
    margin-left:9%;
    z-index:9
}


}

.block-nav__item {
    position:relative;
    overflow:hidden;
    margin-bottom:16px;
    display:block;
    padding:16px 0;
    background:-webkit-gradient(linear,left top, left bottom,color-stop(0, #eee),to(#ccc));
    background:linear-gradient(to bottom,#eee 0,#ccc 100%)
}

.block-nav__img,.block-nav__img:before {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}

.block-nav__img {
    -webkit-transition:all 8s;
    transition:all 8s
}

.block-nav__img:before {
    display:block;
    z-index:5;
    opacity:.75;
    background-image:linear-gradient(135deg,#77787b 0,#323232 100%);
    box-shadow:0 30px 50px -30px rgba(0,82,155,.25)
}

.block-nav__img img {
    -o-object-fit:cover;
    object-fit:cover
}

.block-nav__copy {
    padding:16px 12%;
    color:#fff;
    position:relative;
    z-index:10
}

.block-nav__copy h4 {
    color:#fff;
    font-weight:700
}

.block-nav__link-arrow {
    display:inline-block;
    color:#fff !important;
    margin:0;
    padding:24px 0 8px;
    font-weight:400
}

.block-nav__link-arrow a {
    color:inherit
}

.block-nav__link-arrow svg {
    -webkit-transition:all .3s;
    transition:all .3s;
    height:11px;
    width:23px;
    margin-left:8px
}

@media screen and (min-width:768px) {
    .block-nav {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    background-color:#F7F7F7
}

.block-nav__square {
    grid-template-columns:repeat(3,1fr)
}

.block-nav__item {
    height:632px;
    -webkit-transition:all .4s;
    transition:all .4s;
    padding:0;
    min-height:300px;
    margin-bottom:0
}

.block-nav__item:hover {
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
    z-index:10
}

.block-nav__item:hover .block-nav__img:before {
    opacity:.75;
    background-image:linear-gradient(135deg,#0071d5 0,#00427d 100%)
}

.block-nav__item:hover svg {
    margin-left:16px
}

.block-nav__item.block-nav__square {
    height:453px
}

.block-nav__item.block-nav__square .block-nav__copy {
    padding:0 10%
}

.block-nav__item.blog-card {
    max-height:448px
}

.block-nav__excerpt {
    min-height:48px
}

.block-nav__copy {
    padding:0 42px;
    text-align:left;
    left:0;
    margin:0;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

.block-nav__copy h4 {
    padding-bottom:32px
}


}

#vid-bg,.hmvideo:before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.hmvideo {
    width:100%;
    z-index:2
}

.hmvideo:before {
    display:block;
    background-image:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(35,31,32,.95)),to(rgba(0,0,0,.9)));
    background-image:linear-gradient(-180deg,rgba(35,31,32,.95) 0,rgba(0,0,0,.9) 100%);
    opacity:.7;
    z-index:3
}

#vid-bg {
    -o-object-fit:cover;
    object-fit:cover;
    z-index:2;
    opacity:0;
    -webkit-transition:opacity .4s;
    transition:opacity .4s
}

#vid-bg.visible {
    opacity:1
}

.nav-active .hero .copy {
    left:50% !important;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

.page__home .hero {
    position:relative;
    height:600px;
    z-index:15;
    color:#FFF;
    margin-bottom:0;
    background-size:contain;
    background-position-y:top;
    background-position-x:right
}

.page__home .hero .hero__content {
    padding-top:30px;
    margin:0 auto;
    text-align:center
}

.page__home .hero .hero__content .container {
    z-index:10;
    padding-top:100px
}

.page__home .hero .hero__content__copy h1 {
    font-size:56px
}

.page__home .hero .hero__content__copy p {
    font-size:16px;
    font-weight:300
}

.page__home .hero .hero__content__btn {
    margin-top:50px
}

.page__home .hero .btn__home {
    margin-bottom:-50px;
    padding:12px 30px 10px;
    text-transform:none;
    font-size:18px
}

@media screen and (min-width:768px) {
    .products-grid-home {
    height:412px
}

#hero-title {
    font-size:calc(48px + (88 - 48) * ((100vw - 768px)/ (1200 - 768)));
    padding-bottom:0;
    line-height:.95
}

#tagline {
    font-size:calc(11px + (16 - 11) * ((100vw - 768px)/ (1200 - 768)))
}

#tagline br {
    display:initial
}


}

@media screen and (min-width:992px) {
    .page__home .vid-container {
    margin-top:56px
}

.page__home .hero .hero__content {
    padding-top:30px;
    margin-left:0;
    text-align:left
}

.page__home .hero .hero__content .container {
    height:558px
}

.page__home .hero .hero__content__wrap {
    position:absolute;
    bottom:3px
}

.page__home .hero .hero__content__copy {
    max-width:407px
}

.page__home .hero .hero__content__copy h1 {
    font-size:56px
}

.page__home .hero .hero__content__copy p {
    font-size:16px;
    font-weight:300;
    margin-bottom:25px
}

.page__home .hero .hero__content__btn {
    margin-top:60px
}

.page__home .hero .btn__home {
    margin-bottom:-50px;
    padding:12px 30px 10px;
    text-transform:none;
    font-size:18px
}


}

@media screen and (max-width:992px) {
    .page__home .hero {
    height:520px;
    background:url(../img/heros/homepage-mobile-hero.jpg) center 200px no-repeat #231f20;
    background-size:cover
}

.page__home .hero__content {
    padding-top:0 !important
}

.page__home .hero__content__btn {
    margin-top:0 !important
}

.page__home .hero__content__copy p {
    margin-bottom:0
}


}

.sales-block h4 {
    color:#231F20
}

.contact-block {
    text-align:center;
    padding:4%
}

.contact-block strong {
    color:#001489
}

.contact-block a {
    color:#231F20 !important;
    font-weight:500
}

.map {
    display:none
}

@media screen and (min-width:768px) {
    .map .marker-content,.map .spot {
    -webkit-transition:all .3s;
    transition:all .3s;
    left:50%;
    position:absolute
}

.contact-blocks {
    display:grid;
    grid-template-columns:1fr 1fr
}

.form-container__contact {
    margin-bottom:-320px;
    position:relative;
    z-index:2
}

.map {
    display:block;
    height:845px;
    background:url(/img/Map.jpg) center no-repeat #8fc4f0;
    position:relative
}

.map .spot {
    display:block;
    width:20px;
    height:20px;
    border-radius:20px;
    background:#231F20;
    -webkit-animation:shadow-pulse 1.5s infinite ease-in;
    animation:shadow-pulse 1.5s infinite ease-in
}

.map .spot:hover {
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}

.map .s1 {
    margin-left:234px;
    top:46.5%
}

.map .s2 {
    margin-left:-35px;
    top:45.8%
}

.map .s3 {
    margin-left:-120px;
    top:80.8%
}

.map .marker-content {
    opacity:0;
    background-color:#fff;
    padding:24px 16px 6px;
    width:205px;
    text-align:center;
    text-decoration:none;
    top:20px;
    margin-left:-102px;
    color:#090909;
    font-size:12px;
    visibility:hidden
}

.map .marker-content strong {
    margin:0 0 -8px;
    padding:0;
    font-weight:400;
    font-family:Montserrat,Arial,sans-serif;
    font-size:12px;
    letter-spacing:.72px;
    text-transform:uppercase;
    color:#231F20;
    display:block;
    line-height:1
}

.map .marker-content strong a {
    color:inherit;
    text-decoration:none
}

.map .marker-content:before {
    position:absolute;
    top:-10px;
    left:50%;
    margin-left:-20px;
    content:'';
    display:block;
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:20px solid #fff
}

.map .active .marker-content {
    visibility:visible;
    opacity:1
}

.image-grid {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    max-width:847px;
    margin:auto;
    gap:16px
}


}

.lp-1__tagline {
    font-weight:700;
    font-size:24px
}

.lp-1__hero {
    padding-top:32px;
    padding-bottom:32px;
    text-align:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top center;
    margin-bottom:40px;
    max-height:730px
}

.lp-1__hero .logo {
    margin-bottom:32px
}

.lp-1__form-headline {
    font-weight:400;
    font-size:18px;
    color:#3b5159;
    letter-spacing:0;
    text-align:center;
    line-height:28px;
    padding-bottom:18px
}

.success-content {
    max-width:540px;
    margin:0;
    padding:60px 0
}

.lp-1__featured-img {
    max-height:340px;
    position:relative;
    margin-top:4px
}

.lp-1__hero-grid {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr
}

.lp-1__hero-grid :nth-child(1) {
    grid-row:2
}

.lp-1__hero-grid :nth-child(2) {
    grid-row:1
}

.lp-1__content {
    padding-top:24px
}

@media screen and (min-width:768px) {
    .lp-1__container {
    padding:0 16px 80px
}

.lp-1__hero {
    text-align:left;
    padding-bottom:0;
    margin-bottom:64px;
    max-height:570px
}

.lp-1__hero .logo {
    margin-bottom:60px
}

.lp-1__hero-grid {
    grid-template-columns:1fr 1fr;
    grid-template-rows:none
}

.lp-1__hero-grid :nth-child(1),.lp-1__hero-grid :nth-child(2) {
    grid-row:auto
}

.lp-1__grid {
    display:grid;
    grid-template-columns:65% 1fr;
    -webkit-column-gap:64px;
    -moz-column-gap:64px;
    column-gap:64px
}

.hero__content.lp-1 {
    align-self:end;
    padding-bottom:80px
}

.lp-1__featured-img {
    top:auto;
    margin:0 auto -160px;
    max-height:none
}

.lp-1__content {
    padding-top:128px;
    max-width:80%;
    color:#435c64
}

.lp-1__form-container {
    width:100%;
    max-width:420px;
    top:0
}

#login-form-container {
    max-height:500px;
    margin-bottom:-40px;
    padding-bottom:60px;
    top:-90px;
}

.loginForm {
    display:block;
    text-align:center;
}

.loginForm input {
    margin-bottom:20px;
    padding: 5px 10px 5px 10px;
}

.loginForm .btn {
    width: !important;
    padding: 12px 50px !important;
}

.notifyUserDiv {
    text-align:center;
    color:red;
    margin-bottom:5px;
    margin-top:-20px;
}

.userTable, .userTableDiv {
    margin:auto;
}

.userTable {
    border:2px solid black;
}
.userTable th, .userTable td {
    border:1px solid black;
}

.userTable th, .userTable td {
    padding:5px 10px 5px 10px;
}

#buildTableBtn {
    margin:auto;
}

#usernameInput, #passwordInput {
    width:90% !important;
}

}