@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,300,500,700,900);
body {
	width: 100%;
	height: 100%;
	font-family: Roboto, Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #48525a;
	background-color: #ffffff;
	font-weight: 300;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
}
html {
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-family: Roboto, Helvetica, Arial, "Lucida Grande", sans-serif;
	-webkit-font-smoothing: antialiased;
}
#pageWraper {
	max-width: 1440px;
	margin: 0 auto;
	/*border-left: 1px solid #999ea3;
	border-right: 1px solid #999ea3;*/
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	position: relative;
}
.container{
	padding-left:60px;
	padding-right:60px;
}
/*section#Related.container-fluid{
	padding-left:140px;
	padding-right:140px;
}*/
 @media (min-width: 1440px) {
.container {
	width: 1315px;
	padding: 0 30px;
}
}
 @media (max-width: 800px) {
.container {
	padding-left: 40px;
	padding-right: 40px;
}
/*section#Related.container-fluid{
	padding-left:70px;
	padding-right:70px;
}*/
}
 @media (max-width: 640px) {
.container {
	padding-left: 20px;
	padding-right: 20px;
}
/*section#Related.container-fluid{
	padding-left:35px;
	padding-right:35px;
}*/
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 35px;
	font-weight: 300;
}
h1 {
	font-size: 70px;
	font-weight: 400;
	text-shadow: 1px 0px #000000;
}
h1 SPAN.larger {
	font-size: 115%;
	display: block;
}
h2 SPAN.byline{
	font-size: 70%;
	display:block;
	color:rgba(0,0,0,0.5);
}
@media(max-width:1200px) {
h1 {
	font-size: 55px;
}
}
 @media(max-width:768px) {
h1 {
	font-size: 50px;
}
}
 @media(max-width:640px) {
h1 {
	font-size: 33px;
/*	margin-top: -30px;*/
	margin-bottom: 5px;
}
}
h2 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 300;
	color: #333e48;
	margin-bottom: 20px;
}
h2 A {
	color: #333e48;
}
 @media (max-width: 640px) {
h2 {
	font-size: 28px;
	line-height: 31px;
}
}
h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #333e48;
	margin-bottom: 15px;
}
h4 {
	font-size: 30px;
	line-height: 30px;
	font-weight: 300;
	color: #48525a;
	margin-bottom: 15px;
}
 h5 {
	font-size: 15px;
	line-height: 18px;
	font-weight: 300;
	color: #48525a;
	/*margin-bottom: 15px;*/
	margin:8px 0px;
}
P {
	margin: 0px 0 20px 0px;
	font-size: 18px;
	line-height: 1.5;
}
.smallText P {
	margin: 0px 0 10px 0px;
	font-size: 14px;
}
.text-spaceDouble {
	margin: 20px 0 20px 0;
}
.text-spaceSingle {
	margin: 0px 0 10px 0;
}
.text-larger {
	font-size: 18px !important;
	line-height: 1.3;
}
.table-bordered {
	/*border: 1px solid #999ea3;*/
	border:1px solid #e6e6e6;
}
SUP {
	font-size: 40%;
	top: -1em;
}
SUP.bigger{
	font-size: 60%;
	top: -1em;
}
.pad0 {
	padding: 0px;
}
.pad0Left {
	padding-left: 0px;
}
.pad0Right {
	padding-right:0px;
}
.pad20Left{
	padding-left:10px;
}
 @media (max-width: 767px) {
.pad0Left, .pull-left.pad0 {
	padding: inherit;
}
}
.pad10Top {
	padding-top: 10px;
}
.pad10Bot {
	padding-bottom: 10px;
}
a {
	/*color: #999ea3;*/
	color:#d35e13;
	/*font-weight:bold;*/
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a:hover, a:focus, a.orange, .orange,  h5 A {
	text-decoration: none;
	color: #d35e13;
	/*color:#999ea3;*/
}
a.white, .white{
	color:#fff;
}
a.orange:hover, .orange:hover, h5 A:hover, a.white:hover, .white:hover{
	font-weight: 500;
}


H2 a.orange:hover, H2 .orange:hover {
	font-weight: 300;
}

.grayLight {
	color: #999ea3
}
.grayBack {
	background-color: #e5e6e7;
}
.grayLineTop {
	border-top: 1px solid #e5e6e7;
}
.light {
	font-weight: 400;
}
.hideAnimate {
	opacity: 0;
}
.showAnimate {
	opacity: 1;
}
#breadcrumb {
	margin-top: 20px;
	font-size: 14px;
}
#breadcrumb SPAN {
	padding: 0 3px;
}
.intro {
	width: 100%;
	height: 100%;
	padding: 100px 0;
	height : 100vh;
	/*max-height: 00px;*/
	max-height:600px;
	position: relative;
	text-align: center;
	color: #fff;
	display: table;   /*  allows content over video/image to vert center properly */

/*	 if want to move back to static image*/
	/*background: url(../img/anchor-bretford-desk.jpg) no-repeat bottom center scroll;*/
	/*background-image:url('/img/bg-activelearningguide.jpg') no-repeat bottom center scroll;*/
	/*background:linear-gradient(rgba(33,33,33,0.5), rgba(33,33,33,0.5)), url('/img/bg-intro-classroom-fade-2.jpg') no-repeat bottom center scroll;*/
	/*background:linear-gradient(rgba(33,33,33,0.5), rgba(33,33,33,0.5)), url('http://s3-us-west-2.amazonaws.com/elasticbeanstalk-us-west-2-421003865574/pages/banners/000/000/303/original/Photography-Environment-CoreXCart.jpg?1472220888') no-repeat bottom center scroll;*/
	/*background-color: #000;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.intro .intro-body {		/*  allows content over video/image to vert center properly */
/*	position: relative;	*/
	display: table-cell;
	vertical-align: middle;
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden !important;
 /*   z-index: -100;*/
}
/* .intro .intro-body .container .row{ */
	/*padding-top:70px;*/
	/*padding-bottom:70px;*/
/* } */
.intro .intro-body .intro-text {
	font-size: 18px;
}

.intro-carousel{
	width:100%;
	height:100%;
	height:100vh;
	max-height:600px;
	overflow:hidden;
	position:relative;
	background:#333;
}
.intro-mask{
	width:100%;
	height:100%;
	height:100vh;
	max-height:700px;
	overflow:hidden;
}
.intro-mask a.fsOne,
.intro-mask a.fsTwo,
.intro-mask a.fsThree{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:100%;
	color:#fff;
}
.intro-mask a.fsOne{
	animation: cycle 16s linear infinite;
}
.intro-mask a.fsTwo{
	animation: cycleTwo 16s linear infinite;
}
.intro-mask a.fsThree{
	animation: cycleThree 16s linear infinite;
}
@keyframes cycle{
	0%{ left:0; }
	7%{ left:0; }
	27%{ left:0; opacity:1; }
	33%{ left:-100%; opacity:0; }
	34%{ left:100%; opacity:0; }
	93%{ left:100%; opacity:0; }
	99%{ left:0; opacity:1; }
	100%{ left:0; opacity:1; }
}
@keyframes cycleTwo{
	0%{ left:100%; opacity:0; }
	27%{ left:100%; opacity:0; }
	33%{ left:0; opacity:1; }
	40%{ left:0; opacity:1; }
	60%{ left:0; opacity:1; }
	67%{ left:-100%; opacity:0; }
	68%{ left:100%; opacity:0; }
	100%{ left:100%; opacity:0; }
}
@keyframes cycleThree{
	0%{ left:100%; opacity:0; }
	60%{ left:100%; opacity:0; }
	67%{ left:0; opacity:1; }
	73%{ left:0; opacity:1; }
	93%{ left:0; opacity:1; }
	99%{ left:-100%; opacity:0; }
	100%{ left:100%; opacity:0; }
}
.intro-carousel .intro-mask-content{
	width: 100%;
	height: 100%;
	padding: 100px 0;
	height : 100vh;
	max-height: 600px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.intro-mask-content .container{
	position: relative;
  top: 30%;
  transform: translateY(-30%);
}
.mask-title{
	margin-bottom:12px;
	padding-bottom:0;
	font-size:3.25em;
}
.intro-connect .mask-title{
	color:#fff;
}
.intro-connect p{
	color:#fff;
}
.progress-bar {
   position: absolute;
   bottom:-1px;
	 left:0;
   width: 100%;
   height: 5px;
   background: #df6f1d;
   animation: fullexpand 16s ease-out infinite;
}
@keyframes fullexpand {
	0%,28%,61%,94%,100%{ width:0; }
	27%,60%,93%{ width:100%; }
}
.intro-carousel:hover a,
.intro-carousel:hover .progress-bar{
	animation-play-state: paused;
}
 @media(min-width:768px) {
.intro {
	/* height: 100%;*/
	padding: 0;
}
.intro .intro-body .intro-text {
	font-size: 26px;
}
}

#bgvid {
	  position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);

/*	width: 100%;
	height : 100vh;
	max-height: 800px;

	object-fit: cover !important;
	overflow: hidden !important;
	   position: absolute;
	   top: 0px;
	   left: 0px;
 */

}

.videoTitle {
margin-top: 21%;
}


 @media(max-height:540px) {		/*  keeps desktop intro from getting too small  */
.intro {
min-height: 540px;
}
}
 @media(max-device-width:640px) { /*  keeps mobile intro from getting too long  */
#bgvid  {
	display: none
}
.intro {
min-height: 440px;
}
}
.btn-circle {
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 100%!important;
	color: #fff;
	background: url(../img/sprite.png) no-repeat 10px 17px;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	position: absolute;
	bottom: 10px;
	left: 48%;
	opacity: .7;
}
@media(max-width:480px) {
	.btn-circle {
		left: 42%;
	}
	.videoTitle {
		margin-top:25%;
	}
}


.btn-circle:hover, .btn-circle:focus {
	outline: 0;
	color: #fff;
	opacity: 1;
}
		.introTier {
			max-height: 600px;
			position: relative;
			/*background: url(../img/anchor-products.jpg) no-repeat bottom center scroll;*/
		}
	.introTier .intro-body{			/*  makes the text vert center on on-video background*/
			position: relative;
	}
