@charset "UTF-8";
/* CSS Document */


/* Rudimentary mega menu CSS for demonstration */    

/* mega menu list */
#nav {
    width: 100%;
    display: inline-block;
}
.nav-menu {
    width: 100%;
    display: inline-block;
    position: relative;
    list-style: none;
    margin: 0 auto;
    padding: 0 0 0 0;
    z-index: 15;
    background-color: #3366cc;
    text-align: center;
}
/* a top level navigation item in the mega menu */
.nav-item {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0 auto;
}
/* first descendant link within a top level navigation item */
.nav-item > a {
    position: relative;
    display: inline-block;
    padding: 25px 1em 25px 1em;
    margin: 0 0 -1px 0;
    border: 1px solid transparent;
}
.nav-item > a {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-size: 15px;
    text-align: center;
    font-weight: 400;
    line-height: 1.0em;
    margin: 0 0 0 0;
    color: #ffffff;
    text-decoration: none;
}
/* focus/open states of first descendant link within a top level 
           navigation item */
.nav-item > a:focus, .nav-item > a.open {
    background-color: #333333;
    outline: none;
}
/* open state of first descendant link within a top level 
           navigation item */
.nav-item > a.open {
    background-color: #333333;
    border-bottom: none;
    z-index: 1;
}
/* sub-navigation panel */
.sub-nav {
    position: absolute;
    display: none;
    left: 0;
    top: 2.2em;
    margin-top: 36px;
    padding: 1.0em 3% 0.5em 3%;
    width: 100%;
    background-color: #fffff1;
    border-bottom: 1px solid #cccccc;
    text-align: center;
}
/* sub-navigation panel open state */
.sub-nav.open {
    display: block;
    overflow-y: auto;
    max-height: 50vh;
}
/* list of items within sub-navigation panel */
.sub-nav ul {
    display: inline-block;
    vertical-align: top;
    margin: 0.4em 2.2em 1.5em 2.2em;
    padding: 0;
    text-align: left;
}
/* list item within sub-navigation panel */
.sub-nav li {
    display: block;
    list-style-type: none;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 0;
    text-align: left;
}
.sub-nav-group li h2 {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-size: 1.10em;
    text-align: left;
    font-weight: 400;
    line-height: 1.0em;
    margin: 0 0 1.0em 0;
    color: #000000;
    text-decoration: none;
}
.sub-nav-group li p {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-size: 1.0em;
    text-align: left;
    font-weight: 400;
    line-height: 1.0em;
    margin: 0 0 0 0;
    color: #3366cc;
    text-decoration: none;
}
.sub-nav li a {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-size: 0.95em;
    text-align: left;
    font-weight: 400;
    line-height: 1.0em;
    margin: 0 0 0 0;
    color: #3366cc;
    text-decoration: none;
}
.sub-nav li a:hover {
    text-decoration: underline;
}
.sub-nav li a strong {
    font-weight: 600;
}
/*Industries Main Nav*/
.sub-nav-group li .aria-ind-aa, .sub-nav-group li .aria-ind-ab, .sub-nav-group li .aria-ind-ba {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.sub-nav-group li .aria-ind-bb {
    width: 100%;
    padding: 0 0 0 0;
    margin: 14px 0 0 0;
}
.sub-nav-group li .aria-ind-ca, .sub-nav-group li .aria-ind-da, .sub-nav-group li .aria-ind-ca-us, .sub-nav-group li .aria-ind-da-us {
    width: 100%;
    padding: 0 0 0 0;
    margin: 8px 0 0 0;
}
.sub-nav-group li .aria-ind-cb, .sub-nav-group li .aria-ind-db, .sub-nav-group li .aria-ind-cb-us {
    width: 100%;
    padding: 0 0 0 0;
    margin: 21px 0 0 0;
}
.sub-nav-group li .aria-ind-aa a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-academic-hg.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-aa a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-academic-hg-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-ab a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-clinical-hg.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-ab a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-clinical-hg-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-ba a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-academic-mb.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-ba a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-academic-mb-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-bb a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-clinical-mb.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-bb a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-clinical-mb-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-ca a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-infectious.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
    margin-top: 20px;
}
.sub-nav-group li .aria-ind-ca a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-infectious-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}


.sub-nav-group li .aria-ind-mblo a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-metablomics.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
    margin-top:8px;
}
.sub-nav-group li .aria-ind-mblo a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-metablomics-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}


.sub-nav-group li .aria-ind-srvcs-mb a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-services-mb.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
    margin-top:8px;
}
.sub-nav-group li .aria-ind-srvcs-mb a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-services-mb-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}




