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

@import url("webfonts.css");

@-ms-viewport{
  width: device-width;
}

* {
	letter-spacing: -0.03em;
	box-sizing: border-box;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-size: 32px;
	font-family: Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
	-ms-overflow-x: hidden;
	-ms-overflow-y: auto;
	-ms-overflow-style: scrollbar;
	background: #000;
}

iframe {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
iframe, img {
	display: block;
}

p {
	margin: 0 0 0.5em;
}

ul.bullets {
	list-style: disc outside none;
	margin: 0 0 0.5em 1em;
}
ul.bullets li {
	margin: 0.5em 0;
}
ul.bullets li ul {
	list-style: square outside none;
	margin: 0 0 0.5em 1em;
}
ul.bullets li ul li {
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0.5em auto;
}

sup {
	vertical-align: text-top;
}
sup.reg {
	font-size: 40%;
}
sup.trade {
	font-size: 30%;
}



.columnar .column {
	max-height: 100%;
/*
	overflow-x: hidden;
	overflow-y: auto;
*/
	float: left;
}
.columnar.halves .column {
	width: 49%;
}
.columnar .col-1 {
	margin-right: 1%;
}
.columnar .col-2 {
	margin-left: 1%;
}
.columnar.special .col-2 img {
	z-index: 10;
}
.columnar.thirds .col-1 {
	width: 32%;
}
.columnar.thirds .col-2 {
	width: 65%;
}
.columnar.special .column {
	overflow: visible;
}
.columnar.thirds.special .col-1 {
	width: 65%;
}
.columnar.thirds.special .col-2 {
	width: 32%;
}



.section-header,
.page h2 {
	font-family: 'Arial Narrow Bold', sans-serif;
	font-weight: normal;
}
.leading-question,
.leading-question-secondary {
	font-family: 'Arial Narrow', sans-serif;
	font-weight: normal;
}



#screensaver {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	visibility: hidden;
}



.hide {
	display: none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
	width: 100%;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.vert-center, .horiz-center {
	position: absolute;
}
.fullscreen {
	width: 1920px;
	height: 1080px;
}



#wrapper {
	width: 1920px;
	height: 1080px;
	overflow: hidden;
	margin: 0px;
/*	margin: 0 auto;*/
	position: relative;
}



/* Buttons */
.btn, .btn a {
	border-radius: 50%;
	margin: auto;
	display: block;
}
.btn {
/*
	background-color: #666;
	box-shadow: 0 2px 2px #000;
*/
	vertical-align: middle;
}
.btn a {
	text-indent: 100%;
	white-space: nowrap;
	background-image: url(../img/btn-sprite.png);
	background-repeat: no-repeat;
	background-size: auto 400%;
	width: 48px;
	height: 48px;
	max-width: 128px;
	max-height: 128px;
	overflow: hidden;
}
.section-header .btn-home a {
	background-position: 0 0 !important;
}
.section-header .btn-close a {
	background-position: 71.66% 0 !important;
}
.section-header .btn-plus a {
	background-position: 85.7% 0 !important;
}
.section-header .btn-minus a {
	background-position: 100% 0 !important;
}
#network .btn-continue {
	width: 48px;
	position: absolute;
	bottom: 5%;
	right: 3%;
	z-index: 0;
}
.btn.disabled a {
	cursor: not-allowed;
}
.btn-home {
	z-index: 1;
}
.home .btn-home a,
.section-01 .btn-home a {
	background-position: 0 0;
}
.section-02 .btn-home a,
.lqs-2 .btn-home a {
	background-position: 0 33.3333%;
}
.section-03 .btn-home a {
	background-position: 0 66.6666%;
}
.btn-home.disabled a {
	background-position: 0 100%;
}
.home .btn-continue a,
.section-01 .btn-continue a {
	background-position: 14.2% 0;
}
.section-02 .btn-continue a,
.section-01 .lqs-2 .btn-home a {
	background-position: 14.2% 33.3333%;
}
.section-03 .btn-continue a {
	background-position: 14.2% 66.6666%;
}
.btn-continue.disabled a {
	background-position: 14.2% 100%;
}
.home .btn-back a,
.section-01 .btn-back a,
.section-02 .btn-back a,
.section-03 .btn-back a {
	background-position: 28.6% 0;
}
.btn-back.disabled a {
	background-position: 28.6% 100%;
}
.home .btn-expand a,
.section-01 .btn-expand a {
	background-position: 37.5% 0;
}
.section-02 .btn-expand a,
.lqs-2 .btn-home a {
	background-position: 37.5% 33.3333%;
}
.section-03 .btn-expand a {
	background-position: 37.5% 66.6666%;
}
.btn-expand.disabled a {
	background-position: 37.5% 100%;
}
.home .btn-collapse a,
.section-01 .btn-collapse a {
	background-position: 50% 0;
}
.section-02 .btn-collapse a,
.lqs-2 .btn-home a {
	background-position: 50% 33.3333%;
}
.section-03 .btn-collapse a {
	background-position: 50% 66.6666%;
}
.btn-collapse.disabled a {
	background-position: 50% 100%;
}

