/* Master stylesheet for the Spensa marketing website
   These rules modify the base Bootstrap presentation
   
	1. Preliminaries
	2. HTML elements
	3. Structural segments: Main Page
		3a. Nav
		3b. Carousel
		3c. Sections
		3d. Welcome section
		3e. Software section
		3f. Hardware section
		3g. Insights section
		3h. Team section
		3i. Contact section
		3j. News section
		3z. Footer
	4. Structural segments: OpenScout
	5. Structural segments: OpenScout Insights
	6. Structural segments: Careers
	7. Structural segments: Legal
	8. Structural segments: Landing
	9. Utility classes
	10. Media overrides
	11. Browser overrides
	12. Animation
	13. Ad hocs
*/



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 1. PRELIMINARIES */
@font-face {
    font-family: "Gotham_LightRegular";
    src: url("../fonts/gotham/gotham-light-webfont.eot");
    src: url("../fonts/gotham/gotham-light-webfont.eot#iefix") format("embedded-opentype"),
         url("../fonts/gotham/gotham-light-webfont.woff") format("woff2"),
         url("../fonts/gotham/gotham-light-webfont.woff") format("woff"),
         url("../fonts/gotham/gotham-light-webfont.ttf") format("truetype"),
         url("../fonts/gotham/gotham-light-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Gotham_BoldRegular";
    src: url("../fonts/gotham/gotham-bold-webfont.eot");
    src: url("../fonts/gotham/gotham-bold-webfont.eot#iefix") format("embedded-opentype"),
         url("../fonts/gotham/gotham-bold-webfont.woff") format("woff2"),
         url("../fonts/gotham/gotham-bold-webfont.woff") format("woff"),
         url("../fonts/gotham/gotham-bold-webfont.ttf") format("truetype"),
         url("../fonts/gotham/gotham-bold-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 2. HTML ELEMENTS */

html {
	height: 100%;
	}
body {
	background: #fff;
	color: #303030;
	height: 100%;
	font-family: "Gotham_LightRegular", "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	min-width: 320px;
	overflow-x: hidden;
	padding: 0;
	text-align: left;
}
a {
	cursor: pointer;
	text-decoration: none;
	word-wrap: break-word;
}
a:hover {
	color: #10a9dc;
	text-decoration: none;
	cursor: pointer;
}
a:active {
	color: #f80;
}
a:focus {
	text-decoration: none;
}
abbr, acronym {
	border-bottom: 1px dotted #bbb;
	cursor: help;
}
address {
	font-style: normal;
}
b, strong {
	font-weight: bold;
}
div {
	margin: 0;
	padding: 0;
}
figure, img {
	border: 0;
	margin: 0;
	padding: 0;
}
form {
}
h1, h2 {
	text-transform: uppercase;
}
h1 {
	font-size: 45px;
}
h2 {
	font-size: 35px;
}
hr {
	background-color: #ddd;
	border: 0;
	height: 1px;
	margin: 25px 0;
}
body>hr {
	display: none;
}
img {
	border: 0;
    max-width: 100%;
}
input[type=text],
textarea {
	border: 0;
	border-radius: 4px;
	color: #333;
	display: block;
	font-size: 16px;
	margin: 0 25px 25px 0;
	padding: 11px 24px;
	width: 100%;
}
::-webkit-input-placeholder {
   color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
   color: #ccc;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;
}
:-ms-input-placeholder {
   color: #ccc;
}
mark {
	background: #ff0;
}
p {
	line-height: 1.8;
	margin-bottom: 25px;
	text-align: justify;
}
table {
	width: 100%;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 3. STRUCTURAL SEGMENTS: MAIN PAGE */

/* 3a. Top nav bar, containing the logo and navigational links */
/* Initial state at top */
body {
	margin-top: 0;
}
#nav {
	min-height: 70px;
	text-align: center;
	width: 100%;
	z-index: 300;
}
#nav .container-fluid {
	max-width: 1170px;
}
#navbar {
	box-shadow: none;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}
.navbar-header {
	position: relative;
}
.navbar-brand {
	background: url("../images/logos/spensaSimple.png") no-repeat;
	height: 70px !important;
	left: 0;
	margin-left: 0 !important;
	min-width: 175px;
	padding: 0;
	position: relative;
}
.navbar-brand span {
	visibility: hidden;
}
.navbar-default .navbar-nav {
	font-family: "Gotham_LightRegular", "Montserrat", sans-serif;
	font-size: 16px;
	padding: 10px 0;
	text-transform: uppercase;
	visibility: hidden;
}
.navbar-default .nav>li {
	position: static;
	text-align: center;
}
.navbar-default .nav>li>a,
.navbar-default .nav>li>a:focus {
	color: #000;
}
.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus:hover {
	color: #f16221;
}
.navbar-toggle {
	margin-top: 16px;
}
.navbar-default .nav>li>a,
.navbar-default .nav>li>a:focus {
	border: none;
	border-radius: 5px;
	padding: 13px 9px;
}
.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus:hover {
	color: #f16221;
}
/* State when scrolled down */
.navbar-default.affix {
	box-shadow: 0 2px 2px #999;
}
.navbar-default.affix {
	background-color: #fff;
	border-color: #e7e7e7;
	box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}
.navbar-default.affix .nav>li>a,
.navbar-default.affix .nav>li>a:focus {
	color: #3c1908;
}
.navbar-default.affix .nav>li>a:hover,
.navbar-default.affix .nav>li>a:focus:hover {
	color: #f16221;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: #f16221 !important;
	text-shadow: none;
}
.navbar-default.affix .navbar-brand {
	background-position: 0 -70px;
}
.navbar-default.affix .navbar-nav {
	visibility: visible;
}

.navbar-default.affix .nav>li>a.screamer {
	border: 2px solid #f16221;
	color: #f16221 !important;
	margin: 2px 20px 2px 10px;
	padding: 9px 12px;
	text-transform: capitalize;
}
.navbar-default.affix .nav>li>a.screamer:hover,
.navbar-default.affix .nav>li.active>a.screamer	{
	background-color: #f16221 !important;
	color: #fff !important;
}
@media screen and (max-width: 850px) {
	.navbar-default.affix .nav>li>a.screamer {
		border-color: transparent !important;
		color: #3c1908 !important;
		margin: 0;
		text-transform: uppercase;
	}
	.navbar-default.affix .nav>li>a.screamer:hover,
	.navbar-default.affix .nav>li.active>a.screamer	{
		background-color: transparent !important;
		color: #f16221 !important;
	}
}

.subnav {
	background: rgba(255,255,255,0.9);
	border-top: 1px solid #ccc;
	display: none;
	font-size: 14px;
	height: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 70px;
	transition: height 0.2s ease-in;
}
li.active .subnav {
	background: transparent url("../images/backgrounds/frost.png") top center repeat-x;
	box-shadow: 0 2px 2px #ccc, inset 0 3px 5px -5px rgba(0,0,0,0.9);
	display: block;
	height: 41px;
	transition: height 0.25s ease-in;
}
li.expandable.active:before,
li.expandable.active:after {
	bottom: -4px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
li.expandable.active:after {
	border-color: rgba(254,254,254,0);
	border-bottom-color: #fefefe;
	border-width: 13px;
	margin-left: -13px;
	margin-right: -13px;
}
li.expandable.active:before {
	border-color: rgba(170,170,170,0);
	border-bottom-color: #aaa;
	border-width: 14px;
	margin-left: -14px;
	margin-right: -14px;
}

.subnav ul {
	padding: 0;
	position: relative;
}
.subnav li {
	display: inline-block;
	list-style: none;
	margin: auto;
}
.subnav li a {
	color: #3c1908;
	display: inline-block;
	padding: 10px;
}
.subnav li:hover a,
.subnav li.active a {
	color: #f16221;
}

/* 3b. Standard "Slick" carousel */
.carousel .item {
	outline: 0;
}
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Dots */
.slick-dots {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #959595;
	border-radius: 12px;
    cursor: pointer;
	display: inline-block;
	height: 12px;
	width: 12px;
	margin: 0 5px;
	text-indent: -999px;
}
.slick-dots .slick-active {
	background-color: #959595;
	margin: 0 5px;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
/* Arrows */
.slick-prev,
.slick-next {
    background: transparent;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
	opacity: 0.05;
    outline: none;
	transition: opacity 0.5s;
	z-index: 50;
}
.slick-prev:hover,
.slick-next:hover {
	opacity: 1;
    outline: none;
	transition: opacity 0.5s;
}
.slick-prev {
	background: url("../images/icons/carouselPrev.png") no-repeat top center;
    left: 5px;
}
.slick-next {
	background: url("../images/icons/carouselNext.png") no-repeat top center;
    right: 5px;
}

/* 3c. Sections (in general) */
body>section {
	background-position: center;
	background-size: cover;
	padding: 65px 0;
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* 3d. Welcome section (original, video-centric)
#welcome {
	color: #fff;
	min-height: 750px;
	padding: 0;
	position: relative;
	text-align: center;
	z-index: 90;
}
#welcome.static {
	background: url("http://www.spensatech.com/images/art/field.jpg") center center;
	background-size: cover;
}
#welcome img {
	left: 0;
	right: 0;
}
#welcome img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
}
#welcome h1 {
	margin: 0;
	position: absolute;
	text-shadow: 0 1px 2px #000;
	top: 45%;
	width: 100%;
}
 */
 