.sub-nav-group li .aria-ind-cb a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-biobanking.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
    margin-top: -13px;
}
.sub-nav-group li .aria-ind-cb a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-biobanking-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-da a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-hla.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-da a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-hla-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-db a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 o 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-animal.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-db a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-animal-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.aria-ind-aa a span, .aria-ind-ab a span, .aria-ind-ba a span, .aria-ind-bb a span {
    font-size: 12px;
}
.sub-nav-group li .aria-ind-ca-us a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-biobanking.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-ca-us a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-biobanking-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-cb-us a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-hla.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-cb-us a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-hla-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-da-us a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 10px 10px 10px 45px;
    display: block;
    background-image: url(../images/menu-icon-animal.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
.sub-nav-group li .aria-ind-da-us a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/menu-icon-animal-rev.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
}
/*Products Main Nav*/
.red-new {
    font-family: "proxima-nova", sans-serif;
    font-size: 0.7em;
    color: #ffffff;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin: 0 .5em 0 0;
    text-decoration: none;
    padding: .25em .35em .15em .35em;
    background-color: #cc0000;
    float: left;
    border-radius: 2px;
    display: block;
}
/*Genofind Main Nav*/
a.des-text-link span {
    font-weight: 300;
    font-size: .80rem !important;
    margin-top: 16px;
    display: block;
    text-decoration: none !important;
}

a.des-text-link {
    font-size: .92rem !important;
    font-weight: 700 !important;
    font-family: "proxima-nova", sans-serif;
    overflow-wrap: break-word;
    max-width: 90%;
    text-align: left !important;
}
.aria-geno-hg, .aria-geno-mb, .aria-geno-cf {
    width: 100%;
    padding: 10px 0 0 0;
}
.sub-nav-group li .aria-geno-hg a {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.1em;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    float: none;
    display: block;
   /* background-image: url(../images/dd-genofind-logo.png);
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: 50% 0; */
}
.sub-nav-group li .aria-geno-mb a {
   font-family: "proxima-nova", sans-serif;
    font-size: 1.1em;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    float: none;
    display: block;
}
.sub-nav-group li .aria-geno-cf a {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.1em;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    float: none;
    display: block;
}
.sub-nav-group li .aria-geno-hg a:hover, .sub-nav-group li .aria-geno-mb a:hover, .sub-nav-group li .aria-geno-cf a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
}
.sub-nav-group li .aria-geno-hg a span, .sub-nav-group li .aria-geno-mb a span ,.sub-nav-group li .aria-geno-cf a span {
    font-size: 12px;
}
/*Support Main Nav*/
.aria-sup-pp {
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin-top: -0.4em;
}
.aria-sup-ts {
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin-top: 0.7em;
}

.aria-sup-reff {
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin-top: 0.7em;
}
.aria-sup-pp a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 13px 10px 13px 48px;
    display: block;
    background-image: url(../images/mega-menu-support-icons-pp.png);
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: 0 50%;
}
.aria-sup-pp a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/mega-menu-support-icons-pp.png);
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: 0 50%;
}
.aria-sup-ts a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 13px 10px 13px 48px;
    display: block;
    background-image: url(../images/mega-menu-support-icons-ts.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 1px 50%;
}
.aria-sup-ts a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/mega-menu-support-icons-ts.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 1px 50%;
}

.aria-sup-reff a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #3366cc;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 13px 10px 13px 48px;
    display: block;
    background-image: url(../images/mega-menu-support-icons-reff.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 1px 50%;
}
.aria-sup-reff a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
    background-image: url(../images/mega-menu-support-icons-reff.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 1px 50%;
}


/*Blogs Main Nav*/
.aria-blog-gl, .aria-blog-mb, .aria-blog-id {
    width: 100%;
    max-width: 250px;
    padding: 10px 0 10px 0;
}
.sub-nav-group li .aria-blog-gl a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #333333;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 50px 10px 7px 10px;
    display: block;
    background-image: url(../images/nav-blog-genetic-image.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 50% 0;
}
.sub-nav-group li .aria-blog-mb a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #333333;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 50px 10px 7px 10px;
    display: block;
    background-image: url(../images/nav-blog-microbiome-image.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 50% 0;
}
.sub-nav-group li .aria-blog-id a {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    color: #333333;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin: 0 0 0 0;
    text-decoration: none;
    float: none;
    padding: 50px 10px 7px 10px;
    display: block;
    background-image: url(../images/podcast-mmm-album-cover.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 50% 0;
}
.sub-nav-group li .aria-blog-gl a:hover, .sub-nav-group li .aria-blog-mb a:hover, .sub-nav-group li .aria-blog-id a:hover {
    text-decoration: underline;
    background-color: rgba(255,255,204,0.0);
}
.sub-nav-group li .aria-blog-gl p, .sub-nav-group li .aria-blog-mb p, .sub-nav-group li .aria-blog-id p {
    font-family: "proxima-nova", sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin: 0 0 0 0;
    text-decoration: none;
}
/*Accessibility Main Nav*/
.nav-item-b .ea-container {
    width: 70px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
}
.ea-container img {
    width: 70px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (max-width: 700px) {
#nav {
    width: 100%;
    display: none;
}
.nav-menu {
    display: none;
}
}