a.btn-popup {
	display: block;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	margin: 20px auto;
	text-align: center;
	padding: 15px;
	border: 4px solid;
	border-radius: 15px;
	width: 50%;
	padding-right: 10%;
	background: no-repeat;
	background-color: #fff;
	background-position-x: 90%;
	background-position-y: 50%;
}
.section-01 a.btn-popup {
	width: 60%;
	background-image: url('../img/black-right.png');
}
.section-02 a.btn-popup {
	background-image: url('../img/red-right.png');
}
.section-03 a.btn-popup {
	background-image: url('../img/blue-right.png');
}

#maintain a.btn-popup {
	margin-left: 0;
}
#centerline-motor-control-center a.btn-popup {
	margin-right: 0;
}

#efficient-system img {
	margin-left: auto;
	margin-right: auto;
}

.split-list .col-1 ul.bullets, #integrated-architecture ul.bullets li {
	margin-bottom: 0;
}


#safety h3 {
	text-align: left;
}


.home .btn-close a,
.section-01 .btn-close a {
	background-position: 71.66% 0;
}
.section-02 .btn-close a,
.lqs-2 .btn-close a {
	background-position: 71.66% 33.3333%;
}
.section-03 .btn-close a {
	background-position: 71.66% 66.6666%;
}
.btn-close.disabled a {
	background-position: 71.66% 100%;
}

.home .btn-plus a,
.section-01 .btn-plus a {
	background-position: 85.7% 0;
}
.section-02 .btn-plus a,
.lqs-2 .btn-minus a {
	background-position: 85.7% 33.3333%;
}
.section-03 .btn-plus a {
	background-position: 85.7% 66.6666%;
}
.btn-plus.disabled a {
	background-position: 85.7% 100%;
}

.home .btn-minus a,
.section-01 .btn-minus a {
	background-position: 100% 0;
}
.section-02 .btn-minus a,
.lqs-2 .btn-minus a {
	background-position: 100% 33.3333%;
}
.section-03 .btn-minus a {
	background-position: 100% 66.6666%;
}
.btn-minus.disabled a {
	background-position: 100% 100%;
}

.no-home .btn-home,
.no-continue .btn-continue,
.no-back .btn-back {
	display: none !important;
}
.menu-home .btn,
.menu-home .btn a {
	width: 32px;
	height: 32px;
}
.failsafe a {
	text-indent: 100%;
	white-space: nowrap;
	background-color: transparent;
	width: 100%;
	height: 1080px;
	display: block;
	overflow: hidden;
}
.menu {
	background: url(../img/bg-menu.png) no-repeat 100% 100% #999;
	border-width: 4px 4px 4px 0;
	border-style: solid solid solid none;
	border-radius: 0 24px 24px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	padding: 25px 15px 25px 10px;
	width: 210px;
	height: 708px;
	position: absolute;
	top: 180px;
	left: -220px;
	opacity: 0;
	z-index: 2;
	transition: all 0.50s ease-in-out 0.00s;
}
.menu.closed {
}
.menu.open {
	left: 0;
	opacity: 1;
}
.section-01 .menu,
.section-01A .menu,
.section-01B .menu {
	border-color: #000;
}
.section-02 .menu {
	border-color: #bb2322;
}
.section-03 .menu {
	border-color: #003e7e;
}
.menu ul, .menu li {
	list-style: none;
	display: block;
	padding: 0;
}
.menu ul {
	display: table;
}
.menu ul li.page-advance {
	margin: 0 auto 20px;
	cursor: pointer;
}
.menu ul li.menu-home {
	position: absolute;
	bottom: 20px;
}
.menu a {
	text-decoration: none;
}
.menu .zoom-out {
	width: 180px;
	height: 101px;
	margin: 0 auto 20px;
	overflow: hidden;
}
.menu .zoom-out img {
	max-width: 100%;
}
.txt-btn {
	background-image: url(../img/txt-btn-sprite.png);
	background-repeat: no-repeat;
	border-radius: 20px;
	box-shadow: 0 2px 3px #000;
	width: 180px;
	height: 40px;
	padding: 0 15px;
	vertical-align: middle;
	display: table-cell;
}
.txt-btn a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	letter-spacing: 0.01em;
	display: block;
}
.menu ul li.hover .txt-btn a,
.menu ul li.selected .txt-btn a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.7);
}



