@import url(https://fonts.googleapis.com/css?family=Overpass:200,300,600,900|Roboto:300,400);
.navbar-link {
    background: #fff !important
}

.nav-collapse-search .btn {
    border: 1px solid #aaa !important
}

.mob-cont .nav-collapse .dropdown-menu a,
.mob-cont .nav-collapse .nav>li>a {
    color: #000 !important
}

#mainMenu .fa-fw {
    color: #005172 !important
}

#plp-header-links .btn-primary #nav-collapse-cart-qty {
    color: #000 !important
}

.mob-cont .navbar .nav {
    background: #fff !important
}

.mob-cont .category-heading h4 {
    margin: 15px 0 !important
}

.mob-cont table.table td.media-body ul li {
    list-style-type: disc !important;
    margin-left: 20px !important
}

.mob-cont .navbar .nav>li {
    border-bottom: 1px solid #aaa !important
}

.mob-cont .navbar .nav>li>a {
    color: #000 !important;
    font-weight: 500 !important
}

.container .ui-state-default a {
    color: #000 !important
}

.part-link label {
    color: #000
}

.mob-cont #tbCompare td a {
    color: #000 !important;
    font-weight: 600 !important;
    text-decoration: underline !important
}

div#productSticky .media-body a {
    color: #000 !important
}

.mob-cont .popup-header button {
    color: #000 !important
}

a.select-product.media-body.btn.ui-state-default {
    color: #e2e2e2 !important
}

a.select-product.media-body.btn.ui-state-default:hover {
    background: #ccc !important
}

#plp-page-pagination-table .part-link a {
    text-decoration: underline !important;
    color: #000 !important
}

.part-link a {
    text-decoration: underline !important
}

.popup-header button {
    color: #000 !important
}

.mob-cont .pagination-centered a {
    color: #000
}

#plp-header-links .btn-primary {
    color: #000;
    padding-right: 5px;
    padding-left: 5px
}

#plp-CAD-table-tabs #cad-tabs .ui-tabs-active a .ui-button-text {
    color: #000
}

#plp-CAD-table-tabs #cad-tabs a .ui-button-text {
    color: #000
}

#plp-adv-search-accordion .adv-attributecontrol .part-link {
    color: #000 !important
}

.mob-cont .mob-footer {
    background: #2a387e !important;
    color: #fff !important
}

.mob-cont .mob-footer a {
    color: #fff !important;
    text-decoration: underline !important
}

.carousel-inner .item img {
    height: auto !important
}

.mob-cont .pagination ul li a,
.mob-cont .part-link {
    color: #000
}

#hs_menu_wrapper_primary_nav,
.site-nav {
    background-color: #2a387e
}

#hs_menu_wrapper_primary_nav span,
.site-nav span {
    white-space: nowrap
}

@media (min-width:60em) {
    #hs_menu_wrapper_primary_nav,
    .site-nav {
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 59%
    }
}

#hs_menu_wrapper_primary_nav>ul,
.sn-level-1 {
    margin: 0;
    padding: 0
}