.introCategory{
	text-align:left;
}
.introCategory h1{
	margin-bottom:12px;
}
@media(max-width:640px) {
	.introTier {
		height: 400px;
	}
}
.content-section {
	padding-top: 80px;
}
.content-padding-bottom {
	padding-bottom:40px;
}
.content-padding-bottom-lg{
	padding-bottom:80px;
}
@media(max-width:1024px) {
	.content-section {
		padding-top: 60px;
	}
	.content-padding-bottom{ padding-bottom:30px; }
}
.customers-section {
	width: 100%;
	padding: 0px 0;
	min-height: 644px;
	color: #fff;
	background: url(../img/customer-back.jpg) no-repeat center center scroll;
	background-color: #48525a;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.backTintRed {
	/*background-color: rgba(73, 3, 2, 0.49);*/
	/*background-color:rgba(203,79,0,0.6);*/
	background-color:rgba(6,108,140,0.49);
	/*	padding: 0px;*/
	/*#066c8c*/
}
.backTintBlue{
	background-color:rgba(6,108,140,0.49);
}
.customers-section .col-lg-6.backTintRed {
	min-height: 644px;
	padding: 0px;
}
.customers-section .customersCopy {
	padding: 70px 100px;
}
@media(max-width:1200px) {
.customers-section .customersCopy {
	padding: 70px 50px;
}
}
 @media(max-width:992px) {
.customers-section .quoteBox {
	display: none;
}
.customers-section .col-lg-6.backTintRed, .customers-section {
	min-height: 1px;
}
}
.customers-section .backTintRed H2 {
	color: #ffffff;
}
.customers-section .backTintRed H2 SPAN {
	font-weight: 700;
}
.customers-section .quoteBox {
	color: #48525a;
	background: url(../img/back-home-quote.png) 100% 0 no-repeat;
}
.customers-section .quoteCopy {
	color: #333e48;
	font-weight: 500;
	padding-top: 20px;
	margin-bottom: 10px;
}
.customers-section .col-lg-4.col-md-5.pad0 {
	min-width: 190px;
}
@media(max-width:1440px) {
.customers-section .quoteCopy, .customers-section .grayLight.text-spaceSingle {
	font-size: .9em;
}
}
 @media(min-width:768px) {
.download-section {
	padding: 100px 0;
}
#map {
	height: 400px;
	margin-top: 250px;
}
}
.btn {
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn-default {
	border: 0px;
	color: #ffffff;
	border-radius: 6px;
	padding: 16px 57px 16px 40px;
	margin: 20px 0px;
	min-width: 145px;
	/*background:rgba(211,94,19,0.9);*/
	transition: none !important;
	/*background: url(../img/sprite-button-new.png) right 0px no-repeat;*/
	background: url(../img/sprite-button-newest.png) right 0px no-repeat;
	font-size: 20px;
}
.btn-default:hover, .btn-default:focus {
	outline: 0;
	color: #ffffff;
	text-shadow: 1px 1px #000000;
	background:rgba(0,0,0,0.5);
	/*background: url(../img/sprite-button-new.png) right -110px no-repeat;*/
	background: url(../img/sprite-button-newest.png) right -110px no-repeat;
}
 @media(max-width:920px) {
.btn-default {
	font-size: 16px;
	min-width: 125px;
	margin: 20px 5px !important;
	background: url(../img/sprite-button-newest.png) right -3px no-repeat;
}
}
@media(max-width:700px) {
.btnHome .btn-default {
	background: url(../img/sprite-button-newest.png) 96% -3px no-repeat;
	padding: 16px 50px 16px 20px;
}
.btnHome .btn-default:hover {
	background: url(../img/sprite-button-newest.png) 96% -113px no-repeat;
}
}
 @media(max-width:619px) {
	.btn-default {
		margin: 5px 10px 5px 0px !important;
	}
	.btnHome .btn-default {
		display: block;
		/*display: table;*/
		margin: 20px auto !important;
	}
}
.btn-orange {
	background: url(../img/sprite-button-new.png) right -110px no-repeat
}
.btn-orange:hover, .btn-orange:focus {
	background: url(../img/sprite-button-new.png) right -220px no-repeat
}
.btn-small {
	background:#e46825;
	color:#fff;
	border:2px solid #e46825;
	border-radius:8px;
}
.btn-small:hover, .btn-small:focus{
	background:#c45a21;
	color:#fff;
	border:2px solid #c45a21;
}
@media(max-width:920px) {
.btn-orange {
	background-position: right -114px;
}
.btn-orange:hover, .btn-orange:focus {
	background-position: right -224px;
}
}
ul.banner-social-buttons {
	margin-top: 0;
}
.btnDot {
	background: url(../img/sprite-but-orange.png) right 4px no-repeat;
	padding-right: 20px;
	line-height: 2.2
}
 @media(max-width:479px) {
.text-right .btnDot.small {
	letter-spacing: -1px;
	white-space: nowrap;
}
}
 @media(max-width:1199px) {
ul.banner-social-buttons {
	margin-top: 15px;
}
}
 @media(max-width:767px) {
ul.banner-social-buttons li {
	display: block;
	margin-bottom: 20px;
	padding: 0;
}
ul.banner-social-buttons li:last-child {
	margin-bottom: 0;
}
}
FOOTER {
	padding: 60px 30px 0px 30px;
	/*background: #e5e6e7;*/
	/*background:#333;*/
	background:#48525a;
	font-size: 14px;
	color:#fff;
}
FOOTER H3 {
	margin-top: 20px;
	color:#fff;
}
FOOTER H3 A {
	/*color: #48525a;*/
	color:#e5e6e7;
}
FOOTER p {
	margin: 0;
}
FOOTER UL {
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;
}
FOOTER UL LI {
	margin: 7px 0;
}
FOOTER UL LI A{
	color:#fafafa;
}
FOOTER .col-sm-12 {	/* fix so links work in small mode*/
	position: inherit;
}

 @media (min-width: 780px) {
FOOTER .container-fluid .row .col-lg-9 .col-lg-2 {
	width: 20%;
}
}
@media (max-width: 992px) {
FOOTER .container-fluid .row .col-md-9, FOOTER .container-fluid .row .col-lg-9 {
	padding-left: 0px;
}
.footLogo {
	margin-bottom: 40px;
}
}
 @media (min-width: 1440px) {
FOOTER .container-fluid .row .col-lg-3 {
	padding-left: 70px;
}
}
FOOTER .row:nth-child(3) {
	padding: 50px 0 70px 0;
}

::-moz-selection {
 text-shadow: none;
 background: #fcfcfc;
 background: rgba(255,255,255,.2);
}
FOOTER .row:nth-child(3) .col-lg-3 UL LI {
	float: left;
	margin-right: 10px;
}
FOOTER .row:nth-child(3) .col-lg-3 UL LI:last-child {
	margin-right: 0px;
}
FOOTER .row:nth-child(3) .col-lg-3 UL LI A {
	background: url(../img/sprite.png) 0 -2000px no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -2500px;
	background-size: 100% auto;
}
FOOTER .row:nth-child(3) .col-lg-3 UL LI A:hover {
	opacity: .6;
	box-shadow: inset 0 0 0 1000px rgba(226,110,30,.4);
}
FOOTER .row:nth-child(3) .col-lg-3 UL LI A.Facebook {
	background-position: 0 -282px;
}
FOOTER .row:nth-child(3) .col-lg-3 UL LI A.LinkedIn {
	background-position: 0 -356px;
}
FOOTER .row:nth-child(3) .col-lg-3 UL LI A.Vimeo {
	background-position: 0 -430px;
}
FOOTER .row:nth-child(3) .col-lg-3 UL LI A.Twitter {
	background-position: 0 -506px;
}
FOOTER .row:nth-child(3) .col-lg-3 UL LI A.Pinterest {
	background-position: 0 -921px;
}
FOOTER .row:nth-child(4) {
	font-size: 12px;
}
FOOTER .row:nth-child(4) A {
	color: #48525a;
}
/* this is code that changes the text highlight color*/
::selection {
	text-shadow: none;
	background: #e16e1e;
	background: rgba(255,110,30,.2);
}
img::selection {
	background: 0 0;
}
 img::-moz-selection {
 background: 0 0;
}
body {
	-webkit-tap-highlight-color: rgba(255,110,30,.2);
}
/*  Start Custom CSS by Netkitchen above is all adaptions of the core  --- HOME PAGE CSS------ */


.btnHome .btn-default {
	margin: 20px 20px;
}
.btnHome {
	-vendor-animation-delay: 112s;
	animation-delay: 112s;
}
.boxTwo {
	min-height: 350px;
	text-align: center;
	padding: 40px 50px 40px 50px;
	z-index: 2
}
@media(max-width:1151px) {
.boxTwo {
	padding: 40px 25px 40px 25px;
}
}
.row .boxTwo:nth-child(1n) {
	border-left: 0px;
}
.row .boxTwo:nth-child(2n) {
	border-right: 0px;
}
#resources .row:nth-child(2) .boxTwo {
	border-top: 0px;
}
.boxTwo .icon::before {
	content: " ";
	/*background: url(../img/sprite-icons.png) no-repeat 0px 0px;*/
	height: 40px;
	width: 130px;
	position: absolute;
	left: 40%;
	top: 50px;
}

.boxTwo H2.icon {
	padding-top: 60px;
}
/*
.boxTwo.boxResources .icon::before {
	background-position: center 0px;
}
.boxTwo.boxSale .icon::before {
	background-position: center -4275px;
}
.boxTwo.boxGuide .icon::before {
	background-position: center -949px;
}
.boxTwo.boxTools .icon::before {
	background-position: center -1969px;
}
.boxTwo.boxLibrary .icon::before {
	background-position: center -2988px;
}
.boxTwo.boxVisPlan .icon::before {
	background-position: center -2491px;
}
.boxTwo.boxSupport .icon::before {
	background-position: center -3509px;
}
.boxTwo.boxResearch .icon::before {
	background-position: center -1483px;
}
.boxTwo.boxStories .icon::before {
	background-position: center -521px;
}
.boxTwo.boxBrochure .icon::before{
	background-position: 6px -780px;
}
.boxTwo.boxSpecs .icon::before{
	background-position: 4px -1730px;
}
.boxTwo.boxSymbols .icon::before{
	background-position: 4px -2989px;
}
.boxTwo.boxSignoff .icon::before{
	background-position: 4px -2750px;
}
.boxTwo.boxDevelopment .icon::before{
	background-position: center -2234px;
}
.boxTwo.boxAudiocast .icon::before {
	background-position: center -3765px;
}
.boxTwo.boxSustain .icon::before {
	background-position: center -3995px;
	background-size: 100% auto;
}
*/
.boxTwo:hover::before, .boxFour:hover::before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;	/* neg required for link to work */
	opacity: 0.1;
	background-repeat: no-repeat;
	background-position: 50% 0;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
@media(max-width:767px) {
	/*.boxTwo .icon::before {
		height: 100px;
		width: 100px;
		background-size: 100% auto;
	}
	.boxTwo H2.icon {
		padding-top: 135px;
	}
	.boxTwo.boxGuide .icon::before {
		background-position: center -731px;
	}
	.boxTwo.boxSale .icon::before {
		background-position: center -3275px;
	}
	.boxTwo.boxTools .icon::before {
		background-position: center -1500px;
	}
	.boxTwo.boxLibrary .icon::before {
		background-position: center -2280px;
	}
	.boxTwo.boxVisPlan .icon::before {
		background-position: center -1915px;
	}
	.boxTwo.boxSupport .icon::before {
		background-position: center -2500px;
	}
	.boxTwo.boxResearch .icon::before {
		background-position: center -1140px;
	}
	.boxTwo.boxStories .icon::before {
		background-position: center -400px;
	}
	.boxTwo.boxDevelopment .icon::before {
		 background-position:center -1715px;
	}
	.boxTwo.boxAudiocast .icon::before {
		 background-position:center -2870px;
	}
	.boxTwo.boxSustain .icon::before {
		background-position: center -3095px;
	}*/
}
@media(max-width:480px) {
	/*.boxTwo .icon::before {
		left: 36%;
	}*/
}
/* preload of rollover images used in various sections not related to ID below just a preload method */
#resources::before {
	/*content: url("../img/back-boxTwo01.jpg");*/
	width: 0;
	height: 0;
	visibility: hidden;
	position: fixed;
}
#products::before {
	/*content: url("../img/back-boxTwo02.jpg");*/
	width: 0;
	height: 0;
	visibility: hidden;
	position: fixed;
}
/*#customers::before {
	content: url("../img/back-boxTwo03.jpg");
	width: 0;
	height: 0;
	visibility: hidden;
	position: fixed;
}*/
#news::before {
	/*content: url("../img/back-boxTwo04.jpg");*/
	width: 0;
	height: 0;
	visibility: hidden;
	position: fixed;
}
.boxTwo.boxResources,.boxTwo.boxStories,.boxTwo.boxBrochure,.boxTwo.boxMedia,.boxTwo.boxAudiocast{
	/*background-color:rgba(233,245,248,0.4);*/
	background-image:url('/img/bg-stripes-sm.png');
}
.boxTwo.boxTools,.boxTwo.boxVisPlan,.boxTwo.boxSpecs,.boxTwo.boxSignoff,.boxTwo.boxDevelopment,.boxTwo.boxPlanning,.boxTwo.boxSustain{
	/*background-color:rgba(217,246,175,0.2);*/
	background-image:url('/img/bg-stripes-sm.png');
}
.boxTwo.boxSale,.boxTwo.boxGuide,.boxTwo.boxResearch,.boxTwo.boxEvents{
	/*background-color:rgba(253,214,180,0.2);*/
	background-image:url('/img/bg-stripes-sm.png');
}
.boxTwo.boxLibrary,.boxTwo.boxSupport,.boxTwo.boxSymbols{
	/*background-color:rgba(252,199,243,0.2);*/
	background-image:url('/img/bg-stripes-sm.png');
}
/*.boxTwo.boxResources:hover::before, .boxTwo.boxStories:hover::before, .boxTwo.boxBrochure:hover::before, .boxFour.boxMedia:hover::before, .boxFour.boxStories:hover::before, .boxTwo.boxAudiocast:hover::before, .boxFour.boxAudiocast:hover::before {*/
.boxTwo.boxResources:hover::before, .boxTwo.boxStories:hover::before, .boxTwo.boxBrochure:hover::before, .boxTwo.boxMedia:hover::before, .boxTwo.boxStories:hover::before, .boxTwo.boxAudiocast:hover::before, .boxTwo.boxAudiocast:hover::before {
	background-image: url('../img/back-boxTwo01.jpg');
	box-shadow: inset 0 0 0 1000px rgba(1,155,220,.4);
}
/*.boxTwo.boxSale:hover::before, .boxTwo.boxGuide:hover::before, .boxTwo.boxResearch:hover::before, .boxFour.boxEvents:hover::before, .boxFour.boxResearch:hover::before {*/
.boxTwo.boxSale:hover::before, .boxTwo.boxGuide:hover::before, .boxTwo.boxResearch:hover::before, .boxTwo.boxEvents:hover::before, .boxTwo.boxResearch:hover::before {
	background-image: url('../img/back-boxTwo02.jpg');
	box-shadow: inset 0 0 0 1000px rgba(226,110,30,.4);
}
/*.boxTwo.boxTools:hover::before, .boxTwo.boxVisPlan:hover::before, .boxTwo.boxSpecs:hover::before, .boxTwo.boxSignoff:hover::before, .boxFour.boxDevelopment:hover::before, .boxFour.boxPlanning:hover::before, .boxTwo.boxDevelopment:hover::before, .boxTwo.boxSustain:hover::before, .boxFour.boxSustain:hover::before {*/
.boxTwo.boxTools:hover::before, .boxTwo.boxVisPlan:hover::before, .boxTwo.boxSpecs:hover::before, .boxTwo.boxSignoff:hover::before, .boxTwo.boxDevelopment:hover::before, .boxTwo.boxPlanning:hover::before, .boxTwo.boxDevelopment:hover::before, .boxTwo.boxSustain:hover::before, .boxTwo.boxSustain:hover::before {
	background-image: url('../img/back-boxTwo03.jpg');
	box-shadow: inset 0 0 0 1000px rgba(120,190,32,.4);
}
.boxTwo.boxLibrary:hover::before, .boxTwo.boxSupport:hover::before, .boxTwo.boxSymbols:hover::before {
	background-image: url('../img/back-boxTwo04.jpg');
	box-shadow: inset 0 0 0 1000px rgba(158,0,126,.4);
}
.boxFour {
	min-height: 500px;

	text-align: left;
	padding: 40px 60px 0px 60px;
	z-index: 2;
	border-right: 0px;
}
.row .boxFour:nth-child(1) {
	border-left: 0px;
}
.boxFour .icon {
	background: none;
}
.boxFour .icon::before {
	content: " ";
	background: url(../img/sprite-icons.png) no-repeat 0px 0px;
	height: 100px;
	width: 100px;
	position: absolute;
	left: 33%;
	top: 40px;
}
@media(max-width:766px) {
.boxFour {
	min-height: inherit;
	padding: 40px 60px 40px 60px;
}
.boxFour .icon::before {
	left: 44%;
}
}
@media(max-width:600px) {
.boxFour .icon::before {
	left: 37%;
}
}
.boxFour H2.icon {
	padding-top: 120px;
}
.boxFour.boxMedia .icon::before {
	background-position: center -202px;
	background-size: 100% auto;
}
.boxFour.boxEvents .icon::before {
	background-position: center -922px;
	background-size: 100% auto;
}
.boxFour.boxDevelopment .icon::before {
	background-position: center -1700px;
	background-size: 100% auto;
}
.boxFour.boxSupportPhone .icon::before {
	background-position: center -2480px;
	background-size: 100% auto;
}
.boxFour.boxSupportPhone:hover:before {
	background-image: url('../img/back-boxTwo02.jpg');
	background-position: right 0px;
	box-shadow: inset 0 0 0 1000px rgba(158,0,126,.4);
}
.boxFour.boxStories .icon::before {
	background-position: center -400px;
	background-size: 100% auto;
}
.boxFour.boxPlanning .icon::before {
	background-position: center -1902px;
	background-size: 100% auto;
}
.boxFour.boxResearch .icon::before {
	background-position: center -1128px;
	background-size: 100% auto;
}
.boxFour.boxAudiocast .icon::before {
	background-position:center -2895px;
	background-size: 100% auto;
}
.boxFour.boxSustain .icon::before
{
	background-position:center -3095px;
	background-size: 100% auto;
}
 @media (min-width:766px) and (max-width:1200px) {
.row.flexbox .table-bordered:nth-child(3), .row.flexbox .table-bordered:nth-child(4) {
	border-top: 0px;
}
}
 @media (max-width:766px) {
.row.flexbox .table-bordered:nth-child(2), .row.flexbox .table-bordered:nth-child(3), .row.flexbox .table-bordered:nth-child(4) {
	border-top: 0px;
}
.carousel-inner .row, .row .flexbox {
	margin-left: 0px;
}
.row.flexbox DIV {
	border-right: 0px;
}
}
 @media (max-width:640px) {   /*  padding for  < > arrows in working sliders */
#myCarousel .carousel-inner .row {
	margin-left: 20px;
}
}

