* {
  outline: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  border: none;
}

@font-face {
  src: url(fonts/CiscoBold.TTF);
  font-family: 'Cisco';
  font-weight: bold;
}

@font-face {
  src: url(fonts/CiscoRegular.TTF);
  font-family: 'Cisco';
  font-weight: normal;
}

@font-face {
  src: url(fonts/CiscoLight.TTF);
  font-family: 'CiscoSansLight';
  font-weight: normal;
}

@font-face {
  src: url(fonts/CiscoSansTTBold.ttf);
  font-family: 'CiscoSansTT';
  font-weight: bold;
}

@font-face {
  src: url(fonts/CiscoSansTTExtraLight.ttf);
  font-family: 'CiscoSansTTExtraLight';
  font-weight: normal;
}

@font-face {
  src: url(fonts/CiscoSansTTRegular.ttf);
  font-family: 'CiscoSansTT';
  font-weight: normal;
}

body {
  font-family: CiscoSansTT, Helvetica, Arial, sans-serif;
  font-size: 11pt;
  color: #444;
}

.ipad body, .iphone body {
  -webkit-transform: translateZ(0.01);
}

h1, h2, h3, h4, h5, h6 {
  font-family: CiscoSansTTExtraLight, Helvetica, Arial, sans-serif;
  font-weight: normal;
}

h2 {
  font-size: 1.8em;
  line-height: 1em;
}

.clear {
  clear: both;
  float: none;
  height: 0px;
}

.container {
  margin: 0px auto;
  position: relative;
  width: 1280px;
  height: 720px;
  overflow: hidden;
  background-color: #000;
}
.container > div {
  width: 1280px;
  height: 720px;
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0px auto;
  position: relative;
}

#current-scene {
  display: block;
}

#black-cover {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #000;
  display: none;
}

#preloader {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1280px;
  height: 720px;
  background: url(images/bg-preloader.jpg) top left black;
}
#preloader .preloader-panel {
  width: 1000px;
  height: 600px;
  margin: 57px 0 0 128px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  border: 1px solid #fff;
}
#preloader h2 {
  width: 100px;
  text-align: center;
  font-family: CiscoSansLight, Helvetica, Arial, sans-serif;
  /*font-family: Cisco, Helvetica, Arial, sans-serif;*/
  font-size: 28px;
  font-weight: normal;
  margin: 272px auto 10px;
}
#preloader .progress {
  width: 218px;
  height: 4px;
  margin: 0 auto;
  background-color: #fff;
}
#preloader .progress .indicator {
  height: 4px;
  background-color: #00adee;
}

.hotspot {
  width: 48px;
  height: 48px;
  position: absolute;
  background-image: url(images/bg-hotspot-sheet.png);
  display: none;
}

.provider .hotspot {
  background-position: 0px 0px;
}

.enterprise .hotspot {
  background-position: -60px 0px;
}

.user .hotspot {
  background-position: -120px 0px;
}

.scene-prop {
  display: none;
  position: absolute;
}

.animation-image {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
}

canvas {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1280px;
  height: 720px;
}

.bg-outside-museum {
  display: none;
  background: url(images/bg-selection-screen.jpg) no-repeat top left;
}

.not-supported-screen {
  display: none;
  background: url(images/bg-not-supported-screen.jpg) top left black;
}
.not-supported-screen .offset-panel {
  padding: 150px 0px 0px 80px;
  width: 445px;
}
.not-supported-screen .content-panel {
  float: none;
  clear: both;
  position: absolute;
  top: 57px;
  left: 128px;
  width: 1000px;
  height: 600px;
  color: #fff;
}
.not-supported-screen h2 {
  font-size: 2.2em;
}
.not-supported-screen p {
  margin: 10px 0;
  font-size: 1.3em;
  font-family: CiscoSansTTExtraLight, Helvetica, Arial, sans-serif;
}
.not-supported-screen .browser-icons {
  margin-left: -34px;
}
.not-supported-screen .browser-icons > a {
  display: block;
  float: left;
  width: 110px;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 59px;
  text-align: center;
  font-family: CiscoSansTTExtraLight, Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  text-decoration: none;
  color: #fff;
  outline: none;
}
.not-supported-screen .browser-icons .browser-chrome {
  background-image: url(assets/browser-chrome.png);
}
.not-supported-screen .browser-icons .browser-ie9 {
  background-image: url(assets/browser-ie9.png);
}
.not-supported-screen .browser-icons .browser-safari {
  background-image: url(assets/browser-safari.png);
}
.not-supported-screen .browser-icons .browser-firefox {
  background-image: url(assets/browser-firefox.png);
}

