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

#campaign-page .headerBanner h1 {
	font-family: 'Roboto', Arial, sans-serif, Helvetica !important;
	font-size: 32px;
	line-height: 44px;
	margin: auto 24px auto 48px;
	padding: 24px 0px;
	color: #ffffff !important;
	width: 100%;
	display: block;
	vertical-align: middle;
}
#campaign-page .headerBanner h1 span {
	font-size: 20px;
	line-height: 29px;
}
#campaign-page .headerBanner span {
	font-size: 18px;
	margin-top: 30px;
	display: block;
}
#campaign-page .header-img {
	animation: headerimg 2500ms normal forwards;
}
#campaign-page .header-img-crop {
	width: 470px !important;
	object-fit:cover;
	overflow: hidden;
}
#campaign-page .left-band,
#campaign-page .mid-band,
#campaign-page .mid-band2,
#campaign-page .mid-band3,
#campaign-page .right-band {
	height: 600px;
	top: 0;
	right: 0;
	display: block;
	position: absolute;
	z-index: 1;
}
#campaign-page .left-band {
	animation: leftmove 2500ms ease 0ms forwards;
}
#campaign-page .mid-band {
	animation: midmove 2000ms ease 1000ms forwards;
}
#campaign-page .mid-band2 {
	animation: midmove2 1200ms ease 1000ms forwards;
}
#campaign-page .mid-band3 {
	animation: midmove3 1100ms ease 1500ms forwards;
}
#campaign-page .right-band {
	animation: rightmove 1000ms ease 2200ms forwards;
}

@keyframes headerimg {
	from {clip-path:inset(0% 0% 0% 100%)}
	to {clip-path:inset(0% 0% 0% 0%)}
}
@keyframes leftmove {
	from {width:1000px; background: rgba(0,66,106,1); right:-1000px;}
	to {width:24px; background: rgba(0,66,106,1); right:446px;}
}
@keyframes midmove {
	from {width:180px; background: rgba(0,66,106,0,6); right:-180px;}
	to {width:24px; background: rgba(0,66,106,0.6); right:422px;}
}
@keyframes midmove2 {
	from {width:800px; background: rgba(0,66,106,0.8); right:-800px;}
	to {width:48px; background: rgba(0,66,106,0.6); right:398px;}
}
@keyframes midmove3 {
	from {width:800px; background: rgba(0,0,0,0.2); right:-800px;}
	to {width: 48px; background: rgba(0,0,0,0.6); right:235px;}
}
@keyframes rightmove {
	from {width:0px; background: rgba(214,0,28,0.1);}
	to {width: 24px; background: rgba(214,0,28,0.8);}
}