/* Slides */
.slide {
	width: 100%;
	height: auto;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.leading-question,
.leading-question-secondary,
.leading-question-secondary span {
	font-family: Arial, sans-serif !important;
	text-align: center;
	letter-spacing: -0.03em;
	margin: 0 0 0.5em;
	border-width: 4px;
	border-style: solid;
	margin: auto;
}
.leading-question, .leadin-dialog {
	background-color: #fff;
	padding: 30px 40px;
	width: 30%;
	position: absolute;
	top: 35%;
	left: 672px;
}
.leadin-dialog {
	width: 50%;
	left: 502px;
	border: 4px solid;
	border-radius: 20px;
}
.left-arrow {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 0;
}
.left-arrow img {
	display: inline;
	padding: 0 10px;
}
.leading-question-secondary {
	font-size: 28px;
	font-weight: normal;
	text-decoration: none;
	line-height: 32px;
	box-shadow: 0 4px 0 #ff0, 0 -4px 0 #ff0, 4px 0 0 #ff0, -4px 0 0 #ff0, inset 4px 4px 0 #ff0, inset -4px -4px 0 #ff0;
	display: block;
	position: absolute;
}
.leading-question-secondary span {
	background-color: #fff;
	box-shadow: 0 4px 0 #ff0, 0 -4px 0 #ff0, 4px 0 0 #ff0, -4px 0 0 #ff0;
	margin: -5px;
	padding: 10px 15px;
	width: 101.5%;
	display: block;
	position: absolute;
	bottom: 0;
}
.section-01 .lqs-1 {
	width: 1090px;
	height: 300px;
	top: 105px;
	left: 340px;
}
.section-01 .lqs-2 {
	width: 625px;
	height: 616px;
	bottom: 35px;
	right: 3px;
}
.leading-question .btn,
.leading-question-secondary .btn,
.leading-question div.info-link {
	display: block;
/*	position: absolute;*/
	margin-top: 20px;
	top: 34px;
}
.leading-question .btn,
.leading-question-secondary .btn {
	right: 30px;
}
.leading-question div.info-link {
	border-radius: 50%;
	box-shadow: 1px 1px 3px #fff;
	width: 48px;
	height: 48px;
	left: 30px;
}
.leading-question a.info-link {
	width: 100%;
	height: 100%;
}
.section-01 .leading-question a.info-link {
	background-position: 0 33.3333%;
}
.section-02 .leading-question a.info-link {
	background-position: 0 66.6666%;
}
.section-03 .leading-question a.info-link {
	background-position: 0 100%;
}
.leading-question h2 {
	font-size: 87.5%;
/*
	font-size: 24px;
	font-weight: normal;
*/
	text-align: left;
	font-style: italic;
	line-height: 1.2em;
	margin: 0 auto;
}
.leading-question .answer {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1em;
	height: 0;
	margin: 0 auto 0;	
	overflow: hidden;
	opacity: 0;
	transition: all 0.50s ease-in-out 0.00s;
}
.leading-question .answer h3 {
	font-size: 1.3em;
	font-family: 'Arial Black', Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 auto 0.5em;
}
.leading-question.open .answer {
	margin: 1.0em auto 0;	
	height: 5em;
	opacity: 1;
}
.leading-question .continue,
.leading-question-secondary .continue {
	margin: auto;
	display: block;
}
.section-01 .leadin-dialog,
.section-01 .leading-question,
.section-01 .lqs-1,
.section-01 .lqs-1 .slide-advance {
	color: #000;
	border-color: #000;
}
.section-02 .leadin-dialog,
.section-02 .leading-question,
.section-01 .lqs-2,
.section-01 .lqs-2 .slide-advance {
	color: #bb2322;
	border-color: #bb2322;
}
.section-03 .leadin-dialog,
.section-03 .leading-question {
	color: #003e7e;
	border-color: #003e7e;
}
.section-header {
	background: url(../img/bg-section-header.png) no-repeat 0 100% #666;
	box-shadow: 0 0 10px #000;
	width: 1920px;
	height: 100px;
	padding: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.section-header .buttons {
	position: absolute;
}
.section-header .btn {
	margin: 0 10px 0 0;
	display: inline-block;
}
.section-header h1 {
	color: #fff;
	font-size: 48px;
	font-weight: normal;
	text-align: center;
	text-shadow: 1px 1px 0 #000;
	margin: 0;
	display: block;
	vertical-align: middle;
}
.section-01 .menu ul li.selected div {
	background-position: 50% 33.3333%;
}
.section-02 .menu ul li.selected div {
	background-position: 50% 66.6666%;
}
.section-03 .menu ul li.selected div {
	background-position: 50% 100%;
}
.page {
	font-size: 32px;
	line-height: 1.2em;
	background-color: rgba(255,255,255,0.9);
	border-width: 4px 4px 4px 0;
	border-style: solid solid solid none;
	border-radius: 0 35px 35px 0;
	width: 98%;
	height: 95%;
	padding: 50px 50px 50px 260px;
	position: absolute;
	top: 2%;
	left: -98%;
	display: block;
	opacity: 0;
	z-index: 1;
}
.page.closed {
	transition: all 0.25s ease-in-out 0.00s;
}
.page.open {
	left: 0px;
	opacity: 1;
	transition: all 0.25s ease-in-out 0.25s;
}
.section-01 .page,
.section-01A .page,
.section-01B .page {
	border-color: #000 #000 #000 transparent;
}
.section-02 .page {
	border-color: #bb2322 #bb2322 #bb2322 transparent;
}
.section-03 .page {
	border-color: #003e7e #003e7e #003e7e transparent;
}
.page h2 {
	font-size: 48px;
	text-align: center;
	line-height: 1em;
	white-space: normal;
	margin: 0 0 0.5em;
	height: 100px;
	overflow: hidden;
}
.page h3 {
	text-align: center;
}
.section-01 .page h2,
.section-01A .page h2,
.section-01B .page h2,
.section-01 .page a,
.section-01A .page a,
.section-01B .page a {
	color: #000
}
.section-02 .page h2,
.section-02 .page a {
	color: #bb2322;
}
.section-03 .page h2,
.section-03 .page a {
	color: #003e7e;
}
.page .page-content {
	height: 78%;
}
.page img {
	max-width: 100%;
	margin: auto;
	display: block;
}
.page .photo {
	text-align: center;
	margin: 0 0 35px;
}
.page p.caption {
	font-style: italic;
}
.selling-point {
	width: 117%;
	position: relative;
	bottom: 0;
	left: -260px;
	display: none;
}
.selling-point .selling-point-text {
	color: #fff;
	font: italic bold 48px Arial,sans-serif;
	white-space: nowrap;
	border-radius: 0 20px 20px 0;
	width: 100%;
	padding: 20px 20px 20px 260px;
	position: relative;
	left: -100%;
	transition: all 0.25s ease-in-out 0.00s;
}
.selling-point.closed .selling-point-text {
}
.selling-point.open .selling-point-text {
	left: 0%;
/*	transition: all 0.25s ease-in-out 0.00s;*/
}
.section-01 .selling-point-text,
.section-01A .selling-point-text,
.section-01B .selling-point-text {
	background-color: #000;
}
.section-02 .selling-point-text {
	background-color: #bb2322;
}
.section-03 .selling-point-text {
	background-color: #003e7e;
}
.selling-point .btn {
	position: absolute;
	top: 24px;
	left: 20px;
	opacity: 0.5;
	z-index: 1;
	transition: opacity 0.25s ease-in-out 0.25s;
}
.selling-point.closed .btn {
}
.selling-point.open .btn {
	opacity: 1.0;
/*	transition: opacity 0.25s ease-in-out 0.25s;*/
}
.info-links {
	position: absolute;
	top: 320px;
}
.info-links ul {
	list-style: none;
}
.info-links ul li {
	margin: 0 0 50px;
	position: relative;
}
.info-link {
	font-size: 0;
	text-indent: 100%;
	white-space: nowrap;
	background-image: url(../img/info-links-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	border-radius: 50%;
	width: 74px;
	height: 74px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.section-01 .info-link,
.section-01A .info-link,
.section-01B .info-link {
	color: #000;
}
.section-02 .info-link {
	color: #bb2322;
}
.section-03 .info-link {
	color: #003e7e;
}
.info-links.special .info-link-container {
	line-height: 0.8em;
	background: url(../img/info-links-sprite.png) no-repeat scroll 100% 0 rgba(255, 255, 255, 0.75);
	border: 3px solid #999;
	border-radius: 15px 40px 40px 15px;
	width: 900px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}
.info-links.special .info-link-container .info-link {
	font-size: 80%;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	text-indent: 0;
	background: none;
	border-radius: 0;
	padding: 0 80px 0 20px;
	width: auto;
	height: auto;
	overflow: visible;
	display: block;
	position: relative;
}
.info-links.flex .info-link-container {
	line-height: 0.8em;
	background: url(../img/info-links-sprite.png) no-repeat scroll 100% 0 rgba(255, 255, 255, 0.75);
	border: 3px solid #999;
	border-radius: 15px 40px 40px 15px;
	width: 800px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}
.info-links.flex .info-link-container .info-link {
	font-size: 80%;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	text-indent: 0;
	background: none;
	border-radius: 0;
	padding: 0 80px 0 20px;
	width: auto;
	height: auto;
	overflow: visible;
	display: block;
	position: relative;
}
#network-infrastructure-flexibility .col-2 {
	margin-left: 800px;
}

.clicker {
	background: url(../img/clicker.gif) no-repeat 50% 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 645px;
	right: 375px;
}
.clicker a {
	width: 50%;
	height: 50%;
	margin: auto;
	display: block;
}
#animation {
	border-radius: 15px;
	overflow: hidden;
}



#custom-lightbox-holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.custom-lightbox {
	font-size: 32px;
	line-height: 1.2em;
	background-color: rgba(11,11,11,0.8);
	width: 1920px;
	height: 1080px;
	display: none;
}
.custom-lightbox .screenshot {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 20px;
	width: 1592px;
	min-height: 710px;
	padding: 1%;
	position: absolute;
	top: 180px;
	left: 260px;
}
.custom-lightbox .screenshot img {
	max-width: 100%;
	display: block;
}
.custom-lightbox .screenshot h4 {
	color: #fff;
	font-style: italic;
	text-align: center;
	border-radius: 10px;
	margin: 0 0 1.0em;
	padding: 15px 30px;
}
.custom-lightbox.section-01 .screenshot h4 {
	background-color: #000;
}
.custom-lightbox.section-02 .screenshot h4 {
	background-color: #bb2322;
}
.custom-lightbox.section-03 .screenshot h4, .custom-lightbox.flex .screenshot h3 {
	background-color: #003e7e;
}
.custom-lightbox .screenshot h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 1.0em;
}
.custom-lightbox .screenshot ul {
}
.custom-lightbox .screenshot li {
}

