/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px Arial, Helvetica, sans-serif; /*Arial Update*/
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../../../content/dam/illumina-support/images/modal/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../../content/dam/illumina-support/images/modal/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../../content/dam/illumina-support/images/modal/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../../content/dam/illumina-support/images/modal/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px Arial, Helvetica, sans-serif; /*Arial Update*/
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.fancybox-inner > .modalContent {
height: 100%;
width: 100%;
font-size: 1.2em !important;
z-index: 100;
}

/*IE8 Modal Styles*/

#unsupported-browser {
   background-image: url(../../../content/dam/illumina-marketing/images/unsupported-browser/ie8-bg.png);
   position: fixed;
   top: 0; left: 0; bottom: 0; right: 0;
   width:100%;
   height: 100%;
   z-index:7000;
}
.ie7-modal {
 margin: 150px auto 0;
 background:white;
 border:1px solid #bbb;
 height: 445px;
 width:750px;
 padding:20px 25px;
}
.ie7message-intro {
    margin-bottom:55px;    
}
.ie7message-intro strong {
    font-size:19px;    
}
.ie7message-option-row {
    text-align:center;
}
.ie7message-option-item {
    float:left;
    margin:0 10px;    
}
.ie7message-option-item img {
    border:none;
    margin-bottom:10px;
}
.close-ie8-modal {
   text-decoration: underline;
   cursor: pointer;
}
a, a:visited {
	color: #4E60EE;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
p {
	color: #666;
	font-size: 0.9375rem; /* 15px */
	line-height: 1.3125rem; /* 21px */
	margin: 0 0 25px 0;
}
h2 {
	color: #666;
	font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 44px; /* 44px */
	font-weight: 400;
	line-height: 50px; /* 50px */
	margin: 0 0 20px 0;
}
h3 {
	color: #666;
	font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px; /* 24px */
	font-weight: 400;
	line-height: 30px; /* 30px */
	margin: 0 0 20px 0;
}
h4 {
	color: #666;
	font-size: 15px; /* 15px */
	font-weight: 400;
	line-height: 21px; /* 21px */
	margin: 0 0 5px 0;
}
.btn, .btn:visited {
	white-space: normal;
	border-radius: 28px;
	border: 1px solid #4E60EE;
	transition: none;
	padding: 8px 24px;
	transition: 150ms box-shadow ease-in-out, 150ms border ease-in-out;
}
.btn:hover {
	text-decoration: none;
}
.btn-primary, .btn-primary:visited {
	background: linear-gradient(61.68deg, #225DE6 -4.27%, #A664FD 116.09%);
	color: #fff;
}
.btn-primary:hover {
	background: linear-gradient(61.68deg, #0045E6 -4.27%, #8A33FD 116.09%);
}
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:focus-visible {
	box-shadow: 0 0 0 4px rgba(78, 96, 238,.6);
}
.btn-block {
	display: block;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Banner Hero
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.banner-hero {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0px, rgba(229, 229, 229, 1) 100%);
    margin-top: 52px;
    padding: 50px 0;
}
.banner-hero-no-sticky {
	margin-top: 0;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Banner Hero
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Background Content
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.bkg-content {
	background: #fff;
	padding: 50px 0;
}
@media only screen and (max-width: 475px) {
.bkg-content {
	background: #fff;
	padding: 30px 0;
}
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Background Content
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Tab Box & Tab Menu
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Tab Menu */
.tab-menu {
    margin: 0;
    padding: 0;
    text-align: center;
}
@media only screen and (max-width: 625px) {
.tab-menu span {
	display: none;
}
}
@media only screen and (max-width: 475px) {
.tab-menu span {
	display: inline-block;
}
}
.tab-menu li {
    display: inline-block;
    list-style: none;
    margin: 0 3px 0 0;
    padding: 0;
}
@media only screen and (max-width: 475px) {
.tab-menu li {
	display: block;
	margin: 10px 0;
	padding: 0;
}
}
.tab-menu li a {
	background: #eee;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    padding: 5px 25px;
    position: relative;
    text-decoration: none;
    transition: background 0.5s ease;
    z-index: 0;
}
.tab-menu li a:hover {
	background: #ccc;
}
@media only screen and (max-width: 475px) {
.tab-menu li a {
	border-radius: 5px;
	display: block;
	font-size: 0.8125rem; /* 13px */
	font-weight: bold;
	padding: 8px 25px;
}
}
.tab-menu li a.active {
	background: #fff;
	border-bottom: 1px solid white;
	position: relative;
	z-index: 3;
}
@media only screen and (max-width: 475px) {
.tab-menu li a.active {
	border-bottom: 1px solid #ccc;
}
}
/* Tab Menu */

/* Tab Content */
.tab-content {
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 4px 0;
    padding: 30px;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 475px) {
.tab-content {
	border: none;
	margin: 30px 0;
	padding: 0;
}
}
.tab-content .active {
	display: block;
}
.tab-content li {
	display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Tab Content */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Tab Box & Tab Menu
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Pagination Nav
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.pagination-nav {
	margin: 40px 0 0 0;
	padding: 0;
	text-align: center;
}
.pagination-btn {
	background: #e5e5e5;
	border-radius: 5px;
    display: inline-block;
   	font-size: 0.9375rem; /* 15px */
	line-height: 1.1875rem; /* 19px */
    list-style: none;
    margin: 0 3px;
    padding: 6px 12px;
}
.pagination-btn-marker {
	background: #ccc;
	color: #666;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Pagination Nav
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
CTA Thumbnail
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* CTA Grid List */
.cta-grid-list .row {
	margin-bottom: 30px;
}
.cta-grid-list .row:last-child {
	margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
	.cta-grid-list .row .column:first-child,
	.cta-grid-list .row > [class^=col-]:first-child {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 475px) {
	.cta-grid-list .row .column:first-child {
		margin-bottom: 0;
	}
	.cta-grid-list .row .column {
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.cta-grid-list .row {
		margin-bottom: 0;
	}
}
/* CTA Grid List */

/* CTA thumbnail */
.cta-thumbnail {
	/*background: linear-gradient(to top , #efefef, #fff);*/
	/*border-radius: 5px;*/
	/*box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);*/
	/*display: block;*/
	/*padding: 10px;*/
}
@media only screen and (max-width: 475px) {
	.cta-thumbnail {
		/*padding: 10%;*/
	}
	.cta-link {
		display: none;
	}
}
.cta-thumbnail img {
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
	display: block;
	margin-bottom: 10px;
}
.bkg-cta-thumbnail {
	background: url("http://placehold.it/320x180") no-repeat;
	background-size: cover;
	/*border-radius: 5px;*/
	/*box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;*/
	display: block;
	/*margin-bottom: 10px;*/
	padding: 30%;
	position: relative;
}
.bkg-cta-thumbnail:after {
	content: url('../../../content/dam/illumina-marketing/images/company/video-hub/play-icon.png');
	position: absolute;
	bottom: 0;
	height: 40px;
	left: 0;
	margin: auto;
	right: 0;
	top: 0;
	width: 40px;
}
.cta-link:after {
	content: " »"
}
@media only screen and (max-width: 475px) {
	.bkg-cta-thumbnail {
		/*background: none !important;*/
		/*box-shadow: none;*/
		/*margin: 0;*/
		/*padding: 0;*/
		/*position: relative;*/
		padding-bottom: 1px;
	}
	.bkg-cta-thumbnail:after {
		display: block;
		margin: auto;
		position: relative;
	}
}
/* CTA thumbnail */

/* CTA Content */
.cta-content-left {
	float: left;
	padding: 0 15px 0 0;
	width: 40%;
}
@media only screen and (max-width: 475px) {
	.cta-content-left {
		width: 25%;
	}
}
.cta-content-right {
	float: left;
	padding: 0 0 0 15px;
	width: 60%;
}
@media only screen and (max-width: 475px) {
	.cta-content-right {
		width: 75%;
	}
}
.cta-stats {
	margin: 0 0 15px 0;
}
.cta-description {
	margin-bottom: 0;
	overflow-wrap: break-word;
}
@media only screen and (max-width: 475px) {
	.cta-stats {
		margin-bottom: 0;
	}
	.cta-description {
		display: none;
	}
}
/* CTA Content */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
CTA Thumbnail
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



