/*--------------------------------------------*\
   Variables, Mixins and Bootstrap Styles
\*--------------------------------------------*/
/*--------------------------------------------*\
   Biotech Landing Styles
\*--------------------------------------------*/
#biotech-video video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	transform: translateX(-50%) translateY(-50%);
}

.biotech-wrapper {
	font-family: "proxima-nova", sans-serif;
}

.biotech-wrapper .showOnMobile {
	display: none;
}

.biotech-wrapper .image-hover {
	opacity: 0;
}

.biotech-wrapper #fullpage {
	color: #616E6E;
	overflow: hidden;
}

.biotech-wrapper #fullpage .fp-section {
	position: relative;
	box-sizing: border-box;
}

.biotech-wrapper #fullpage .container-fluid-hero {
	width: 97%;
	margin: 0 auto;
}

.biotech-wrapper #fullpage .fullpageimgback {
	/* background: url(/interactive-resources/biotech/landing-page/images/biotech-fullscreen-back.jpg) no-repeat center center; */
	background: url(/interactive-resources/biotech/landing-page/images/biotech-banner-video.jpg) no-repeat center center;
	background-size: cover;
	max-height: 800px;
}

.biotech-wrapper #fullpage #myVideo {
	/* display: none; */
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}

.biotech-wrapper #fullpage .bio-header {
	display: none;
	background: #fff;
	height: 110px;
	width: 100%;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.biotech-wrapper #fullpage .bio-header .bio-nav img {
	max-width: 350px;
	width: 100%;
	height: auto;
}

.biotech-wrapper #fullpage .bio-header .bio-nav .nav-items {
	padding-top: 65px;
}

.biotech-wrapper #fullpage .bio-header .bio-nav .nav-items ul {
	list-style: none;
	padding: 0px;
	margin: 0;
}

.biotech-wrapper #fullpage .bio-header .bio-nav .nav-items ul li {
	display: inline-block;
	padding-right: 40px;
}

.biotech-wrapper #fullpage .bio-header .bio-nav .nav-items ul li a {
	color: #008DA5;
	font-size: 16px;
}

.biotech-wrapper #fullpage .stickynav {
	position: fixed !important;
	top: 0 !important;
	margin-top: 0 !important;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 -2px 10px -2px gray;
	height: 85px;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.biotech-wrapper #fullpage .stickynav .bio-nav .nav-items {
	padding-top: 35px;
	-webkit-transition: all 1.3s;
	transition: all 1.3s;
}

.biotech-wrapper #fullpage .hero-title {
	color: #008DA5;
	font-size: 48px;
	font-weight: 400;
	text-align: center;
	padding: 15vh 0 0 0;
	animation: fadeIn 1.5s ease-in-out;
}

.biotech-wrapper #fullpage .hero-title-small {
	color: #008DA5;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	animation: fadeIn 1.5s ease-in-out;
}

.biotech-wrapper #fullpage .hero-title-teaser {
	padding: 15px 0;
	max-width: 470px;
	margin: 0 auto;
	animation: fadeIn 1.5s ease-in-out;
}

.biotech-wrapper #fullpage .hero-title-teaser p {
	color: #616E6E;
	font-size: 14px;
	font-weight: 400;
}

.biotech-wrapper #fullpage .hero-title-button {
	padding: 15px 0;
	text-align: center;
	animation: fadeIn 1.5s ease-in-out;
}

.biotech-wrapper #fullpage .hero-title-button a {
	display: inline-block;
    margin: .5em;
	font-size: 16px;
	font-weight: 600;
	background: #008DA5;
	color: #fff;
	padding: 8px 30px;
	border-radius: 30px;
	text-transform: uppercase;
	text-decoration: none;
}

.biotech-wrapper #fullpage .hero-title-button a:hover {
	background: rgba(0, 141, 165, 0.85);
}

.biotech-wrapper #fullpage .diamonds-outer {
	position: relative;
	width: 100%;
	padding: 0 0 0 0;
}

.biotech-wrapper #fullpage .diamonds-outer .diamond-psg {
	max-width: 31.5%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 11%;
	left: 29.6%;
	animation: fadeInUp 1s ease-in-out;
}

.biotech-wrapper #fullpage .diamonds-outer .diamond-video {
	max-width: 31.6%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 26%;
	left: 45%;
	animation: fadeInRight 1s ease-in-out;
}

.biotech-wrapper #fullpage .diamonds-outer .diamond-solutions {
	max-width: 31.6%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 42%;
	left: 29.3%;
	animation: fadeInDown 1s ease-in-out;
}

.biotech-wrapper #fullpage .diamonds-outer .diamond-bio {
	max-width: 31.6%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 26%;
	left: 14%;
	animation: fadeInLeft 1s ease-in-out;
}

.biotech-wrapper #tabintro {
	background: url(/interactive-resources/biotech/landing-page/images/biotech-fullscreen-back.jpg) no-repeat center center;
	background-size: cover;
}

.biotech-wrapper #tabintro .bio-header {
	display: none;
	position: fixed;
	background: #fff;
	height: 55px;
	width: 100%;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	z-index: 25;
	top: 0;
}