/* 3d. Welcome section */
#welcome {
	color: #fff;
	padding: 0;
	position: relative;
	text-align: center;
	z-index: 90;
}
#welcome img {
	width: 100%;
}
#welcome h1 {
	margin: 0;
	padding: 0 20px;
	position: absolute;
	text-shadow: 0 1px 2px #000;
	top: 40%;
	width: 100%;
}
#welcome object {
	font-family: "Gotham_LightRegular";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* 3e. Software section */
#software {
	background-color: #f3f3f3;
	background: -webkit-linear-gradient(0deg, #d8d8d8 0%, #e5e5e5 5%, #f3f3f3 20%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(0deg, #d8d8d8 0%, #e5e5e5 5%, #f3f3f3 20%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(0deg, #d8d8d8 0%, #e5e5e5 5%, #f3f3f3 20%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, #d8d8d8 0%, #e5e5e5 5%, #f3f3f3 20%); /* Standard syntax */
	padding: 90px 0 0 0;
	z-index: 80;
}
#software>.container {
	padding: 0;
	width: 100%;
}
#software .carousel {
	padding-bottom: 40px;
}
#software .item {
	padding-left: 80px;
}
#software .halfColumn {
	float: right;
}
#software .halfColumn:last-child {
	padding: 0 4% 0 8%;
	direction: rtl;
	text-align: justify;
}
.softwareArt img {
	margin-bottom: 40px;
	max-height: 450px;
	max-width: 100%;
}

/* 3f. Hardware section */
#hardware {
	background: #fff url("../images/backgrounds/orchard.jpg") no-repeat;
	padding-top: 75px;
	padding-bottom: 30px;
	z-index: 85;
}
#hardware .container {
	width: 100%;
}
#branch {
	background: url("../images/backgrounds/branch.png") no-repeat top left;
	background-size: cover;
	left: 0;
	padding-bottom: 18%;
	pointer-events: none;
	position: absolute;
	top: -20px;
	width: 100%;
	z-index: 50;
}
#trapImage {
	margin-top: 40px;
	text-align: center;
}
#trapImage, #trapText {
	position: relative;
	z-index: 40;
}
#trapImage img {
	max-height: 600px;
}
#trapImage .handle {
	background: url("../images/icons/handle.png") no-repeat;
	border-radius: 25px;
	cursor: pointer;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	opacity: 0.667;
	position: absolute;
	width: 50px;
	z-index: 50;
	transition: transform 0.2s;
}
#trapImage .handle:hover {
	opacity: 1;
}
#trapImage .handle.active {
	opacity: 1;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
	transition: transform 0.2s;
}
#trapText .text {
	display: none;
	margin: 30% 20% 5% 0;
	z-index: 40;
}
#trapText .text.active {
	display: block;
}
#trapText h2 {
	left: -40px;
	margin-right: -40px;
	margin-bottom: 25px;
	padding-left: 40px;
	position: relative;
}
#trapText h2.underline {
	border-bottom: 2px solid #9f9f9f;
}
.line {
	background: #9f9f9f;
	display: none;
	height: 2px;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	z-index: 50;
}
/* Temporarily suppressing callout lines from Firefox */
@-moz-document url-prefix() {
	#trapText h2 {
		left: 0;
		margin-right: 0;
		padding-left: 0;
	}
	.line {
		display: none;
	}
}
#hardware1handle {
	left: 54%;
	top: 33%;
}
#hardware2handle {
	left: 38%;
	top: 52%;
}
#hardware3handle {
	left: 68%;
	top: 56%;
}
.zTrapLogo {
	max-width: 50%;
}