/* Seahorse XF HS Mini */
#campaign-page .product-callout {
	background-image: url("/cs/promotions/images/20210202-seahorse-xf-hs-mini-agilent.jpg");
	background-size: 940px;
	background-repeat: no-repeat;
	width: auto;
	height: 932px;
}
#campaign-page .product-callout img {margin-bottom:4px; float:right;}
#campaign-page .product-callout a,
#campaign-page .product-callout a:visited {
	color: rgba(255,255,255,1) !important;
	text-decoration: none;
	display: block;
	width: 300px;
	border-right: solid 1px;
	border-color: rgba(0,169,224,0);
	padding: 0px 15px 0px 0px;
	font-size: 15px !important;
	line-height: 22px !important;
	font-weight: 300 !important;
	opacity: .6;
	transition: 0.6s ease;
	text-align: right;
	cursor: pointer;
}
#campaign-page .product-callout a:hover {
	color: rgba(255,255,255,1) !important;
	text-decoration: none !important;
	border-color: rgba(0,169,224,1);
	opacity: 1;
}
#campaign-page .subhead-bottomline {
	font-weight: 500 !important;
	font-size: 13px !important;
	line-height: 18px !important;
	border-bottom: solid 1px;
	border-color:#d6001c;
	padding: 0px 0px 10px 0px;
	margin-top: 3px;
	display: block;
}
#campaign-page .learnproduct a,
#campaign-page .learnproduct a:visited{
	color: #0085d5 !important;
	text-decoration: none !important;
	opacity: 1 !important;
	font-weight: 400 !important;
	font-size: 13px !important;
	line-height: 16px !important;
	border: none !important;
	text-align: right !important;
	float: right;
	padding: 0px 15px 10px 0px !important;
	margin: -15px 0px 0px 0px !important;
	transition: 0.6s ease !important;
	cursor: pointer;
}
#campaign-page .learnproduct a:hover {
	color: #00426a !important;
	text-decoration: underline !important;
}
#higher-sensitivity div {
	width: 670px;
	margin-left: -555px;
	margin-top: -65px;
}
#mini-plate div {
	width: 640px;
	margin-left: -555px;
	margin-top: -206px;
}
#streamlined-analytics div {
	width: 650px;
	margin-left: -555px;
	margin-top: -369px;
}
#cell-workflow div {
	width: 670px;
	margin-left: -555px;
	margin-top: -532px;
}
#it-network div {
	width: 380px;
	margin-left: -555px;
	margin-top: -695px;
}
#streamlined-analytics .software-img {
	display: block !important;
	margin: 0px auto !important;
	float: none !important;
}
#higher-sensitivity div,
#mini-plate div,
#streamlined-analytics div,
#it-network div,
#cell-workflow div {
	display: none;
	background-color: rgba(255,255,255,.95);
	padding: 18px 25px;
	color: #53565a;
	position: absolute;
}
#higher-sensitivity:hover div,
#mini-plate:hover div,
#streamlined-analytics:hover div,
#it-network:hover div,
#cell-workflow:hover div {
	display: block;
}
#higher-sensitivity a span,
#mini-plate a span,
#streamlined-analytics a span,
#it-network a span,
#cell-workflow a span {
	font-size: 11px !important;
}
#higher-sensitivity div img {
	float:none !important;
	margin: 0 auto 15px auto !important;
}

/* Tabs */
#campaign-page .customtabs {
	flex-wrap: row nowrap;
	background-color: #ffffff;
	color: #53565a!important;
	font-size: 14px !important;
	line-height: 22px !important;
	padding: 25px 30px !important;
	margin-bottom: 10px !important;
	position: relative;
}
#campaign-page .customtabs a,
#campaign-page .customtabs a:visited {
	color: rgba(0,133,213,1.00);
	text-decoration: none;
}
#campaign-page .customtabs a:hover,
#campaign-page .customtabs button:hover {
	color: #00426a !important;
	text-decoration: none !important;
}
#campaign-page .customtabs button:hover {
	border-bottom: rgba(0,66,106,.65) solid 1px !important;
}
#campaign-page .customtabbtn {
	background-color: rgba(255,255,255,1.00);
	color: rgba(0,133,213,1.00);
	transition: color 0.6s ease;
	border: none !important;
  	outline: none !important;
	text-decoration: none;
	display: inline-block;
	padding: 0px 0px 10px 0px;
	font-weight: 300;
	margin-bottom: 40px;
	cursor: pointer;
	font-size: 18px;
	line-height: 32px;
}
#campaign-page .customtabs button.active {
	color: rgba(0,0,0,1.00) !important;
	border-bottom: rgba(214,0,28,1.00) solid 2px !important;
}
#campaign-page .few-tab, #campaign-page .great-tab {margin-right: 120px;}
#campaign-page .expand-tab {margin-right: 20px;}
#fewcell, #greatprecision, #expandp {overflow: hidden !important;}

/* Slider */
#campaign-page .customslider {
	width: 790px;
	display: flex;
	overflow-x: auto;
