/* reset */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: visible;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
polyline, line {stroke-width: 1;fill: none;stroke: black;}

.Green circle, .Blue circle, .Yellow circle, .Orange circle, .Purple circle { stroke: white; stroke-width: 2px}
.powerchek circle, .sidechek circle, .pipeline circle, .checkweigh circle, .powerphase circle { stroke: white; stroke-width: 3px}
.powerchek text, .sidechek text, .pipeline text, .checkweigh text, .powerphase text { fill: #000000}
	.troubledText, .troubledText:hover{
	font-size: 80px;
	fill: black;
	text-align: center;
	}	
	
	.troubledTextSmall, .troubledTextSmall:hover{
	font-size: 60px;
	fill: black;
	text-align: center;
	}

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

/* Merged From Bootstrap Version */
.btn-default {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
background-repeat: repeat-x;
background-color: #e8e8e8;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}

a {
text-decoration: none;
}
img {
vertical-align: middle;
}


/* LINK TRANSITION */
a {
	-moz-transition:color 0.2s ease-out;
	-webkit-transition:color 0.2s ease-out;
	-o-transition:color 0.2s ease-out;
	transition:color 0.2s ease-out;
}
/* MENU STYLE */


nav#topmenu {
	margin: 0px 10px;
	padding:0;
	position:relative;
}

nav#topmenu ul {
	margin:0;
	padding:0;
}

 nav#topmenu ul li {
	float:left;
	position:relative;
	font-size:17px;
	list-style:none;
	margin:0;
	width: 170px;
	padding: 0px;
	line-height: 30px;
	text-align:left;

}

 nav#topmenu ul li:first-child {

}

 nav#topmenu ul li a {
	color:rgba(0,0,0,0.8);
	text-decoration:none;
	display:block;
}

 nav#topmenu ul li a:hover {
	color:#fff;
}

nav#topmenu ul li a.topLevel {
height: 50px;
line-height: 50px;
padding: 0px 15px 0px 15px;
width: 80px;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5; 
background: #e5e5e5;
font-size: 20px;
		-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
 nav#topmenu ul li:hover > a.topLevel { /* ACTIVATE LINK WHEN THE MOUSE OVER SUB-MENU */
	color:#fff;
	background-color: rgba(40,40,40,1);
	border-right: 1px solid #000;
	border-left: 1px solid #000; 
		-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

nav#topmenu ul li a.topLevel .right { /* ACTIVATE LINK WHEN THE MOUSE OVER SUB-MENU */
float: right;
position: relative;
margin-top: 14px;
margin-right: 2px;
}

 nav#topmenu ul li span { 
	background:url(arrow.png) center no-repeat;
	height:10px;
	position:absolute;
	text-indent:-9999px;
	top:10px;
	right:5px;
	width:10px;
}

 nav#topmenu ul li span.arrow {
	background-position:0 2px;
}

 nav#topmenu ul li span.arrow-right {
	background-position:-10px 2px;
}

 nav#topmenu ul li ul.sublist { /* FIRST SUB-MENU STYLE */
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:50px;
	background-color: rgba(0,0,0,0.6);
	width:170px;
	opacity:0;
	visibility:hidden; /* Avoids being selected even if the opacity is set to 0 */
        
        /* CSS3 Multiple Transitions */

	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; 
	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
}

 nav#topmenu ul li ul.sublist li {
	border:none;
	clear:both;
	margin-top:-15px;
	padding:0;
	width:170px;
	-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
}

 nav#topmenu ul li ul.sublist li a {
	color:rgba(255,255,255,1);
	padding: 0px 15px 0px 15px;
}

 nav#topmenu ul li:hover ul.sublist {
	opacity:1;
	visibility:visible;
}

 nav#topmenu ul li:hover ul.sublist li {
	margin-top:0;
	opacity:1;
}

 nav#topmenu ul li:hover ul.sublist li a {
	-moz-transition:all 0.1s ease-out;
	-webkit-transition:all 0.1s ease-out;
	-o-transition:all 0.1s ease-out;
	transition:all 0.1s ease-out;
}

 nav#topmenu ul li:hover ul.sublist li a:hover {
	color:#3A3A3A;	
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

 nav#topmenu ul li:hover ul.sublist li:hover > a { 
        /* ACTIVATE LINK SUB-MENU WHEN THE MOUSE OVER SUBSUB-MENU */
	color:#222;
	background: #e5e5e5;
}

/* SUB-MENU SUB STYLE */
 nav#topmenu ul li ul.sublist li ul.subsublist {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:141px;
	top:0px;
	background:rgba(0,0,0,0.6);
	width:170px;
	opacity:0;
	visibility:hidden;
	-moz-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-webkit-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
}

 nav#topmenu ul li ul.sublist li ul.subsublist li{
	border:none;
	clear:both;
	margin:0;
	padding:0;
	width:170px;
	opacity:1;
}

 nav#topmenu ul li ul.sublist li:hover ul.subsublist {
	opacity:1;
	left:170px;
	visibility:visible;
}

nav#topmenu ul li ul.sublist li a i.right {
float: right;
margin-top: 6px;
}
/* END Bootstrap Version */


