<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    /*global*/
    --max_c: 1440px;
    --lhs_width: 351px;
    --lhs_offset: 400px;
    --rhs_offset: 40px;
    /*colors*/
    --c_dark: #1c2721;
    --c_bg: #f7f7f7;
    --c_bg_1: #f6f6f6;
    --c_bg_2: #efefef;
    --c_gray_med: #6c6c6c;
    --c_gray_dark: #4d4d4d;
    --c_primary: #009b4b;
    --c_primary_light: #00a651;
    --c_primary_dark: #008943;
    /*fonts*/
    --ff: "Inter", Helvetica, sans-serif;
    --fa: "Font Awesome 5 Pro";
    /*font size*/
    --fs_xs: 0.75rem;
    --fs_sm: 0.8rem;
    --fs_sub: 0.875rem;
    --fs_1: 1rem;
    --fs_p: 1rem;
    --fs_pf: 1.125rem;
    --fs_h6: 1.125rem;
    --fs_h5: 1.25rem;
    --fs_h4: 1.5rem;
    --fs_h3: 1.75rem;
    --fs_h2: 2rem;
    --fs_h1: 2.215rem;
    --fs_btn_sm: 0.75rem;
    --fs_btn_md: 0.875rem;
    --fs_btn_lg: 1rem;
    --fs_h1_sm: 1.9rem;
    --fs_h1_md: 2rem;
    --fs_h1_lg: 2.1rem;
    /*gap*/
    --g_page_3: 20px;
    --g_3: 32px;
    --g_4: 20px;
    /*line-height*/
    --lh_1: 100%;
    --lh_2: 106%;
    --lh_3: 110%;
    --lh_4: 140%;
    --lh_5: 175%;
    --lh_h4: 32px;
    /*letter spacing*/
    --ls_h1: -0.02em;
    --ls_h2: -0.02em;
    --ls_h3: 0;
    --ls_h4: 0;
    --ls_h5: 0;
    --ls_h6: 0;
    --ls_p: -0.025em;
    --ls_pf: 0;
    --ls_sub: 0;
    /*margin and padding*/
    --m_1: 8px;
    --m_2: 16px;
    --m_3: 20px;
    --m_4: 32px;
    --m_5: 64px;
    --pad_btm: 24px;
    --h2_pad: 32px;
    /*spacing - don't change with breakpoints*/
    --s_1: 4px;
    --s_2: 8px;
    --s_3: 16px;
    --s_4: 20px;
    --s_5: 24px;
    --s_6: 32px;
    --s_7: 40px;
    --s_8: 64px;
    --s_9: 96px;
}

/*desktop*/
@media (min-width: 991px) {
    :root {
        /*font size*/
        --fs_xs: 0.75rem;
        --fs_sm: 0.8rem;
        --fs_sub: 0.875rem;
        --fs_pf: 1.25rem;
        --fs_p: 1rem;
        --fs_h6: 1.25rem;
        --fs_h5: 1.5rem;
        --fs_h4: 1.75rem;
        --fs_h3: 2.25rem;
        --fs_h2: 3.25rem;
        --fs_h1: 3.7rem;
        --fs_btn_lg: 1.125rem;
        --fs_h1_sm: 3.2rem;
        --fs_h1_md: 3.3rem;
        --fs_h1_lg: 3.5rem;
        /*gap*/
        --g_page_3: 32px;
        --g_3: 32px;
        --g_4: 54px;
        --m_1: 16px;
        --m_2: 32px;
        --m_3: 32px;
        --m_4: 48px;
        --m_5: 64px;
        --h2_pad: 64px;
    }
}

@media (min-width: 1440px) {
    :root {
        --g_page_3: 48px;
        --g_3: 48px;
    }
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/static/Inter-Light.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/static/Inter-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../webfonts/fa-light-300.eot);
    src: url(../webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-light-300.woff2) format("woff2"), url(../webfonts/fa-light-300.woff) format("woff"), url(../webfonts/fa-light-300.ttf) format("truetype"), url(../webfonts/fa-light-300.svg#fontawesome) format("svg");
}

.fal {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../webfonts/fa-regular-400.eot);
    src: url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-regular-400.woff2) format("woff2"), url(../webfonts/fa-regular-400.woff) format("woff"), url(../webfonts/fa-regular-400.ttf) format("truetype"), url(../webfonts/fa-regular-400.svg#fontawesome) format("svg");
}

.far {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&amp;v=4.4.0') format("embedded-opentype"), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format("woff2"), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format("woff"), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format("truetype"), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format("svg");
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "bioicons";
    src: url('../fonts/bioicons2/bioicons.eot?t=1681772065392');
    src: url('../fonts/bioicons2/bioicons.eot?t=1681772065392#iefix') format('embedded-opentype'), url("../fonts/bioicons2/bioicons.woff?t=1681772065392") format("woff"), url('../fonts/bioicons2/bioicons.ttf?t=1681772065392') format('truetype'), url('../fonts/bioicons2/bioicons.svg?t=1681772065392#bioicons') format('svg');
    font-display: swap;
}

img.companyLogo {
    width: 100px;
    margin: 20px;
    float: left;
}

/* Font awesome related styles */
.fa,
.fab,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}

.new-redesign-module {
    display: block !important;
}

[class^="bioicons-"],
[class*=" bioicons-"],
[class^="bioicons_"],
[class*=" bioicons_"] {
    font-family: 'bioicons' !important;
    font-size: 28px !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes App-logo-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.coh-container {
    display: block;
}

.coh-container:before,
.coh-container:after {
    clear: both;
    content: " ";
    display: table;
}

nav ul,
nav ol,
nav ul li,
nav ol li {
    font-size: 1em;
    margin: 0;
    padding: 0;
    background: none;
    list-style: none;
    list-style-image: none;
}

nav ul li:before,
nav ol li:before {
    font-family: inherit;
    content: normal;
}


.fal {
    font-weight: 300;
}

.far {
    font-weight: 400;
}


.bioicons-add-to-quote:before {
  content: "\ea01";
}
.bioicons-address-add:before {
  content: "\ea02";
}
.bioicons-address-search:before {
  content: "\ea03";
}
.bioicons-arrow-next:before {
  content: "\ea04";
}
.bioicons-arrow-open-page:before {
  content: "\ea05";
}
.bioicons-bell-notifications-alerts-filled:before {
  content: "\ea06";
}
.bioicons-bell-notifications-alerts:before {
  content: "\ea07";
}
.bioicons-certificate-analysis:before {
  content: "\ea08";
}
.bioicons-check-circle-outline:before {
  content: "\ea09";
}
.bioicons-check-circle:before {
  content: "\ea0a";
}
.bioicons-circle-exclamation-outline:before {
  content: "\ea0b";
}
.bioicons-circle-exclamation:before {
  content: "\ea0c";
}
.bioicons-contact-specialist:before {
  content: "\ea0d";
}
.bioicons-delivery:before {
  content: "\ea0e";
}
.bioicons-edit:before {
  content: "\ea0f";
}
.bioicons-email:before {
  content: "\ea10";
}
.bioicons-file-download-outline:before {
  content: "\ea11";
}
.bioicons-file-download:before {
  content: "\ea12";
}
.bioicons-file-upload-outline:before {
  content: "\ea13";
}
.bioicons-file-upload:before {
  content: "\ea14";
}
.bioicons-filter:before {
  content: "\ea15";
}
.bioicons-help:before {
  content: "\ea16";
}
.bioicons-icon-down-caret:before {
  content: "\ea17";
}
.bioicons-icon-left-caret:before {
  content: "\ea18";
}
.bioicons-icon-right-caret:before {
  content: "\ea19";
}
.bioicons-icon-up-caret:before {
  content: "\ea1a";
}
.bioicons-info-page:before {
  content: "\e91a";
}
.bioicons-list:before {
  content: "\ea1b";
}
.bioicons-literature-outline:before {
  content: "\ea1c";
}
.bioicons-literature:before {
  content: "\e91d";
}
.bioicons-logout:before {
  content: "\e91e";
}
.bioicons-manage-accounts:before {
  content: "\ea1d";
}
.bioicons-menu-hamburger:before {
  content: "\ea1e";
}
.bioicons-minus-circle-outline:before {
  content: "\ea1f";
}
.bioicons-minus-circle:before {
  content: "\ea20";
}
.bioicons-minus:before {
  content: "\e923";
}
.bioicons-move-to-hotlist:before {
  content: "\ea21";
}
.bioicons-package:before {
  content: "\ea22";
}
.bioicons-paginate-nav-next-filled:before {
  content: "\ea23";
}
.bioicons-paginate-nav-next-outline:before {
  content: "\ea24";
}
.bioicons-paginate-nav-prev-filled:before {
  content: "\ea25";
}
.bioicons-paginate-nav-prev-outline:before {
  content: "\ea26";
}
.bioicons-pdf-outline:before {
  content: "\ea27";
}
.bioicons-pdf:before {
  content: "\ea28";
}
.bioicons-plus-box:before {
  content: "\ea29";
}
.bioicons-plus-filled:before {
  content: "\ea2a";
}
.bioicons-plus-outline:before {
  content: "\ea2b";
}
.bioicons-plus:before {
  content: "\e92f";
}
.bioicons-preview-box:before {
  content: "\ea2f";
}
.bioicons-preview:before {
  content: "\ea30";
}
.bioicons-reload:before {
  content: "\ea31";
}
.bioicons-rewards:before {
  content: "\ea32";
}
.bioicons-sds:before {
  content: "\ea33";
}
.bioicons-search:before {
  content: "\ea34";
}
.bioicons-shopping-cart-filled:before {
  content: "\e936";
}
.bioicons-shopping-cart-outline:before {
  content: "\ea35";
}
.bioicons-shopping-quick-order:before {
  content: "\ea36";
}
.bioicons-social-facebook:before {
  content: "\ea37";
}
.bioicons-social-instagram:before {
  content: "\ea38";
}
.bioicons-social-linkedin:before {
  content: "\ea39";
}
.bioicons-social-pinterest:before {
  content: "\ea3a";
}
.bioicons-social-twitter:before {
  content: "\ea3b";
}
.bioicons-social-youtube:before {
  content: "\ea3c";
}
.bioicons-software-download-outline:before {
  content: "\ea3d";
}
.bioicons-software-download:before {
  content: "\ea3e";
}
.bioicons-star-filled:before {
  content: "\ea3f";
}
.bioicons-star-outline:before {
  content: "\ea40";
}
.bioicons-start-outline:before {
  content: "\e943";
}
.bioicons-support-global:before {
  content: "\ea41";
}
.bioicons-tag-promotion:before {
  content: "\ea42";
}
.bioicons-tooltip:before {
  content: "\e946";
}
.bioicons-trash-alt-no:before {
  content: "\ea43";
}
.bioicons-trash-alt:before {
  content: "\ea44";
}
.bioicons-triangle-exclamation-outline:before {
  content: "\ea45";
}
.bioicons-triangle-exclamation:before {
  content: "\ea46";
}
.bioicons-undo-alt:before {
  content: "\ea47";
}
.bioicons-user:before {
  content: "\ea48";
}
.bioicons-x-close-circle-outline:before {
  content: "\ea49";
}
.bioicons-x-close-circle:before {
  content: "\ea4a";
}
.bioicons-x-close:before {
  content: "\ea4b";
}

.sr-only {
    position: absolute;
    left: -999em;
}

.a-blank {
    background-image: none !important;
    overflow: inherit !important;
}

.bg_1 {
    background-color: var(--c_bg_1);
}

.bg_2 {
    background-color: var(--c_bg_2);
}



/* Skip - Button */
.skip-link {
    width: 180px;
    height: 44px;
    float: left;
    font-size: 15px;
    color: #ffffff;
    line-height: 44px;
    text-decoration: none;
    text-align: center;
    background: #01892a;
    border-radius: 0;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    overflow: hidden;
    z-index: 100;
    position: absolute;
    z-index: 1001;
    top: -44px;
    left: 0;
    padding: 0;
    margin: 0;
}

.skip-link:hover,
.skip-link:focus,
.skip-link:active {
    top: 0px;
    color: #ffffff;
    text-decoration: none;
    background: #01892a;
    box-shadow: rgba(0, 0, 0, .20) 0 0 25px;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}


.dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 1em;
    max-width: 100%;
}

.dropdown-more-btn {
    padding: 8px 12px 10px 16px;
    background-color: transparent;
    color: inherit;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 1em;
    font-size: var(--fs_p);
}

.dropdown-more-btn img,
.dropdown-more-btn span {
    vertical-align: middle;
    display: inline-block;
    line-height: var(--lh_1);
}

.dropdown-more-btn::after {
    content: "\ea17";
    font-family: 'bioicons' !important;
    font-size: 1em;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: var(--lh_1);
    color: inherit;
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: middle;
}

.open&gt;.dropdown-more-btn::after {
    content: "\ea1a";
}

.dropdown-menu&gt;li {
    display: block !important;
}

.dropdown-menu&gt;li&gt;a,
.dropdown-menu&gt;li&gt;button {
    display: block;
    background-color: transparent;
    text-decoration: none;
    padding: 12px 32px;
    border: none;
    font-size: var(--fs_1);
    width: 100%;
    text-align: left;
}

.dropdown-heading {
    display: flex;
    max-width: 100%;
    font-weight: 700;
}

.dropdown.dropdown-dark {
    color: #fff;
    background-color: var(--c_dark);
    border-color: var(--c_dark);
}

.dropdown.dropdown-dark {
    color: #fff;
    border: 1px solid #fff;
}

.dropdown-dark .dropdown-menu&gt;li&gt;a,
.dropdown-dark .dropdown-menu&gt;li&gt;button {
    color: #fff;
}

.dropdown.lang-btn {
    border-radius: 3em;
    border: none;
}

.h1-sm,
.banner-h1-text h1.h1-sm {
    font-size: var(--fs_h1_sm);
}

.h1-md,
.banner-h1-text h1.h1-md {
    font-size: var(--fs_h1_md);
}

.h1-lg,
.banner-h1-text h1.h1-lg {
    font-size: var(--fs_h1_lg);
}


/*headerv3start*/
/*old header start*/
#block-biorad-brcheadercomponentblock {
    position: sticky;
    top: 0;
    z-index: 103;
}

/*
  #header-main.sticky #header-main-holder {
    position: fixed;
    top: 0;
  }
  */
.header-main-nav-w {
    position: relative;
    z-index: 100;
}

#header-main-nav .container {
    max-width: 100%;
}

#header-main-nav a {
    transition: none;
}

#breadcrumb.when-sticky {
    padding-top: 90px;
}

.b2bHelpText2 {
    list-style: none;
    margin: 0;
    padding: 20px 0 0;
    font-family: var(--ff);
    font-size: 1rem;
}

.b2bHelpText2 li {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 20px;
    padding-right: 5%;
}

.b2bHelpText2 li:last-of-type {
    padding-bottom: 0;
}

.b2bHelpText2 li:before {
    font-family: 'bioicons' !important;
    font-size: 40px !important;
    font-style: normal;
    line-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

.b2bHelpText2 li:nth-child(1):before {
    content: "\ea29";
}

.b2bHelpText2 li:nth-child(2):before {
    content: "\ea0f";
}

.b2bHelpText2 li:nth-child(3):before {
    content: "\ea2f";
}

#header-main .search-box form {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 32px 20px 0 0;
}

#header-main .search-box form label {
    padding: 0;
    margin: 0;
}

#header-main .search-box form .screen-reader-text {
    display: none;
}

#header-main .search-box form input[type="text"] {
    height: 2.25em;
    font-size: 1rem;
    line-height: 100%;
    border-right: none;
    border-radius: 2.25em;
    box-shadow: none;
    padding: 5px 10px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid transparent;
    transition: 0.5s;
    outline: none;
}

#header-main .search-box form input[type="text"]:active,
#header-main .search-box form input[type="text"]:focus {
    border: 2px solid #00a651;
}

#header-main .search-box form input[type="text"]::placeholder {
    font-style: normal;
}

#header-main .search-box form .button {
    width: 100%;
    height: 100%;
    float: right;
    background: url('https://www.bio-rad.com/sites/default/files/2023-02/search.svg') no-repeat center center;
    background-color: #00a651;
    background-size: 15px auto;
    border: none;
    border-radius: 2.25em;
    text-indent: -9999px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-size: 15px auto;
    z-index: 102;
}

#header-main .search-box .form-wrapper {
    width: 1.75em;
    height: 1.75em;
    float: right;
    background-color: #00a651;
    border-radius: 1.75em;
    position: absolute;
    top: 0.25em;
    right: 0.25em;
    transition: all 0.4s ease;
    cursor: pointer;
}

#header-main .search-box .form-wrapper:hover,
#header-main .search-box .form-wrapper:focus,
#header-main .search-box .form-wrapper:active,
#header-main .search-box .form-wrapper:focus,
#header-main .search-box .form-wrapper.active,
#header-main .search-box .form-wrapper.active:focus {
    background-color: #01892a;
}