/*  FLEX BOX CODE to equal height of rows or center vert align rows */


@media(min-width:1200px) {
}
.flexbox  {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-ms-flex-direction: row;
flex-direction: row;
align-items: stretch;
}
.row.flexbox .col-lg-3, .row.flexbox .col-md-6 {
/*	flex: 1;*/
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
 @media(max-width:1200px) {
.flexbox {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around
}
.flexbox DIV {
	flex-basis: 380px !important
}
}
 @media(max-width:980px) {
.flexbox DIV {
	flex-basis: 330px !important;
}
}
 @media(max-width:880px) {
.flexbox DIV {
	flex-basis: 280px !important;
}
}
 @media(max-width:766px) {
.flexbox DIV {
	flex-basis: 100% !important;
}
#Resources .flexbox DIV {
	text-align: center
}
}
.vertCenter {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
 @media(max-width:992px) {
.vertCenter {
	display: inherit;
	-webkit-flex-direction: none;
	flex-direction: none;
	align-items: none;
}
}
/* custom CSS tool tip for products - bootstrap native did not work */

.prod5x4Img {
	width: 500px;
	height: 400px;
}
.catblock{
	/*background:#f2f2f2;*/
	/*padding-right:40px;*/
	height:280px;
}
.hpcatblock{ margin-top:30px; padding:15px 0px; }
.hpcatblock:hover{
	cursor:pointer;
}
.catblock .prod5x4Img,
.hpcatblock .prod5x4Img{
	/*padding:20px;*/
	/*border-bottom:1px solid #f2f2f2;*/
	/*margin-bottom:20px;*/
	max-width:100%;
	height:auto;
}
.catblock h2{
	font-size:1.25em;
	font-weight:400 !important;
	margin:0;
	padding:0;
}
.hpcatblock h2{
	font-size:1.15em;
	font-weight:500 !important;
	text-transform: uppercase;
	margin:0;
	padding:0;
}
.catblock p,
.hpcatblock p{
	font-size:0.8em;
	/*text-align:center;*/
}
.hpcatblock p{
	margin-top:0;
	padding-top:0;
	font-size:1.0em;
}
.hpcatblock p a{
	color:rgba(6, 108, 140, 1.0) !important;
	/*background-color:rgba(6, 108, 140, 0.2) !important;
	padding:12px 20px;
	color:#333;
	border-radius:8px;*/
}
.prdImgSquare{
	width:120px;
	height:120px;
	border-radius:90px;
	border:2px solid rgba(211,94,19,1);
	overflow:hidden;
	text-align:center;
	background:#fff;
	margin:0px auto;
}
.prod5x4ImgHome{
	height:75%;
	margin-top:15px;
}
.prdContent{
	padding-top:20px;
	width:90%;
	margin:0px auto;
}
.prdContent a{
	color:#d35e13 !important;
}
.prdContent p{
	font-size:0.9em;
}
@media(max-width:766px) {
	.prdContent{
		margin-bottom:30px;
	}
}
.prod3x2Img {
	/*max-width: 267px;*/
	/*max-height: 200px;*/
	/*height: 100%;
	width: 100%;*/
	/*margin:0px auto;*/
	max-width:95%;
	display:block;
}
	 @media(max-width:1200px) {
	.prod5x4Img {
		width: 100%;
		height: auto;
		max-width: 500px;
		max-height: 400px;
	}
	}

 @media(max-width:640px) {
.prod5x4Img {
	width: 60%;
	height: auto;
}
}
 @media(max-width:500px) {
.prod5x4Img {
	width: 90%;
	height: auto;
}
}
.prodTipImg {
	z-index: 1;
}
 @media(max-width:1025px) {
.prodTip {
	display: none;
}
}
/* #products .row { */
	/*margin-bottom: 40px;*/
	/*padding-bottom: 30px;*/
/* } */
 /*@media(max-width:991px) {
#products .row {
	margin-bottom: 40px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 30px;
}*/
.lineWrapper {
	display: none;
}
/* } */
.prodTip {
	text-decoration: none;
	position: relative;
	font-size: 14px;
}
.prodDotUp {
	opacity: .7
}
.prodDotUp:hover, .prodTip:hover .prodDotUp {
	opacity: 1
}
.prodTip span {
	display: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: url(../img/tip.png) center 100% no-repeat;
	color: #48525a;
	font-size: 14px;
	text-align: left;
	width: 300px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	height: auto;
	overflow: hidden;
	padding: 15px 20px;
	border-top: 1px solid #999ea3;
}
.prodTip span img {
	float: left;
	margin: 0px 8px 8px 0;
}
.prodTip:hover span {
	display: block;
}
.prodTip SPAN STRONG {
	display: block;
	line-height: 2.5;
}
/*  css to place orange lines - animation is in animation.css */
.lineWrapper {
	margin: -145px 0 -40px 270px;
	min-height: 160px
}
.vertLine {
	width: 1px;
	border-left: 1px solid #d35e13;
	min-height: 80px;
}
.horzLine {
	height: 1px;
	border-top: 1px solid #d35e13;
	max-width: 378px;
}
.altVertLine {
	margin-left: 377px;
}
.shortLine .horzLine {
	max-width: 369px
}
.shortLine .altVertLine {
	margin-left: 368px;
	max-height: 60px;
	min-height: 60px
}
 @media(max-width:1440px) {	/* for orange lines*/
/*#products .row {
	background: #ffffff;
}*/
}
 @media(max-width:1440px) {	/* for orange lines*/
.horzLine {
	max-width: 320px
}
.altVertLine {
	margin-left: 319px;
}
.shortLine .horzLine {
	max-width: 299px
}
.shortLine .altVertLine {
	margin-left: 298px;
	max-height: 60px
}
}
 @media(max-width:1200px) {	/* for orange lines*/
.horzLine {
	max-width: 300px
}
.altVertLine {
	margin-left: 299px;
}
.shortLine .horzLine {
	max-width: 209px
}
.shortLine .altVertLine {
	margin-left: 208px;
}
}
/* home how use carosel css & bootstrap overrides  */
#howUse {
	position: relative;
	overflow: hidden;
	padding-bottom: 80px;
}
.carousel-control {
	width: 7%;
}
.carousel-control.right, .carousel-control.left {
	background: none;
	background-image: none;
}
.carousel-control .glyphicon-chevron-right {
	background: url(../img/sprite.png) 0 -1055px no-repeat;
	width: 30px;
	height: 30px;
}
.carousel-control .glyphicon-chevron-left {
	background: url(../img/sprite.png) 0 -935px no-repeat;
	width: 30px;
	height: 30px;
}
.carousel-inner .item {
	width: 86%;
	/*	margin-left: 90px;*/
	margin-left: 6%;
}
#howUse .carousel-inner .item IMG {
	width: 175px;
	height: 140px;
}
.carousel-inner.static .item {	/*	adjustment for non scrolling 4 ups */
	width: 90%;
}
.carousel-inner .row {
	margin-left: 0px;
}
.carousel-inner .item DIV.col-lg-3 {
	padding-right: 60px;
}
.carousel-inner .item P.col-lg-7 {
	margin-left: 0px;
	padding-left: 0px;
	float: none;
}
 @media(max-width:1200px) {	/* for orange lines*/
.carousel-inner .col-lg-3.col-sm-6 {
	padding-left: 0px;
	padding-bottom: 20px;
}
}
 @media (max-width: 767px) {
.carousel-inner .item {
	margin-left: 40px;
}
}
 @media (max-width: 640px) {
.carousel-inner .item {
	margin-left: 20px;
}
}
.carousel-inner .item DIV P A.btnDot {
	background-position: right 0px;
}
.carousel-buttons {
	width: 320px;
	margin: 0 auto;
}
.carousel-buttons DIV {
	float: left;
	padding: 30px 15px 0px 15px;
}
.carousel-indicators {
	/*width: 100%;*/
	position: relative;
	left: auto;
}
.carousel-indicators .active {
	width: auto;
	height: auto;
	background-color: transparent;
	margin: inherit !important;
}
.carousel-indicators .active A {
	color: #d35e13;
}
/* 					 product page carosel CSS 						*/