/* Selection Screen */
.bg-selection-screen {
  display: none;
}
.bg-selection-screen .content-panel {
  position: absolute;
  left: 128px;
  top: 57px;
  width: 1000px;
  height: 600px;
  color: #fff;
}
.bg-selection-screen .left-section {
  float: left;
  width: 400px;
  height: 560px;
  padding: 20px 60px;
}
.bg-selection-screen .left-section h2 {
  padding-top: 40px;
}
.bg-selection-screen .left-section p {
  margin: 20px 0;
}
.bg-selection-screen .right-section {
  float: right;
  width: 380px;
  height: 560px;
  padding: 20px 40px 20px 60px;
}
.bg-selection-screen .right-section p {
  clear: both;
  float: none;
}
.bg-selection-screen .right-section h2.user-profile {
  padding-top: 43px;
  margin-bottom: 30px;
  font-size: 1.2em;
  line-height: 1.2em;
}
.bg-selection-screen .right-section h2.device {
  padding-top: 30px;
  margin-bottom: 30px;
  clear: left;
  font-size: 1.2em;
  line-height: 1.2em;
}
.bg-selection-screen .right-section .user-options {
  width: 256px;
  margin: 0 auto;
}
.bg-selection-screen .right-section .btn-select-user {
  background: url(images/btn-select-user.png) no-repeat top left;
  width: 72px;
  height: 105px;
  float: left;
}
.bg-selection-screen .right-section .btn-select-enterprise {
  background: url(images/btn-select-enterprise.png) no-repeat top left;
  width: 72px;
  height: 105px;
  float: left;
  margin-left: 20px;
}
.bg-selection-screen .right-section .btn-select-provider {
  background: url(images/btn-select-provider.png) no-repeat top left;
  width: 72px;
  height: 105px;
  float: left;
  margin-left: 20px;
}
.bg-selection-screen .right-section .device-options {
  width: 171px;
  margin: 0 auto 15px;
}
.bg-selection-screen .right-section .btn-select-tablet {
  background: url(images/btn-select-tablet.png) no-repeat no-repeat top left;
  width: 72px;
  height: 94px;
  float: left;
}
.bg-selection-screen .right-section .btn-select-phone {
  background: url(images/btn-select-phone.png) no-repeat no-repeat top left;
  width: 79px;
  height: 94px;
  float: left;
  margin-left: 20px;
}
.bg-selection-screen .right-section .btn-get-started {
  background: url(images/btn-get-started.png) no-repeat;
  display: block;
  position: absolute;
  top: 514px;
  left: 801px;
  width: 120px;
  height: 39px;
}
.bg-selection-screen .btn-select-user:hover, .bg-selection-screen .btn-select-enterprise:hover,
.bg-selection-screen .btn-select-provider:hover, .bg-selection-screen .btn-select-phone:hover,
.bg-selection-screen .btn-select-tablet:hover, .bg-selection-screen.enterprise .btn-select-enterprise, .bg-selection-screen.provider .btn-select-provider, .bg-selection-screen.user .btn-select-user {
  background-position: left bottom;
}
.bg-selection-screen.user.tablet .btn-select-tablet:hover {
  background-position: -72px bottom;
}
.bg-selection-screen.user.phone .btn-select-tablet:hover {
  background-position: -72px bottom;
}
.bg-selection-screen.enterprise.tablet .btn-select-tablet:hover {
  background-position: 0px bottom;
}
.bg-selection-screen.enterprise.phone .btn-select-tablet:hover {
  background-position: 0px bottom;
}
.bg-selection-screen.provider.tablet .btn-select-tablet:hover {
  background-position: -144px bottom;
}
.bg-selection-screen.provider.phone .btn-select-tablet:hover {
  background-position: -144px bottom;
}
.bg-selection-screen.user.tablet .btn-select-phone:hover {
  background-position: -79px bottom;
}
.bg-selection-screen.user.phone .btn-select-phone:hover {
  background-position: -79px bottom;
}
.bg-selection-screen.enterprise.tablet .btn-select-phone:hover {
  background-position: 0px bottom;
}
.bg-selection-screen.enterprise.phone .btn-select-phone:hover {
  background-position: 0px bottom;
}
.bg-selection-screen.provider.tablet .btn-select-phone:hover {
  background-position: -158px bottom;
}
.bg-selection-screen.provider.phone .btn-select-phone:hover {
  background-position: -158px bottom;
}
.bg-selection-screen.user.tablet .btn-select-tablet {
  background-position: -72px bottom;
}
.bg-selection-screen.user.phone .btn-select-tablet {
  background-position: -72px top;
}
.bg-selection-screen.enterprise.tablet .btn-select-tablet {
  background-position: 0px bottom;
}
.bg-selection-screen.enterprise.phone .btn-select-tablet {
  background-position: 0px top;
}
.bg-selection-screen.provider.tablet .btn-select-tablet {
  background-position: -144px bottom;
}
.bg-selection-screen.provider.phone .btn-select-tablet {
  background-position: -144px top;
}
.bg-selection-screen.user.tablet .btn-select-phone {
  background-position: -79px top;
}
.bg-selection-screen.user.phone .btn-select-phone {
  background-position: -79px bottom;
}
.bg-selection-screen.enterprise.tablet .btn-select-phone {
  background-position: 0px top;
}
.bg-selection-screen.enterprise.phone .btn-select-phone {
  background-position: 0px bottom;
}
.bg-selection-screen.provider.tablet .btn-select-phone {
  background-position: -158px top;
}
.bg-selection-screen.provider.phone .btn-select-phone {
  background-position: -158px bottom;
}

