/*
Theme Name: pacbio
Author: pacbio
Version: 2.1.1
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# 01. Typography
# 02. Colors
# 03. Elements
# 04. Forms
# 05. Navigation
# 06. Content
# 07. Modules
# 08. Footer
# 09. Accessibility
# 10. Modals
# 11. Responsive styles
--------------------------------------------------------------*/

html {
    /*overflow: hidden;*/
    min-height: 100%;
    height: 100%;
    scroll-behavior: smooth;
}

body {
    min-height: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
}

.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

/*--------------------------------------------------------------
# 01. Typography
--------------------------------------------------------------*/
body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 29px;
	height: 100%;
	width: 100%;
	margin: 0;
}

blockquote {
    margin: 0px;
    border-left: 5px solid #ffffff;
    padding-left: 15px;
}
blockquote .blockquote-quote {
	font-size: 24px;
	font-style: italic;
	font-weight: 500;
	line-height: 30px;
}
blockquote .blockquote-name {
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px;
}
figcaption {
	font-size: 14px;
	line-height: 22px;
}
a {
	color: #D9178D;
	transition: all 0.2s ease-in-out;
}
a:hover {
	color: #b4037c;
}
.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }
.strong { font-weight: bold; }

h1 a,
h1 a:hover,
h2 a,
h2 a:hover,
h3 a,
h3 a:hover {
	color: inherit !important;
}


