/* BOX MODEL
============================================================ */

.chc_container, .chc_container *, .chc_container *:before, .chc_container *:after, .chc_containerNoJS, .chc_containerNoJS *, .chc_containerNoJS *:before, .chc_containerNoJS *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/* FONTS
============================================================ */

@font-face {font-family: "CiscoSansTTThin"; src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTThin.eot"); src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTThin.woff") format("woff");	font-weight: normal; font-style: normal;}
@font-face {font-family: "CiscoSansTTThin"; src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTThinOblique.eot"); src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTThinOblique.woff") format("woff"); font-weight: normal; font-style: italic;}
@font-face {font-family: "CiscoSansTTExtraLight"; src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTExtraLight.eot"); src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTExtraLight.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "CiscoSansTTExtraLight"; src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTExtraLightOblique.eot"); src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTExtraLightOblique.woff") format("woff"); font-weight: normal; font-style: italic;}
@font-face {font-family: "CiscoSansTTRegular"; src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTRegular.eot"); src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTRegular.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "CiscoSansTTRegular"; src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTRegularOblique.eot"); src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTRegularOblique.woff") format("woff"); font-weight: normal; font-style: italic;}
@font-face {font-family: "CiscoSansTTRegular"; src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTBold.eot"); src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTBold.woff") format("woff"); font-weight: bold; font-style: normal;}
@font-face {font-family: "CiscoSansTTRegular"; src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTBoldOblique.eot"); src: url("/c/dam/en_us/solutions/industries/healthcare/interactive/fonts/CiscoSansTTBoldOblique.woff") format("woff"); font-weight: bold;	font-style: italic;}



/* TOP LEVEL STYLING AND LAYOUT
============================================================ */

.chc_container {
	position: relative;
	max-width: 1400px;
	height: 600px;
	margin: 0 auto;
	font-family: "CiscoSansTTExtraLight";
	font-size: 24px;
	color: #FFF;
	-moz-transition: background-color .8s ease-in;
    -o-transition: background-color .8s ease-in;
    -webkit-transition: background-color .8s ease-in;
    transition: background-color .8s ease-in;
    z-index: 0;
}

.chc_backgroundDark {
	background-color: #005073;
}

.chc_backgroundLight {
	background-color: #00BCEB;
}

.chc_container h1 {
	display: inline;
	margin: 0;
	font-size: 48px;
	font-family: "CiscoSansTTThin";
	font-weight: normal;
	line-height: 1.2em;
	color: #005073;
}

.chc_container a {
	color: #00BCEB;
	text-decoration: none;
}

.chc_container img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

.chc_container #canvas {
	width: 600px;
	height: 600px;
}

.chc_animArea {
	position: absolute;
	top: 0;
	left: 100px;
	width: 600px;
	height: 540px;
	-moz-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    -webkit-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
    display: none;
}

.chc_textBlock {
	position: absolute;
	top: 0;
	left: 700px;
	max-width: 700px;
	padding-right: 100px;
	line-height: 1.2em;
	-moz-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    -webkit-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
/*    opacity: 0;*/
/*	background-color: #999;*/
}

.chc_textVerticalAlign {
	display: table-cell;
	height: 540px;
	vertical-align: middle;
	padding: 40px;
}

.chc_textBlockDark {
	color: #00405C;
}

#chc_textBlockTitle {
	z-index: 1500;
}

.chc_splashTitle {
}

.chc_splashButton {
	margin-top: 30px;
	display: none;
}

.chc_dividingLine {
	height: 1px;
	background-color: rgba(0,0,0,0.15);
	display: none;
}


/* UI - MAIN
============================================================ */

.chc_buttonStart {
	display: table-cell;
	width: 180px;
	height: 56px;
	background-color: #005073;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px;
}

.chc_navBar {
	position: absolute;
	top: 540px;
	width: 100%;
	height: 60px;
	background-color: #00405C;
	font-size: 18px;
	display: none;
}

a.chc_navBarButton {
	display: block;
	position: absolute;
	height: 60px;
	padding-top: 21px;
	padding-bottom: 0;
	-moz-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    -webkit-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
}

a.chc_navBarButtonLeft {
	top: 0;
	left: 0;
	padding-right: 24px;
	padding-left: 44px;
}