#header-main .search-box label {
    left: -999em;
    position: absolute;
}

.vertical-align-middle {
    display: inline-block;
    vertical-align: middle;
}

.top-bar-unstick.search-active {
    display: none;
}

.top-bar-unstick .top-links,
#header-main .top-links {
    display: inline-block;
    margin: auto 20px auto auto;
    padding: 6px 0 4px;
    position: relative;
    top: 0;
}

.top-bar-unstick.search-active .top-links,
#header-main.search-active .top-links {
    visibility: hidden;
    display: inline-block;
}

.top-bar-unstick .top-links .language-links-0 p,
#header-main .top-links .language-links-0 p {
    margin: 0 0 0 32px;
    padding: 0;
    float: left;
    font-size: 0.75rem;
}

.top-bar-unstick .top-links ul,
#header-main .top-links ul,
#header-main .mini-cart-w ul {
    margin: 0;
    padding: 0;
}

.top-bar-unstick .top-links ul li,
#header-main .top-links ul li,
#header-main .mini-cart-w ul li {
    float: none;
    font-size: 0.75em;
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 100%;
    white-space: nowrap;
}


#header-main #mini-cart,
#header-main #sterling_cart_count,
#header-main .mini-cart a .count {
    background-color: #00a651;
    line-height: 100%;
    line-height: 2em;
    min-width: 2em;
    padding: 0 0.66em;
    border-radius: 2em;
    text-align: center;
    float: none;
    color: #fff !important;
    font-weight: 700;
}

#header-main .mini-cart p {
    display: block;
    padding: 0 !important;
    margin: 0;
}

#header-main .mini-cart-w .txt {
    display: none !important;
}

#header-main .mini-cart-w ul li a {
    padding: 0.5em 1em;
    color: white;
    text-decoration: none;
    border-radius: 2em;
    display: flex;
    flex-wrap: nowrap;
}

#header-main .mini-cart-w ul li:last-child {
    padding-bottom: 0;
}

#header-main .mini-cart-w ul {
    display: flex;
}

.top-bar-unstick .top-links ul li a.coh-link,
#header-main .top-links ul li a.coh-link,
#header-main .mini-cart-w ul li a.coh-link {
    color: white;
    text-decoration: none;
    padding: 10px;
    border-radius: 2em;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.top-bar-unstick .top-links ul li a.coh-link,
#header-main .top-links ul li a.coh-link {
    padding: 7px 10px 7px 7px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.top-bar-unstick .top-links ul li {
    margin-left: 6px;
}

#header-main .mini-cart-w ul {
    margin: 0;
    padding: 0;
}

#header-main .mini-cart a img,
#header-main .mini-cart a i {
    display: none;
}

#header-main .mini-cart a:before {
    font-size: 20px !important;
    margin: auto 4px auto 0;
    content: "\ea35";
    font-family: 'bioicons' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff !important;
    width: 22px;
    height: 20px;
    line-height: 20px;
}

#header-main.sticky .mini-cart-w {
    min-width: 1px;
}

.header-main-nav ul {
    list-style: none;
    padding: 0;
    margin: 6px auto auto 32px;
}

.header-main-nav ul li {
    padding: 0;
    margin: 0;
    float: left;
}

.header-main-nav .main-nav-item-link {
    color: white;
    background-color: transparent;
    border: 0;
    font-size: 1em;
    padding: 0.65em 1em;
    border-radius: 3em;
}

.top-bar-unstick .dropdown-more-btn,
#header-main .dropdown-more-btn {
    color: #fff;
    font-size: 0.75rem;
    border-radius: 3em;
    padding: 6px 12px 6px 6px;
    border: 0;
}

.top-bar-unstick .dropdown-menu&gt;li&gt;a,
.top-bar-unstick .dropdown-menu&gt;li&gt;button,
#header-main .dropdown-menu&gt;li&gt;a,
#header-main .dropdown-menu&gt;li&gt;button {
    color: #fff;
    background-color: #4d4d4d;
    width: 100%;
    display: block;
    font-size: 0.75rem;
}

.top-bar-unstick .dropdown-menu&gt;li&gt;a:active,
.top-bar-unstick .dropdown-menu&gt;li&gt;button:active,
.top-bar-unstick .dropdown-menu&gt;li&gt;a:focus,
.top-bar-unstick .dropdown-menu&gt;li&gt;button:focus,
#header-main .dropdown-menu&gt;li&gt;a:active,
#header-main .dropdown-menu&gt;li&gt;button:active,
#header-main .dropdown-menu&gt;li&gt;a:focus,
#header-main .dropdown-menu&gt;li&gt;button:focus {
    background-color: #767676;
}

.top-bar-unstick .dropdown-menu,
#header-main .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    text-align: left;
    border-radius: 8px;
    list-style: none;
    padding: 6px 0;
    margin: 2px 0 0;
    overflow: hidden;
    z-index: 101;
}

.top-bar-unstick .top-links ul.dropdown-menu li {
    margin-left: 0;
}

.top-bar-unstick .dropdown-menu&gt;li.selected a {
    font-weight: 700;
}

.top-bar-unstick .top-links ul.dropdown-menu,
#header-main .top-links ul.dropdown-menu {
    display: none;
}

.header2_cntry_link_span,
.header2_lang_link_span {
    text-transform: uppercase;
}

#header2_mybio.dropdown.open&gt;.header2_mybio_link_ul {
    display: block;
    z-index: 105;
    min-width: 130px;
}

#header2_mybio.disabled .dropdown-more-btn::after {
    display: none;
}

#header2_mybio.disabled .dropdown-more-btn {
    cursor: initial;
}

#header2_lang.dropdown.open&gt;.header2_lang_link_ul {
    display: block !important;
    z-index: 105;
}

.header2_lang_link_ul li {
    text-align: center;
    color: #fff;
    background-color: #4d4d4d;
    width: 100%;
    display: block;
    font-size: 0.75rem !important;
    padding: 0;
}

#header2_lang.disabled .dropdown-more-btn::after {
    display: none;
}

#header2_lang.disabled .dropdown-more-btn {
    cursor: initial;
}

#header2_lang {
    color: #fff;
}

#header-main .nav-bar .title-bar,
#header-main-nav .nav-bar .title-bar {
    display: none;
}

#b2bmessage {
    background-color: var(--c_primary_dark);
    font-size: 0.875em;
    padding: 12px;
    color: var(--c_dark);
    color: #fff;
    text-align: center;
    width: 100%;
}

#b2bmessage a {
    font-weight: 700;
    color: #fff;
}

#header-main #portalmessage_html {
    font-size: 0.875em;
    padding: 12px;
    color: var(--c_dark);
    text-align: center;
    width: 100%;
}

#header-main #portalmessage_html:empty,
#b2bmessage:empty {
    display: none;
}

#header-main.sticky #b2bimg_holder {
    display: none !important;
}

#header-main .header2_lang_link_ul li.selected a {
    font-weight: 700;
}

#header-main .search-box form .button:hover,
#header-main .search-box form .button:focus,
#header-main .search-box form .button:active {
    background: url('https://www.bio-rad.com/sites/default/files/2023-02/search.svg') no-repeat center center;
    background-color: var(--c_primary);
    background-size: auto 17px;
}

#b2bbtn {
    background: transparent;
}

#b2bModal {
    background: #fff;
}


/*Menu styles*/
#header-main-nav .nav-bar:before {
    border-bottom: 0;
}

.header-menu-first-level {
    font-size: 1.5rem !important;
    display: block;
}

.header-bold-arrow-underline,
.header-support-link a {
    border-bottom: 1px solid #d8d8d8 !important;
    padding: 20px 0 !important;
}

.header-support-link a {
    font-size: 1.125rem;
    line-height: var(--lh_3);
}

.header-bold-arrow,
.header-bold-arrow-underline,
.header-menu-first-level,
.header-support-link a {
    font-weight: bold !important;
}

#header-main .inner-cont ul.group5 li:last-child,
#header-main-nav .inner-cont ul.group5 li:last-child {
    border-top: 1px solid #d8d8d8 !important;
    margin-top: var(--s_5);
}

#header-main .inner-cont ul.group5 ul li:last-child,
#header-main-nav .inner-cont ul.group5 ul li:last-child {
    border-top: 0 !important;
    margin-top: 0;
}

.hiddenscroll {
    overflow: hidden;
}

.overlay {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0, 0, 0, .9);
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: top .15s ease-out;
    overflow: hidden;
    z-index: 102;
}

.overlay.active {
    visibility: visible;
    opacity: .8;
    background: #000;
    transition: opacity .2s ease-out;
}

body .ui-widget-overlay {
    background-color: #000;
    opacity: .9;
}

.lhm-list {
    display: none;
}

/*end max-width: 991px*/

@media (min-width: 991px) {
    .content-left {
        height: calc(100% - 90px) !important;
    }

    .fixed-nav-wrapper.fixed .content-left {
        top: 90px !important;
    }
}

@media (min-width: 1430px) {
    .content-left {
        height: calc(100% - 90px) !important;
    }

    .fixed-nav-wrapper.fixed .content-left {
        top: 90px !important;
    }
}

@media (max-width: 991px) {
    .fixed-nav-wrapper.fixed .content-left-cat {
        top: 60px !important;
    }
}

.loadingsvg.modal {
    background: none;
    border: 0;
    box-shadow: none;
    text-align: center;
    max-width: 0;
}

.jquery-modal {
    z-index: 100;
}

.loadingsvg a.close-modal {
    background: none !important;
}

.errormessagebox {
    position: absolute;
    width: 400px;
    margin-left: 0;
    padding: 5px;
    background: #f4fef5;
    z-index: 1;
    border: 1px solid #ccc;
    margin-top: -115px;
}

.errormessagebox span.delete.closeMsgBox.bioicons-x-close {
    float: right;
    position: absolute;
    right: 5px;
    top: 2px;
    font-weight: 700;
    cursor: pointer;
}

.leftcolumn_info {
    float: left;
    width: 25px;
    margin: 4px 0 0 10px;
}

.leftcolumn_info span,
.errormessagebox span.delete.closeMsgBox.bioicons-x-close {
    font-size: 1rem !important;
}

.rightcolumn_info {
    height: auto;
    margin: 5px 14px 0;
    overflow: auto;
}

.rightcolumn_info p {
    padding: 0 0 5px;
}

.balance,
.balance-text {
    text-wrap: balance;
}

.webform-ajax-form-wrapper label {
    font-weight: 700;
    padding-bottom: 5px;
}

.webform-ajax-form-wrapper .form-item {
    padding: 5px 0;
    float: left;
    width: 100%;
}

/*headerv3*/
#header-main button:focus {
    outline: 0;
}

#header-main button:focus-visible,
#header-main a:focus-visible {
    box-shadow: inset 0 0 0 2px var(--c_primary_light);
    outline: 0;
}

#header-main-nav .nav-bar ul li a.header-first-tab::before {
    display: none;
}

#header-main-nav .nav-bar ul li {
    position: relative;
}

#header-main.sticky #header-main-nav,
#header-main-nav {
    z-index: 104;
}

#header-main .inner-cont .main-menu ul li a,
#header-main-nav .inner-cont .main-menu ul li a {
    display: block;
}

#header-main .top-login .bioicons-icon-down-caret {
    font-size: 12px !important;
    height: 12px;
    width: 12px;
    vertical-align: middle;
    margin-left: 4px;
}

#header-main .menu-title,
#header-main-nav .menu-title {
    display: block;
}

#header-main .header-login-menu-subhead {
    padding: 0;
    border-bottom: 0 !important;
}

#header-main .loginlink_welcome_holder {
    font-size: 1.1rem;
    max-width: 80%;
}

#header-main .header2_cntry_link_span2,
#header-main .header2_cntry_link_span3 {
    display: inline-block;
    font-size: 1.1rem;
    color: var(--c_dark);
    line-height: var(--lh_4);
    font-weight: 700;
    padding: 24px 0;
}

#header-main .inner-cont .header2_lang_link_ul.header-login-menu-lang li a {
    border-bottom: 0;
    padding: 12px 20px;
    font-weight: 400;
}

#header-main .inner-cont .header2_lang_link_ul li.selected a {
    font-weight: 700;
}

#header-main .nav-bar,
#header-main #header-login-menu2,
#header-main #header-main-nav {
    display: none;
}

#header-main .nav-bar.active,
#header-main #header-login-menu2.active,
#header-main #header-main-nav.active {
    display: block;
}

.header-overlay {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0, 0, 0, .9);
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: top .15s ease-out;
    overflow: hidden;
    z-index: 103;
}

.header-overlay.active {
    visibility: visible;
    opacity: .8;
    background: #000;
    transition: opacity .2s ease-out;
}

/*test b2b*/
/*
  #header-main #b2bimg_holder2 {
    display: block !important;
  }
  */
#header-main .search-box {
    position: relative !important;
}

#header-main.sticky .header-main-nav {
    z-index: 103;
}

#header-main.search-active .top-bar-unstick,
#header-main.search-active .header-lang-row2 {
    visibility: hidden;
    display: none;
}

#header-main.search-active #b2bimg_holder,
#header-main.search-active #b2bimg_holder2,
#header-main.search-active .mini-cart-w,
#header-main.search-active .top-login {
    /*visibility: hidden;*/
    left: -9999px;
    position: absolute;
    display: block;
}

#header-main-nav .nav-bar .secondary-menu {
    display: none;
}

#header-main-nav .nav-bar ul li .sub-menu .menu-cont {
    padding: 0 0 30px;
    background: #fff;
}

#header-main .loginlink_holder2 {
    display: block;
    margin: 0;
}

#header-main-nav .nav-bar ul li a {
    height: auto;
}

#header-main-nav .nav-bar ul li a.header-first-tab:before {
    background-color: transparent;
}

#header-main .login-register-text {
    white-space: nowrap;
}

#header-main .login-register-text2 {
    display: inline-block;
    line-height: 20px;
}

#header-main .coh-ce-cpt_brc_template_header_2-ce6a7f56,
#header-main .header-nav,
#header-main .language,
#header-main.sticky .search-box,
#header-main .header-contact-us {
    display: block !important;
    font-size: .75rem;
}

#header-main .header-lang-row2 {
    width: auto;
    top: 0;
    position: relative;
    margin: 0;
    padding: 0;
}

#header-main .logo {
    margin: auto auto auto 0;
}

#header-main {
    z-index: 103;
    width: 100%;
}

#header-main li {
    font-family: var(--ff);
}

#header-main .header-col1 {
    grid-area: col1;
    display: flex;
}

#header-main .header-col3 {
    grid-area: col3;
    display: flex;
}

#header-main #b2bimg_holder2 {
    max-width: 100%;
}

#header-main .search-box {
    grid-area: search;
    width: 100%;
    max-width: 642px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px 0 20px;
    margin: 0;
    grid-area: search;
    position: relative;
    top: 0;
    width: 100%;
    max-width: 100%;
    float: none;
}

#header-main #b2bimg_holder2 {
    margin: auto 0 auto 20px;
    padding-left: 20px;
    border-left: 1px solid #4d4d4d;
}

#header-main .b2bimageUI {
    display: flex;
    flex-wrap: nowrap;
}

#header-main #b2bimage {
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 30px;
}

#header-main .b2bicon {
    color: #fff;
    margin: auto auto auto 4px;
}

#header-main .b2bicon i {
    font-size: 1rem !important;
}

#header-main .top-login a.coh-link {
    padding: 10px 14px;
    font-size: 0.75em;
    display: inline-block;
    color: #fff;
    background: none;
    border-radius: 20px;
}

.top-bar-unstick .bioicons-user,
.top-bar-unstick .bioicons-contact-specialist,
.top-bar-unstick .bioicons-delivery,
.top-bar-unstick .bioicons-shopping-quick-order,
.top-bar-unstick .globe-icon,
#header-main .bioicons-user,
#header-main .bioicons-contact-specialist,
#header-main .bioicons-logout,
#header-main .bioicons-delivery,
#header-main .bioicons-shopping-quick-order,
#header-main .globe-icon {
    font-size: 20px !important;
    width: 20px;
    height: 20px;
}

.top-bar-unstick .globe-icon,
#header-main .globe-icon {
    margin-right: 4px;
}

.top-bar-unstick .bioicons-user,
.top-bar-unstick .bioicons-contact-specialist,
.top-bar-unstick .bioicons-delivery,
.top-bar-unstick .bioicons-shopping-quick-order,
#header-main .bioicons-user,
#header-main .bioicons-contact-specialist,
#header-main .bioicons-logout,
#header-main .bioicons-delivery,
#header-main .bioicons-shopping-quick-order {
    position: relative;
    margin-right: 8px;
}

#header-main .top-login .bioicons-user {
    margin-right: 4px;
}