/*--------------------------------------------------------------
# 02. Colors
--------------------------------------------------------------*/
.black { color: #000000; }
.dark-black { color: #000000; }
.white { color: #FFFFFF !important; }

.blue { color: #1383C6; }
.light-blue { color: #44A8DF; }
.dark-blue { color: #005496; }
.faded-blue { color: #F3F9FD; }

.gray { color: #676F7F; }
.light-gray { color: #9BA7BA; }
.dark-gray { color: #313541; }

.green { color: #009D4E; }
.light-green { color: #6ABF6A; }
.dark-green { color: #005B42; }

.magenta { color: #DF1995; }
.light-magenta { color: #FF66CC; }
.dark-magenta { color: #A20067; }

.orange { color: #E16A2C }
.light-orange { color: #F99D41; }
.dark-orange { color: #C34A21; }

.purple { color: #5F249F; }
.light-purple { color: #8D6DB0; }
.dark-purple { color: #431F67; }

.red { color: #FF0000; }

.teal { color: #009CA2; }
.light-teal { color: #00B8C4; }
.dark-teal { color: #0D4D65; }

.bg-black { background-color: #000000; }
.bg-dark-black { background-color: #000000; }
.bg-white { background-color: #ffffff; }

.bg-half-black {
	background: rgba(0, 0, 0, 0.5);
}

.bg-none {
	background: none;
}

.bg-black-gradient { 
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(83,83,83,1) 100%);
}

.bg-blue { background-color: #1383C6; }
.bg-light-blue { background-color: #44A8DF; }
.bg-dark-blue { background-color: #005496; }
.bg-faded-blue { background-color: #f7fbfe; }

.bg-gray { background-color: #676F7F; }
.bg-light-gray { background-color: #9BA7BA; }
.bg-dark-gray { background-color: #313541; }

.bg-green { background-color: #009D4E; }
.bg-light-green { background-color: #6ABF6A; }
.bg-dark-green { background-color: #005B42; }

.bg-magenta { background-color: #DF1995; }
.bg-light-magenta { background-color: #FF66CC; }
.bg-dark-magenta { background-color: #A20067; }

.bg-orange { background-color: #E16A2C; }
.bg-light-orange { background-color: #F99D41; }
.bg-dark-orange { background-color: #C34A21; }

.bg-purple { background-color: #5F249F; }
.bg-light-purple { background-color: #8D6DB0; }
.bg-dark-purple { background-color: #431F67; }

.bg-teal { background-color: #009CA2; }
.bg-light-teal { background-color: #00B8C4; }
.bg-dark-teal { background-color: #0D4D65; }

.grayscale { filter: grayscale(1); }

.bg-black p,
.bg-blue p,
.bg-light-blue p,
.bg-dark-blue p,
.bg-gray p,
.bg-light-gray p,
.bg-dark-gray p,
.bg-green p,
.bg-light-green p,
.bg-dark-green p,
.bg-magenta p,
.bg-light-magenta p,
.bg-dark-magenta p,
.bg-orange p,
.bg-light-orange p,
.bg-dark-orange p,
.bg-purple p,
.bg-light-purple p,
.bg-dark-purple p,
.bg-teal p,
.bg-light-teal p,
.bg-dark-teal p {
	color: #ffffff;
}

.bg-black h2,
.bg-blue h2,
.bg-light-blue h2,
.bg-dark-blue h2,
.bg-gray h2,
.bg-light-gray h2,
.bg-dark-gray h2,
.bg-green h2,
.bg-light-green h2,
.bg-dark-green h2,
.bg-magenta h2,
.bg-light-magenta h2,
.bg-dark-magenta h2,
.bg-orange h2,
.bg-light-orange h2,
.bg-dark-orange h2,
.bg-purple h2,
.bg-light-purple h2,
.bg-dark-purple h2,
.bg-teal h2,
.bg-light-teal h2,
.bg-dark-teal h2 {
	color: #ffffff;
}

.bg-black h3,
.bg-blue h3,
.bg-light-blue h3,
.bg-dark-blue h3,
.bg-gray h3,
.bg-light-gray h3,
.bg-dark-gray h3,
.bg-green h3,
.bg-light-green h3,
.bg-dark-green h3,
.bg-magenta h3,
.bg-light-magenta h3,
.bg-dark-magenta h3,
.bg-orange h3,
.bg-light-orange h3,
.bg-dark-orange h3,
.bg-purple h3,
.bg-light-purple h3,
.bg-dark-purple h3,
.bg-teal h3,
.bg-light-teal h3,
.bg-dark-teal h3 {
	color: #ffffff;
}

.bg-black h4,
.bg-blue h4,
.bg-light-blue h4,
.bg-dark-blue h4,
.bg-gray h4,
.bg-light-gray h4,
.bg-dark-gray h4,
.bg-green h4,
.bg-light-green h4,
.bg-dark-green h4,
.bg-magenta h4,
.bg-light-magenta h4,
.bg-dark-magenta h4,
.bg-orange h4,
.bg-light-orange h4,
.bg-dark-orange h4,
.bg-purple h4,
.bg-light-purple h4,
.bg-dark-purple h4,
.bg-teal h4,
.bg-light-teal h4,
.bg-dark-teal h4 {
	color: #ffffff;
}


.bg-black .button-white { color: #313542; }
.bg-blue .button-white { color: #1383C6; }
.bg-light-blue .button-white { color: #44A8DF; }
.bg-dark-blue .button-white { color: #005496; }
.bg-gray .button-white { color: #676F7F; }
.bg-light-gray .button-white { color: #9BA7BA; }
.bg-dark-gray .button-white { color: #313541; }
.bg-green .button-white { color: #009D4E; }
.bg-light-green .button-white { color: #6ABF6A; }
.bg-dark-green .button-white { color: #005B42; }
.bg-magenta .button-white { color: #DF1995; }
.bg-light-magenta .button-white { color: #FF66CC; }
.bg-dark-magenta .button-white { color: #A20067; }
.bg-orange .button-white { color: #E16A2C; }
.bg-light-orange .button-white { color: #F99D41; }
.bg-dark-orange .button-white { color: #C34A21; }
.bg-purple .button-white { color: #5F249F; }
.bg-light-purple .button-white { color: #8D6DB0; }
.bg-dark-purple .button-white { color: #431F67; }
.bg-teal .button-white { color: #009CA2; }
.bg-light-teal .button-white { color: #00B8C4; }
.bg-dark-teal .button-white { color: #0D4D65; }

.bg-black .button { color: #313542; }
.bg-blue .button { color: #1383C6; }
.bg-light-blue .button { color: #44A8DF; }
.bg-dark-blue .button { color: #005496; }
.bg-gray .button { color: #676F7F; }
.bg-light-gray .button { color: #9BA7BA; }
.bg-dark-gray .button { color: #313541; }
.bg-green .button { color: #009D4E; }
.bg-light-green .button { color: #6ABF6A; }
.bg-dark-green .button { color: #005B42; }
.bg-magenta .button { color: #DF1995; }
.bg-light-magenta .button { color: #FF66CC; }
.bg-dark-magenta .button { color: #A20067; }
.bg-orange .button { color: #E16A2C; }
.bg-light-orange .button { color: #F99D41; }
.bg-dark-orange .button { color: #C34A21; }
.bg-purple .button { color: #5F249F; }
.bg-light-purple .button { color: #8D6DB0; }
.bg-dark-purple .button { color: #431F67; }
.bg-teal .button { color: #009CA2; }
.bg-light-teal .button { color: #00B8C4; }
.bg-dark-teal .button { color: #0D4D65; }

.bg-black .button,
.bg-blue .button,
.bg-light-blue .button,
.bg-dark-blue .button,
.bg-gray .button,
.bg-light-gray .button,
.bg-dark-gray .button,
.bg-green .button,
.bg-light-green .button,
.bg-dark-green .button,
.bg-magenta .button,
.bg-light-magenta .button,
.bg-dark-magenta .button,
.bg-orange .button,
.bg-light-orange .button,
.bg-dark-orange .button,
.bg-purple .button,
.bg-light-purple .button,
.bg-dark-purple .button,
.bg-teal .button,
.bg-light-teal .button,
.bg-dark-teal .button {
	background: #ffffff !important;
	border: 2px solid #ffffff;
	transition: all 0.2s ease-in-out;
}

.bg-black .button:hover,
.bg-blue .button:hover,
.bg-light-blue .button:hover,
.bg-dark-blue .button:hover,
.bg-gray .button:hover,
.bg-light-gray .button:hover,
.bg-dark-gray .button:hover,
.bg-green .button:hover,
.bg-light-green .button:hover,
.bg-dark-green .button:hover,
.bg-magenta .button:hover,
.bg-light-magenta .button:hover,
.bg-dark-magenta .button:hover,
.bg-orange .button:hover,
.bg-light-orange .button:hover,
.bg-dark-orange .button:hover,
.bg-purple .button:hover,
.bg-light-purple .button:hover,
.bg-dark-purple .button:hover,
.bg-teal .button:hover,
.bg-light-teal .button:hover,
.bg-dark-teal .button {
	background: none !important;
	border: 2px solid #ffffff;
}


/*--------------------------------------------------------------
# 03. Elements
--------------------------------------------------------------*/
a.button,
.button {
	background: #D9178D;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	padding: 2px 15px;
	border-radius: 30px;
	border: 2px solid #D9178D;
	color: #ffffff;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

a.button:hover,
.button:hover {
	background: #b4037c;
	border: 2px solid #b4037c;
	color: #ffffff !important;
	text-decoration: none;
}

a.button-nav,
.button-nav {
	font-size: 16px;
	font-weight: 400;
}

a.button-white,
.button-white {
	background: #ffffff;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 500;
	padding: 2px 15px;
	border-radius: 30px;
	border: 2px solid #ffffff;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

a.button-white:hover,
.button-white:hover {
	background: none;
	border: 2px solid #ffffff;
	color: #ffffff;
	text-decoration: none;
}

a.button-clear,
.button-clear {
	background: none;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	padding: 2px 15px;
	border-radius: 30px;
	border: 2px solid #D9178D;
	color: #D9178D !important;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

a.button-clear:hover,
.button-clear:hover {
	background: #D9178D !important;
	border: 2px solid #D9178D;
	color: #ffffff !important;
	text-decoration: none;
}

a.button-clear-white,
.button-clear-white {
	background: none;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	padding: 2px 15px;
	border-radius: 30px;
	border: 2px solid #ffffff;
	color: #ffffff !important;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

a.button-clear-white:hover,
.button-clear-white:hover {
	background: #ffffff !important;
	border: 2px solid #ffffff;
	color: #313542 !important;
	text-decoration: none;
}

a.button-view-larger,
.button-view-larger {
	background: none;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 400;
	padding: 2px 15px;
	border-radius: 30px;
	border: 1px solid #676F7F;
	color: #676F7F !important;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

a.button-view-larger:hover,
.button-view-larger:hover {
	background: #676F7F !important;
	border: 1px solid #676F7F;
	color: #ffffff !important;
	text-decoration: none;
}

a.button-view-larger i,
.button-view-larger i {
	position: relative;
	padding: 9px 5px 0px 0px;
}

 .button-advanced {
    background: none;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    padding: 2px 15px;
    border-radius: 30px;
    border: 2px solid #D9178D;
    color: #D9178D !important;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

 .button-advanced:hover {
    background: #D9178D !important;
    border: 2px solid #D9178D;
    color: #ffffff !important;
    text-decoration: none;
}

.bg-blue .button-clear {
	background: none;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	padding: 2px 15px;
	border-radius: 30px;
	border: 2px solid #0280c3 !important;
	color: #D9178D !important;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.bg-blue .button-clear:hover {
	background: none !important;
	border: 2px solid #ffffff !important;
	color: #ffffff !important;
	text-decoration: none;
}

.bg-blue .button-white { color: #0280c3 !important; }
.bg-blue .button-white:hover { color: #ffffff !important; }

.bg-green .button-white { color: #00994F !important; }
.bg-green .button-white:hover { color: #ffffff !important; }


.circle-icon {
	display: inline-block;
	border-radius: 50%;
	padding: 10px;
}

@media (max-width:1399px) {
	.circle-icon {
		padding: 5px;
	}
}

.circle-icon-home-research {
	display: inline-block;
	border-radius: 50%;
	padding: 10px;
	width: 60px;
	height: 60px;
}

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

.mt-n1 { margin-top: -1px; }
.mt-n2 { margin-top: -2px; }
.mt-n3 { margin-top: -3px; }
.mt-n4 { margin-top: -4px; }
.mt-n5 { margin-top: -5px; }
.mt-n6 { margin-top: -6px; }
.mt-n7 { margin-top: -7px; }
.mt-n8 { margin-top: -8px; }
.mt-n9 { margin-top: -9px; }
.mt-n10 { margin-top: -10px; }
.mt-n15 { margin-top: -15px; }
.mt-n20 { margin-top: -20px; }
.mt-n25 { margin-top: -25px; }
.mt-n30 { margin-top: -30px; }

img.alignright { float: right; margin: 0 0 15px 15px; }
img.alignleft { float: left; margin: 0 15px 15px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.section {
	position: relative;
}

.rotate-315 {
	transform: rotate(315deg);
}

.text-underline {
	text-decoration: underline;
}

hr {
	margin: 30px 0px;
}

/*--------------------------------------------------------------
# 04. Forms
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 05. Navigation
--------------------------------------------------------------*/
nav {
	padding: 10px 0px;
	font-size: 16px;
	font-weight: 400;
}
nav.navbar {
	height: auto;
	min-height: 80px;
}
.navbar-light .navbar-nav .nav-link {
    color: #313542;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #D9178D;
}

nav [aria-current="page"] {
	color: #D9178D !important;
}

nav [aria-current="page"]:hover {
	color: #ffffff !important;
}

footer [aria-current="page"] {
	color: rgba(255,255,255,0.8) !important;
}
.logo-nav {
	width: 160px;
	height: auto;
}
li.nav-item {
	padding-left: 10px;
	padding-right: 10px;
}
.icon-search {
	color: #D9178D;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.icon-search:hover {
	color: #313542;
  	transition: all 0.2s ease-in-out;
}
nav.fixed-top { 
    position:fixed; 
    top: 0; 
}
body.admin-bar nav.fixed-top {
    top:32px;
}
@media all and (max-width:782px) {
    body.admin-bar nav.fixed-top {
        top:46px;
    }
}
.mm-navbars_top {
	position: relative;
}
.mmenu-close-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 25px;
}
.mm-tabstart {
	display: none;
}
.mm-navbar__title {
	color: #ffffff !important;
	font-weight: 600 !important;
}
.mm-listview [aria-current="page"] {
	color: #ffffff !important;
}
.mm-listitem {
	font-weight: 400;
}

.mobile-controls-top-right ul, 
.mobile-controls-top-right ol {
    margin: 0px;
}

.mobile-controls-top-right li {
	list-style: none;
	display: inline-block;
}

.mobile-controls-top-right #search-button .fa-search {
	color: rgba(0,0,0,.5);
	top: 0px;
}

@media (min-width: 1200px) {
	.mobile-controls-top-right {
		display: none !important;
	}
}

.navbar-light .navbar-toggler {
    color: #D9178D;
    border: none;
}

.megamenu {
	max-height: 875px;
	overflow-y: auto;
	opacity: .95;
}

.dropdown-menu,
.dropdown-menu.megamenu,
.dropdown-menu .megamenu,
.megamenu {
	padding: 0 !important;
}

.dropdown-menu {
	/*opacity: .95;*/
}

.megamenu ul {
	margin-left: 15px;
	margin-top: 0px;
}

.navbar .nav-item .dropdown-menu {
    /*margin-top: 10px;*/
    border: none;
    padding: 0px 0px 15px;
}

/*.dropdown-menu-content {
	border-top:  5px solid #D9178D;
}*/

.nav-border-top {
	border-top:  10px solid #ffffff;
}

.top-magenta {
	height: 5px;
	background-color: #D9178D;
}

.bottom-shadow {
	-webkit-box-shadow: 0 15px 15x -15px #9BA7BA;
	   -moz-box-shadow: 0 15px 15px -15px #9BA7BA;
	        box-shadow: 0 15px 15px -15px #9BA7BA;
}

.col-megamenu h4 {
	padding-top: 0px;
	margin: 5px 0px;
	padding-bottom: 10px;
}

.col-megamenu h4:hover {
	background: #D9178D !important;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}

.col-megamenu h4.no-highlight:hover {
	background: none !important;
	color: #313542;
	cursor: default;
	text-decoration: none;
}

a.megamenu-nav-link h3 {
	background: none;
	margin: 5px 0px;
	padding: 5px 0px 5px 10px;
}

a.megamenu-nav-link h3:hover {
	background: #D9178D;
	color: #ffffff;
}

a.megamenu-nav-link h4 {
	background: none;
	padding: 0px 0px 10px 10px;
}

a.megamenu-nav-link h4:hover {
	background: #D9178D;
	color: #ffffff;
}

a.megamenu-nav-link h4.small {
	font-size: 16px;
	line-height: auto;
	padding: 0px 0px 5px 10px;
}

.no-highlight:hover {
	background: blue !important;
}

/*.col-megamenu ul.list-unstyled li {
	padding: 10px 0px 10px 10px;
}*/

a.megamenu-nav-link li {
	background: none;
	padding: 10px 0px 5px 10px;
}

a.megamenu-nav-link li:hover {
	background: #D9178D;
	color: #ffffff;
}

.navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
}

/*.nav-link-arrow {
	border-bottom: 5px solid #ffffff;
}
.nav-link-arrow:hover {
	border-bottom: 5px solid #D9178D;
}*/

.nav-link-arrow-container {
	position: relative;
}
.nav-link-arrow:hover:after {
	content: "";
	height: 0;
	width: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #D9178D;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -15px;
	z-index: 9999;
}

/*span.nav-link-arrow,
span.nav-link-arrow:hover {
	cursor: pointer;
}*/

.menu-internal {
	background: #daedf2;
}

.menu-internal ul li:first-child::after {
    color: #666666;
    font-weight: 100;
    content: " | ";
    padding: 0px 0px 0px 30px;
}

.menu-internal a {
	color: #D9178D;
	text-decoration: none;
}

.menu-internal a:hover {
	color: #D9178D;
	text-decoration: underline;
}

.menu-internal ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.menu-internal ul li {
	display: inline;
	list-style: none;
	text-align: left;
}

.menu-internal ul li .menu-item {
	margin: 0px 10px 0px 0px !important;
}

.menu-internal {
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

.menu-internal.scrolled {
	background: rgba(255, 255, 255, 1);
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

.menu-internal .menu-item {
	margin: 0 15px;
}

@media (max-width:1200px) {
	.menu-internal .menu-item {
		margin: 0 10px;
	}
}

ul#menu-submenu-japan-landing li:first-child a,
ul#menu-submenu-japan-interior li:first-child a,
ul#menu-submenu-focus-areas-plant-animal-genomics li:first-child a,
ul#menu-submenu-focus-areas-human-genomics li:first-child a,
ul#menu-submenu-focus-areas-microbial-genomics li:first-child a,
ul#menu-submenu-engage-connect li:first-child a,
ul#menu-submenu-engage-learn li:first-child a,
ul#menu-submenu-products-technology li:first-child a,
ul#menu-submenu-products-sequencing-systems li:first-child a,
ul#menu-submenu-products-consumables li:first-child a,
ul#menu-submenu-products-sequencing-methods li:first-child a,
ul#menu-submenu-products-data-analysis li:first-child a,
ul#menu-submenu-products-purchase li:first-child a,
ul#menu-submenu-global-distributors li:first-child a,
ul#menu-menu-whole-genome-sequencing li:first-child a,
ul#menu-menu-analysis-software li:first-child a,
ul#menu-menu-careers li:first-child a,
ul#menu-menu-legal li:first-child a,
ul#menu-menu-about li:first-child a {
	color: #444 !important;
	font-weight: bold;
	text-transform: uppercase;
}

ul#menu-menu-careers li:first-child a:hover,
ul#menu-menu-legal li:first-child a:hover,
ul#menu-menu-about li:first-child a:hover {
	color: #D9178D !important;
	font-weight: bold;
}

ul.menu-menu-legal [aria-current="page"],
ul.menu [aria-current="page"] {
	color: #313541 !important;
}

.sticky-top-below {
	/*border-top: 1px solid #eeeeee;*/
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
	z-index: 1020;
}

.menu-underlined-title {
	color: #6f727b;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	border-bottom: 1px solid #6f727b;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 15px;
}

/*ul.mega-menu li {
	padding: 5px 10px;
	margin: 0px;
}*/

li.mega-tier-01 a {
	text-decoration: none;
	color: #D9178D;
	text-transform: uppercase;
	font-weight: bold;
	background: none;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    transition: all 0.1s;
}

li.mega-tier-01:hover {
	background: #D9178D;
}

li.mega-tier-01:hover a {
	color: #ffffff !important;
}

li.mega-tier-02 a {
	text-decoration: none;
	color: #313542;
	font-weight: normal;
	background: none;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
    font-weight: 400;
    line-height: 18px !important;
    transition: all 0.1s;
}

li.mega-tier-02:hover {
	background: #D9178D;
	color: #ffffff !important;
}

li.mega-tier-02:hover a {
	color: #ffffff !important;
}

li.mega-tier-03 a {
	text-decoration: none;
	color: #313542;
	font-weight: normal;
	background: none;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    transition: all 0.1s;
}

li.mega-tier-03:hover {
	background: #D9178D;
}

li.mega-tier-03:hover a {
	color: #ffffff;
}

li.mega-tier-01 {
	padding: 5px 10px;
	margin: 0px;
}
li.mega-tier-02 {
	padding: 1px 10px;
	margin: 0px;
}
li.mega-tier-03 {
	padding: 1px 10px 1px 25px;
	margin: 0px;
}

.dropdown-menu-language {
	position: absolute;
	right: 0px;
	top: 10px;
}

.language-globe-position {
	margin-top: 3px;
}

.dropdown-language-menu {
	position: absolute !important;
	top: 30px !important;
	left: -95px !important;
}

#rmp_menu_trigger-62790,
#rmp_menu_trigger-59927,
#rmp_menu_trigger-57340 {
	margin-right: 45px;
}

.rmp-menu-current-item,
.rmp-menu-current-item a {
	color: #d9178d !important;
}


.tooltip-text {
	visibility: hidden;
	position: absolute;
	z-index: 2;
	width: 150px;
	color: #212529;
	background-color: #ffffff;
	border-radius: 2px;
	padding: 5px 15px 5px 15px;
	border: 1px solid grey;
	font-size: 14px;
}

.tooltip-text::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background-color: #ffffff;
  padding: 5px;
  z-index: 1;
  border-top: 1px solid #9ba7ba;
  border-left: 1px solid #9ba7ba;
}

.hover-text:hover .tooltip-text {
  visibility: visible;
}

#bottom {
  top: 45px;
  left: -125px;
}

#bottom::before {
  top: -6px;
  right: 10px;
}



.hover-text {
  position: relative;
  display: inline-block;
  text-align: center;
}



/*--------------------------------------------------------------
# 06. Content
--------------------------------------------------------------*/
.site-main {
	margin-top: 80px;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
}
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.archive img,
.latest-blogs img {
	max-width: 100%;
	height: auto;
}

.social-rocket-button a {
	transition: all 0.3s;
}


a.facetwp-page {
    color: gray;
    text-decoration: none;
}

.facetwp-counter {
	font-size: 14px;
	font-weight: 300;
}

.facetwp-template .eyebrow a {
	color: #9BA7BA;
	text-decoration: none;
}

.post-pagination .active,
.facetwp-page.active,
.dynamic-pagination .active {
    background: #30B1F3 !important;
    border: none !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: normal !important;
    text-decoration: none !important;
    padding: 1px 10px 1px 10px !important;
}

.page-template-template-bing-search .post-pagination {
	margin-bottom:  60px;
}

 .post-pagination a {
    color: gray;
    text-decoration: none;
    display: inline-block;
    padding: 0px 4px;
    margin-right: 6px;
    cursor: pointer;
}

.page-template-template-bing-search .post-pagination {
    margin-top: 3px;
}

 .post-pagination {
	margin-top: 50px;
}

.blog .post-pagination {
    margin-top: 0px;
}

.search-submit {
	font-family: "Font Awesome 6 Pro";
	background: none;
	color: #D9178D;
	border: none;
}

.search-form {
	border: 1px solid #D9178D;
	border-radius: 30px;
	padding: 5px 5px 5px 7px;
}

input.search-field {
	border: none;
	width: 100%;
}

.search-results .navigation {
	padding: 30px 0px;
}

#searchModal input {
	font-size: 24px;
	height: 60px;
	padding: 0px 30px;
	border-radius: 30px;
}

#searchModal i {
	font-weight: 500;
    font-size: 28px;
}

.search-no-results .form-control {
	border: none;
	outline: none;
}

.facetwp-facet input.facetwp-dropdown, 
.facetwp-facet input.facetwp-search, 
.facetwp-facet input.facetwp-location {
	min-width: 220px !important;
	max-width: 220px !important;
	width: 220px !important;
}

.video-header {
	margin-top: 30px;
	position: relative;
	background-color: white;
	height: 495px;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	padding-top: 120px;
	z-index: 1;
}

.video-header video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}

.video-hero-content {
	z-index: 9999;
	position: relative;
}

.hero-secondary {
	margin-top: 30px;
	width: 100%;
	/*min-height: 510px;*/
	height: 495px;
	background: no-repeat center right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 120px;
	/*background: rgba(0, 0, 0, 0.5);*/
}

/* Style for Medium Screen */
@media (max-width:1200px) {
	.hero-secondary {
		background: rgba(0, 0, 0, 0.5);
	}
}

.hero-bg {
	width: 100%;
    min-height: 510px;
    /* max-height: 510px; */
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.hero-about-us {
	background-image: url('../images/hero/hero-about-us.png')
}

.hero-company-culture {
	background-image: url('../images/hero/hero-company-culture.png')	
}

.about-cards a {
	color: #212529;
	text-decoration: none;
}

.content-module-resources h2.resource-featured-title p {
	font-size: 30px;
	line-height: 38px;
}

.content-module-resources p {
	font-size: 16px;
	line-height: 24px;
}

.content-module-resources h2 p {
	font-size: 32px;
	line-height: 40px;
}

.content-module-resources p.card-title {
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
}

.content-module-resources p.card-title-explore,
.content-module-resources .card-title-explore + p {
	font-size: 30px !important;
	line-height: 38px !important;
	font-weight: 500 !important;
	color: #ffffff !important;
}

body.page-id-10 .section-interior-content .three-up-image { 
	display: none;
}

body.page-template-template-blank header {
	display: none;
}

.carouselHero h1 {
	font-weight: 300;

}

/*--------------------------------------------------------------
# 07. Modules
--------------------------------------------------------------*/
.jumbotron h1 {
	font-size: 2.8em;
	line-height: 1.2em;
	font-weight: 300;
}
.video-background-holder {
	position: relative;
	background-color: black;
	/*height: calc(100vh - 72px);*/
	height: calc(100vh);
	min-height: 25rem;
	width: 100%;
	overflow: visible;
}

.video-background-holder video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.video-background-content {
	position: relative;
	z-index: 2;
}

.video-side img {
	max-width: 100%;
}

#carouselHero {
	display: block;
	height: 510px;
	position: relative;
}

.carousel-indicators button.active,
.carousel-indicators button:hover {
	background-color: #D9178D !important;
}

.carousel-item {
	padding-top: 90px;
}


.carousel-item {
	width: 100%;
	min-height: 510px;
	/*max-height: 510px;*/
	background: no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* Style for Medium Screen */
@media (max-width:1200px) {
	.carousel-item {
		background: no-repeat bottom left;
		background-size: cover;
		background-color: rgba(0, 0, 0, 0.5);
	}
}

.carousel-item .white h1,
.carousel-item .white p {
	color: #ffffff;
}

.carousel-item .black h1,
.carousel-item .black p {
	color: #313542;
}

.carousel-item .magenta h1,
.carousel-item .magenta p {
	color: #DF1995;
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 0px;
	right: 0px;
	z-index: 99;
	display: inline-block;
	justify-content: safe center;
	list-style: none;
}

.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	padding: 0;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-clip: padding-box;
	background-color: #e7dde4;
	border: 0;
	transition: all 0.3s;
}

.hero-bg-01 {
	
}
.hero-bg-02 {
	background-image: url('../images/hero/hero-02-bg.png')
}
.hero-bg-03 {
	background-image: url('../images/hero/hero-03-bg.png')
}

#carouselSlider {
	min-height: 120px;
}

#carouselSlider .btn {
	background: white;
	width:100%;
	position:relative;
	height: 60px;
	border-radius: 30px;
	padding: 15px;
}

#carouselSlider .icon {
	background: #D9178D;
	position:absolute;
	left:-5px;
	top:-5px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	padding: 15px;
}

#carouselSlider h4 {
	padding-left: 60px;
}

#carouselSlider .carousel-item {
	width: 100%;
	margin-top: 45px;
	padding-top: 0px;
}

#carouselSlider .carousel-control-prev-icon,
#carouselSlider .carousel-control-next-icon {
	filter: invert(35%) sepia(92%) saturate(7495%) hue-rotate(313deg) brightness(95%) contrast(89%);
}

.card {
	background: none;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0.0625rem solid #E5E7EB;
    border-radius: 0;
}

.shadow {
	/*box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.75);*/
	box-shadow: 0px 1px 15px rgba(0,0,0,0.2) !important;
}

.bg-cta-explore {
	background-size: cover;
	background-position: top center;
}

.bg-cta-explore h4 {
	font-size: 28px;
	line-height: 40px;
	font-weight: 500;
}

.bg-featured-library {
	background-image: url("../images/homepage/bg-featured-library.png");
}

.bg-cancer-research-explore {
	background-image: url("../images/cta/cta-cancer-research-explore.png");
}

.hero-interior-banner {
	margin-top: 80px;
	/*height: auto;
	max-height: 300px;*/
}

.hero-interior-banner-image,
.section-interior-content,
.homepage-our-mission,
.oncology-workflows {
	position: relative;
}

.hero-interior-banner-image {
	/*height: auto;*/
	height: 290px;
	position: relative;
}

.hero-interior-banner p {
	line-height: 26px;
}

.interior-hero-overlay {
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	z-index: 99;
	width: 60px;
	bottom: 0px;
	height: 100%;
	object-fit: cover;
}

.hero-tertiary img {
	display: block;
	object-fit: cover !important;
}

.sprite-hero-about-us {
	position: absolute;
	top: 30px;
	right: -30px;
	width: 120px;
	z-index: 99;
}

.sprite-hompage-hero {
	position: absolute;
	top: 100px;
	right: 0px;
	width: 35px;
	z-index: 99;
}

.sprite-featured-library {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 40px;
}

.sprite-our-mission {
	position: absolute;
	top: 43px;
	left: 0px;
	width: 25px;
}

.sprite-oncology-workflows {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 60px;
}

.sprite-full-width {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 60px;
}

.page-id-565 .sprite-full-width {
	display: none !important;
}

.sprite-dna-sequencing {
	position: absolute;
	top: -30px;
	left: 0px;
	width: 60px;
}

.sprite-blue-right {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 60px;
}

.sprite-blue-left {
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 60px;
}

.sprite-epigenetics {
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 60px;
}

.homepage-recent-news .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.homepage-recent-news .tagline {
	font-size: 14px;
}

.homepage-recent-news li {
	border-bottom: 1px solid #aaadaf;
}

.homepage-recent-news li .row {
    min-height: 109px;
}

.accordion-collapse {
    border: 0;
}
.accordion-button {
	border: 0;
	text-align: left;
	line-height: 30px;
}
.accordion-button:focus {
	box-shadow: none;
	border: none;
}
.accordion-button:not(.collapsed) {
	color: initial;
	box-shadow: none;
	background: none;
}
.accordion-body {
	padding: 0px 15px 15px;
}
.accordion-button {
	padding: 10px 15px 10px;
}

/*.accordion-button::after {
	width: auto;
	height: auto;
	background-image: none;
	font-size: 24px;
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	font-style: normal;
}

.accordion-button:not(.collapsed)::after {
	width: auto;
	height: auto;
	background-image: none;
	font-size: 24px;
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	font-style: normal;
}

.accordion-button:not(.collapsed)::after {
	content: "!" !important;
	font-family: "Font Awesome 6 Pro";
	background-color: none;
	box-shadow: none;
}
*/

.page-template-template-videos .accordion-button,
.page-template-template-posters .accordion-button,
.page-template-template-scientific-publications .accordion-button,
.page-template-template-training .accordion-button,
.page-template-template-documentation .accordion-button,
.page-template-template-literature .accordion-button {
	padding: 10px 15px 10px  0px;
	text-transform: uppercase;
}

.accordion-button::after {
    color: #DF1995;
    width: auto;
    height: auto;
    content: "+";
    background-image: none;
    font-size: 24px;
    content: "\f055";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-style: normal;
    transition: ;
}

.accordion-button:not(.collapsed)::after {
	color: #DF1995;
	width: auto;
	height: auto;
	background-image: none;
	font-size: 24px;
	content: "\f056";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	font-style: normal;
}

.toggle-heading::after {
	color: #DF1995;
	width: auto;
	height: auto;
	background-image: none;
	font-size: 24px;
	content: "\f056";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	font-style: normal;
	transition: all 0.2s ease-in-out;
	padding-left: 5px;
}

.toggle-heading:not(.active)::after {
	color: #DF1995;
	width: auto;
	height: auto;
	background-image: none;
	font-size: 24px;
	content: "\f055";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	font-style: normal;
	transition: all 0.2s ease-in-out;
	padding-left: 5px;
}

form.form p.required label, form.form span.required label {
    color: #ffffff !important;
}

.facetwp-checkbox {
	background-image: url("../images/general/checkbox.png") !important;
}

.facetwp-checkbox.checked {
    background-image: url("../images/general/checkbox-on.png") !important;
}

.dynamic-accordion .accordion-button {
	padding: 0;
	border: none;
}

.dynamic-accordion .accordion-item:first-of-type .accordion-button,
.dynamic-accordion .accordion-item {
	border: none !important;
}

.dynamic-accordion .accordion-button::after {
	color: #D9178D;
}

.facetwp-dropdown {
	color: #D9178D;
}
	
.facetwp-search, .facetwp-dropdown {
	border: 1px solid #D9178D;
	border-radius: 30px;
	padding: 5px 15px;
}

.facetwp-icon:before {
	background-image: url("../images/general/icon-search.png") !important;
}

.facetwp-icon {
	opacity: 1 !important;
	right: 10px !important;
    position: absolute;
}

/*.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th,
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td {
	text-align: left !important;
}*/

.contextual-image {
	max-height: 350px;
}

.img-horizontal{
	max-height: 350px;
}
.img-vertical {
	display: block;
	max-height: 350px;
	width: auto;
	margin: 0 auto;
}
.img-square {
	display: block;
	max-height: 350px;
	width: auto;
	margin: 0 auto;
}
.consumables-list {
	margin-top: -20px;
	margin-bottom: 30px;
}

.consumables-list-item	 {
	padding: 20px;
}

.consumables-list-item:nth-child(even) {
	background: rgba(72,70,71,0.05);
}

.consumables-list-item ul {
    /*list-style: disc outside none;*/		/*Patti removed to fix double bullet issue */
    margin-left: 0; 
    padding-left: 1em;
    margin-bottom: 0px !important;
}
.consumables-list-item li {
    padding-left: 1em;
}

.consumables-list-item h3 {
	color: #D9178D;
	font-weight: 600;
}

.consumables-number {
	float: right;
}

.consumables-list-item .toggle-heading {
	margin-bottom: 15px;
}

.consumables-list-item .notes {
	margin-bottom: 15px;
}

span.purchase-url {
    float: right;
    margin-top: -5px;
}

@media (max-width: 450px) {
.consumables-list-item h3{
    font-size: 18px !important;
}
}

.toggle-heading {
	cursor: pointer;
}

.jumbotron {
	position: relative;
	overflow: hidden;
	background-color: #191919;
	min-height: 600px;
}
.jumbotron video {
	position: absolute;
	z-index: 1;
	top: 0;
	width:100%;
	height:100%;
	/*  object-fit is not supported on IE  */
	object-fit: cover;
	opacity:0.85;
}
.jumbotron .container {
	z-index: 2;
	position: relative;
}


/*----- Blog -----*/
body.category .blog-hero,
body.blog .blog-hero {
	margin-top: 80px;
}

body.paged .blog-hero {
	margin-top: 80px;
}

.blog-list h2 a {
	color: #313542;
}
li.categories ul {
	padding-left: 0px;
}
li.categories ul li {
	list-style: none;
	padding-bottom: 5px;
	padding-top: 5px;
}
li.categories ul li a {
	color: #D9178D;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
li.categories ul li a:hover {
	color: #007DC5;
}
.posted-on time + time { 
	display: none; 
}
.blog-article-content img,
.blog-article-content figure {
	max-width: 100%;
	height: auto;
}

.two-up-image {
	position: relative;
}

.two-up-image img {
	display: block;
	height: auto;
	min-width: 100px;
	max-height: 150px;
	text-align: left;
	vertical-align: baseline;
	width: auto;
	min-height: 150px;
}

.three-up-image {
	position: relative;
}

.three-up-image img {
	display: block;
	height: auto;
	min-width: 100px;
	max-height: 150px;
	text-align: left;
	vertical-align: baseline;
	width: auto;
	min-height: 150px;
}

.four-up-image {
	position: relative;
}

.four-up-image img {
	height: auto;
	min-width: 100px;
	max-height: 100px;
	text-align: left;
	vertical-align: baseline;
	width: 120px;
}

.position-absolute-left {
	position: absolute;
	float: left;
	left: 0;
}

.home-research-areas li {
	line-height: 20px;
}

/*--------------------------------------------------------------
# 08. Footer
--------------------------------------------------------------*/
footer { 
	background-color: #005496;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
footer .blue {
	color: #005496;
}
footer p { 
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
}
footer a {
	color: rgba(255,255,255,0.8);
	text-decoration: none;
	transition: all .2s ease-in-out;
	font-weight: 400;
}
footer a:hover {
	color: rgba(255,255,255,1);
}
ul.social-media-icons .list-inline-item:not(:last-child) {
	margin-right: 4px;
}

#menu-menu-footer-products li a,
#menu-menu-footer-focus-areas li a,
#menu-menu-footer-engage li a,
#menu-menu-footer-company li a {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: rgba(255,255,255,0.8);
	text-decoration: none;
	transition: all .2s ease-in-out;
	font-weight: 400;	
	margin: 0;
	padding: 0;
}

#menu-menu-footer-products li a:hover,
#menu-menu-footer-focus-areas li a:hover,
#menu-menu-footer-engage li a:hover,
#menu-menu-footer-company li a:hover {
	color: rgba(255,255,255,1);
}

#menu-menu-footer-products .menu-item,
#menu-menu-footer-focus-areas .menu-item,
#menu-menu-footer-engage .menu-item,
#menu-menu-footer-company .menu-item {
	margin: 0;
	padding: 0;	
}

footer li.icon-list-item {
	color: rgba(255,255,255,0.7);
	font-size: 14px;
	font-weight: 400;
	padding: 1px 0px;
}
footer .list-inline-item i {
	background-color: #ffffff;
	font-size: 16px;
	border-radius: 50%;
	padding: 7px 7px;
	transition: all 0.2s ease-in-out;
	width: 30px;
	margin: 0 auto;
}
footer .list-inline-item i:hover {
	background-color: #9BA7BA;
}
.footer-header,
.footer-header a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
.input-wrapper {
	display:inline-block;
	position: relative
}
.input-wrapper:after {
	font-family: 'FontAwesome';
	content: '\f274';
	position: absolute;
	right: 6px;
}
.site-info,
.site-info p,
.site-info a {
	color: rgba(255,255,255,0.7);
	font-size: 12px;
	font-weight: 300;
}
.site-info a:hover {
	text-decoration: underline;
}

footer span.color { display:block; float:left; height:5px;}
footer .line{
    width:100%;
}
footer .color-1{
    background: #00994F;
    width: 5%;
}
footer .color-2{
    background: #D9178D;
    width: 5%;
}
footer .color-3{
    background: #DD6A2B;
    width: 15%;
}
footer .color-4{
    background: #D9178D;
    width: 5%;
}
footer .color-5{
    background: #44A4DB;
    width: 10%;
}
footer .color-6{
    background: #DD6A2B;
    width: 5%;
}
footer .color-7{
    background: #44A4DB;
    width: 5%;
}
footer .color-8{
    background: #D9178D;
    width: 10%;
}
footer .color-9{
    background: #0080C5;
    width: 15%;
}
footer .color-10{
    background: #D9178D;
    width: 10%;
}
footer .color-11{
    background: #00994F;
    width: 5%;
}
footer .color-12{
    background: #DD6A2B;
    width: 5%;
}
footer .color-13{
    background: #D9178D;
    width: 5%;
}
footer input.email-signup::placeholder {
	font-size: 14px;
	font-weight: 300;
}



/*--------------------------------------------------------------
# 09. Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

.acsb-sr-only {
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	white-space: nowrap !important; 
	width: 1px !important;
}

/*--------------------------------------------------------------
# 10. Modals
--------------------------------------------------------------*/
.modal {
    background-color: #ffffff;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0.3rem;
    outline: 0;
}
.modal-search-button {
	background: none;
	border: none;
}

.modal-backdrop {
    z-index: 0;
}

#swipebox-close {
	background-image: none !important;
}

#swipebox-close:after {
	color: #ffffff;
	position: absolute;
	right: 20px;
	top: 20px;
	width: auto;
	height: auto;
	content: "×";
	background-image: none;
	font-size: 50px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-style: normal;
}

#homeModal .modal-dialog {
	margin: auto !important;
	
}

#homeModal .modal-dialog {
	max-width: 100% !important;
}

#homeModal .btn-close {
	position: absolute;
	top: 0px;
	right: 30px;
	z-index: 999;
	fill: #ffffff;
	color: #ffffff;
	filter: invert(100%) sepia(0%) saturate(7498%) hue-rotate(337deg) brightness(102%) contrast(103%);
}

#homeModal .home-modal-logo {
	position: absolute;
	top: 45px;
	left: 15px;
	z-index: 999;
}

.mouse_scroll {
	margin: 0 auto !important;
	text-align: center !important;
}

.mouse_scroll {
	position: absolute;
	bottom: 75px;
	left: 50%;
	z-index: 9999;
}

.m_scroll_arrows {
	display: block;
	width: 5px;
	height: 5px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	margin: 0 0 3px 4px;
	width: 16px;
	height: 16px;
}

.unu {
	margin-top: 1px;
}

.unu, .doi, .trei {
	-webkit-animation: mouse-scroll 1s infinite;
	-moz-animation: mouse-scroll 1s infinite;
	animation: mouse-scroll 1s infinite;
	position: relative;
	margin: 0 auto !important;
}

.unu {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	animation-delay: alternate;
}

.doi {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-webkit-animation-direction: alternate;
	animation-delay: .2s;
	animation-direction: alternate;
	margin-top: -6px;
}

.trei {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-webkit-animation-direction: alternate;
	animation-delay: .3s;
	animation-direction: alternate;
	margin-top: -6px;
}

.mouse {
	height: 42px;
	width: 24px;
	border-radius: 14px;
	transform: none;
	border: 2px solid white;
	top: 170px;
	margin: 0 auto;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
  margin: 0 auto;
}

.mouse-arrows {
	position: relative;
	margin: 0 auto;
}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}


.vimeo-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}
.vimeo-wrapper iframe {
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



#vimeohero {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#vimeohero iframe {
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    min-width: 100%;
    min-height: 102%;
    width: auto;
    object-position: contain;
    position: relative;
    top: 50%;
    left: 50%;
}

#MuteButton::before {
	color: #ffffff;
	content: "\f028";
	font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
}

#MuteButton.muted::before {
	color: #ffffff;
	content: "\f2e2";
	font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
}

#MuteButton {
	position: absolute;
	bottom: 60px;
	/*bottom: 10%;*/
	right: 60px;
	/*right: 1%;*/
	background: rgba(0,0,0,.5);
	border: none;
	color: #ffffff;
	z-index: 5;
	font-size: 24px;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

#MuteButtonMobile::before {
	color: #ffffff;
	content: "\f028";
	font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
}

#MuteButtonMobile.muted::before {
	color: #ffffff;
	content: "\f2e2";
	font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
}

#MuteButtonMobile {
	position: absolute;
	bottom: 30px;
	right: 15px;
	background: rgba(0,0,0,.5);
	border: none;
	color: #ffffff;
	z-index: 9999999 !important;
	font-size: 12px;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.products-fadein {
	display: none;
}

.takeover-products {
	position: absolute;
	bottom: 220px;
	width: 100%;
}

.rounded-30 {
    border-radius: 30px;
}

.modal-takeover .modal {
	background-color: #000000;
}

.modal-takeover .modal-content {
	background-color: #000000;
}

.rmp-submenu-depth-2 {
	padding-left: 30px !important;
}

.rmp-submenu-depth-3 {
	padding-left: 30px !important;
}

.rmp-menu-item-link {
    font-size: 16px !important;
    text-transform: uppercase !important;
}

.list-group-item {
	background-color: transparent;
}

/*--------------------------------------------------------------
# 11. Responsive styles
--------------------------------------------------------------*/
@media (max-width: 767px) {

	h1 {
		font-size: 28px;
		line-height: 36px;
	}
	#carouselSlider h4 {
		font-size: 16px;
		line-height: 22px;
	}
	img.featured-report {
		width: 200px;
	}
	#carouselSlider .carousel-control-prev-icon {
		margin-left: -20px;
		margin-top: 30px;
	}

	#carouselSlider .carousel-control-next-icon {
		margin-right: -20px;
		margin-top: 30px;
	}
	#carouselSlider .carousel-item {
		min-height: 200px;
	}
	.takeover-video-desktop {
		display: none;
	}
	.takeover-video-mobile {
		display: block;
	}
	.takeover-products {
		bottom: 250px;
	}
	.return-to-site {
		margin-top: 200px;
	}

}

@media (min-width: 768px) {
	h1 {
		font-size: 40px;
		font-weight: 400;
		line-height: 48px;
	}
	h2 {
		font-size: 32px;
		font-weight: 500;
		line-height: 38px;
	}
	h2.large {
		font-size: 36px;
		font-weight: 600;
		line-height: 42px;
	}
	h3 {
		font-size: 20px;
		font-weight: 500;
		line-height: 24px;
	}
	h4 {
		font-size: 18px;
		font-weight: 400;
		line-height: 22px;
	}
	.eyebrow {
		font-size: 14px;
		font-weight: 400;
		line-height: 22px;
	}
	.card-title {
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
	}
	#carouselSlider .carousel-control-prev-icon {
		margin-left: -20px;
		margin-top: 30px;
	}

	#carouselSlider .carousel-control-next-icon {
		margin-right: -20px;
		margin-top: 30px;
	}
	.takeover-video-desktop {
		display: block;
	}
	.takeover-video-mobile {
		display: none;
	}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#carouselSlider .carousel-item {
		min-height: 100px;
	}
	#carouselSlider .carousel-control-prev-icon {
		margin-left: -60px;
		margin-top: 30px;
	}
	#carouselSlider .carousel-control-next-icon {
		margin-right: -60px;
		margin-top: 30px;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#carouselSlider .carousel-item {
		min-height: 100px;
	}
	#carouselSlider .carousel-control-prev-icon {
		margin-left: -60px;
		margin-top: 30px;
	}
	#carouselSlider .carousel-control-next-icon {
		margin-right: -60px;
		margin-top: 30px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.padding-method {
		padding-left: 30px;
	}
	#carouselSlider .carousel-item {
		min-height: 100px;
	}
	#carouselSlider .carousel-control-prev-icon {
		margin-left: -220px;
		margin-top: 15px;
	}
	#carouselSlider .carousel-control-next-icon {
		margin-right: -220px;
		margin-top: 15px;
	}

}

@media (min-width: 1400px) {
	#carouselSlider .carousel-item {
		min-height: 100px;
	}
	#carouselSlider .carousel-control-prev-icon {
		margin-left: -220px;
		margin-top: 15px;
	}
	#carouselSlider .carousel-control-next-icon {
		margin-right: -220px;
		margin-top: 15px;
	}
}



/* Style for Extra Large Screen */
@media (min-width:1200px) {
    iframe.ask-an-expert {
        height: 550px !important;
    }
}

@media (max-width:1199px) {
    iframe.ask-an-expert {
        height: 550px !important;
    }
}

/* Style for Large Screen */
@media (max-width:991px) {
    iframe.ask-an-expert {
        height: 765px !important;
    }
}

/* Style for Medium Screen */
@media (max-width:767px) {
    iframe.ask-an-expert {
        height: 765px !important;
    }
    video::-webkit-media-controls-play-button { 
		display: none !important;
	}
}

/* Style for Small Screen */
@media (max-width:575px) {
	iframe.ask-an-expert {
		height: 765px !important;
	}
	video::-webkit-media-controls-play-button { 
		display: none !important;
	}
}