body {
margin: 0;
padding: 0;
font-size: 16px;
font-family: TradeGothic, Arial, sans-serif;
font-weight: normal;
background: #ddd url(../images/GreyBackground.jpg) no-repeat center center fixed;
overflow-x: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
a, a:hover, a:active, a:visited {
outline: none!important;
}

a, a:visited, a:active {
color: red;
}

a:hover {
  color: rgb(168, 168, 168);
}

a.contactBtn {
position: absolute;
  right: 20px;
  top: 12px;
  z-index: 99;
color: rgb(200, 200, 200);
font-size: 22px;
-webkit-transition: color .5s ease;
-moz-transition: color .5s ease;
-ms-transition: color .5s ease;
-o-transition: color .5s ease;
transition: color .5s ease;
}

a.contactBtn:hover {
color: rgb(150, 150, 150);
-webkit-transition: color .5s ease;
-moz-transition: color .5s ease;
-ms-transition: color .5s ease;
-o-transition: color .5s ease;
transition: color .5s ease;
}

a.contactBtn:visited, a.contactBtn:active {
	color: rgb(200, 200, 200);
}
ol {
padding: 0px 10px 0px 20px;
  margin: 0;
}
ol li{
padding: 5px 0px;
}
.complete {
width: 20px;
height: auto;
position: relative;
float: right;
margin: 2px 0px;
padding: 0;
visibility: hidden;
opacity: 0;
}
.completeStep {
width: 20px;
height: auto;
position: relative;
float: right;
  margin: 2px -15px 0px 2px;
padding: 0;
visibility: hidden;
opacity: 0;
}

@font-face {
    font-family: 'TradeGothicBold';
    src: url('../fonts/tradegothic-boldcondtwenty-webfont-webfont.eot');
    src: url('../fonts/tradegothic-boldcondtwenty-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tradegothic-boldcondtwenty-webfont-webfont.woff') format('woff'),
         url('../fonts/tradegothic-boldcondtwenty-webfont-webfont.ttf') format('truetype'),
         url('../fonts/tradegothic-boldcondtwenty-webfont-webfont.svg#TradeGothicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	font-family:'TradeGothicBold';
	src: url('../fonts/tradegothic-boldcondtwenty-webfont-webfont.svg#TradeGothicBold') format('svg');
	}
	}
	
@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/tradegothic-condeighteen-webfont-webfont.eot');
    src: url('../fonts/tradegothic-condeighteen-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tradegothic-condeighteen-webfont-webfont.woff') format('woff'),
         url('../fonts/tradegothic-condeighteen-webfont-webfont.ttf') format('truetype'),
         url('../fonts/tradegothic-condeighteen-webfont-webfont.svg#TradeGothic') format('svg');
    font-weight: normal;
    font-style: normal;

}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	font-family:'TradeGothic';
	src: url('../fonts/tradegothic-condeighteen-webfont-webfont.svg#TradeGothic') format('svg');
	}
	}
text.right, tspan.right{	
 text-anchor: end
}

text, tspan  {	
font-family: TradeGothic, arial;
text-transform: uppercase;
 padding: 4px 10px;
  font-size: 25px;
 text-align: right;
 -webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
fill: #000000;
}
text:hover, text:hover tspan{	
fill: #555555;
 /* fill: red;  cursor: pointer;*/
}

#rightRotate1:hover path, #rightRotate2:hover path, #leftRotate1:hover path, #leftRotate2:hover path, #rightRotate3:hover path, #rightRotate4:hover path, #leftRotate3:hover path, #leftRotate4:hover path{	
 cursor: pointer;
 fill: #272727;
}