.carousel.slide .item .thumb {
	width: 25%;
	cursor: pointer;
	float: left;
}
#productDetail .carousel.slide .item img {
	width: 100%;
}
.col-lg-pull-sm {
	right: 3%;
	padding: 0px;
	padding-left: 15px;
	margin-bottom: 40px;
}
#productDetail .carousel.slide .item .thumb img {
	height: 90px;
	width: auto !important;
	/*border: 1px solid #d5d5d5;*/
}
#productDetail .carousel.slide .carousel-inner {
	margin-left: -22px;
}
#productDetail .carousel.slide .carousel-inner .item {
	margin-left: 10%;
}
#productDetail .carousel-control {
	width: 2%;
}
.carousel.slide .item .thumb img {
	/*height: 100px;*/
	height: 90px;
	width: auto;
	/*border: 1px solid #d5d5d5;*/
}
 @media (max-width: 1440px) {
#productDetail .carousel.slide .item .thumb img {
	/*height: 92px;*/
	max-width:95%;
}
}
 @media (max-width: 1240px) {
.col-lg-pull-sm {
	right: 1.5%;
}
}
 @media (max-width: 1199px) {
#productDetail .carousel.slide .item .thumb img {
	height: 60px;
}
}
 @media (max-width: 991px) {
#productDetail .carousel.slide .item img {
	max-width: 600px
}
#productDetail .carousel.slide .item .thumb img {
	height: 100px;
}
}
 @media (max-width: 700px) {
#productDetail .carousel.slide .item .thumb img {
	height: 90px;
}
}
 @media (max-width: 600px) {
#productDetail .carousel.slide .item .thumb img {
	height: 70px;
}
}
 @media (max-width: 470px) {
#productDetail .carousel.slide .item .thumb img {
	height: 45px;
}
}
.revealImg, .revealImg IMG {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.revealImg IMG {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
 @media(max-width:1440px) {	/* for orange lines*/
.revealImg IMG {
	width: auto;
}
}
.revealImg H2 {
	position: absolute;
	top: 79px;
	left: 6%;
	z-index: 9999;
	color: #ffffff;
	text-shadow: 1px solid #000000
}
 @media(max-width:1024px) {
.revealImg H2 {
	top: 60px;
}
}
 @media(max-width:640px) {	/* for orange lines*/
.revealImg H2 {
	left: 4%;
}
}
 @media(max-width:360px) {
.revealImg H2 {
	top: 60px;
	left: 20px;
}
}
.zHide {
	z-index: -1;
}
/*  start Hillbrook Landing page code  */

.introHillbrook {
	background: url(../img/anchor-hillbrook-lab.jpg) no-repeat bottom center scroll;
}
.formHeader {
	background: #d35e13;
	color: #ffffff;
	font-size: 30px;
	padding: 25px 20px;
	font-weight: 700;
	line-height:28px;
}
.formCol FORM {
	padding: 10px 20px;
}
.formCol FORM INPUT, .formCol FORM SELECT {
	padding: 10px 20px;
	width: 100%;
	min-height: 40px;
	font-size: 16px;
	margin: 5px 0;
	color: #999ea3;
	border-radius: 6px;
	border: 1px solid #fff;
	outline: 0px;
}
.formCol FORM BUTTON {
	width: 100%;
	max-width: 320px;
}
.formCol FORM INPUT:focus{
	background-color:#333;
	border:1px solid #df6f1d;
	color:#df6f1d;
}
.formCol p.small{ font-size:0.7em; text-align:center; display:none; color:#df6f1d; font-weight:bold; }
@media (min-width: 1200px) and (max-width: 1440px) {
.formCol FORM .btn-default {
	padding-left: 25px;
}
}
.modal-dialog {
	/*position: absolute;*/
	/*left: 50%;*/
	/*margin-left: -312px;*/
	/*height: 500px;*/
	top: 15%;
	/*margin-top: -250px;*/
}
/* .modal-lg{ */
	/*margin-left:-*/
/* } */
/*   product detail page */

.anchorOff {
	padding-top: 130px;
}
.anchorOff H1 {
	font-size: 40px;
	font-weight: 300;
	color: #48525a;
	text-shadow: none;
	margin-bottom: 0px;
	line-height: 40px;
}
.anchorOff H1 SPAN {
	color: #d35e13;
}
.borderBot {
	margin-bottom: 40px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 30px;
}
.borderTop{
	border-top: 1px solid #cccccc;
	padding-top: 60px;
}
A.btnDot.small {
	background-position: right 3px;
}
.btn-save {
	background: url(../img/sprite-button-new.png) 100% -345px no-repeat;
	text-align: left;
	padding: 10px 47px 10px 20px;
	font-size: 14px;
	min-width: 50px;
	margin-right: 15px;
}
.btn-save:hover, .btn-save:focus {
	background-position: 100% -424px;
}
.btn-share {
	background: url(../img/sprite-button-new.png) 100% -508px no-repeat;
	text-align: left;
	padding: 10px 47px 10px 20px;
	font-size: 14px;
	min-width: 50px;
	margin-right: 15px;
}
.btn-share:hover, .btn-share:focus {
	background-position: 100% -587px;
}
.btn-chat,
.btn-download {
	text-align: left;
	padding: 10px 47px 10px 20px;
	font-size: 14px;
	min-width: 50px;
	background-position: 93% -121px;
}
.btn-chat:hover, .btn-chat:focus,
.btn-download:hover, .btn-download:focus {
	background-position: 93% -230px;
}
.btn-add {
	background:url(../img/sprite-button-newest.png) 100% -668px no-repeat;
	text-align:center;
	padding:10px 20px 10px 20px;
	font-size:14px;
	min-width:50px;
	/*margin-right:15px;*/
}
.btn-add:hover, .btn-add:focus {
	background-position: 100% -747px;
}
 @media (max-width: 360px) {
.btn-share, .btn-save {
	min-width: 135px;
}
.btn-chat {
	min-width: 135px;
	padding: 10px 47px 10px 17px;
}
}
.smallIcons a.icon {
	text-align: center;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 1.2em;
	width: 100px;
	margin-right: 30px;
	min-height: 120px;
	margin-top: 10px;
}
/* .smallIcons a.icon:first-child { */
	/*margin-left: -22px;*/
/* } */
.smallIcons a.icon:last-child {
	margin-right: 0px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.smallIcons a.icon {
	margin-right: 16px;
}
}
 @media (min-width: 991px) and (max-width: 1199px) {
.smallIcons a.icon {
	margin-right: 10px;
}
}
 @media (max-width: 700px) {
.smallIcons a.icon:first-child {
	margin-left: 0px;
}
.smallIcons a.icon {
	margin-right:10px;
}
}
 @media (max-width: 480px) {

.smallIcons a.icon {
	margin-right:30px;
}
}
.smallIcons a.icon SPAN {
	content: " ";
	background: url(../img/sprite-icons.png) no-repeat 0px 0px;
	height: 83px;
	width: 75px;
	background-size: 100% auto;
	display: block;
	margin-left: 10px;
}
.smallIcons a.icon SPAN.iconSymbol {
	background-size: 95% auto;
	background-position: 4px -1625px;
}
.smallIcons a.icon SPAN.iconInstruct {
	background-position: 2px -549px;
}
.smallIcons a.icon SPAN.iconBrochure {
	background-position: 2px -449px;
}
.smallIcons a.icon SPAN.iconSpecs {
	background-position: 2px -998px;
}
.smallIcons a.icon SPAN.iconGuide {
	background-size: 95% auto;
	background-position: 0px -1497px;
}
.smallIcons a.icon SPAN.iconAudio {
	background-size: 95% auto;
	background-position: 2px -2040px;
}
#subNavBar {
	background-color: #009cde;
	color: #ffffff;
	border-top: 1px solid #9a9fa4;
	border-bottom: 1px solid #9a9fa4;
	display: flex;
	justify-content: space-between;
	padding: 0px 100px;
	margin: 60px 0 0 0;
}
#subNavBar small{
	font-size:70%;
}
@media (max-width: 1200px) {
#subNavBar {
	padding: 0px 20px;
}
}
	#subNavBar A {
		color: #ffffff;
		text-decoration: none;
		padding: 14px 20px;
			display: block;
			float: left;
	}



 @media (max-width: 1000px) {
#subNavBar A {
 padding: 14px 10px;
}
}
 @media (max-width: 900px) {
#subNavBar {
	display: block;
	justify-content: none;
}
#subNavBar A {
	width: 50%;
	display: block;
	float: left;
}
}
 @media (max-width: 615px) {
#subNavBar A {
	width: 100%;
}
}
#subNavBar A:hover,
#subNavBar a.active {
	background-color: #ffffff;
	color: #009cde;
	text-decoration: none;
}
#Related{
	background:white;
	width:100%;
}
#Related IMG {
	/*border: 1px solid #d5d5d5;*/
	/*width: 175px;*/
	/*height: 140px;*/
	max-width:100%;
}
/* QA on Product Page expanding -  Icon when the collapsible content is shown */
#QA {
	background: #48525B;
	padding: 60px 0 80px 0;
}
#QA .qa:after {
	content: "-";
	margin-left: 15px;
	font-size: 35px;
	line-height: 25px;
	cursor: pointer;
	float: right;
	margin-right: -25px;
}
/* Icon when the collapsible content is hidden */
#QA .qa.collapsed:after {
	content: "+";
}
/* custom for this page */
#QA h2 {
	color: #fff;
}
#QA p.qa {
	color: #fff;
	cursor: pointer;
	margin-bottom: 0px;
	padding-right: 30px;
}
#QA div.answer {
	color: #ccc;
}
#QA .row {
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 10px;
	padding: 10px 0 20px 0;
	margin-left: 0px;
	margin-right: 0px;
}
 @media (max-width: 471px) {
#QA .qa:after {
	margin-top: -10px;
}
}



/*     PROD DETAIL PAGE KENDO SELECT LIST CSS     */

.prod-config	{
	width: 45%;
	float: left;
	margin: 20px 20px 0 0;
}


@media  (max-width: 600px) {
		.prod-config{
		width: 100% !important;
		}
		 }

a.prod-config-link {
	color: #999 !important;
}


#configSelect {
padding-bottom: 20px;
}

/*, #configSelect .k-widget  INPUT*/
#configSelect .k-widget, .multiSelect  .k-widget{
	cursor:  pointer;
	font-size: 15px;
	font-weight: normal;
	width: 44%;
	border: 1px solid #e5e6e7;
	background: #ffffff;
}

.k-dropdown-wrap {
background: #ffffff !important;
}
.k-state-default-hover, .k-state-focused {
background: #e5e6e7 !important;
}
.k-dropdown-wrap.k-state-default.k-state-focused {
background: #e5e6e7 !important;
}
.k-list-scroller  {
		 overflow-x:hidden !important;
font-size: 15px
}

.k-i-arrow-s:before {
    content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: url(../img/sprite.png) no-repeat 5px -55px !important;
}


.dropdown-header {
	border-width: 0 0 1px 0;
	text-transform: uppercase;
}
.dropdown-header > span {
	display: inline-block;
	padding: 10px;
}
.dropdown-header > span:first-child {
	width: 50px;
}
		.selected-value {
			display: inline-block;
			vertical-align: middle;
			width: 30px;
			height: 23px;
			background-size: 100%;
			margin-right: 5px;
			border-radius: 2px;
			border: 1px solid #e5e6e7
		}
#finish-list .k-item {
	line-height: 1em;
	min-width: 300px;
}




/* start   list  css */
.k-item {
	line-height: 1em;
	/*min-width: 300px;*/
}

.k-material #caster-list .k-item,  .k-material #caster-list .k-item.k-state-hover,  .k-materialblack #caster-list .k-item,  .k-materialblack #caster-list .k-item.k-state-hover {
	padding-left: 5px;
	border-left: 0;
}
		.k-list-container .k-item > span {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: inline-block;
			vertical-align: top;
			margin: 13px 0px 5px 0px;
			max-width: 200px;
			width: 75%;
		}

		  @media  (min-width: 768px) and (max-width: 991px) {
			 .k-list-container .k-item > span {
		width: 60%;
		font-size: 14px;
		}
		 }


		.k-list-container .k-item > span:first-child {
			-moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
			-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
			box-shadow: inset 0 0 30px rgba(0,0,0,.3);
			margin: 5px 10px 5px 0px;
			width: 40px;
			height: 30px;
			border-radius: 4px;
			background-size: 100%;
			background-repeat: no-repeat;
		}
/*.k-list-container h3 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 1px 0;
	padding: 0;
}*/
	.k-list-container p {
		margin: 0;
		padding: 0;
		font-size: 15px;
		line-height: 13px;
	/*	font-size: .8em;*/
	}
.k-list-container p:nth-child(2) {
color: #999;
font-size: .8em;
}
.k-list-container .k-list-optionlabel {
padding-left: 12px !important;
}

.k-list-container .k-state-focused{
color: #999 !important;
}


/* end list css*/