.top-bar-unstick .bioicons-contact-specialist,
.top-bar-unstick .bioicons-delivery,
.top-bar-unstick .bioicons-shopping-quick-order,
#header-main .top-bar-unstick .bioicons-contact-specialist,
#header-main .top-bar-unstick .bioicons-delivery,
#header-main .top-bar-unstick .bioicons-shopping-quick-order {
    top: 4px;
}

#header-main .menu-btn3 {
    width: 40px;
    height: 40px;
    float: left;
    cursor: pointer;
    z-index: 2;
    display: block;
    padding: 0 4px;
    margin: 0 30px auto auto;
}

#header-main .menu-btn3 .bar {
    width: 100%;
    height: 4px;
    float: left;
    text-indent: -99999px;
    background: #fff;
    position: relative;
    transition: all 0.4s ease;
    margin: -14px 0 0;
}

#header-main .menu-btn3 .bar:before,
#header-main .menu-btn3 .bar:after {
    content: "";
    width: 100%;
    height: 4px;
    float: left;
    background: #fff;
    position: absolute;
    top: 12px;
    left: 0;
    transition: all 0.4s ease;
}

#header-main .menu-btn3 .bar:after {
    top: 25px;
}

#header-main .nav-bar.active .title-bar,
#header-main-nav .nav-bar.active .title-bar {
    display: block;
    z-index: 1;
    position: relative;
    visibility: visible;
}

@media (min-width: 992px) {

    #header-main #header-main-nav .nav-bar ul li .sub-menu {
        position: fixed;
        left: 0;
        width: 100%;
        top: 0;
        z-index: 10000;
    }
}

#header-main.sticky.search-active #header-main-holder,
#header-main.sticky.search-active #header-main-holder.v2,
#header-main.search-active #header-main-holder,
#header-main.search-active #header-main-holder.v2 {
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-areas: "col1 search col3";
    min-height: 1px;
}

#header-main #header-main-holder {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-areas: "col1 search col3";
    background-color: var(--c_dark);
    background: var(--c_dark);
    padding-bottom: 0;
    gap: 0;
    color: white;
    max-width: 100%;
    width: 100%;
    top: 0;
    padding: 25px 20px;
    /*
    position: relative;
    */
    min-height: 1px;
    z-index: 100;
}

.top-bar-unstick {
    background-color: var(--c_dark);
    text-align: right;
}

.top-bar-unstick:after {
    content: "";
    height: 1px;
    width: calc(100% - 40px);
    margin: 0 20px;
    display: block;
    border-bottom: 1px solid var(--c_gray_med);
    background-color: var(--c_dark);
}

.top-bar-unstick .top-links ul,
#header-main .top-links ul {
    display: flex;
}

#header-main .login-icon {
    font-size: 1.5rem;
}

#header-main .mini-cart a:before {
    font-size: 20px !important;
    margin: auto 4px auto 0;
}

#header-main-holder .top-login {
    text-align: right;
    margin: auto;
    line-height: 20px;
    flex: 3 1 0;
    display: flex;
    justify-content: flex-end;
}

#header-main .nav-bar .search-box {
    padding: 23px 50px 0 0;
    position: relative;
    top: 0;
}

#header-main .nav-bar .search-box form input[type=text] {
    border: 1px solid #878787;
}

#header-main .search-box form {
    margin: 0;
    padding: 0;
}

#header-main .logo img {
    height: 40px;
    width: auto;
}

#header-main .search-box form input[type=text],
#header-main.v2 .search-box form input[type=text] {
    height: 2.5rem;
}

#header-main .search-box .form-wrapper {
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    top: 0.25rem;
    right: 0.25rem;
}

#header-main .mini-cart-w {
    margin: auto;
    position: relative;
    z-index: 80;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: auto 0 auto auto;
    top: 0;
    right: 0;
}

#header-main #mini-cart,
#header-main #sterling_cart_count,
#header-main .mini-cart a .count {
    font-size: 0.8rem;
    line-height: 1.75rem;
    padding: 0 0.79em;
    min-width: 1.75rem;
}

#header-main .mini-cart .count {
    top: 0;
}

#header-main .mini-cart a:before {
    font-size: 20px !important;
}

#header-main #header-main-nav .nav-bar ul li .sub-menu {
    left: 0;
}

#header-main #header2_mybio .dropdown-more-btn::after {
    display: none;
}

.top-bar-unstick .dropdown-more-btn,
#header-main .dropdown-more-btn {
    padding: 9px;
    max-height: 36px;
    white-space: nowrap;
}

.top-bar-unstick .dropdown-more-btn {
    font-size: 0.75rem;
}

#header-main-nav .nav-bar ul li .txt-over:after {
    height: 24px;
    font-size: 1.375rem;
    margin: -8px 0 0;
    font-family: 'bioicons' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea19";
}

#header-main-nav .back-main {
    font-size: 0.875rem;
    max-width: 80%;
    padding: 0;
    display: block;
    width: 80%;
    text-align: left;
}

#header-main-nav .back-main i {
    margin-right: 6px;
    font-size: 1rem !important;
    display: inline-block;
    vertical-align: middle;
}

#header-main .inner-cont .title-bar .close3,
#header-main-nav .inner-cont .title-bar .close3,
#header-main .inner-cont .close2,
#header-main-nav .inner-cont .title-bar .close2,
#header-main .inner-cont .title-bar .close,
#header-main-nav .inner-cont .title-bar .close {
    height: 24px;
    font-size: 24px !important;
    color: var(--c_dark);
    line-height: var(--lh_1);
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    top: 0;
    right: 0;
    height: 70px;
    width: 70px;
}

#header-main .inner-cont .title-bar .close2,
#header-main-nav .inner-cont .title-bar .close2 {
    top: 0;
    right: 0;
    height: 70px;
    width: 70px;
    z-index: 200;
    position: absolute;
    top: 0;
    right: 0;
}

#header-login-menu2 .close2 {
    z-index: 1;
}

#header-login-menu2 .close2 i {
    position: absolute;
    right: 24px;
    top: 24px;
}

#header-main-nav .inner-cont .title-bar .close3 i,
#header-main-nav .inner-cont .title-bar .close4 i,
#header-main .inner-cont .title-bar .close i,
#header-main-nav .inner-cont .title-bar .close i,
#header-login-menu2 .close2 i {
    font-size: 24px !important;
    position: absolute;
    right: 24px;
    top: 24px;
}

#header-main .inner-cont .sub-menu.active .title-bar,
#header-main-nav .inner-cont .sub-menu.active .title-bar {
    font-size: 1rem;
    background: #fff;
    border-bottom: none;
    margin: 0;
    padding: 0 20px;
    width: 100%;
}

#header-main-nav .inner-cont .title {
    float: none;
    line-height: 70px;
    padding: 0 20px;
    margin: 0;
}

#header-main .inner-cont .sub-menu.active .header-secound-ul,
#header-main-nav .inner-cont .sub-menu.active .header-second-ul {
    border-bottom: 1px solid #d8d8d8 !important;
    margin: 0;
    padding: 0 0 24px;
    background: #fff;
}

#header-main .inner-cont .menu-title,
#header-main-nav .inner-cont .menu-title {
    padding: 0;
    margin: 0;
    border-bottom: 0;
}

#header-main .inner-cont ul,
#header-main-nav .inner-cont ul {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

#header-main .inner-cont ul li,
#header-main-nav .inner-cont ul li {
    line-height: initial;
    padding: 0;
    position: relative;
    width: 100%;
    float: left;
    margin: 0;
}

#header-main .inner-cont ul li a,
#header-main-nav .inner-cont ul li a {
    font-size: 1.1rem;
    color: var(--c_dark);
    line-height: var(--lh_4);
    padding: 24px 20px;
    border-bottom: 1px solid #d8d8d8;
    font-weight: 700;
    width: 100%;
    float: left;
    text-decoration: none;
    text-align: left;
    background-color: #fff;
}

#header-main .inner-cont .loginlink_holder3_menu ul li.mybio-li a,
#header-main .inner-cont .sub-menu.active ul li a,
#header-main-nav .inner-cont .sub-menu.active ul li a {
    font-size: 1.1rem;
    color: var(--c_dark);
    line-height: var(--lh_4);
    padding: 8px 20px !important;
    border-bottom: 0 !important;
    font-weight: 400;
    background-color: #fff;
}

#header-main .inner-cont .sub-menu.active ul li a.header-bold-arrow,
#header-main-nav .inner-cont .sub-menu.active ul li a.header-bold-arrow {
    padding: 24px 20px !important;
}

#header-main .inner-cont .sub-menu.active ul li a.header-line-second,
#header-main-nav .inner-cont .sub-menu.active ul li a.header-line-second {
    border-bottom: 1px solid #d8d8d8 !important;
    padding: 24px 20px !important;
}

#header-main .inner-cont .sub-menu.active ul li a.header-line-above,
#header-main-nav .inner-cont .sub-menu.active ul li a.header-line-above {
    border-top: 1px solid #d8d8d8 !important;
    padding: 24px 20px !important;
}

#header-main .inner-cont .menu-title .txt-over::after,
#header-main-nav .inner-cont .menu-title .txt-over::after {
    content: "\ea04";
    font-family: 'bioicons';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    margin: -12px 0 auto 4px;
    float: right;
    color: var(--c_gray_med);
    transition: transform 0.3s ease;
    height: 24px;
}

#header-main .inner-cont .secondary-menu ul li a,
#header-main-nav .inner-cont .secondary-menu ul li a {
    font-size: 1.125rem;
    color: var(--c_dark);
    line-height: var(--lh_3);
    padding: 8px 0;
    font-weight: 400;
}

#header-main-nav .sub-menu .menu-cont,
#header-main-nav .sub-menu .menu-cont2 {
    padding: 0 20px 30px;
    width: 100%;
    float: left;
}

#header-main .inner-cont .main-menu,
#header-main-nav .inner-cont .main-menu {
    border-bottom: 0;
    padding: 0 0 32px;
    margin: 0;
    width: 100%;
    float: left;
}

.header-menu-first-level {
    font-size: 1.1rem !important;
    border-bottom: 1px solid #d8d8d8;
    line-height: initial;
}

#header-main .inner-cont ul.group5 ul:last-child,
#header-main-nav .inner-cont ul.group5 ul:last-child {
    padding: 0;
}

#header-main .inner-cont,
#header-main-nav .inner-cont {
    width: 100%;
    overflow: visible;
    float: left;
    background: #fff;
    position: relative;
    padding: 0 0 30px;
}

#header-main #header-login-menu2 {
    z-index: 200;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
}

.loginlink_holder2_menu {
    margin-top: 20px;
}

#loginlink_btn2 i:before {
    color: #fff;
}

.header-login-menu-subhead {
    font-size: 1.3rem;
    color: var(--c_dark);
    line-height: var(--lh_3);
    padding: 24px 0;
    border-bottom: 1px solid #d8d8d8 !important;
    font-weight: 700;
}

#header-main .header-login-menu-subhead .login-icon,
#header-main .header-login-menu-subhead .globe-icon {
    margin-right: 6px;
    margin-left: 20px;
    font-size: 20px;
}

#header-main .inner-cont ul li.welcome,
#header-main .inner-cont .loginlink_holder3_menu ul li a,
#header-main-nav .inner-cont .loginlink_holder3_menu ul li a {
    font-size: 1.1rem;
    color: var(--c_dark);
    line-height: var(--lh_4);
    padding: 24px 20px;
    border-bottom: 1px solid #d8d8d8;
    font-weight: 700;
    display: flex;
}

#header-main .inner-cont ul li.welcome {
    border-bottom: 0;
}

#header-main .inner-cont .loginlink_holder3_menu ul {
    margin: 0;
}

#header-main .inner-cont .loginlink_holder3_menu .header2_lang_link_ul li {
    text-align: left;
    color: var(--c_dark);
    background-color: transparent;
    font-size: 1rem !important;
}

#header-main .inner-cont .loginlink_holder3_menu .header2_lang_link_ul li a {
    border-bottom: 0 !important;
}

#header-main .inner-cont .loginlink_holder3_menu .header2_lang_link_ul li.selected a {
    font-weight: 700;
}

.top-bar-unstick .top-links ul li:last-child,
#header-main.v2 .top-links ul li:last-child {
    padding-bottom: 0;
}

#header-main.v2 #loginlink_btn2 {
    display: flex;
    padding: 8px;
    color: #fff;
    font-size: 0.75em;
    white-space: nowrap;
    border-radius: 24px;
    margin: 0;
    align-items: center;
}

#header-main .inner-cont .title-bar .close5,
#header-main-nav .inner-cont .title-bar .close5,
#header-main .inner-cont .title-bar .close4,
#header-main-nav .inner-cont .title-bar .close4 {
    height: 24px;
    float: left;
    font-size: 24px;
    color: var(--c_dark);
    line-height: var(--lh_1);
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}

.header-bold-arrow:before,
.header-bold-arrow-underline:before,
.header-menu-first-level:before,
.header-support-link a:before {
    content: "\ea04";
    font-family: 'bioicons';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.125rem;
    margin: 0 0 auto 4px;
    float: right;
    color: var(--c_gray_med);
    transition: transform 0.3s ease;
}

#header-main-nav .back-main {
    color: var(--c_dark) !important;
    padding-left: 0 !important;
}

#header-main-nav .nav-bar ul li .txt-over {
    width: 10%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    cursor: pointer;
    z-index: 2;
    border: none;
}

#header-main-nav .nav-bar ul li .txt-over:after {
    line-height: 16px;
    position: absolute;
    top: 50%;
    right: 20px;
}

#header-main .container,
#header-main-nav .container {
    padding: 0 20px;
}

#header-main .inner-cont .title-bar,
#header-main-nav .inner-cont .title-bar {
    width: 100%;
    float: left;
    font-weight: 700;
    color: #000;
    line-height: 39px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    background: #fff;
    border-bottom: 1px solid #d8d8d8 !important;
    height: 70px;
}

#header-main .top-bar {
    left: auto;
    right: 0;
}

#header-main .top-bar.active,
#header-main-nav .nav-bar.active {
    visibility: visible;
    opacity: 1;
    z-index: 11000;
    display: flex;
}

#header-main-nav .nav-bar {
    background: #fff;
    width: 100%;
    max-width: 360px;
    height: 100%;
    float: left;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
}

#header-main-nav .nav-bar.hiddenscroll {
    overflow: hidden;
}

#header-main-nav .nav-bar .group4-first ul li .txt-over.nomenuitem,
.gnl-menu .submenu1.first-menu .txt-over.nomenuitem {
    display: none;
}

#header-main-nav .nav-bar .group4-first ul li.has-children .txt-over.nomenuitem,
.gnl-menu .submenu1.first-menu.has-children .txt-over.nomenuitem {
    display: block;
}

#header-main-nav .nav-bar ul li:hover .txt-over:after {
    color: #03944f;
}

#header-main .logo-out {
    float: left;
    margin: 12px -600px 0 0;
}

#header-main .logo-out .logo {
    float: left;
    position: relative;
    z-index: 2;
}

#header-main .logo-out .logo img {
    width: 100%;
    max-width: 100px;
}

#header-main .logo-out .language {
    display: none;
}

#header-main .header-right {
    width: 100%;
    float: left;
}

#header-main .mini-cart a img,
#header-main .mini-cart a i {
    display: none;
}

#header-main-nav .sub-menu,
#header-main-nav .sub-menu2 {
    width: 100%;
    max-width: 360px;
    height: 100%;
    float: left;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    display: none;
}

#header-main-nav .sub-menu.active,
#header-main-nav .sub-menu2.active {
    visibility: visible;
    opacity: 1;
    z-index: 11000;
    display: block;
}

#header-main-nav .sub-menu.hiddenscroll {
    overflow: hidden;
}

#header-main-nav .nav-bar ul li .sub-menu {
    top: 0 !important;
}

#header-main-nav .nav-bar ul li .sub-menu ul li.group1-first,
#header-main-nav .nav-bar ul li .sub-menu ul li.group2-first,
#header-main-nav .nav-bar ul li .sub-menu ul li.group3-first,
#header-main-nav .nav-bar ul li .sub-menu ul li.group4-first,
#header-main-nav .nav-bar ul li .sub-menu ul li.group5-first {
    max-width: 100%;
    min-width: 1px;
    margin-right: 0;
    padding: 0;
}

#header-main .coh-ce-cpt_brc_component_top_navigation-ae1bbbd5,
#header-main-nav .coh-ce-cpt_brc_component_top_navigation-ae1bbbd5 {
    visibility: visible;
}

#header-login-menu2 .title a.coh-link {
    color: var(--c_dark);
    padding: 23px 20px;
    line-height: var(--lh_4);
    background: none;
    display: block;
}

#header-main-nav .nav-bar ul li .sub-menu ul li a[href*="/group1"],
#header-main-nav .nav-bar ul li .sub-menu ul li a[href*="/group2"],
#header-main-nav .nav-bar ul li .sub-menu ul li a[href*="/group3"],
#header-main-nav .nav-bar ul li .sub-menu ul li a[href*="/group4"],
#header-main-nav .nav-bar ul li .sub-menu ul li a[href*="/group5"],
#header-main-nav .inner-cont ul li a[href*="/group1"],
#header-main-nav .inner-cont ul li a[href*="/group2"],
#header-main-nav .inner-cont ul li a[href*="/group3"],
#header-main-nav .inner-cont ul li a[href*="/group4"],
#header-main-nav .inner-cont ul li a[href*="/group5"] {
    display: none;
}