.user-holding-device {
  display: block;
  position: absolute;
}

#user-hand {
  display: block;
  position: absolute;
  left: 580px;
  top: 720px;
  width: 367px;
  height: 363px;
  background: url(assets/img-hand.png) no-repeat top left;
}

.tablet .user-holding-device {
  left: 172px;
  top: 370px;
  width: 520px;
  height: 350px;
}
.tablet.scene2 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map01a.png) no-repeat top left;
}
.tablet.scene3 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map02a.png) no-repeat top left;
}
.tablet.scene4 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map03a.png) no-repeat top left;
}
.tablet.scene5 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map04a.png) no-repeat top left;
}
.tablet.scene6 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map05a.png) no-repeat top left;
}
.tablet.scene7 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map06a.png) no-repeat top left;
}
.tablet.scene8 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map07a.png) no-repeat top left;
}
.tablet.scene9 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map08a.png) no-repeat top left;
}
.tablet.scene10 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map09a.png) no-repeat top left;
}
.tablet.scene11 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map10a.png) no-repeat top left;
}
.tablet.scene12 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map11a.png) no-repeat top left;
}
.tablet.scene13 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map12a.png) no-repeat top left;
}
.tablet.scene14 .user-holding-device {
  background: url(assets/tablet-map/handsTablet_map13a.png) no-repeat top left;
}
.tablet.scene2 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_01.png) no-repeat top left;
}
.tablet.scene3 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_02.png) no-repeat top left;
}
.tablet.scene4 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_03.png) no-repeat top left;
}
.tablet.scene5 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_04.png) no-repeat top left;
}
.tablet.scene6 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_05.png) no-repeat top left;
}
.tablet.scene7 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_06.png) no-repeat top left;
}
.tablet.scene8 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_07.png) no-repeat top left;
}
.tablet.scene9 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_08.png) no-repeat top left;
}
.tablet.scene10 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_09.png) no-repeat top left;
}
.tablet.scene11 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_10.png) no-repeat top left;
}
.tablet.scene12 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_11.png) no-repeat top left;
}
.tablet.scene13 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_12.png) no-repeat top left;
}
.tablet.scene14 .user-holding-device.arrived {
  background: url(assets/tablet-app/handsTablet_13.png) no-repeat top left;
}

