/* Add here all your CSS customizations */

/* ======INTERACTTIVES =============*/

.mfp-close-btn-in .mfp-close {
    color: #FFF;
}

/*--------for IED -----------------*/
.blast {
	position:absolute;
}

.pipe {
	top: 62%;
	left: 45%;
}

.bag {
	top: 50%;
	right: 30%;
}

.vest {
	top: 22%;
	right: 11%;
}

.car {
	width: 45%;
	top: 1%;
	right: 35%;
}



#city {
	margin: auto 0;
min-width: 250px;
height: auto;
display: block;
transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;

}


/* ===== INTERACTIVE POP UPS ============= */
#pipePopup {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: none;
	width: 320px;
	background-color: rgba(0,0,0,.7);
	padding: 10px;
	margin-left: auto;
	color: rgb(255,255,255);
	border: 1px solid rgba(255,255,255,.25);
}

#vestPopup {
	position: absolute;
	top: 25%;
	right: 5%;
	z-index: 2;
	display: none;
	width: 320px;
	background-color: rgba(0,0,0,.7);
	padding: 10px;	
	color: rgb(255,255,255);
	border: 1px solid rgba(255,255,255,.25);
}

#carPopup {
	position: absolute;
	top: 25%;
	z-index: 2;
	display: none;
	width: 320px;
	background-color: rgba(0,0,0,.7);
	padding: 10px;
	color: rgb(255,255,255);
	border: 1px solid rgba(255,255,255,.25);
}

/*====================================================*/

#pipeCaro {

	z-index: 2;
	display: block;
	width: 320px;
	margin: 0 auto;
	background-color: rgba(231,77,33,1);
	padding: 20px;
	border: 1px solid rgba(255,255,255,.25);
	color: rgb(255,255,255);
}

#vestCaro {
	z-index: 2;
	display: block;
	width: 320px;
	margin: 0 auto;
	background-color: rgba(231,77,33,1);
	padding: 20px;
	border: 1px solid rgba(255,255,255,.25);	
	color: rgb(255,255,255);
}

#carCaro {
	z-index: 2;
	display: block;;
	width: 320px;
	margin: 0 auto;
	background-color: rgba(231,77,33,1);
	padding: 20px;
	border: 1px solid rgba(255,255,255,.25);
	color: rgb(255,255,255);
}

div.page-top.handling {
	background-image: url(../img/handling.jpg);
	background-repeat: repeat;
	background-color: #999;
	border-top: 5px solid #888;
	height: 500px;
}

header nav ul.nav-main ul.dropdown-menu {
    border: 0px none;
    border-radius: 0px 6px 6px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
    margin: 1px 0px 0px 3px;
    padding: 0px;
    top: auto;
}