/*	overflow-x: auto; */
}
#campaign-page .customslide {
	width: 790px;
	flex-shrink: 0;
	position: relative;
	overflow-x: hidden;
}
#customslides {
	display: flex;
	overflow-x: hidden;
	/* overflow-x: auto; */
	transition: 1s ease;
 	 -webkit-transition: 1s ease;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
}
#customslides scrollbar {
    display: none;
  }
#customslides > div {scroll-snap-align: start;}
#campaign-page .customslide span {
	font-weight: 500;
	display: block;
	margin-bottom: 1px;
	color: rgba(0,0,0,1);
	font-size: 13px;
	line-height: 19px;
}

/* teaser content */
#campaign-page .few-left {width: 300px;}
#campaign-page .few-right {width: 410px}
#campaign-page .great-one {width: 560px; text-align: left}
#campaign-page .great-half {width: 370px;}
#campaign-page .more-left {width: 260px;}
#campaign-page .more-right {width: 500px; margin:auto 0; align-items: center}

#campaign-page ul {padding: 0 0 0 15px;}
#campaign-page li {margin: 0 0 5px 0;}
#campaign-page .tab-img {align-self: center; margin: 0 auto}

/* Testimonial */
#campaign-page blockquote {margin:0;}
#campaign-page blockquote img {display: block}
#campaign-page blockquote p {
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	color: rgba(255,255,255,1);
  	display:block;
}
#campaign-page blockquote p::before,
#campaign-page blockquote p::after {
	font-weight: 400;
  	display:block;
  	color: rgba(0,169,224,1);
}
#campaign-page blockquote p::before {
	content: '\201C';
  	font-size: 46px;
	line-height: 28px;
  	margin-right:5px;
  	float:left;
	height: 160px;
}
#campaign-page blockquote p::after {
	content: '\201D';
    font-size: 32px;
  	line-height: 32px;
  	float:right;
}
#campaign-page blockquote footer {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	float: right;
	color: rgba(255,255,255,.7);
	text-align: right;
}
#campaign-page blockquote footer span {
	display: block;
	font-size: 12px;
}

/* Cards */

#campaign-page .platform-card {
	width: 265px !important;
	background-color: #ffffff !important;
	font-size: 13px !important;
	line-height: 19px !important;
	padding: 0 !important;
	margin-bottom: 30px !important;
	overflow: hidden !important;
	position: relative !important;
}
#campaign-page .platform-card-front {
	padding: 25px 30px !important;
	position: relative !important;
	top: 0;
	transition: top 500ms ease;
}
#campaign-page .platform-card-back {
	padding: 25px 30px !important;
	position: absolute !important;
	background-color: #e0e0df;
	top: 100%;
	left: 0;
	transition: top 500ms ease;
	min-height: 100%;
}
#campaign-page .platform-card .sub-headline {
	margin-top: 0 !important;
	font-size: 18px !important;
}
#campaign-page .platform-card img {
	margin: 0 auto !important;
}

/*** Base ***/

#campaign-page {
	font-family: 'Roboto', Arial, sans-serif, Helvetica !important;
	font-size: 16px;
	line-height: 26px;
	color: #53565a;
	text-transform: none;
	text-decoration: none;
	width: 940px !important;
	background-color: #f1f1f0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