/* 3g. Insights section */
.parallax-mirror {
	background-color: #485367;
}
#insightsArt {
	background: url("../images/backgrounds/farmers.jpg") no-repeat center center;
	background-size: cover;
	-moz-box-shadow: inset 0 35px 35px -35px #000, inset 0 -35px 35px -35px #000;
	-webkit-box-shadow: inset 0 35px 35px -35px #000, inset 0 -35px 35px -35px #000;
	box-shadow: inset  0  35px 35px -35px #000, inset 0 -35px 35px -35px #000;
	color: #fff;
	min-height: 350px;
	text-align: center;
	z-index: 80;
}
#insightsArt h2 {
	margin: 0 auto;
	max-width: 580px;
	position: relative;
	text-shadow: 0 1px 2px #000;
	text-transform: none;
	top: 50px;
}
#insights {
	background-color: #ebebeb;
	background: -webkit-linear-gradient(0deg, #d0d0d0 0%, #ebebeb 30%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(0deg, #d0d0d0 0%, #ebebeb 30%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(0deg, #d0d0d0 0%, #ebebeb 30%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, #d0d0d0 0%, #ebebeb 30%); /* Standard syntax */
	overflow: initial;
	padding-bottom: 0;
	z-index: 90;
}
#insights .halfColumn:first-child {
	direction: rtl;
	text-align: justify;
}
.layerCake {
	margin-top: -45px;
	padding-top: 60px;
	position: relative;
}
.layerCake div {
	cursor: pointer;
	margin-top: -20%;
	position: relative;
	transition: all 0.25s;
}
.layerCake div:hover {
	transition: all 0.25s;
}
.layerCake div:nth-child(1) { z-index: 40; }
.layerCake div:nth-child(2) { z-index: 30; }
.layerCake div:nth-child(3) { z-index: 20; }
.layerCake div:nth-child(4) { z-index: 10; }
.layerCake div:first-child {
	cursor: default;
}
.layerCake div:nth-child(n+2):after {
	background: url("../images/art/insightsHighlight.png") no-repeat top center;
	background-size: contain;
	content: "";
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all 0.5s;
}
.layerCake div:nth-child(n+2):hover:after {
	opacity: 1;
	transition: all 1s;
	animation: pulseLayer 1s linear 0.5s infinite;
}
.layerCake div.active:after,
.layerCake div.active:hover:after {
	opacity: 1;
	animation: none;
}
#insightsText {
	position: relative;
	z-index: 40;
}
#insightsText .text {
	display: none;
	z-index: 40;
}
#insightsText .text.active {
	display: block;
}
#insightsText h2 {
	left: -40px;
	margin-right: -40px;
	margin-bottom: 25px;
	padding-left: 40px;
	position: relative;
}
#insightsText h2.underline {
	border-bottom: 2px solid #c2c2c2;
}

/* 3h. Team section */
#team {
	overflow: initial;
	z-index: 60;
}
#team,
#team .container {
	text-align: center;
}
#team h2 + p {
	margin: 0 auto 10px auto;
	max-width: 615px;
}
#group img {
	cursor: pointer;
	filter: sepia(1);
	-webkit-filter: sepia(1);
	-moz-filter: sepia(1);
	-o-filter: sepia(1);
	-ms-filter: sepia(1);
	transition: all 0.5s;
}
#group img:hover {
	filter: none;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	transition: all 0.5s;
}
#bios {
	display: none;
	margin: 20px auto 0 auto;
	position: relative;
	width: 1000px;
}
.bio {
	cursor: pointer;
	display: inline-block;
	min-height: 230px;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 200px;
	transition: display 1s;
}
#bios.expanded .bio {
	opacity: 0.1;
}
.bio.active {
	opacity: 1 !important;
	z-index: 90;
}
.bio .portrait {
	background: #fff;
	border: 2px solid #fff;
	border-radius: 72px;
	margin: 0 auto 10px auto;
	opacity: 0.85;
	padding: 3px;
	position: relative;
	height: 142px;
	width: 142px;
}
.bio.active .portrait {
	border: 2px solid #c2c2c2;
	opacity: 1;
}
.bio img {
	-moz-box-shadow: inset 0 0 6px #000;
	-webkit-box-shadow: inset 0 0 6px #000;
	border-radius: 69px;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	filter: url("../images/svg/desaturate.svg");
	position: absolute;
	top: 0;
	left: 0;
	width: 138px;
	height: 138px;
}
.bio:hover img,
.bio.active img {
	opacity: 1;
	filter: sepia(1);
	-webkit-filter: sepia(1);
	-moz-filter: sepia(1);
	-o-filter: sepia(1);
	-ms-filter: sepia(1);
}
.portrait img.secondary {
	opacity: 0;
	z-index: 20;
	transition: opacity 0.5s;
}
.portrait:hover img.secondary {
	opacity: 1;
	transition: opacity 1.5s 2s;
}
.bio .name {
	color: #301800;
	font-size: 14px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
.bio .title {
	color: #f16221;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 1.25;
	margin: 2px 0 0 0;
	min-height: 22px;
	text-align: center;
}
.bio .story {
	background: #fffff5;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 2px 6px #ddd;
	color: #444;
	display: none;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 1.5;
	padding: 35px 50px 40px 50px;
	position: absolute;
	text-align: left;
	top: 230px;
	width: 300%;
	z-index: 20;
}
.bio.active .biodata {
	background: #fffff5;
	border: 1px solid #aaa;
	border-radius: 5px;
	margin: -5px -10px 0 -10px;
	padding-top: 4px;
	padding-bottom: 2px;
	z-index: 20;
}
.bio.active .biodata:after {
	bottom: 0;
	border: 1px solid #c2c2c2;
	content: "";
	height: 120px;
	left: 50%;
	position: absolute;
	width: 0;
	margin-left: -1px;
	margin-right: -1px;
	z-index: -1;
}
.bio.active .story {
	display: block;
	margin: -10px -10px 0 -10px;
}
.bio.active.nostory .biodata:after {
	bottom: 78px;
	height: 12px;
}
.bio.active.nostory .story {
	display: none;
}
#biosBoard,
#biosBoardHeader {
	display: none;
}