/* 		tier three page CSS   */

.introTierThree {
			max-height: 235px;
			position: relative;
		}

.introTableDeskPower {
background: url(../img/anchor-tables-desks-power.jpg) no-repeat bottom center scroll;
		}



UL.square {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
UL.square LI{
	margin: 0px 0 0 15px;
	padding:0px;
	font-size: 14px;
}


.searchFull {
	border: 0px;
	width: 100%;
	font-size: 14px;
	padding: 10px 10px 10px 44px;
	background: #f8fafb url(../img/sprite.png) no-repeat 10px -1244px;
	outline: none;
	border: 1px solid #f1f1f2;
}


@media (max-width: 768px) {
#productList .content-section {
    padding-top: 0px;
}
#productList .content-section .pad0Left {
padding-left: 20px;
}
#productList .content-section .fadeInUpBig {
border-bottom: 1px solid #f1f1f2;
padding: 30px 0 20px 0;
}

}

#productFilter {
padding-top: 40px;
}
.filterRow {
border-bottom: 1px solid #f1f1f2;
padding-bottom: 10px;
margin-bottom: -3px
}


.filterToggle UL {
list-style: none;
	margin: 20px  0px 0px 0;
padding: 0px;
}
.filterToggle UL LI{
margin:0px  0px 0px 0;
padding: 8px 0 0 0px;
min-height: 45px
}
.filterToggle UL LI .km-switch{
float: right;
margin-top: -8px
}

			.configureHide {
					opacity: .4;
					display: none;
				}

				.configureShow {
					visibility: visible;
					opacity: 1;
					display: inherit;
				}


.k-multiselect .k-icon.k-i-close {
  	background: url(../img/sprite.png) no-repeat 0px -1310px !important;
}

.k-multiselect .k-button {
  	    text-transform: none;
		font-weight: normal;
		    background-color: #f2f2f2;
}

#configSelect .threeUpSelect .k-widget, .multiSelect .threeUpSelect .k-widget {
    width: 30%;
}
 @media  (max-width: 1200px) {
	#configSelect .threeUpSelect .k-widget, .multiSelect .threeUpSelect .k-widget {
    width: 44%;
}
 }

.k-multiselect .k-button SPAN:nth-child(3){
    display: block;
	 margin: 0px;
    margin-bottom: -28px;
    margin-top: -10px;
    text-align: left;
    margin-left: 40px;
    font-size: 12px;
    color: #999999;
}
.km-switch-container, .km-switch-wrapper {
    border-color: #f1f1f2;
	border-width: 0px;
}

.filterToggle  .km-switch {
    height: 2.29em;
	}

.filterToggle	.km-switch-label-off, .filterToggle .km-switch-label-on {
    line-height:2.1em;
}
.filterToggle .km-switch-label-on {
   color: #ffffff
}
.filterToggle .km-switch-label-off {
   color: #ffffff
}

.filterToggle .km-switch-wrapper{
  background-color: #e26e1e;
/*  border: 1px solid #e26e1e;*/
}
.filterToggle .km-switch-on .km-switch-container{
  background-color: #78be20 !important;
  border: 1px solid #78be20;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #d35e13;
  margin: 2.5em 0px;
  padding: 0.5em 10px 0.5em 30px;
  quotes: "\201C""\201C";
}
blockquote:before {
  color: #d35e13;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
	font-size:2em;
	line-height:1.2em;
	font-weight:500;
}

#addBtn{
	display:inline !important;
}

.subheading{ display:block; font-size:0.75em; }
span.small{ color: #ffffff !important; }


.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
	border-bottom-left-radius: 4px !important;
}
.form-signin input[type="submit"]{
	margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 4px !important;
	text-transform:none;
}
.login-links a{ color:#fff !important; }
.login-links a:hover{ color:#199dda !important; }

#sfliveagent{
	position: fixed;
	bottom:0;
	right:2%;
	z-index: 100000;
	width:300px;
	padding:4px;
	background:#e4701e;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	cursor: pointer;
}
#sfliveagent:hover{ background:#ed9c28; }

#sfliveagent p,
#sfliveagent iframe{
	margin:0;
	padding:0;
}

.sfla_header{
	font-weight: 500;
	color:#fff;
	display:block;
	padding:4px 8px;
}
#sfla_online,
#sfla_offline{
	display:none;
	background:#fff;
}
/*#sfla_tsbutton_online,
#sfla_tsbutton_offline,
#sfla_osbutton_online,
#sfla_osbutton_offline{
	display:none;
}*/
.sfla_button{
	margin-bottom:30px;
}
.sfla_button a{
	cursor:pointer;
}
.fullscreen{
	max-height:80vh !important;
}
.animated-arrow.menuopen {
   padding: 13px 35px 30px 10px;
   margin: 12px 0 12px 0px;
   background: #48515a;
   border-radius: 0px 6px 6px 0px;
}
.commonsTitle{
	padding-top:12%;
}
.user_errors{
	width:50%;
	margin:0px auto;
}
#error_explanation{ text-align:left; }
#error_explanation h2{
	font-size:14pt;
}
.email-footer{
	border-top:1px solid #ddd;
	padding-top:12px;
}
.refimage{
	padding:0;
	margin:0 0 16px 0;
}
.refimage img{
	max-width: 100%;
	padding:8px 16px 8px 0px;
}
.btn-search{
	padding:10px 12px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

#blogposts{
	background:url('/img/back-blogfeed.jpg') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
#blogposts .heading-centered{
	text-align:center;
	padding-bottom:20px;
	/*font-weight:700;*/
}
.bpost{ background:#fff; padding:10px; box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.1); }
.borderless{ box-shadow: none; padding-left:0; }
.bpost p{ margin:0; padding:0; color:#3a4b54; }
.bpost .title{ font-weight:bold; color:#e46825; }
.bpost .descript, .bpost .date{ font-size:14px; }
.bpost .date{ color:#8a8a8a; }
.postimage{ margin-bottom:20px; }
@media(max-width:766px) {
	.bpost{
		margin-bottom:30px;
	}
}

#designIdeas .heading-centered{
	text-align: center;
}
.design-gallery{ box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.1); }
.design-gallery img{ height:auto; }

#ideanav{
	margin:0;
	padding:0 0 20px 0;
	list-style-type: none;
	text-align:center;
	font-size:14px;
}
#ideanav li{
	display:inline-block;
	list-style-type: none;
	margin:0;
	padding:0 0 0 10px;
}
#ideanav li a.active{
	color:#df6f1d;
	border-bottom:3px solid #df6f1d;
}
#lcSignup{
	width:100%;
	background:url('/img/lc-header-bg.png'), url('/img/environments/dark/sc-government-lobby-lc.jpg');
	/*background:url('/img/lc-header-bg.png');*/
	background-position:bottom center, bottom center;
	padding-top:100px;
	padding-bottom:100px;
	color:#fff;
}
#lcSignup .form{
	margin-top:12px;
}
#lcSignup h2{font-size:250%;padding-bottom:0px;margin-bottom:0;font-weight:600;color:#fff;}
#lcSignup p{font-size:20px;margin-bottom:0;padding-bottom:10px;padding-top:10px; }
#lcSignup .newsletter{
	padding:20px;
	border-radius:8px;
	background:rgba(255,255,255,0.75);
	width:90%;
}
#lcSignup label{
	font-size:16px;
	color:#333e48;
}
#lcSignup .btn-warning{
	background-color:#d35e13;
	border-color:#d35e13;
}
#lcSignup .btn-warning:hover{
	background-color:#df6f1d;
}
#learningGuide{
	background:url('/img/bg-stripes-green.png'), url('/img/bg-activelearningguide.jpg');
	background-position:bottom center, bottom center;
}
#learningGuide .algimg{
	max-width: 50%;
	transform:rotate(-6deg);
	margin:10px 0px 30px;
	box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.1);
}
#learningGuide .form{
	padding:20px;
	border-radius:8px;
	background:rgba(255,255,255,0.5);
}
#techLearning{
	background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/img/bg-stripes-sm.png'), url('/img/bg-cdepaper.jpg');
	/*background:url('/img/back-blogfeed.jpg')*/
	background-position:center center, bottom center, bottom center;
	padding:60px;
	margin-top:60px;
	color:#fff;
}
#techLearning h2{
	color:#fff;
}
#techLearning img{
	max-width:90%;
	box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.1);
}
#techLearning a.wlink:link,
#techLearning a.wlink:visited{
	color:#fff;
	font-weight:bold;
}
#techLearning a.wlink:hover{
	text-decoration: underline;
}
#newsfeed .bpost{
	min-height:440px;
}
#newsfeed .event{
	border-bottom:1px solid rgba(0,0,0,0.2);
	margin-bottom:14px;
	padding-bottom:10px;
}
.teamImg{
	max-width:100%;
	border-radius:50%;
	border:3px solid rgba(33,33,33,0.1);
	margin-bottom:30px;
}
.terList{ font-size:0.85em; }
.terList h3{ margin:0; padding:0; color:#d35e13; font-size:130%;}
.terList h4{ margin-top:20px; margin-bottom:20px; }
.terList strong{ font-size:0.85em; }

#cdePaper{
	background:url('/img/bg-stripes-sm.png'), url('/img/bg-cdepaper.jpg');
	background-position:bottom center, bottom center;
}
#cdePaper h2{ color:rgba(12,124,147,1.0); }
#cdePaper h3{ font-size:120%; border-bottom:1px solid rgba(0,0,0,0.3); color:rgba(12,124,147,1.0); }
#cdePaper .pop-block{
	font-size:120%;
	font-weight:500;
	display:block;
	float:left;
	width:70px;
	height:60px;
	line-height:60px;
	text-align:center;
	background-color:rgba(12,124,147,1.0);
	color:#fff;
	margin-right:20px;
}
.cdeblue{ color:rgb(12,124,147); }
.deal-terms{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	font-size:0.85em;
	font-style: italic;
	margin-bottom:20px;
}
.deal-terms li{
	padding-bottom:8px;
	/*margin-bottom:8px;*/
}
.prdList{
	padding-top:30px;
}
.prdList .item{
	margin-bottom:20px;
	height:330px;
	overflow:hidden;
}
.prdListDesc{
	/*min-height:80px;*/
	display:block;
	text-align:justify;
}
.kl-block{
	min-height:330px;
}
.kl-block h3{
	margin-top:0;
	padding-top:0;
	font-size:0.9em;
}
.kl-block h4{
	margin-bottom:0;
	padding-bottom:0;
	font-size:1.4em;
}
.kl-block .small{
	color:#d35e13 !important;
}