.phone .user-holding-device {
  left: 281px;
  top: 370px;
  width: 330px;
  height: 350px;
}
.phone.scene2 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map01a.png) no-repeat top left;
}
.phone.scene3 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map02a.png) no-repeat top left;
}
.phone.scene4 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map03a.png) no-repeat top left;
}
.phone.scene5 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map04a.png) no-repeat top left;
}
.phone.scene6 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map05a.png) no-repeat top left;
}
.phone.scene7 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map06a.png) no-repeat top left;
}
.phone.scene8 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map07a.png) no-repeat top left;
}
.phone.scene9 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map08a.png) no-repeat top left;
}
.phone.scene10 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map09a.png) no-repeat top left;
}
.phone.scene11 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map10a.png) no-repeat top left;
}
.phone.scene12 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map11a.png) no-repeat top left;
}
.phone.scene13 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map12a.png) no-repeat top left;
}
.phone.scene14 .user-holding-device {
  background: url(assets/phone-map/handsPhone_map13a.png) no-repeat top left;
}
.phone.scene2 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_01.png) no-repeat top left;
}
.phone.scene3 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_02.png) no-repeat top left;
}
.phone.scene4 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_03.png) no-repeat top left;
}
.phone.scene5 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_04.png) no-repeat top left;
}
.phone.scene6 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_05.png) no-repeat top left;
}
.phone.scene7 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_06.png) no-repeat top left;
}
.phone.scene8 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_07.png) no-repeat top left;
}
.phone.scene9 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_08.png) no-repeat top left;
}
.phone.scene10 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_09.png) no-repeat top left;
}
.phone.scene11 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_10.png) no-repeat top left;
}
.phone.scene12 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_11.png) no-repeat top left;
}
.phone.scene13 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_12.png) no-repeat top left;
}
.phone.scene14 .user-holding-device.arrived {
  background: url(assets/phone-app/handsPhone_13.png) no-repeat top left;
}

.tooltip-panel {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  border: 1px solid #fff;
  -moz-box-shadow: 0px 0px 30px black;
  -webkit-box-shadow: 0px 0px 30px black;
  box-shadow: 0px 0px 30px black;
  position: absolute;
  left: 73px;
  top: 73px;
  width: 335px;
  padding: 20px;
  display: none;
}
.tooltip-panel h2 {
  line-height: 1em;
  margin: 0px 0 10px 0;
}
.tooltip-panel p {
  font-size: 0.9em;
  line-height: 1.3em;
}
.tooltip-panel p.solutions {
  font-size: 1em;
  padding-top: 15px;
  margin-top: 14px;
  border-top: 1px solid #fff;
}
.tooltip-panel .hover-panel-spacing {
  height: 33px;
}
.tooltip-panel .hover-panel {
  background: url(images/bg-tooltip-arrow.png) no-repeat left top;
  padding-top: 7px;
  height: 26px;
  color: #000;
  font-size: 0.75em;
  float: left;
  display: none;
}
.tooltip-panel .hover-panel .white-bg {
  background-color: #fff;
  height: 19px;
  line-height: 19px;
  padding: 0 5px;
  float: right;
}
.tooltip-panel .hover-panel.icon1 {
  background-position: 5px 0px;
  min-width: 25px;
}
.tooltip-panel .hover-panel.icon2 {
  background-position: 34px 0px;
  min-width: 54px;
}
.tooltip-panel .hover-panel.icon3 {
  background-position: 63px 0px;
  min-width: 83px;
}
.tooltip-panel .hover-panel.icon4 {
  background-position: 92px 0px;
  min-width: 112px;
}
.tooltip-panel .hover-panel.icon5 {
  background-position: 121px 0px;
  min-width: 141px;
}
.tooltip-panel .hover-panel.icon6 {
  background-position: 150px 0px;
  min-width: 170px;
}
.tooltip-panel .hover-panel.icon7 {
  background-position: 179px 0px;
  min-width: 199px;
}
.tooltip-panel .hover-panel.icon8 {
  background-position: 208px 0px;
  min-width: 228px;
}
.tooltip-panel .hover-panel.icon9 {
  background-position: 237px 0px;
  min-width: 257px;
}