#campaign-page .headerBanner {
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
	position: relative;
	overflow: hidden !important;
	background-color: #0085d5;
	align-items: center;
}
#campaign-page * img {display: block !important; border:0 !important; outline:none !important; text-decoration:none !important; -ms-interpolation-mode:bicubic !important;}
#campaign-page .headline,
#campaign-page .sub-headline,
#campaign-page .teaserbox span,
#campaign-page .teaserboxwide span {
	display: block;
	overflow: auto;
	word-wrap: break-word;
}
#campaign-page .headline {
	margin: 0 0 15px 0;
	font-size: 24px !important;
	line-height: 36px !important;
}
#campaign-page .sub-headline {
	margin: 30px 0 15px;
	font-size: 17px !important;
	line-height: 24px !important;
}
#campaign-page .flex-container,
#campaign-page .cta-button,
#campaign-page .teaserbox,
#campaign-page .teaserboxwide,
#campaign-page .teaserboxfull,
#campaign-page .headerBanner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}
#campaign-page .flex-container {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	flex-wrap: wrap;
	align-items: stretch;
}
#campaign-page .flex-items {flex: 1 1 auto}
#campaign-page .flex-column1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex-grow: 1;
}
#campaign-page .flex-column2 {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-ms-flex: 2;
	-webkit-flex: 2;
	flex-grow: 2;
}
#campaign-page .flex-column3 {
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	-ms-flex: 3;
	-webkit-flex: 3;
	flex-grow: 3;
}
#campaign-page .flex-column4 {
	-webkit-box-flex: 4;
	-moz-box-flex: 4;
	-ms-flex: 4;
	-webkit-flex: 4;
	flex-grow: 4;
}
#campaign-page .flex-column5 {
	-webkit-box-flex: 5;
	-moz-box-flex: 5;
	-ms-flex: 5;
	-webkit-flex: 5;
	flex-grow: 5;
}
#campaign-page .flex-column1,
#campaign-page .flex-column2,
#campaign-page .flex-column3,
#campaign-page .flex-column4,
#campaign-page .flex-column5,
#campaign-page .teaserbox,
#campaign-page .teaserboxwide,
#campaign-page .customtabs {
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-webkit-flex-direction: column;
  	-moz-box-orient: vertical;
  	-moz-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	flex-wrap: wrap !important;
	align-items: stretch;
	justify-content: space-between;
}

/* Teaser Box */
#campaign-page .teaserbox p, .teaserbox span {width: 310px !important;}
#campaign-page .teaserboxwide p, .teaserboxwide span {width: 340px !important;}
#campaign-page .teaserboxfull p {width: 400px !important;}
#campaign-page .teaserboxfull {flex-wrap: row nowrap !important; width:830px !important;}
#campaign-page .teaserbox::before,
#campaign-page .teaserboxwide::before,
#campaign-page .teaserboxfull::before,
#campaign-page .customtabs::before {
	content: "";
	display: block;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to right, #0085d5 52%, #00a9e0 52%, #00a9e0 76%, #00426a 76%, #00426a 84%, #0085d5 84%);
	z-index: 1;
}
#campaign-page .teaserbox,
#campaign-page .teaserboxwide,
#campaign-page .teaserboxfull {
	background-color: #ffffff;
	color: rgba(83,86,90,0.85) !important;
	font-size: 13px !important;
	line-height: 18px !important;
	padding: 25px 30px !important;
	margin-bottom: 10px !important;
	position: relative;
}
#campaign-page .teaserbox span,
#campaign-page .teaserboxwide span,
#campaign-page .teaserboxfull span {
	font-size: 19px;
	line-height: 26px;
	margin-bottom: 15px;
}
#campaign-page .teaserbox span {
	font-size: 17px;
	line-height: 27px;
}
#campaign-page .teaserbox span > span {
	font-size: 15px;
	margin-bottom: 0 !important;}
#campaign-page .comingsoon {
	font-size: 19px;
	line-height: 26px;
	margin-bottom: 15px;
}
#campaign-page .teaserbox img,
#campaign-page .teaserboxwide img {
	margin: 5px 0 15px;
	padding: 0px;
}
#campaign-page .teaserbox img.presenter {margin-bottom: 0 !important;}
#campaign-page .teaserboxfull img {
	margin: 5px 0px;
	padding: 0px;
}