.product-cont{
	margin-top:60px;
	width:100%;
}
.rect{ width:100%; margin-top:60px; }
.smlprd{ width:50%; margin:0; padding:0; vertical-align: top; }
	.smlprd img{ max-width:100%; margin:0; padding-top:0; padding-bottom:20px; }
	/*.rect table tr td{ color:#fff; }*/
	.btn-product{ display:inline-block; border:2px solid #4cbb85; padding:8px 20px; text-decoration:none; color:#4cbb85; border-radius:18px; }

.product{ width:100%; margin:30px auto; }
	.product tr td{ width:50%; }
  /*.prdimg{ border:4px solid #fff; border-radius:75px; }*/
	.prdimg{ max-width:100%; margin-left:-40px; }
  .product-detail{ padding-left:20px; }
  .product-detail h2{ font-size:2em; margin-bottom:0; padding-bottom:8px; color:#25ad88; font-weight:500; padding-bottom:20px; }
	.product-detail .thinner{ font-weight:100; display:block; color:#006a84; margin-bottom:10px; font-size:0.6em; letter-spacing: 2px; }
  .product-detail p.message{ margin:0; padding:0; font-size:13pt; font-weight:400; line-height:18pt; color:#006a84; }
  .product-detail .btn-product{ border-color:#d35e13; color:#d35e13; font-size:13pt; margin-top:20px; }
	.product-detail .btn-product:hover{ background-color:#d35e13; color:#fff; }
		.smlprd .product-detail h2{ font-size:1.5em !important; line-height:18pt; }
		.smlprd .product-detail p.message{ font-size:11pt; }

.ledrblock{ text-align:center; }
.leader{ font-size:1.5em; width:80%; margin:0px auto; font-weight:100; }
.article-list{ list-style-type:square; padding-left:16px; }
.article-list li{ padding-bottom:10px; }

.planning-nav{ list-style-type:none; margin:20px 0 0; padding:0; }
.planning-nav a{ display:block; padding:4px 8px; }
.planning-nav a:hover{ background-color:#f2f2f2; font-weight:bold; }
.planning-nav a.active{ background-color:#df6f1d; color:#fff; font-weight:bold; }
.bg-white{ background:#fff; }

.imageresource{ height:50px; overflow:hidden; width:100%; }


.introCategory .brand-heading{
	font-size:54px;
}
.featureList{ padding-bottom:40px; }
.featureList ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.featureList ul li{
	list-style-type: none;
	background:#fcfcfc;
	border-top:1px solid #e2e2e2;
	/*border-bottom:1px solid #dedede;*/
	margin:0;
	padding:8px 12px;
}
.featureList ul li:nth-child(even){
	background:#fff;
}
.featureList h3{
	margin-top:20px;
	margin-bottom:0;
	padding-bottom:0;
}
.featureList h4{
	margin-top:40px;
}
/* .featureList p{
} */
.featureList p small{
	display:block;
	/*line-height:0.9em !important;*/
	margin-top:10px;
	font-size:0.75em;
	font-style: italic;
}


.mlist{
	/*margin-top:30px;*/
	padding-top:30px;
	padding-bottom:30px;
}
#models .table tr td{
	font-size:11pt;
	width:75%;
}
#models .table tr td:first-child{
	width:25%;
}

#matrix h4{
	line-height:28pt;
}
#matrix table#matrixtable{
	margin-top:60px;
	font-size:8pt;
	border:none;
	/*width:1300px !important;
	max-width:1300px !important;*/
}
#matrix table#matrixtable tr th{
	text-align:center;
	font-size:10pt;
	border:none;
}
#matrix table#matrixtable tr td{
	text-align:center;
	vertical-align: middle;
}
#matrix table#matrixtable tr td.chkbox{
	font-size:12pt;
	font-weight:bold;
}
#matrix table#matrixtable tr td.chkbox span{
	font-size:7pt;
}
#matrix table#matrixtable img{
	display:block;
	width:110px !important;
	margin:0px auto;
}
.matrixcontent{
	width:100%;
}
.matrixcontent tr td{
	text-align:center !important;
	padding:3px;
}
#matrix table#matrixtable tr.gap{
	background:#fff;
	border:none;
	height:20px;
}
#matrix table#matrixtable tr.gap td{
	font-weight:bold;
	vertical-align: bottom;
	padding-top:20px;
	text-align:left;
	border:none;
	color:#d35e13;
	font-size:13pt;
}
#matrix table#matrixtable tr.dims .matrixcontent td{
	font-size:9pt;
	padding:2px;
}
#matrix table#matrixtable td.title{
	font-weight:bold;
	font-size:8pt;
}
/* #stories{ */
	/*margin-top:80px;*/
/* } */
.matrixvideo,
.hpvideo{
	width:99%;
	height:350px;
	padding:1%;
	background:#fcfcfc;
	border:1px solid #eee;
}
.bbrand .brand-heading{
	padding-top:60px;
}
span.dark{
	color:#444 !important;
}
@media (max-width:1440px) {
	.matrixvideo,
	.hpvideo{
		height:290px;
	}
}

@media (max-width:1200px) {
	.matrixvideo,
	.hpvideo{
		height:240px;
	}
	.bbrand .brand-heading{
		padding-top:30px;
	}
}
@media (max-width:992px){
	.matrixvideo,
	.hpvideo{
		height:360px;
	}
	.introCategory .matrixvideo{
		margin-top:80px;
		height:180px !important;
	}
}
@media (max-width:550px){
	.matrixvideo,
	.hpvideo{
		height:260px;
		margin:0px auto;
	}
	.introCategory .matrixvideo{
		margin:0px auto;
		height:260px !important;
	}
	.bbrand{ margin-bottom:30px; }
	.bbrand .brand-heading{
		padding-top:0px;
	}
}

.highlights li{
	list-style-type: disc;
	padding-bottom:6px;
	margin-left:20px;
}
.sub-feature{
	font-size:1.5em;
	line-height:20pt;
}
.sub-feature .orange{
	display:block;
	padding-top:10px;
	/*padding-bottom:5px;*/
	line-height:16pt;
	/*border:1px solid #f00;*/
}
.feature-copy{
	padding-bottom:40px;
}
#companies{
	padding-top:40px;
	padding-bottom:40px;
}
.bcsitem{
	text-align:center;
}
.bcslogo{
	width:200px;
	height:200px;
	/*border:1px dotted #f00;*/
	margin:0 auto;
	padding:0;
	position:relative;
}
.bcslogo img{
	width:130px;
	opacity:0.4;
	position:absolute;
  top: 50%;  /* position the top  edge of the element at the middle of the parent */
  left: 50%; /* position the left edge of the element at the middle of the parent */
	transform: translate(-50%, -50%);
}
.bcslogo img:hover{
	opacity:1.0;
	cursor:pointer;
}
.bcsdesc{
	width:100%;
	height:100%;
	border:1px solid #f2f2f2;
	background:rgba(255,255,255,0.8);
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	display:none;
	/*cursor: pointer;*/
}
.bcsdesc p{
	font-size:8.5pt;
	line-height:11pt;
	text-align:left;
}
.bcsdesc strong{
	color:#d35e13;
	font-size:10pt;
}
.bcsdesc a:link{
	font-weight:bold;
}
.btn-bcs{
	padding-left:30px;
	margin-right:10px;
}
#cost{
	margin-top:20px;
	margin-bottom:40px;
}
.costitem{
	/*text-align:center;*/
	position:relative;
	/*width:100%;*/
	height:200px;
}
.costitem a{
 color:#48525a !important;
}
.costitem img{
	width:auto;
	height:200px;
	padding-top:20px;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	opacity:0.8;
}
.costitemdetails{
	width:100%;
	height:200px;
	/*background:rgba(255,255,255,0.8);*/
	text-align:center;
	position:absolute;
	bottom:0;
	/*left:50%;*/
	/*transform: translate(-50%, -50%);*/
}
.costitemdetails:hover{
	background:rgba(255,255,255,0.5);
	/*border:1px solid #48525a;*/
}
.costitemdetails p{
	position:absolute;
	bottom:0px;
	width:90%;
	font-size:0.8em;
	background:rgba(255,255,255,0.8);
	border-top:1px solid #48525a;
	border-bottom:1px solid #48525a;
}
input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  appearance:none;
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance:none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}

/* The thumb */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  /*background: #ffffff;*/
	background: #f2f2f2;
  cursor: pointer;
  margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  border: 1px solid #ccc;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background: #f2f2f2;
	/*background: #df6f1d;*/
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*border: 1px solid #000000;*/
	border: 1px solid #ccc;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background: #f2f2f2;
	/*background: #df6f1d;*/
  cursor: pointer;
}

/* The track */
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*background: #3071a9;*/
	background: #f2f2f2;
  border-radius: 1.3px;
  /*border: 0.2px solid #010101;*/
	border: 0.2px solid #ccc;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*background: #3071a9;*/
	background: #f2f2f2;
  border-radius: 1.3px;
  /*border: 0.2px solid #010101;*/
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  /*border: 0.2px solid #010101;*/
  border-radius: 2.6px;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
}
input[type=range]:focus::-ms-fill-lower {
  /*background: #3071a9;*/
	background: #f2f2f2;
}
input[type=range]::-ms-fill-upper {
  /*background: #3071a9;*/
	background: #f2f2f2;
  /*border: 0.2px solid #010101;*/
  border-radius: 2.6px;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}
.take-options{ margin-bottom:40px; }
.take-actions{ text-align:center; border-top:1px solid #f2f2f2; padding-top:20px; margin-top:10px; }
#msform{
	position: relative;
}
#budgetCalc fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 10px 30px 20px;
	box-sizing: border-box;
	width: 100%;
	margin-top:40px;
	margin-bottom:40px;
	/*margin: 0 10%;*/
	font-size:0.9em;
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#budgetCalc fieldset:not(:first-of-type) {
	display: none;
}
#budgetCalc fieldset h3{
	text-align:center;
	font-size:24pt;
	line-height:30pt;
	font-weight:400;
	margin:30px auto 30px;
	color:#48525a;
}
#budget{
	font-weight:bold !important;
	color:#333 !important;
}
.budget-msg{ display:none; color:#900; font-weight:bold; }
/*progressbar*/
#progressbar {
	/*border:1px solid #f00;*/
	margin: 60px auto 60px;
	padding:0;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	/*color: white;*/
	text-transform: lowercase;
	/*font-size: 9px;*/
	width: 33%;
	float: left;
	position: relative;
	text-align:center;
	font-weight:bold;
	color:#48525a;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
	line-height: 30px;
	display: block;
	/*font-size: 10px;*/
	color: #333;
	background: #f2f2f2;
	border-radius: 15px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 6px;
	background: #f2f2f2;
	position: absolute;
	left: -50%;
	top: 12px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #df6f1d;
	color: white;
}
.take-feature{
	padding-bottom:0;
	margin-bottom:0;
	font-size:14px;
	font-weight:bold;
	color:#df6f1d;
}
.widenpreview{
	width:200px;
	height:259px;
	overflow:hidden;
	border:none;
}
.widenpreview html, .widenpreview body, .widenpreview img{
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
}
.gray-section{
	background:#f9f9f9;
}
.text-center{
	text-align: center;
}
.text-muted{
	color:#888;
}
.list-unstyled{
	padding-left:0;
}
.list-bordered{
	/*border-left:1px solid #e7eaec;
	border-right:1px solid #e7eaec;
	border-bottom:1px solid #e7eaec;*/
	border:1px solid #e7eaec;
}
.divider{
	width:100px;
	height:2px;
	background:#1ab394;
	margin:80px auto 5px;
}
.heading-unstyled{
	margin-top:0px !important;
}
#customers,
#connect-config,
#connect-pricing-faq{
	padding-bottom:60px;
}
#connect-config,
#payments{
	padding-bottom:30px;
	border-top:1px solid #f2f2f2;
}
#customers h2,
#payments h2{
	margin-top:60px;
	font-size:30px;
	font-weight:300;
	margin-bottom:10px;
}
h2.priceh{
	margin-top:30px;
	font-size:40px !important;
}
#customers p,
#connect-config p,
#payments p{
	margin:0 0 10px;
	color:#7c7c7c;
	padding:0;
}
p.pricesh{
	font-size: 18px;
}
#customers .row{
	margin-bottom:30px;
}
#customers .bubble{
	position:relative;
	height:110px;
	padding:20px;
	background:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-style:italic;
	font-size:12px;
}
#customers .bubble:after{
	content: '';
	position:absolute;
	border-style:solid;
	border-width:15px 14px 0;
	border-color: #fff transparent;
	display:block;
	width:0;
	z-index:1;
	bottom:-15px;
	left:30px;
}
#customers .bubble-caption{
	margin-top:25px;
	margin-left:22px;
	margin-bottom:25px;
}
#customers .bubble-caption .caption-name{
	font-weight:600;
	font-size:14px;
}
#customers small{
	font-size:80%;
}
#customers .orange{
	color:#48525a !important;
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) {
	#customers .bubble{
		font-size: 10px;
		padding: 5px !important;
	}
}
.footLogo{
	max-width:20% !important;
}
#connect-config,
#payments{
	padding-top:40px;
}
#payments .payment-plan{
	/*margin: 20px 80px 0 80px;*/
	margin:20px 20px 0;
	border-radius:4px;
	transition: all .2s ease-in-out;
}
#payments .selected{
	transform: scale(1.1);
	background:#f9f9f9;
}
#connect-config .row,
#payments .row{
	margin-bottom:30px;
}
#connect-config .model-build p{
	font-weight:600;
}
#connect-config .model-build ul{ margin:0 0 24px 0; padding:0; }
#connect-config .model-build .model-build-explain{
	/*border-top:1px solid #e7eaec;*/
	margin-top:12px;
	padding-top:8px;
	font-style:italic;
	font-weight:normal;
	font-size:11pt;
}
.model-build-explain{
	margin-top:0px !important;
	padding-top:0px !important;
}
#connect-config .model-build .well{
	padding:8px;
}
#connect-config .model-build-result{
	color:#48525a !important;
	background:#fff;
}
#connect-config .model-build-result p{ margin:0; padding:0; }
#connect-config .model-build-result ul{
	margin:0px auto;
	width:100%;
	padding:0;
	list-style-type: none;
}
#connect-config .model-build-result li{
	margin:0;
	padding:0;
	list-style-type: none;
	display:inline-block;
	font-size:18pt;
	font-weight:700;
	color:#337ab7;
}
/* #connect-config .model-build-result li.model-build-lock,
#connect-config .model-build-result li.model-build-power,
#connect-config .model-build-result li.model-build-net{ */
	/*border-bottom:3px solid #ccc;
	letter-spacing: 0;*/