.user .tooltip-panel h2,
.user .tooltip-panel p.solutions {
  color: #27aae1;
}

.enterprise .tooltip-panel h2,
.enterprise .tooltip-panel p.solutions {
  color: #2bbaad;
}

.provider .tooltip-panel h2,
.provider .tooltip-panel p.solutions {
  color: #63bb46;
}

.btn-solution.mobility-services-engine {
  background-position: 0px 0px;
}

.enterprise .mobility-services-engine:hover {
  background-position: 0px -40px;
}

.user .mobility-services-engine:hover {
  background-position: 0px -80px;
}

.provider .mobility-services-engine:hover {
  background-position: 0px -120px;
}

.btn-solution.mobility-services-engine.disabled {
  background-position: 0px -160px;
}

.btn-solution.wifi {
  background-position: -44px 0px;
}

.enterprise .wifi:hover {
  background-position: -44px -40px;
}

.user .wifi:hover {
  background-position: -44px -80px;
}

.provider .wifi:hover {
  background-position: -44px -120px;
}

.btn-solution.wifi.disabled {
  background-position: -44px -160px;
}

.btn-solution.identity-services-engine {
  background-position: -88px 0px;
}

.enterprise .identity-services-engine:hover {
  background-position: -88px -40px;
}

.user .identity-services-engine:hover {
  background-position: -88px -80px;
}

.provider .identity-services-engine:hover {
  background-position: -88px -120px;
}

.btn-solution.identity-services-engine.disabled {
  background-position: -88px -160px;
}

.btn-solution.adaptive-wips {
  background-position: -132px 0px;
}

.enterprise .adaptive-wips:hover {
  background-position: -132px -40px;
}

.user .adaptive-wips:hover {
  background-position: -132px -80px;
}

.provider .adaptive-wips:hover {
  background-position: -132px -120px;
}

.btn-solution.adaptive-wips.disabled {
  background-position: -132px -160px;
}

.btn-solution.prime-ncs {
  background-position: -176px 0px;
}

.enterprise .prime-ncs:hover {
  background-position: -176px -40px;
}

.user .prime-ncs:hover {
  background-position: -176px -80px;
}

.provider .prime-ncs:hover {
  background-position: -176px -120px;
}

.btn-solution.prime-ncs.disabled {
  background-position: -176px -160px;
}

.btn-solution.clean-air {
  background-position: -220px 0px;
}

.enterprise .clean-air:hover {
  background-position: -220px -40px;
}

.user .clean-air:hover {
  background-position: -220px -80px;
}

.provider .clean-air:hover {
  background-position: -220px -120px;
}

.btn-solution.clean-air.disabled {
  background-position: -220px -160px;
}

.btn-solution.wireless-controller {
  background-position: -264px 0px;
}

.enterprise .wireless-controller:hover {
  background-position: -264px -40px;
}

.user .wireless-controller:hover {
  background-position: -264px -80px;
}

.provider .wireless-controller:hover {
  background-position: -264px -120px;
}

.btn-solution.wireless-controller.disabled {
  background-position: -264px -160px;
}

.btn-solution.access-points {
  background-position: -308px 0px;
}

.enterprise .access-points:hover {
  background-position: -308px -40px;
}

.user .access-points:hover {
  background-position: -308px -80px;
}