@media (min-width: 767px) {
    #loginlink_holder_mobile li:first-child {
        display: none;
    }
}

@media (min-width: 992px) {
    #header-login-menu2 {
        z-index: 200;
        position: fixed;
        top: 0;
        left: auto;
        right: 0;
        width: 100%;
        max-width: 360px;
        height: 100%;
        background-color: #fff;
    }

}

@media ((min-width: 767px) and (max-width: 1160px)) {
    #header-main.search-active .search-w {
        position: absolute !important;
        left: 0;
        width: 100%;
    }
}

@media (max-width: 767px) {
    #header-main .loginlink_holder2 {
        display: none;
    }

    #breadcrumb.when-sticky {
        padding-top: 60px;
    }

    #header-main .top-login .bioicons-icon-down-caret,
    #header-main .search-w {
        display: none;
    }

    #header-main.search-active .search-w {
        display: block;
    }

    .top-bar-unstick,
    #header-main .top-bar-unstick {
        display: none;
        height: 0;
    }

    #header-main.sticky.search-active #header-main-holder,
    #header-main.sticky.search-active #header-main-holder.v2,
    #header-main #header-main-holder,
    #header-main.sticky.search-active #header-main-holder,
    #header-main.search-active #header-main-holder,
    #header-main.search-active #header-main-holder.v2 {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "col1 col3" "search search";
    }

    #header-main .top-bar.active,
    #header-main-nav .nav-bar.active,
    #header-main-nav .sub-menu,
    #header-main-nav .sub-menu2 {
        max-width: 100%;
    }

    #header-main .menu-btn3 {
        margin: 0 10px auto auto;
    }

    #header-main #b2bimg_holder2 {
        border-left: 0;
        margin: auto 0 auto 30px;
    }

    #header-main #loginlink_btn2 .login-register-text2,
    #header-main #loginlink_btn2 .bioicons-icon-down-caret {
        display: none;
    }

    #header-main .top-mobile-btn {
        margin: auto 10px auto auto;
    }

    #mobile-search {
        display: inline-block !important;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: white;
        border-radius: 40px;
    }

    #mobile-search [class^=bioicons-],
    #mobile-search [class*=" bioicons-"] {
        font-size: 20px !important;
        line-height: 40px;
    }

    #header-main-holder .top-login {
        flex: 1;
    }

    #header-main .header-col3 {
        margin: auto 0 auto auto;
    }

    #header-main.v2 .search-w,
    #header-main .search-w {
        z-index: 200000;
        position: absolute;
        width: 100%;
        margin: -40px auto;
        display: none !important;
    }

    #header-main.v2.search-active .search-w,
    #header-main.search-active .search-w {
        display: block !important;
    }

    #header-main .search-box {
        padding: 0;
    }

    #header-main-nav .sub-menu,
    #header-main-nav .sub-menu2 {
        max-width: 100%;
    }

    #header-main .top-links {
        right: 20px;
    }

    #loginlink_btn2 .bioicons-user {
        margin-right: 0;
    }

    #header-main.v2 #loginlink_btn2 {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    #header-main .header-col1 {
        flex-wrap: wrap;
        min-width: 1px;
    }

    #header-main .logo img {
        height: 30px;
    }

    #header-main #header-main-holder {
        padding: 10px 20px;
    }

    #header-main .mini-cart-w ul li a {
        padding: 0.5em 0 0.5em 1em;
    }
}

@media (max-width: 400px) {
    #header-main .logo img {
        height: 25px;
    }
}

@media (hover: hover) {

    #header-main .top-login a.coh-link:hover,
    .top-bar-unstick .top-links ul li a.coh-link:hover,
    .top-bar-unstick .top-links button:enabled:hover,
    #mobile-search:hover,
    #header-main .mini-cart-w ul li a:hover,
    #header-main .top-links ul li a.coh-link:hover,
    #header-main .top-links button:enabled:hover,
    #header-main .top-login button:hover {
        background-color: #4d4d4d;
    }

    #header-main-nav .nav-bar ul li a.header-first-tab:hover::before,
    #header-main-nav .nav-bar ul li:hover a.header-first-tab:before,
    #header-main-nav .nav-bar ul li.nav-menu-open a.header-first-tab::before,
    #header-main-nav .nav-bar ul li a.header-first-tab:hover {
        background-color: transparent !important;
    }

    #header-main .menu-cont .header-menu-first-level:hover::before,
    #header-main .header-bold-arrow-underline:hover::before,
    #header-main .header-bold-arrow:hover::before {
        transform: translateX(75%);
    }

    #header-login-menu2 .title a.coh-link:hover {
        background: #f6f6f6 !important;
        text-decoration: none;
    }

    #header-main-nav .inner-cont .sub-menu.active ul li a:hover,
    #header-main-nav .inner-cont .sub-menu.active ul li a.header-bold-arrow:hover,
    #header-login-menu2 .title a.coh-link:hover,
    #header-main .inner-cont .loginlink_holder3_menu ul li a:hover,
    #header-main-nav .nav-bar ul li a.header-first-tab:hover,
    #header-main-nav .inner-cont .sub-menu.active ul li a:hover,
    #header-main-nav .inner-cont ul li a:hover,
    #header-main-nav .nav-bar ul li a:hover {
        background-color: #f6f6f6 !important;
    }

    .top-bar-unstick .dropdown-menu&gt;li&gt;a:hover,
    .top-bar-unstick .dropdown-menu&gt;li&gt;button:hover {
        background-color: #767676 !important;
    }
}

/*headerv3end*/
/*headerv3 add ons start*/
#block-biorad-brcheadercomponentblock #header-main.sticky.search-active #header-main-holder,
#block-biorad-brcheadercomponentblock #header-main.sticky.search-active #header-main-holder.v2,
#block-biorad-brcheadercomponentblock #header-main.search-active #header-main-holder,
#block-biorad-brcheadercomponentblock #header-main.search-active #header-main-holder.v2 {
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-areas: "col1 search col3";
    min-height: 1px;
}

@media (max-width: 767px) {

    #block-biorad-brcheadercomponentblock #header-main.sticky.search-active #header-main-holder,
    #block-biorad-brcheadercomponentblock #header-main.sticky.search-active #header-main-holder.v2,
    #block-biorad-brcheadercomponentblock #header-main #header-main-holder,
    #block-biorad-brcheadercomponentblock #header-main.sticky.search-active #header-main-holder,
    #block-biorad-brcheadercomponentblock #header-main.search-active #header-main-holder,
    #block-biorad-brcheadercomponentblock #header-main.search-active #header-main-holder.v2 {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "col1 col3" "search search";
    }
}

/*headerv3 add ons end*/

.icon-bar .hoverIcon:hover&gt;div,
.icon-bar .hoverIcon:focus-within&gt;div {
    display: block;
}

.icon-bar .hoverIcon:hover,
.icon-bar .hoverIcon.hover {
    z-index: 100;
}

.h1-sm,
.banner-h1-text h1.h1-sm {
    font-size: var(--fs_h1_sm);
}

.h1-md,
.banner-h1-text h1.h1-md {
    font-size: var(--fs_h1_md);
}

.h1-lg,
.banner-h1-text h1.h1-lg {
    font-size: var(--fs_h1_lg);
}


.fa-check-circle:before {
    content: "\f058";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-file-minus:before {
    content: "\f318";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-plus:before {
    content: "\f319";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-download:before {
    content: "\f019";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-solid {
    font-family: 'FontAwesome';
    font-weight: 900;
    font-style: normal;
}

.fa-star:before {
    content: "\f005";
}

.bg-white {
    background-color: #fff;
}

.bg-white80 {
    background-color: #fcfbfb80;
}

.bg-light-beige,
.optprodnav-bg {
    background-color: #efece4;
}

.optresources-bg {
    background-color: #d7e8eb;
}

.bg-light-grey,
.bg-ececec,
.bg-f5f5f7,
.bg-f2f2f2,
.opt-module-grid-table-horiz tbody&gt;tr:nth-child(2n+1),
.pd_gridlines-alternate tbody tr:nth-child(odd),
.pd_gridlines-alternate-col tbody&gt;tr&gt;td:nth-child(even),
.rowBkgrnd,
.bg-white .pd_colorbackground,
.bg-f1f1f1,
.boxes-surveillance&gt;div,
.boxes-surveillance&gt;div:nth-child(4)&gt;div {
    background-color: #f2f2f2;
}

.bg-dark-grey,
.eyebrow,
.bg-545454 {
    background-color: #545454;
}

.bg-light-green,
.bg-e9f0d8,
.bg-edf1e4,
.bg-edf6e4,
.color-light-green,
.opt-module-more-info,
.opt-how-to-bg,
.bg-edf1e4 {
    background-color: #edf1e4;
}

.bg-light-green .border-gap-right::after,
.bg-edf6e4 .border-gap-right::after {
    border-bottom: 1px solid #edf6e4;
}

.bg-light-green .pd_gridlines-alternate tbody tr:nth-child(odd),
.bg-light-green .pd_gridlines-alternate-col tbody&gt;tr&gt;td:nth-child(even),
.bg-edf6e4 .pd_gridlines-alternate tbody tr:nth-child(odd),
.bg-edf6e4 .pd_gridlines-alternate-col tbody&gt;tr&gt;td:nth-child(even),
.bg-dfe8d5 {
    background: #dfe8d5;
}

.bg-green,
.bg-green-lt,
.bg-057f41,
.bg-47AC33,
.bg-00984a {
    background-color: #057f41;
}

.bg-dark-green,
.bg-144e1b,
.bg-737a15,
.bg-057f41 {
    background: #144e1b;
}

.bg-dark-green .pd_gridlines-alternate tbody tr:nth-child(odd),
.bg-144e1b .pd_gridlines-alternate tbody tr:nth-child(odd) {
    background: #21692a;
}

.bg-light-yellow,
.bg-yellow,
.bg-f7f6d3,
.bg-f9f9e4,
.bg-ffcc0029,
.color-light-orange {
    background: #f8f7e5;
}

.bg-f7f6d3 .pd_gridlines-alternate tbody tr:nth-child(odd),
.bg-light-yellow .pd_gridlines-alternate tbody tr:nth-child(odd) {
    background: #eceabd;
}

.bg-yellow-green,
.bg-95cb45,
.bg-99ca3d30 {
    background: #99ca3d;
}

.bg-light-blue,
.bg-ecf8f7,
.bg-d6eef6,
.bg-eaf4f6,
.bg-f0f9f8,
.bg-eaf1f7,
.breakoutfeature,
.color-light-blue,
.color-light-purple {
    background-color: #eaf4f6;
}

.bg-eaf4f6 .pd_gridlines-alternate tbody tr:nth-child(odd),
.bg-eaf4f6 .pd_gridlines-alternate-col tbody&gt;tr&gt;td:nth-child(even),
.bg-f6feff {
    background-color: #f6feff;
}

.bg-light-blue .pd_gridlines-alternate tbody tr:nth-child(odd),
.bg-light-blue .pd_gridlines-alternate-col&gt;tbody&gt;tr&gt;td:nth-child(even),
.breakoutfeature .pd_gridlines-alternate tbody tr:nth-child(odd),
.breakoutfeature .pd_gridlines-alternate-col&gt;tbody&gt;tr&gt;td:nth-child(even) {
    background: #ddeeee;
}

.bg-blue,
.bg-007db7,
.bg-magenta,
.bg-922d77,
.bg-184a74 {
    background-color: #085e85;
}

.bg-dark-blue,
.bg-283148,
.opt-cell-sorter-bg,
.bg-071622,
.bg-142142,
.bg-2b2e45,
.bg-00466a {
    background-color: #0b2457;
}

.bg-dark-blue .pd_gridlines-alternate tbody tr:nth-child(odd),
.bg-00466a .pd_gridlines-alternate tbody tr:nth-child(odd) {
    background: #276290;
}

.bg-dark-teal,
.bg-12696c,
.bg-026161,
.bg-023737 {
    background-color: #095f62;
}

.bg-orange,
.bg-orange-lt,
.bg-d63f37 {
    background: #d1460a;
}

.bg-red {
    background-color: #990000;
}

.bg-dbg-sig,
.bg-d91c5e {
    background-color: #a71d58;
}

.bg-158482,
.boxes-surveillance&gt;div:nth-child(1) h3,
.boxes-surveillance&gt;div:nth-child(2) h3 {
    background: #158482;
}

.bg-707375,
.boxes-surveillance&gt;div h3,
.boxes-surveillance h3 {
    background: #707375;
}

.bg-green-gradient {
    background: #588a45;
    background: -moz-linear-gradient(0deg, rgba(88, 138, 69, 1) 0, rgba(2, 78, 39, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(88, 138, 69, 1) 0, rgba(2, 78, 39, 1) 100%);
    background: linear-gradient(0deg, rgba(88, 138, 69, 1) 0, rgba(2, 78, 39, 1) 100%);
}

.bg-black-gradient {
    background: #1d1d1d;
    background: -moz-linear-gradient(45deg, rgba(29, 29, 29, 1) 0, rgba(75, 75, 75, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(29, 29, 29, 1) 0, rgba(75, 75, 75, 1) 100%);
    background: linear-gradient(45deg, rgba(29, 29, 29, 1) 0, rgba(75, 75, 75, 1) 100%);
}

.bg-green,
.bg-red,
.bg-orange,
.bg-orange a,
.bg-dark-green,
.bg-dark-teal,
.bg-blue,
.bg-dark-blue,
.bg-dbg-sig,
.bg-green a,
.bg-red a,
.bg-dbg-sig a,
.txt-white,
.white,
#navcontentholder a.txt-white {
    color: #f1f1f1;
}

.txt-dark-green,
.optresources-bg a,
.optprodnav-bg a,
.bg-eaf4f6 a,
.bg-edf1e4 a .bg-light-beige a,
.bg-light-green a,
.bg-light-blue a,
.bg-light-grey a,
.bg-light-yellow a,
.txt-93225b,
.txt-0ba557 {
    color: #046c23;
}

.bg-yellow-green,
.bg-yellow-green a,
.txt-body,
.txt-333,
#navcontentholder a.txt-333 {
    color: #333;
}

.bg-dark-teal a,
.bg-blue a,
.bg-dark-blue a,
.bg-dark-green a,
.txt-light-green,
.bg-2b2e45 a,
.bg-283148 a,
.opt-cell-sorter-bg a,
.bg-071622 a,
.bg-142142 a,
.bg-2b2e45 a,
.bg-00466a a {
    color: #a4e482;
}

.txt-f60,
#navcontentholder .white a.txt-f60 {
    color: #d1460a;
}

.txt-f71e31 {
    color: #f71e31;
}

.txt-c93d41 {
    color: #c93d41;
}

.txt-blue,
.txt-007db7,
.txt-0877b7 {
    color: #007db7;
}

.txt-f2f2f2,
.opt-module-biologics-featured-drug-discovery-development p,
.opt-module-biologics-featured-drug-discovery-development h2 {
    color: #f2f2f2;
}

.dark-stroke,
.stroke-666 {
    border-color: #666;
}

.bg-283148.white,
.description .bg-283148.white {
    background-color: #283148;
}

.caption&gt;* {
    display: inline;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

ol,
ul {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: unset;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    vertical-align: middle;
    border: 0;
    display: inline;
    -ms-interpolation-mode: bicubic;
    line-height: .5em;
}

body,
p,
li,
td {
    font-family: var(--ff);
    font-size: 1em;
    line-height: var(--lh_5);
    font-weight: 300;
    color: var(--c_dark);
    margin: 0;
    letter-spacing: var(--ls_p);
    padding: 0;
}

body {
    background: #f7f7f7;
    overflow: auto !important;
}

body .node-preview-container {
    position: relative;
}

a {
    color: var(--c_dark);
    text-decoration: none;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    cursor: pointer;
}

a:visited {
    outline: 0;
}

div#your-overlay-id {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.blocker .loadingsvg.modal {
    max-width: 0;
}

.blocker .modal {
    max-width: 800px;
    padding: 15px 0 15px 30px !important;
    overflow: initial !important;
}

h1 {
    font-size: 42px;
    line-height: 50px;
}

h1.coh-heading {
    font-family: "Inter", helvetica, arial, sans-serif;
    font-size: 2.1em;
    line-height: 1.4em;
    letter-spacing: -.03em;
    margin-bottom: 1em;
    font-weight: 200;
    color: #000;
}

h1.coh-heading a {
    font-family: arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-left: .5em;
    letter-spacing: 0;
}

h2,
.solutionheader,
.tier2,
.feature-list2 h3.coh-heading,
.bottom-cont h3.coh-heading,
.boxes-overall .header-only h2.large-font {
    font-family: "Inter", helvetica, arial, sans-serif;
    font-size: 2.1em;
    line-height: 1.4em;
    letter-spacing: -.03em;
    margin-bottom: 1em;
    font-weight: 200;
    color: #000;
}

h2.maintitle {
    font-size: 2.5em;
    line-height: 1.15em;
    margin: 0 0 .15em 0;
}

.opt-leaderboard h2 {
    font-size: 180%;
}

h2.descHeader,
h2.tier3,
h2.tier4,
h3.coh-heading,
h3,
h4,
h5,
h6,
.corner-box-promo h2,
.coh-inline-element h3.coh-heading,
#accordionlist h4 {
    font-size: var(--fs_h4);
    letter-spacing: var(--ls_h4);
    line-height: var(--lh_3);
    font-weight: 700;
    padding: 0;
    margin-bottom: 1em;
    color: var(--c_dark);
}

h3,
.solutionSectionsPageContents h5,
h3.opt-subhead,
h3.opt-subhead30,
h3.opt-subhead20,
h3.table-mid-hdr,
h3.h3subtitle,
.coh-inline-element h3.coh-heading,
.descHeader,
.path-node .tier3 {
    font-size: 1.3em;
    line-height: 1.25em;
}

h4,
.tier4,
#marketo-min-capture h3,
.list-set h3,
.corner-box-promo h2,
.product-list h3,
#accordionlist h4 {
    font-size: 1em;
    line-height: inherit;
    margin-bottom: .25em;
}

h5,
.tier5 {
    font-size: .9em;
    line-height: 1.6em;
}

.caption,
small {
    font-size: .9em;
    line-height: 1.6em;
}

.pd_table thead&gt;tr&gt;th,
.opt-module-table&gt;thead&gt;tr&gt;th,
.opt-module-grid-table&gt;thead&gt;tr&gt;th {
    font-family: arial, helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    vertical-align: bottom;
    text-align: left;
}

.path-node .vertalign-td-top&gt;th,
.path-node .vertalign-td-top {
    vertical-align: top;
}

p {
    padding: 0 0 20px 0;
}

#header-main p:last-child {
    padding-bottom: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child {
    margin-bottom: 0;
}

strong,
.page-node-type-product-faq strong.coh-inline-element div {
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
}

.upper-case {
    text-transform: uppercase;
}

.lower-case {
    text-transform: none;
}

.underline {
    text-decoration: underline;
}

.path-node .left {
    float: left;
}

.path-node .no-top-margin,
.path-node .topmargin-zero {
    margin-top: 0;
}

.path-node .right {
    float: right;
}

#qtrlytable .right {
    float: none;
}