.flex.info-links {
	top: 175px;
}
.flex.info-links .blue.gradient {
	width: 50%;
	background: linear-gradient(to right,
		#003e73 20%,
		#fff 40%,
		rgba(255,255,255,0));
	display: table;
	border-radius: 15px;
}
.flex.info-links .gradient > * {
	display: table-cell;
}
.flex.info-links .gradient > h3 {
	padding: 0 2%;
	color: #fff;
	width: 25%;
	text-align: left;
	vertical-align: middle;
}
.flex.info-links .gradient > ul {
	width: 72%;
	padding-right: 2%;
}
.flex.info-links .gradient .info-link-container {
	background-color: #fff;
}
#intellicenter-documentation .flex.info-links {
	position: relative;
	top: 25px;
}
.intellicenter-docs .screenshot h3 {
	width: 50%;
}
#single-line-ethernet-network-diagrams .col-1 img {
	margin-top: 90px;
}
.flex.info-links ul li {
	margin-bottom: 20px;
}
.flex.info-links .gradient ul li {
	margin-top: 10px;
	margin-bottom: 10px;
}
.custom-lightbox.flex .screenshot {
	top: 182px;
	width: 1592px;
}
.custom-lightbox.flex.intellicenter-docs .screenshot {
	background: #fff;
}
.custom-lightbox.flex .screenshot .bullets {
	margin-bottom: 0;
}
.custom-lightbox.flex .screenshot h3 {
	color: #fff;
	text-align: center;
	border-radius: 10px;
	margin: 0 0 1.0em;
	padding: 15px 30px;
}
.custom-lightbox.flex .screenshot h4 {
	color: #003e7e;
	text-align: left;
	font-style: italic;
	padding-left: 0;
	margin-bottom: 0;
}