ul.warningLights {list-style-type: none; padding: 5px 10px;}
ul.warningLights li {
padding: 10px 0px;
margin: 0;
font-size: 14px;
color: #ccc;
cursor: pointer;
}
ul.warningLights li:hover {color: #ffffff;}
ul.warningLights li:hover .fa-stack-2x{opacity: 0.7;}
.warningLights  .fa-stack{
text-align: center;
left: -35px;
position: absolute;
margin: -4px 0px 0px 0px;
}
.warningLights  .fa-stack-2x{font-size: 1.6em;}
.warningLights .fa-lightbulb-o {z-index: 2; position: relative; color: white; top: -5px; font-size: .8em;}

.header {
position: fixed;
top: 0;
height: 50px;
background: white;
width: 100%;
z-index: 999999;
padding: 0;
margin: 0;
min-width: 1024px!important;
}

.header h1{
line-height: 50px;
padding: 0;
color: rgb(0,0,0);
font-size: 17px;
margin: 0px 12px 0px -35px;
font-weight: normal;
float: left;
position: relative;
z-index: 99999999;
}

	@media (min-width: 1025px) {
		.header h1{
			font-size: 19px;
		}
	}
	

.header h1 a, .header h1 a:visited{
color: rgb(0,0,0);
}
.header h1 a:hover{
color:rgb(15,77,111);
}
.header .logo {
position: absolute;
right: 20px;
width: 100px;
top: 5px;
}

.header h1 span{
color: red;
font-weight: bold;
margin: 0 5px 0px 5px;
}

.header i {
margin-left: 5px;
margin-right: 5px;}

p {
font-family: TradeGothic, Arial, sans-serif;
font-weight: normal;
font-size: 18px;
line-height: 25px;
}
.wrapper {
min-width: 768px;
min-height: 600px;
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

.intro-title { 
text-align: center;
height: 60px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -165px;
margin-top: -260px;
width: 300px;
}

.intro-title h2 {
font-size: 40px;
color: rgb(15,77,111);
font-family: TradeGothic, Arial, sans-serif;
text-align: center;
margin: 0;
}
			
		.disclaimer  {
			position: absolute; 		
			top: 50%;
			margin-top: 240px;
		}
		.disclaimer p {
				position: relative;
				  width: 45%;
				  min-width: 450px;
				  font-size: 12px;
				  color: #434343;
				  line-height: 20px;
				  margin: 0 auto;
				  font-family: arial, sans-serif;
				  text-align: center;
				  background: rgba(222, 222, 222, 0.2);
				  padding: 25px;
				  border-radius: 8px;
				  border: 1px solid rgb(208, 208, 208);
		}
.nano { 
text-align: center;
height: 400px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -175px;
margin-top: -190px;
width: 300px;
 }

.nano .nano-content { padding: 0px; }
.nano .nano-pane   { background: #888; }
.nano .nano-slider { background: #111; }

.nano .nano-content ul {
margin: 0;
padding: 0;
}
.nano .nano-content li{
list-style: none;
margin-bottom: 22px;
text-align: center;
}
.nano .nano-content li a {
text-decoration: none;
color: #444;
font-size: 24px;
line-height: 18px;
display: block;
}
.nano .nano-content li a:hover {
text-decoration: none;
color: #ff0000;
font-size: 24px;
line-height: 18px;
font-weight: bold;
}
.nano .nano-content li a img {
transform: scale(.7);
margin: 0px 0px -5px 0px;
border: none;
outline: none;
}

a.disabled {
padding: 0px 0px 5px 5px;
opacity: 0.3
}
.nano .nano-content li a.disabled:hover {
text-decoration: none;
padding: 0px 0px 5px 5px;
color: #444;
font-size: 20px;
line-height: 18px;
font-weight: normal;
cursor: default;
}


.smallDot {
	font-size: 10px;
	line-height: 22px;
	top: -2px;
	margin: 0px 3px;
	position: relative;
	color: #ff0000;
	opacity: 0;
}
.medDot {
	font-size: 12px;
	line-height: 22px;
	top: -2px;
	margin: 0px 3px;
	position: relative;
	color: #ff0000;
	opacity: 0;
}
.largeDot {
	font-size: 14px;
	line-height: 22px;
	top: -2px;
	margin: 0px 3px;
	position: relative;
	color: #ff0000;opacity: 0;
}

/* .title {
text-align: center;
height: 60px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -165px;
margin-top: -220px;
width: 300px;
} */

.title h2 {
font-size: 35px;
color: rgb(15,77,111);
font-family: TradeGothicBold, Arial, sans-serif;
text-align: center;
margin: 0;
}

@media (max-height: 500px) {
    .nano {
        top: 150px;
        margin-top: 0px;
		height: 400px;
    }   
	.title {
        top: 70px;
        margin-top: 0px;
		height:60px;
    }
}

a.back {
position: absolute;
top: 70px;
left: 25px;
font-size: 20px;
text-decoration: none;
color: #333;
z-index: 99999;
}

a.back img{
width: 30px;
padding: 0px;
margin: -5px 0px 0px 0px;
opacity: .6
}

a.back:hover {text-decoration: none; color: #000;font-weight: bold;}
a.back:hover img{
opacity: 1
}

.rotator {}
.rotator img{position: absolute; top: 0; left: 0; visibility: hidden;}

.spriteslider {
margin: 20px auto;
padding: 10px;
width: 200px;
background: #FCFEFC;
border-radius: 0;
position: fixed;
bottom: 135px;
left: 50%;
margin-left: -100px;
text-align: center;
z-index: 999999;
}
#spritetarget {
width: 1280px;
height: 720px;
  background-image: url(../360views/LowSeqCut/viewSprite.png); /* horizontal spritesheet - image from http://preloaders.net */
  background-repeat: repeat-x;
}

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


	body {
		-moz-user-select: none; 
		-webkit-user-select: none; 
		-ms-user-select:none; 
		user-select:none;
	}
	 #slider {
		position: absolute;
		bottom: 220px;
		z-index: 999;
		width: 600px;
		left: 50%;
		margin-left: -300px;
	}
	button {
		margin: 5px 10px 10px 10px;
		padding: 8px 20px;
		color: black;
		border: none;
	}
	
	button:hover {
		color: white;
		border: none;
	}
	
	header {height: 50px;}
	#header-drop.dropdown {
		position: relative;
		float: left;
		padding: 0px 20px 0px 20px;
		margin: 0px;
		top: 13px;
		border-left: 1px solid #ccc;
	}
	
	#header-drop.dropdown .btn {
		background: #C1C1C1;
		background-image: none;
		background-repeat: repeat-x;
		border-color: #dbdbdb;
		text-shadow: none;
		border-color: #ccc;
		border: none;
		color: #FFF;
		padding: 3px 10px 1px 10px;
		font-size: 15px;
		margin: 0;
	}
	#header-drop.dropdown .btn i{ color: #919191; margin-left: 10px;margin-right: 0px;}
	#header-drop.dropdown .btn:hover, #header-drop.dropdown .btn:focus {
	}
	
	#header-drop .dropIco {
	}
	
	#header-drop .dropdown-menu {
		position: absolute;
		top: 37px;
		left: 25px;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 0px!important;
		list-style: none;
		font-size: 14px;
		text-align: left;
		background-color: rgba(0,0,0,0.5);
		border: 1px solid #cccccc;
		border: none;
		border-radius: 0;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}

	#header-drop .dropdown-menu > li > a {
		color: white;
	}
	#header-drop .dropdown-menu > li > a:hover {
		color: black;
	}
	#header-drop .dropdown-menu > li > a.current {
		color: black;
		background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
		background-repeat: repeat-x;
		background-color: #e8e8e8;
	}
	#header-drop .fa-chevron-circle-down {
	color: rgb(15,77,111);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	}
	#header-drop.open .fa-chevron-circle-down { 
		color: rgb(150,150,150); 
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: all .6s ease-in-out;
		-moz-transition: all .6s ease-in-out;
		-ms-transition: all .6s ease-in-out;
		-o-transition: all .6s ease-in-out;
		transition: all .6s ease-in-out;
	}
	#header-drop.open .btn {color: rgb(150,150,150)}
	#header-drop .btn:hover {color: rgb(80, 80, 80)}
	#header-drop .btn:hover .fa-chevron-circle-down {color: rgb(80, 80, 80)}
	
	/* FOOTER */	
	
	#footer-drop .dropdown-menu > li > a.current {
		background: grey;
		color: white;
	}
	#footer-drop.dropdown {
		position: absolute;
		left: 50%;
		bottom: 24px;
		margin-left: -300px;
	}
	
	#footer-drop.dropdown .btn {
		border-color: none;
		text-shadow: none;
		border-color: none;
		border: none;
		border-radius: 0;
		font-size: 26px;
		background: none;
		background-color: none;
		outline: 0;
		border: none;
		height: 70px;
		line-height: 70px;
		padding: 0px;
		width: 600px;
		margin: 0 auto;
		text-align: center;
				font-size: 30px;
		text-transform: uppercase;
			color: rgb(15,77,111)
	}
	
	#footer-drop.dropdown .btn:hover, #footer-drop.dropdown .btn:focus {
		background: none;
		background-color: none;
		outline: 0;
		border: none;
		text-shadow:none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.btn-default, .btn-primary, .btn-success,.btn-info, .btn-warning, .btn-danger {
							background: none;
		background-color: none;
		outline: 0;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active,.btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active {
					background: none;
		background-color: none;
		outline: 0;
		border: none;
		-webkit-box-shadow: none;
			box-shadow: none;
	}

	#footer-drop .dropdown-menu {
		position: absolute;
		left: 50%;
		bottom: 94px!important;
		z-index: 1000;
		display: none;
		min-width: 160px;
		padding: 5px 0;
		margin: 0px;
		margin-left: -145px;
		width: 290px;
		list-style: none;
		text-align: left;
		background-color: rgba(0,0,0,0.6);
		border: none;
		border-radius: 0px;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}

	#footer-drop .dropdown-menu > li > a {
	max-width: 100%;
		display: block;
		padding: 3px 12px;
		clear: both;
		font-weight: normal!important;
		line-height: 1.42857143;
		color: #fff;
		white-space: pre-wrap;
		margin: 0;
		font-size: 17px!important;
		font-family: TradeGothic, Arial, sans-serif;
	}
	
	#footer-drop .dropdown-menu > li > a:hover {
		color: #333;
	}
	
	.openMenuArrow {
	font-size: 30px; margin-right: 10px; color: rgb(15,77,111);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
		-webkit-transition: all .6s ease-in-out;
		-moz-transition: all .6s ease-in-out;
		-ms-transition: all .6s ease-in-out;
		-o-transition: all .6s ease-in-out;
		transition: all .6s ease-in-out;
	}
	#footer-drop.open .openMenuArrow { 
		color: rgb(150,150,150); 
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: all .6s ease-in-out;
		-moz-transition: all .6s ease-in-out;
		-ms-transition: all .6s ease-in-out;
		-o-transition: all .6s ease-in-out;
		transition: all .6s ease-in-out;
	}
	#footer-drop.open .btn {color: rgb(150,150,150)}
	#footer-drop .btn:hover {color: rgb(80, 80, 80)}
	#footer-drop .btn:hover .openMenuArrow {color: rgb(80, 80, 80)}
	
	.detail{
		padding: 15px 10px;
		color: white;
		position: absolute;
		top: 0;
		width: 100%;
	}	
	
	.detail h1 {
		font-weight: normal;
		font-size: 23px;
		margin: 0px -25px 15px -7px;
		padding: 15px 30px 15px 23px;
		font-family: TradegothicBold, Arial, sans-serif;
	}		
	
	.detail h2 {
		font-weight: normal;
		font-size: 19px;
		margin: 0px 12px 15px -8px;
		padding: 10px 20px 10px 20px;
		border-bottom: 1px solid #333333;
		border-top: 1px solid #333333;
		font-family: Tradegothic, Arial, sans-serif;
	}	
	.detail h3 {
		font-weight: normal;
		font-size: 17px;
		margin: 0px 12px 15px -8px;
		padding: 10px 20px 10px 20px;
		border-bottom: 1px solid #333333;
		border-top: 1px solid #333333;
		font-family: Tradegothic, Arial, sans-serif;
	}
		.detail h4 {
		font-weight: normal;
		font-size: 17px;
		font-family: Tradegothic, Arial, sans-serif;
	}
	.overview  {
		color: white;
		margin: 10px 30px;
		position: absolute;
		top: 0;
	}
	.overview h3 {
		font-weight: normal;
		font-size: 22px;
		font-family: Tradegothic, Arial, sans-serif;
		margin: 45px 0px 10px 0px;
		padding: 0;
	}
	
	.overview p {font-family: Arial, sans-serif;
		font-weight: normal;
		font-size: 14px;
		line-height: 25px;
		color: #ccc;
	}
	
	.fa-inverse {
		color: #000;
	}
	.detail p {
		font-size: 14px;
		line-height: 22px;
		font-family: Arial, sans-serif;
		margin: 0px 35px 20px 20px;
	}
	
	#footer-drop .dropdown-menu > li > a.current {
		background: grey;
		color: white;
	}

	.footer {
		font-family: TradeGothicBold, Arial, sans-serif;
		font-size: 16px;
		line-height: 18px;
		padding: 12px 0 16px;
		background: #fff;
		width: 100%;
		height: 90px;
		margin-top: 0;
		position: absolute;
		float: left;
		left: auto;
		bottom: 0;
		color: black;
		text-align: center;
		z-index: 99;
	}
	.footer h1 {
		font-size: 30px;
		padding: 0;
		display: block;
		font-weight: bold;
		color: rgb(15,77,111);
	}	
	.footer a {
		font-size: 18px;
		padding: 0;
		text-decoration: none;
		color: #A2A2A2;
		position: relative;
		margin: 0px 12px 0px 12px;
		display: inline-block;
	}
	.footer a:hover {
		color: red;
	}

	html,body,.container {
		height:100%;
	}
	.container {
		display:table;
		width: 100%;
		margin-top: 0px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.details {
		position: absolute;
		width: 30%;
		max-height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 75%;
	}
	
	.row {
		height: 100%;
		display: table-row;
	}
	.col-3.no-float, .col-9.no-float {
		float: none;
	}
	.col-3 {
		width: 32%;
		display: table-cell;
		background: rgba(30,31,35,1);
	}
	.col-3.loaded {
	}
	.col-9 {
		display: table-cell;
		background: #ccc url(../images/GreyBackground.jpg) center center no-repeat;
		background-size: cover;
		vertical-align: middle;
		width: 70%;
		padding: 0px 0px 5% 0px;
	}

#leftBtn, #rightBtn {opacity: 0.7}
#rightBtn:hover, #leftBtn:hover {opacity: 1}
	
	.col-9.loaded { 
	}
		
	.subnav {
			width: 70px;
			position: absolute;
			list-style-type: none;
			padding: 0;
			margin: 0;
			bottom: 24px;
			left: -26px;
			opacity: 0;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
	}
		#subNav {
			opacity: 1;
			list-style-type: none;
		}
		.subnav li {
			display: block;
			font-size: 10px;
			font-weight: normal;
			padding: 0px 4px;
			margin: -1px 0px;
			color: #272727;
			background: #FFFFFF;
			border: none;
			line-height: 17px;
			white-space: nowrap;
			font-family: Tradegothic, Arial, sans-serif;
		}
		.subnav li:hover {	
			color: white;
			background: rgba(30,31,35,1);			
			-webkit-transition: all .1s ease-in-out;
			-moz-transition: all .1s ease-in-out;
			-ms-transition: all .1s ease-in-out;
			-o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;}
		
		.mainNav a:hover .subnav {
			opacity: 1; 			
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;}
		

	@media (max-height: 768px) {
		svg{width: auto;}
		figure {
			position: relative;
			width: 100%;
			margin: 0 auto;
		}
		
		figure svg { 
			padding-bottom: 100px;
			display: inline-block;
		}
	}	
	
	#my_image-reel {
	overflow: visible!important:
	}
	
	#my_annotation4{
	left: 60%!important; margin-left: -120px
	}	
	#my_annotation3{
	left: 40%!important; margin-left: -120px
	}	
	
	.rightBtn{
		right: 20px;
		margin-left: 0;
		top: 37%;
		position: absolute;
		background: rgba(150,150,150,0.3);
		border-radius: 5px;
	}	
	.leftBtn{
		left: 20px;
		margin-left: 0;
		top: 37%;
		position: absolute;
		background: rgba(150,150,150,0.3);
		border-radius: 5px;
	}	
	
	.rightBtn img, .leftBtn img {padding:5px; opacity: 0.7}
	
	.mainArea {position: relative;}
	#SC78_rightBtn{
	left: 80%!important; margin-left: -120px
	}	
	#SC78_leftBtn{
	left: 20%!important; margin-left: -120px
	}	
	#PL50_rightBtn{
	left: 65%!important; margin-left: -120px
	}	
	#PL50_leftBtn{
	left: 35%!important; margin-left: -120px
	}
	
	@media (max-width: 1024px) {
	 	.inspect1 img, .inspect2 img, .inspect3 img {
		width: 70px!important;
		height: auto
		}
	}
	