.path-node .no-bttm-pddng,
.path-node .opt-module.no-bttm-pddng {
    padding-bottom: 0;
}

.path-node .no-rt-margin {
    margin-right: 0;
}

.path-node .opt-module-noborder {
    border: 0;
}

.no-border-bottom-unstained,
.opt-module-grid-table td.nobttm-brdr,
.nobttm-brdr,
.page-node-type-product-category .opt-module.opt-module-noborder {
    border-bottom: 0;
}

.path-node .no-lt-margin {
    margin-left: 0;
}

.path-node .topmargin-1em,
.opt-module p.caption.top-margin {
    margin-top: 1em;
}

.path-node .margin-bottom20 {
    margin-bottom: 20px;
}

.path-node .paddingbttm-20 {
    padding-bottom: 20px;
}

.path-node .no-bttm-margin {
    margin-bottom: 0;
}

.path-node .lt-margin20 {
    margin-left: 20px;
}

.path-node .rt-margin20 {
    margin-right: 20px;
}

.paddingleft-180 {
    padding-left: 180px;
}

.path-node .paddingbttm-15 {
    padding-bottom: 15px;
}

.path-node .marginbttm-15 {
    margin-bottom: 15px;
}

.path-node .no-rt-padding {
    padding-right: 0;
}

.path-node .no-lt-padding {
    padding-left: 0;
}

.path-node .top-margin-neg {
    margin-top: -30px;
}

.path-node .top-margin-neg20 {
    margin-top: -20px;
}

.max100 {
    max-width: 100%;
}

.path-node .margin-bottom2em {
    margin-bottom: 2em;
}

.margin-bottom20 .table-list li {
    display: flex;
    gap: 15px;
    list-style: none;
    margin: 0;
}

.table-list&gt;li:last-child {
    padding-bottom: 0;
}

.corner-box-promo.margin-bottom20 img {
    padding: 0;
}

.opt-supply-center-wf {
    background-color: #f5f8e7;
}

.opt-module-split-feature .col-feature,
.opt-module-2col .left,
.opt-module-2col .right,
.opt-module-prod-2-col .left,
.opt-supply-center-wf .col-feature,
.opt-supply-center-wf .col-subfeature,
.opt-protein-discovery .col-feature,
.opt-fluorescent-intro .col-feature:nth-child(1) {
    width: 45%;
}

.cat-overview-feature .featured-heading,
.solution-headers,
.protein-markers-text,
.prestained-protein-ladders,
.into-paragraph-app-guide,
.opt-module .col-feature,
.opt-module .col-subfeature,
.opt-module .col-feature.left,
.imgtxt p,
.bioplex3dimg,
.pdp-promo-box .pdp-promo-box-text,
.filter_data_search,
#searchfiltersreagentslist,
.buttonsFunc,
.prodDescLink,
#filters,
#contact-box,
.selectSpecies,
.opt-lncrna-tools&gt;img,
.mktoForm.mktoLayoutLeft textarea.mktoField {
    float: left;
}

.opt-module h3.opt-subhead-list {
    margin-bottom: 1.5em;
}

.list-full-col&gt;li {
    clear: both;
    padding-right: 0;
    width: 100%;
    list-style: none;
}

.vertdivider {
    float: left;
    margin: 0 25px 0 20px;
}

.opt-supply-center-wf .list-set&gt;li {
    min-height: 100px;
    display: flex;
    align-items: flex-start;
}

.opt-module-customize {
    background: url(https://www.bio-rad.com/webroot/web/images/global/supply_center/spply-cntr-customized-bg.png) 550px 20px no-repeat#356677;
}

.opt-module-customize ul {
    margin-top: 0;
    width: 470px;
}

ul.list-set.list-four-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
}

.list-set-th img {
    height: auto;
}

.list-set-th.list-set-close-rows img,
.optprodnav img {
    margin-right: 10px;
}

.optresources-bg ul.list-set.list-four-col li.textcenter {
    width: 195px;
    margin: 0;
    padding-bottom: 1.5em;
}

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

    h1 {
        font-size: 36px;
        line-height: 44px;
    }

    h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .container-wrapper .content-quick-cart-module {
        flex: 1 0 100%;
    }
}

ul {
    list-style-type: inherit;
}

li {
    position: relative;
}

li:last-child {
    padding-bottom: 20px;
}

.ul li::before {
    content: "\f324";
    float: left;
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 8px;
    color: #ff6600;
    line-height: 1em;
    position: absolute;
    top: 5px;
    left: 0;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    outline: 0;
}

input,
textarea,
select {
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    width: 100%;
    float: left;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    letter-spacing: normal;
    background: #ffffff;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    outline: none;
    position: relative;
    padding: 4px 10px;
    margin: 0;
}

textarea {
    height: 100px;
    outline: none;
    resize: none;
}

::-webkit-input-placeholder,
::-webkit-textarea-placeholder {
    color: #a1a1a1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a1a1a1;
}

::-moz-placeholder {
    color: #a1a1a1;
}

::-ms-input-placeholder {
    color: #a1a1a1;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    outline: 0;
    border-color: #f26803;
    box-shadow: rgba(0, 0, 0, .20) 0 0 5px;
}

.textcenter {
    text-align: center;
}

.textcenter img {
    margin: 0 auto;
}

.graybrd {
    border: 1px solid #ccc;
}

.Nobrd_left {
    border-left: 0 solid gray;
}

.Nobrd_top {
    border-top: 0 solid gray;
}

.brd-top {
    border-top: 1px solid #ccc;
}

.brd-right {
    border-right: 1px solid #ccc;
}

.ml0 {
    margin-left: 0;
}

.ml3 {
    margin-left: 3px;
}

.ml4 {
    margin-left: 4px;
}

.mb5 {
    margin-bottom: 5px;
}

.mr5 {
    margin-right: 5px;
}

.ml25-min {
    margin-left: -25px;
}

.mt5-min {
    margin-top: -5px;
}

.pdt2 {
    padding-top: 2px;
}

.pdb2 {
    padding-bottom: 2px;
}

.pdl2 {
    padding-left: 2px;
}

.pdr2 {
    padding-right: 2px;
}

.pdb5 {
    padding-bottom: 5px;
}

.pdl8 {
    padding-left: 11px;
}

.pdt10 {
    padding: 10px 0;
}

.pdb10 {
    padding-bottom: 10px;
}

.pdl10 {
    padding-left: 10px;
}

.pdt14 {
    padding-top: 14px;
}

.pdb14 {
    padding-bottom: 14px;
}

.pdr14 {
    padding-right: 14px;
}

.pdl16 {
    padding-left: 16px;
}

.pdt20 {
    padding-top: 20px;
}

.pdl30 {
    padding-left: 30px;
}

.pdb0 {
    padding-bottom: 0;
}

.lfloat {
    float: left;
}

.rfloat {
    float: right;
}

.btn.btn-primary {
    color: #fff;
    background-color: var(--c_primary_dark);
    border: 1px solid var(--c_primary_dark);
}

.btn-lg {
    font-size: var(--fs_p);
    padding: 10px 24px;
    border-radius: 20px;
}

.btn {
    display: inline-block;
    font-weight: 700;
    line-height: var(--lh_3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

button {
    background: none;
    border: none;
    box-shadow: none;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
}

button:hover,
button:focus,
button:active,
button:active:focus {
    box-shadow: none;
    outline: 0;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn.btn-white {
    padding: 10px 24px;
    border-radius: 18px;
    color: var(--c_dark);
    background-color: transparent;
    border: 1px solid var(--c_gray_med);
    line-height: var(--lh_3)
}

.btn.btn-white:focus,
.btn.btn-white:hover {
    color: var(--c_dark) !important;
    background-color: #e3e3e3 !important;
    border: 1px solid var(--c_gray_med) !important;
}

div#viewAssaybttn {
    display: flex;
    gap: 15px;
}

#flying-focus {
    position: absolute;
    margin: 0;
    background: transparent;
    visibility: hidden;
    pointer-events: none;
    box-shadow: -webkit-focus-ring-color 0 0 0 2px;
    border-radius: 0;
}

#flying-focus.flying-focus_visible {
    visibility: visible;
    z-index: 9999;
    -webkit-transition-property: left, top, width, height, opacity;
    transition-property: left, top, width, height, opacity;
    -webkit-transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
    transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
    box-shadow: -webkit-focus-ring-color 0 0 0 2px;
}

.flying-focus_target {
    outline: none !important;
}

.flying-focus_target::-moz-focus-inner {
    border: 0 !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #flying-focus {
        box-shadow: none;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -3px;
    }
}

#container-main,
.layout-container {
    width: 100%;
    float: left;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

#listofSkus article:last-child {
    border-bottom: 0;
}

#listofSkus article {
    border-bottom: 2px dotted #ccc;
}

@media only screen and (max-width: 767px) {
    .container {
        max-width: 740px;
        padding: 0 20px;
    }

    .right-col-wrapper {
        flex: 1;
        max-width: 100%;
    }

    #listofSkus .three-col-format {
        flex-direction: column;
    }

    #listofSkus .three-col-format .sku-image {
        flex: 1;
        align-self: center;
    }

    #listofSkus .three-col-format .sku-content {
        margin: 0;
    }
}

#subheaddivider a.print-icon {
    display: none;
}

#content-main {
    width: 100%;
    float: left;
}

#block-pagetitle h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: .75em;
    font-family: Arial, sans-serif;
}

.alert-bar {
    width: 100%;
    float: left;
    padding: 2px 0;
}

.alert-bar .box {
    width: 100%;
    float: left;
    border: 1px solid #d0d0d0;
    position: relative;
    padding: 15px 30px 10px 10px;
}

.alert-bar p {
    width: 100%;
    float: left;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: normal;
    position: relative;
    padding: 0 0 0 22px;
}

.alert-bar p:before {
    content: "";
    width: 16px;
    height: 16px;
    float: left;
    background: url(https://www.bio-rad.com/themes/custom/biorad/img/questionmark.png) no-repeat center center;
    background-size: 14px auto;
    position: absolute;
    top: 0;
    left: 0;
}

.alert-bar .icon-close {
    float: right;
    font-size: 12px;
    color: #000000;
    line-height: 1em;
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 7px;
}

.alert-bar .icon-close:hover,
.alert-bar .icon-close:focus,
.alert-bar .icon-close:active {
    color: #01892a;
}

.hidden,
#leftnav,
.vert_divider,
.visually-hidden,
.overlay-dialog,
#overlay-shadow {
    display: none;
}

input#selectYesclick {
    margin-right: 20px;
}

.greenbttn-css {
    background: rgba(28, 169, 28, 1);
    background: -moz-linear-gradient(top, rgba(28, 169, 28, 1) 0, rgba(5, 95, 5, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(28, 169, 28, 1)), color-stop(100%, rgba(5, 95, 5, 1)));
    background: -webkit-linear-gradient(top, rgba(28, 169, 28, 1) 0, rgba(5, 95, 5, 1) 100%);
    background: -o-linear-gradient(top, rgba(28, 169, 28, 1) 0, rgba(5, 95, 5, 1) 100%);
    background: -ms-linear-gradient(top, rgba(28, 169, 28, 1) 0, rgba(5, 95, 5, 1) 100%);
    background: linear-gradient(to bottom, rgba(28, 169, 28, 1) 0, rgba(5, 95, 5, 1) 100%);
    color: #fff !important;
    font-family: helvetica, sans-serif;
    letter-spacing: 0;
}

table td[valign="top"] {
    vertical-align: top;
}

table thead&gt;tr&gt;th&gt;center {
    font-weight: 700;
}

.pd_table,
.opt-module-table,
.opt-module-grid-table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}

.pd_table thead,
table.pd_gridlines,
table.opt-module-table,
.opt-module-grid-table,
table.pd_gridlines tr,
table.opt-module-table tr,
table.opt-module-grid-table tr,
.pd-table {
    border-bottom: 1px solid #ccc;
}

.pd_table tbody {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.pd_table td,
.pd_table th,
.opt-module-table td,
.opt-module-table th,
.opt-module-grid-table td,
.opt-module-grid-table th {
    font-size: .9em;
    line-height: 1.5em;
    margin: 0;
    vertical-align: top;
    padding: 10px;
}

.pd_table tr&gt;td:first-child,
.pd_table tr&gt;th:first-child,
.opt-module-table tr&gt;td:first-child,
.opt-module-table tr&gt;th:first-child,
.opt-module-grid-table tr&gt;td:first-child,
.opt-module-grid-table tr&gt;th:first-child {
    padding: 10px 10px 10px 0;
}

.pd_gridlines-alternate tbody&gt;tr&gt;td:first-child,
.pd_gridlines-alternate thead&gt;tr&gt;th:first-child,
.opt-module-grid-table-horiz tr&gt;td:first-child,
.opt-module-grid-table-horiz tr&gt;th:first-child,
.opt-module-grid-table-horiz tr&gt;th,
.opt-module-grid-table-horiz tr&gt;td {
    padding: 10px;
}

.pd_gridlines-alternate tbody tr:nth-child(odd),
.pd_gridlines-alternate-col tbody tr&gt;td:nth-child(even) {
    background: #f2f2f2;
}

.corner-box-promo .bttn-block,
.corner-box-promo .bttn-block span,
.opt-module-grid-table-full,
.width100,
.tab-module-data,
.opt-image-lab-touch .corner-box-image-lab-touch-wf ul,
.opt-module-related-prod table,
.formModule form,
.form-clr7 form .mktoFormRow:nth-child(7)&gt;div,
.form-clr7 form .mktoFormRow:nth-child(7)&gt;div .mktoLabel,
.form-clr9 form .mktoFormRow:nth-child(9)&gt;div,
.form-clr9 form .mktoFormRow:nth-child(9)&gt;div .mktoLabel,
.formModule&gt;form&gt;.mktoFormRow&gt;div input,
.formModule&gt;form&gt;.mktoFormRow&gt;div select,
.SumoSelect&gt;.CaptionCont {
    width: 100%;
}

.flex-2-col&gt;li {
    width: 50%;
}

.width100 {
    height: auto;
}

.flex-3-col&gt;li {
    width: 33.33%;
}

.flex-4-col&gt;li {
    width: 25%;
}

.flex-5-col&gt;li {
    width: 20%;
}

.leaf-border-tips&gt;li:first-child,
.flex-container&gt;li {
    margin-left: 0;
}

.leaf-border-tips .step {
    background: #ccc;
    margin: -20px -20px 20px;
    text-align: center;
}

.leaf-border-tips .step span {
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    background: #fff;
    border-radius: 25px 25px 25px 25px;
    display: inline-block;
    margin: .3em 0;
    padding: .3em .5em;
    font-size: 30px;
    font-weight: bolder;
}

.container-content {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
}

.background-banner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row-reverse;
    overflow: hidden;
    min-height: 400px;
    background-color: var(--c_bg_1);
    margin-bottom: var(--m_5);
}