/* Links and buttons */
#campaign-page a:link,
#campaign-page a:visited,
#campaign-page a:active {
	color: #0085d5;
	text-decoration: none;
	transition: 0.6s ease;
}
#campaign-page a:hover {
	color: #00426a;
	text-decoration: underline;
}
#campaign-page .cta-10px * {font-size: 10px; padding: 12px 16px;}
#campaign-page .cta-11px * {font-size: 11px; padding: 13px 18px;}
#campaign-page .cta-12px * {font-size: 12px; padding: 14px 19px;}
#campaign-page .cta-13px * {font-size: 13px; padding: 15px 21px;}
#campaign-page .cta-14px * {font-size: 14px; padding: 16px 22px;}
#campaign-page .cta-15px * {font-size: 15px; padding: 18px 24px;}
#campaign-page .cta-16px * {font-size: 16px; padding: 19px 26px;}
#campaign-page .cta-button a:link,
#campaign-page .cta-button a:visited,
#campaign-page .cta-button a:active {
	font-family: "Roboto", Arial, sans-serif, Helvetica;
	font-weight: 400 !important;
	line-height: 100% !important;
	color: #ffffff !important;
	align-self: flex-end !important;
	margin: 10px auto !important;
	text-transform: none !important;
	text-decoration: none !important;
}
#campaign-page .cta-button a:link,
#campaign-page .cta-button a:visited,
#campaign-page .cta-button a:active {
	background-color: #0085d5;
	transition: 0.6s ease;
}
#campaign-page .cta-button a:hover {
	background-color: #00426a !important;
	text-decoration: none !important;
}