a.chc_navBarButtonRight {
	top: 0;
	right: 0;
	padding-left: 24px;
	padding-right: 44px;
}

a.chc_navBarButton img {
	position: absolute;
	top: 20px;
}

a.chc_navBarButtonLeft img {
	left: 24px;
}

a.chc_navBarButtonRight img {
	right: 24px;
}

.chc_sceneDotArray {
	margin: 0 auto;
	width: 480px;
	height: 60px;
	-moz-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    -webkit-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
}

.chc_sceneDotArray ul {
	margin: 0;
	padding: 0;
}

.chc_sceneDotArray ul li {
	float: left;
	list-style-type: none;
	font-size: 1px;
}

a.chc_sceneDotButton {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
}

.chc_sceneDot {
	position: relative;
	top: 23px;
	left: 23px;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color: #00BCEB;
}

.chc_sceneDotActive {
	background-color: #FFF;
}


/* UI - RIGHT AND LEFT ARROWS
============================================================ */

.chc_navArrow {
	position: absolute;
	width: 100px;
	height: 540px;
	z-index: 2000;
	display: none;
}

.chc_navArrow a {
	position: absolute;
	top: 246px;
	left: 26px;
	display: block;
	width: 48px;
	height: 48px;
	margin: auto;
	background-size: 48px 96px;
}

.chc_navArrow a span {
	display: none;
}

.chc_navLeft {
	top: 0;
	left: 0;	
}

.chc_navLeft a {
	background-image: url('/c/dam/en_us/solutions/industries/healthcare/interactive/images/arrow-nav-l.png');
}

.chc_navRight {
	top: 0;
	right: 0;
}

.chc_navRight a {
	background-image: url('/c/dam/en_us/solutions/industries/healthcare/interactive/images/arrow-nav-r.png');
}

.chc_navArrow a.chc_navArrowLight {
	background-position: 0 0;
}

.chc_navArrow a.chc_navArrowDark {
	background-position: 0 100%;
}


/* CALL TO ACTION SCREEN
============================================================ */

.chc_ctaScreen {
	position: relative;
	max-width: 1400px;
	height: 540px;
	margin: 0 auto;
	padding-top: 60px;
	font-size: 16px;
	color: #333;
	z-index: 3000;
	background-color: #00BCEB;
	-moz-transition: opacity .8s ease-in;
    -o-transition: opacity .8s ease-in;
    -webkit-transition: opacity .8s ease-in;
    transition: opacity .8s ease-in;
}

.chc_ctaScreen ul {
	padding: 0;
}

.chc_ctaScreen ul li {
	display: block;
	float: left;
	width: 216px;
	margin-left: 30px;
	list-style-type: none;
}

.chc_ctaScreen ul li:first-child {
	margin-left: 0;
}

.chc_ctaScreen .chc_ctaLinkImage {
	margin-bottom: 12px;
}

.chc_ctaLinkImageAlternate {
	display: none;
}

.chc_ctaLinkImage img {
	width: 216px;
	height: 122px;
	padding: 0;
}

.chc_ctaScreen h2 {
	display: inline;
	font-size: 24px;
	color: #00405C;
}

.chc_ctaScreen p {
	margin-top: 8px;
	margin-bottom: 0;
}

.chc_ctaContent {
	width: 1200px;
	margin: 0 auto;
}

.chc_thumbnailArray {
	margin-top: 40px;
}


/* VIDEO LIGHTBOX
============================================================ */

.chc_videoLightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	z-index: 5000;
	background-color: rgba(0,0,0,0.7);
	opacity: 0;
	display: none;
	-moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}

.chc_lightboxDismiss {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 5500;
}

.chc_lightboxCloseX {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 48px;
	height: 48px;
	background-image: url('/c/dam/en_us/solutions/industries/healthcare/interactive/images/close-x.png');
	background-size: 48px 48px;
}

.chc_lightboxCloseX span, .chc_lightboxDismiss span {
	display: none;
}

.chc_videoPlayer {
	position: relative;
	width: 854px;
	height: 480px;
	margin: 30px auto 0 auto;
	background-color: #000;
	z-index: 6000;
	display: none;
}