/* Five columns */
.col5 .bio:nth-child(5n-4) .story { left: 0; }
.col5 .bio:nth-child(5n-4) .story:before, .col5 .bio:nth-child(5n-4) .story:after { left: 16.667%; }
.col5 .bio:nth-child(5n-3) .story { left: 0; }
.col5 .bio:nth-child(5n-3) .story:before, .col5 .bio:nth-child(5n-3) .story:after { left: 16.667%; }
.col5 .bio:nth-child(5n-2) .story { left: -200px; }
.col5 .bio:nth-child(5n-2) .story:before, .col5 .bio:nth-child(5n-2) .story:after { left: 50%; }
.col5 .bio:nth-child(5n-1) .story { right: 0; }
.col5 .bio:nth-child(5n-1) .story:before, .col5 .bio:nth-child(5n-1) .story:after { right: 16.667%; }
.col5 .bio:nth-child(5n-0) .story { right: 0;}
.col5 .bio:nth-child(5n-0) .story:before, .col5 .bio:nth-child(5n-0) .story:after { right: 16.667%; }

/* Four columns */
.col4 .bio:nth-child(4n-3) .story { left: 0; }
.col4 .bio:nth-child(4n-3) .story:before, .col4 .bio:nth-child(4n-3) .story:after { left: 16.667%; }
.col4 .bio:nth-child(4n-2) .story { left: -200px; }
.col4 .bio:nth-child(4n-2) .story:before, .col4 .bio:nth-child(4n-2) .story:after { left: 50%; }
.col4 .bio:nth-child(4n-1) .story { right: -200px; }
.col4 .bio:nth-child(4n-1) .story:before, .col4 .bio:nth-child(4n-1) .story:after { right: 50%; }
.col4 .bio:nth-child(4n-0) .story { right: 0; }
.col4 .bio:nth-child(4n-0) .story:before, .col4 .bio:nth-child(4n-0) .story:after { right: 16.667%; }

/* Three columns */
.col3 .bio:nth-child(3n-2) .story { left: 0; }
.col3 .bio:nth-child(3n-2) .story:before, .col3 .bio:nth-child(3n-2) .story:after { left: 16.667%; }
.col3 .bio:nth-child(3n-1) .story { left: -200px; }
.col3 .bio:nth-child(3n-1) .story:before, .col3 .bio:nth-child(3n-1) .story:after { left: 50%; }
.col3 .bio:nth-child(3n-0) .story { left: -400px; }
.col3 .bio:nth-child(3n-0) .story:before, .col3 .bio:nth-child(3n-0) .story:after { right: 16.667%; }

/* Two columns */
.col2 .bio:nth-child(2n-1) .story { left: 0; }
.col2 .bio:nth-child(2n-1) .story:before, .col2 .bio:nth-child(2n-1) .story:after { left: 25%; }
.col2 .bio:nth-child(2n-0) .story { right: 0; }
.col2 .bio:nth-child(2n-0) .story:before, .col2 .bio:nth-child(2n-0) .story:after { right: 25%; }
#bios.col2 {
	width: 320px;
}
.col2 .bio {
	width: 160px;
}
.col2 .story {
	width: 200%;
}

#biosDebug {
	font-size: 11px;
	left: 5px;
	bottom: 5px;
	position: absolute;
}

/* 3i. Contact section */
#contact {
	background: #e9e1d5 url("../images/backgrounds/map.jpg") no-repeat top center;
	background-size: cover;
	padding: 50px 0 20px 0;
	text-align: center;
	z-index: 50;
}
#contact h2 {
	margin-bottom: 35px;
	text-align: left;
}
#contact .photo {
	background: #fff;
	border-radius: 6px;
	display: inline-block;
	padding: 11px;
	text-align: center;
	max-width: 80%;
}
#contact .photo img {
	border-radius: 3px;
	box-shadow: 0 0 6px #999;
}
#contact .message {
	margin: 0 auto 25px auto;
}
#contact .message:after {
	content: "";
	display: block;
	clear: both;
}
#contact textarea {
	height: 180px;
}
#contact input[type=submit] {
}
#contact .contactFoot {
	text-align: right;
}
#contact .modal h2 {
	margin: 0;
	text-shadow: none;
}
a.email,
a.phone {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	height: 64px;
	margin: -5px 0;
	padding-top: 16px;
	text-indent: 64px;
}
a.email {
	background: url("../images/icons/email.png") top left no-repeat;
	background-position: 0 -64px;
}
a.phone {
	background: url("../images/icons/phone.png") top left no-repeat;
	background-position: 0 -64px;
}
#contactResponse {
	color: #f16221;
	font-family: "Gotham_BoldRegular";
	font-size: 16px;
	position: relative;
	top: -10px;
}

/* 3j. News section */
#news {
	text-align: center;
	z-index: 40;
}
#news h2 {
	text-transform: none;
}
#news h2.section-heading {
	display: none;
}
.newsItems {
	border-top: 1px solid #ddd;
	list-style: none;
	margin: auto;
	max-width: 66.67%;
	padding: 30px 0 0 0;
	text-align: left;
}
.newsItems li {
	margin-bottom: 10px;
}
.newsItems li:nth-child(n+4) {
	display: none;
}
.newsItems.expanded li {
	display: block;
}
#news .title {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 0;
	text-align: left;
}
#news .attribution {
	color: #f16221;
	font-size: 13px;
	text-align: left;
}
#newsCarousel .item .liner {
	margin: 0 auto;
	max-width: 66.67%;
	text-align: left;
}
#newsCarousel .text {
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 12px;
	text-align: left;
}
#newsCarousel .text span {
	font-size: 38px;
}

/* 3z. Footer bar */
#footer {
	background-color: #59412d;
	color: rgba(255,255,255,0.5);
	line-height: 1.8;
	padding: 50px 10px 65px 10px;
	position: relative;
	text-align: center;
	z-index: 300;
}
#footer>.container {
	position: relative;
}
#footer a {
	color: rgba(255,255,255,0.5);
}
#footer a:hover {
	color: rgba(255,255,255,0.75);
}
#footer span.small {
	font-size: 12px;
}
a.twitter {
	background-image: url("../images/icons/twitterSprite.png");
	display: inline-block;
	height: 64px;
	width: 64px;
	opacity: 0.75;
	margin-bottom: -5px;
	text-indent: -9999px;
}
.twitter:hover {
	opacity: 1;
	animation: flap 0.25s steps(5) infinite;
}
#footerLogo {
	display: none;
	/*
	background: url("../images/logos/spensaFullWhite.png") no-repeat top right;
	background-size: cover;
	height: 66px;
	opacity: 0.5;
	position: absolute;
	right: 25px;
	top: 110px;
	width: 200px;
	*/
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 4. STRUCTURAL SEGMENTS: OPENSCOUT */