.background-banner figure {
    margin-left: -40px;
}

.background-banner img {
    width: 642px;
    height: 362px;
    object-fit: cover;
    max-width: 100%;
    float: right;
    border-radius: 0;
    position: relative;
}

.banner-wrapper-pull {
    position: relative;
    margin: 30px 0 0 -40px;
    width: 100%;
    max-width: 572px;
    padding: 0;
}

.banner-h1-text {
    background: var(--c_primary_dark);
    color: #fff;
    width: 100%;
    padding: 45px 54px;
}

.banner-h1-text h1 {
    font-style: normal;
    font-weight: 700;
    font-size: var(--fs_h1);
    line-height: var(--lh_2);
    letter-spacing: var(--ls_h1);
    color: #fff;
    padding-bottom: var(--s_6);
}

.banner-h1-text p {
    font-weight: 300;
    font-size: var(--fs_pf);
    line-height: var(--lh_4);
    letter-spacing: var(--ls_pf);
    color: #fff;
    padding: 0;
}

.padding--left-right {
    padding: 0 var(--s_8) var(--s_8);
}

.header-view-mod {
    border-bottom: 4px solid #1c2721;
    padding-bottom: 0;
    margin-bottom: var(--m_4);
}

.yourCustomAssay .header-view-mod {
    padding-bottom: var(--m_2);
    margin-bottom: var(--m_3);
    justify-content: space-between;
    display: flex;
    padding-top: var(--m_5);
}

.interestedList .header-view-mod {
    padding-bottom: var(--m_3);
    margin-bottom: var(--m_3);
    padding-top: var(--m_4);
}

.interestedList .header-view-mod h2 small {
    font-size: 18px;
    line-height: 24px;
}

.prevous_startover {
    display: flex;
    gap: 25px;
    align-items: center;
}

.force-underline {
    background-image: linear-gradient(to right, #000 33%, #0000 33% 66%, #000 66%) !important;
    background-position: right bottom;
    background-size: 300% 0.0625em;
    background-repeat: no-repeat;
    display: inline;
    position: relative;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    color: var(--c_dark);
}

.force-underline:hover {
    background-position: left bottom;
    transition: background-position 0.5s;
    color: var(--c_dark);
}

.stroked {
    text-decoration: line-through;
}

.loadingsvg {
    top: 50%;
    position: absolute !important;
    left: 50%;
}

.mr15 {
    margin-right: 15px;
}

.welcometxt {
    margin-bottom: var(--m_3);
}

.welcometxt p,
.welcometxt ul {
    padding: 0 0 10px;
    margin: 0;
}

.welcometxt ul li {
    margin: 0 0 5px 20px;
}

.welcometxt li:last-child {
    padding: 0;
}

.circ {
    border: 0.1em solid grey;
    border-radius: 100%;
    background: var(--c_primary_dark);
    text-align: center;
}

.circ p {
    font-weight: bold;
    height: 1.8em;
    width: 1.8em;
    color: #fff;
}

.select-module-header {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: 10px;
}

.select-module {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 48px;
}

.select-options label {
    display: flex;
    gap: 5px;
}

.select-options label.catalogLkup {
    gap: 15px;
    align-items: center;
    margin: 10px 0 0 15px;
}

.select-options label.catalogLkup input {
    max-width: 400px;
}

.select-options input[type="radio"] {
    height: 20px;
    width: 20px;
}

.select-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-left: 30px;
}

.prdt-config {
    display: flex;
    flex-direction: column;
    margin: 1em 2em 2em;
}

.prdt-config&gt;div {
    display: flex;
    max-width: 535px;
    margin: .75em 0;
    gap: 10px
}

.prdt-config&gt;div span:first-of-type {
    flex: 1 1 30%;
    text-align: right;
    font-weight: 700;
    margin-top: 2px;
}

.prdt-config&gt;div span:first-of-type::after {
    content: ":";
}

.prdt-config&gt;div span:nth-of-type(2) {
    flex: 1 1 90%;
    display: inline-flex;
    margin: 0 5px 0 0;
}

.prdt-config&gt;div span:nth-of-type(3) {
    margin-top: 2px;
}

.questionHelp i.bioicons-help {
    font-size: 22px !important;
}

.req-text,
#notes,
#messages,
.viewAssaybttn,
#notices {
    margin: 1em 3em 0;
}

.req-text p {
    padding: 0;
}

a#clearAnalytes {
    margin-left: 10px;
}

#messages a {
    font-weight: 700;
}

#messages,
#notices {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

div#analytes {
    margin: 1em 2.5em 0;
    column-count: 3;
    grid-template-columns: repeat(3, 1fr);
}

div#analytes label,
div#analytes div {
    display: flex;
    gap: 5px
}

#darknesss,
#darkness {
    background-color: rgba(0, 0, 0, 0.65);
    opacity: 0.65;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    display: none;
    pointer-events: none;
}

.loadingM.modal {
    background: none;
    border: 0;
    box-shadow: none;
    text-align: center;
    max-width: 0;
}

.jquery-modal {
    z-index: 100;
}

.loadingM a.close-modal {
    background: none !important;
}

.nav-open #darknesss,
.path-node .display-block {
    display: block;
}

.border-container {
    border: 1px solid #cccccc;
    border-radius: 10px 10px 0 0;
    padding: 20px 20px 0;
    box-shadow: 0 0 10px #cccccc;
}

#subheaddivider:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    margin-bottom: 1.5em;
}

.search-block-form {
    padding: 15px;
    box-shadow: 0 0 10px #ccc;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.page-node-type-generic img {
    max-width: none;
}

img.leftjustify {
    float: left;
    padding: 0 20px 0 0;
}

.corner-box.corner-box-table {
    padding: 0;
    margin-bottom: 20px;
}

.corner-box {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 0 6px #bababa;
    behavior: url(https://www.bio-rad.com/evportal/framework/skins/evolution/css/PIE.htc);
}

.corner-box-promo,
.opt-module .corner-box-promo {
    float: right;
    margin-left: 40px;
    width: 270px;
    padding: 10px;
}

.opt-module .corner-box {
    max-width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.corner-box.corner-box-table .pd_gridlines {
    margin: 0;
    border-left: 0;
    margin-top: -1px;
}

.corner-box.corner-box-table .pd_gridlines tr td:last-child {
    border-right: 0;
}

.corner-box.corner-box-table .pd_gridlines tr td:first-child {
    padding-left: 10px;
}

.pd_colorbackground {
    background: #f2f2f2;
}

.textcenter {
    text-align: center;
}

.portal_center {
    float: left;
    width: 100%;
    letter-spacing: .02em;
    font-size: 16px;
    line-height: 22px;
}

.portal_center h5 {
    padding: 20px 0;
    font-weight: 600;
}

#contentmain h4 {
    padding: 0 0 15px 0;
}

img.contentmaindividegrey {
    width: 100%;
    height: 1px;
    margin-bottom: 15px;
}

hr.content-divider-line {
    border-top: 1px solid #cccccc;
    margin: 0 0 20px;
}

.list-code-conducts-files {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5em;
}

.btn-link,
.btn_link_u {
    display: inline;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    color: var(--c_dark);
}

.cta-out a {
    font-size: var(--fs_sub);
}

.btn.btn-link {
    padding: 0 0 0.0625em;
    color: var(--c_dark);
    display: inline;
    font-weight: 300;
    border: 0;
    background-color: transparent;
}

.btn.btn-link-u {
    /*padding: 0 0 0.0625em;*/
    background-color: transparent;
    border: 0;
    color: var(--c_dark);
    display: inline;
    font-weight: 300;
    border-radius: 0;
}

.btn-link:after {
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    bottom: -0.0625em;
    background: #000;
    height: 0.0625em;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.btn_link_u {
    /*padding-bottom: 0.0625em;*/
    background-image: linear-gradient(to right, #000 33%, #0000 33% 66%, #000 66%);
    background-position: right bottom;
    background-size: 300% 0.0625em;
    background-repeat: no-repeat;
}

#block-breadcrumbs ol {
    display: flex;
    font-family: Arial, Helvetica, sans-serif;
    flex-wrap: wrap;
    letter-spacing: 0;
    margin: 20px 20px 0;
    font-size: 12px;
    line-height: 15px;
}

#block-breadcrumbs ol li a {
    color: #056121;
    font-weight: 700;
}

#block-breadcrumbs ol li a:after {
    content: "&gt;";
    padding: 0 5px;
    font-family: "FontAwesome";
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

#block-breadcrumbs ol li a:hover {
    text-decoration: none;
}


.border-container .coh-column.coh-col-xl-4 {
    padding-left: 20px;
    margin-bottom: 25px;
}

.border-container .coh-column.coh-col-xl-4 form {
    border: 1px solid #ccc;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0 0 5px #ccc;
}

.border-container .coh-column {
    padding: 0;
}

h2.corp-header {
    font-size: 24px;
    line-height: 30px;
    padding: 0 0 15px;
}

.btn-out .btn {
    padding: 0.25em 1em;
    font-size: 14px;
    line-height: 20px;
}

.logo-only img {
    width: 100px;
}

/* View Configured Items CSS */
.corp-container-div.contact-content {
    margin: 10px 0 0;
}

.three-col-format {
    display: flex;
    padding: 30px 0
}

.three-col-format img {
    max-width: none
}

.sku-image {
    flex: 1
}

.sku-content {
    flex: 3;
    margin: 0 15px
}

.sku-content a {
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    background-image: none !important
}

.sku-ecommerce {
    flex: 2;
    max-width: 380px;
}

.discOrInacMsgStyle {
    color: #c00;
    font-style: italic;
    width: 100%;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: left;
    float: left;
    margin-bottom: 20px;
}

.prize {
    display: flex;
    padding: 10px 10px 10px 0;
    gap: 5px;
}

.prize .lrg {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    font-weight: 700;
}

.sku-related-products .btn-list {
    display: flex;
    flex-wrap: wrap;
}

.prize input.quantity-size {
    padding: 0 0 0 4px;
}

.errormessagebox {
    position: absolute;
    width: 400px;
    margin-left: 0;
    padding: 5px;
    background: #f4fef5;
    z-index: 1;
    border: 1px solid #ccc;
    margin-top: -115px;
}

.leftcolumn_info span,
.errormessagebox span.delete.closeMsgBox.bioicons-x-close {
    font-size: 1rem !important;
}

.errormessagebox span.delete.closeMsgBox.bioicons-x-close {
    float: right;
    position: absolute;
    right: 5px;
    top: 2px;
    font-weight: 700;
    cursor: pointer;
}

.leftcolumn_info {
    float: left;
    width: 25px;
    margin: 4px 0 0 10px;
}

.leftcolumn_info span,
.errormessagebox span.delete.closeMsgBox.bioicons-x-close {
    font-size: 1rem !important;
}

.rightcolumn_info {
    height: auto;
    margin: 5px 14px 0;
    overflow: auto;
}

.rightcolumn_info p {
    padding: 0 0 5px;
}

.sku-related-products .btn-out {
    width: auto;
    margin: 0 15px 15px 0;
}

.btn-out {
    width: auto;
    float: left;
    margin: 0 0 5px;
}

.container-content .container.border-container a.button {
    display: inline-block;
    background: var(--c_primary_dark);
}

.container-content .container.border-container a.bttn-block,
.container-content .container.border-container a.button {
    background-image: none;
    color: #fff;
}

.container-content .btn-out .btn.greenbttn,
.container-content .btn-out .btn.btn-white {
    background-image: none;
    padding: 10px;
    display: inline-block;
}

a.bttn-block,
a.button {
    background: 0 0;
}

.coh-ce-e45147a6 {
    display: none;
}

.coh-ce-305a20b3 {
    display: none;
}

.prize label {
    width: 100%;
    float: left;
    font-weight: 400;
    font-size: 1rem;
    line-height: 26px;
    letter-spacing: .03em;
    text-transform: none;
    padding: 0 0 10px;
    margin: 0;
}

.options-content a:not(.header) {
    overflow: hidden;
}

.contact-us-redesign a:not(.coh-link):not(.btn),
a:not(.header):not(.btn):not(.bttn-block):not(.newTabs):not(.pagenav a):not(.boxes-overall a):not(.grettextBttn1):not(.alltextBttn1):not(.a-unstyled):not(.questionHelp):not(.pre-footer a):not(#header-main a):not(.top-bar-unstick a):not(.close-modal) {
    background-image: linear-gradient(to right, #000 33%, #0000 33% 66%, #000 66%);
    background-position: right bottom;
    background-size: 300% .0625em;
    background-repeat: no-repeat;
    display: inline;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: var(--c_dark);
}

.sku-related-products ul.coh-list-container.coh-unordered-list {
    display: none;
}

.contact-us-redesign a:hover,
.contact-us-redesign a:focus,
a:not(.header):not(.btn):not(.bttn-block):not(.newTabs):not(.pagenav a):not(.boxes-overall a):not(.grettextBttn1):not(.alltextBttn1):not(.a-unstyled):not(.questionHelp):not(.pre-footer a):not(#header-main a):not(.top-bar-unstick a):hover {
    background-position: left bottom;
    transition: background-position .5s;
    color: var(--c_dark);
}

.btn-out .btn.greenbttn {
    font-size: var(--fs_btn_md);
    padding: 18px 24px 16px;
    border-radius: 18px;
    color: #fff;
    background-color: var(--c_primary_dark);
    border: 1px solid var(--c_primary_dark);
    line-height: var(--lh_3);
}

.opt-module a {
    cursor: pointer !important;
}

.btn-out .btn.btn-white {
    font-size: var(--fs_btn_md);
    padding: 18px 24px 16px;
    border-radius: 18px;
    color: var(--c_dark);
    background-color: transparent;
    border: 1px solid var(--c_gray_med);
    line-height: var(--lh_3);
}

.sku-related-products .addtohotlistButton {
    margin-bottom: 15px;
}

.PromoImgIcons {
    display: flex;
    gap: 6px;
}

a.promotion,
a.promotionSearch {
    background: url(/evportal/framework/skins/evolution/images/icon_percent.png) no-repeat !important;
    display: block;
    float: left;
    height: 19px;
    margin-right: 0;
    width: 20px;
}

.sku-ecommerce [class^=bioicons-],
.sku-ecommerce [class*="bioicons-"] {
    font-size: 16px !important;
    display: inline-block;
    vertical-align: middle;
}

.btn-out .btn.greenbttn.buyNowLink {
    background: var(--c_secondary_dark);
    border: 1px solid var(--c_secondary_dark);
}

.btn-out .btn.greenbttn:hover {
    background: var(--c_primary);
    border: 1px solid var(--c_primary);
}

.btn-out .btn.greenbttn.buyNowLink:hover {
    background: var(--c_primary_dark);
    border: 1px solid var(--c_primary_dark);
}

aside .btn-list .prize label {
    font-weight: 700;
}

.container-content .btn-out .btn.btn-white.CartQuoteIntLink {
    background: #fff;
    color: var(--c_dark);
}

@media only screen and (max-width: 576px) {
    .coh-container.container-content {
        padding: 0;
    }

    .list-code-conducts-files li {
        width: calc(100%/2);
        padding: 4px;
    }

    .countrycolum1 {
        column-count: 1;
    }

    select#otherSelect {
        max-width: 100%;
    }

    #block-breadcrumbs ol {
        margin: 20px 0;
    }

    #block-breadcrumbs ol li:last-child {
        padding-bottom: 0;
    }

    .countries-list h3 {
        display: block;
        padding-bottom: 5px;
    }

    .country-row.country-label-header {
        display: none;
    }

    .country-row {
        display: flex;
        flex-direction: column;
    }

    .country-row-item,
    .country-row-item.u-Flex-grow2 {
        width: auto;
        flex-basis: auto;
        border-right: none;
    }
}

@media only screen and (max-width: 480px) {
    .list-code-conducts-files li {
        width: 100%;
        padding: 4px;
    }

    .errorContainer p.clear {
        max-width: 100%;
    }
}

.bttn-block {
    display: inline-block;
}

.bttn-block span,
.bttn-css {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    font-family: helvetica, sans-serif;
    text-align: center;
    padding: .5em 1.5em;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    white-space: nowrap;
}

.bttn-block.bttn-block-sm span {
    font-size: .85em;
    padding: .5em .9em;
}

.bttn-green {
    background: #01892a;
    border: 2px solid #01892a;
    color: #fff;
}