.footer  .tool-tip{	
		position: relative;
		top: -10px;
		height: 40px;
		width: 140px;
		margin: 0 auto;
	background: #383838;
	color: white;
	border-radius: 4px;
	line-height: 24px;
	font-size: 17px;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 2s; 
	-moz-animation-duration: .8s;
	-moz-animation-delay: 2s;
	animation-duration: .8s;
	animation-delay: 2s;
	opacity: 1;
}
.footer .tool-tip span{	
	display: block;
	vertical-align: middle;
	height: 40px;
	font-family: TradeGothic,Arial,sans-serif;
	text-align: center;
	line-height: 40px;
}

.footer  .tool-tip:after{
	content: '\f0d7';
	font-family: 'FontAwesome';
	color: #383838;
	font-size: 45px;
	position: relative;
	top: -8px;
}
.footer .open .tool-tip { 
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
	-webkit-animation-duration: .5s;
	-webkit-animation-delay: 0s; 
	-moz-animation-duration: .5s;
	-moz-animation-delay: 0s;
	animation-duration: .5s;
	animation-delay: 0s;
	opacity: 0;
}

a.closeBtn {
position: absolute;
right: 30%;
top: 70px;
margin: 0px 20px 0px 0px;
font-size: 20px;
text-decoration: none;
color: #FFF;
z-index: 999999999;
opacity: .6;
background: #343434;
padding: 5px 13px;
border-radius: 4px;
}