div.two-column {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

div.three-column {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

div.four-column {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

div.striped-bar {	
   color: gray;
   font-size: .75em;
}

p.intro:first-letter {
	font-size: 300%;
	color: #f15a22;
	font-weight: bold;
	float: left;
	width: 1em;
	text-transform: uppercase
}

p.call-out {
	text-transform: uppercase;
	font-style:italic;
}

.collapseonScroll {
	display:none
}

.shadow {
	padding: 5em;
	padding-top: 2.5em;
    
}

.reference {
	background-color:#f78f1e;
	box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.15);
}

.wmd {
	background-color:#404041;
	box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.15);
}

.square {
    list-style-type: square;
}

.square-list {
	padding-top: 30px;
    list-style-type: square;
	color: black;
}

ul > ol > li {
 color: #000000;	
}

.center-image {
 margin: 0 auto;	
}

.dropcap {
	font-size: 300%;
	color: #f78f1E;
	font-weight: bold;
	float: left;
	line-height: .5;
	text-transform: uppercase;
	padding-right: 5px;
	margin-top: 10px;
	font-family: "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.formal {
  font-family: Times, "Times New Roman", serif;
  color:rgba(133,133,133,1.00);
  letter-spacing: .3em;	
  text-align: center;
  font-size: 1em;
}

.gray-block {
 text-transform: uppercase;
 color:rgba(124,125,126,1.00);
 letter-spacing: .05em;
 line-height: 1.5em;
 font-size: 1.1em;
 font-weight: 400;
 margin: 0px 0px 14px;
 padding-left: 15px;
}

.arrows {
	padding: 0px;
}

.fbi-seal {
 float: right;
 padding-left: 1em;	
}

.group-name {
 letter-spacing: .02em;
 font-size: 1.3em;	
 color: #656565;
 padding-left: 15px;

}

h3.push-top {
 margin-bottom: 0px;	
}

h4.push-top {
 margin-top: 2.5em;
 font-style: normal;
 margin-bottom: 0px;
 color: #FFFFFF;
}

h4.push-top.ftos {
 color: #656565;
 font-size: 1.5em;
}

div.featured-box div.box-content.fto {
  padding: 0px 0px 0px;
}

.split {
  background-color:#e74d21;
}

/*.buildings {
  background: transparent url(../img/cityscape.png) no-repeat 0 0;
  height: 435px;	 
}*/

.device {
 font-weight: 700;
 font-style:normal;
 text-transform:uppercase;
 margin-bottom: 0px;
 border-bottom: 1px solid #FFFFFF;
 margin-left: 6em;
}
.standoff-table {
 background-color: #e74d21;
 padding-top: 8em;
 padding-left: 2em;
 padding-right: 2em;
 padding-bottom: 2em;	
}

.image-standoff {
 float: left;
 padding-right: 1em;
 position: relative;
 display: inline-block;
 margin-bottom: 30px;
}

p.mandatory {
 font-weight: 100;
 font-style: normal;
 font-size: 1em;
 margin-top: 0em;	
}

.preferred {
 color: #FFFFFF;
}

.risk {
 float: right;
 color: #FFFFFF;
 font-weight: 300;
 margin: 0;
 font-style: italic;
 display: inline;
 width: 25%;
 font-size: 1em;
}

.leftalign {
 padding-right: 1.em;
}

.city {
 margin-bottom: -8em;	
}

.owl-carousel .owl-wrapper-outer {
    margin-top: 30px;
}

.owl-theme .owl-controls .owl-page span {
	margin-top: -1em;
	margin-left: .5em;
	margin-right: .5em;
	background: #2D2D2D none repeat scroll 0% 0%;
}

.popupTitle {
 color: #FFFFFF;
 font-size: 1.5em;
 font-weight: 800;	
 margin-bottom: 10px;
}

.normal {
  font-style: normal;
  font-size: .9em;
  font-weight: 200;
  text-align:center;
  padding: .5em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 2px solid #FFFFFF;
}

/* TABLE - EXPLOSIVES */

table {
 margin-top: 1em;	
}
.table-caption {
 color: #FFFFFF;
 text-align: left;
 margin-top: 1em;
 line-height: 1.65em;
 position: relative;
 z-index: 98;
 padding: 15px;	
}

.threat-header {
 background-color: #e74d21;
 color: #FFFFFF;
 padding: 1em;
 text-align: center;
 border-bottom: 2px solid #FFFFFF;
 font-style: normal;	
}

.threat-header-ox {
 background-color: #ffd800;
 color: #000000;
 padding: 1em;
 text-align: center;
 border-bottom: 2px solid #FFFFFF;
 font-style: normal;	
}

.threat-header-lb {
 background-color: #48A4C6;
 color: #FFFFFF;
 padding: 1em;
 text-align: center;
 border-bottom: 2px solid #FFFFFF;
 font-style: normal;
 font-weight: 800;	
}


.threat {
 background-color: #000000;
 color: #FFFFFF;
 text-align: center;
 padding: 2em;
 font-style: normal;
 border-bottom: 2px solid #FFFFFF;	
}

.threat-class {
  background-color: #fdc388;
  text-align: center;
  font-weight: 200;
  padding: 1em;
  border-bottom: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  font-style: normal;
  font-size: .9em;
}

.threat-class-nb {
  background-color: #fdc388;
  text-align: center;
  font-weight: 200;
  padding: 1em;
  font-style: normal;
  font-size: .9em;
}

.threat-class-bt {
  background-color: #fdc388;
  text-align: center;
  font-weight: 200;
  padding: 1em;
  font-style: normal;
  font-size: .9em;
  border-bottom: 2px solid #FFFFFF;
}

/* WMD TABLE */

.molecules {
 background-image:url("../img/vx-molecule.png");
 opacity: 30%;
}

.table-header {
 background-color: #FFFFFF;
 padding: 5px;
 color: #000000;
 text-transform: uppercase;
 letter-spacing: .03em;
 font-size:18pt;
 font-weight: 600;
 text-align: center;	
}

.agent-header {
 background-color: #ffd800;
 color: #000000;
 padding: 1em;
 text-align: center;
 border-bottom: 2px solid #FFFFFF;
 font-style: normal;	
}

.agent-header-ox {
 background-color: #ffd800;
 color: #000000;
 padding: 1em;
 text-align: center;
 border-bottom: 2px solid #FFFFFF;
 font-style: normal;	
}

.agent-header-lb {
 background-color: #ffd800;
 color: #000000;
 padding: 1em;
 text-align: center;
 border-bottom: 2px solid #FFFFFF;
 font-style: normal;
 font-weight: 800;	
}

.agent{
 color: #ffd800;
 font-weight: 700;	
}

.agent-type{
 color: #ffffff;
 font-weight: 300;
 display: block;	
}

.symptoms {
 font-style: italic;
 font-weight: 100;
 color: #FFFFFF;
 text-align: left;	
}

.agent-class {
  background-color: #58585a;
  text-align: center;
  font-weight: 200;
  padding: 1em;
  border-bottom: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  font-style: normal;
  font-size: .9em;
}

.agent-class-nb {
  background-color: #58585a;
  text-align: center;
  font-weight: 200;
  padding: 1em;
  font-style: normal;
  font-size: .9em;
}

.agent-class-bt {
  background-color: #58585a;
  text-align: center;
  font-weight: 200;
  padding: 1em;
  font-style: normal;
  font-size: .9em;
  border-bottom: 2px solid #FFFFFF;
}

.leftalign {
  text-align: left;
  vertical-align: text-top;
  padding-left: 1em;
}

.normal-white {
  background-color: #FFFFFF;
  font-style: normal;
  font-size: .9em;
  font-weight: 200;
  text-align:center;
  padding: .5em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 2px solid #FFFFFF;
}

.bodytext {
    font-style: normal;
    font-size: 1em;
    font-weight: 200;
    padding: 1em;
	color: #000000;
}

div.row-pipe {
 background-image:url(../img/interactive/threat-icon-pipe.png) no-repeat right top;
}

.footnote {
 background-color: #000000;
 color: #FFFFFF;
 font-size: .6em;
 text-align:center;
 padding-left: .5em;
 padding-right: .5em;
 padding-top: .2em;
 padding-bottom: .2em;	
 display: inline;
 margin: .3em;
}

.footnote-red {
 background-color: #e74d21;
 color: #FFFFFF;
 font-size: .6em;
 text-align:center;
 padding-left: .5em;
 padding-right: .5em;
 padding-top: .2em;
 padding-bottom: .2em;	
 display: inline;
 margin: .3em;
}

.footnote-blue {
 background-color: #48A4C6;
 color: #FFFFFF;
 font-size: .6em;
 text-align:center;
 padding-left: .5em;
 padding-right: .5em;
 padding-top: .2em;
 padding-bottom: .2em;	
 display: inline;
 margin: .3em;
}

.footnote-white {
 background-color: #FFFFFF;
 color: #000000;
 font-size: .6em;
 text-align:center;
 padding-left: .5em;
 padding-right: .5em;
 padding-top: .2em;
 padding-bottom: .2em;	
 display: inline;
 margin: .3em;
}

.bluebody {
 margin-top: 2em;
 margin-bottom: 2em;	
}

.sign {
 position: relative;
 float: right;
 display: inline;
 margin: 2em;
 padding-top: .2em;
 padding-bottom: 2em;
 bottom: 0;	
}

.radioactive {
 margin-top: -22em;	
}

.padding-top {
 padding-top: 3em;	
}
.white-highlight {
 background-color: #FFFFFF;
 color: #000000;
 padding: 5px;
 text-align: center;
 width: auto;	
}

mark {
 background-color: #FFFFFF;
 color: #000000;
 padding: .2em;
 text-align: center;
 line-height: 2em;
}

.reverse {
 color: #FFFFFF;
 font-weight: 800;	
}

hr.reverse {
 background-color: #ffffff;
}

.blends {
 margin-left: .4em;
 display:inline-block;	
}

.table-rule {
	border: 0;
    border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
}

.list-table {
  margin-bottom: .2em;	
  padding-top: 0;
  margin-top: 1em;
  margin-left: -1.5em;
}
/* BOMBINGS */

.blast-image {
 z-index: 1;
 position: relative;
 text-align:center;
 margin-bottom: -45px;
}

.blast-event {
 position: relative;
 background-color: #ffd800;
 padding: .7em;
 color: #e74d21;
 font-weight: 400;
 font-style: normal;
 width: 9em;
 margin: 0 auto;
 font-size: 1.2em;
 letter-spacing: .05em;
 z-index: 3;
 top: 150px;
 bottom: 0;
}

.black {
 position: relative;
 background-color: #000000;
 color: #FFFFFF;	
 width: 11em;
 margin: 0 auto;
 margin-top: 0;
 top: 140px;
 padding: .5em;
 font-style: normal;
 font-weight: 200;
 font-size: 1em;
 text-align: center;
 z-index: 6;
}

.toggle-content {
 display: block;
 padding-top: 0em;
 padding-bottom: .5em;
 padding-right: 1.5em;
 padding-left: 1.5em;
 font-style: normal;
 font-weight: 300;
}

.toggle-content > p {
	margin: 0;
}

.toggle-content > ul > li {
 color: #000000;
 margin-top: 1em;
 margin-bottom: .6em;
 padding-top: 15px;
}

.toggle-content > ul > li.square-white {
 color: #FFFFFF;
 margin-bottom: 1em;
}

.factors {
 position: relative;
 background-color: #ffd800;
 border: 4px solid #e74d21;
 padding: .4em;
 color: 000000;
 font-weight: 600;
 font-style: normal;
 display: block;
 width: 200px;
 top: -30px;
 margin-bottom: 15px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2em;
 z-index: 2;
}

.factors-long {
 position: relative;
 background-color: #ffd800;
 border: 4px solid #e74d21;
 padding: .4em;
 color: 000000;
 font-weight: 600;
 font-style: normal;
 display: block;
 width: 300px;
 top: -30px;
 margin-bottom: 15px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2em;
 z-index: 2;
}

.factors-stack {
 position: relative;
 background-color: #ffd800;
 border: 4px solid #e74d21;
 padding: .4em;
 color: 000000;
 font-weight: 600;
 font-style: normal;
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2em;
 z-index: 2;
 width: 250px;
}

.stack-container {
 margin-bottom: 25px;	
}

.red-rule {
 background-color: #e74d21;
 height: 4px;
 vertical-align: middle;	
 margin-top: 25px;
 position: relative;
 clear: left;
}

.block {
 display: block;
 margin-top: 10px;
 margin-bottom: 10px;
 list-style-type:square;
}

.block-stack {
 display: block;
 /*overflow:auto !important;*/
 padding-top: 55px;
}

.outside-box {
    position: absolute;
    border-left: 10px solid #FFD800;
    border-bottom: 10px solid #FFD800;
    padding-left: 10%;
    padding-top: 270px;
    width: 100px;
}

.inside-box {
    border-left: 10px solid #FFD800;
    border-bottom: 10px solid #FFD800;
    height: 50%;
    position: absolute;
    top: 0px;
	width: 80%;
}

.black-box {
 padding: 3em;
 border: 4px solid black;
 font-weight: 500;
 line-spacing: .4em;
 text-align: center;
 margin-top: 1em;	
}

.copyright-l {
 text-transform: uppercase;
 color: #FFFFFF;
 font-weight: 200;
 line-height: 1em;
 font-size: .9em;
 text-align: left;
 float: left;
 padding-top: 1em;
 display: inline-block;
 position: relative;
 margin: auto 0;	
}

.continue-lm{
 border-left: 10px solid #ffd800;
 margin-top: 0;	
}

.continue-m{
 border-left: 10px solid #ffd800;
 margin-top: 0;
}

.continue-r{
 border-right: 10px solid #ffd800;
 margin-top: 0;
 padding-right: 15px;
}

.arrowhead-y {
 position: absolute;
 bottom: -7px; 
 display: block;
 left: 0;
 margin-left: -17px;
}

.arrowhead-c {
 position: absolute;
 bottom: -7px;
 left: 48.6%;
}

.arrowhead {
 position: absolute;
 bottom: -7px;
 left: 49.1%;
}

.arrowhead-full {
 position: absolute;
 bottom: -7px;
 left: 50%;
 z-index: 1
}

.arrowhead-r {
 position: absolute;
 bottom: -7px;
 right: -3px;
 margin-right: -15px;
}

.arrowhead-y-r {
    position: absolute;
    bottom: -27px;
    right: -6px;
    height: 45px;
}

.arrowhead-mid {
    bottom: -10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 0;
}

.arrowhead-c-bottom {
    position: relative;
    left: 50%;
    text-align: center;
    margin-left: -17px;
}

.arrowhead-mid-stack {
    position: relative;
    bottom: -39px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    left: 5px;
}

.arrowhead-top {
 position: relative;
 display: block;
 margin-left: auto;
 margin-right: auto;
 bottom: 10px;
 left: 5px;

}

.arrowhead-c-mid {
 position: absolute;
 bottom: 44%;
 text-align: center;
 margin-left: -65px;
/* z-index: 1;*/
}

.arrowhead-c-mid-offset {
 position: absolute;
 bottom: 38%;
 text-align: center;
 margin-left: -33px;
/* z-index: 1;*/
}

.arrowhead-y-double {
 position: absolute;
 left: 2px;
 bottom: -5px;
}

.arrowhead-r-double {
 position: absolute;
 left: -28px;
 bottom: -5px;
}

.toggle-list ul li {
 color: #000000;	
 float: left;
 break-inside: avoid-column;
 display: block;
 list-style-type:square;
}

.toggle-list ul li.square {
 z-index: 2;
 position: relative;
 padding-top: 20px;
 padding-bottom: 45px;
 color: #000000;
}

.para-left{
 float: left;
 padding-left: 2em;
 width: 50%;
 margin-bottom: 15px;
 padding-bottom: 15px;
 padding-top: 25px;	
}

.flex {
 display: flex;	
}

.para-full{
 float: left;
 width: 100%;
 padding-top: 45px;	
 vertical-align: middle;
 z-index: 3;
 position: relative;
 display: block;
 color: #000000;
}

.para-full ul li{
 color: black;
 list-style:square;
 padding-right: 4em;
}

.para-left ul li {
 color: black;
 list-style:square;
 padding-right: 4em;
 padding-top: 2em;	
}

.fullwidth {
 width: 100%;
 z-index: 55;
 position: relative;
 display: block;	
}

.para-right{
 float: left;
 padding: 5px;
 width: 50%;
 margin-bottom: 15px;
 border-left: 12px solid #ffd800;
 padding-left: 2em;
 padding-bottom: 15px;	
 padding-top: 30px;
}

.para-right ul li {
 color: black;
 list-style:square;
 padding-right: 4em;
 padding-top: 2em;	
}

.no-continue{
 border-left: 0px solid transparent;
}

.para-left.continue-red {
 position: relative;
 border-left: 0px solid transparent;
 border-right: 10px solid #e74d21;
 padding-right: 10px;
 padding-bottom: 100%;
 margin-bottom: -100%;
 display: inline-block;
 width: 49%;
 margin-right: 1%;
 z-index: 1;
}

.para-right.continue-yellow {
 position: relative;
 border-left: 0px solid transparent;
 border-left: 10px solid #ffd800;
 padding-right: 10px;
 padding-left: 0;
 padding-bottom: 100%;
 margin-bottom: -100%;
 display: inline-block;
 width: 49%;
 margin-left: 1%;
 z-index: 1;
}

.bullet-text ul li {
 color: black;
 list-style:square;
 padding-right: 2em;
 padding-top: 1.5em;	
}

.double-line {
 border-left: solid 10px #e74d21;
 border-right: solid 10px #ffd800;
 width: 15px;
 position: relative;
 align-items: stretch;
 left: 50%;
 padding: 10px;
}

.td-container {
 overflow: hidden;	
}

.td-text {
 margin-top: 3em;
 margin-bottom: 5px;	
}


.yellow-bar {
 background-image:url(../img/yellow-bar-y.png);	
 background-repeat: repeat-y;
 background-position: center;
 display: block;
 width: 10px;
 position: absolute;
 overflow:hidden;
 height: 40%;
 left: 50%;
 z-index: 1;
}

.yellow-bar-short {
    background-image: url("../img/yellow-bar-y.png");
    background-repeat: repeat-y;
    background-position: center center;
    display: block;
    width: 10px;
    position: absolute;
    overflow: hidden;
    height: 20%;
    left: 50%;
    z-index: 1;
}

.yellow-bar-full {
 background-image:url(../img/yellow-bar-y.png);	
 background-repeat: repeat-y;
 background-position: center;
 display: block;
 width: 10px;
 position: absolute;
 height: 89%;
 left: 50%;
 z-index: 1;
}

.yellow-bar-top {
 background-image:url(../img/yellow-bar-y.png);	
 background-repeat: repeat-y;
 background-position: center;
 display: block;
 width: 10px;
 position: absolute;
 height: 400px;
 left: 50%;
 margin-top: -20%;
 z-index: 1;
}

.no {
    background-color: #FFD800;
    color: #E74D21;
    font-weight: 300;
    font-size: 24px;
    font-stretch: condensed;
    font-style: normal;
    z-index: 2;
    padding: 0.4em;
    margin-top: 20px;
    width: 60px;
    position: absolute;
    left: 0px;
}

.yes {
 position: absolute;
 background-color: #ffd800;
 padding: .4em;
 color: #e74d21;
 font-weight: 300;
 font-size: 24px;
 font-stretch:condensed;
 font-style: normal;
 width: 60px;
 margin-top: -20px;
 right: 0;
 z-index: 2;
}

.row {
    margin-right: 7px;
    margin-left: 7px;
}

.spacer  {
display:inline-block;
width: 23em;	
}

.padding-bottom {
 padding-bottom: 35px;
}

h2.reverse {
 width: 85%;	
}

h4.pull-quote{
 padding: 15px;	
}

.bottom-rule {
  border-bottom: 2px solid white;
  padding: 1em;
  text-align: left;
}

.icon-bars, .icon-times {
    position: absolute;
    top: 5px;
    left: 8px;
	visibility: visible;
	transition: .1s visibility ease-in;
	font-size:1.5em;
}

.icon-hide {
 visibility: hidden;	
}

.black-screen {
 position: fixed;
 background-color: rgba(0,0,0,.90);
 top: 0;
 left:0;
 height: 100%;
 width: 100%;
 z-index: 99;
 display:block;	
}

.black-screen.hide {
  display:none;	
}


header nav ul.nav-main ul.dropdown-menu > li > a {
    white-space: normal;
    width: 300px;
}

.skip, .skip:hover {
 color:rgba(70,70,70,1.00);
 font-size: 8px;
 position:absolute;
 top: 0;
 left: 0;	
}

div.slider-container div.bottom-label {
    color: #ccc;
    font-size: 20px;
    font-weight: 600;
	font-style: italic;
	font-size:20px;
}

:target:before {
 display: block;
 content: " ";
 margin-top: -100px;
 height: 100px;
 visibility: hidden;	
}

div.threat-icon {
 display: block;
 position: absolute;
 right: 5px;
 z-index: 5;
 top: 20px;	
}

td.normal p{
  z-index: 15;
  position: relative;

}

td.normal {
 position: relative;
 padding: 10px;
}

.seals {
	position: relative;
    left: 50%;
	display: block;
	float: left;
	padding-top: 30px;
	padding-right: 15px;

}

.all-seals {
 float: right;
 position: relative;
 left: -50%;	
}

.subhead-h4 {
 font-size: 16px;
 font-weight: 200;
 font-style: italic;
 text-transform: uppercase;
 color: #FFFFFF;	
}

.col {
 display: inline;
 margin: 20px;
 padding-bottom: 15px;
}

.col.str {
 display: block;	
}

.item {
display: block;	
padding-bottom: 25px;
padding-top: 25px;
border-bottom: 1px solid #000000;
}

.float-middle {	
 display: block;
 padding: 10px;
 margin-right: 25px;
 background-color: black;
 text-align: center;
 margin-top: -12px;
 position: relative;
 	text-decoration:none;
}

.float-middle:hover {
	background-color: #333333;
}

.cbox {
 padding-left: 10em;
 padding-right: 10em;	
}

input[type="radio"] {
 -moz-transform: scale(0);
 -moz-appearance: none;
 font-family: 'FontAwesome';
 position: relative;
 display: inline;
 bottom: 10px;
 margin-left: 15px;
}

/*CHECKBOX!!!! */
    .custom-checkbox > [type="checkbox"],
    .custom-checkbox > label{
        margin-bottom:0px !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    /*.custom-checkbox > [type="checkbox"]:not(:checked),
    .custom-checkbox > [type="checkbox"]:checked {
        position: absolute;
        left: -9999px;
    }*/
    .custom-checkbox > [type="checkbox"]:not(:checked) + label,
    .custom-checkbox > [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
    }
    .custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
    .custom-checkbox > [type="checkbox"]:checked + label:before {
        content: '';
        position: absolute;
        left:0; 
        top: 50%;
        margin-top:-30px;
		margin-left: -28px;
        width: 40px; 
        height: 40px;
        border: 1px solid #ddd;
        background: #ffffff;
        border-radius: 2px;
    }
    .custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
    .custom-checkbox > [type="checkbox"]:checked + label:after {
        font: normal normal normal 12px/1 'FontAwesome';
        content: '\f00c';
        position: absolute;
        top: 50%;
        margin-top:-15px;
        left: -14px;
        color: #F78F1E;
        xtransition: all .2s;
    }

    .custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0);
    }
    .custom-checkbox > [type="checkbox"]:checked + label:after {
        opacity: 1;
        transform: scale(2.5);
    }

    .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after,
    .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {
        content: '\2212';
        left: 2px;
        opacity: 1;
        transform: scale(1);
    }

    .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
    .custom-checkbox > [type="checkbox"]:disabled:checked + label:before {
        box-shadow: none;
        background-color: #eeeeee;
        border-color: #eeeeee;
        cursor: not-allowed;
        opacity: 1;
        color: #dadada;
    }
    .custom-checkbox > [type="checkbox"]:disabled:checked + label:after {
      color: #dadada; cursor: not-allowed;
    }
    .custom-checkbox > [type="checkbox"]:disabled + label {
      color: #aaa; cursor: not-allowed;
    }
    .custom-checkbox > [type="checkbox"]:checked:focus + label:before,
    .custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {
        border: 1px solid #c8c8c8;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 184, 184, 0.5);
    }
    .custom-checkbox > label:hover:before {
        border: 1px solid #F78F1E !important;
    }
    .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
    .custom-checkbox > [type="checkbox"]:disabled:checked + label:hover:before{
        border: 1px solid #E4E4E4 !important;
    }
	
