.full-width-padding {
    padding-left: 5%;
    padding-right: 5%;
}
.bs-h1,
.bs-h1-semibold {
    font-family: Campton, sans-serif;
    font-size: 4rem;
    line-height: 4.5rem;
    letter-spacing: -0.1875rem;
    font-weight: 400;
    color: inherit;
}
.bs-h1-semibold {
    font-weight: 600;
}
.bs-h2,
.bs-h2-bold {
    font-family: Campton, sans-serif;
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -0.0625rem;
    font-weight: 400;
    color: inherit;
}
.bs-h2-bold {
    font-weight: 700;
}
.bs-h3,
.bs-h3-bold,
.bs-h3-medium {
    font-family: "Work Sans", sans-serif;
    font-size: 1.75rem;
    line-height: 36px;
    letter-spacing: -0.0625rem;
    font-weight: 400;
    color: inherit;
}
.bs-h3-medium {
    font-weight: 500;
}
.bs-h3-bold {
    font-weight: 700;
}
.bs-h4,
.bs-h4-bold,
.bs-h4-medium {
    font-family: "Work Sans", sans-serif;
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -0.0625rem;
    font-weight: 400;
    color: inherit;
}
.bs-h4-medium {
    font-weight: 500;
}
.bs-h4-bold {
    font-weight: 700;
}
.bs-body-xl,
.bs-body-xl-medium,
.bs-body-xl-semibold {
    font-family: "Work Sans", sans-serif;
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: -0.0625rem;
    font-weight: 400;
    color: inherit;
}
.bs-body-xl-medium {
    font-weight: 500;
}
.bs-body-xl-semibold {
    font-weight: 600;
}
.bs-body-lg,
.bs-body-lg-medium,
.bs-body-lg-semibold {
    font-family: "Work Sans", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.046875rem;
    font-weight: 400;
    color: inherit;
}
.bs-body-lg-medium {
    font-weight: 500;
}
.bs-body-lg-semibold {
    font-weight: 600;
}
.bs-body,
.bs-body-bold,
.bs-body-link,
.bs-body-medium,
.footer__top .footer__nav--container .footer__nav--links a {
    font-family: "Work Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.03125rem;
    font-weight: 400;
    color: inherit;
}
.bs-body a,
.bs-body-link {
    color: #0057b8;
    text-decoration-line: underline;
    font-weight: 400;
}
.bs-body a:active,
.bs-body a:hover {
    color: #003c71;
}
.bs-body-medium {
    font-weight: 500;
}
.bs-body-bold {
    font-weight: 600;
}
.bs-body-small,
.bs-body-small-bold,
.bs-body-small-link,
.bs-body-small-medium,
.bs-body-small-medium-link,
.bs-body-small-medium-strikethrough,
.bs-body-small-semibold,
.bs-body-small-strikethrough,
.footer-get-support .get-support-item .get-support-content a {
    font-family: "Work Sans", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: inherit;
}
.bs-body-small a,
.bs-body-small-link,
.bs-body-small-medium-link {
    text-decoration-line: underline;
}
.bs-body-small-medium,
.bs-body-small-medium-link,
.bs-body-small-medium-strikethrough {
    font-weight: 500;
}
.bs-body-small-semibold {
    font-weight: 600;
}
.bs-body-small-bold {
    font-weight: 700;
}
.bs-smalls-xsmall,
.bs-smalls-xsmall-link,
.bs-smalls-xsmall-medium,
.bs-smalls-xsmall-medium-link,
.bs-smalls-xsmall-semibold,
.bs-smalls-xxsmall-medium,
.bs-smalls-xxsmall-semibold {
    font-family: "Roboto Mono", monospace;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: -0.015625rem;
    font-weight: 400;
    color: inherit;
}
.bs-smalls-xsmall a,
.bs-smalls-xsmall-link,
.bs-smalls-xsmall-medium-link {
    text-decoration-line: underline;
}
.bs-smalls-xsmall-medium,
.bs-smalls-xsmall-medium-link {
    font-weight: 500;
}
.bs-smalls-xsmall-semibold {
    font-weight: 700;
}
.bs-smalls-xxsmall {
    font-family: "Roboto Mono", monospace;
    font-size: 0.625rem;
    line-height: 1rem;
    letter-spacing: -0.015625rem;
    font-weight: 400;
    color: inherit;
}
.bs-smalls-xxsmall-medium {
    font-weight: 500;
}
.bs-smalls-xxsmall-semibold {
    font-weight: 700;
}
.bs-body-small-medium-strikethrough,
.bs-body-small-strikethrough,
.strikethrough {
    text-decoration-line: strikethrough;
}
.font-weight-400 {
    font-weight: 400;
}
.font-weight-500 {
    font-weight: 500;
}
.font-weight-600 {
    font-weight: 600;
}
.font-weight-700 {
    font-weight: 700;
}
.font-weight-900 {
    font-weight: 900;
}
table {
    width: 100%;
}
table th {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0057b8;
    padding: 8px 10px;
}
table tr.entry-group-header a {
    color: #d3d3d3;
}
table tr.entry-group-header a:hover {
    color: #000;
}
table tr.entry-group-header .error {
    background-color: #db7093;
}
table .entry-group-error-message {
    text-transform: none;
}
table div.left-align {
    text-align: left;
}
table td {
    font-size: 0.875rem;
    padding: 20px 10px;
}
table ol li,
table ul li {
    font-family: Roboto, sans-serif;
    font-size: 0.875rem;
}
.responsive-table th:first-child {
    padding-left: 30px;
}
@media (max-width: 1024px) {
    .responsive-table th:first-child {
        padding-left: 20px;
    }
}
.responsive-table th:last-child {
    text-align: right;
    padding-right: 30px;
}
@media (max-width: 1024px) {
    .responsive-table th:last-child {
        padding-right: 20px;
    }
}
@media (min-width: 640px) {
    .responsive-table td:nth-child(2) {
        padding-left: 20px;
    }
}
@media (min-width: 1024px) {
    .responsive-table td:nth-child(2) {
        padding-left: 30px;
    }
}
.responsive-table td:last-child {
    text-align: right;
    padding-right: 30px;
}
@media (max-width: 768px) {
    .responsive-table td:last-child {
        padding-right: 20px;
    }
}
.responsive-table-item {
    padding: 10px;
}
@media (max-width: 768px) {
    .responsive-table-item {
        padding: 10px 20px;
    }
}
.responsive-table-item:nth-child(even) {
    background-color: #fff;
}
.responsive-table-item a.responsive-table-link {
    color: #0057b8;
}
.responsive-table-item a:focus,
.responsive-table-item a:hover {
    color: #0057b8;
}
.responsive-table-item td:last-child {
    text-align: right;
}
@media (max-width: 640px) {
    .responsive-table-item {
        display: block;
    }
    .responsive-table-item .status strong {
        display: block;
    }
    .responsive-table-item td {
        display: inline-block;
        width: 40%;
        padding: 3px 10px;
    }
    .responsive-table-item td:last-child {
        text-align: left;
    }
    .responsive-table-item td.responsive-table-cell {
        width: 55%;
    }
    .responsive-table-item td.responsive-table-cell-bold {
        font-weight: 600;
    }
}
table.dataTable thead th {
    padding: 8px 18px 8px 10px;
    border-bottom: solid 3px #0057b8;
}
table.dataTable.no-footer {
    border-bottom: solid 3px #0057b8;
}
.cookie-alert--top {
    margin-bottom: 0;
}
#consent-management-alert .consent-management-list {
    max-width: 100%;
    line-height: 1.6;
    padding: 0;
    margin: 0;
}
#consent-management-alert .consent-management-list__item {
    position: relative;
    margin-top: 0;
    margin-bottom: 3px;
    list-style-type: none;
}
@media (max-width: 640px) {
    #consent-management-alert .consent-management-list__item {
        border-left: 0 none;
        border-right: 0 none;
        margin-left: -20px;
        margin-right: -20px;
    }
}
#consent-management-alert .consent-management-list__title {
    padding: 0 15px 0 62px;
    display: block;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
    font-weight: 700;
}
#consent-management-alert .consent-management-list__title:before {
    font-family: "Glyphicons Halflings", sans-serif;
    content: "\e114";
    font-size: 16px;
    position: absolute;
    left: 20px;
    top: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#consent-management-alert .consent-management-list__title:focus,