.bttn-orange,
.orangebttn-css {
    background: #d1460a;
    border: 2px solid #d1460a;
    color: #fff;
}

.bttn-green:hover {
    border: 2px solid #01ad04;
    background-color: #01ad04;
    color: #fff;
}

.bttn-orange:hover,
.orangebttn-css:hover {
    border: 2px solid #ea6004;
    background-color: #ea6004;
    color: #fff;
}

.imgleft {
    float: left;
    margin: 0 15px 15px 0;
}

.product-label {
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
}

.scrollup {
    background: url(https://www.bio-rad.com/webroot/web/images/lsr/global/english/products/electrophoresis/category_feature/global/top-button.png) no-repeat;
    top: 0;
    display: none;
    height: 47px;
    opacity: 1;
    position: fixed;
    right: 10%;
    text-indent: -9999px;
    width: 44px;
    z-index: 1;
}

.scrollup:hover {
    background: url(https://www.bio-rad.com/webroot/web/images/lsr/global/english/products/electrophoresis/category_feature/global/top-button.png) no-repeat;
    height: 47px;
    opacity: .5;
    width: 44px;
    z-index: 1;
}


img.right,
div.right,
.float-div.right,
iframe.right {
    margin-left: 20px;
    margin-bottom: 20px;
}

img.left,
div.left,
.float-div.left,
iframe.left {
    margin-right: 20px;
    margin-bottom: 20px;
}

.list-set&gt;li {
    margin-left: 0;
    padding-bottom: 30px;
    margin-bottom: 0;
}

ul.list-set.list-two-col,
ul.list-set.list-three-col,
ul.list-set.list-five-col,
ul.list-set.list-six-col {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap: 5%;
}

.opt-module .list-set h2 {
    font-size: 27.6px;
    line-height: 35px;
}

.opt-module-first {
    padding-top: 15px !important;
}

.opt-module .list-three-col img {
    height: auto;
    max-width: 281px;
}

.opt-module-hdr {
    min-height: 95px;
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.opt-module-hdr h2 {
    padding-bottom: 0;
}

.corner-box-promo img {
    float: right;
    padding-left: 15px;
}

.opt-module h3 a {
    font-weight: 700;
}

.sup-list {
    padding-left: 1em !important;
    text-indent: -1em;
}

.list-bullets {
    margin-left: 0;
    overflow: auto;
    padding-left: 1.25em;
}

.list-bullets&gt;li {
    float: left;
    padding-right: 5%;
    margin-bottom: 0;
}

.list-primary&gt;li {
    list-style: disc;
    margin-bottom: 0;
}

.wrapped-list&gt;li {
    margin-left: -1em;
    margin-bottom: 0;
}

.disc-list {
    list-style-type: disc;
}

.bar-graph-key {
    display: inline-block;
    height: 1em;
    margin-bottom: -.2em;
    overflow: hidden;
    width: 1em;
}

.circle {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    display: inline-flex;
    vertical-align: middle;
    margin: auto;
    background-color: #edf1e4;
}

.fa-2 {
    font-size: 2em;
    padding-right: 0;
}

.fa:after {
    content: "";
}

.centered-div {
    margin-left: auto !important;
    margin-right: auto !important;
}

.corner-box h1,
.corner-box h2,
.corner-box h3,
.corner-box h4,
.corner-box h5,
.corner-box h5,
.corner-box p,
.corner-box li {
    clear: none;
}

.opt-module p {
    margin-top: 0;
}

.opt-module .filesize {
    font-size: 14px;
}

.opt-module {
    width: 100%;
    margin: 0 -22px 0 -20px;
    box-sizing: content-box;
    padding: 20px;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

#divmsgtable {
    margin: 10px 10px 0;
    width: auto;
}

#pane_box_homepage {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
    background: #f4fef5;
    border: 1px solid #ccc;
}

#pane_box .delete,
#pane_box_homepage .delete {
    float: right;
    position: absolute;
    right: 5px;
    top: 2px;
    font-weight: 700;
    cursor: pointer;
}

.leftcolumn_homepage {
    float: left;
    width: 10%;
    margin-left: 10px;
    margin-top: 0;
}

.rightcolumn_homepage {
    height: auto;
    margin: 5px 14px 0;
    overflow: auto;
}

.rightcolumn_homepage p:last-child {
    padding: 0 0 10px;
    font-weight: 700;
}

.rightcolumn_homepage p span {
    font-weight: 400;
}

.bg-black,
.dot.black,
.opt-bg-blk,
.SumoSelect&gt;.optWrapper.multiple&gt;.MultiControls&gt;p:hover {
    background-color: #000;
}

.width10 {
    width: 10%;
    height: auto;
}

.width20 {
    width: 20%;
    height: auto;
}

.width22 {
    width: 22%;
    height: auto;
}

.width25,
.qtr-wide {
    width: 25%;
    height: auto;
}

.width30 {
    width: 30%;
    height: auto;
}

.width33,
.thirds-wide {
    width: 33.33%;
    height: auto;
}

.thirds-wide-first {
    margin-left: -25px;
    height: auto;
}

.width35 {
    width: 35%;
    height: auto;
}

.width40 {
    width: 40%;
    height: auto;
}

.width45 {
    width: 45%;
    height: auto;
}

.width50,
.half-wide {
    width: 50%;
    height: auto;
}

.width55 {
    width: 55%;
    height: auto;
}

.width60 {
    width: 60%;
    height: auto;
}

.width65 {
    width: 65%;
    height: auto;
}

.width70 {
    width: 70%;
    height: auto;
}

.width75 {
    width: 75%;
    height: auto;
}

.width80 {
    width: 80%;
    height: auto;
}

.width85 {
    width: 85%;
    height: auto;
}

.width90 {
    width: 90%;
    height: auto;
}

.width280 {
    width: 280px;
}

.two-thirds-wide {
    width: 66.66%;
}

table#events_body {
    width: 100%;
}

span.inlineform {
    display: flex;
    gap: 10px;
    margin-top: 1em;
    align-items: flex-start;
}

.inlineform input {
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1 solid #ccc;
    padding: .5em;
    float: left;
    font-size: 16px;
}

.opt-greenbttn {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    font-family: helvetica, sans-serif;
    text-align: center;
    margin: 0;
    width: auto !important;
    padding: .5em 1.5em;
    white-space: nowrap;
    background: #01892a;
    border: 2px solid #01892a;
    color: #fff;
}

.opt-greenbttn:hover {
    border: 2px solid #01ad04;
    background-color: #01ad04;
    color: #fff;
}

.discOrInacMsgStyle a {
    color: #c00;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: 0.04em;
}

.discOrInacMsgStyle {
    color: #c00;
    font-style: italic;
    width: 100%;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: left;
    float: left;
    margin-bottom: 20px;
}

.list-three-col li {
    flex: 0 0 30%;
    list-style: none;
    margin: 0;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.forcebreaks {
    white-space: nowrap;
}

.three-col-list {
    display: flex;
}

.left-txt {
    text-align: left;
}

.clearfloat {
    float: none !important;
    clear: both;
}

.regfont {
    font-weight: 100;
}

.top-border {
    border-top: 1px solid #ccc !important;
}

.bttm-border {
    border-bottom: 1px solid #ccc !important;
}

.left-border {
    border-left: 1px solid #ccc !important;
}

.right-border {
    border-right: 1px solid #ccc !important;
}

.dashed-stroke-2px {
    border: 2px dashed #ccc;
}

ul.list-set.list-five-col.top-margin {
    display: flex;
}

.view .coh-ce-3491608d {
    background: none;
}

.ui-autocomplete.ui-front {
    z-index: 102;
}

.opt-module .content,
.content {
    padding: 20px;
}

.corner-box.stroke {
    box-shadow: none;
}

.min-height-5em {
    min-height: 5em;
}


.txt-green {
    color: #01892a;
}

.fa-filter {
    font-family: arial, helvetica, sans-serif;
    font-weight: bolder;
}

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

    .path-node .list-three-col li,
    .path-node ul.list-set.list-two-col li,
    .path-node .overflow-auto,
    .path-node .width45,
    ul.list-set.list-three-col li,
    .path-node .opt-module-video-feature&gt;.right,
    .path-node .opt-module-pcr-reagents-consumables .col-feature:nth-of-type(2),
    .path-node .opt-transfer-systems .col-feature:nth-of-type(1),
    .path-node .opt-module-pcr-reagents-consumables .col-feature:nth-of-type(3),
    .path-node .opt-transfer-systems&gt;.col-feature:nth-of-type(2) {
        width: 100%;
        flex: 1 0 auto;
    }

    ul.list-set.list-four-col li,
    ul.list-set.list-six-col li {
        width: calc(100%/2);
        flex: 1 0 auto;
    }

    .opt-leaderboard-DBG&gt;div:first-of-type {
        padding-left: 0;
    }

    .vertdivider,
    .pagenav {
        display: none;
    }

    .path-node .corner-box-promo,
    .path-node .opt-module .corner-box-promo {
        width: auto !important;
        max-width: 100%;
        margin: 0 0 15px;
        float: none;
    }

    .path-node .opt-module .list-three-col img {
        max-width: 100%;
        margin: 0 auto 15px;
    }

    .path-node .opt-module {
        margin: 0 -22px 0 -20px;
    }

    ul.list-set.list-three-col li:nth-child(3n) {
        padding-bottom: 30px;
    }
}

a.promotion,
a.promotionSearch {
    background: url(https://www.bio-rad.com/evportal/framework/skins/evolution/images/icon_percent.png) no-repeat;
    display: block;
    float: left;
    height: 19px;
    margin-right: 0;
    width: 20px;
}

@media only screen and (max-width: 991px) {
    .opt-module {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .border-container {
        border: none;
        box-shadow: none;
    }

    .path-node .mobile-margin-bottom2em {
        margin-bottom: 2em;
    }

    .path-node .mobile-margin-bottom1em {
        margin-bottom: 1em;
    }

    .path-node .width-mobile-full,
    .path-node .list-set&gt;li {
        width: 100%;
    }

    .path-node .list-set&gt;li {
        margin-right: 0;
    }

    img.width-mobile-full,
    .path-node .mobile-center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .path-node .float-mobile-none,
    .path-node .list-set&gt;li {
        float: none;
    }

    .path-node .hide-bg-mobile {
        background-image: none;
    }

    .path-node .show-mobile {
        display: inherit;
    }

    .path-node .hide-mobile {
        display: none;
    }

    .container-16x9 {
        position: relative;
        padding-bottom: 56%;
        overflow: hidden;
    }

    .container-16x9&gt;* {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}

.hr-divider {
    height: 1px;
    width: 100%;
    margin: 30px 0;
    color: #cccccc;
}


.in-line-message {
    display: inline-block;
}

a.search-banner-button {
    background: url(https://www.bio-rad.com/webroot/web/images/lsr/products/electrophoresis/product_detail/global/button-orange_a.png) no-repeat scroll right top transparent;
    color: #fff;
    display: block;
    float: left;
    font-size: 11px;
    height: 25px;
    overflow: hidden;
    padding: 0 13px 0 0;
    text-decoration: none;
}

.search-banner-div-text {
    background: url(https://www.bio-rad.com/webroot/web/images/lsr/products/electrophoresis/product_detail/global/button-orange_span1.png) no-repeat scroll 0 0 transparent;
    color: #fff;
    font-weight: 700;
    height: 25px !important;
    padding: .45em 0 0 10px;
}

.scrollup {
    background: url(https://www.bio-rad.com/webroot/web/images/lsr/global/english/products/electrophoresis/category_feature/global/top-button.png) no-repeat;
    bottom: 0;
    display: none;
    height: 47px;
    opacity: 1;
    position: fixed;
    right: 10%;
    text-indent: -9999px;
    width: 44px;
    z-index: 1;
}

.scrollupeu {
    bottom: 33px;
}

.scrollup:hover {
    background: url(https://www.bio-rad.com/webroot/web/images/lsr/global/english/products/electrophoresis/category_feature/global/top-button.png) no-repeat;
    height: 47px;
    opacity: .5;
    width: 44px;
    z-index: 1;
}

.opt-module .corner-box-promo h2,
.corner-box-promo h2 {
    margin-bottom: .3em;
    padding-bottom: 0;
}

.tooltiptext {
    background-color: #555;
    border-radius: 6px;
    bottom: 125%;
    color: #fff;
    left: 55%;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    visibility: hidden;
    width: 120px;
    z-index: 1;
}

.tooltiptext::after {
    border-color: #555 transparent transparent;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 45.8%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
}

span:hover .tooltiptext {
    opacity: 1;
    visibility: visible;
}

.order-entry-module {
    max-width: 350px;
    margin: 0 auto;
    padding: 60px 0;
}

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

    .category-products-list li,
    .cat-list-ft,
    .overview-module-overview-module {
        width: 100%;
    }

    .order-entry-module {
        padding: 5px 0 35px;
    }
}

div#wrapper {
    background: #f4f2f2;
}


#breadcrumb a {
    color: #01892a;
    transition: all .25s ease-out;
}

a.new-target-image::after {
    content: "\f35d";
    padding: 0 0 0 5px;
    font-family: "FontAwesome";
    font-weight: 400;
    font-size: .7em;
    display: inline-block;
    margin-top: -.2em;
    vertical-align: top;
}

ul.list-set.list-two-col {
    display: flex;
    justify-content: space-between;
    gap: 5%;
    flex-flow: wrap;
    list-style: none;
    padding: 0;
    margin: 25px 0 0;
}

.list-two-col&gt;li,
.flex-2-col.flex-col-stroke&gt;li {
    width: 47.5%;
}

.list-set&gt;li {
    margin-left: 0;
    padding-bottom: 30px;
    margin-bottom: 0;
}

.list-set-th h3 {
    font-size: 16px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    font-weight: 700;
    padding-bottom: 0;
}

.order-look-module p.pdb20 {
    padding-bottom: 20px;
}

.order-look-module p.pdb15 {
    padding-bottom: 15px;
}

.opt-module-grid-table ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.wrap-three-col.spread {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.wrap-three-col.spread&gt;div {
    flex: 1;
    align-content: start;
}

.wrap-three-col.spread&gt;div a {
    display: flex;
    flex-direction: column;
}

.mybr-promotions {
    padding: 1em 0 2em;
}

/* Footer CSS */

.bea-portal-book-primary {
    padding-top: 100px;
}

#footerContent {
    float: left;
    width: 100%;
}

#footer-main.redesign-footer [class^="bioicons-"],
#footer-main.redesign-footer [class*="bioicons-"] {
    color: #fff;
}

#footer-main.redesign-footer .social ul li {
    line-height: 100%;
    margin-bottom: 0;
    margin-left: 23px;
}

#footer-main.redesign-footer .social ul li:first-of-type {
    margin-left: 0;
}

#footer-main.redesign-footer .social {
    display: flex;
    list-style-type: none;
}

#footer-main.redesign-footer .social ul {
    list-style: none;
    display: flex;
    padding: 0;
}

.social i {
    font-size: 20px;
    line-height: 100%;
    border-radius: 50%;
    margin-right: 0.2em;
    transition: all 0.2s ease-in-out;
    display: flex;
    justify-content: center;
}

.social i:before {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.social a {
    text-decoration: none;
}

#footer-main.redesign-footer .old-footer {
    display: none;
}

#footer-main.redesign-footer {
    background: #1c2721;
}

.page-node-type-homepage #footer-main.redesign-footer {
    background: #1c2721;
}

#footer-main.redesign-footer .container {
    background: #1c2721;
    padding: 40px;
    margin: 0 auto 20px;
    border-radius: none;
    max-width: 1440px !important;
}

.new-redesign-module {
    flex-wrap: wrap;
    gap: 40px;
    padding: 0 0 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}

.logo-social--icons {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.logo-social--icons a {
    align-self: self-start;
}

.logo-social--icons img.coh-image {
    width: 134px;
    height: 36px;
}

.logo-social--icons .social {
    flex-direction: column;
    margin-left: 14px;
}

p.social--follow-us {
    color: #fff;
}

h5.social--follow-us {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
}

ul.footer-content--links {
    display: flex;
    list-style: none;
    flex-direction: column;
    flex-wrap: wrap;
}

ul.footer-content--links li {
    margin: 0 0 24px;
    padding: 0;
}

.global--footer {
    display: flex;
    gap: 160px;
    flex-wrap: wrap;
}

ul.footer-content--links li:last-child {
    margin: 0;
}

ul.footer-content--links li h5 {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25em;
    margin: 0;
}

ul.footer-content--links :is(li, h5, a) {
    color: #fff;
}

.social a:hover i:before,
.social a:focus i:before {
    opacity: 0.7;
}

a.new-target-image:after,
.footer-dcr--links a.new-target-image:after {
    font-family: 'bioicons' !important;
    font-size: 16px !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea05";
    margin: 0;
    padding: 0;
}

div#footer-main.redesign-footer .redesign-footer-links-block {
    text-align: left;
    font-size: 14px;
    float: left;
    line-height: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: #d8d8d8;
    max-width: 700px;
}