.provider .access-points:hover {
  background-position: -308px -120px;
}

.btn-solution.access-points.disabled {
  background-position: -308px -160px;
}

.btn-solution.asr5000 {
  background-position: -352px 0px;
}

.enterprise .asr5000:hover {
  background-position: -352px -40px;
}

.user .asr5000:hover {
  background-position: -352px -80px;
}

.provider .asr5000:hover {
  background-position: -352px -120px;
}

.btn-solution.asr5000.disabled {
  background-position: -352px -160px;
}

.btn-solution.enterprise-mobility {
  background-position: -396px 0px;
}

.enterprise .enterprise-mobility:hover {
  background-position: -396px -40px;
}

.user .enterprise-mobility:hover {
  background-position: -396px -80px;
}

.provider .enterprise-mobility:hover {
  background-position: -396px -120px;
}

.btn-solution.enterprise-mobility.disabled {
  background-position: -396px -160px;
}

.btn-solution.icon-mobility-services-engine {
  background-position: 0px 0px;
}

.btn-solution.icon-wifi {
  background-position: -44px 0px;
}

.btn-solution.icon-identity-services-engine {
  background-position: -88px 0px;
}

.btn-solution.icon-adaptive-wips {
  background-position: -132px 0px;
}

.btn-solution.icon-prime-ncs {
  background-position: -176px 0px;
}

.btn-solution.icon-clean-air {
  background-position: -220px 0px;
}

.btn-solution.icon-wireless-controller {
  background-position: -264px 0px;
}

.btn-solution.icon-access-points {
  background-position: -308px 0px;
}

.btn-solution.icon-asr5000 {
  background-position: -352px 0px;
}

.btn-solution.icon-enterprise-mobility {
  background-position: -396px 0px;
}

.btn-solution {
  display: block;
  width: 23px;
  height: 23px;
  float: left;
  margin: 5px 3px;
  background-image: url(images/bg-icon-sheet.png);
}
.btn-solution span {
  display: none;
}

.nav-circle {
  display: block;
  position: absolute;
  left: 1081px;
  top: 5px;
  width: 200px;
  height: 200px;
  background-image: url(images/img-nav-map.png);
}
.nav-circle .exhibit-title {
  position: absolute;
  top: 80px;
  left: 56px;
  width: 86px;
  height: 50px;
  text-align: center;
  color: #fff;
  line-height: 1.1em;
}

.toggle-tooltip {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  border: 1px solid #fff;
  -moz-box-shadow: 0px 0px 5px black;
  -webkit-box-shadow: 0px 0px 5px black;
  box-shadow: 0px 0px 5px black;
  position: absolute;
  display: none;
  height: 15px;
  width: 100px;
  padding: 3px 5px;
  text-align: center;
  font-size: 0.75em;
}

.container > div.user.tablet .toggle-panel .device-panel {
  background-position: -125px 0px;
}
.container > div.enterprise.tablet .toggle-panel .device-panel {
  background-position: -125px -58px;
}
.container > div.provider.tablet .toggle-panel .device-panel {
  background-position: -125px -116px;
}
.container > div.user.phone .toggle-panel .device-panel {
  background-position: 0px 0px;
}
.container > div.enterprise.phone .toggle-panel .device-panel {
  background-position: 0px -58px;
}
.container > div.provider.phone .toggle-panel .device-panel {
  background-position: 0px -116px;
}

.user.scene1 .nav-circle {
  background-position: 0px 0px;
}

.user.scene2 .nav-circle {
  background-position: 0px -200px;
}

.user.scene3 .nav-circle {
  background-position: 0px -400px;
}

.user.scene4 .nav-circle {
  background-position: 0px -600px;
}

.user.scene5 .nav-circle {
  background-position: 0px -800px;
}

.user.scene6 .nav-circle {
  background-position: 0px -1000px;
}

.user.scene7 .nav-circle {
  background-position: 0px -1200px;
}

.user.scene8 .nav-circle {
  background-position: 0px -1400px;
}