body.subPage {
	padding-top: 70px;
	overflow-x: hidden;
}
.subPage section {
	padding-bottom: 0;
}
/* 4a. OpenScout welcome section */
#openScoutWelcome {
	background: #406020 url("../images/backgrounds/beans.jpg") top center;
	background-size: cover;
	color: #fff;
	margin-top: 40px;
	padding: 100px 15px 50px 15px;
	position: relative;
	text-align: center;
	z-index: 40;
}
#openScoutWelcome h1 {
	margin: 0 auto;
	max-width: 780px;
	padding: 0 20px;
	text-shadow: 0 1px 2px #000;
}
#openScoutWelcome p.right {
	font-size: 22px;
	text-shadow: 0 1px 2px #000;
}
#openScoutWelcomeText {
	font-size: 20px;
	padding-right: 50px;
}
#openScoutWelcomeText div p {
	text-align: right;
}
#openScoutWelcomeArt {
	text-align: left;
	padding: 20px 10px 0 10px;
}
#openScoutWelcomeArt img {
	margin-top: 20px;
	max-width: 90%;
}

/* 4b. OpenScout video section */
#openScoutVideo {
	background: #eee;
	padding-bottom: 50px;
	padding-top: 50px;
}
#openScoutVideoArt {
	float: left;
	text-align: left;
	width: 66%;
}
#openScoutVideoText {
	float: right;
	padding-left: 50px;
	width: 33%;
}

/* 4c. OpenScout notes section */
#openScoutNotes {
	background: url("../images/backgrounds/OS1.png") repeat-x bottom center;
	background-size: contain;
	padding-top: 40px;
	z-index: 50;
}

/* 4d. OpenScout path section */
#openScoutPath {
	background: #ddd;
	z-index: 60;
}
#openScoutPathText {
	float: right;
	padding-left: 50px;
	width: 66%;
}
#openScoutPathArt {
	float: left;
	text-align: left;
	width: 33%;
}
#openScoutPathTrack {
	display: none;
}

/* 4e. OpenScout picklist (pest library) section */
#openScoutPicklist {
	background: url("../images/backgrounds/OS2.png") repeat-x bottom center;
	background-size: contain;
	overflow: initial;
	z-index: 70;
}
#openScoutPicklist img {
	float: right;
	margin-top: -100px;
}

/* 4f. OpenScout reports section */
#openScoutReports {
	background-color: #eee;
	overflow: hidden;
	z-index: 80;
}
#openScoutReportsArt {
	float: left;
	margin-right: 50px;
	max-width: 45%;
}
#openScoutReportsIcons {
	max-width: 336px;
}

/* 4g. OpenScout visualize section */
#openScoutVisualize {
	background: url("../images/backgrounds/OS3.png") repeat-x bottom center;
	background-size: contain;
	overflow: hidden;
	z-index: 90;
}
#openScoutVisualize h2 {
	margin: 0 auto;
	max-width: 680px;
}

/* 4g. OpenScout customize section */
#openScoutCustomize {
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 5. STRUCTURAL SEGMENTS: OPENSCOUT INSIGHTS */

/* 5a. OpenScout Insights welcome section */
#osiWelcome {
	background: #a04e59 url("../images/backgrounds/peaches.jpg") top left;
	background-size: cover;
	color: #fff;
	margin-top: 40px;
	padding: 75px 15px 40px 15px;
	position: relative;
	text-align: center;
	z-index: 10;
}
#osiWelcome h1 {
	margin: 0 auto;
	max-width: 780px;
	padding: 0 20px;
	text-shadow: 0 1px 2px #000;
}
#osiWelcomeText {
	font-size: 20px;
	padding-right: 40px;
	text-align: right;
	text-shadow: 0 1px 2px #000;
}
#osiLogo {
	max-width: 360px;
}
#osiWelcomeArt {
	margin: 30px 0 0 0;
	max-width: 480px;
}
#osiWelcome .storeLinks {
	margin-top: 40px;
}
#osiWelcome .storeLinks a {
	display: inline-block;
	position: relative;
}
#osiWelcome .storeLinks a img {
	width: 135px;
}

/* 5b. OpenScout Insights summary section */
#osiSummary {
	color: #404040;
	overflow: initial;
	z-index: 20;
}
#osiSummary img {
	float: right;
	margin: -100px 0 0 25px;
	max-width: 45%;
}

/* 5c. OpenScout Insights features section */
#osiFeatures {
	background-color: #ddd;
	color: #404040;
}
#osiFeatures {
	background-color: #ddd;
	padding-bottom: 50px;
}
#osiFeatures h3 {
	font-size: 26px;
	text-transform: uppercase;
}
.pricingSheet {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 5px #666;
	margin: 0 0 45px 0;
	padding: 20px 40px;
}
.pricingSheet .yes,
.pricingSheet .no {
	border: 2px solid #a5bf3d;
	border-radius: 11px;
	color: transparent;
	display: inline-block;
	height: 18px;
	margin: 0 25px;
	text-align: center;
	width: 18px;
}
.pricingSheet .yes {
	background: #bad645;
	border-color: #a5bf3d;
}
.pricingSheet .no {
	background: transparent;
	border-color: #a5bf3d
}
.pricingTable th {
	vertical-align: top;
}
.pricingTable th {
	text-align: right;
}
.pricingTable th img {
	max-width: 180px;
}
.pricingTable th:nth-child(1) img {
	margin-right: 20px;
}
.pricingTable td {
	font-size: 14px;
	padding: 5px 0;
	text-transform: uppercase;
}
.pricingTable tbody td:nth-child(1) {
	text-align: right;
}
.pricingTable tbody td:nth-child(n+2) {
	text-align: center;
}
.pricingTable tbody tr:nth-child(odd) {
	background: #f5f4f3;
}
.pricingTable tfoot td {
	display: none;
}
.pricingTable tfoot td {
	font-size: 11px;
	text-align: center;
	vertical-align: top;
}
.pricingTable .price {
	font-size: 28px;
}
.price:before {
	content: "$";
	font-size: 14px;
	opacity: 0.5;
	position: relative;
	top: 4px;
	vertical-align: top;
}
.pricingText {
	padding-left: 30px;
}