div#footer-main.redesign-footer .redesign-footer-links-block a {
    color: #d8d8d8;
    width: 100%;
    max-width: 220px;
}

span.footer-pipe {
    display: none;
}

#footer-main.redesign-footer .brc-footer-links-block div.brc-footer-links-block {
    display: flex;
    float: right;
    max-width: 400px;
    min-height: 78px;
    align-items: end;
    flex-direction: column-reverse;
    gap: 40px;
}

#footer-main.redesign-footer .brc-footer-links-block div.brc-footer-links-block span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.01em;
}

#footer-main.redesign-footer .brc-footer-links-block div.brc-footer-links-block span a {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    color: #fff;
    letter-spacing: 0;
    border-radius: 15px;
}

#footer-main.redesign-footer .brc-footer-links-block {
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    font-size: 12px;
    margin-top: 20px;
    line-height: 20px;
    width: 100%;
    display: block;
}

.country-sel-link {
    border: 1px solid #fefefe;
    padding: 5px 20px;
    margin: 10px;
    white-space: nowrap;
}

.footer-dcr--links {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.sr-only {
    position: absolute;
    left: -999em;
}

@media(min-width: 991px) and (max-width: 1264px) {
    .global--footer {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media (max-width: 991px) {

    [class^="bioicons-"],
    [class*=" bioicons-"],
    [class^="bioicons_"],
    [class*=" bioicons_"] {
        font-size: 32px !important;
    }

    #footer-main.redesign-footer [class^="bioicons-"],
    #footer-main.redesign-footer [class*="bioicons-"] {
        font-size: 40px !important;
    }

    #footer-main.redesign-footer .social ul li {
        margin-left: 22px;
    }

    #footer-main.redesign-footer .social ul li:first-of-type {
        margin-left: 0;
    }

    .global--footer {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    #bioplexModelMain .sku-content {
        margin: 20px 0 0;
    }

    #bioplexModelMain .three-col-format,
    #bioplexModelMain .yourCustomAssay .header-view-mod {
        flex-direction: column;
    }

    #bioplexModelMain .prevous_startover {
        margin-top: 20px;
    }

    #bioplexModelMain h2 small {
        display: block;
    }

    #bioplexModelMain .yourCustomAssay .header-view-mod {
        padding-top: var(--m_2);
    }

    #bioplexModelMain .select-options label {
        flex-flow: wrap;

    }

    #header-main.v2 .mini-cart a:before {
        font-size: 20px !important;
        margin: auto 4px auto 0;
        content: "\ea35";
        font-family: 'bioicons' !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff !important;
    }

    #footer-main.redesign-footer .container {
        padding: 30px;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-sr-only {
        position: absolute;
        left: -999em;
    }

    #footer-main.redesign-footer .social ul li {
        margin-left: 10px;
    }

    .global--footer,
    .footer-dcr--links {
        gap: 0px;
    }

    .logo-social--icons .social {
        margin-left: 0;
    }

    h5.social--follow-us,
    ul.footer-content--links li h5 {
        font-size: 18px;
        line-height: 24px;
    }

    ul.footer-content--links {
        width: 48%;
        margin: 0;
        padding: 0;
    }

    ul.footer-content--links li:last-child {
        margin-bottom: 24px;
    }

    #footer-main.redesign-footer [class^=bioicons-],
    #footer-main.redesign-footer [class*=bioicons-] {
        font-size: 20px !important;
    }

    div#footer-main.redesign-footer .redesign-footer-links-block a {
        flex: 1 0 100%;
    }

    #footer-main.redesign-footer .brc-footer-links-block div.brc-footer-links-block {
        align-items: center;
        margin-top: 4em;
        max-width: 100%;
        min-height: auto;
    }
}

@media (hover: hover) {
    a:hover {
        text-decoration: none;
        color: inherit;
    }

    a.btn:hover,
    button.btn:hover {
        text-decoration: none;
        border-width: 1px;
    }

    a.btn-primary:hover,
    button.btn-primary:hover,
    a.btn-primary:focus,
    button.btn-primary:focus {
        color: #fff !important;
        background-color: var(--c_primary_light) !important;
        border-color: var(--c_primary_light) !important;
    }

    a.btn-outline-primary:hover,
    button.btn-outline-primary:hover,
    a.btn-outline-primary:focus,
    button.btn-outline-primary:focus {
        color: #fff !important;
        background-color: var(--c_primary_light) !important;
        border-color: var(--c_primary_light) !important;
    }

    a.btn-outline-secondary:hover,
    button.btn-outline-secondary:hover,
    a.btn-outline-secondary:focus,
    button.btn-outline-secondary:focus,
    .btn-out .btn.btn-white:focus,
    .btn-out .btn.btn-white:hover {
        color: var(--c_dark) !important;
        background-color: #e3e3e3 !important;
        border: 1px solid var(--c_gray_med) !important;
    }

    a.btn-white:hover,
    button.btn-white:hover,
    a.btn-white:focus,
    button.btn-white:focus {
        color: #fff !important;
        background-color: transparent !important;
        border-color: #fff !important;
    }

    a.btn-outline-white:hover,
    button.btn-outline-white:hover,
    a.btn-outline-white:focus,
    button.btn-outline-white:focus {
        color: var(--c_primary_dark) !important;
        background-color: #fff !important;
    }

    a.btn-link:hover:after,
    a.btn-link:focus:after,
    a.btn-link:active:after,
    button.btn-link:hover:after,
    button.btn-link:focus:after,
    button.btn-link:active:after {
        left: 0;
        right: auto;
        width: 100%;
        color: var(--c_dark);
    }

    a.btn-link:hover,
    button.btn-link:hover {
        color: var(--c_dark);
    }

    a.btn-link-u:hover,
    button.btn-link-u:hover,
    .explore-wrapper&gt;div a:hover,
    .container.contact-us-redesign a:hover,
    .container.contact-us-redesign a:focus,
    .container.border-container a:hover {
        background-position: left bottom;
        transition: background-position 0.5s;
        color: var(--c_dark);
    }
}

.btnlinkU {
    display: inline;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    color: var(--c_dark);
    background-image: linear-gradient(to right, #000 33%, #0000 33% 66%, #000 66%);
    background-position: right bottom;
    background-size: 300% 0.0625em;
    background-repeat: no-repeat;
}

a.btnlinkU:hover,
a.btnlinkU:focus,
a.btnlinkU:active {
    background-position: left bottom;
    transition: background-position 0.5s;
    color: var(--c_dark);
    text-decoration: none;
}

.inputsection {
    display: flex;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    width: 100%;
}

.inputsection svg {
    margin: 10px;
}

.inputsection div {
    margin: 10px 0;
    display: inline;
}

.inputsection div label {
    display: none;
}

.inputsection div .searchAddresslist {
    border: 0;
    padding: 0;
    margin: 0;
    outline: none;
}

.inputsection div .searchAddresslist:focus,
.inputsection div .searchAddresslist:hover {
    box-shadow: none;
}

.loadingsvg.modal {
    background: none;
    border: 0;
    box-shadow: none;
    text-align: center;
    max-width: 0;
}

.jquery-modal {
    z-index: 103 !important;
}

.loadingsvg a.close-modal {
    background: none !important;
}

.errormessagebox {
    position: absolute;
    width: 400px;
    margin-left: 0;
    padding: 5px;
    background: #f4fef5;
    z-index: 1;
    border: 1px solid #ccc;
    margin-top: -115px;
}

.errormessagebox span.delete.closeMsgBox.bioicons-x-close {
    float: right;
    position: absolute;
    right: 5px;
    top: 2px;
    font-weight: 700;
    cursor: pointer;
}

.leftcolumn_info {
    float: left;
    width: 25px;
    margin: 4px 0 0 10px;
}

.leftcolumn_info span,
.errormessagebox span.delete.closeMsgBox.bioicons-x-close {
    font-size: 1rem !important;
}

.rightcolumn_info {
    height: auto;
    margin: 5px 14px 0;
    overflow: auto;
}

.rightcolumn_info p {
    padding: 0 0 5px;
}

#block-pagetitle h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: .75em;
    font-family: Arial, sans-serif
}

.alert-bar {
    width: 100%;
    float: left;
    padding: 2px 0
}

.alert-bar .box {
    width: 100%;
    float: left;
    border: 1px solid #d0d0d0;
    position: relative;
    padding: 15px 30px 10px 10px
}

.alert-bar p {
    width: 100%;
    float: left;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: normal;
    position: relative;
    padding: 0 0 0 22px
}

.alert-bar p:before {
    content: "";
    width: 16px;
    height: 16px;
    float: left;
    background: url(/themes/custom/biorad/css/../img/questionmark.png) no-repeat center center;
    background-size: 14px auto;
    position: absolute;
    top: 0;
    left: 0
}

.alert-bar .icon-close {
    float: right;
    font-size: 12px;
    color: #000;
    line-height: 1em;
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 7px
}

.alert-bar .icon-close:hover,
.alert-bar .icon-close:focus,
.alert-bar .icon-close:active {
    color: #01892a
}

.ship-info {
    display: flex;
    gap: 10px;
    font-size: 12px;
    margin: 20px 0 0;
}

.ship-info .bioicons-circle-exclamation-outline::before {
    color: var(--c_primary);
    font-size: 18px;
    float: left;
}

.hidden,
#leftnav,
.vert_divider,
.visually-hidden,
.new-redesign-module {
    display: none
}

input#selectYesclick {
    margin-right: 20px
}

#footer-main {
    width: 100%;
    background: #f4f2f2;
    padding: 0 20px
}

#footer-main .container {
    background: #767676;
    padding: 20px 20px 0;
    margin: 0 auto 20px;
    border-radius: 0 0 10px 10px
}

#footer-main .pre-footer {
    width: 100%;
    float: left
}

#footer-main .pre-footer .col {
    width: 20%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px 30px
}

#footer-main .pre-footer .col ul {
    padding: 0;
    margin: 0
}

#footer-main .pre-footer .col ul li {
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    letter-spacing: 0;
    padding: 0 0 7px;
    list-style: none;
    margin: 0
}

#footer-main .pre-footer .col ul li:before {
    display: none
}

#footer-main .pre-footer .col ul li:last-child {
    padding-bottom: 0
}

#footer-main .pre-footer .col ul li a {
    color: #fff
}

#footer-main .pre-footer .col ul li a:hover,
#footer-main .pre-footer .col ul li a:focus,
#footer-main .pre-footer .col ul li a.active {
    color: #f9f9f9
}

#footer-main .pre-footer .col .accord-title {
    display: block !important;
    font-weight: 700;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 20px;
    letter-spacing: 0;
    padding: 0 0 7px
}

#footer-main .pre-footer .col .accord-cont {
    width: 100%;
    float: left
}

#footer-main .pre-footer .col .social {
    width: 100%;
    float: left;
    position: relative;
    z-index: 5;
    margin: 5px 0
}

#footer-main .pre-footer .col .social ul {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 -15px;
    list-style: none
}

#footer-main .pre-footer .col .social ul li {
    width: 22px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    border-radius: 360px;
    padding: 0;
    margin: 0 0 15px
}

#footer-main .pre-footer .col .social ul li:before {
    display: none
}

#footer-main .pre-footer .col .social ul li img {
    border-radius: 360px;
    width: 20px;
    height: 20px
}

#footer-main .pre-footer .col .social ul li a {
    text-decoration: none
}

#footer-main .pre-footer .col .social ul li a:hover,
#footer-main .pre-footer .col .social ul li a:focus,
#footer-main .pre-footer .col .social ul li a.active {
    opacity: .8
}

#footer-main .pre-footer .article-out {
    width: 100%;
    float: left
}

#footer-main .brc-footer-links-block {
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    font-size: 12px;
    margin-top: 20px;
    line-height: 20px;
    width: 100%;
    display: block
}

#footer-main .brc-footer-links-block a {
    color: #fff
}

#footer-main .copy-rights {
    width: 100%;
    float: left;
    text-align: center
}

#footer-main .copy-rights p {
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    padding: 0
}

#footer-main .copy-rights p a {
    color: #fff
}

#footer-main .copy-rights p a:hover,
#footer-main .copy-rights p a:focus,
#footer-main .copy-rights p a.active {
    color: #f9f9f9
}

@media (min-width: 768px) {
    #footer-main .pre-footer .col .accord-cont {
        height: auto !important;
        display: block !important;
        overflow: visible !important
    }
}

@media (max-width: 767px) {
    #footer-main {
        padding: 0 0 70px
    }

    #footer-main .container {
        max-width: 100%;
        padding: 0
    }

    #footer-main .pre-footer {
        padding: 0
    }

    #footer-main .pre-footer .col {
        width: 100%;
        border-bottom: 2px solid #ccc;
        margin: 0
    }

    #footer-main .pre-footer .col:last-child {
        border-bottom: none
    }

    #footer-main .pre-footer .col ul {
        padding: 0 0 0 40px;
        list-style: none;
        margin: 0
    }

    #footer-main .pre-footer .col ul li {
        font-weight: 500;
        font-size: 1rem;
        line-height: 26px;
        padding: 0 0 10px
    }

    #footer-main .pre-footer .col .accord-title {
        width: 100%;
        float: left;
        font-size: 1rem;
        line-height: 26px;
        letter-spacing: normal;
        cursor: pointer;
        position: relative;
        padding: 24px 20px 23px 40px
    }

    #footer-main .pre-footer .col .accord-title:before {
        content: "\f067";
        float: left;
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        font-size: 11px;
        color: #fff;
        line-height: 1em;
        position: absolute;
        top: 32px;
        left: 20px
    }

    #footer-main .pre-footer .col .accord-title.active:before {
        content: "\f068"
    }

    #footer-main .pre-footer .col .accord-cont {
        display: none;
        padding: 0 0 16px;
        margin: -12px 0 0
    }

    #footer-main .pre-footer .col .accord-cont.active {
        display: block
    }

    #footer-main .pre-footer .col .social {
        border-top: 2px solid #ccc;
        padding: 22px 30px 30px
    }

    #footer-main .pre-footer .col .social ul {
        margin: 0 -6px -15px 0;
        list-style: none;
        padding: 0
    }

    #footer-main .pre-footer .col .social ul li {
        width: 32px;
        margin: 0 6px 15px 0
    }

    #footer-main .pre-footer .article-out {
        margin: 0
    }

    #footer-main .copy-rights {
        padding: 0 42px
    }

    #footer-main .copy-rights p {
        font-weight: 500;
        font-size: 14px;
        line-height: 26px;
        letter-spacing: normal;
        padding: 0 0 10px
    }

    #footer-main .copy-rights p:last-child {
        padding-bottom: 0
    }

    #footer-main .copy-rights p .divider {
        margin: 0 5px
    }

    #footer-main .copy-rights p a {
        color: #fff
    }

    #footer-main .copy-rights p a:hover,
    #footer-main .copy-rights p a:focus,
    #footer-main .copy-rights p a.active {
        color: #f60
    }
}

@media (max-width: 991px) {
    .coh-ce-c400c0b7 .container {
        padding: 0
    }

    .background-banner {
        flex-direction: column;
        min-height: 1px;
        padding-left: 0;
        margin-bottom: 0
    }

    .banner-wrapper-pull {
        margin: -68px 0 0;
        padding: 0 var(--g_page_3) var(--m_5) 0;
        position: relative;
        max-width: 572px
    }

    .banner-h1-text {
        padding: var(--s_6)
    }

    .banner-h1-text h1 {
        font-size: var(--fs_h1);
        line-height: var(--lh_3);
        letter-spacing: var(--ls_h1)
    }

    .banner-h1-text p {
        font-size: var(--fs_pf);
        line-height: var(--lh_4);
        letter-spacing: var(--ls_pf)
    }

    .background-banner figure {
        margin-left: 0;
        min-width: 500px
    }

    .padding--left-right {
        padding: 0 var(--s_4) var(--s_4);
    }

    .background-banner img {
        min-height: 202px;
        width: 100%;
        min-height: 212px;
        height: auto;
        object-fit: cover;
        max-width: 100%
    }

    .prdt-config&gt;div {
        flex-wrap: wrap;
        gap: 5px;
        margin: .25em 0;
    }

    .prdt-config&gt;div span:first-of-type {
        flex: 1;
        text-align: left;
        font-weight: 700;
        margin: 0;
    }

    .prdt-config&gt;div span:first-of-type::after {
        content: " ";
    }

    div#analytes {
        margin: 1em 0;
        column-count: 2;
        grid-template-columns: repeat(2, 1fr);
    }

    .req-text,
    #notes,
    #messages,
    #notices,
    .viewAssaybttn {
        margin: 1em 0;
    }
}

.lookupErr {
    color: #c00;
    font-weight: 700;
    float: left;
    padding: 10px 0 0 20px;
}

.select-options label.catalogLkup input.error {
    border: 1px solid #c00;
}</pre></body></html>