.custom-lightbox#mcc-expandability-popup .screenshot {
	width: 1528px;
}

.custom-lightbox .hilite {
	background-image: url(../img/asset-management-menu.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 221px;
	height: 166px;
	overflow: hidden;
	position: absolute;
	top: 571px;
	left: 1417px;
}
.custom-lightbox .hilite.drawings {
	background-position: 0 0;
}
.custom-lightbox .hilite.manuals {
	background-position: 0 50%;
}
.custom-lightbox .hilite.spare-parts {
	background-position: 0 100%;
}
.custom-lightbox .info-selected {
	width: 770px;
	position: absolute;
	left: 1083px;
}
.custom-lightbox.section-01 .info-selected .info-link {
	background-position: 0 33.3333%;
}
.custom-lightbox.section-02 .info-selected .info-link {
	background-position: 0 66.6666%;
}
.custom-lightbox.section-03 .info-selected .info-link {
	background-position: 0 100%;
}
.custom-lightbox .info-selected .descriptor {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	font-style: italic;
    border: 2px solid #fff;
    border-radius: 15px;
    width: 640px;
    margin: 5px 0 5px 90px;
    padding: 12px 24px 12px 72px;
    position: absolute;
	top: 0;
}
.custom-lightbox.section-01 .info-selected .descriptor {
	background-color: #000;
}
.custom-lightbox.section-02 .info-selected .descriptor {
	background-color: #bb2322;
}
.custom-lightbox.section-03 .info-selected .descriptor {
	background-color: #003e7e;
}



/* Magnific */
.white-popup {
	font: 33px Arial, sans-serif;
	background-color: #FFF;
	border-radius: 4px;
/*	width: auto;*/
	max-width: 700px;
	margin: 20px auto;
	padding: 20px;
	position: relative;
}
.white-popup img {
	max-width: 90%;
	margin: auto;
	display: block;
}
.mfp-iframe-scaler {
	padding-top: 67%;
}
.mfp-close-btn-in .mfp-close {
	color: #fff;
	line-height: 0;
	width: 13px;
	height: 11px;
	top: 0;
	right: -20px;
}

#blackOutWrapper {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 20;
}
#blackOut {
	position: absolute;
	top: 0px;
	left: 0px;
	display: table;
	width: 100%;
	height: 100%;
}
#blackOutBG {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75)
}
#popWrapper {
	display: table-cell;
	vertical-align: middle;
}
.popContainer, .videoPlayerContainer, .iframeContainer {
	position: relative;
	margin: 0px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.popContainer .contentWrapper {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	-ms-overflow-x: hidden;
	-ms-overflow-y: auto;
}
.closeBtn { 
	position: absolute;
	top: -30px;
	right: -30px;
	font-size: 0px;
	white-space: nowrap;
	background: url(../img/btn-close.png) top left no-repeat !important;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.7) !important;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.7) !important;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.7) !important;
	width: 50px;
	height: 50px;
	overflow: hidden;
	display: block;
	cursor: pointer;
}



/* BX Slider */
.bx-wrapper .bx-controls-direction a {
	z-index: auto;
}
.bx-wrapper .bx-viewport {
	background: none transparent;
	border: 0 none transparent;
	box-shadow: none;
	left: 0;
}
.page ul.bxslider li {
	padding: 0 50px 10px;
}

#network.video-bg #bgPoster {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../av/network.jpeg) left top no-repeat;
	z-index: -2;
}