/* Misc */
#campaign-page .mediaspecs, #campaign-page .captions {
	color: #888b8d !important;
	font-weight: 400 !important;
}
#campaign-page .mediaspecs {
	font-size: 12px !important;
	line-height: 16px !important;
	margin: 0px 0px 15px 0px;
}
#campaign-page .captions {
	font-size: 13px !important;
	line-height: 20px !important;
	margin: 10px 0px 15px 0px !important;
}
#campaign-page .speakername {
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
}
#campaign-page .mediaspecs span {
	color: #53565a !important;
	margin: 0 5px;
}
#campaign-page .dividerline {
	padding: 0 !important;
	margin: 10px 0px;
	border-top: 1px solid #d0d0ce;
	height: 0px;
}
#campaign-page .dividerlinesml {
	padding: 10px 0 !important;
	margin: 0 0 15px 0 !important;
	border-bottom: 1px solid #d0d0ce;
}
#campaign-page .dividerlineinnen {
	margin: 0px;
	background-color: rgba(0,66,106,0.05);
	border-bottom: 1px solid #d0d0ce;
}
#campaign-page .teaserbox .dividerline {
	margin: 25px 0px !important;

}
#campaign-page .product-label {
	font-size: 12px;
	line-height: 16px;
	margin: 0 !important;
	padding: 0 0 35px !important;
	min-width: 800px !important;
}
#campaign-page * p {margin: 0 0 15px 0;}
#campaign-page i {font-style: italic !important;}
#campaign-page .container-wrapper {padding: 30px 45px !important;}
#campaign-page .first-container-wrapper {padding: 40px 45px 30px !important;}
#campaign-page .workshop-wrapper {padding: 0 45px 25px !important;}
#campaign-page .sml-wrapper {padding: 0 45px !important;}
#campaign-page .centerme {margin: 10px auto !important;}
#campaign-page .middleme {align-items: center !important; margin: auto !important; vertical-align: middle !important;}
#campaign-page .reset {clear: both !important;}
#campaign-page .resetspace {padding-top: 30px !important;}
#campaign-page .resetwidth {width: 100% !important;}
#campaign-page .stretch {align-content: flex-start !important; justify-content: space-between !important;}
#campaign-page .endme {align-self: end !important; margin: 0 auto !important;}
#campaign-page .rightalign {text-align: right !important;}
#campaign-page .type-regular {font-weight: 400 !important;}
#campaign-page .type-light {font-weight: 300 !important;}
#campaign-page .type-medium {font-weight: 500 !important;}
#campaign-page .type-bold {font-weight: 700 !important;}
#campaign-page .type-11 {font-size: 11px !important; line-height: 16px !important;}
#campaign-page .type-12 {font-size: 12px !important; line-height: 16px !important;}
#campaign-page .type-13 {font-size: 13px !important; line-height: 18px !important;}
#campaign-page .type-14 {font-size: 14px !important; line-height: 22px !important;}
#campaign-page .type-15 {font-size: 15px !important; line-height: 23px !important;}
#campaign-page .type-16 {font-size: 16px !important; line-height: 26px !important;}
#campaign-page .type-17 {font-size: 17px !important; line-height: 27px !important;}
#campaign-page .type-18 {font-size: 18px !important; line-height: 28px !important;}
#campaign-page .type-20 {font-size: 20px !important; line-height: 30px !important;}
#campaign-page .black {color: #000000 !important;}
#campaign-page .white {color: #ffffff !important;}
#campaign-page .darkblue {color: #00426a !important;}
#campaign-page .bg-red {background-color: #d6001c !important;}
#campaign-page .bg-black{background-color: #000000 !important;}
#campaign-page .bg-darkblue {background-color: #00426a !important;}
#campaign-page .bg-coolgray11 {background-color: #53565a !important;}
#campaign-page .bg-coolgray18 {background-color:rgba(83,86,90,.15) !important;}
#campaign-page .coolgray11 {color: #53565a !important;}
#campaign-page .coolgray8 {color: rgba(83,86,90,0.85) !important;}
#campaign-page .coolgray2 {color: #d0d0ce !important;}
#campaign-page .a-red {color: #d6001c !important;}
#campaign-page .gapr10 {padding-right: 10px !important;}
#campaign-page .gapr15 {padding-right: 15px !important;}
#campaign-page .gapr25 {padding-right: 25px !important;}
#campaign-page .gapr40 {padding-right: 40px !important;}
#campaign-page .gapr60 {padding-right: 60px !important;}
#campaign-page .marginr5 {margin-right: 5px !important;}
#campaign-page .marginr10 {margin-right: 10px !important;}
#campaign-page .marginr20 {margin-right: 20px !important;}
#campaign-page .marginr25 {margin-right: 25px !important;}
#campaign-page .marginr40 {margin-right: 40px !important;}
#campaign-page .marginr50 {margin-right: 50px !important;}
#campaign-page .marginr60 {margin-right: 60px !important;}
#campaign-page .marginr70 {margin-right: 70px !important;}
#campaign-page .marginr80 {margin-right: 80px !important;}
#campaign-page .marginr90 {margin-right: 90px !important;}
#campaign-page .marginr100 {margin-right: 100px !important;}
#campaign-page .marginl20 {margin-left: 20px !important;}
#campaign-page .marginb5 {margin-bottom: 5px !important;}
#campaign-page .marginb5 {margin-bottom: 5px !important;}
#campaign-page .marginb10 {margin-bottom: 10px !important;}
#campaign-page .marginb15 {margin-bottom: 15px !important;}
#campaign-page .marginb20 {margin-bottom: 20px !important;}
#campaign-page .marginb25 {margin-bottom: 25px !important;}
#campaign-page .marginb30 {margin-bottom: 30px !important;}
#campaign-page .marginb40 {margin-bottom: 40px !important;}
#campaign-page .margint0 {margin-top: 0px !important;}
#campaign-page .margint5 {margin-top: 5px !important;}
#campaign-page .margint10 {margin-top: 10px !important;}
#campaign-page .margint15 {margin-top: 15px !important;}
#campaign-page .margint20 {margin-top: 20px !important;}
#campaign-page .margint30 {margin-top: 30px !important;}
#campaign-page .margint35 {margin-top: 35px !important;}
#campaign-page .margint40 {margin-top: 40px !important;}
#campaign-page .margint45 {margin-top: 45px !important;}
#campaign-page .margint50 {margin-top: 50px !important;}
#campaign-page .margint65 {margin-top: 65px !important;}
#campaign-page .margint75 {margin-top: 75px !important;}