.user.scene9 .nav-circle {
  background-position: 0px -1600px;
}

.user.scene10 .nav-circle {
  background-position: 0px -1800px;
}

.user.scene11 .nav-circle {
  background-position: 0px -2000px;
}

.user.scene12 .nav-circle {
  background-position: 0px -2200px;
}

.user.scene13 .nav-circle {
  background-position: 0px -2400px;
}

.user.scene14 .nav-circle {
  background-position: 0px -2600px;
}

.enterprise.scene1 .nav-circle {
  background-position: -200px 0px;
}

.enterprise.scene2 .nav-circle {
  background-position: -200px -200px;
}

.enterprise.scene3 .nav-circle {
  background-position: -200px -400px;
}

.enterprise.scene4 .nav-circle {
  background-position: -200px -600px;
}

.enterprise.scene5 .nav-circle {
  background-position: -200px -800px;
}

.enterprise.scene6 .nav-circle {
  background-position: -200px -1000px;
}

.enterprise.scene7 .nav-circle {
  background-position: -200px -1200px;
}

.enterprise.scene8 .nav-circle {
  background-position: -200px -1400px;
}

.enterprise.scene9 .nav-circle {
  background-position: -200px -1600px;
}

.enterprise.scene10 .nav-circle {
  background-position: -200px -1800px;
}

.enterprise.scene11 .nav-circle {
  background-position: -200px -2000px;
}

.enterprise.scene12 .nav-circle {
  background-position: -200px -2200px;
}

.enterprise.scene13 .nav-circle {
  background-position: -200px -2400px;
}

.enterprise.scene14 .nav-circle {
  background-position: -200px -2600px;
}

.provider.scene1 .nav-circle {
  background-position: -400px 0px;
}

.provider.scene2 .nav-circle {
  background-position: -400px -200px;
}

.provider.scene3 .nav-circle {
  background-position: -400px -400px;
}

.provider.scene4 .nav-circle {
  background-position: -400px -600px;
}

.provider.scene5 .nav-circle {
  background-position: -400px -800px;
}

.provider.scene6 .nav-circle {
  background-position: -400px -1000px;
}

.provider.scene7 .nav-circle {
  background-position: -400px -1200px;
}

.provider.scene8 .nav-circle {
  background-position: -400px -1400px;
}

.provider.scene9 .nav-circle {
  background-position: -400px -1600px;
}

.provider.scene10 .nav-circle {
  background-position: -400px -1800px;
}

.provider.scene11 .nav-circle {
  background-position: -400px -2000px;
}

.provider.scene12 .nav-circle {
  background-position: -400px -2200px;
}

.provider.scene13 .nav-circle {
  background-position: -400px -2400px;
}

.provider.scene14 .nav-circle {
  background-position: -400px -2600px;
}

.toggle-panel {
  position: absolute;
  left: 1116px;
  top: 179px;
  width: 125px;
  height: 110px;
}
.toggle-panel .persona-panel {
  background-image: url(images/toggle-persona.png);
  width: 125px;
  height: 52px;
}
.toggle-panel .persona-panel img {
  width: 125px;
  height: 52px;
}
.toggle-panel .device-panel {
  background-image: url(images/toggle-device-type.png);
  width: 125px;
  height: 58px;
}
.toggle-panel .device-panel img {
  width: 125px;
  height: 58px;
}

.container > div.user.tablet .toggle-panel .device-panel {
  background-position: -125px 0px;
}
.container > div.enterprise.tablet .toggle-panel .device-panel {
  background-position: -125px -58px;
}
.container > div.provider.tablet .toggle-panel .device-panel {
  background-position: -125px -116px;
}
.container > div.user.phone .toggle-panel .device-panel {
  background-position: 0px 0px;
}
.container > div.enterprise.phone .toggle-panel .device-panel {
  background-position: 0px -58px;
}
.container > div.provider.phone .toggle-panel .device-panel {
  background-position: 0px -116px;
}

.user .toggle-panel .persona-panel {
  background-position: 0px -104px;
}