.biotech-wrapper #tabintro .bio-header .bio-nav img {
	max-width: 350px;
	width: 100%;
	height: auto;
}

.biotech-wrapper #tabintro .bio-header .bio-nav .nav-items {
	padding-top: 10px;
}

.biotech-wrapper #tabintro .bio-header .bio-nav .nav-items ul {
	list-style: none;
	padding: 0px;
	margin: 0;
}

.biotech-wrapper #tabintro .bio-header .bio-nav .nav-items ul li {
	display: inline-block;
	padding-right: 40px;
}

.biotech-wrapper #tabintro .bio-header .bio-nav .nav-items ul li a {
	color: #008DA5;
	font-size: 16px;
}

.biotech-wrapper #tabintro .top-text {
	padding: 100px 0;
}

.biotech-wrapper #tabintro .hero-title {
	color: #008DA5;
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	padding: 0;
	animation: fadeIn 1.5s ease-in-out;
}

.biotech-wrapper #tabintro .hero-title-small {
	color: #008DA5;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	animation: fadeIn 1.5s ease-in-out;
}

.biotech-wrapper #tabintro .hero-title-teaser {
	padding: 15px 0;
	max-width: 470px;
	margin: 0 auto;
	animation: fadeIn 1.5s ease-in-out;
}

.biotech-wrapper #tabintro .hero-title-teaser p {
	color: #616E6E;
	font-size: 14px;
	font-weight: 400;
}

.biotech-wrapper #tabintro .hero-title-button {
	padding: 15px 0;
	text-align: center;
	animation: fadeIn 1.5s ease-in-out;
}

.biotech-wrapper #tabintro .hero-title-button a {
	font-size: 16px;
	font-weight: 600;
	background: #008DA5;
	color: #fff;
	padding: 8px 30px;
	border-radius: 30px;
	text-transform: uppercase;
	text-decoration: none;
}

.biotech-wrapper #tabintro .hero-title-button a:hover {
	background: rgba(0, 141, 165, 0.85);
}

.biotech-wrapper #tabintro .diamonds-outer {
	position: relative;
	width: 100%;
	padding: 0 0 0 0;
}

.biotech-wrapper #tabintro .diamonds-outer .diamond-psg {
	max-width: 50.5%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 0%;
	left: 30.6%;
	animation: fadeInUp 1s ease-in-out;
}

.biotech-wrapper #tabintro .diamonds-outer .diamond-video {
	max-width: 50.6%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 26%;
	left: 55%;
	animation: fadeInRight 1s ease-in-out;
}

.biotech-wrapper #tabintro .diamonds-outer .diamond-solutions {
	max-width: 50.6%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 53%;
	left: 31%;
	animation: fadeInDown 1s ease-in-out;
}

.biotech-wrapper #tabintro .diamonds-outer .diamond-bio {
	max-width: 50.6%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 26%;
	left: 6%;
	animation: fadeInLeft 1s ease-in-out;
}

.biotech-wrapper .bio-lab {
	background: rgb(213, 235, 239);
	background: transparent linear-gradient(270deg, #D1EAEE 0%, #FFFFFF 35%, #D1EAEE 100%) 0% 0% no-repeat padding-box;
}

.biotech-wrapper .bio-lab .anchors-nav {
	background: #D3DDDE;
	position: relative;
	overflow: hidden;
	z-index: 10;
	max-width: 920px;
	width: 100%;
	margin: 0 auto;
	top: 50px;
}

.biotech-wrapper .bio-lab .anchors-nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.biotech-wrapper .bio-lab .anchors-nav ul li {
	display: inline-block;
	min-width: 5em;
	margin: 0 0.5em;
}

.biotech-wrapper .bio-lab .anchors-nav ul li a {
	color: #7C8687;
	font-size: 16px;
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 8px;
	text-align: center;
	text-decoration: none;
}

.biotech-wrapper .bio-lab .anchors-nav ul li a:hover {
	background-color: #ddd;
	color: black;
	text-decoration: none;
}

.biotech-wrapper .bio-lab .anchors-nav ul li a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0.5px;
	background-color: #c69f73;
	bottom: -1px;
	right: 0;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.biotech-wrapper .bio-lab #stickyanchors.box {
	position: fixed;
	top: 173px;
	z-index: 100;
	margin: 0 auto;
	left: 50%;
	right: 50%;
	transform: translate(-50%, -50%);
}

.biotech-wrapper .bio-lab #stickyboxtrigger {
	top: 50px;
	position: relative;
}

.biotech-wrapper .bio-lab .bio-lab-items {
	padding: 50px 0;
	position: relative;
	min-height: 595px;
}

.biotech-wrapper .bio-lab .bio-lab-items .lab-keygen {
	max-width: 185px;
	width: 100%;
	border: 1px solid #C1C1C0;
	border-radius: 20px;
	padding: 10px 5px;
	position: absolute;
	top: 62%;
	left: 21%;
}