/* 5d. OpenScout Insights models section */
#osiModels {
	color: #404040;
}
#osiModels img {
	float: right;
	margin: 0 0 15px 25px;
	max-width: 45%;
}
#osiModels h3 {
	font-size: 26px;
	text-transform: uppercase;
}

/* 5e. OpenScout Insights notifications section */
#osiNotifications {
	background-color: #ddd;
	color: #404040;
}
#osiNotifications img {
	float: left;
	margin: 0 25px 15px 0;
	max-width: 45%;
}
#osiNotifications h3 {
	font-size: 26px;
	text-transform: uppercase;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 6. STRUCTURAL SEGMENTS: CAREERS */

/* 6a. Careers welcome section */
#careersWelcome {
	background: url("../images/backgrounds/oranges.jpg") no-repeat center center;
	background-size: cover;
	color: #fff;
	padding: 120px 0 100px 0;
	text-align: center;
}
#careersWelcome h1 {
	color: #fff;
	margin: 0;
	text-shadow: 0 1px 4px #000;
	width: 100%;
}
#careersWelcome p {
	font-size: 18px;
	margin: 0 auto;
	max-width: 500px;
	padding: 0 30px;
	text-shadow: 0 1px 4px #000;
}
#careersList {
	padding-top: 10px;
	padding-bottom: 100px;
}
.careerDetails {
	display: none;
}

/* 6b. Jobs */
.job {
	margin: 0 25%;
	text-align: left;
}
.job p,
.job li {
	line-height: 1.4;
}
.job p {
	margin: 16px 0 8px 0;
}
.job h2 {
	text-transform: capitalize;
}
.job h3 {
	margin-top: 30px;
}
.job h2+p {
	color: #f16221;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 7. STRUCTURAL SEGMENTS: LEGAL */

#legalWelcome {
	background: url("../images/backgrounds/logoZoom.png") no-repeat center center;
	background-size: cover;
	border-bottom: 1px solid #f6fff6;
	color: #fff;
	padding: 100px 0;
	text-align: center;
}
#legalWelcome h1 {
	color: #fff;
	margin: 0;
	text-shadow: 0 1px 4px #000;
	width: 100%;
}
#legalWelcome p {
	font-size: 18px;
	margin: 0 auto;
	max-width: 500px;
	padding: 0 30px;
	text-shadow: 0 1px 4px #000;
}
.legal {
	color: #555;
	padding-top: 25px;
}
.legal .container {
	margin-bottom: 50px;
	max-width: 800px;
}
.legal ol,
.legal ul {
	padding-top: 12px;
}
.legal ol {
	padding-left: 24px;
	list-style-position: inside;
}
.legal p,
.legal li {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 12px;
}

ol.topList > li {
	counter-increment: root;
}
ol.topList > li > ol {
	counter-reset: subsection;
	list-style-type: none;
}
ol.topList > li > ol > li {
	counter-increment: subsection;
}
ol.topList > li > ol > li:before {
	content: counter(root) "." counter(subsection) ". ";
	padding-right: 6px;
}
ol.topList > li > ol > li > ol {
}
ol.topList > li > ol > li > ol > li {
	text-indent: 0;
}

.legal strong {
	font-family: "Gotham_BoldRegular";
}
.legal .caps {
	text-transform: uppercase;
}
.legal ol>li>ol>li>ol {
	list-style-type: upper-alpha;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 8. STRUCTURAL SEGMENTS: RESOURCES */

/* 8a. Resources welcome section */
#resourcesWelcome {
	background: url("../images/backgrounds/orange.jpg") no-repeat center center;
	background-size: cover;
	color: #fff;
	padding: 120px 0 100px 0;
	text-align: center;
}
#resourcesWelcome h1 {
	color: #fff;
	margin: 0;
	text-shadow: 0 1px 4px #000;
	width: 100%;
}
#resourcesWelcome p {
	font-size: 18px;
	margin: 0 auto;
	max-width: 500px;
	padding: 0 30px;
	text-shadow: 0 1px 4px #000;
}