@media (min-width:60em) {
    #hs_menu_wrapper_primary_nav>ul,
    .sn-level-1 {
        height: 3.75em;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.hs-menu-depth-1,
.sn-li-l1 {
    display: block;
    text-align: left;
    background-color: #2a387e;
    position: relative
}

.hs-menu-depth-1 span,
.sn-li-l1 span {

}

.hs-menu-depth-1>a,
.sn-li-l1>a {
    display: block;
    height: 3.75em;
    line-height: 3.75em;
    color: #fff;
    text-decoration: none;
    padding: 0 1em 0 2.5625em;
    text-transform: uppercase
}

.hs-menu-depth-1>a:hover,
.sn-li-l1>a:hover {
    color: #fff
}

.hs-menu-depth-1>a:hover span,
.sn-li-l1>a:hover span {
    border-color: #c72725
}

.hs-menu-depth-1.has-subnav .m-subnav-arrow,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
.sn-li-l1.has-subnav .m-subnav-arrow,
.sn-li-l1.hs-item-has-children .m-subnav-arrow,
.sn-li-l1.menu-item-has-children .m-subnav-arrow {
    cursor: pointer;
    padding-right: 0;
    background-image: url(down-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.0625em;
    display: block;
    width: 40px;
    height: 60px;
    position: absolute;
    background-color: transparent;
    right: 1.6875em;
    top: 0;
    bottom: 0
}

.hs-menu-depth-1.has-subnav .m-subnav-arrow.active,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow.active,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow.active,
.sn-li-l1.has-subnav .m-subnav-arrow.active,
.sn-li-l1.hs-item-has-children .m-subnav-arrow.active,
.sn-li-l1.menu-item-has-children .m-subnav-arrow.active {
    transform: rotate(180deg)
}

@media (min-width:60em) {
    .hs-menu-depth-1.has-subnav .m-subnav-arrow,
    .hs-menu-depth-1.hs-item-has-children .m-subnav-arrow,
    .hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
    .sn-li-l1.has-subnav .m-subnav-arrow,
    .sn-li-l1.hs-item-has-children .m-subnav-arrow,
    .sn-li-l1.menu-item-has-children .m-subnav-arrow {
        display: none
    }
}

.hs-menu-depth-1.has-subnav>a span,
.hs-menu-depth-1.hs-item-has-children>a span,
.hs-menu-depth-1.menu-item-has-children>a span,
.sn-li-l1.has-subnav>a span,
.sn-li-l1.hs-item-has-children>a span,
.sn-li-l1.menu-item-has-children>a span {
    padding-right: 0;
    display: block
}

.hs-menu-depth-1.has-subnav>a.active,
.hs-menu-depth-1.hs-item-has-children>a.active,
.hs-menu-depth-1.menu-item-has-children>a.active,
.sn-li-l1.has-subnav>a.active,
.sn-li-l1.hs-item-has-children>a.active,
.sn-li-l1.menu-item-has-children>a.active {
    color: #c72725
}

.hs-menu-depth-1.has-subnav>a.active span,
.hs-menu-depth-1.hs-item-has-children>a.active span,
.hs-menu-depth-1.menu-item-has-children>a.active span,
.sn-li-l1.has-subnav>a.active span,
.sn-li-l1.hs-item-has-children>a.active span,
.sn-li-l1.menu-item-has-children>a.active span {
    transform: rotate(180deg)
}

.hs-menu-depth-1:hover,
.sn-li-l1:hover {
    background-color: #c72725
}

@media (min-width:60em) {
    .hs-menu-depth-1,
    .sn-li-l1 {
        height: 3.75em;
        float: left;
        border-bottom: 0;
        border-right: 1px solid #0d0d0d;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        text-align: center
    }
    .hs-menu-depth-1 span,
    .sn-li-l1 span {
  
    }
    .hs-menu-depth-1>a,
    .sn-li-l1>a {
        padding: 0 .5em;
        color: #000
    }
    .hs-menu-depth-1>a span,
    .sn-li-l1>a span {
        display: inline;
        padding-bottom: 5px;
        border-bottom: 0 solid #000
    }
    .hs-menu-depth-1>a:hover,
    .sn-li-l1>a:hover {
        color: #fff
    }
    .hs-menu-depth-1:hover .hs-menu-children-wrapper,
    .hs-menu-depth-1:hover .sn-level-2,
    .sn-li-l1:hover .hs-menu-children-wrapper,
    .sn-li-l1:hover .sn-level-2 {
        display: block
    }
    .hs-menu-depth-1.has-subnav>a,
    .hs-menu-depth-1.hs-item-has-children>a,
    .hs-menu-depth-1.menu-item-has-children>a,
    .sn-li-l1.has-subnav>a,
    .sn-li-l1.hs-item-has-children>a,
    .sn-li-l1.menu-item-has-children>a {
        height: auto;
        padding-bottom: 2.875em;
        position: relative
    }
    .hs-menu-depth-1.has-subnav>a span,
    .hs-menu-depth-1.hs-item-has-children>a span,
    .hs-menu-depth-1.menu-item-has-children>a span,
    .sn-li-l1.has-subnav>a span,
    .sn-li-l1.hs-item-has-children>a span,
    .sn-li-l1.menu-item-has-children>a span {
        padding-right: 0;
        display: inline
    }
    .hs-menu-depth-1.has-subnav>a:after,
    .hs-menu-depth-1.hs-item-has-children>a:after,
    .hs-menu-depth-1.menu-item-has-children>a:after,
    .sn-li-l1.has-subnav>a:after,
    .sn-li-l1.hs-item-has-children>a:after,
    .sn-li-l1.menu-item-has-children>a:after {
        content: '';
        position: absolute;
        background-image: url(down-arrow.svg);
        background-repeat: no-repeat;
        background-size: 1em .5em;
        background-position: center 3.5625em;
        width: 100%;
        height: 100%;
        bottom: 0;
        margin: 0 auto;
        left: 0;
        right: 0
    }
    .hs-menu-depth-1.has-subnav>a.active:after,
    .hs-menu-depth-1.hs-item-has-children>a.active:after,
    .hs-menu-depth-1.menu-item-has-children>a.active:after,
    .sn-li-l1.has-subnav>a.active:after,
    .sn-li-l1.hs-item-has-children>a.active:after,
    .sn-li-l1.menu-item-has-children>a.active:after {
        background-position: center 3.5625em
    }
    .hs-menu-depth-1.has-subnav>a:hover:after,
    .hs-menu-depth-1.hs-item-has-children>a:hover:after,
    .hs-menu-depth-1.menu-item-has-children>a:hover:after,
    .sn-li-l1.has-subnav>a:hover:after,
    .sn-li-l1.hs-item-has-children>a:hover:after,
    .sn-li-l1.menu-item-has-children>a:hover:after {
        background-position: center 3.5625em
    }
    .hs-menu-depth-1:hover,
    .sn-li-l1:hover {
        background-color: #c72725
    }
}

@media (min-width:60em) {
    .hs-menu-depth-1,
    .sn-li-l1 {
        border-right: #fff;
        background-color: #fff
    }
    .hs-menu-depth-1 span,
    .sn-li-l1 span {
     
    }
    .hs-menu-depth-1>a,
    .sn-li-l1>a {
        padding: 0 .5em;
        color: #000
    }
    .hs-menu-depth-1>a:hover,
    .sn-li-l1>a:hover {
        color: #000
    }
    .hs-menu-depth-1:hover,
    .sn-li-l1:hover {
        background-color: #fff
    }
}

.hs-menu-children-wrapper,
.sn-level-2 {
    padding: 0;
    margin: 0;
    display: none;
    position: relative;
    text-align: left;
    z-index: 999
}

.hs-menu-children-wrapper.active,
.sn-level-2.active {
    display: block
}

@media (min-width:60em) {
    .hs-menu-children-wrapper,
    .sn-level-2 {
        position: absolute;
        padding: 1.25em .625em;
        background-color: #c72725
    }
    .hs-menu-children-wrapper.active,
    .sn-level-2.active {
        display: none
    }
}

.hs-menu-depth-2,
.sn-li-l2,
.sn-li-l3 {
    background-color: #2a387e
}

.hs-menu-depth-2>a,
.sn-li-l2>a,
.sn-li-l3>a {
    padding: 0 3.75em;
    color: #fff;
    display: block;
    text-decoration: none;
    line-height: 3.125em
}

.hs-menu-depth-2>a span,
.sn-li-l2>a span,
.sn-li-l3>a span {
    font-size: 1.0625em;
    line-height: 1.25em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 200;
    font-family: Overpass
}

.hs-menu-depth-2:last-child>a,
.sn-li-l2:last-child>a,
.sn-li-l3:last-child>a {
    border-bottom: 0
}

.hs-menu-depth-2:hover,
.sn-li-l2:hover,
.sn-li-l3:hover {
    background-color: #c72725
}

.hs-menu-depth-2:hover>a span,
.sn-li-l2:hover>a span,
.sn-li-l3:hover>a span {
    text-decoration: underline
}

@media (min-width:60em) {
    .hs-menu-depth-2,
    .sn-li-l2,
    .sn-li-l3 {
        background-color: #c72725
    }
    .hs-menu-depth-2>a,
    .sn-li-l2>a,
    .sn-li-l3>a {
        padding: 0 .5em;
        line-height: 3.125em;
        border-top: none
    }
    .hs-menu-depth-2>a span,
    .sn-li-l2>a span,
    .sn-li-l3>a span {
        font-size: 1.0625em
    }
    .hs-menu-depth-2:hover>a,
    .sn-li-l2:hover>a,
    .sn-li-l3:hover>a {
        text-decoration: underline
    }
}

.sn-level-3 {
    padding: 0;
    margin: 0;
    padding-top: 1px;
    display: none;
    position: relative
}

.sn-level-3.active {
    display: block
}

@media (min-width:60em) {
    .sn-level-3 {
        position: absolute;
        top: 0;
        left: 100%
    }
    .sn-level-3.active {
        display: none
    }
}

.site-nav-container {
    background-color: #2a387e;
    width: 100%;
    right: -100%;
    top: 0;
    z-index: 1000;
    position: absolute;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.site-nav-container.active {
    right: 0
}

@media (min-width:60em) {
    .site-nav-container {
        width: auto;
        height: auto;
        right: auto;
        bottom: auto;
        top: auto;
        position: static;
        background-color: transparent;
        text-align: right;
        padding-top: 1.25em
    }
}

#main {
    position: initial !important
}

.sh-rfq {
    background-image: url(quote.svg);
    background-position: 90% .6em;
    background-repeat: no-repeat;
    background-size: 1em 1.3529411765em;
    padding-right: 1.8823529412em;
    font-size: 1.0625em;
    line-height: 2.0588235294em;
    max-width: 12.1176470588em;
    display: block;
    margin: 2.5em auto 2.1875em;
    text-align: center;
    width: 100%;
    color: #fff !important;
    background-color: transparent;
    border: 1px solid #fff
}

.sh-rfq:hover {
    background-color: #c72725;
    background-image: none;
    background-repeat: no-repeat
}

.nav-collapse,
.nav-collapse.collapse {
    background: #2a387e
}