#consent-management-alert .consent-management-list__title:hover {
    cursor: pointer;
    outline: 0;
}
#consent-management-alert .is-expanded .consent-management-list__title:before {
    content: "\e113";
}
#consent-management-alert .consent-management-list__label {
    width: 85%;
    font-size: 15px;
}
@media (max-width: 640px) {
    #consent-management-alert .consent-management-list__label {
        width: 60%;
        font-size: 14px;
    }
}
#consent-management-alert .consent-management-list__content-inner {
    padding: 10px 40px 0 65px;
    font-size: 16px;
}
@media (max-width: 640px) {
    #consent-management-alert .consent-management-list__content-inner {
        font-size: 14px;
    }
}
#consent-management-alert .consent-management-list__content {
    transition: height 0.3s ease-out;
    height: 0;
    overflow: hidden;
}
#consent-management-alert .consent-buttons-group {
    position: absolute;
    top: 10px;
    right: 20px;
}
@media (max-width: 640px) {
    #consent-management-alert .consent-buttons-group {
        right: 30px;
    }
}
#consent-management-alert .consent-buttons-group .btn {
    padding: 4px 38px;
    font-size: 13px;
    margin-left: 10px;
}
@media (max-width: 640px) {
    #consent-management-alert .consent-buttons-group .btn {
        padding: 4px;
        font-size: 12px;
        margin-left: 0;
    }
}
.navigation.navigation--top {
    margin: 5px 0 24px;
}
@media (min-width: 1024px) {
    .navigation.navigation--top {
        margin: 0;
        padding: 0 24px;
    }
}
#search_form .cat-option-wrapper {
    padding: 0;
    background: #0057b8;
}
#search_form .cat-option-wrapper .cat-option {
    -moz-text-align-last: center;
    text-align-last: center;
    text-align: center;
    height: 40px;
    border: none;
    padding-left: 10%;
    padding-right: 17%;
    width: 100%;
    font-family: Roboto;
    font-size: 0.875rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: 0.07px;
    text-align: left;
    color: #fff;
    background: url(../../common/images/arrow-down-white.svg) no-repeat right 10px center;
}
#search_form .cat-option-wrapper .cat-option option {
    color: #0c2340;
}
#search_form .cat-option-wrapper .cat-option::-ms-expand {
    display: none;
}
#search_form .cat-option-wrapper img {
    position: absolute;
    top: 17px;
    right: 25%;
}
@media (max-width: 1318px) {
    #search_form .cat-option-wrapper img {
        top: 17px;
        right: 15%;
    }
}
@media (max-width: 1024px) {
    #search_form .cat-option-wrapper img {
        top: 17px;
        right: 24%;
    }
}
@media (max-width: 640px) {
    #search_form .cat-option-wrapper img {
        top: 17px;
        right: 38%;
    }
}
#search_form .input-group #js-site-search-input {
    padding: 12px 36px 12px 46px;
    border-radius: 8px;
    font-family: "Work Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.5px;
    height: auto;
    border: 2px solid #003c71;
    text-align: left;
    color: #63666a;
}
#search_form .input-group input[type="text"]::-ms-clear {
    display: none;
}
#search_form .input-group .input-search-icon {
    width: 20px;
    cursor: pointer;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 100;
}
#search_form .input-group .input-clear-close-icon {
    position: absolute;
    top: 19px;
    right: 12px;
    z-index: 100;
    display: none;
}
#search_form .input-group .input-clear-close-icon-show {
    display: block;
}
.show-search-box-mobile {
    background: #003c71;
    padding: 12px 24px;
}
.show-search-box-mobile .cat-option-wrapper {
    margin-bottom: 3px;
}
.show-search-box-mobile #js-site-search-input {
    border: 2px solid #0057b8;
}
@media (min-width: 640px) {
    .mobileUtilityMenu {
        visibility: hidden;
    }
}
@media (max-width: 640px) {
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        top: 99px !important;
        max-width: 92%;
        margin-top: 0;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block {
        display: flex;
        flex-direction: column-reverse;
        margin-left: 10px;
        margin-right: 12px;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .categories-wrapper {
        padding: 0;
        border-top: 1px solid #e2e2e2;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .categories-wrapper .input-search-value {
        color: #ae132a;
        font-weight: 700;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .categories-wrapper .top-categories-tittle {
        margin-bottom: 12px;
        margin-top: 12px;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .categories-wrapper .top-categories-tittle p {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 0.08px;
        text-align: left;
        color: #0c2340;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .categories-wrapper .categories-item {
        margin-bottom: 12px;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .categories-wrapper .categories-item .name {
        font-family: Roboto;
        font-size: 0.875rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.5;
        letter-spacing: 0.07px;
        text-align: left;
        color: #0c2340;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .autoSuggestion-wrapper {
        padding: 0;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .autoSuggestion-wrapper .top-autoSuggestion-tittle {
        margin-top: 13px;
        margin-bottom: 10px;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .autoSuggestion-wrapper .top-autoSuggestion-tittle p {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 0.08px;
        text-align: left;
        color: #0c2340;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .autoSuggestion-wrapper .autoSuggestion-item {
        margin-bottom: 10px;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .autoSuggestion-wrapper .autoSuggestion-item .name {
        font-family: Roboto;
        font-size: 0.875rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.5;
        letter-spacing: 0.07px;
        text-align: left;
        color: #0c2340;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .productResult {
        margin-right: 12px;
        margin-left: 10px;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .productResult .productResult-right-border.ui-menu-item-wrapper {
        height: auto;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .productResult .productResult-wrapper {
        margin: 0;
        padding: 0;
        border-top: 1px solid #e2e2e2;
        max-height: unset;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .productResult .productResult-wrapper .top-product-tittle {
        margin-top: 12px;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .productResult .productResult-wrapper .top-product-tittle p {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 0.08px;
        text-align: left;
        color: #0c2340;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .productResult .productResult-wrapper .productResult-item a {
        display: flex;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .productResult .productResult-wrapper .productResult-item a .name {
        padding-left: 12px;
        font-family: Roboto;
        font-size: 0.875rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: 0.07px;
        text-align: left;
        color: #0c2340;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .productResult .productResult-wrapper .productResult-item a .name .number {
        margin: 5px 0;
        font-family: Roboto;
        font-size: 0.75rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0.06px;
        text-align: left;
        color: #0c2340;
    }
    .show-search-box-mobile .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .productResult .productResult-wrapper .productResult-item a .name .top-product-price {
        font-family: Roboto;
        font-size: 0.75rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: 0.06px;
        text-align: left;
        color: #0c2340;
    }
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    top: 52px;
    left: auto;
    right: 10px;
    max-width: 100%;
    margin-top: -12px;
    border-radius: 8px;
}
@media (max-width: 1024px) {
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        max-width: 56%;
    }
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block {
    margin-top: 20px;
    display: flex;
    flex-direction: column-reverse;
    padding: 0 3.7%;
    justify-content: flex-end;
}
@media (min-width: 1024px) {
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block {
        height: 500px;
        overflow: hidden;
        margin: 29px 0 29px 35%;
    }
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .ui-state-active {
    border: 0;
    margin: 0;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .categories-wrapper .input-search-value {
    color: #ae132a;
    font-weight: 700;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .autoSuggestion-wrapper {
    border-bottom: 1px solid #003c71;
    padding-bottom: 10px;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .top-autoSuggestion-tittle p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.08px;
    text-align: left;
    color: #0c2340;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .autoSuggestion-item .name {
    font-family: Roboto;
    font-size: 0.875rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: 0.07px;
    text-align: left;
    color: #0c2340;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .top-categories-tittle {
    margin-top: 15px;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .top-categories-tittle p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.08px;
    text-align: left;
    color: #0c2340;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .categories-autoSuggestion-block .categories-item .name {
    font-family: Roboto;
    font-size: 0.875rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: 0.07px;
    text-align: left;
    color: #0c2340;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult {
    line-height: 1;
    list-style: none;
}
@media (min-width: 1024px) {
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult {
        position: absolute;
        top: 0;
        width: 35%;
        box-sizing: border-box;
        border-right: 0;
        overflow: hidden;
    }
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-right-border {
    border-right: 1px solid #003c71;
    margin: 0;
    margin-top: 29px;
    margin-bottom: 29px;
    box-sizing: border-box;
    height: 499px;
    padding-top: 0;
    padding-bottom: 0;
}
@media (max-width: 1024px) {
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-right-border {
        border-right: none;
    }
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper {
    margin: 15px 3.7%;
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    max-height: 500px;
    overflow: auto;
}
@media (min-width: 1024px) {
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper {
        margin: 0 3.7%;
        border-top: 0;
        padding-top: 0;
    }
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper .top-product-tittle p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.08px;
    text-align: left;
    color: #0c2340;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper .productResult-item {
    margin-top: 10px;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper .productResult-item a {
    display: flex;
}
@media (max-width: 1024px) {
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper .productResult-item a .thumb {
        width: 35%;
    }
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper .productResult-item a .thumb img {
    max-width: 100%;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper .productResult-item a .name {
    padding-left: 12px;
    width: 60%;
    font-family: Roboto;
    font-size: 0.875rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.07px;
    text-align: left;
    color: #0c2340;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper .productResult-item a .name .product-name {
    word-wrap: break-word;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper .productResult-item a .name .number {
    margin: 5px 0;
    font-family: Roboto;
    font-size: 0.75rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.06px;
    text-align: left;
    color: #0c2340;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.productResult .productResult-wrapper .productResult-item a .name .top-product-price {
    font-family: Roboto;
    font-size: 0.75rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: 0.06px;
    text-align: left;
    color: #0c2340;
}
.site-search .input-group {
    width: 100%;
}
.site-search .ui-autocomplete .ui-state-active {
    border: 0;
    background: 0 0;
}
.bse-register-login-links-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}
.bse-register-login-links-container .bse-link {
    text-decoration: underline;
}
.bse-register-login-links-container .bse-link-item {
    width: 30%;
}
footer {
    margin-top: 30px;
    font-weight: 300;
    overflow-x: hidden;
    width: 100%;
}
footer .footer-top-container {
    background: #0c2340;
    padding: 16px 0 32px;
    color: #fff;
    border-bottom: 1px solid #003c71;
}
footer .footer-container {
    background: #0c2340;
    color: #fff;
}
.footer-separator {
    position: relative;
    left: -50vw;
    width: 150vw;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.36);
}
.footer-get-support {
    display: flex;
    flex-direction: column;
    padding: 0 22px;
    flex-wrap: wrap;
}
@media (min-width: 640px) {
    .footer-get-support {
        flex-direction: row;
    }
}
@media (min-width: 1024px) {
    .footer-get-support {
        padding: 0;
        justify-content: space-between;
    }
}
.footer-get-support .get-support-item {
    margin-top: 32px;
    display: flex;
    align-items: flex-start;
}
.footer-get-support .get-support-item img {
    margin-right: 16px;
    margin-top: 6px;
}
@media (min-width: 640px) {
    .footer-get-support .get-support-item {
        width: 50%;
        max-width: 237px;
    }
}
@media (min-width: 768px) {
    .footer-get-support .get-support-item {
        width: 33.333333%;
        max-width: none;
    }
}
@media (min-width: 1024px) {
    .footer-get-support .get-support-item {
        width: 16.6667%;
        margin-top: 0;
    }
    .footer-get-support .get-support-item + .get-support-item {
        padding-left: 10px;
    }
}
.footer-get-support .get-support-item .get-support-title {
    margin: 0;
}
.footer-get-support .get-support-item .get-support-content a {
    color: #fff;
    text-decoration: none;
}
.footer-get-support .get-support-item .get-support-content a:hover {
    text-decoration: underline;
}
.footer-get-support .get-support {
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    width: 100%;
    margin-top: 0;
}
@media (min-width: 640px) {
    .footer-get-support .get-support {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .footer-get-support .get-support {
        width: 20%;
    }
}
.footer__top {
    padding: 16px 22px 48px;
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 1024px) {
    .footer__top {
        padding: 48px 0;
    }
}
.footer__top .footer__nav--container {
    min-width: 237px;
    margin-top: 32px;
}
@media (min-width: 640px) {
    .footer__top .footer__nav--container {
        width: 33.33%;
    }
}
@media (min-width: 1024px) {
    .footer__top .footer__nav--container {
        width: 20%;
        margin-top: 0;
    }
}
.footer__top .footer__nav--container .footer__nav--title {
    color: #fff;
    margin-bottom: 8px;
}
.footer__top .footer__nav--container .footer__nav--links {
    padding-left: 0;
    width: 100%;
    margin: 0;
    list-style: none;
}
.footer__top .footer__nav--container .footer__nav--links .footer__link {
    color: #fff;
}
.footer__top .footer__nav--container .footer__nav--links .footer__link + .footer__link {
    margin-top: 4px;
}
.footer__top .footer__nav--container .footer__nav--links a {
    text-decoration: none;
}
.footer__top .footer__nav--container .footer__nav--links a:hover {
    text-decoration: underline;
}
@media (max-width: 640px) {
    .footer__top .footer__nav--container .footer__nav--links a {
        font-size: 0.875rem;
        font-weight: 400;
    }
}
.footer-social-media {
    margin: 32px 0 0;
}
.footer-social-media .social-media-title {
    margin-bottom: 8px;
    color: #fff;
}
.footer-social-media .social-media__icons {
    display: flex;
}
.footer-social-media .social-media__icons .social-media__icon {
    padding: 0 12px;
    display: flex;
    align-items: flex-end;
}
.footer-social-media .social-media__icons .social-media__icon:first-child {
    padding-left: 0;
}
.footer-social-media .social-media__icons .social-media__icon:last-child {
    padding-right: 0;
}
.footer-social-media .social-media__icons .social-media__icon img {
    width: auto;
    height: 24px;
}
@media (min-width: 1024px) {
    .footer-social-media {
        width: 20%;
    }
    .footer-social-media .social-media__icons .social-media__icon {
        padding: 0 6px;
    }
}
@media (min-width: 1400px) {
    .footer-social-media {
        margin: 0;
    }
}
.footer__left {
    padding-left: 5%;
    padding-right: 5%;
}
@media (max-width: 1024px) {
    .footer__left {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding-top: 30px;
        padding-bottom: 38px;
        margin-top: 25px;
    }
}
.footer__right {
    padding-left: 5%;
    padding-right: 5%;
}
@media (max-width: 1024px) {
    .footer__right {
        border-top: 1px solid #fff;
        padding-top: 30px;
        margin-top: 25px;
    }
}
.footer__right .footer__dropdown select.form-control {
    padding: 2px 13px;
}
.footer__right .footer__dropdown .form-group {
    margin-bottom: 0;
}
.footer__right .footer__dropdown .form-control {
    cursor: pointer;
    background-color: #0c2340;
    color: #fff;
    padding: 7px 10px;
    height: 26px;
    line-height: 20px;
    font-size: 14px;
}
.footer__right .footer__dropdown .form-control option {
    background-color: #0c2340;
}
.footer__right .footer__dropdown .form-control:focus::-ms-value {
    background-color: #0c2340;
}
.column-subscribe {
    padding: 15px 0 30px;
}
@media (min-width: 768px) {
    .column-subscribe {
        padding: 30px 0 20px;
    }
}
@media (min-width: 1024px) {
    .column-subscribe {
        width: 60%;
    }
}
@media (min-width: 768px) {
    .column-subscribe .footer-subscribe .subscribe-block {
        display: flex;
    }
}
.column-subscribe .footer-subscribe .text-block h4 {
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.1px;
    margin: 0;
    line-height: 1.5;
}
@media (min-width: 768px) {
    .column-subscribe .footer-subscribe .text-block h4 {
        font-size: 1.125rem;
        line-height: 1;
    }
}
.column-subscribe .footer-subscribe .text-block p {
    font-size: 0.875rem;
    font-weight: 400;
}
.column-subscribe .footer-subscribe .subscribe-form-wp {
    overflow: hidden;
    height: 70px;
}
@media (min-width: 768px) {
    .column-subscribe .footer-subscribe .subscribe-form-wp {
        margin-left: 40px;
    }
}
@media (min-width: 1024px) {
    .column-subscribe .footer-subscribe .subscribe-form-wp {
        flex-grow: 1;
    }
}
@media (min-width: 768px) {
    .column-subscribe .footer-subscribe .subscribe-form-wp .form-subscribe {
        display: flex;
    }
}
.column-subscribe .footer-subscribe .subscribe-form-wp button,
.column-subscribe .footer-subscribe .subscribe-form-wp input {
    width: 100%;
    height: 45px;
    font-size: 0.875rem;
    color: #63666a;
}
.column-subscribe .footer-subscribe .subscribe-form-wp input {
    padding: 0 25px;
}
@media (min-width: 768px) {
    .column-subscribe .footer-subscribe .subscribe-form-wp input {
        width: 250px;
    }
}
@media (min-width: 1024px) {
    .column-subscribe .footer-subscribe .subscribe-form-wp input {
        width: 100%;
    }
}
.column-subscribe .footer-subscribe .subscribe-form-wp button {
    background-color: #0c2340;
    color: #fff;
    font-weight: 700;
    line-height: 45px;
    padding: 0 30px;
    font-size: 1rem;
}
@media (min-width: 768px) {
    .column-subscribe .footer-subscribe .subscribe-form-wp button {
        width: auto;
    }
}
@media (min-width: 1024px) {
    .column-subscribe .footer-subscribe .subscribe-form-wp button {
        padding: 0 20px;
    }
}
@media (min-width: 1400px) {
    .column-subscribe .footer-subscribe .subscribe-form-wp button {
        padding: 0 30px;
    }
}
.footer__bottom {
    background: #dddedd;
}
.footer__bottom .footer__copyright {
    padding: 8px 22px;
    color: red;
}
@media (min-width: 768px) {
    .footer__bottom .footer__copyright {
        display: flex;
        padding: 6px 0 8px;
    }
}
.footer__bottom .footer__copyright .bs-copyright,
.footer__bottom .footer__copyright a {
    font-family: "Work Sans", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #0c2340;
    display: inline-block;
    padding: 6px 0;
}
@media (min-width: 768px) {
    .footer__bottom .footer__copyright .footer__copyright-item {
        margin-right: 24px;
    }
}
.site-menu {
    display: flex;
    align-items: center;
    border: 1px solid #000;
    padding: 10px;
}
.site-menu-toggle {
    display: flex;
    cursor: pointer;
}
.site-menu-icon {
    margin-right: 5px;
}
.site-menu-text {
    display: inline-block;
}
.mobileInfoBlocksDiv {
    padding-top: 10px;
    display: flex;
}
.mobileInfoBlocksDiv:last-child {
    padding-bottom: 10px;
}
.mobile__buyingFor__infoBlock__icon {
    vertical-align: top;
    padding-right: 8px;
}
.mobile__buyingFor__infoBlock__info .info {
    font-size: 0.75rem;
    color: #000;
}
#mobile-branch-modal {
    padding-top: 10px;
    padding-bottom: 10px;
}
#mobile-branch-modal a {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 3.8;
    letter-spacing: 0.08px;
    color: #fff;
}
ul.nav__links::after {
    content: "";
    display: block;
    clear: both;
}
ul.nav__links li {
    float: left;
    list-style-type: none;
}
ul.nav__links::after {
    clear: both;
}
@media (max-width: 1024px) {
    ul.nav__links:before {
        content: " ";
        display: table;
    }
}
.branding-mobile {
    padding: 10px 0 9px 0;
    border-bottom: solid 1px #003c71;
    z-index: 9999;
    background-color: #0c2340;
    padding-left: 5%;
    padding-right: 5%;
}
.navigation.navigation--top .site-logo {
    text-align: left;
    padding: 4px 0;
}
.navigation.navigation--top .site-logo img {
    max-width: 253px;
    max-height: 42px;
    width: auto;
}
.navigation--top .nav__left {
    padding: 9px 0 7px;
}
.navigation--top .nav__left .banner__component img,
.navigation--top .nav__left .simple-banner-component img {
    width: auto;
}
.miniCartSlot > div[data-ng-transclude] {
    display: inline-block;
}
.navigation--top .nav__right .nav__links--account {
    margin: 0;
    padding-left: 0;
    float: right;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] {
    display: inline-block;
    float: left;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] li:last-child a {
    padding-right: 12px;
}
.navigation--top .nav__right .nav__links--account li {
    display: inline-block;
    font-size: 12px;
    color: #0057b8;
    font-weight: 400;
    text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li:last-child a {
    padding-right: 0;
}
.navigation--top .nav__right .nav__links--account li.logged_in {
    padding: 10px;
}
.navigation--top .nav__right .nav__links--account li button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #0068b3;
    font-size: 1em;
    text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li button:hover {
    background: 0 0;
    text-decoration: none;
    color: #fff;
}
.navigation--top .nav__right .nav__links--account li a {
    color: inherit;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 400;
    padding: 12px;
    display: block;
    font-size: 1em;
    line-height: 1.329em;
}
.navigation--top .nav__right .nav__links--account li a:hover {
    text-decoration: none;
    color: #fff;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader {
    background-color: transparent;
    color: inherit;
    display: block;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding: 0 12px;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader::after,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader::after {
    clear: both;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader:focus,
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader:hover,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader:focus,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader:hover {
    color: #fff;
    text-decoration: none;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.show,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.show {
    background-color: #fff;
    color: #0057b8;
    text-decoration: none;
    display: block;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding: 0 12px;
}
#accNavComponentDesktopOne,
#accNavComponentDesktopTwo {
    padding: 0;
    background-color: #fff;
}
#accNavComponentDesktopOne ul.nav__links,
#accNavComponentDesktopTwo ul.nav__links {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}
#accNavComponentDesktopOne ul.nav__links li,
#accNavComponentDesktopTwo ul.nav__links li {
    text-transform: capitalize;
    list-style: none;
    font-size: 12px;
    color: #0057b8;
    font-weight: 400;
    padding: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#accNavComponentDesktopOne ul.nav__links li:hover,
#accNavComponentDesktopTwo ul.nav__links li:hover {
    background-color: #fff;
}
#accNavComponentDesktopOne ul.nav__links li a,
#accNavComponentDesktopTwo ul.nav__links li a {
    color: #0057b8;
    display: block;
    padding: 25px 0 25px 30px;
    font-size: 15px;
    font-weight: 400;
}
#accNavComponentDesktopOne ul.nav__links li a:hover,
#accNavComponentDesktopTwo ul.nav__links li a:hover {
    text-decoration: none;
}
@media (max-width: 640px) {
    .navigation--middle .row:first-child {
        border: none;
    }
}
.navigation--middle .btn {
    background-color: transparent;
    width: 100%;
    padding: 0;
    height: 100%;
    color: #0057b8;
    border: none;
}
@media (min-width: 1024px) {
    .navigation--middle .nav__left {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.navigation--middle .nav__left .site-search {
    background-color: transparent;
    z-index: 2;
}
@media (min-width: 640px) and (max-width: 1024px) {
    .navigation--middle .nav__left .site-search {
        margin-left: -10px;
    }
}
@media (max-width: 1024px) {
    .navigation--middle .nav__left .site-search {
        padding-left: 0;
    }
}
@media (max-width: 640px) {
    .navigation--middle .nav__left .site-search {
        display: none !important;
        left: 0;
        position: absolute;
        width: 100%;
        padding: 0 10px;
        border-top: 1px solid #003c71;
    }
    .navigation--middle .nav__left .site-search.active {
        display: block !important;
    }
}
.navigation--middle .nav__left .site-search .ui-front {
    padding: 10px 0;
}
.navigation--middle .nav__left .site-search .glyphicon-search {
    color: #000;
    font-size: 17px;
}
.navigation--middle .nav__left .site-search .input-group {
    background-color: #fff;
    min-height: 38px;
    border: 1px solid #0c2340;
}
@media (min-width: 1024px) {
    .navigation--middle .nav__left .site-search .input-group {
        width: 445px;
    }
}
.navigation--middle .nav__left .site-search .input-group .form-control {
    border: 0;
    box-shadow: none;
    height: 38px;
    background-color: transparent;
}
.navigation--middle .nav__left .site-search .input-group .btn {
    width: 40px;
    padding: 0;
}
.navigation--middle .nav__left .site-search .input-group .btn:hover {
    background-color: transparent;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete {
    display: none;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
    z-index: 100;
    width: auto !important;
    padding-left: 0;
    padding-top: 0;
    list-style: none;
    margin: 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li {
    border-top: 1px solid #000;
    display: block;
    width: 100%;
    padding: 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li a {
    display: table;
    width: 100%;
    color: inherit;
    text-decoration: none;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .name {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
    width: 100%;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb + .name {
    padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .price {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li.ui-state-focus {
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin: 0;
    background: #fff;
    color: #0c2340;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete.active {
    display: block;
}
.navigation--middle .nav__right {
    padding-right: 25px;
}
@media (max-width: 1024px) {
    .navigation--middle .nav__right {
        padding-right: 20px;
    }
}
.navigation--middle .nav__right ul.nav__links--shop_info {
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .navigation--middle .nav__right ul.nav__links--shop_info {
        padding-left: 10px;
    }
}
@media (min-width: 640px) {
    .navigation--middle .nav__right ul.nav__links--shop_info {
        float: right;
    }
}
@media (max-width: 640px) {
    .navigation--middle .nav__right ul.nav__links--shop_info {
        border-left: 1px solid #003c71;
        display: table-cell;
        text-align: center;
        vertical-align: top;
        padding: 0;
    }
    .navigation--middle .nav__right ul.nav__links--shop_info li {
        float: none;
    }
}
@media (min-width: 640px) {
    .navigation--middle .nav__right ul.nav__links--shop_info .componentContainer .yCmsComponent {
        display: inline;
    }
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    min-width: 60px;
    border-left: 1px solid #003c71;
    border-right: 1px solid #003c71;
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location span {
    font-size: 30px;
    top: 27%;
    color: #000;
}
@media (min-width: 640px) {
    .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
        float: right;
        padding: 0 10px;
    }
}
@media (min-width: 1024px) {
    .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
        padding: 0 30px;
    }
}
@media (max-width: 640px) {
    .navigation--middle .componentContainer {
        text-align: center;
        vertical-align: top;
    }
}
.navigation--middle .nav-cart,
.navigation--middle .nav-location,
.navigation--middle .nav-order-tools {
    height: 60px;
}
.navigation--middle .btn:active,
.navigation--middle .btn:focus,
.navigation--middle .btn:hover,
.navigation--middle .nav-cart:active,
.navigation--middle .nav-cart:focus,
.navigation--middle .nav-cart:hover,
.navigation--middle .nav-location:active,
.navigation--middle .nav-location:focus,
.navigation--middle .nav-location:hover,
.navigation--middle .nav-order-tools:active,
.navigation--middle .nav-order-tools:focus,
.navigation--middle .nav-order-tools:hover {
    box-shadow: none;
}
.navigation--middle .nav-cart {
    float: right;
    padding: 0 10px;
}
@media (min-width: 640px) {
    .navigation--middle .nav-cart {
        padding-left: 30px;
    }
}
@media (max-width: 640px) {
    .navigation--middle .nav-cart {
        position: relative;
        float: none;
        padding: 0;
    }
}
@media (min-width: 640px) {
    .navigation--middle .nav-cart .mini-cart-price {
        overflow: hidden;
        margin-left: 5px;
        margin-right: 5px;
        float: right;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        top: 4px;
    }
}
.navigation--middle .nav-cart .mini-cart-link {
    color: #000;
}
@media (min-width: 640px) {
    .navigation--middle .nav-cart .mini-cart-link {
        line-height: 55px;
        white-space: nowrap;
    }
}
@media (max-width: 640px) {
    .navigation--middle .nav-cart .mini-cart-link {
        display: block;
        line-height: 60px;
    }
    .navigation--middle .nav-cart .mini-cart-link .mini-cart-icon {
        color: #000;
        left: -7px;
        top: 10px;
    }
    .navigation--middle .nav-cart .mini-cart-link .mini-cart-icon .glyphicon-shopping-cart {
        width: 30px;
        font-size: 22px;
        position: relative;
        right: -6px;
        top: 3px;
    }
    .navigation--middle .nav-cart .mini-cart-link .mini-cart-count {
        font-size: 12px;
        position: absolute;
        right: 44%;
        top: -13px;
        margin: 0;
    }
    .navigation--middle .nav-cart .mini-cart-link .nav-items-total {
        display: inline-block;
        background-color: #0057b8;
        border-radius: 50%;
        height: 25px;
        width: 25px;
        color: #fff;
        line-height: 25px;
    }
}
@media (max-width: 640px) {
    .navigation--middle .nav-cart .mini-cart-count {
        display: none;
    }
}
@media (min-width: 640px) {
    .navigation--middle .nav-cart .mini-cart-icon {
        float: right;
        position: relative;
        top: 5px;
    }
}
.navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
    font-size: 22px;
}
@media (min-width: 640px) and (max-width: 1024px) {
    .navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
        margin-left: 5px;
    }
}
@media (max-width: 640px) {
    .navigation--middle .mobile__nav__row {
        padding: 0 14px;
    }
    .navigation--middle .mobile__nav__row .mobile__nav__row--table,
    .navigation--middle .mobile__nav__row.mobile__nav__row--table {
        display: table !important;
        width: 100%;
    }
    .navigation--middle .mobile__nav__row .mobile__nav__row--table-group {
        display: table-row-group !important;
    }
    .navigation--middle .mobile__nav__row .mobile__nav__row--table-row {
        display: table-row !important;
    }
    .navigation--middle .mobile__nav__row .mobile__nav__row--table-row:before {
        display: table;
        content: " ";
    }
    .navigation--middle .mobile__nav__row .mobile__nav__row--table-cell {
        display: table-cell !important;
        vertical-align: middle;
        text-align: center;
    }
    .navigation--middle .mobile__nav__row .mobile__nav__row--table-cell .show-red-border-bottom {
        border-bottom: 6px solid #ae132a;
    }
    .navigation--middle .mobile__nav__row .mobile__nav__row--table-cell .mobile-site-logo img {
        max-height: 46px;
        width: auto;
        padding: 7px;
    }
    .navigation--middle .mobile__nav__row .nav__links--shop_info .componentContainer {
        margin-bottom: 0;
        overflow: hidden;
    }
    .navigation--middle .mobile__nav__row span.glyphicon-align-justify {
        position: relative;
        cursor: pointer;
        margin: 0 auto;
        color: #000;
        font-size: 29px;
        top: 2px;
    }
    .navigation--middle .mobile__nav__row .componentContainer .nav-cart,
    .navigation--middle .mobile__nav__row .componentContainer .nav-order-tools {
        font-size: 30px;
        line-height: 60px;
        padding: 0;
        width: 100%;
    }
    .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell {
        border-right: 1px solid #003c71;
    }
    .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell:last-child {
        border-right: none;
    }
}
@media (max-width: 640px) {
    .navigation--middle .mobile__nav__row .mobile__nav__row--seperator {
        border-left: 1px solid #003c71;
    }
}
@media (max-width: 640px) {
    .navigation--middle .mobile__nav__row--btn {
        padding: 0;
        vertical-align: top;
        height: 60px;
        font-size: 30px;
        line-height: 60px;
    }
    .navigation--middle .mobile__nav__row--btn .mini-cart-link,
    .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search,
    .navigation--middle .mobile__nav__row--btn .nav-order-tools {
        font-size: 30px;
        line-height: 60px;
        padding: 0;
        width: 100%;
    }
    .navigation--middle .mobile__nav__row--btn .mini-cart-link:active,
    .navigation--middle .mobile__nav__row--btn .mini-cart-link:focus,
    .navigation--middle .mobile__nav__row--btn .mini-cart-link:hover,
    .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:active,
    .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:focus,
    .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:hover,
    .navigation--middle .mobile__nav__row--btn .nav-order-tools:active,
    .navigation--middle .mobile__nav__row--btn .nav-order-tools:focus,
    .navigation--middle .mobile__nav__row--btn .nav-order-tools:hover {
        background-color: #fff;
        color: #0057b8;
        text-decoration: none;
    }
    .navigation--middle .mobile__nav__row--btn span.glyphicon {
        color: #000;
    }
}
.navigation--middle .mobile-menu {
    height: 60px;
}
.navigation--middle .mobile-menu button {
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
    height: 100%;
    width: 100%;
    padding: 0;
}
.navigation--middle .mobile-menu span {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    color: #000;
    font-size: 29px;
    top: 2px;
}
.navigation--bottom .bse-flyout-container-sm {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 1024px) {
    .navigation--bottom {
        border-bottom: none;
    }
}
.navigation--bottom .navigation__overflow {
    border-top: 1px solid #003c71;
    padding: 0 10px;
}
@media (max-width: 1024px) {
    .navigation--bottom .navigation__overflow {
        left: -380px;
        top: 0;
        height: 83vh;
        overflow-y: auto;
        border-top: none;
        padding: 0;
    }
}
@media (min-width: 640px) and (max-width: 1024px) {
    .navigation--bottom .navigation__overflow {
        height: 57vh;
    }
}
@media (min-width: 1400px) {
    .navigation--bottom .navigation__overflow {
        padding: 0 24px;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom.js-enquire-offcanvas-navigation .close-nav {
        display: inline-block;
        cursor: pointer;
        height: 60px;
        width: 20%;
        vertical-align: top;
        border-left: 1px solid #003c71;
        border-right: 1px solid #003c71;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom.js-enquire-offcanvas-navigation .close-nav button {
        background-color: #fff;
        height: 100%;
        width: 100%;
        display: inline-block;
        color: transparent;
        overflow: hidden;
        border: none;
    }
}
.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
    color: #000;
    font-size: 25px;
}
.navigation--bottom:after,
.navigation--bottom:before {
    content: " ";
    display: table;
}
.navigation--bottom:after {
    clear: both;
}
@media (min-width: 1400px) {
    .navigation--bottom a {
        padding: 20px 32px;
    }
}
.navigation--bottom .column-20-percent {
    float: left;
    width: 20%;
}
@media (max-width: 1024px) {
    .navigation--bottom {
        width: 380px;
        position: absolute;
        left: -385px;
        z-index: 999;
        background-color: #fff;
    }
    .navigation--bottom li {
        float: none;
    }
}
@media (max-width: 640px) {
    .navigation--bottom {
        width: 100%;
        height: 83vh;
        left: -100%;
        margin-left: 0;
    }
}
.navigation--bottom .nav__links--products {
    margin: 0;
    padding: 0;
    text-align: right;
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--products {
        text-align: left;
    }
    .navigation--bottom .nav__links--products.active {
        position: relative;
        left: -100%;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--products {
        top: 0;
        bottom: 0;
        right: 0;
        background-color: #fff;
        padding: 10px 0 0;
        position: relative;
        left: 0;
        border-top: 2px solid #a7a8aa;
    }
    .navigation--bottom .nav__links--products.nav__links--account {
        border-top: none;
    }
    .navigation--bottom .nav__links--products.nav__links--account .nav__links--primary-has__sub .nav__link {
        width: auto;
        float: left;
    }
    .navigation--bottom .nav__links--products.nav__links--account .sub__navigation .sub-navigation-list.myLinks {
        background-color: #e2e2e2;
        padding: 10px 10px;
    }
    .navigation--bottom .nav__links--products.nav__links--account .sub__navigation .sub-navigation-list.myLinks .bse--title-sub-header {
        padding-left: 10px;
    }
    .navigation--bottom .nav__links--products.nav__links--account .sub__navigation .sub-navigation-list.myLinks .nav__link--secondary.title {
        font-size: 0.9375rem;
        font-weight: 700;
    }
}
.navigation--bottom .nav__links--products .nav__links--primary {
    float: none;
}
@media (min-width: 1024px) {
    .navigation--bottom .nav__links--products .nav__links--primary {
        display: inline-block;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--products .nav__links--primary {
        overflow: hidden;
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--products .nav__links--primary.liUserSign {
        border-bottom: 1px solid #000;
    }
    .navigation--bottom .nav__links--products .nav__links--primary.liUserSign:hover {
        background-color: #fff;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--products .nav__links--primary.liUserSign a.userSign {
        width: 80%;
        display: inline-block;
        text-transform: uppercase;
        padding-right: 20px;
    }
}
.navigation--bottom .nav__links--products .nav__links--primary:last-child {
    margin-right: 0;
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--products .nav__links--primary:last-child {
        padding-bottom: 10px;
    }
}
.navigation--bottom .nav__links--products .nav__links--primary:first-of-type a {
    padding-left: 0;
}
.navigation--bottom .nav__links--products .nav__links--primary:last-of-type a {
    padding-right: 10px;
}
@media (min-width: 1024px) {
    .navigation--bottom .nav__links--products .nav__links--primary.nav__links--primary-has__sub {
        float: left;
    }
}
.navigation--bottom .nav__links--products .nav__links--primary a {
    font-family: Campton, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25;
    padding: 16px;
    display: block;
    color: #000;
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--products .nav__links--primary a {
        color: #0c2340;
        padding: 0;
        line-height: 2.67;
    }
}
.navigation--bottom .nav__links--products .nav__links--secondary {
    display: none;
    background: #fff;
    position: absolute;
    z-index: 1000;
    left: 0;
    border: 1px solid #003c71;
    border-top: 0;
    padding: 0 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.navigation--bottom .nav__links--products .nav__links--secondary .sm-back {
    display: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .row {
    position: relative;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section {
    position: static;
    padding: 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section.double {
    position: relative;
    min-height: 1px;
    padding: 10px 0 10px 0;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-section-column {
    float: left;
    padding: 0 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list {
    padding-left: 0;
    list-style: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li {
    border-bottom: 1px solid #000;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li:last-child {
    border-bottom: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a {
    display: block;
    color: #fff;
    line-height: 30px;
    padding-left: 5px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:focus,
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:hover {
    background-color: #fff;
    text-decoration: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-list.has-title {
    margin-top: 40px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .title + .sub-navigation-list.has-title {
    margin-top: 0;
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--utility {
        padding: 10px 24px;
        border-top: 2px solid #a7a8aa;
    }
    .navigation--bottom .nav__links--utility .nav__links--primary {
        float: none;
    }
    .navigation--bottom .nav__links--utility .nav__links--primary a {
        color: #0c2340;
        line-height: 2.67;
        font-size: 0.9375rem;
        font-family: Roboto, sans-serif;
        font-weight: 400;
    }
}
.navigation--bottom .show-sub .nav__link a {
    position: relative;
}
.navigation--bottom .show-sub .nav__link a:after {
    position: absolute;
    content: "";
    width: calc(100% - 30px);
    border-bottom: 5px solid #ae132a;
    display: block;
    bottom: 0;
    left: 15px;
    z-index: 1001;
}
.navigation--bottom .show-sub .sub__navigation {
    display: block !important;
}
.navigation--bottom .show-sub:first-child .nav__link a:after {
    width: calc(100% - 15px);
    left: 0;
}
.navigation--bottom .nav__link {
    display: inline-block;
    width: 100%;
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary-has__sub {
        position: static;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary-has__sub .nav__link {
        width: auto;
        float: left;
    }
}
.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
    display: block;
    width: auto;
    min-height: 30px;
    text-align: right;
    cursor: pointer;
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary.active .sub__navigation {
        display: block;
    }
}
@media (min-width: 1024px) {
    .navigation--bottom .nav__links--primary .sub__navigation {
        display: none;
        background: #fff;
        position: absolute;
        z-index: 1000;
        border: 1px solid #003c71;
        border-top: 0;
        padding: 0 28px 30px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
        text-align: left;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary .sub__navigation {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding: 0;
    }
}
.navigation--bottom .nav__links--primary .sub__navigation--heading {
    background-color: #e2e2e2;
    margin: 0 -30px;
    padding: 10px 30px;
}
.navigation--bottom .nav__links--primary .sub__navigation--heading .link {
    display: inline-block;
    padding-right: 35px;
}
.navigation--bottom .nav__links--primary .sub__navigation--heading .link a {
    color: #0c2340;
    font-weight: 400;
    font-size: 0.875rem;
    padding: 0;
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary .sub__navigation--heading .link a {
        font-size: 0.9375rem;
    }
}
.navigation--bottom .nav__links--primary .sub__navigation--heading .link a .icon {
    padding-right: 8px;
    vertical-align: bottom;
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary .sub__navigation--heading {
        background-color: transparent;
        padding: 0;
    }
    .navigation--bottom .nav__links--primary .sub__navigation--heading .link {
        display: block;
    }
    .navigation--bottom .nav__links--primary .sub__navigation--heading .link:first-of-type {
        padding: 10px 10px;
    }
    .navigation--bottom .nav__links--primary .sub__navigation--heading .link a .icon {
        vertical-align: middle;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary .sm-back {
        border-bottom: 2px solid #a7a8aa;
        margin-bottom: 10px;
    }
    .navigation--bottom .nav__links--primary .sm-back .icon {
        padding-right: 7px;
        padding-left: 10px;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary .row {
        margin: 0;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary .sub-navigation-section {
        padding: 0;
        background: #fff;
    }
}
@media (min-width: 1024px) {
    .navigation--bottom .nav__links--primary .sub-navigation-section {
        position: static;
        padding: 28px 10px 0;
        display: inline-block;
        vertical-align: top;
    }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    color: #000;
}
@media (max-width: 1400px) {
    .navigation--bottom .nav__links--primary .sub-navigation-section .title {
        color: #000;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary .sub-navigation-section .title {
        text-transform: none;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
        margin-bottom: 0;
        padding: 0 14px;
        list-style: none;
    }
}
@media (min-width: 1024px) {
    .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
        padding-left: 0;
        list-style: none;
        margin-top: 0;
    }
    .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a {
        display: block;
        color: #fff;
        line-height: 2.67;
        font-weight: 400;
        padding: 0;
    }
    .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a:hover {
        text-decoration: none;
    }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li {
    position: relative;
    display: block;
    float: none;
}
@media (min-width: 1024px) {
    .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li:last-child {
        border: none;
    }
}
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup2 li,
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup3 li {
    border-bottom: 1px solid #000;
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--mobile {
        overflow: hidden;
        border: none;
    }
    .navigation--bottom .nav__links--mobile li {
        overflow: hidden;
        background-color: #fff;
        border: none;
    }
    .navigation--bottom .nav__links--mobile li a {
        color: #fff;
    }
    .navigation--bottom .nav__links--mobile .subNavList {
        padding-left: 0;
    }
    .navigation--bottom .nav__links--mobile .subNavList li {
        padding: 5px 0;
        background: #fff;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--mobile div.sub-nav .myAccountLinksHeader,
    .navigation--bottom .nav__links--mobile div.sub-nav .myCompanyLinksHeader {
        display: block;
        cursor: pointer;
        max-height: 60px;
        text-transform: uppercase;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--mobile div.sub-nav a {
        border-bottom: 1px solid #000;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .nav__links--mobile div.sub-nav a span {
        float: right;
        line-height: 50px;
        left: 0;
        position: relative;
        height: 30px;
        top: -14px;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .userGroup {
        position: relative;
        line-height: 50px;
        background-color: #fff;
        padding: 5px 12px 5px 20px;
        cursor: pointer;
        color: #000;
        display: inline-block;
        width: 80%;
        float: left;
        height: 60px;
        text-transform: uppercase;
        text-align: left;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .userGroup a {
        border: none;
        color: #000;
    }
    .navigation--bottom .userGroup a:hover {
        background-color: transparent !important;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .userGroup .myAcctUserIcon {
        font-size: 20px;
        position: relative;
        top: 4px;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .userGroup .userName {
        display: inline-block;
        padding-left: 10px;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .userGroup #signedInUserOptionsToggle {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        padding: 0;
    }
}
@media (max-width: 1024px) {
    .navigation--bottom .glyphicon-chevron-down,
    .navigation--bottom .glyphicon-chevron-up {
        position: absolute;
        left: 260px;
        line-height: 60px;
        top: 0;
    }
}
@media (max-width: 640px) {
    .navigation--bottom .glyphicon-chevron-down,
    .navigation--bottom .glyphicon-chevron-up {
        left: 68vw;
    }
}
@media (max-width: 640px) {
    .offcanvas .sticky-nav-top {
        left: 0;
        position: absolute;
        height: 0;
        width: 100vw;
    }
}
@media (max-width: 1024px) {
    .sticky-nav-top {
        position: absolute;
        left: 0;
        top: -60px;
        width: 380px;
        padding: 0;
        margin-bottom: 0;
        z-index: 9999;
        text-align: right;
    }
}
@media (max-width: 640px) {
    .sticky-nav-top {
        position: absolute;
        top: -60px;
        height: 0;
        left: -60px;
        z-index: 999;
        width: 100vw;
    }
}
.sticky-nav-top .liUserSign {
    background-color: #fff;
}
@media (max-width: 1024px) {
    .sticky-nav-top .userSign {
        text-align: left;
        width: 80%;
        display: inline-block;
        color: #000;
        padding: 20px 30% 20px 50px;
    }
}
@media (max-width: 1024px) {
    html.offcanvas {
        overflow-x: hidden;
    }
}
.nav-order-tools {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
@media (min-width: 768px) {
    .nav-order-tools {
        border-left: 0;
        border-right: 1px solid #003c71;
        padding: 0 15px;
    }
}
@media (min-width: 1024px) {
    .nav-order-tools {
        padding: 0 30px;
    }
}
@media (max-width: 640px) {
    .nav-order-tools {
        position: static;
    }
}
.nav-order-tools:before {
    position: relative;
    top: 23%;
    display: inline;
    font-family: "Glyphicons Halflings", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e032";
    color: #000;
    font-size: 30px;
}
@media (max-width: 640px) {
    .nav-order-tools:before {
        top: 3px;
    }
}
.quote__list {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 45px;
    text-align: right;
}
.quote__list a {
    font-size: 25px;
    background-color: transparent;
    padding: 0;
    border: 0;
    color: #0057b8;
}
.quote__list a .glyphicon {
    top: 4px;
}
@media (min-width: 768px) {
    .quote__list {
        border-left: 0;
        padding: 0 15px;
    }
}
@media (min-width: 1024px) {
    .quote__list {
        padding: 0 30px;
    }
}
@media (max-width: 640px) {
    .quote__list {
        position: static;
    }
}
.js-nav-order-tools--active .nav-order-tools__child-wrap {
    display: block;
}
.js-nav-quote-list--active .quote__list--nav {
    display: block;
}
.quote__list--nav {
    text-align: left;
    position: absolute;
    border: 1px solid #003c71;
    background-color: #fff;
    right: 40px;
    top: 26px;
    width: 260px;
    z-index: 10;
}
.quote__list--nav a {
    font-size: 16px;
    line-height: 1.5rem;
}
@media (max-width: 640px) {
    .quote__list--nav {
        width: 100vw;
        top: 103px;
    }
}
.quote__list--nav a {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    color: #0c2340;
    padding: 20px 30px;
}
.quote__list--nav a:hover {
    background-color: #fff;
}
.nav-order-tools__child-wrap {
    font-size: 16px;
    line-height: 1.5rem;
    text-align: left;
    position: absolute;
    border: 1px solid #003c71;
    background-color: #fff;
    right: -1px;
    top: 60px;
    width: 260px;
    z-index: 10;
}
@media (max-width: 640px) {
    .nav-order-tools__child-wrap {
        width: 100vw;
        top: 103px;
    }
}
.nav-order-tools__child-wrap div {
    border-bottom: 1px solid #fff;
}
.nav-order-tools__child-wrap div:last-child {
    border-bottom: none;
}
.nav-order-tools__child-wrap a {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    color: #0c2340;
    padding: 20px 30px;
}
.nav-order-tools__child-wrap a:hover {
    background-color: #fff;
}
.search-results-highlight {
    font-weight: 700;
}
.navigation.navigation--utility {
    background-color: #003c71;
}
.navigation.navigation--utility .navigation--utility-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.625rem 0 0;
}

@media (min-width: 1400px) {
	.navigation.navigation--utility .navigation--utility-wrapper {
		padding: 0 24px 0 12px;
	}
}

.navigation.navigation--utility .navigation--utility-wrapper .navigation--utility--text {
    display: inline-block;
    color: #fff;
    padding-top: 1px;
}
.navigation.navigation--utility .navigation--utility-wrapper .navigation--utility--link {
    display: inline-block;
    padding: 10px 0 8px 24px;
}
.navigation.navigation--utility .navigation--utility-wrapper .navigation--utility--link a {
    color: #fff;
    line-height: 1.25rem;
    font-family: Campton, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
}
.navigation.navigation--utility .navigation--utility-wrapper .navigation--utility--link a:hover {
    text-decoration: underline;
}
@media (min-width: 1400px) {
    .navigation.navigation--utility .navigation--utility-wrapper {
        padding: 0 24px;
    }
}
.navigation.navigation--account {
    text-align: right;
    color: #fff;
    padding: 0 10px;
}
.navigation.navigation--account .unknown-user a {
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.33;
    text-decoration: underline;
    padding: 25px 32px 10px 32px;
    display: inline-block;
}
.navigation.navigation--account .unknown-user a:last-of-type {
    padding-right: 0;
}
@media (min-width: 1024px) {
    .navigation.navigation--account .unknown-user a {
        padding: 0 32px;
    }
}
.navigation.navigation--account .unknown-user span:first-of-type {
    padding-right: 5px;
}
.navigation.navigation--account .logged-in-user .my-company:hover::before {
    content: " ";
    position: absolute;
    bottom: 11px;
    left: 35px;
    right: 0;
    height: 6px;
    background-color: #ae132a;
}
.navigation.navigation--account .logged-in-user .cart,
.navigation.navigation--account .logged-in-user .logged_in,
.navigation.navigation--account .logged-in-user .my-account,
.navigation.navigation--account .logged-in-user .my-branch,
.navigation.navigation--account .logged-in-user .my-company {
    display: inline-block;
    padding: 27px 0 27px 35px;
    position: relative;
}
.navigation.navigation--account .logged-in-user .cart .arrow,
.navigation.navigation--account .logged-in-user .logged_in .arrow,
.navigation.navigation--account .logged-in-user .my-account .arrow,
.navigation.navigation--account .logged-in-user .my-branch .arrow,
.navigation.navigation--account .logged-in-user .my-company .arrow {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 3px;
    margin: 0 0 2px 4px;
    display: inline-block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.navigation.navigation--account .logged-in-user .cart:hover,
.navigation.navigation--account .logged-in-user .logged_in:hover,
.navigation.navigation--account .logged-in-user .my-account:hover,
.navigation.navigation--account .logged-in-user .my-branch:hover,
.navigation.navigation--account .logged-in-user .my-company:hover {
    cursor: pointer;
}
.navigation.navigation--account .logged-in-user .cart:hover .arrow,
.navigation.navigation--account .logged-in-user .logged_in:hover .arrow,
.navigation.navigation--account .logged-in-user .my-account:hover .arrow,
.navigation.navigation--account .logged-in-user .my-branch:hover .arrow,
.navigation.navigation--account .logged-in-user .my-company:hover .arrow {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    vertical-align: bottom;
}
.navigation.navigation--account .logged-in-user .cart:hover .dropdown,
.navigation.navigation--account .logged-in-user .logged_in:hover .dropdown,
.navigation.navigation--account .logged-in-user .my-account:hover .dropdown,
.navigation.navigation--account .logged-in-user .my-branch:hover .dropdown,
.navigation.navigation--account .logged-in-user .my-company:hover .dropdown {
    display: table;
}
.navigation.navigation--account .logged-in-user .cart .dropdown,
.navigation.navigation--account .logged-in-user .logged_in .dropdown,
.navigation.navigation--account .logged-in-user .my-account .dropdown,
.navigation.navigation--account .logged-in-user .my-branch .dropdown,
.navigation.navigation--account .logged-in-user .my-company .dropdown {
    position: absolute;
    background-color: #fff;
    z-index: 10;
    top: 65px;
    display: none;
    text-align: left;
    box-shadow: 0 9px 25px rgba(0, 0, 0, 0.65);
}
.navigation.navigation--account .logged-in-user .cart .dropdown .bse-account-messages-dropdown,
.navigation.navigation--account .logged-in-user .cart .dropdown .dropdown--block,
.navigation.navigation--account .logged-in-user .logged_in .dropdown .bse-account-messages-dropdown,
.navigation.navigation--account .logged-in-user .logged_in .dropdown .dropdown--block,
.navigation.navigation--account .logged-in-user .my-account .dropdown .bse-account-messages-dropdown,
.navigation.navigation--account .logged-in-user .my-account .dropdown .dropdown--block,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .bse-account-messages-dropdown,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block,
.navigation.navigation--account .logged-in-user .my-company .dropdown .bse-account-messages-dropdown,
.navigation.navigation--account .logged-in-user .my-company .dropdown .dropdown--block {
    padding-top: 20px;
}
.navigation.navigation--account .logged-in-user .cart .dropdown .bse-account-messages-dropdown__right,
.navigation.navigation--account .logged-in-user .cart .dropdown .dropdown--block__right,
.navigation.navigation--account .logged-in-user .logged_in .dropdown .bse-account-messages-dropdown__right,
.navigation.navigation--account .logged-in-user .logged_in .dropdown .dropdown--block__right,
.navigation.navigation--account .logged-in-user .my-account .dropdown .bse-account-messages-dropdown__right,
.navigation.navigation--account .logged-in-user .my-account .dropdown .dropdown--block__right,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .bse-account-messages-dropdown__right,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block__right,
.navigation.navigation--account .logged-in-user .my-company .dropdown .bse-account-messages-dropdown__right,
.navigation.navigation--account .logged-in-user .my-company .dropdown .dropdown--block__right {
    background-color: #e2e2e2;
    width: 54%;
}
.navigation.navigation--account .logged-in-user .cart .dropdown .bse-account-messages-dropdown .link a,
.navigation.navigation--account .logged-in-user .cart .dropdown .dropdown--block .link a,
.navigation.navigation--account .logged-in-user .logged_in .dropdown .bse-account-messages-dropdown .link a,
.navigation.navigation--account .logged-in-user .logged_in .dropdown .dropdown--block .link a,
.navigation.navigation--account .logged-in-user .my-account .dropdown .bse-account-messages-dropdown .link a,
.navigation.navigation--account .logged-in-user .my-account .dropdown .dropdown--block .link a,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .bse-account-messages-dropdown .link a,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .link a,
.navigation.navigation--account .logged-in-user .my-company .dropdown .bse-account-messages-dropdown .link a,
.navigation.navigation--account .logged-in-user .my-company .dropdown .dropdown--block .link a {
    padding-left: 30px;
    color: #0c2340;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 2.67;
    letter-spacing: 0.08px;
}
.navigation.navigation--account .logged-in-user .cart .dropdown .bse-account-messages-dropdown .title,
.navigation.navigation--account .logged-in-user .cart .dropdown .dropdown--block .title,
.navigation.navigation--account .logged-in-user .logged_in .dropdown .bse-account-messages-dropdown .title,
.navigation.navigation--account .logged-in-user .logged_in .dropdown .dropdown--block .title,
.navigation.navigation--account .logged-in-user .my-account .dropdown .bse-account-messages-dropdown .title,
.navigation.navigation--account .logged-in-user .my-account .dropdown .dropdown--block .title,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .bse-account-messages-dropdown .title,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .title,
.navigation.navigation--account .logged-in-user .my-company .dropdown .bse-account-messages-dropdown .title,
.navigation.navigation--account .logged-in-user .my-company .dropdown .dropdown--block .title {
    padding-left: 30px;
    color: #0c2340;
    font-weight: 700;
    line-height: 2.11;
    letter-spacing: 0.09px;
}
.navigation.navigation--account .logged-in-user .cart .dropdown .dropdown--block,
.navigation.navigation--account .logged-in-user .logged_in .dropdown .dropdown--block,
.navigation.navigation--account .logged-in-user .my-account .dropdown .dropdown--block,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block,
.navigation.navigation--account .logged-in-user .my-company .dropdown .dropdown--block {
    display: table-cell;
}
.navigation.navigation--account .logged-in-user .cart .dropdown .bse-account-messages-dropdown,
.navigation.navigation--account .logged-in-user .logged_in .dropdown .bse-account-messages-dropdown,
.navigation.navigation--account .logged-in-user .my-account .dropdown .bse-account-messages-dropdown,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .bse-account-messages-dropdown,
.navigation.navigation--account .logged-in-user .my-company .dropdown .bse-account-messages-dropdown {
    display: none;
}
.navigation.navigation--account .logged-in-user .my-account .dropdown.my-account-dropdown {
    width: 378px;
    z-index: 101;
    right: 0;
}
.navigation.navigation--account .logged-in-user .my-branch {
    padding: 27px 0;
}
.navigation.navigation--account .logged-in-user .my-branch .title {
    font-family: "Work Sans", sans-serif;
    margin-right: 8px;
    text-decoration: underline;
    text-align: left;
    min-width: 145px;
    max-width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.navigation.navigation--account .logged-in-user .my-branch:hover .account-chevron {
    transform: rotate(-180deg);
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown {
    right: 0;
    width: 365px;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block {
    display: block;
    padding: 25px 25px;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container {
    color: #0c2340;
    display: table;
    width: 100%;
    cursor: default;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row {
    display: table-row;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-link,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-modal,
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-title {
    display: table-cell;
    padding: 30px 0 0 0;
    position: relative;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-title {
    padding-top: 0;
    font-size: 18px;
    font-weight: 700;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-link {
    padding-left: 35px;
    font-size: 14px;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-link > div + div {
    padding-left: 10px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 270px;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-link > div + div a {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    text-decoration: underline;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-link > div + div a:hover {
    color: #6b101e;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-link.soldto::before {
    background-image: url(../../common/images/user-blue.svg);
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-link.payer::before {
    background-image: url(../../common/images/shop.svg);
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-link.shipto::before {
    background-image: url(../../common/images/location-blue.svg);
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-link::before {
    position: absolute;
    height: 24px;
    width: 22px;
    content: " ";
    top: 30px;
    left: 0;
    background-repeat: no-repeat;
    background-position: top center;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-modal {
    padding-top: 30px;
}
.navigation.navigation--account .logged-in-user .my-branch .dropdown .dropdown--block .branch-container .branch-row .branch-modal .btn {
    font-size: 15px;
    display: block;
    height: auto;
    padding: 10px 0;
    width: 100%;
}
@media (min-width: 1024px) {
    .navigation.navigation--account .logged-in-user .my-branch {
        display: flex;
        margin-right: 48px;
    }
    .navigation.navigation--account .logged-in-user .my-branch .dropdown {
        left: 0;
    }
}
.navigation.navigation--account .logged-in-user .cart a {
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.33;
    position: relative;
}
.navigation.navigation--account .logged-in-user .cart a img {
    padding: 0;
}
.navigation.navigation--account .logged-in-user .cart a .mini-cart-count {
    line-height: 16px;
    font-size: 12px;
    padding: 2px 4.75px;
    background: #a4dbe8;
    color: #003c71;
    border-radius: 100px;
    position: absolute;
    right: -11px;
    top: -8px;
    min-width: 20px;
    text-align: center;
}
.navigation.navigation--account .logged-in-user .icon {
    vertical-align: top;
    padding: 0 7px 0 0;
}
@media (max-width: 1024px) {
    .navigation.navigation--account .logged-in-user .cart .mini-cart-count,
    .navigation.navigation--account .logged-in-user .my-account,
    .navigation.navigation--account .logged-in-user .my-company {
        display: none;
    }
}
.navigation.navigation--account .mobile-menu {
    text-align: left;
}
.navigation.navigation--account .mobile-menu .btn.js-toggle-sm-navigation {
    background: 0 0;
    padding: 21px 21px 21px 0;
}
@media (max-width: 1024px) {
    main.offcanvas .navigation--bottom {
        left: 0;
    }
}
body.page-changeB2BCustAddress .changeAccountDOM {
    display: block !important;
}
@media (max-width: 1024px) {
    body.page-changeB2BCustAddress .changeAccountDOM {
        margin: 0 auto;
        padding: 0 10px;
    }
}
.main-nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-nav-wrapper .site-logo {
    margin-right: 48px;
}
.main-nav-wrapper .site-search {
    width: 100%;
}
.transition {
    transition: transform 0.3s ease-out;
}
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.bs-link {
    font-family: Campton, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.015625rem;
    text-decoration-line: underline;
    border-radius: 4px;
    color: #0057b8;
}
.bs-link.bs-no-underline {
    text-decoration: none;
}
.bs-link:hover,
.bs-link:visited,
.bs-linkfocus {
    color: #003c71;
}
.bs-btn,
.bs-commerce-btn,
.bs-disabled-btn,
.bs-primary-btn,
.bs-secondary-btn,
.bs-tertiary-btn {
    padding: 18px 20px;
    border-radius: 4px;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: -0.015625rem;
    font-weight: 400;
    border: 1px solid;
}
.bs-icon-right img {
    margin-left: 5px;
}
.bs-primary-btn {
    background: #0057b8;
    border-color: #0057b8;
    color: #fff;
}
.bs-primary-btn:hover {
    background: #003c71;
    border-color: #003c71;
    color: #fff;
}
.bs-secondary-btn {
    background: #fff;
    border-color: #0057b8;
    color: #0057b8;
}
.bs-secondary-btn:hover {
    background: #fff;
    border-color: #003c71;
    color: #003c71;
}
.bs-tertiary-btn {
    background: #fff;
    border-color: #c8c9c7;
    color: #c8c9c7;
}
.bs-tertiary-btn:hover {
    background: #fff;
    border-color: #003c71;
    color: #003c71;
}
.bs-disabled-btn {
    background: #f2f2f2;
    border-color: #63666a;
    color: #63666a;
    cursor: not-allowed;
}
.bs-commerce-btn {
    background: #95ca4f;
    border-color: #95ca4f;
    color: #000;
}
.bs-commerce-btn:hover {
    background: #075807;
    border-color: #075807;
    color: #fff;
}
.bs-h1,
.bs-h1-semibold {
    font-family: Campton, sans-serif;
    font-size: 4rem;
    line-height: 4.5rem;
    letter-spacing: -0.1875rem;
    font-weight: 400;
    color: inherit;
}
.bs-h1-semibold {
    font-weight: 600;
}
.bs-h2,
.bs-h2-bold {
    font-family: Campton, sans-serif;
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -0.0625rem;
    font-weight: 400;
    color: inherit;
}
.bs-h2-bold {
    font-weight: 700;
}
.bs-h3,
.bs-h3-bold,
.bs-h3-medium {
    font-family: "Work Sans", sans-serif;
    font-size: 1.75rem;
    line-height: 36px;
    letter-spacing: -0.0625rem;
    font-weight: 400;
    color: inherit;
}
.bs-h3-medium {
    font-weight: 500;
}
.bs-h3-bold {
    font-weight: 700;
}
.bs-h4,
.bs-h4-bold,
.bs-h4-medium {
    font-family: "Work Sans", sans-serif;
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -0.0625rem;
    font-weight: 400;
    color: inherit;
}
.bs-h4-medium {
    font-weight: 500;
}
.bs-h4-bold {
    font-weight: 700;
}
.bs-body-xl,
.bs-body-xl-medium,
.bs-body-xl-semibold {
    font-family: "Work Sans", sans-serif;
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: -0.0625rem;
    font-weight: 400;
    color: inherit;
}
.bs-body-xl-medium {
    font-weight: 500;
}
.bs-body-xl-semibold {
    font-weight: 600;
}
.bs-body-lg,
.bs-body-lg-medium,
.bs-body-lg-semibold {
    font-family: "Work Sans", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.046875rem;
    font-weight: 400;
    color: inherit;
}
.bs-body-lg-medium {
    font-weight: 500;
}
.bs-body-lg-semibold {
    font-weight: 600;
}
.bs-body,
.bs-body-bold,
.bs-body-link,
.bs-body-medium,
.footer__top .footer__nav--container .footer__nav--links a {
    font-family: "Work Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.03125rem;
    font-weight: 400;
    color: inherit;
}
.bs-body a,
.bs-body-link {
    color: #0057b8;
    text-decoration-line: underline;
    font-weight: 400;
}
.bs-body a:active,
.bs-body a:hover {
    color: #003c71;
}
.bs-body-medium {
    font-weight: 500;
}
.bs-body-bold {
    font-weight: 600;
}
.bs-body-small,
.bs-body-small-bold,
.bs-body-small-link,
.bs-body-small-medium,
.bs-body-small-medium-link,
.bs-body-small-medium-strikethrough,
.bs-body-small-semibold,
.bs-body-small-strikethrough,
.footer-get-support .get-support-item .get-support-content a {
    font-family: "Work Sans", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: inherit;
}
.bs-body-small a,
.bs-body-small-link,
.bs-body-small-medium-link {
    text-decoration-line: underline;
}
.bs-body-small-medium,
.bs-body-small-medium-link,
.bs-body-small-medium-strikethrough {
    font-weight: 500;
}
.bs-body-small-semibold {
    font-weight: 600;
}
.bs-body-small-bold {
    font-weight: 700;
}
.bs-smalls-xsmall,
.bs-smalls-xsmall-link,
.bs-smalls-xsmall-medium,
.bs-smalls-xsmall-medium-link,
.bs-smalls-xsmall-semibold,
.bs-smalls-xxsmall-medium,
.bs-smalls-xxsmall-semibold {
    font-family: "Roboto Mono", monospace;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: -0.015625rem;
    font-weight: 400;
    color: inherit;
}
.bs-smalls-xsmall a,
.bs-smalls-xsmall-link,
.bs-smalls-xsmall-medium-link {
    text-decoration-line: underline;
}
.bs-smalls-xsmall-medium,
.bs-smalls-xsmall-medium-link {
    font-weight: 500;
}
.bs-smalls-xsmall-semibold {
    font-weight: 700;
}
.bs-smalls-xxsmall {
    font-family: "Roboto Mono", monospace;
    font-size: 0.625rem;
    line-height: 1rem;
    letter-spacing: -0.015625rem;
    font-weight: 400;
    color: inherit;
}
.bs-smalls-xxsmall-medium {
    font-weight: 500;
}
.bs-smalls-xxsmall-semibold {
    font-weight: 700;
}
.bs-body-small-medium-strikethrough,
.bs-body-small-strikethrough,
.strikethrough {
    text-decoration-line: strikethrough;
}
.font-weight-400 {
    font-weight: 400;
}
.font-weight-500 {
    font-weight: 500;
}
.font-weight-600 {
    font-weight: 600;
}
.font-weight-700 {
    font-weight: 700;
}
.font-weight-900 {
    font-weight: 900;
}
body {
    overflow-x: hidden;
    position: relative;
}
body.offcanvas {
    overflow-y: hidden;
}
.no-margin {
    margin: 0 !important;
}
@media (min-width: 1400px) {
    .container-lg {
        float: none;
        margin: 0 auto !important;
        overflow: hidden;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .container {
        width: 1170px;
    }
}
.no-gutter-mob {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 1024px) {
    .no-gutter-mob {
        padding-left: 10px;
        padding-right: 10px;
    }
}
button {
    font-weight: 700;
}
ol,
ul {
    padding-left: 15px;
}
option {
    font-size: 0.875em;
    line-height: 18px;
    padding: 6px 13px;
    width: 100%;
}
a,
button {
    color: #0057b8;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #0c2340;
}
.open > .dropdown-menu {
    padding: 15px 0 0 0;
}
.dropdown-menu li {
    margin-top: 3px;
}
.dropdown-menu li:first-child {
    margin-top: 0;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 25px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #0c2340;
    white-space: nowrap;
}
.display-none {
    display: none;
}
.page-title {
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .item-label,
    .item-value {
        display: block;
    }
}
@media (max-width: 640px) {
    .item-label,
    .item-value {
        display: inline-block;
        line-height: 1.5;
        vertical-align: top;
        width: 49%;
    }
    .item-value {
        padding-left: 20px/2;
    }
    .item-action {
        margin-top: 20px;
    }
}
.item-label {
    text-transform: uppercase;
    font-weight: 300;
}
.item-value {
    font-size: 18px;
    padding-bottom: 20px/2;
    text-overflow: ellipsis;
    overflow: hidden;
}
.alert {
    padding-left: 5%;
    padding-right: 5%;
}
.container__full {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 768px) {
    .container__full {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .container__full {
        width: 720px;
    }
}
@media (min-width: 1400px) {
    .container__full {
        width: 960px;
    }
}
.sticky-container {
    display: flex;
    flex-wrap: wrap;
}
.sticky-container .sticky-wrap {
    position: sticky;
    top: 0;
}
.load-container {
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}
.load-container .container {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 30px;
    width: 25%;
    height: 140px;
}
.load-container .circle {
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 10px solid #e2e2e2;
    border-top-color: #0057b8;
    animation: spin 1.5s infinite linear;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.well {
    box-shadow: none;
    background-color: #000;
    border: none;
    border-bottom: 1px solid #000;
    padding: 20px/2 15px;
    margin: 0;
}
.well:after,
.well:before {
    content: " ";
    display: table;
}
.well:after {
    clear: both;
}
.well.well-single-headline {
    padding-left: 0;
    padding-right: 0;
}
.well.well-xs {
    padding: 0 15px 5px;
}
.well.well-xs .well-headline {
    padding-top: 15px;
    margin: 0;
}
.well.well-xs .well-content {
    padding-top: 20px;
}
.well.well-sm {
    padding: 20px/2 20px;
}
.well.well-md {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5%;
    padding-right: 5%;
}
.well.well-lg {
    padding-top: 45px;
    padding-bottom: 35px;
    padding-left: 5%;
    padding-right: 5%;
}
.well.well-primary {
    background-color: #000;
    color: #fff;
}
.well.well-secondary {
    background-color: red;
    color: #0c2340;
}
.well.well-tertiary {
    background-color: #0c2340;
    color: #fff;
}
.well.well-tertiary .item-label {
    color: #fff;
}
.well.well-tertiary .item-value {
    color: #fff;
}
.well.well-tertiary .item-value a {
    color: #fff;
    text-decoration: underline;
}
.well.well-quaternary {
    background-color: #fff;
    color: #0c2340;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.well.well-quinary {
    background-color: #fff;
    color: #0c2340;
    border-color: #000;
    padding-left: 0;
    padding-right: 0;
}
.well.well-quinary .well-headline {
    background-color: #0c2340;
    color: #fff;
}
.well.well-quinary .well-content {
    padding-left: 5%;
    padding-right: 5%;
}
.well-headline {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    padding: 5px 30px 15px;
    padding-left: 5%;
    padding-right: 5%;
}
.well-headline-sub {
    font-weight: 400;
    padding-left: 10px;
}
@media (max-width: 640px) {
    .well-headline {
        padding-left: 35px;
        padding-right: 35px;
    }
}
.well-single-headline {
    padding-bottom: 0;
    border-bottom: 0;
}
.well-content {
    padding-top: 40px;
    padding-bottom: 20px;
}
.well-content:after,
.well-content:before {
    content: " ";
    display: table;
}
.well-content:after {
    clear: both;
}
.well > .col-no-padding {
    padding-left: 0;
    padding-right: 0;
}
.well .well-headline {
    margin: 0;
    padding-left: 5%;
    padding-right: 5%;
}
@media (max-width: 640px) {
    .well,
    .well.well-lg {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 1024px) {
    body.offcanvas {
        max-height: 100vh;
    }
    .container {
        width: 100%;
    }
    select[multiple].form-control,
    textarea.form-control {
        height: auto;
    }
}