/* } */
#connect-config .model-build-result li.model-build-num::before{
	content:"Model: ";
	font-size:18pt;
	font-weight:400;
	color:#48525a;
}
#connect-config .model-build-result li.model-build-kit::after{
	content:" MSRP: ";
	font-size:18pt;
	font-weight:400;
	margin-left:50px;
	color:#48525a;
}
#connect-config .model-build-result li.model-build-price{
	color:#48525a;
}
#payments .plan-list{
	margin-bottom:40px;
}
#payments .plan-radio{
	padding-top:16px;
}
#payments .payment-plan:hover{
	/*border:1px solid #ccc;*/
	background:#f9f9f9;
	cursor:pointer;
	transform: scale(1.1);
}
#payments .payment-plan li{
	padding:10px 16px;
	/*border-top:1px solid #e7eaec;*/
	text-align:center;
	color:#aeaeae;
}
#payments li.plan-title{
	/*background:#48525a;*/
	/*color:#fff;*/
	color:#48525a;
	padding:30px 10px 0px;
	/*border-bottom:1px solid #e7eaec;*/
	border-radius:4px 4px 0 0;
	font-size:22px;
	font-weight:600;
}
#payments li.plan-price{
	/*padding-top:30px;*/
	padding-bottom:30px;
	padding-top:0;
}
#payments .payment-plan .plan-price span{
	font-size:2.0em;
	font-weight: 700;
	color:#df6f1d;
}
#payments ul.payment-plan li.plan-quantity{
	background:rgba(72,82,90,0.7);
	color:#fff;
	display:none;
}
#payments ul.payment-plan li.plan-quantity label{
	color:#fff;
}
#payments ul.payment-plan li.plan-quantity input{
	width:50px;
	text-align:center;
	margin-left:10px;
}
#connect-config .btn,
#payments .btn{
	border-radius:3px;
}
#payments .btn-primary{
	background-color:#d35e13;
	border-color:#d35e13;
	color:#fff;
	font-size:14px;
	padding:10px 20px;
	font-weight:600;
}
#payments .btn-primary:hover{
	color:#d35e13;
	background-color:#fff;
}
#payments form{
	margin-bottom:20px;
}
#connect-config .btn-rfid,
#connect-config .btn-pac,
#connect-config .btn-wifi{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
#connect-config .btn-kpad,
#connect-config .btn-pdc,
#connect-config .btn-eth0{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
#connect-pricing-faq{
	padding-top:60px;
}
#connect-pricing-faq h3{
	color: #d35e13;
	font-size:1.4em;
	margin-bottom:30px;
}
#connect-pricing-faq p{
	font-size:0.95em;
}
#connect-pricing-faq p strong{
	font-size:1.2em;
}
#connect-pricing-faq ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#connect-pricing-faq ul li{
	line-height:2.0em;
}
#connect-pricing-faq i{
	color:#d35e13;
	padding-right:6px;
}
#cartpicker{
	color:#fff;
	padding:40px 0px;
	background:url('/img/bg-stripes-sm.png'), linear-gradient(rgba(211, 94, 19, 1), rgba(211, 94, 19, 1));
	background-position:center center, bottom center, bottom center;
}
#cartpicker p{
	font-size:16pt;
	font-weight:400;
	margin:0;
	padding:0;
}
#cartpicker .btn{
	border-radius:3px;
	margin-left:40px;
	background:#1ab394;
	border-color:#1ab394;
	padding:10px 20px;
}
#cartpicker .btn:hover{
	color:#1ab394;
	background:#fff;
	border-color:#fff;
}
#cart{
	background:#f3f3f4;
	padding-top:120px;
}
#cart .btn{
	border-radius:3px;
}
#cart .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#cart .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}
.ibox.collapsed .ibox-content {
  display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
  content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
  content: "\f077";
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 2px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 15px 15px 7px;
  min-height: 48px;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}
.ibox-content {
  clear: both;
}
.ibox-heading {
  background-color: #f3f6fb;
  border-bottom: none;
}
.ibox-heading h3 {
  font-weight: 200;
  font-size: 24px;
}
.ibox-title h5 {
  /* display: inline-block; */
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
  font-weight:600;
}
.ibox-title .label {
  float: left;
  margin-left: 4px;
}
.ibox-tools {
  display: block;
  float: none;
  margin-top: 0;
  position: relative;
  padding: 0;
  text-align: right;
}
.ibox-tools a {
  cursor: pointer;
  margin-left: 5px;
  color: #c4c4c4;
}
.ibox-tools a.btn-primary {
  color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
  padding: 4px 10px;
  font-size: 12px;
}
.ibox .ibox-tools.open > .dropdown-menu {
  left: auto;
  right: 0;
}
/* E-commerce */
.product-box {
  padding: 0;
  border: 1px solid #e7eaec;
}
.product-box:hover,
.product-box.active {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
  -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
  box-shadow: 0 3px 7px 0 #a8a8a8;
}
.product-imitation {
  text-align: center;
  padding: 90px 0;
  background-color: #f8f8f9;
  color: #bebec3;
  font-weight: 600;
}
.cart-product-imitation {
  text-align: center;
  /*padding-top: 30px;*/
  height: 80px;
  width: 80px;
  /*background-color: #f8f8f9;*/
}
.cart-product-imitation img{
	max-width:100%;
}
.product-imitation.xl {
  padding: 120px 0;
}
.product-desc {
  padding: 20px;
  position: relative;
}
.ecommerce .tag-list {
  padding: 0;
}
.ecommerce .fa-star {
  color: #d1dade;
}
.ecommerce .fa-star.active {
  color: #f8ac59;
}
.ecommerce .note-editor {
  border: 1px solid #e7eaec;
}
table.shopping-cart-table {
  margin-bottom: 0;
}
table.shopping-cart-table tr td {
  border: none;
  text-align: right;
}
table.shopping-cart-table tr td.desc,
table.shopping-cart-table tr td:first-child {
  text-align: left;
}
table.shopping-cart-table tr td:last-child {
  width: 80px;
}
table.shopping-cart-table tr td.desc{
	padding-right:20px;
}
.product-name {
  font-size: 16px;
  font-weight: 600;
  color: #676a6c;
  display: block;
  margin: 2px 0 5px 0;
}
.product-name:hover,
.product-name:focus {
  color: #1ab394;
}
.product-price {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: #1ab394;
  padding: 6px 12px;
  position: absolute;
  top: -32px;
  right: 0;
}
.product-detail .ibox-content {
  padding: 30px 30px 50px 30px;
}
.ibox-content{
	color:#888;
}
.ibox-content h2{
	font-size:24px;
}
.image-imitation {
  background-color: #f8f8f9;
  text-align: center;
  padding: 200px 0;
}
.product-main-price small {
  font-size: 10px;
}
.product-images {
  margin: 0 20px;
}
.font-bold{
	font-weight:600;
}
.ibox-content span.small{ font-size:80%; color:#888 !important; }
.m-t-sm{
	margin-top:10px;
}
.m-t-md{
	margin-top:20px;
}
.btn-white{
	color: inherit;
	background: white;
	border: 1px solid #e7eaec;
}
.btn-selected{
	color: #fff;
	background: #337ab7;
	border: 1px solid #2e6da4;
}
.btn-selected:hover{
	color:#337ab7;
	background:#fff;
	border: 1px solid #e7eaec;
}
.cart-wrapper{
	margin:0px 40px;
}
/*.intro-connect .mask-title{
	font-size:2.5em;
}
.intro-connect .connect-tagline{
	width:80%;
}
.intro-connect .btn-success{
	font-size:16px;
	border-radius:10px;
	padding:12px 20px;
	background:rgba(92, 184, 92, 0.8);
	margin-top:18px;
}
.intro-connect .btn-success:hover{
	background:rgba(92,184,92,0.3);
}*/
#connect-intro{
	height:700px;
	position:relative;
	padding:0;
	margin:0;
	color:#fff;
	text-align: center;
}
.fullscreen-bg{
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	overflow:hidden;
	z-index: -100;
}
.fullscreen-bg__video{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	/*height:100vh;*/
	height:auto;
}
.fullscreen-bg__overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.6);
}
/*@media (min-aspect-ratio: 16/9){
	#connect-intro .fullscreen-bg__video{
		height:200%;
		top:-50%;
	}
}*/
@media (min-width:768px) and (max-width:1200px){
	.fullscreen-bg__video{
		width:160%;
		left:-25%;
	}
}
@media (max-width:767px) {
	#connect-intro .fullscreen-bg{
		background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/img/connect/Brtfd_TGC_shot2-cropped.jpg') no-repeat center center scroll !important;
		background-size:cover !important;
	}
	#connect-intro .fullscreen-bg__video{
		display:none;
	}
}
#connect-intro .row{
	position:absolute;
	bottom:10%;
	left:0;
	right:0;
}
#connect-intro h1{
	color:#fff;
	font-size:3.2em;
	margin-bottom:8px;
	padding-bottom:0;
}
#connect-intro p{
	width:70%;
	margin:0px auto;
	font-size:1.25em;
}
@media (max-width:520px){
	#connect-intro{
		height:600px;
	}
	#connect-intro h1{
		font-size:2.4em;
	}
	#connect-intro p{
		font-size:1em;
		width:90%;
	}
}
#connect-intro .btn-success{
	font-size:14px;
	border-radius:4px;
	padding:8px 20px;
	background:rgba(92, 184, 92, 0.8);
	margin-top:18px;
}
#connect-intro .btn-success:hover{
	background:rgba(92,184,92,0.3);
}
#connect-intro .modal,
#connect-manage .modal
{
	background:rgba(0,0,0,0.65);
}
#connect-intro .modal-dialog,
#connect-manage .modal-dialog{
	margin-left:auto !important;
	margin-right:auto !important;
	left:0;
	right:0;
	width:760px;
	height:431px;
	overflow:hidden;
	background:#333;
}
@media (max-width:520px){
	#connect-intro iframe,
	#connect-manage iframe{
		width:90%;
		height:auto;
	}
	#connect-intro .modal-dialog,
	#connect-manage .modal-dialog{
		width:90%;
		height:auto;
	}
	#connect-intro .row{
		bottom:20%;
	}
}
@media (max-width:480px){
	#connect-intro{
		height:540px;
	}
	#connect-intro h1{
		font-size:2.2em;
	}
	#connect-intro p{
		font-size:0.9em;
		width:90%;
	}
	#connect-intro .row{
		bottom:20%;
	}
}


#connect-hero{
	height:650px;
}
@media(max-width:767px){
	#connect-hero{
		height:350px;
	}
}
#connect-manage{
	padding-top:80px;
	padding-bottom:80px;
}
#connect-manage img{
	max-width:95%;
	padding:4px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
#connect-manage strong{
	color:#df6f1d;
}
@media(max-width:1200px){
	#connect-manage{
		padding-top:40px;
		padding-bottom:60px;
	}
	#connect-manage img{
		margin-top:30px;
		margin-bottom:30px;
		max-width:100%;
	}
}


#connect-soon{
	padding-top:40px;
	padding-bottom:40px;
	background-color:rgba(10,50,200,0.05);
}
#connect-soon .form-group{
	padding-left:10px;
	padding-right:10px;
}
#connect-soon .well{
	background:#fff !important;
}
.p-b-md{
	padding-bottom:20px;
}
.p-b-lg{
	padding-bottom:40px;
}
.connect-content{
	font-size:85%;
}
.btn-connect{
	border-radius:4px;
}
/* .connect-icon{
} */
.icon-rfid{ max-width:100%; }
.icon-keypad{ max-height:90px; }
.resp-img{ max-width:60%; }
@media(max-width:520px){
	.resp-img{ max-width:100%; }
}
#modelTable td{ vertical-align: middle; }
#modelTable .btn-connect{ font-size:0.8em; }