.enterprise .toggle-panel .persona-panel {
  background-position: 0px 0px;
}

.provider .toggle-panel .persona-panel {
  background-position: 0px -52px;
}

.scene14 .user-holding-device {
  left: 450px;
}
.scene14 .thank-you-panel {
  display: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  border: 1px solid #fff;
  -moz-box-shadow: 0px 0px 30px black;
  -webkit-box-shadow: 0px 0px 30px black;
  box-shadow: 0px 0px 30px black;
  position: absolute;
  left: 590px;
  top: 73px;
  width: 478px;
  height: 320px;
}
.scene14 .thank-you-panel h2 {
  padding: 40px;
}
.scene14 .thank-you-panel p {
  padding: 0 40px;
  line-height: 1.4em;
}
.scene14 .thank-you-panel .btn-restart-tour {
  display: block;
  background: url(images/btn-restart-tour.png) top left no-repeat;
  position: absolute;
  left: 320px;
  top: 260px;
  width: 136px;
  height: 39px;
}
.scene14 .tooltip-panel {
  width: 465px;
}
.scene14 .tooltip-panel p {
  font-size: 0.96em;
  margin: 10px 0;
  position: relative;
}
.scene14 .tooltip-panel .left-section {
  float: left;
  width: 230px;
}
.scene14 .tooltip-panel .right-section {
  float: right;
  width: 230px;
}
.scene14 .tooltip-panel .right-section li .title {
  top: 11px;
  line-height: 1em;
}
.scene14 .tooltip-panel .right-section li.special .title {
  top: 4px;
}
.scene14 .tooltip-panel ul, .scene14 .tooltip-panel li {
  list-style: none;
  font-size: 0.9em;
  display: block;
  clear: both;
}
.scene14 .tooltip-panel li .btn-solution {
  margin-right: 5px;
  float: left;
}
.scene14 .tooltip-panel li .title {
  clear: right;
  float: right;
  font-weight: bold;
  font-size: 1em;
  margin-left: 0px;
  position: relative;
  top: 0px;
  line-height: 34px;
  width: 198px;
  display: block;
}
.scene14 .tooltip-panel li a {
  color: #fff;
  clear: both;
  float: none;
  display: block;
  margin-left: 31px;
  text-decoration: none;
  top: -8px;
  position: relative;
}
.scene14 .tooltip-panel li a:hover {
  text-decoration: underline;
}

.btn-back {
  position: absolute;
  top: 50%;
  margin-top: -48px;
  left: 20px;
  display: block;
  width: 60px;
  height: 96px;
  background-image: url(images/btn-back-sheet.png);
  background-position: 0px 0px;
}
.btn-back:hover {
  background-position: 0px -96px;
}

.btn-next {
  position: absolute;
  top: 50%;
  margin-top: -48px;
  left: 1208px;
  display: block;
  width: 60px;
  height: 96px;
}
.btn-next a {
  position: relative;
  display: block;
  width: 60px;
  height: 96px;
  text-decoration: none;
  background-image: url(images/btn-next-sheet.png);
  background-position: 0px 0px;
}
.btn-next a:hover {
  background-position: 0px -96px;
}
.btn-next a .thumb-panel {
  border: 1px solid #fff;
  background-color: #000;
  width: 141px;
  height: 94px;
}
.btn-next a .thumb-with-arrow {
  display: none;
}
.btn-next a .next-exhibit-title {
  position: absolute;
  left: 0px;
  top: 78px;
  height: 20px;
  width: 141px;
  color: #fff;
  font-size: 0.75em;
  text-align: center;
  border-top: solid 1px white;
}
.btn-next a.last-scene-in-exhibit:hover {
  background-position: 0px 0px;
}
.btn-next a .thumb-with-arrow {
  display: none;
  position: relative;
  top: 0px;
  left: -137px;
  width: 201px;
  height: 96px;
  background-image: url(images/btn-next-sheet.png);
  background-position: 136px -192px;
  background-repeat: no-repeat;
}