.biotech-wrapper .bio-lab .bio-lab-items .lab-keygen .row {
	margin-bottom: 15px;
}

.biotech-wrapper .bio-lab .bio-lab-items .lab-keygen img {
	max-width: 50px;
	width: 100%;
	height: auto;
}

.biotech-wrapper .bio-lab .bio-lab-items .lab-keygen p.keygen-title-pump {
	position: relative;
	left: -35px;
	top: 27px;
	font-size: 14px;
}

.biotech-wrapper .bio-lab .bio-lab-items .lab-keygen p.keygen-title-sensor {
	position: relative;
	left: -33px;
	top: -3px;
	font-size: 14px;
	line-height: 1.2em;
}

.biotech-wrapper .bio-lab .bio-lab-items .lab-section-cont {
	opacity: 0;
	max-width: 355px;
	width: 100%;
	position: absolute;
	top: 55%;
	left: 55%;
}

.biotech-wrapper .bio-lab .bio-lab-items .lab-section-cont .lab-title-gray {
	font-size: 38px;
	color: #ADBABB;
	font-weight: 600;
	text-transform: uppercase;
}

.biotech-wrapper .bio-lab .bio-lab-items .lab-section-cont .lab-teaser p {
	color: #616E6E;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 15px;
}

.biotech-wrapper .bio-lab .bio-lab-items .lab-section-cont .lab-learnmore a {
	color: #008DA5;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.biotech-wrapper .bio-lab .bio-lab-items .lab-title {
	color: #008DA5;
	font-size: 38px;
	font-weight: 400;
	margin: 4% 0 0 0;
	position: absolute;
	z-index: 3;
	width: 100%;
	line-height: 1em;
	text-align: center;
}

.biotech-wrapper .bio-lab .bio-lab-items .laboratory-path {
	max-width: 19%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 12.9%;
	left: 29%;
}

.biotech-wrapper .bio-lab-mobile {
	background: rgb(213, 235, 239);
	background: transparent linear-gradient(270deg, #D1EAEE 0%, #FFFFFF 35%, #D1EAEE 100%) 0% 0% no-repeat padding-box;
}

.biotech-wrapper .bio-lab-mobile .anchors-nav {
	background: #D3DDDE;
	position: relative;
	overflow: hidden;
	z-index: 10;
	max-width: 920px;
	width: 100%;
	margin: 0 auto;
	top: 50px;
	display: none;
}

.biotech-wrapper .bio-lab-mobile .anchors-nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.biotech-wrapper .bio-lab-mobile .anchors-nav ul li {
	display: inline-block;
	min-width: 5em;
	margin: 0 0.5em;
}

.biotech-wrapper .bio-lab-mobile .anchors-nav ul li a {
	color: #7C8687;
	font-size: 13px;
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	padding: 6px 0px;
	text-align: center;
	text-decoration: none;
}

.biotech-wrapper .bio-lab-mobile .anchors-nav ul li a:hover {
	background-color: #ddd;
	color: black;
	text-decoration: none;
}

.biotech-wrapper .bio-lab-mobile .anchors-nav ul li a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0.5px;
	background-color: #c69f73;
	bottom: -1px;
	right: 0;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.biotech-wrapper .bio-lab-mobile #stickyanchors.box {
	position: fixed;
	top: 105px;
	z-index: 100;
	margin: 0 auto;
	left: 50%;
	right: 50%;
	transform: translate(-50%, -50%);
}