.required{
	/*background:#df6f1d;*/
	/*background:rgba(223,111,29,0.1);*/
	background:rgba(0, 66, 111, 0.05);
	/*color:#fff;*/
	padding:12px 15px;
	border-radius:8px;
}
#dealRegistration .form-group,
#seedReg .form-group{
	padding:12px 15px;
	margin-bottom:20px;
}
#dealRegistration .form-group .error,
#seedReg .form-group .error{
	display:block;
	font-style: italic;
	font-weight: normal;
	color:#f00;
	margin-top:8px;
}
#dealRegistration h2.heading,
#seedReg h2.heading{
	margin-top:80px;
	margin-bottom:0;
	padding-bottom:0;
}
#dealRegistration .terms h4,
#seedReg .terms h4{
	font-size:1.5em;
}
#dealRegistration .terms p,
#seedReg .terms p{
	font-size:0.9em;
}
#dealRegistration .terms ul,
#seedReg .terms ul{
	margin:0;
	padding:0;
}
#dealRegistration .terms ul li,
#seedReg .terms ul li{
	margin:0;
	padding:0 0 20px 0;
	list-style-type:none;
	font-size:0.9em;
}
.field_with_errors label{ color:#a94442; }
.summary-line-item-title{ display:inline-block; width:40%; text-align: left; }
.summary-line-item-total{ display:inline-block; width:60%; text-align: right; }
.bg-warning{ padding:3px 8px; font-weight:600; }
.pad10Left{ padding-left:8px; }

.w2b{ text-align:center; }
.w2b .heading{ padding-top:80px; }
.w2b img{
	max-width:75%;
	transition: all .2s ease-in-out;
}
.w2b img:hover{
	transform: scale(1.2);
}
#techguardDetail{
	text-align:center;
}
#techguardVideo{
	background:#333;
	display:none;
}
#techguardVideo .videoCloseBtn{
	margin:40px auto 10px;
	width:100%;
	display:block;
	text-align:center;
	transform:scale(2);
}
#techguardVideo svg{
	transition: all .2s ease-in-out;
	/*transform: translate3d(0,0,0);*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*transform:translate3d(0,0,0);*/
}
#techguardVideo svg:hover{
	transform:rotate(90deg);
	transform-origin: 50% 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#techguardUseCase-btns{
	/*background:#246f8c;*/
	text-align:center;
	position:relative;
	padding:30px 0px !important;
	box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
	color:#fff;
}
#techguardUseCase-btns h5{
	font-weight:600;
	font-size:16pt;
	margin-top:12px;
	padding-top:5px;
	color:#fff;
}
#techguardUseCase-btns p{
	width:70%;
	font-size:10pt;
}
@media(max-width:1200px){
	#techguardUseCase-btns p{
		width:90%;
	}
}
#techguardUseCase-btns img,
#techguardTag img{
	/*background:#fff;*/
	max-width:100px;
	padding:8px;
}
#techguardTag img{
	max-height:100px;
}
#techguardUseCase-btns a{
	color:#fff;
}
#techguardUseCase-btns .ucItem{
	cursor:pointer;
}
#techguardUseCase-content{
	height:615px;
	transition:all .4s ease-in-out;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
	position:relative;
}
#techguardUseCase-content h4{
	font-size:32pt;
	/*font-weight:100;*/
	margin-top:70px;
	color:#fff;
}
#techguardUseCase-content p{
	color:#fff;
}
#uc-chargerelax,
#uc-chargesweat,
#uc-chargelearn{
	display:none;
}
#uc-chargerelax,
#uc-chargesweat,
#uc-chargelearn{
	color:#fff;
}
#uc-chargerelax h4,
#uc-chargelearn h4,
#uc-chargesweat h4{
	color:inherit;
}
#techguardTag{
	text-align:center;
	background:#f2f2f2;
}
#techguardDetail p,
#techguardTag p{
	font-size:20pt;
}
#techguardUseCase-btns .img-circle,
#techguardTag .img-circle{
	max-width:100px !important;
}
#techguardTag h5{
	font-weight:600;
	font-size:14pt;
	margin-top:12px;
	padding-top:20px;
}
#techguardTag p.center-block{
	width:70%;
	font-size:11pt;
}
.btn-rounded{
	border-radius:8px;
}
.notch{
	/*background:#246f8c;*/
	width:30px;
	height:30px;
	transform:rotate(45deg);
	position:absolute;
	bottom:-42px;
	left:45%;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	transition: all .2s ease-in-out;
}
#techguardCompare h4{
	font-size:16pt;
	font-weight:600;
}
#techguardCompare p{
	font-size:11pt;
}
#techguardCompare ul,
#techguardCompare ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}
#techguardCompare .img-responsive{
	max-width:80%;
}
#techguardCompare .col-lg-3{
	padding-bottom:20px;
}
#techguardColor{
	position:relative;
	overflow:hidden;
	padding-top:120px;
	padding-bottom:120px;
	transition: all 0.6s ease-in-out;
}
.color-bretgrey{ background:#f9f9f9; }
.color-bretorg{ background:#e46825; color:#fff; }
/* .color-bretblue{ }
.color-bretgreen{ } */
.color-connect-blue{ background:#0C819E; color:#fff; }
.color-white{ background:#fff; }
.color-primary{ background:rgba(10,151,173,1); }
.text-white{ color:#fff; }
.color-8q{ background:#d4cfc7; color:#333; }
.color-al{ background:#928c8c; color:#333; }
.color-an{ background:#3d3d3d; color:#fff; }
.color-bp{ background:#000; color:#fff; }
.color-cf{ background:#7793c4; color:#fff; }
.color-ch{ background:#b5a49f; color:#333; }
.color-ck{ background:#3b3e3d; color:#fff; }
.color-cm{ background:#7cc3b9; }
.color-ct{ background:#e0dbd4; color:#333; }
.color-ef{ background:#4a4440; color:#fff; }
.color-eg{ background:#acb85c; }
.color-eh{ background:#908177; color:#fff; }
.color-g1{ background:#3b3738; color:#fff;}
.color-gra{ background:#4e683d; color:#fff; }
.color-gm{ background:#dfd1c3; color:#333; }
.color-iw{ background:#f5f0e7; color:#333; }
.color-mus{ background:#ffaf5d; }
.color-oce{ background:#355e8c; color:#fff; }
.color-orc{ background:#8c5181; color:#fff; }
.color-pa{ background:#008daa; color:#fff; }
.color-pb{ background:#e4d8c1; color:#333; }
.color-pm{ background:#807f84; color:#fff; }
.color-rn{ background:#010402; color:#fff; }
.color-red{ background:#bc2d29; color:#fff; }
.color-sky{ background:#5f9ab6; color:#fff; }
.color-tag{ background:#f97a34; color:#fff; }
.color-tz{ background:#094861; color:#fff; }

.btn-orange-new{
	background:#e46825;
	color:#fff;
	border:2px solid #e46825;
}
.btn-orange-new:hover{
	background:#c45a21;
	color:#fff;
	border:2px solid #c45a21;
}
.btn-orange-outline{
	background:#fff;
	color:#e46825;
	border:2px solid #e46825;
}
.btn-orange-outline:hover{
	background:#e46825;
	color:#fff;
	border:2px solid #e46825;
}
.btn-green-new{
	background:#8cc55c;
	color:#fff;
	text-shadow: 1px 1px #555;
	border:2px solid #8cc55c;
}
.btn-green-new:hover{
	background:#78a84f;
	color:#fff;
	border:2px solid #78a84f;
}

#techguardColor h2,
#techguardColor h4,
#techguardColor h5{ color:inherit; }
#techguardColor h5{ font-weight:bold; }
#techguardColor p{
	font-size:16pt;
	margin:0;
	padding:0;
}
#techguardColor p.tagline{ margin-top:60px; font-size:11pt; }
#colorParticles{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
}
.finishGrid{
	background:rgba(255,255,255,0.2);
	border-radius:8px;
	padding:20px;
}
.finishGrid p{ line-height:12pt; font-size:9pt !important; margin-bottom:16px !important; }
.finishGridPicker{
	display:inline-block;
	list-style-type:none;
	margin:0;
	padding:0;
}
.finishGridPicker li{
	display:inline-block;
	list-style-type:none;
	margin:0;
	padding:0;
}
.finishGridPicker li.active img{
	border:2px solid #fff;
}
.finishGridPicker img{ width:40px; height:40px; margin:0 5px 10px 0; transition: all .2s ease-in-out;}
.finishGridPicker img:hover{ border:2px solid #fff; transform:scale(1.5); }
#techguardDownloads h2{ padding-bottom:20px; }
#techguardDownloads ul{ margin:0; padding:0; }
#techguardDownloads ul li{ list-style-type: none; font-size:12pt; line-height:22pt; }
#techguardDownloads img{ margin:8px 4px; }
.large-text{ font-size:1.75em !important; }
.btn-rounded{ border-radius:8px !important; }
.dropdown .divider{
	width:100%;
}
.img-member{
	max-width:30%;
}
.btn-hollow{
	background-color:rgba(0,0,0,0);
  border:1px solid #8cc55c;
  text-transform: lowercase;
  font-weight:400;
  border-width:2px;
	color:#333;
}
.btn-hollow:hover{
  background-color:#8cc55c;
  color:#fff;
}

.mobile-left-arrow{ position:absolute; bottom:0; left:0; height:50%; color:white; padding:0px 10px; font-size:20pt; }
.mobile-right-arrow{ position:absolute; bottom:0; right:0; height:50%; color:white; padding:0px 10px; font-size:20pt; }

#cube-left{
	position:absolute;
	left:0;
	top:0;
	width:800px;
	height:800px;
	background:url('../img/products/cube-fam-papa.jpg') top left no-repeat;
	border:1px solid #fff;
}
#cube-right{
	position:absolute;
	right:0;
	top:0;
	width:640px;
	height:800px;
	background:url('../img/products/cube-fam-mini.jpg') top right no-repeat;
	border:1px solid #fff;
}
#cube-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}
#connect-intro{
	overflow:hidden;
}
@media(max-width:640px){
	#cube-left{
		left:-70%;
	}
	#cube-right{
		right:-70%;
	}
}
@media(min-width:640px) and (max-width:720px){
	#cube-left{
		left:-45%;
	}
	#cube-right{
		right:-45%;
	}
}
@media(min-width:720px) and (max-width:900px){
	#cube-left{
		left:-35%;
	}
	#cube-right{
		right:-35%;
	}
}
@media(min-width:900px) and (max-width:1000px){
	#cube-left{
		left:-20%;
	}
	#cube-right{
		right:-20%;
	}
}
@media(min-width:1000px) and (max-width:1240px){
	#cube-left{
		left:-10%;
	}
	#cube-right{
		right:-10%;
	}
}
.pad20Top{
	padding-top:20px;
}
.pad50Top{
	padding-top:50px;
}
.pad100Top{
	padding-top:100px;
}
.pad200Top{
	padding-top:200px;
}
.pad300Top{
	padding-top:300px;
}
.marTop550min{
	margin-top:-550px;
}
.marLt50min{
	margin-left:-50px;
}
img.boxed{ box-shadow: 0px 0px 20px rgba(0,0,0,0.4); }

.colorForm{
  padding:30px;
  background-color:rgba(255,255,255,0.8);
  border:2px solid #fff;
  border-radius:20px;
  box-shadow: 0px 3px 8px rgba(0,0,0,0.2);
}
#buyerguide{
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
}
.content-legal{
	width:70%;
	padding-left:0;
	text-align:justify;
}
.content-legal p{
	font-size:12pt;
}
.content-legal h4{
	margin-top:40px;
}
.content-legal ul > li{
	list-style-type:lower-alpha;
}
.content-legal ul{
	padding-left:22px;
	margin-left:0;
}
.content-legal ol{
	padding-left:22px;
	margin-left:0;
}
.content-legal li{
	padding-bottom:20px;
}
.content-legal li>ol{
	padding-top:10px;
}
.statusWell{
	background:rgba(255,255,255,0.05);
	display:inline-block;
	padding:10px 20px;
	border-radius:10px;
	margin-right:20px;
	margin-bottom:20px;
}
.statusWell a{
	color:#fff !important;
}
#statusPrimr{ font-weight:bold; }
#statusIcon{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:5px;
	margin-left:10px;
	margin-right:5px;
}
.status-none{
	background-color:#2fcc66;
}
.video-mini-player{
	margin-bottom:60px;
}
.intro-carousel-footer{
	height:120px;
	overflow:hidden;
	margin-bottom:40px;
}
.intro-carousel-footer [class*='col-']{
	width:20%;
	margin:0;
	padding:0;
}
.intro-carousel-footer img{
	max-height:120px;
	width:auto;
	opacity:0.5;
	transition: opacity 0.2s ease-in;
}
.intro-carousel-footer img:hover{
	opacity:1.0;
	cursor:pointer;
}
#whatsNew{
	background:#f2f2f2;
	/*background:rgba(6,108,140,1);*/
}


#stickySearch{
	background:#fff !important;
	position: -webkit-sticky;
  position: sticky;
	top: -1px;
	z-index:50;
}
.results .row{
	padding-bottom:40px;
	border-bottom:1px solid #f2f2f2;
	padding-top:40px;
	border-top:1px solid #f2f2f2;
}

thead.darker,
#modelTable{
	font-size:0.9em;
}
thead.darker tr{
	background-color:#48525a;	
	color:#fff;
}
thead.darker tr th{
	border:1px solid #48525a !important;
}