/*RADIO!!!! */
.custom-radio > [type="radio"],
.custom-radio > label{
	margin-bottom:0px !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*.custom-radio > [type="radio"]:not(:checked),
.custom-radio > [type="radio"]:checked {
	position: absolute;
	left: -9999px;
}*/
.custom-radio > [type="radio"]:not(:checked) + label,
.custom-radio > [type="radio"]:checked + label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}
.custom-radio > [type="radio"]:not(:checked) + label:before,
.custom-radio > [type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left:0; 
	top: 50%;
	margin-top:-30px;
	margin-left: -28px;
	width: 40px; 
	height: 40px;
	border: 1px solid #ddd;
	background: #ffffff;
	border-radius: 2px;
}
.custom-radio > [type="radio"]:not(:checked) + label:after,
.custom-radio > [type="radio"]:checked + label:after {
	font: normal normal normal 12px/1 'FontAwesome';
	content: '\f00c';
	position: absolute;
	top: 50%;
	margin-top:-15px;
	left: -14px;
	color: #F78F1E;
	xtransition: all .2s;
}

.custom-radio > [type="radio"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
.custom-radio > [type="radio"]:checked + label:after {
	opacity: 1;
	transform: scale(2.5);
}

.custom-radio > [type="radio"][data-indeterminate] + label:after,
.custom-radio > [type="radio"][data-indeterminate] + label:after {
	content: '\2212';
	left: 2px;
	opacity: 1;
	transform: scale(1);
}

.custom-radio > [type="radio"]:disabled:not(:checked) + label:before,
.custom-radio > [type="radio"]:disabled:checked + label:before {
	box-shadow: none;
	background-color: #eeeeee;
	border-color: #eeeeee;
	cursor: not-allowed;
	opacity: 1;
	color: #dadada;
}
.custom-radio > [type="radio"]:disabled:checked + label:after {
  color: #dadada; cursor: not-allowed;
}
.custom-radio > [type="radio"]:disabled + label {
  color: #aaa; cursor: not-allowed;
}
.custom-radio > [type="radio"]:checked:focus + label:before,
.custom-radio > [type="radio"]:not(:checked):focus + label:before {
	border: 1px solid #c8c8c8;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 184, 184, 0.5);
}
.custom-radio > label:hover:before {
	border: 1px solid #F78F1E !important;
}
.custom-radio > [type="radio"]:disabled:not(:checked) + label:hover:before,
.custom-radio > [type="radio"]:disabled:checked + label:hover:before{
	border: 1px solid #E4E4E4 !important;
}

.caption-sm {
 font-size: 12px;
 font-style:italic;
 color:rgba(110,110,110,1.00);
 padding-left: 15px;
}



#barricade, #otherNotes {
width: 100%;
height: 150px;	
}

legend {
margin-bottom: 10px;	
}

.labelText.notes {
margin-bottom: -10px;	
}