.biotech-wrapper .bio-lab-mobile #stickyboxtrigger {
	top: 50px;
	position: relative;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items {
	padding: 50px 0;
	position: relative;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-keygen {
	max-width: 185px;
	width: 100%;
	border: 1px solid #C1C1C0;
	border-radius: 20px;
	padding: 10px 5px;
	position: relative;
	top: 0;
	left: 0;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-keygen .row {
	margin-bottom: 15px;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-keygen img {
	max-width: 50px;
	width: 100%;
	height: auto;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-keygen p.keygen-title-pump {
	position: relative;
	left: -35px;
	top: 27px;
	font-size: 14px;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-keygen p.keygen-title-sensor {
	position: relative;
	left: -33px;
	top: -3px;
	font-size: 14px;
	line-height: 1.2em;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-section-cont {
	opacity: 1;
	max-width: 355px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-section-cont .lab-title-gray {
	font-size: 38px;
	color: #ADBABB;
	font-weight: 600;
	text-transform: uppercase;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-section-cont .lab-teaser p {
	color: #616E6E;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 15px;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-section-cont .lab-learnmore a {
	color: #008DA5;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-title {
	color: #008DA5;
	font-size: 38px;
	font-weight: 400;
	margin: 30px 0;
	position: relative;
	z-index: 3;
	width: 100%;
	line-height: 1em;
	text-align: center;
}

.biotech-wrapper .bio-upstream {
	background: rgb(213, 235, 239);
	background: transparent linear-gradient(270deg, #D1EAEE 0%, #FFFFFF 35%, #D1EAEE 100%) 0% 0% no-repeat padding-box;
}

.biotech-wrapper .bio-upstream .bio-upstream-items {
	padding: 50px 0;
	position: relative;
	min-height: 750px;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .bio-upstream-section-cont {
	opacity: 0;
	max-width: 355px;
	width: 100%;
	position: absolute;
	top: 43%;
	left: 3%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .bio-upstream-section-cont .bio-upstream-title-gray {
	font-size: 38px;
	color: #ADBABB;
	font-weight: 600;
	text-transform: uppercase;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .bio-upstream-section-cont .bio-upstream-teaser p {
	color: #616E6E;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 15px;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-title {
	color: #7C8687;
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	z-index: 3;
	margin-top: 5%;
	left: 41%;
	line-height: 1em;
	text-align: center;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .bioreactor-title {
	color: #7C8687;
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	z-index: 3;
	margin-top: 25%;
	left: 58%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-title {
	color: #7C8687;
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	z-index: 3;
	margin-top: 39%;
	left: 49%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .depth-filtration-title {
	color: #7C8687;
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	z-index: 3;
	margin-top: 62%;
	left: 20%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-icon {
	max-width: 12%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: -1%;
	left: 28.4%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-flow-circle > img,
.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-flow-circle > img,
.biotech-wrapper .bio-upstream .bio-upstream-items .depth-filtration-circle > img,
.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-right-single-pump-icon > img,
.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-single-pump-icon > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .tangential-bottom-pump > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .inline-tangential-pump > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-single-pump-icon > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-single-pump-top-icon > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .crossflow-single-pump-icon > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-single-pump-icon-top > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-single-pump-icon-bottom > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-pump-icon > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-pump-icon-top > img {
    position: absolute;
    display: block;
    margin-top: -37.5%;
    left: -37.5%;
    max-width: 175%;
    z-index: 0;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-single-sensor-icon > img,
.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-left-single-pump-icon > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-single-sensor-icon > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .tangential-top-sensor > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .virus-filtration-branch > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .crossflow-single-sensor-icon > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-single-sensor-icon-bottom > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-sensor-icon-top > img,
.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-sensor-icon > img {
	position: absolute;
    display: block;
    margin-top: -55.5%;
    left: -37.5%;
    max-width: 175%;
    z-index: 0;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-flow-circle > a,
.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-flow-circle > a,
.biotech-wrapper .bio-upstream .bio-upstream-items .depth-filtration-circle > a,
.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-left-single-pump-icon > a,
.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-right-single-pump-icon > a,
.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-single-pump-icon > a,
.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-single-sensor-icon > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .virus-filtration-branch > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .tangential-bottom-pump > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .inline-tangential-pump > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-single-pump-icon > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-single-pump-top-icon > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .crossflow-single-pump-icon > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-single-pump-icon-top > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-single-pump-icon-bottom > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-pump-icon > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-pump-icon-top > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .crossflow-single-sensor-icon > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-single-sensor-icon-bottom > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-single-sensor-icon > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-sensor-icon > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-sensor-icon-top > a,
.biotech-wrapper .bio-downstream .bio-downstream-items .tangential-top-sensor > a {
    position: absolute;
    z-index: 4;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-flow-circle {
	max-width: 1.4%;
	position: absolute;
	z-index: 4;
	margin-top: 2%;
	left: 16.5%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-blue 4.5s infinite; */
}

.biotech-wrapper .bio-upstream .bio-upstream-items .bioreactor-icon {
	max-width: 4.8%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 19.5%;
	left: 66.75%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .bioreactor-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .bioreactor-circle {
	max-width: 2%;
	position: absolute;
	z-index: 4;
	margin-top: 21%;
	left: 60.5%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .bioreactor-circle img {
	opacity: 0;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-teardrop {
	max-width: 2%;
	position: absolute;
	z-index: 4;
	margin-top: 1%;
	left: 45%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .centri-teardrop {
	max-width: 2%;
	position: absolute;
	z-index: 4;
	margin-top: 35.5%;
	left: 53%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .centri-teardrop img {
	opacity: 0;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .depth-teardrop {
	max-width: 2%;
	position: absolute;
	z-index: 4;
	margin-top: 58%;
	left: 24%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .depth-teardrop img {
	opacity: 0;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-icon {
	max-width: 8.8%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 35.75%;
	left: 37.5%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-flow-circle {
	max-width: 1.4%;
	position: absolute;
	z-index: 4;
	margin-top: 33%;
	left: 41.5%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-blue-horizontal 4.5s infinite; */
}

.biotech-wrapper .bio-upstream .bio-upstream-items .depth-filtration-icon {
	max-width: 7.1%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 55.2%;
	left: 12%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .depth-filtration-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .depth-filtration-circle {
	max-width: 1.4%;
	position: absolute;
	z-index: 4;
	margin-top: 41%;
	left: 16.5%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-blue 4.5s infinite; */
}

.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-left-single-pump-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 35.7%;
	left: 30%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-right-single-pump-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 30%;
	left: 55%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-single-pump-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 12.7%;
	left: 32%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-single-sensor-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 14.7%;
	left: 51.5%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .upstream-path {
	max-width: 49%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: -2.5%;
	left: 19.23%;
}

.biotech-wrapper .bio-upstream .bio-upstream-items .upstream-path-bottom {
	max-width: 50%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 28%;
	left: 18.2%;
}

.biotech-wrapper .bio-downstream {
	background: rgb(213, 235, 239);
	background: transparent linear-gradient(270deg, #D1EAEE 0%, #FFFFFF 35%, #D1EAEE 100%) 0% 0% no-repeat padding-box;
}

.biotech-wrapper .bio-downstream .bio-downstream-items {
	padding: 50px 0;
	position: relative;
	min-height: 1250px;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .bio-downstream-section-cont {
	opacity: 0;
	max-width: 355px;
	width: 100%;
	position: absolute;
	top: -6%;
	left: 58%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .bio-downstream-section-cont .bio-downstream-title-gray {
	font-size: 38px;
	color: #ADBABB;
	font-weight: 600;
	text-transform: uppercase;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .bio-downstream-section-cont .bio-downstream-teaser p {
	color: #616E6E;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 15px;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-title {
	color: #008DA5;
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	z-index: 3;
	margin-top: 12%;
	left: 39%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-filtration-title {
	color: #7C8687;
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	z-index: 3;
	margin-top: 64%;
	left: 55%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .incline-buffer-dilution-title {
	color: #7C8687;
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	z-index: 3;
	margin-top: 71%;
	left: 24%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .cross-flow-title {
	color: #7C8687;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	position: absolute;
	z-index: 3;
	margin-top: 40%;
	left: 22.3%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .column-packing-title {
	color: #7C8687;
	font-size: 18px;
	font-weight: 600;
	position: absolute;
	z-index: 3;
	margin-top: 31%;
	left: 60%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-icon {
	max-width: 4.9%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 15.8%;
	left: 46.6%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .cromo-branch {
	max-width: 5%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 16.4%;
	left: 50.5%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-formulation-left-icon {
	max-width: 9.4%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 34.85%;
	left: 49.5%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-formulation-left-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-formulation-right-icon {
	max-width: 7.7%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 34.7%;
	left: 71.5%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-formulation-right-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .cross-flow-icon {
	max-width: 5.9%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 37.65%;
	left: 33.36%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .cross-flow-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .tangential-flow-icon {
	max-width: 6%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 34.5%;
	left: 14%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .tangential-flow-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .cross-flow-branch {
	max-width: 9.8%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 17%;
	left: 14%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-filtration-icon {
	max-width: 4.5%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 61.6%;
	left: 65.9%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-filtration-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-filtration-branch {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 38.7%;
	left: 9%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .tangential-bottom-pump {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 46.1%;
	left: 28%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-tangential-pump {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 39.5%;
	left: 42%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-dilution-icon {
	max-width: 6.2%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 68%;
	left: 33.5%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-dilution-icon img.image-hover {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	transition: opacity 0.2s;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .chromo-teardrop {
	max-width: 2%;
	position: absolute;
	z-index: 4;
	margin-top: 8%;
	left: 43.5%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .chromo-teardrop img {
	opacity: 0;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-teardrop {
	max-width: 2%;
	position: absolute;
	z-index: 4;
	margin-top: 28%;
	left: 66.5%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-teardrop img {
	opacity: 0;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .tangential-teardrop {
	max-width: 2%;
	position: absolute;
	z-index: 4;
	margin-top: 36%;
	left: 26.5%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .tangential-teardrop img {
	opacity: 0;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-teardrop {
	max-width: 2%;
	position: absolute;
	z-index: 4;
	margin-top: 60%;
	left: 58.5%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-teardrop img {
	opacity: 0;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .bulk-teardrop {
	max-width: 2%;
	position: absolute;
	z-index: 4;
	margin-top: 67%;
	left: 26.5%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .bulk-teardrop img {
	opacity: 0;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-single-pump-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 13.4%;
	left: 55.5%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-single-pump-top-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 16.3%;
	left: 25%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .crossflow-single-pump-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 20.9%;
	left: 41%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-single-pump-icon-top {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 34.1%;
	left: 66%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-single-pump-icon-bottom {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 39.45%;
	left: 66%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-pump-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 70.1%;
	left: 58%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-pump-icon-top {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 53.35%;
	left: 46%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .crossflow-single-sensor-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 36%;
	left: 60.5%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-single-sensor-icon-bottom {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 41.4%;
	left: 60.5%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-single-sensor-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 18.3%;
	left: 31.5%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-sensor-icon {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 72.1%;
	left: 50.5%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-single-sensor-icon-top {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 4;
	margin-top: 55.3%;
	left: 54.5%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .tangential-top-sensor {
	max-width: 4.1%;
	width: 100%;
	position: absolute;
	z-index: 2;
	margin-top: 34%;
	left: 22%;
    background: no-repeat url(../images/animation.svg) center center;
	/* animation: pulse-scale 4.5s infinite; */
	border-radius: 50%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .downstream-top-path {
	max-width: 29%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 11.4%;
	left: 18%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .downstream-middle-path {
	max-width: 15.3%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 16.4%;
	left: 49.3%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-formulation-path-top {
	max-width: 13%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 37.17%;
	left: 58.92%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .inline-buffer-formulation-path-bottom {
	max-width: 13%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 42.55%;
	left: 58.92%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .downstream-bottom-path {
	max-width: 10%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 23.9%;
	left: 37.3%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .downstream-bottom-path-tangential-top {
	max-width: 17%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 35%;
	left: 19.8%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .downstream-bottom-path-tangential-bottom {
	max-width: 17%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 40.55%;
	left: 19.8%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .downstream-tangential-outer-path {
	max-width: 7%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 39.8%;
	left: 7%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .solutions-line {
	max-width: 44%;
	position: absolute;
	z-index: 1;
	margin-top: 49.2%;
	left: 25%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .virus-bottom-line {
	max-width: 30%;
	position: absolute;
	z-index: 1;
	margin-top: 68.2%;
	left: 39%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .tff-to-inline-line {
	max-width: 10%;
	position: absolute;
	z-index: 1;
	margin-top: 42.55%;
	left: 39.3%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .cross-flow-circle {
	max-width: 1.4%;
	position: absolute;
	z-index: 4;
	margin-top: 20.5%;
	left: 47.2%;
}

.biotech-wrapper .bio-downstream .bio-downstream-items .clr {
	clear: both;
}

.biotech-wrapper .bio-solutions {
	padding: 60px 0;
}

.biotech-wrapper .bio-solutions .psg-icon-solutions {
	max-width: 120px;
	position: absolute;
	z-index: 4;
	margin-top: -10.5%;
	left: 45%;
}

.biotech-wrapper .bio-solutions .bio-solutions-title {
	color: #008DA5;
	font-weight: 400;
	font-size: 40px;
	text-align: center;
}

.biotech-wrapper .bio-solutions .bio-solutions-items {
	padding: 80px 0;
}

.biotech-wrapper .bio-solutions .bio-solutions-items .bsi-item .bsi-item-title {
	font-size: 24px;
	font-weight: 800;
	text-align: center;
	color: #7C8687;
}

.biotech-wrapper .bio-solutions .bio-solutions-items .bsi-item .bsi-item-teaser p {
	color: #616E6E;
	font-size: 14px;
	font-weight: 400;
}

.biotech-wrapper .bio-solutions .bio-solutions-items .bsi-item .bsi-item-btn {
	padding: 10px 0;
	text-align: center;
}

.biotech-wrapper .bio-solutions .bio-solutions-items .bsi-item .bsi-item-btn a {
	font-size: 16px;
	font-weight: 600;
	background: #008DA5;
	color: #fff;
	padding: 8px 30px;
	border-radius: 30px;
	text-transform: uppercase;
	text-decoration: none;
}

.biotech-wrapper .bio-solutions .bio-solutions-items .bsi-item .bsi-item-btn a:hover {
	background: rgba(0, 141, 165, 0.85);
}

.biotech-wrapper .bio-literature {
	padding: 40px 0;
	background: url(/interactive-resources/biotech/landing-page/images/lierature-back.jpg) no-repeat center center;
	background-size: cover;
}

.biotech-wrapper .bio-literature .bio-lit-banner {
	background: rgba(255, 255, 255, 0.5);
	margin: 90px 0;
	padding: 15px 0;
}

.biotech-wrapper .bio-literature .bio-lit-banner .bio-lit-items .row {
	justify-content: center;
	align-items: center;
}

.biotech-wrapper .bio-literature .bio-lit-banner .bio-lit-items .bio-lit-downloads {
	max-width: 450px;
}

.biotech-wrapper .bio-literature .bio-lit-banner .bio-lit-items .bio-lit-downloads img {
	max-height: 300px;
	width: auto;
	height: 100%;
}

.biotech-wrapper .bio-caring {
	opacity: 0;
	padding: 40px 0;
	background: rgb(213, 235, 239);
	background: linear-gradient(270deg, rgb(213, 235, 239) 0%, rgb(255, 255, 255) 90%, rgb(209, 234, 238) 100%);
}

.biotech-wrapper .bio-caring .droplet {
	max-width: 220px;
	width: 100%;
	height: auto;
	padding: 45px 0 0 0;
}

.biotech-wrapper .bio-caring .bio-caring-title {
	color: #008DA5;
	font-weight: 400;
	font-size: 40px;
}

.biotech-wrapper .bio-caring .bio-caring-teaser p {
	color: #616E6E;
	font-size: 16px;
	font-weight: 400;
}

.biotech-wrapper .bio-caring .bio-caring-teaser .psg-green {
	color: #008DA5;
	font-weight: 800;
}

.biotech-wrapper .bio-caring .bio-caring-news {
	color: #008DA5;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	padding: 70px 0 0 0;
}

.biotech-wrapper .bio-caring .bio-caring-news img {
	float: left;
	max-width: 20px;
	width: 100%;
	height: auto;
	margin-right: 5px;
	position: relative;
	top: 3px;
}

.biotech-wrapper .bio-contact {
	padding: 40px 0;
	background: #F0F2F2;
}

.biotech-wrapper .bio-contact .bio-contact-title {
	color: #008DA5;
	font-weight: 400;
	font-size: 40px;
	text-align: center;
}

.biotech-wrapper .bio-contact .bio-contact-teaser {
	max-width: 650px;
	width: 100%;
	margin: 0 auto;
	color: #616E6E;
	font-size: 16px;
	font-weight: 400;
}

.biotech-wrapper .bio-contact .bio-contact-form {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
}

.biotech-wrapper .modal .product-title {
	font-size: 24px;
	font-weight: 600;
}

.biotech-wrapper .modal .prod-text p {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
}

.biotech-wrapper .modal .prod-text ul {
	padding: 0 0 0 15px;
	margin: 0;
}

.biotech-wrapper .modal .prod-text ul li {
	font-size: 16px;
	font-weight: 600;
}

.biotech-wrapper .modal .prod-btns {
	padding: 30px 0;
}

.biotech-wrapper .modal .prod-btns a {
	background: #008DA5;
	color: #fff;
	font-size: 16px;
	border-radius: 25px;
	padding: 8px 30px;
	text-decoration: none;
}

.biotech-wrapper .modal .prod-btns a:hover,
.biotech-wrapper .modal .prod-btns a.question:hover {
	background: #303030;
}

.biotech-wrapper .modal .prod-btns a.question {
	background: #65C5D4;
}

.biotech-wrapper .hide {
	display: none;
}

.biotech-wrapper .showover {
	display: block;
}

@keyframes pulse-blue {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-20px);
	}

	100% {
		transform: translatey(0px);
	}
}

@keyframes pulse-blue-horizontal {
	0% {
		transform: translatex(0px);
	}

	50% {
		transform: translatex(-20px);
	}

	100% {
		transform: translatex(0px);
	}
}

@keyframes pulse-scale {
	0% {
		-webkit-filter: drop-shadow(0px 0px 0px rgb(52, 172, 224));
		filter: drop-shadow(0px 0px 0px rgb(52, 172, 224));
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}

	70% {
		-webkit-filter: drop-shadow(0px 0px 30rem rgba(52, 172, 224, 0));
		filter: drop-shadow(0px 0px 30rem rgba(52, 172, 224, 0));
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}

	100% {
		-webkit-filter: drop-shadow(0px 0px 0px rgba(52, 172, 224, 0));
		filter: drop-shadow(0px 0px 0px rgba(52, 172, 224, 0));
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translatey(-100px);
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translatey(100px);
	}

	100% {
		opacity: 1;
	}
}

.biotech-wrapper .delayanimatione {
	animation-delay: 0.5s !important;
}

.biotech-wrapper .delayanimatitwo {
	animation-delay: 1s !important;
}

.biotech-wrapper .delayanimatithree {
	animation-delay: 3.5s !important;
}

.biotech-wrapper .fadeIn {
	animation: fadeIn linear 1.5s forwards;
}

.biotech-wrapper .fadeInRight {
	animation: fadeInRight linear 1.5s forwards;
}

.biotech-wrapper .fadeInLeft {
	animation: fadeInLeft linear 1.5s forwards;
}

.biotech-wrapper .fadeInUp {
	animation: fadeInUp linear 1.5s forwards;
}

.biotech-wrapper .fadeInDown {
	animation: fadeInDown linear 1.5s forwards;
}

.biotech-wrapper .footer-placeholder {
	background: #004a8b;
	display: none;
}

.biotech-wrapper .footer-placeholder-bottom {
	background: #fff;
	display: none;
}

.biotech-wrapper .modal-dialog-centered {
	min-height: calc(100% - 3.5rem);
	display: flex;
	align-items: center;
}

@media screen and (min-width: 1401px) and (max-width: 1439px) {

	.biotech-wrapper .bio-lab .bio-lab-items .lab-keygen {
		top: 54%;
	}

	.biotech-wrapper .bio-upstream.showOnDesktop {
		margin-top: -7.45%;
	}

	.biotech-wrapper .bio-downstream.showOnDesktop {
		margin-top: -9.3%;
	}

	.biotech-wrapper .bio-upstream .bio-upstream-items .depth-filtration-title,
	.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-title,
	.biotech-wrapper .bio-upstream .bio-upstream-items .bioreactor-title,
	.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .cross-flow-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .column-packing-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .virus-filtration-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .incline-buffer-dilution-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-title {
		font-size: 14px;
	}

	.biotech-wrapper .bio-downstream .bio-downstream-items {
		min-height: 1075px;
	}

	.biotech-wrapper .bio-upstream .bio-upstream-items .bio-upstream-section-cont {
		top: 35%;
	}

	.biotech-wrapper .bio-lab .bio-lab-items .laboratory-path {
		margin-top: 12.8%;
		margin-left: .75%;
	}
	
}

@media screen and (min-width: 1400px) {
	.biotech-wrapper .bio-solutions .psg-icon-solutions {
		margin-top: -6.5%;
	}
}

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

	.biotech-wrapper .bio-upstream .bio-upstream-items .depth-filtration-title,
	.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-title,
	.biotech-wrapper .bio-upstream .bio-upstream-items .bioreactor-title,
	.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-title {
		font-size: 16px;
	}

	.biotech-wrapper .bio-downstream .bio-downstream-items {
		min-height: 1000px;
	}

	.biotech-wrapper .bio-downstream .bio-downstream-items .cross-flow-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .column-packing-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .virus-filtration-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .incline-buffer-dilution-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-title {
		font-size: 16px;
	}

	.biotech-wrapper .bio-upstream .bio-upstream-items {
		min-height: 616px;
	}

	.biotech-wrapper .bio-lab .bio-lab-items {
		min-height: 490px;
	}

	.biotech-wrapper .bio-lab .bio-lab-items .laboratory-path {
		/* margin-top: 12.95%; */
		margin-top: 13%;
	}
}

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

	.biotech-wrapper .bio-lab .bio-lab-items .laboratory-path {
		margin-top: 12.955%;
    	margin-left: .7%;
	}

	.biotech-wrapper .bio-downstream .bio-downstream-items {
		min-height: 850px;
	}

	.biotech-wrapper .bio-upstream .bio-upstream-items {
		min-height: 517px;
	}

	.biotech-wrapper .bio-lab .bio-lab-items {
		min-height: 410px;
	}

	.biotech-wrapper .bio-upstream .bio-upstream-items .depth-filtration-title,
	.biotech-wrapper .bio-upstream .bio-upstream-items .centrifuges-title,
	.biotech-wrapper .bio-upstream .bio-upstream-items .bioreactor-title,
	.biotech-wrapper .bio-upstream .bio-upstream-items .buffer-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .cross-flow-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .column-packing-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .virus-filtration-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .incline-buffer-dilution-title,
	.biotech-wrapper .bio-downstream .bio-downstream-items .chromotography-title {
		font-size: 14px;
	}
}

@media screen and (max-width: 999px) {
	.biotech-wrapper .showOnDesktop {
		display: none;
	}

	.biotech-wrapper .showOnMobile {
		display: block;
	}

	.biotech-wrapper #fullpage .bio-header {
		max-height: 55px;
	}

	.biotech-wrapper #fullpage .bio-header .bio-nav .nav-items {
		padding-top: 10px;
	}

	.biotech-wrapper .bio-lab .anchors-nav ul li a {
		font-size: 12px;
		padding: 10px 0px;
	}

	.biotech-wrapper .bio-lab #stickyanchors.box {
		top: 75px;
	}

	.biotech-wrapper .bio-caring .bio-caring-title {
		line-height: 1.2em;
		font-size: 34px;
	}

	.biotech-wrapper .bio-caring .bio-caring-news {
		font-size: 12px;
	}

	.biotech-wrapper .bio-solutions .psg-icon-solutions {
		max-width: 100px;
		margin-top: -13.5%;
	}
}

@media screen and (max-width: 767px) {
	.biotech-wrapper .lab-section-button {
		padding: 15px 0;
		text-align: center;
		animation: fadeIn 1.5s ease-in-out;
	}

	.biotech-wrapper .lab-section-button a {
		font-size: 16px;
		font-weight: 600;
		background: #008DA5;
		color: #fff !important;
		padding: 8px 30px;
		border-radius: 30px;
		text-transform: uppercase;
		text-decoration: none;
	}

	.biotech-wrapper .lab-section-button a.question {
		background: #65C5D4;
	}

	.biotech-wrapper .lab-section-button a:hover {
		background: rgba(0, 141, 165, 0.85);
	}

	.biotech-wrapper #tabintro .diamonds-outer {
		display: none;
	}

	.biotech-wrapper #tabintro .bio-header .bio-nav .nav-items {
		display: none;
	}

	.biotech-wrapper #tabintro .bio-header .bio-nav img {
		max-width: 180px;
	}

	.biotech-wrapper .bio-lab-mobile .bio-lab-items {
		padding: 25px 0;
	}

	.biotech-wrapper .bio-lab-mobile .bio-lab-items .lab-section-cont {
		max-width: 100%;
		text-align: center;
	}

	.biotech-wrapper .bio-solutions .bio-solutions-items {
		padding: 0;
	}

	.biotech-wrapper .bio-solutions .psg-icon-solutions {
		left: 35%;
		margin-top: -28.5%;
	}

	.biotech-wrapper .bio-caring {
		opacity: 1;
	}

	.biotech-wrapper .bio-caring .droplet {
		display: none;
	}

	.biotech-wrapper .bio-caring .bio-caring-title {
		line-height: 1.2em;
		text-align: center;
	}

	.biotech-wrapper .bio-caring .bio-caring-teaser .psg-green {
		font-size: 14px;
		text-align: center;
	}

	.biotech-wrapper .bio-caring .bio-caring-teaser p {
		text-align: left;
	}

	.biotech-wrapper .bio-caring .bio-caring-news {
		padding: 25px 0 0 0;
	}
}