a.closeBtn:hover {
opacity: 1;
background: black;
}

#PopoverBtn1 {cursor: pointer; opacity: .9}
#PopoverBtn2 {cursor: pointer; opacity: .9}

#PopoverBtn1:hover, #PopoverBtn2:hover {cursor: pointer; opacity: 1.0}


#popoverLink1, #popoverLink2, #popoverLink3, #popoverLink4, #popoverLink5, #popoverLink6 {opacity: 0.7}
#popoverLink1:hover, #popoverLink2:hover, #popoverLink3:hover, #popoverLink4:hover, #popoverLink5:hover, #popoverLink6:hover {opacity: 1}
.alert {
   -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}

#my_image-reel .reel-preloader {
	position: fixed;
	bottom: 4%;
	background-color: #747474!important;
	z-index: 3;
}
	.mainNav {
		position: absolute;
		z-index: 0;
		left: 35%;
		bottom: 150px;
		margin-left: -90px;
	}
	.mainNav a{
		width: 20px;
		height: 20px;
		background: rgba(229, 229, 229, 0.9);
		box-shadow: 0px 0px 10px #A1A1A1;
		display: inline-block;
		vertical-align: middle;
		line-height: 21px;
		border-radius: 10px;
		text-align: center;
		font-size: 11px;
		font-weight: normal;
		-moz-transform: scale(1)!important;
		-webkit-transform: scale(1)!important;
		-o-transform: scale(1)!important;
		-ms-transform: scale(1)!important;
		transform: scale(1)!important;
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		-ms-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}
	.mainNav a:hover{ color: white}
	
	.mainNav a span{opacity: 0}
	.mainNav a.current span{opacity: 1}
	
	.mainNav a.current{
		background: red;
		display: inline-block;
		vertical-align: middle;
		color: white;
		-moz-transform: scale(1.5);
		-webkit-transform: scale(1.5)!important;
		-o-transform: scale(1.5)!important;
		-ms-transform: scale(1.5)!important;
		transform: scale(1.5)!important;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	

	.subtask {
		width: 18px;
		height: 18px;
		background: rgba(150,150,150,0.7);
		display: inline-block;
		vertical-align: middle;
		line-height: 19px;
		border-radius: 10px;
		text-align: center;
		font-size: 11px;
		font-weight: normal;
		margin-top: -3px;
		margin-left: -30px;
		-moz-transform: scale(1)!important;
		-webkit-transform: scale(1)!important;
		-o-transform: scale(1)!important;
		-ms-transform: scale(1)!important;
		transform: scale(1)!important;
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		-ms-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in;
		margin-right: 6px;
	}
	
	p.caution {
		color: rgb(255, 200, 34);
		font-size: 13px;
		line-height: 22px;
		font-family: Arial, sans-serif;
		margin: 20px 20px 10px 20px;
		text-transform: uppercase;
	}
	p.caution i{font-size: 16px;}
	
	.active .active .subtask { color: white; background: red;}
	
	h4.panel-title > a {
		padding-left: 0px;
		font-weight: normal;
		font-size: 17px;
		font-family: TradeGothic, Arial, sans-serif;
	}
	h4.panel-title a {color:#fff}	
	h4.panel-title a.collapsed  {color:#ccc}	
	
	h4.panel-title a:hover { color: white;}
	h4.panel-title a:hover .subtask{ color: white; background:red;}
	
	.subtask span{opacity: 0}
	.subtask.current span{opacity: 1}
	
/* POPUPS */

.darkbox {
	width: 100%; height: 100%; display: block; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 9999999; background: rgba(0,0,0,0.8);
	}
.popper {
	position: absolute; width:70%; z-index: 10000; visibility: hidden; 
	}

.close-link {
	position: absolute;
	top: -35px;
	right: 25px;
	display: block;
	width: 100px;
	height: 30px;
	margin: 0;
	text-align: right;
	line-height: 28px;
	opacity: 0.7;
	color: white!important;
	font-size: 22px;
	}
	.close-link:hover {opacity: 1}
	.close-link img {
	width: 20px;
	position: absolute;
	right: -25px;
	display: block;
	top: 3px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.flex {
  height:100%;
  min-height:100%;/*for mozilla*/
}

.popper {
position: relative;
 background: transparent!important; 
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.ie9 .popper {
position: absolute; width:70%; top: 10%; left: 15%; height: auto;
}
html>body .flex { 
	height:100%;
	min-height:100%;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-box-align: center;
	-moz-box-align: center;

	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	-ms-flex-align: center;
	-ms-flex-pack: center;
	-ms-box-orient:horizontal;
}

	
	#main {}
	
	.sidebar-footer {
		position: absolute;
		bottom: 118px;
		right: 0;
		text-align: center;
		display: block;
		width: 30%;
		height: 40px;
		line-height: 40px;
		background: black;
		color: rgba(200,200,200,1.0);
		opacity: 1;
	}
	.sidebar-footer.loaded {

	}
	#popoverLink1,#popoverLink2,#popoverLink3,#popoverLink4,#popoverLink5,#popoverLink6 {
		cursor: pointer;
	}
	#popoverLink1:hover, #popoverLink2:hover, #popoverLink3:hover, #popoverLink4:hover, #popoverLink5:hover, #popoverLink6:hover{
		cursor: pointer;
	}

		
		.panel-title .fa{
			margin-right: 13px;
			color: rgb(255, 255, 255);
			-moz-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		
	.panel-title .collapsed .fa{
				margin-right: 13px;
				color: rgb(106, 106, 106);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
	}	

	
	.panel-default > .panel-heading {
		background-image: none;
		color: #FFFFFF;
		background: none;
		border-color: none;
		filter: none;
		}
	.panel-heading {
		padding: 3px 5px;
	}
	.panel {
		background-color: none;
		background: none;
		}
		
	.panel-child {margin: 0 0px 0px 45px;}
	
	.panel-body, .panel-body p {
		padding: 3px 30px 5px 17px;
		font-size: 13px;
		line-height: 22px;
		color: rgb(255, 255, 255);
		font-family: Arial, sans-serif;
	}
	
	.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
		border-top: none;
		margin-left: 22px;
	}
	.panel-default {
		border-color: transparent;
	}
	.panel-group {

	}

	
	#accordionParent2 {margin-left: 50px;}
		#accordionParent2 h2.panel-title {
		font-weight: normal;
		font-size: 19px;
		margin: 0px 12px 15px -8px;
		padding: 5px 20px 5px 20px;
		border-bottom: none;
		border-top: none;
		font-family: Tradegothic, Arial, sans-serif;
		}

	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: #515151;
	}
	.panel-body img {
		max-width: 100%;
	}
	
	.next {
		color: red;
		position: relative; 
		z-index: 99999999;
		top: 20px;
		font-size: 15px;
		padding: 6px 10px;
		background: rgba(238, 238, 238, 1);
		border-radius: 4px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.next:hover {
		color: white;
		background: rgba(105, 105, 105, 1);
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
	.selectReminder {
		color: red;
		padding: 20px 0px;	
	}
	.selectReminder i {
		-moz-transform: rotate(140deg);
		-webkit-transform: rotate(140deg);
		-o-transform: rotate(140deg);
		-ms-transform: rotate(140deg);
		transform: rotate(140deg);
		margin-top: 10px;
	}
	

.close-link:hover {
opacity: 1;
}
.sim-cont {
text-align: center;
}
.popupIMG {
position: relative;
max-width: 80%;
max-height: 60%;
}

.checkbox  {opacity: 0.7}
.checkbox:hover {opacity: 1}

.popoverImage:before {
content: 'CLOSE';
position: absolute;
display: block;
width: 100px;
height: 100px;
background: black;
color: white;
}

a.view360 {
margin: 0px 25px;
position: relative;
display: block;
color: white!important;
opacity: 0.7
}

a.view360:hover {
opacity: 1
}

a.view360 img{
width: 50px;
margin-right: 20px;
}
	
.slider_image {
	opacity: 0;
	visibility: hidden;
}

.active{
	opacity: 1!important;
	visibility: visible!important;
}

.SVGrotateLinks {cursor: pointer;}
.SVGrotateLinks image {opacity: 0.6}
.SVGrotateLinks image:hover{opacity: 1;}
	
figure {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
	
figure svg { 
	padding-bottom: 0px;
}

.svg-container {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 62%;
	vertical-align: middle;
	margin: 0;
	top: 0;
}
	
.mySVG {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  { 
	 .mySVG {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
	}

}

 .ie9 .mySVG {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;		
}

.zoom-wrapper {
display: block; 
width: 70%; 
height: 85%; 
bottom: 119px; 
position: absolute;
}


@media screen and (max-width: 1200px)  { 
	.zoom-wrapper { 
		height: 75%; 
	}
}

.accordion ul {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
}

#galleryContent {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
height: 100%;
min-height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-ms-flex-pack: center;
-ms-box-orient: horizontal;
}


#keyLegend {
display: block;
position: absolute;
top: 50%;
margin-top: -260px;
right: 40px;
width: 140px;
}

/* JT: New class 03/17/2015 */
p.caution-header {
    color: rgb(255, 200, 34);
    font-size: 13px;
    line-height: 22px;
    font-family: Arial, sans-serif;
    margin: 0px 20px 0px 0px;
    padding:0 15px 20px 15px;
    text-transform: uppercase;
}
p.caution-header i {
    font-size: 16px;
}
ul.ul-left {
    margin-left: 0px;
    padding-left: 0px;
}
p.margin-fix {
  margin: 15px 20px 20px 14px;
}
.content-left {
    padding-left:0px !important; 
}
.accordion-top {
    margin-top:0px !important;
}
.noIcon {
  margin: 0;
  padding: 5px 0px 0px 19px!important;
}
.iconReplace {
  width: 20px;
  padding: 5px;
  margin: -2px 0px 0px -10px;
}
.imageIcon {
  padding: 0.3em 22px!important;
}

h4.equipName {
	margin: 3px 0px -12px 15px;
  padding: 0;
  border: none;
  font-size: 18px;
  color: #939393;
}

.mistakeTitle {
  font-size: 19px;
  border: none;
  margin: 0;
  padding: 15px 10px 5px 20px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: bold;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
  font-family: Tradegothic, Arial, sans-serif;
  font-weight: normal;
  }
  
 .whatToDoTitle {
  font-size: 19px;
  border: none;
  margin: 0;
  padding: 0px 10px 5px 20px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: bold;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
  font-family: Tradegothic, Arial, sans-serif;
  font-weight: normal;
  }
  
.whatToDoContent {
  padding: 0.5em 2em 20px 23px;
   margin: 0em;
  font-size: 15px;
  line-height: 22px;
  color: rgb(255, 255, 255);
  font-family: Arial, sans-serif;
  margin-left: 22px;
  }
.mistakeContent{
  padding: 0.5em 2em 5px 23px;
   margin: 0em;
  font-size: 15px;
  line-height: 22px;
  color: rgb(255, 255, 255);
  font-family: Arial, sans-serif;
  margin-left: 22px;
  }
  
  .dividerLine {
    height: 1px;
  color: white;
  width: 60%;
  margin: 3px 0px 3px 20px;
  padding: 0;
  border: none;
  background: rgb(51, 51, 51);
}

.infoHoverItem, .infoHoverItem2, .infoHoverItem3 { cursor: pointer;}


/** Dot Animations **/

		
              .cn-nav a.cn-nav-prev span{
				background: #fff;    
				width: 30px;
				height: 30px;
				margin: -15px 0 0 -15px;
            }
            .cn-nav a.cn-nav-next span{
				background: #fff;    
				width: 30px;
				height: 30px;
				margin: -15px 0 0 -15px;
            }    
		
            
			#openHouseDOT1, #openHouseDOT2 {
				background: #339966;
				border-radius:10px;
				position: absolute;
				top: 0px;
				height: 20px;
				width: 20px;
			}		
			#openHouseDOT1 img, #openHouseDOT2 img, #projectStartDOT img {
				border: 0;
			}
			
			#openHouseDOT1:before, #openHouseDOT2:before {
				content: '';
				height: 20px;
				width: 1px;
				display: block;
				margin: 0;
				padding: 0;
				position: absolute;
				background: #737373;
				top: 20px;
				left: 10px;
			}
                    
        	.dot {
                position: absolute;
                height: 60px;
        		width: 60px;
        		top: 15px;
        		left: 14px;
        		opacity: 1;
        		border: 10px solid rgba(255,255,255,1);
        		background: transparent;
        		-webkit-border-radius: 60px;
        		-moz-border-radius: 60px;
        		border-radius: 60px;
        	}
        
            .cn-nav > a{
				position: absolute;
				top: 0px;
				height: 70px;
				width: 70px;
            }
			a.cn-nav-prev{
				left: 19px;
				top: -30px;		
            }    
          	
			/* Swap Images */
			a.cn-nav-house, a.cn-nav-water, a.cn-nav-road, a.cn-nav-sim{
				left: 19px;
				top: 20px;
            }

			.cn-nav a.cn-nav-house span{
				background: #339966 url(../PC400/iTimer.png) no-repeat center center;
			}

			
            a.cn-nav-sim{
				z-index: 999999!important;
			}
            .label-text  {
				font-family: 'NovecentowideUltraLightBold', sans-serif;
                left: -50px;
                top: 65px;
                position: absolute;
                text-align: center;
                color: #fff;
                font-size: 36px;
                display: none;
                z-index: 11;
                text-decoration: none;
                white-space: nowrap;
                text-shadow: 0 0 10px #fff;
            } 

			.insideHeading-text {
				font-family: 'NovecentowideUltraLightBold', sans-serif;;
                left: -190px;
                top: -280px;
                position: absolute;
                text-align: left;
                color: #fff;
                font-size: 60px;
                opacity: 0;
                z-index: 11;
                width: 510px;
                text-decoration: none;
                text-shadow: 0 0 10px #fff;
            }
			.inside-text {
				font-family: 'Arial', sans-serif;
                   left: -190px;
                top: -180px;
                position: absolute;
                text-align: left;
                color: #fff;
                font-size: 35px;
                opacity: 0;
                z-index: 11;
                width: 540px;
                text-decoration: none;
                text-shadow: 0 0 10px #fff;
            }

            a.cn-nav-next{
				right: 19px;
				top: -30px;
            }
            .cn-nav a span{
				width: 70px;
				height: 70px;
				display: block;
				text-indent: -9000px;
				-moz-border-radius: 35px;
				-webkit-border-radius: 35px;
				border-radius: 35px;
				cursor: pointer;
				opacity: 0.9;
				position: absolute;
				top: 50%;
				left: 50%;
				background-size: 17px 25px;
				margin: -35px 0 0 -35px;
			} 

			.cn-nav a div{
				width: 0px;
				height: 0px;
				position: absolute;
				top: 50%;
				left: 50%;
				overflow: hidden;
				background-size: 100% 100%;
				background-position: center center;
				background-repeat: no-repeat;
				margin: 0px;
				border: 2px solid #fff;
			}