/* 8b. Resource pages */
.resource {
	margin-bottom: 50px;
	padding-top: 90px;
}
.resourceArt {
	float: left;
	padding-left: 12%;
	position: relative;
	text-align: right;
	width: 50%;
	min-width: 350px;
}
.resourceArt img.art {
	width: 100%;
}
.resourceText {
	float: left;
	padding-left: 5%;
	text-align: left;
	width: 50%;
	min-width: 350px;
}
.resourceHeading {
	font-size: 34px;
	margin-top: 5px;
}
.resourceLabel {
	color: #f16221;
	margin: 0;
	text-transform: uppercase;
}
.pdfBadge {
	bottom: -5px;
	right: -5px;
	position: absolute;
}
.resource input[type=text] {
	border: 1px solid #808080;
}
.resource input[type=button] {
	border: 1px solid #808080;
}
.resource.download .resourceArt {
	width: 40%;
	min-width: 250px;
}
.resource.download .resourceText {
	width: 60%;
	min-width: 450px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 9. UTILITY CLASSES */
.anchor {
	position: absolute;
	top: -70px;
	visibility: hidden;
}
.storeBadge {
	height: 40px;
}
.btn-primary {
	background-color: #f16221;
	border: 0;
}
.btn-primary:focus,
.btn-primary.focus {
	background-color: #f17231;
	box-shadow: 0 0 6px #ffee88;
}
.btn-primary:hover {
	background-color: #f17231;
}
.btn-primary:active {
	background-color: #ff8833;
}
.button {
	background-color: transparent;
	border: 2px solid #f16221;
	border-radius: 5px;
	color: #f16221;
	display: inline-block;
	margin-bottom: 5px;
	padding: 6px 17px;
	text-align: center;
	transition: all 0.25s;
}
.button:hover {
	background-color: #f16221;
	color: #fff;
	transition: all 0.5s;
}
.button.vermillion,
.button.white {
	background-color: #f16221;
	border: 2px solid #f16221;
	border-radius: 5px;
	color: #fff;
	opacity: 1;
}
.button.white {
	background-color: #fff;
	color: #f16221;
}
.button.ghost {
	opacity: 0.75;
}
.button.ghost:hover {
	opacity: 1;
}
.center, .centered {
	text-align: center;
}
.clear {
	clear: both;
}
.comingSoon:before {
	color: #fff;
	content: "Coming soon to";
	opacity: 0.5;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	width: 100%;
	position: absolute;
	top: -16px;
}
.compressed {
	letter-spacing: -1px;
}
.finePrint {
	color: #aaa;
	font-size: 11px;
}
.foreignPhrase {
	font-style: italic;
}
.fullWidth {
	width: 100%;
}
.halfColumn {
	float: left;
	position: relative;
	width: 50%;
}
.halfColumn:first-child {
	padding-right: 25px;
}
@media screen and (max-width: 850px) {
	.halfColumn:first-child {
		padding-right: 0;
	}
}
.halfWidth {
	width: 50%;
}
.hidden {
	display: none;
}
.italicized {
	font-style: italic;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.nopad {
	padding: 0;
}
.pipe {
	opacity: 0.333;
}
.spensaVermillion, .primary {
	color: #f16221;
}
.spensaGreen, .secondary {
	color: #37591c;
}
.spensaBrown, .tertiary {
	color: #59412d;
}
.scrollTrack {
    width: 10px;
    background: rgba(0,0,0,0);
    margin-right: 2px;
	margin-top: 40px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}
.scrollTrack:hover,
.scrollTrack.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}
.scrollHandle {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0,0,0,0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}
.scrollTrack:hover .scrollHandle,
.scrollTrack.dragging .scrollHandle {
    width: 10px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 10. MEDIA OVERRIDES */

@media screen and (max-width: 1400px) {
	#hardware {
		padding-top: 40px;
	}
}
@media screen and (max-width: 1170px) {
	body {
		font-size: 14px;
	}
	#bios {
		width: 800px;
	}
	#openScoutWelcomeArt img {
		margin-top: 50px;
	}
}
@media screen and (max-width: 1000px) {
	#contact {
		background: #e9e1d5 url("../images/backgrounds/mapSimple.jpg") no-repeat top center;
	}
	#contact .halfColumn {
		padding-right: 0;
		width: 100%;
	}
	#contact h2 {
		margin-bottom: 25px;
		text-align: center;
	}
	#contact .photo {
		display: none;
	}
	#contact .contactFoot {
		text-align: center;
	}
	#contact input,
	#contact textarea {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.socials a {
		margin: 0 5px 10px 5px;
	}
	#openScoutPicklist img {
		margin-bottom: 20px;
	}
	#openScoutWelcomeArt img {
		margin-top: 80px;
	}
	#osiFeatures .halfColumn {
		width: 100%;
	}
	.pricingText {
		padding-left: 0;
	}
	#footerLogo {
		margin: 20px auto 0 auto;
		position: relative;
		right: 0;
		top: 0;
	}
}
@media screen and (max-width: 960px) {
	p {
		line-height: 1.4;
	}
	h1 {
		font-size: 32px;
	}
	.navbar-default .nav>li>a {
		padding: 13px 7px;
	}
	#insightsArt {
		min-height: 200px;
	}
	#insightsArt h2 {
		top: 0;
	}
	#insightsArt {
		background-attachment: initial !important;
		background-position: 0 0 !important;
	}
	#bios {
		width: 600px;
	}
	#contact .message {
		max-width: 600px !important;
	}
	#openScoutReportsIcons {
		display: none;
	}
	.navbar-default .nav>li>a,
	.navbar-default .nav>li>a:focus {
		padding: 13px 5px;
	}
}
@media screen and (max-width: 850px) {
	body {
		font-size: 13px;
		margin-top: 70px;
	}
	body.subPage {
		padding-top: 0;
	}
	h1 {
		font-size: 25px;
	}
	h2, h3 {
		font-size: 22px !important;
	}
	p {
		line-height: 1.4;
	}
	.container {
		padding-left: 7.5%;
		padding-right: 7.5%;
	}
	body>section {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.navbar-default, .navbar-default.affix {
		background-color: #fff;
		border-color: #e7e7e7;
		box-shadow: 0 2px 4px rgba(0,0,0,0.12);
	}
	.navbar-default .navbar-brand {
		background-position: 0 -70px;
	}
	.navbar-default .navbar-nav {
		visibility: visible;
	}
	.navbar-default .nav li a {
		font-size: 16px;
		padding: 4px 8px !important;
	}
	.subnav {
		border: none;
		box-shadow: none !important;
		display: block;
		height: auto;
		position: relative;
		top: 0;
	}
	li.active .subnav {
		height: auto;
	}
	.subnav ul {
		position: static;
	}
	.subnav li {
		display: block;
	}
	li.expandable.active:before,
	li.expandable.active:after {
		display: none;
	}
	.navbar-brand {
		margin-left: 5px !important;
	}
	#navbar {
		background: #fff;
	}
	#software .halfColumn {
		float: none;
		width: 100%;
	}
	#software {
		padding-top: 40px;
	}
	#software .softwareArt {
		max-width: 75%;
	}
	#software .halfColumn,
	#software .halfColumn:last-child {
		margin: auto !important;
		padding: 0 25px !important;
		text-align: justify !important;
	}
	#software .carousel .item {
		padding: 0 20px;
	}
	#software .carousel-indicators li {
		padding: 5px;
	}
	#software .carousel-caption {
		position: relative;
		left: auto;
		margin: 15px auto 0 auto;
		padding-bottom: 0;
		right: auto;
		width: 80%;
	}
	.softwareArt img {
		margin-bottom: 0;
	}
	#hardware {
		padding-top: 20px;
	}
	#branch {
		background-size: cover;
		left: 0;
		padding-bottom: 23%;
		position: absolute;
		top: -20px;
		width: 130%;
		z-index: 50;
	}
	#trapImage {
		left: -33%;
		margin: auto;
		max-width: 150%;
		top: 20px;
		width: 150%;
	}
	#trapImage .handle {
		background-size: 36px 36px;
		border-radius: 18px;
		height: 36px;
		margin-left: -18px;
		margin-top: -18px;
		width: 36px;
	}
	#insightsArt h2 {
		top: 30px;
	}
	#insights .halfColumn:last-child {
		margin: -20px 0 -35px 0;
	}
	#insightsArt h2 {
		max-width: 400px;
		padding: 0 20px;
	}
	#software .carousel .item {
		padding: 0 20px;
	}
	#newsCarousel {
		margin: 0 -25px;
	}
	#newsCarousel .text {
		font-size: 18px;
	}
	#newsCarousel .text span {
		font-size: 28px;
	}
	#newsCarousel .item .liner {
		max-width: 80%;
	}
	#news .text {
		font-size: 16px;
	}
	.newsItems {
		max-width: 85%;
	}
	#openScoutWelcome h1 {
		max-width: 480px;
	}
	#openScoutWelcomeText {
		padding: 0;
	}
	#openScoutWelcomeText,
	#openScoutWelcomeArt {
		text-align: center;
		width: 100%;
	}
	#openScoutWelcomeText div p {
		text-align: center;
	}
	#openScoutWelcomeArt img {
		margin-top: 0;
	}
	#openScoutPicklist img {
		margin-top: -35px;
	}
	#osiWelcome {
		padding: 50px 10px 25px 10px;
		text-align: center;
	}
	#osiWelcome h1 {
		max-width: 480px;
	}
	#osiWelcome h1 img {
		max-width: 67%;
	}
	#osiWelcomeText,
	#osiWelcomeArt {
		padding: 0;
		text-align: center;
		width: 100%;
	}
	#osiWelcomeText div p {
		text-align: center;
	}
	#osiWelcome .storeLinks {
		margin-top: 20px;
		position: relative;
		text-align: center;
	}
	#osiSummary img {
		margin-top: -35px;
	}
	#osiFeatures .halfColumn {
		width: 100%;
	}
	#osiFeatures .pricingSheet {
		margin-bottom: 10px;
	}
	.job {
		margin: 0 auto;
	}
	.resourceArt {
		min-width: 0 !important;
		padding: 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	.resourceArt img.art {
		width: 50% !important;
	}
	.resourceText {
		margin-top: 15px !important;
		min-width: 0 !important;
		padding: 0 !important;
		text-align: left !important;
		width: 100% !important;
	}
	.pdfBadge {
		display: none;
	}
}
@media screen and (max-width: 680px) {
	.textLong {
		display: none;
	}
	.textShort{
		display: inline;
	}
	.carousel-caption {
		padding-top: 0;
	}
	.carousel-caption h2 {
		margin-top: 0;
	}
	#software .softwareArt {
		padding: 0 !important;
	}
	#hardware {
		background-size: cover;
	}
	#hardware .halfColumn {
		width: 100%;
	}
	#hardware .text {
		margin-top: -40px;
	}
	#hardware #trapImage {
		left: -25%;
		top: 0;
	}
	#hardware #branch {
		width: 230%;
		padding-bottom: 40%;
		top: -50px;
	}
	#hardware .line {
		display: none;
	}
	#trapImage .handle {
		display: none;
	}
	#trapText {
		margin-top: -30px;
	}
	#trapText h2 {
		left: 0;
		margin-right: 0;
		padding-left: 0;
	}
	#trapText .text {
		display: block;
		margin: 0 0 20px 0;
	}
	#trapText .zTrapLogo {
		max-width: 30%;
		max-height: 34px;
	}
	.layerCake {
		padding-top: 100px;
	}
	#insights .halfColumn:last-child {
		margin: -10px 0 -35px 0;
	}
	#insights .halfColumn:last-child img {
		min-width: 100%;
	}
	#insights .halfColumn {
		float: none;
		width: 100%;
	}
	#insightsText h2 {
		left: 0;
		margin-right: 0;
		padding-left: 0;
	}
	#insightsText .text {
		display: block;
	}
	#insightsText,
	#insightsText .text p {
		text-align: left;
		direction: ltr;
	}
	#insights .layerCake {
		margin-top: 21%;
		padding-top: 0;
	}
	#insights .layerCake div {
		margin-top: -21%;
		min-width: 100%;
	}
	#insights .halfColumn:last-child {
		margin-bottom: -20px;
	}
	#bios {
		width: 400px;
	}
	.bio .portrait {
		height: 124px;
		width: 124px;
	}
	.bio img {
		height: 120px;
		width: 120px;
	}
	.bio .name {
		font-size: 12px;
	}
	.bio .title {
		font-size: 11px;
	}
	.bio .story {
		padding: 20px 25px;
		top: 202px;
	}
	.bio.active .biodata {
		padding: 6px 0 0 0;
	}
	.bio.active.nostory .biodata:after {
		bottom: 95px;
	}
	#news ul {
		max-width: none;
	}
	#openScoutReportsArt {
		margin-right: 25px;
	}
	#legalWelcome {
		padding: 80px 0;
	}
	.legal {
		padding-top: 10px;
	}
}
@media screen and (max-width: 580px) {
	.button {
		padding: 6px 12px
	}
	#welcome h1 {
		top: 35%;
	}
	#contact {
		padding-top: 20px;
	}
	#newsCarousel .text {
		font-size: 16px;
	}
	#newsCarousel .text span {
		font-size: 24px;
	}
	#news .text {
		font-size: 14px;
	}
	.pricingSheet {
		padding: 10px;
	}
	.pricingTable th img {
		width: 110px;
	}
	.pricingTable td {
		font-size: 12px;
	}
	.pricingTable tfoot td {
		font-size: 10px;
	}
	#hardware p {
		text-align: left;
	}
	#insights p {
		text-align: right;
	}
	#osiLogo {
		max-width: 310px;
	}
}
@media screen and (max-width: 480px) {
	#welcome h1 {
		top: 30%;
	}
	#openScoutPathText {
		padding: 0;
		width: 100%
	}
	#openScoutPathArt {
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 60%;
	}
	.resourceHeading {
		font-size: 25px;
	}
	#footer {
		font-size: 12px;
		padding: 40px 10px;
	}
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 11. BROWSER OVERRIDES */
.lt-ie12, .lt-ie11, .lt-ie10, .lt-ie9, .lt-ie8 {
}
@media screen\0 {
	li.expandable.active:before,
	li.expandable.active:after {
		margin-left: 50px;
	}
}

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



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 12. ANIMATION KEYFRAMES */

@keyframes pulseLayer {
    0%	{opacity: 1;}
    50%	{opacity: 0.333;}
	100%{opacity: 1;}
}
@keyframes flap {
   from { background-position: 0px; }
     to { background-position: 320px; }
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 13. AD HOCS */