/* ***************** GLOBAL HEADER ***************** */

body { padding-top:4.4em; }

#header { position:fixed; top:0; left:0; z-index:1001; background:#009FDD; color:#FFF; width:100%; border:0; box-shadow: 0px 2px 8px rgba(0,0,0,0.3); font-size:18px; }

#header ul { padding:0; margin:0; }
#header ul li { display:inline-block; margin:0; padding:0; position: relative; vertical-align: middle; }
#header section.left ul { display:inline-block; }


#header a { display:block; padding:0.5em 1em; line-height:2em; text-decoration: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;  }
#header a:hover, #header a:active { color:#FFF;  text-decoration: none; outline:0; }
#header a:focus { color:#FFF;  text-decoration: none; outline:0; }
#header a.active { color:#FFF;  }
#header a.logo { padding:0.25em 1em; display:inline-block; vertical-align: bottom; }
#header a.logo img { height:4em; width:auto; display:block; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
#header a.logo:hover { background:#DE6C27 !important;  }
#header a.logo:hover img { fill:#DE6C27; }
#header a span { display:none; }

#header section.left ul a { padding-bottom:0.3em; color: #fff; }

#header section > ul > li > a { font-size:1.1em; }

#header section.left ul a:focus, #header section.left ul a.active  { color: #101040;}
#header section.left a:hover { background:#F1F2F2; color: #DE6C27; }
#header section > ul > li.dropdown:hover > a { color:#DE6C27; background:#101040; z-index:1001; position:relative; }

#header section.right a:focus, #header section.right a.active { color: #101040; }
#header section.right a:hover { background:#F1F2F2; color: #DE6C27; }
#header section.right a:before { font-size:2em; line-height:1em; margin:0; padding:0; }
#header section.right a { line-height:1em; color: #fff; padding-left:0.75em; padding-right:0.75em; }


#header li.dropdown > ul { display:none; position:absolute;  top:3.45em; left:0; background:#F1F2F2;  font-size:1rem; z-index:1002; box-shadow: 2px 2px 8px rgba(0,0,0,0.3); padding-bottom:0.5em; }
#header li.dropdown ul a { color:#101040; min-width:240px;  border:0 !important; padding:0.5em 1em 0.5em 1em !important; line-height:1em; }
#header li.dropdown ul a.active, #header section.left ul li.dropdown:hover ul a.active { color:#FFF; background:#dd6c26 ; }
#header section.left > ul > li > a.active:before { content:""; z-index:900; position:absolute; bottom:-2px; left:0; display:block; width:100%; height:2px; background:#101040; opacity:1; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; }
#header section ul li.dropdown:hover > a { background:#F1F2F2; color:#139cd8; background: linear-gradient(#FFF, #F1F2F2); }
#header section ul li.dropdown:hover > a.active:before { opacity:0; }

#header li.dropdown ul a:hover { background: #DE6C27; color:#FFF; padding-left:1.3em !important; }

#header li.dropdown ul a.title { text-transform: uppercase; color:#139cd8; font-weight:bold; font-size:1.2em !important; background:transparent; font-size:1.1em; border-bottom:2px solid #101040 !important; margin-bottom:0.25em; padding-left:0.5em !important; }
#header li.dropdown ul a.title:hover { color: #DE6C27; background:#FFF; }
#header li.dropdown ul a.title:before { content:""; display:inline-block; vertical-align:text-bottom; margin-right:0.25em; width:30px; height:30px; background-repeat: no-repeat; background-size: contain; }
#header li.dropdown ul a.title.connect:before { background-image:url('/sites/default/files/public/square-connect.png'); }
#header li.dropdown ul a.title.protect:before { background-image:url('/sites/default/files/public/square-protect.png'); }
#header li.dropdown ul a.title.services:before { background-image:url('/sites/default/files/public/square-design.png'); }

#header li.dropdown.with-columns > ul { min-width:720px; }
#header li.dropdown.with-columns > ul li { display:inline-block; vertical-align: top !important;  max-width:240px; }

#header section { display:inline-block; vertical-align: bottom; width:80%; }

#header section.right { float:none !important; width:20%; }
#header section.right > ul { right:0; bottom:0; position: absolute; }

body.smaller { padding-top:3.4em; } 
body.smaller #header a.logo img { height:2.5em; width:auto; }
body.smaller #header section > ul > li > a { font-size:1em; }
body.smaller #header li.dropdown > ul { top:3.15em !important; font-size:1rem; }

#header li.mobile-menu { display:none; }
#header li.mobile-menu ul a:before { display:none; }
#header li.mobile-menu ul a span { display:block; }

body.mobile #header li { display:none; }
body.mobile #header li.mobile-menu, body.mobile #header li.mobile-menu li { display:block !important; }

#header section.right li.dropdown > ul { left:auto; right:0; top:3.4em !important; }
#header section.right li.dropdown > ul a { font-size:1.2em; padding-top:0.75em !important; padding-bottom:0.75em !important; }

body.mobile #header li.with-columns > a {  border-top:1px solid #CCC !important; }
body.mobile #header li.with-columns > ul {  border-bottom:1px solid #CCC; padding-bottom:0; }
body.mobile #header li.dropdown ul a.title { border: 0 !important; padding-left:1.2em !important; font-size:1em !important; color:#101040; font-weight:normal; margin:0; }
body.mobile #header li.dropdown ul a.title:before { width:20px; height:20px; }
body.mobile #header li.dropdown ul a.title.active { background:#FFF; }
body.mobile #header li.dropdown ul a.title:hover { background: #DE6C27; color:#FFF; }

@media only screen and (max-width: 1100px){
	#header li.dropdown.with-columns > ul { left:-100%; }
}

@media only screen and (max-width: 1000px){
	#header li.dropdown.with-columns > ul { left:-200%; }
}
@media only screen and (max-width: 900px){
	#header li.dropdown.with-columns > ul { left:-250%; }
}

#sliding-popup { z-index:500; }

/* ***************** ENVIRONMENT STYLES (non-production) ***************** */

.env-local .env-header, .env-local .env-footer { background: #101040; } /* Navy */
.env-dev .env-header, .env-dev .env-footer { background: #e0ad0e; } /* Yellow */
.env-test .env-header, .env-test .env-footer { background: #de6c27; } /* Orange */
.env-staging .env-header, .env-staging .env-footer { background: #93ad28; } /* Blue */

[class*="env-"] #admin-menu { top:4px; }

.env-header { position:fixed; z-index:1003; height:4px; top:0; left:0; width:100%; }
.env-footer { position:fixed; z-index:1002; bottom:0; left:0; width:100%; max-height:2em; padding:0.25em; color:#FFF; cursor:pointer; }
.env-footer:hover { opacity:0.5; }
.env-footer span { display:inline-block; width:33.33%; vertical-align: middle; text-align:center; 	text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

@media only screen and (max-width: 500px){
	.env-footer { display:none; }
}

/* ***************** Loading Square Animation ***************** */

.loading-container {
	display:inline-block;
	margin:0;
	padding:0;
	position:absolute;
	top:50%;
	margin-top:-30px;
	width:100%;
	left:0;
	text-align:center;
	display:none;
}

.spinner {
  width: 66px;
  height: 66px;
  -webkit-animation: contanim 2s linear infinite;
          animation: contanim 2s linear infinite;
   display:inline-block;
}

.spinner svg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.spinner svg:nth-child(1) circle {
  stroke: #666366;
  stroke-dasharray: 1, 300;
  stroke-dashoffset: 0;
  -webkit-animation: strokeanim 3s calc(.2s * (1)) ease infinite;
          animation: strokeanim 3s calc(.2s * (1)) ease infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.spinner svg:nth-child(2) circle {
  stroke: #139cd8;
  stroke-dasharray: 1, 300;
  stroke-dashoffset: 0;
  -webkit-animation: strokeanim 3s calc(.2s * (2)) ease infinite;
          animation: strokeanim 3s calc(.2s * (2)) ease infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.spinner svg:nth-child(3) circle {
  stroke: #93ad28;
  stroke-dasharray: 1, 300;
  stroke-dashoffset: 0;
  -webkit-animation: strokeanim 3s calc(.2s * (3)) ease infinite;
          animation: strokeanim 3s calc(.2s * (3)) ease infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.spinner svg:nth-child(4) circle {
  stroke: #DE6C27;
  stroke-dasharray: 1, 300;
  stroke-dashoffset: 0;
  -webkit-animation: strokeanim 3s calc(.2s * (4)) ease infinite;
          animation: strokeanim 3s calc(.2s * (4)) ease infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

@-webkit-keyframes strokeanim {
  0% {
    stroke-dasharray: 1, 300;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 120, 300;
    stroke-dashoffset: -58.548324585;
  }
  100% {
    stroke-dasharray: 120, 300;
    stroke-dashoffset: -175.6449737549;
  }
}

@keyframes strokeanim {
  0% {
    stroke-dasharray: 1, 300;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 120, 300;
    stroke-dashoffset: -58.548324585;
  }
  100% {
    stroke-dasharray: 120, 300;
    stroke-dashoffset: -175.6449737549;
  }
}
@-webkit-keyframes contanim {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes contanim {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* ***************** DYNAMIC IFRAME ***************** */

div[data-iframe] > div.load, div[data-ajax] > div.load { display:block; opacity:1; width:100%; height:10px; border-radius:5px; background:url('/sites/all/themes/LairdTech/img/loading-bar.gif'); -webkit-transition: all .4s ease; -moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; }
div[data-iframe].status-loaded > div.load, div[data-ajax].status-loaded > div.load { opacity:0; height:0; }

/* ***************** PAGE HEADER BANNERS ***************** */

.gray-banner { padding:1.4em 10%; background:#F1F2F2; color:#139cd8; color:#666366; box-shadow:0px 2px 8px rgba(0,0,0,0.2); }
.gray-banner img { display:inline-block; vertical-align: middle; width:100px; height:auto; }
.gray-banner h1 { display:inline-block; vertical-align: middle; font-size:3em; color:#666366; margin:0; line-height:1em; font-weight:bold; text-transform: none; }

@media only screen and (max-width: 800px){
	.gray-banner { padding:1em 10% 1em 10%; text-align:center; }
	.gray-banner img { width:100px; }
	.gray-banner h1 { font-size:2em; }
}

@media only screen and (max-width: 500px){
	.gray-banner img { width:50px; }
}
@media only screen and (max-width: 380px){
	.gray-banner img { display:block; margin:auto; }
	.gray-banner h1 { display:block; text-align:center; }
}


/* ***************** PRODUCT PAGE ***************** */

@media only screen and (min-width: 64em) {
	.current-cat  {
	    width: 77%;
	    padding-right:0.75em;
	}
	
}
@media only screen and (min-width: 79.0625em) {
	.current-cat {
		width:80%;
	}
}


.newproduct .photos {
	display:inline-block;
	vertical-align: top;
	width:43%;
	margin-right:2%;
	position: relative;
}
.newproduct .photos .large { 
	position:relative;
	margin-bottom:0.5em;
}
.newproduct .photos .large ul {
	margin:0;
	padding:0;
	overflow: hidden;
	padding-top:80%;
}
.newproduct .photos .large li {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	overflow: hidden;
	display:flex;
}
.newproduct .photos .large img {
	height:auto;
	width:auto;
	margin:auto;
	display:block;
	opacity: 0;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
	transition: all .4s ease;
	max-height: 100%;
    max-width: 100%;
}
.newproduct .photos .large img.show {
	opacity: 1;
}
.newproduct .photos .small {
	text-align:center;
}
.newproduct .photos .small li {
	display:inline-block;
	padding:0.25em;
	vertical-align: middle;
	
}
.newproduct .photos .small img {
	width:100%;
	height:auto;	
}
.newproduct .photos .small a {
	border:2px solid #FFF;
	display:block; 
	padding:2px;
	width:40px;
	height:40px;
	overflow:hidden;
}
.newproduct .photos .small a:hover, .newproduct .photos .small a.selected {
	border-color:#139cd8;
}
.newproduct .photos .small a:focus {
	outline:0;
}
.newproduct .photos .small li.seperator {
	display:block;
	width:50%;
	margin:0.25em auto;
	height:1px;
	padding:0;
	background:#ccc;
}
.newproduct .intro {
	display:inline-block;
	vertical-align: top;
	width:55%;
	
}
.newproduct .jumpto {
	background:#F1F2F2;
}
.newproduct .jumpto ul {
	margin-left:0;
	padding:0;
	
}
.newproduct .jumpto li {
	position:relative;
	display:inline-block;
	padding:0;
	margin:0;
	width:100%;
	vertical-align: top;
	text-align:center;
	
}
.newproduct .jumpto ul.total-2 li {
	width:50%;
}
.newproduct .jumpto ul.total-3 li {
	width:33.33%;
}
.newproduct .jumpto ul.total-4 li {
	width:25%;
}
.newproduct .jumpto ul.total-5 li {
	width:20%;
}
.newproduct .jumpto a:focus { 
	outline:none;
	text-decoration: none;
}
.newproduct .jumpto a {
	width:100%;
	display:block;
	padding:0.5em 0.25em;
	color:#139cd8;
	text-transform: uppercase;
	font-weight:bold;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.newproduct .jumpto a.selected {
	background:#E1E1E1;
}
.newproduct .jumpto a.selected:before {
	background:#139cd8;
}
.newproduct .jumpto a:before {
	content:"";
	height:2px;
	position:absolute;
	background:transparent;
	width:100%;
	bottom:-2px;
	left:0;
}
.newproduct .jumpto a:hover:before {
	display:block;
	background:#DE6C27;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.newproduct .jumpto a:hover {
	text-decoration: none;
	color:#DE6C27;
}

.actions a:focus {
	outline:0;
	text-decoration: none;
}
.actions .parts {
	margin:0;
	padding:0;
	list-style: none;
	max-width:360px;
}

.product-models .scrollbox {
	position:relative;
	height:320px;
	max-width:360px;
	overflow:hidden;
}
.product-models .scrollbox ul {
	overflow:auto;
	height:320px;
}
.product-models .scrollbox > div {
	position:absolute;
	bottom:0;
	left:-10%;
	display:block;
	width:120%;
	height:15px;
	box-shadow: inset 0 -7px 12px -7px rgba(0,0,0,0.7);
	z-index: 5;
}

.actions .parts a small {
	display:block;
	font-size: 0.8em;
	border-top:1px solid rgba(0,0,0,0.2);
	padding-top:0.25em;
	margin-top:0.15em;
}
.actions .parts a span {
	display:inline-block;
}
.actions .parts a span.description {
	display:block;
	font-size:0.8em;
	padding-bottom:0.2em;
}
.actions .parts a span.separator:before {
	display:inline-block;
	content:"/";
	padding:0 .25em;
	color:rgba(0,0,0,0.2);
}
.actions .parts a.selected span.separator:before {
	display:inline-block;
	content:"";
	padding:0;
}
.actions .parts a.selected span.separator {
	display:block;
	height:0;
}
.actions .parts a span.note {
	color:rgba(0,0,0,0.4);
}
.actions .parts a b {
	text-decoration: none;
	opacity:0.7;
	display:none;
}
.actions .parts a {
	display:block;
	width:100%;
	background:#F1F2F2;
	margin:0 0 0.25em;
	padding:0.5em;
	padding-left:1.8em;
	color:#666366;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    border:2px solid #F1F2F2;
}
.actions .parts a:before {
	content: "";
	display:block;
	width:1em;
	height:1em;
	background:#AAA;
	position:absolute;
	left:0.5em;
	top:50%;
	margin-top:-0.5em;
	border-radius: 100%;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.actions .parts a.selected {
	border:2px solid #139cd8;
	color:#139cd8;
	background:#FFF;
}
.actions .parts a.selected:before {
	background:#139cd8;	
}
.actions .parts a:hover {
	background:#139cd8;
	border:2px solid #139cd8;
	color:#FFF;
	text-decoration: none;
}
.actions .parts a.selected:hover {
	background:#F1F2F2;
	color:#139cd8;	
}
.actions .parts a.selected:hover:before {
	background:#139cd8;
}
.actions .parts a:hover:before {
	background:#FFF;	
}

.actions .parts a.selected b  {
	display:inline;
}

.actions .buttons {
	margin:0.5em 0 0;
	padding:0;
	list-style: none;
}
.actions .buttons li {
	display:inline;
}
.actions .buttons li.fill {
	display:block;
}
.actions .buttons a {
	display:inline-block;
	margin:0 0 0.25em;
	padding:0.5em 0.75em;
	text-align:center;
	color:#139cd8;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    text-transform: uppercase;
    font-weight: bold;
}
.actions .buttons a.buynow {
	background: #DE6C27;
	color:#FFF;
	width:100%;
	max-width:360px;
	font-size:1.2em;
	box-shadow: 0px 2px 5px #CCC;
	border:2px solid transparent;
}
.actions .buttons a.buynow:hover {
	box-shadow: 0px 6px 10px -3px #AAA;
	background:#f3782c;
	border:2px solid #DE6C27;
}
.actions .buttons a:hover {
	background:#f3782c;
	color:#FFF;
	text-decoration: none;
}
.actions .options {
	margin:0;
	padding:0;
}
.actions .options li {
	display:inline-block;
	position:relative;
	padding:0.5em 0.25em;
	padding-left:2.1em;
	line-height:1em;
	color:#666366;
}
.actions .options li:before {
	position:absolute;
	display:block;
	margin:0;
	left:0.5em;
	top:50%;
	margin-top:-0.5em;
	color:#139cd8;
	font-size:1.25em;
}
.facts {
	border-top:1px solid #F1F2F2;
	padding-top:0.5em;
	margin-top:0.5em;
	color:#666366;
}
.facts ul { 
	list-style:none;
	padding:0;
	margin-left:0 !important;
}
.facts ul li {
	margin-bottom:0.75em;
	position: relative;
	padding-left:1.5em;
	margin-left:0;
}
.facts ul li:before {
	content: "+";
	display:block;
	position:absolute;
	left:0.5em;
	width:0.5em;
	height:1em;
	line-height:1em;
	top:0;
	color:#dd6c26;
	
}


.newproduct hr {
	border-top:1px solid #F1F2F2;
	padding-top:0.5em;
	margin-top:0.5em;
	height:0;
	padding:0;
}
.newproduct .overview {
	padding:1em 1em 0; 
}
.newproduct .overview p {
	line-height: 1.6em;
	color:#666366; 
}
.newproduct .overview p:last-of-type {
	padding-bottom:0;
}
.newproduct .overview h2 {
	font-size:1.2em;
	color: #000;
	padding-left:0;
}
.newproduct .overview h2 span {
	text-transform: none;
	color:#666366;
}
.newproduct .features {
	padding:0 0 1em;
	margin:2em 0 1em;
	color:#666366;
	border-top:1px solid #F1F2F2;
}
.newproduct .features h2 {
	color:#139cd8;
	padding-bottom:0;
}
.newproduct .features ul {
	list-style: circle;
	padding:1em 1em 0 0;
	margin-bottom:0.75em;
}
.newproduct .features li {
	margin-bottom:0.5em;
	position:relative;
	list-style: none;
	padding-left:1.6em;
	padding-bottom:0.5em;
}
.newproduct .features li:before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:"\e800";
	font-family:"icons";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#139cd8;
	width:1em;
}
.newproduct .features li.title {
	font-weight:bold;
	padding-left:0;
	color:#333;
	padding-bottom:0;
}
.newproduct .features li.title:before {
	display:none;
}
.newproduct div.comparison {
	overflow-x: auto;
	width:100%;
	position:relative;
	margin-bottom:1em;
}
.newproduct div.comparison.overflow {
	overflow:hidden;
	margin-bottom:1em;
}
.newproduct div.comparison.overflow.show-all {
	margin-bottom:0;	
}
.newproduct div.comparison .scroll {
	overflow:auto;
}
.newproduct div.comparison.overflow .scroll {
	max-height:380px;
}
.newproduct div.comparison.show-all .scroll {
	max-height:none;
}
.newproduct div.comparison.overflow.show-all div.fade {
	display:none; 
}
.newproduct div.expand-link {
	margin-bottom: 1em;
	text-align:center;
}
.newproduct div.expand-link a {
	display:inline-block;
	position:relative;
	padding-bottom:1.6em;
}
.newproduct div.expand-link a:hover, .newproduct div.expand-link a:focus {
	text-decoration: none;
	outline:0;
}
.newproduct div.expand-link a:before {
	font-size:1.4em;
	position:absolute;
	left:50%;
	bottom:0.2em;
	margin-left:-0.5em;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color:#139cd8;
}
.newproduct div.expand-link a:hover:before {
	bottom:0;
	color:#101040;
}
.newproduct div.expand-link a.ico-up:before {
	bottom:0;
}
.newproduct div.expand-link a.ico-up:hover:before {
	bottom:0.2em;
}
.newproduct div.comparison.overflow div.fade {
	position:absolute;
	bottom:0;
	left:-10%;
	display:block;
	width:120%;
	height:15px;
	box-shadow: inset 0 -7px 12px -7px rgba(0,0,0,0.7);
	z-index: 5;
}
.newproduct div.comparison.wider div.fade-right {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:15px;
	height:100%;
	box-shadow: inset -7px 0 12px -7px rgba(0,0,0,0.7);
	z-index: 5;
}
.newproduct div.comparison table.specifications {
	position:absolute;
	top:0;
	left:0;
	margin-top:0;
	box-shadow: 0px 5px 10px white
}
.newproduct div.comparison table.specifications th {
	padding-bottom:0;
}
.newproduct div.comparison.wider table.specifications, .newproduct div.comparison.show-all table.specifications, .newproduct div.comparison.overflow table.specifications {
	display:none; 
}
.newproduct div.comparison.overflow table {
	margin-bottom:0.5em;
}
.newproduct div.comparison table {
	min-width:100%;
	margin-bottom:0;
}
.newproduct div.comparison table th {
	min-width:7em;
}
.newproduct div.comparison table tr th:first-of-type {
	width:22%;
	padding-left:1em;
}
.newproduct div.comparison table tr td:first-of-type {
	font-weight:bold;
	padding-left:1em;
	color:#666366;
	width:22%;
}
.newproduct div.comparison table tr {
	border-bottom:1px solid #FFF;
}
.newproduct div.comparison table tr:nth-child(even), .newproduct div.comparison.filtered table tr.even {
	background:#e9efd4;
}
.newproduct div.comparison.filtered table tr.odd {
	background:none;
}
.newproduct div.comparison table td {
	cursor:pointer;
	text-align: left !important;
}
.newproduct div.comparison table td.highlight {
	background:#d0ebf7;
	color:#139cd8 !important;
}
.newproduct div.comparison table tr:hover td {
	background:#139cd8;
	color:#FFF !important;
}
.newproduct div.comparison table tr.compare td {
	background: #DE6C27;
	color:#FFF !important;
}
.newproduct div.comparison table tr.compare:hover td {
	background: #F3782B;
}
.newproduct div.compare-link {
	margin-bottom:1em;
	display:none;
}
.newproduct a.js-compare-parts {
	display:inline-block;
	padding:0.5em 0.75em;
	color:#FFF;
	background:#DE6C27;
	border-radius: 0.25em;
	text-transform: uppercase;
	font-size:1em;
	line-height: 1em;
	border:2px solid #DE6C27;
}

.newproduct a.js-compare-parts:hover {
	text-decoration: none;
	background: #F3782B;
}
.newproduct a.js-compare-parts:focus {
	text-decoration: none;
	outline:0;
}
.newproduct a.js-compare-parts.clear-results {
	color:#DE6C27;
	background:#FFF;
}
.newproduct a.js-compare-parts.clear-results:hover {
	background: #F3782B;
	color:#FFF;
}
.newproduct div.comparison table thead tr th {
	color:#666366;
}
.newproduct .specifications {
	margin:2em 0 1em;
}
.newproduct .specifications hr {
	border-top:2px solid #93ad28;
}
.newproduct .specifications h2 {
	background:#93ad28;
	color:#FFF;
	margin-bottom:0.75em !important;
}
.newproduct .specifications h3 {
	text-transform: none;
	font-size:1.2em;
	font-weight: bold;
	color:#93ad28;
	padding:0.25em 0.75em;
	margin-top:0.25em;
}
.newproduct .specifications ul {
	list-style: none;
	margin:0;
	padding:0;
	font-size:0.9em;
}
.newproduct .specifications li {
	width:100%;
	display:block;
	padding:1em;
}
.newproduct .specifications li:nth-child(even) {
	background:#e9efd4;
}
.newproduct .specifications li span {
	font-weight:bold;
	display:inline-block;
	width:20%;
	vertical-align: top;
	color:#666366;
}
.newproduct .specifications li div {
	display:inline-block;
	width:70%;
	margin-left:2%;
	vertical-align: top;
	font-weight: normal;
	color:#000;
}
.newproduct .documentation {
	background:#F1F2F2;
	padding:0 0 1em 0;
	margin:2em 0 2em;
	color:#FFF;
	border-bottom: 2px solid #CCC;
}
.newproduct .documentation h2 {
	color:#FFF;
	background:#139cd8;
}
.newproduct .documentation h3 {
	color:#999;
	text-transform: none;
	padding:1em 1em 0.25em !important;
}
.newproduct .documentation a:hover, .newproduct .documentation a:focus {
	color:#dd6c26;
	text-decoration: none;
}

.newproduct .documentation ul {
	padding:1em 1em 0;
}
.newproduct .documentation li {
	list-style: none;
}
.newproduct .documentation li b {
	color:#333;
}
.newproduct .documentation li.fade {
	opacity:0.6;
}
.newproduct .documentation li.fade:hover {
	opacity:1;
}
.newproduct .documentation li.fade b {
	color:#888;
}
.newproduct .documentation li.fade a {
	color:#AAA;
	
}
.newproduct .documentation li.fade a:hover {
	color:#139cd8;
}
.newproduct .software {
	padding:0 1em;
}
.newproduct .software h2 {
	padding-left: 0;
}

.newproduct h2 {
	border:0 !important;
	font-size:1.2em;
	margin:0 !important;
	padding:0.8em;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child {
	float:left;
}


#buy {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	background:rgba(220,220,220,0.9);
	display:none;
}
#buy a.close {
	position:absolute;
	right:0.1em;
	top:0.1em;
	width:1em;
	height:1em;
	font-size:4em;
	line-height: 0.5em;
	padding:0.25em;
}
#buy a.close:before {
	content:"\00D7";
	
}
#buy a.back:before {
	content:"\f104";
	font-family: 'icomoon';
}
#buy a.back {
	left:0.1em;
	right:auto;
}
#buy a.close:hover {
	text-decoration: none;
}
#buy > div {
	background:#FFF;
	width:80%;
	box-shadow: 0px 2px 6px #AAA;
	height:90%;
	overflow:auto;
	position:fixed;
	top:5%;
	left:10%;
}
#buy .product {
	padding:1em;
}
#buy figure {
	width:20%;
	text-align: center;
	display:inline-block;
	vertical-align: bottom;
}
#buy img { 
	max-width:100px;
	width:100%;
}
#buy .product-popup-header {
	display: inline-block;
	width:auto;
	vertical-align: bottom;	
	padding:0 0 0 1em !important;
	margin:0;
	max-width: 79%;
}
#buy h2 {
	display: block;
	font-size:2em;
	padding:0 !important;
	margin:0;
	color:#101040;
}
#buy h2 span {
	display:block;
	font-size:0.5em;
	color:#999;
	line-height: 1em;
}

.product-list .article-bg{
	opacity: 1 !important;
}

.breadcrumb-popup a{
	display: inline-block;
	font-size: 18px;
	font-family: "calibrilight", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#999;
	text-transform: uppercase;
	line-height: 120%;
}
.breadcrumb-popup a:not(:last-of-type):after{
	content: ' > ';
	padding: 0 5px;
}
.breadcrumb-popup a.breadcrumb-home,
.breadcrumb-popup span.breadcrumb-delimiter,
.breadcrumb-popup span.crumbs-current-page
{
	display: none;
}
#buy .tab {
	padding:0 1em 1em;
}
#buy ul.tabs {
	color:#FFF;
	font-size:1.2em;
	text-align: center;
	margin:0;
	list-style: none;
}
#buy ul.tabs li {
	display:inline-block;
	width:33.33%;
}
#buy.hide-representatives ul.tabs li {
	width:50%;
}
#buy.hide-representatives ul.tabs li:last-of-type {
	display:none;
}
#buy ul.tabs a {
	display:block;
	padding:0.5em;
	color:#FFF;
	background:#101040;
	border-top:2px solid #101040;
	border-bottom:2px solid #139cd8;
}
#buy ul.tabs a:hover {
	text-decoration: none;
	background:#139cd8;
	border-bottom:2px solid #139cd8;
}
#buy ul.tabs a:focus {
	outline:0;
	text-decoration: none;	
}
#buy ul.tabs a.selected {
	color:#FFF;
	background:#139cd8;
	border-bottom:2px solid #139cd8;
}
#buy .location {
	margin-top:0;
	padding:0 1em;
	width:100%;
	max-width:400px;
}
#buy .location label {
	display:inline-block;
	width:40%;	
	vertical-align: middel;
}
#buy .location select {
	display:inline-block;
	width:57%;
	vertical-align: middel;
}
#buy .tab.buynow td a {
	display:inline-block;
	padding:0.25em 0.75em;
	background:#101040;
	color:#FFF;
	text-align: center;
}
#buy .tab.buynow td a:hover {
	text-decoration: none;
	background:#139cd8;
}

#buy table {
	width:100%;
}
#buy table thead {
	background:#AAA;
	text-transform: uppercase;
}
#buy table tbody tr:hover {
	background:#CCC;
}
#buy table tr:hover a {
	color:#101040;
}
#buy table td .stock-level{
	display: inline-block;
}
#buy table td.instock,
#buy table td .stock-level {
	color:#93ad28;
}
#buy table td.instock:before, 
#buy table td.outofstock:before,
#buy table td .instock:before, 
#buy table td .outofstock:before {
	content:"";
	width:1em;
	height:1em;
	margin-right:0.5em;
	border-radius: 100%;
	background:#93ad28;
	display:inline-block;
	vertical-align: middle;
}
#buy table td.outofstock:before,
#buy table td .outofstock:before {
	background:transparent;
	border:2px solid #df6d27;
}
#buy table td.outofstock,
#buy table td .outofstock {
	color:#df6d27;
}
#buy h3 {
	background:#139cd8;
	color:#FFF;
	text-align: center;
	font-size:1.4em;
	padding:0.25em 0.5em;
	font-weight:bold;
}
#buy .sample div, 
#buy .custom div,
#buy .quote div {
	margin:auto;
	max-width:700px;
	width:100%;
	position: relative;
}
#buy .sample iframe, 
#buy .quote iframe,
#buy .custom iframe,
#buy .model-stock {
	display: none !important;
}

#buy .sample iframe.active, 
#buy .quote iframe.active,
#buy .custom iframe.active,
#buy .model-stock.active {
	display: block !important;
}
#buy iframe {
	overflow: hidden;
	min-height:700px;
	display: block !important;
}
#buy .quote iframe {
	min-height:1000px;
}

.node-type-product .product-slider,
.view-distributors .views-table > caption,
.lt_products-stockcheck .form-item-region > .description,
.distributors > .octoport > strong{ 
	display: none;
}

.product-slider-info ul{
    list-style: circle;
    padding-left: 1em;
    margin-bottom: 1em;
}

.product-slider-info ul li{
	margin-bottom: 0.5em;
}

/*.view-distributors .views-exposed-form{
	display: block !important;
}*/

.title-with-link{
	position: relative;
}

.title-with-link > a.contextual-links-trigger{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background-position: 9px 0 !important;
}

.view-manufacturers .views-exposed-form{
	display: none;
}


#buy .powered-by{
	font-size: 12px;
    color: #999;
    text-align: right;
}

/****************************************************/
/* New Homepage Styles                              */
/****************************************************/

.front {
	max-width: 100%;
}

.front #container {
	margin-top: 0px !important;
}

.front .current-cat {
	padding-right: 0px;
	width: 100%;
}

.front #content_top {
	height: 425px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.front #content_top #text_wrapper {
	height: 0px;
}

.front #content_top #text_wrapper #inner_text_wrapper {
	height: 425px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.front #content_top #text_wrapper #inner_text_wrapper h2.headline {
	font-size: 39px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.front #content_top #text_wrapper #inner_text_wrapper .body p {
	max-width: 823px;
    text-align: center;
    font-size: 22px;
    line-height: 33px;
}

.front #content_top #text_wrapper #inner_text_wrapper .ctas {
	display: flex;
	margin-top: 15px;
}

.front #content_top #text_wrapper #inner_text_wrapper .ctas a {
	display: block;
	background: #DE6C27;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.7em 4.7em .7em .7em;
	font-size: 1.05em;
	-webkit-box-shadow: 0px 3px 13px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 13px -4px rgba(0,0,0,0.75);
    transition: all 0.4s ease;
	position: relative;
	font-family: "calibribold", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.front #content_top #text_wrapper #inner_text_wrapper .ctas a:hover {
	background: #49AFE3;
	-webkit-box-shadow: 0px 6px 18px -3px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 18px -3px rgba(0,0,0,0.75);
	background-color: #f3782c;
}

.front #content_top #text_wrapper #inner_text_wrapper .ctas a.cta_one {
	margin-right: 20px;
}

.front #content_top #text_wrapper #inner_text_wrapper .ctas a i {
	font-size: 26px;
    position: absolute;
    top: 9px;
    right: 6px;
} 

.front #categories {
	max-width: 80%;
    margin: 0px auto 50px;
}

.front #categories .field-name-field-homepage-category .field-items {
    display: flex;
    flex-wrap: wrap;
}

.front #categories .field-name-field-homepage-category .field-items .field-item {
	width: 50%;
}

.front #categories .field-name-field-homepage-category .field-items .field-item a {
	text-decoration: none;
    display: block;
	padding: 25px 10px;
	min-height: 160px;
	border-bottom:4px solid transparent;
}

.front #categories .field-name-field-homepage-category .field-items .field-item a:hover {
	background: #F1F2F2;
	border-bottom:4px solid #DE6C27;
    box-shadow: 0px 2px 6px #999;
}

.front #categories .field-name-field-homepage-category img.category-icon {
	width: 94px;
	height: 94px;
	margin-right: 30px;
	float: left;
}

.front #categories .field-name-field-homepage-category h3.title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0px;
    margin-top: 0px;
}

.front #categories .field-name-field-homepage-category .description p {
	font-size: 24px;
	line-height: 29px;
	color: #95989A;
}

.front .more-categories {
	text-align: center;
}

.front .more-categories .more-button {
	font-size: 20px;
	color: #95989A;
	text-transform: uppercase;
	margin-top: 25px;
	display: inline-block;
	cursor: pointer;
	padding: 10px 45px;
	transition: all .3s;
}

.front .more-categories .more-button i {
	background: #139cd8;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    float: left;
    margin-right: 10px;
    position: relative;
	top: -2px;
	transition: all .3s;
}

.front .more-categories.open .more-button i {
	transform: rotate(180deg);
	transition: all .3s;
}

.front .more-categories .more-button:hover {
	color: #139cd8;
	transition: all .3s;
}

.front .more-categories .more-button:hover i {
	background: #139cd8;
	transition: all .3s;
}

.front #categories_wrapper {
	
}

.front #categories_wrapper.open {
	max-height: 100%;
}

.front #featured_solution_wrap {
	background: #009FDD url('../img/black-paper.png');
	padding: 70px 0px 80px;
	min-height: 475px;
}

.front #featured_solution_wrap #featured_solution {
	max-width: 80%;
	margin: 0 auto;
}

.front #featured_solution_wrap #featured_solution img {
	max-width: 490px;
	width: 100%;
	height: auto;
	float: right;
	margin-left: 40px;
	-webkit-box-shadow: 0px 15px 30px -10px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 15px 30px -10px rgba(0,0,0,0.8);
    box-shadow: 0px 15px 30px -10px rgba(0,0,0,0.8);
}

.front #featured_solution_wrap #featured_solution .title {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 20px;
}

.front #featured_solution_wrap #featured_solution .description p,
.front #featured_solution_wrap #featured_solution .testimonial p {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 20px;
}

.front #featured_solution_wrap #featured_solution .testimonial p {
	font-style: italic;
}

.front #featured_solution_wrap #featured_solution a {
	font-size: 1.05em;
    padding: 0.70em;
    max-width: 280px;
    width: 100%;
	margin: 0;
	text-align: center;
	text-decoration: none;
    display: block;
    -webkit-box-shadow: 0px 3px 13px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 13px -4px rgba(0,0,0,0.75);
	transition: all 0.4s ease;
	background-color: #df6d27;
	font-family: "calibribold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: normal;
}

.front #featured_solution_wrap #featured_solution a:hover {
	background-color: #f3782c;
	-webkit-box-shadow: 0px 6px 18px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 18px -3px rgba(0,0,0,0.75);
}

.front #featured_content {
	max-width: 80%;
	margin: 0 auto;
	padding: 100px 0px;
	text-align: center;
}

.front #featured_content h3.title {
	font-weight: bold;
	font-size: 32px;
	text-transform: none;
	margin-bottom: 20px;
}

.front #featured_content .description {
	margin-bottom: 15px;
}

.front #featured_content .description p {
	font-size: 20px;
	line-height: 30px;
}

.front #featured_content .link {
	display: inline-block;
    background: #DE6C27;
    color: #fff;
    text-decoration: none;
    padding: 8px 35px;
    font-size: 20px;
    box-shadow: 2px 3px 10px -6px #000;
}

.front #featured_content .link:hover {
	background: #49AFE3;
}

.front #link_boxes .field-name-field-homepage-category .field-items {
	display: flex;
	flex-wrap: wrap;
}

.front #link_boxes #link_boxes_wrapper {
	max-width: 90%;
    margin: 50px auto 0px;
}

.front #link_boxes a.full img {
	margin-bottom: 15px;
	flex-shrink: 0;
}

.front #link_boxes a.not-full img {
	width: auto;
	max-width: 150px;
	margin-bottom: 10px;
}

.front #link_boxes .field-item {
	width: 30%;
    background: #F7F7F7;
    box-shadow: 0px 3px 10px -6px #000;
    margin-bottom: 60px;
}

.front #link_boxes .field-item:hover {
	background: #49AFE3;
	box-shadow: 0px 2px 6px #999;
}

.front #link_boxes .field-item:nth-child(3n + 2) {
	margin: 0px 43px 60px;
}

.front #link_boxes .field-item a {
	display: flex;
    text-align: center;
    text-decoration: none;
    color: #000;
    flex-direction: column;
    flex: 1;
    height: 100%;
    padding: 25px;
	align-items: center;
	transition: color 0s !important;
}

.front #link_boxes .field-item a.full {
	padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.front #link_boxes .field-item a:hover,
.front #link_boxes .field-item a:hover .title {
	color: #fff;
	transition: color 0s !important; 
}

.front #link_boxes .field-item .title {
	font-weight: bold;
	font-size: 32px;
	text-transform: none;
}

.front #link_boxes .field-item .description {
	font-size: 22px;
	line-height: 24px;
	max-width: 80%;
	margin: 0 auto;
}

footer {
	text-align: center;
}

footer .large-12.columns {
	width: auto;
    margin-right: 25px;
    float: none;
	display: inline-block;
	margin-top: 25px;
}

footer .large-12.columns h4 {
	text-transform: none !important;
}

footer .twitter {
	margin-right: 10px;
}

#QuebecLink { display:none; }

footer li.last:before {
	content: '';
    padding-right: 13px;
    padding-left: 13px;
	color: #95989A;
}

footer li.last.on:before {
	content: '|';
    padding-right: 13px;
    padding-left: 13px;
	color: #95989A;
}

/* Popup */
.front #popup {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	background:rgba(220,220,220,0.9);
	display:none;
}

.front #popup > div {
	background:#FFF;
	width:80%;
	box-shadow: 0px 2px 6px #AAA;
	height:auto;
	overflow:auto;
	position:fixed;
	top:5%;
	left:10%;
	text-align: center;
    padding: 30px;
}

.front #popup a.close {
	position:absolute;
	right:0.1em;
	top:0.1em;
	width:1em;
	height:1em;
	font-size:4em;
	line-height: 0.5em;
	padding:0.25em;
}

.front #popup a.close:hover {
	text-decoration: none;
}
.front #popup a.close:before {
	content:"\00D7";
	
}
.front #popup a.back:before {
	content:"\f104";
	font-family: 'icomoon';
}

.front #popup video {
	width: 100%;
}



/* Media Popup */
#media_popup {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	background:rgba(220,220,220,0.9);
	display:none;
}

#media_popup > div {
	background:#FFF;
	width:80%;
	box-shadow: 0px 2px 6px #AAA;
	height:auto;
	overflow:auto;
	position:fixed;
	top:5%;
	left:10%;
	text-align: center;
    padding: 30px;
}

#media_popup a.close {
	position:absolute;
	right:0.1em;
	top:0.1em;
	width:1em;
	height:1em;
	font-size:4em;
	line-height: 0.5em;
	padding:0.25em;
	z-index: 10000000;
}

#media_popup a.close:hover {
	text-decoration: none;
}

#media_popup a.close:before {
	content:"\00D7";
	
}
#media_popup a.back:before {
	content:"\f104";
	font-family: 'icomoon';
}

#media_popup  {
	width: 100%;
}

.media_contact {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(220,220,220,0.9);
}

.media_contact .wrapper {
    background: #FFF;
    width: 80%;
    box-shadow: 0px 2px 6px #AAA;
    height: 600px;
    overflow: scroll;
    position: fixed;
    top: 5%;
    left: 10%;
    text-align: center;
	padding: 30px;
}

.media_contact h3 {
    background: #139cd8;
    color: #FFF;
    text-align: center;
    font-size: 1.4em;
    padding: 0.25em 0.5em;
    font-weight: bold;
}

.media_contact iframe {
	min-height: 500px;
}



/****************************************************/
/* End New Homepage Styles                          */
/****************************************************/

/****************************************************/
/* New Search Styles                                */ 
/****************************************************/

.bttop {
	position: fixed;
    bottom: 50px;
    right: 30px;
    background: #009FDD;
    padding: 10px;
    display: flex;
    width: 60px;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
	border-radius: 5px;
	opacity: .4;
	transition: all .3s;
	cursor: pointer;
}

.bttop:hover {
	opacity: 1;
	transition: all .3s;
}

.page-search {
	max-width: 100%;
}

.department-links {
	max-width: 324px;
}

.page-search section.search {
	max-width: 1440px;
    margin: 20px auto;
}

.view-id-search .view-filters {
	margin-top: 10px;
}

.view-id-search .view-header strong {
	color: #DE6C27;
}

.elasticsearch-form {
	background: #009FDD !important;
	padding: 15px 15px 15px 15px !important;
	transition: all .5s;
}

.logged-in .elasticsearch-form.fixed {
    position: fixed;
    left: 0px;
    width: 100%;
	top: 91px;
	transition: all .5s;
}

.not-logged-in .elasticsearch-form.fixed {
    position: fixed;
    left: 0px;
    width: 100%;
	top: 54px;
	transition: all .5s;
}

.elasticsearch-form input[type="submit"] {
	font-size: 18px;
    padding: 9px 8%;
    font-family: calibribold;
    text-transform: uppercase;
    width: auto;
	display: block;
	background: #DE6C27 !important;
}

.elasticsearch-form.fixed input[type="submit"] {
	padding: 4px 8%;
}

.elasticsearch-form input[type="submit"]:hover {
	background-color: #f2691f !important;
}

.elasticsearch-form input[type="text"] {
	height: 42px;
	font-size: 18px;
	width: 77%;
	padding: 0.5rem;
}

.elasticsearch-form.fixed input[type="text"] {
	height: 32px;
}

#autocomplete {
	border: none;
	box-shadow: 0px 0px 10px -2px #000;
}

#autocomplete li {
    padding: 5px;
}

#autocomplete li:hover,
#autocomplete li:nth-child(odd):hover {
	background: #009FDD;
	color: #fff;
}

#autocomplete li:hover a,
#autocomplete li:nth-child(odd):hover a,
#autocomplete li:hover a:hover,
#autocomplete li:nth-child(odd):hover a:hover {
	color: #fff;
}

#autocomplete li:nth-child(odd) {
	background: #d0ebf7;
}

#autocomplete li a {
	color: #000;
	text-decoration: none;
	display: block;
}

.form-item-sort-bef-combine {
	display: flex;
	margin-top: 25px !important;
	margin-bottom: 15px !important;
	float: left;
	width: 100%;
    justify-content: flex-end;
}

.fixed .form-item-sort-bef-combine {
	display: none;
}

.form-item-sort-bef-combine label {
	float: left;
	margin-right: -5px;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

.bef-select-as-links .form-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0px;
}

.bef-select-as-links .form-item .form-item {
	margin-left: 10px;
	margin-bottom: 10px;
	max-width: 24%;
    width: 100%;
}

.bef-select-as-links .form-item div:after {
	content: "|";
	color: #000;
	margin-left: 10px;
}

.bef-select-as-links .form-item #edit-sort-bef-combine-changed-asc:after {
	content: "";
} 

.bef-select-as-links .form-item a {
	color: #666366;
	text-decoration: none;
}

.bef-select-as-links .form-item a:hover,
.bef-select-as-links .form-item.selected a {
	color: #dd6c26;
}

.view-id-search .views-row .views-field-nothing a {
	width: 100%;
    padding: 20px;
    background-color: #F1F2F2;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.24);
    display: flex;
    transition: all 0.3s linear;
	border-radius: 3px;
	width: 100%;
}

.view-id-search .views-row .views-field-nothing a:hover {
	background: #009FDD;
	text-decoration: none;
	color: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 1px 25px rgba(0,0,0,0.24);
}

.view-id-search .views-row .views-field-nothing a .image {
	width: auto;
	max-height: 200px;
	display: block;
	margin-right: 25px;
}

.view-id-search .views-row .views-field-nothing a img {
	height: auto;
	max-height: 200px;
	width: auto;
}

.view-id-search .views-row .views-field-nothing .right {
	width: 75%;
}

.view-id-search .views-row .views-field-nothing a .title {
	font-size: 24px;
    margin-bottom: 10px;
    display: block;
}

.view-id-search .views-row .views-field-nothing a .body {
	margin-bottom: 10px;
}

.view-id-search .views-row .views-field-nothing a .body,
.view-id-search .views-row .views-field-nothing a .products {
	line-height: 26px;
	color: #000;
}

.view-id-search .views-row .views-field-nothing a:hover .body,
.view-id-search .views-row .views-field-nothing a:hover .products {
	color: #fff;
}

.view-search-taxonomy .views-exposed-form {
	display: none;
}

.view-search-taxonomy h3 {
	font-size: 0.91em;
}

.view-search-taxonomy {
	font-size: 1em;
	margin-top: 35px;

}

/****************************************************/
/* End New Search Styles                            */
/****************************************************/

/****************************************************/
/* New Contact Us Styles                            */
/****************************************************/

.page-node-156 .link-wrapper,
.page-node-156 figure,
.page-node-156 .article-out,
.page-node-156 .breadcrumb {
	display: none !important;

}

.breadcrumb.bottom { 
	background:none;
	border-bottom:0;
}

.view-id-new_contact_us {
	opacity:0;
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}
.page-contact-us .view-id-new_contact_us {
	margin-top:1em;
}
.page-contact-us.loaded .view-id-new_contact_us {
	opacity:1;
}

.page-contact-us .main-content {
	width: 100%;
}

.page-contact-us .view-new-contact-us .views-exposed-form {
	position: relative;
	min-height: 500px;
}

.page-contact-us .views-exposed-form.closed {
	min-height: 150px;
}

.page-contact-us .views-exposed-form.hidden {
	display:none;	
}

.page-contact-us .views-exposed-widget {
	width: 100%;
	display: block;
	/* position: absolute; */
}
.page-contact-us .views-exposed-widget.preview > label {
	display:block;
	font-size:1.2em;
	margin-bottom:0;
	color:#AAA;
	cursor:pointer;
	padding:0 0.5em;
}




.page-contact-us .views-exposed-form .views-exposed-widget {
	position:relative;
	left:0;
}

.page-contact-us .views-exposed-widget.hidden {
	display:none;
}
.page-contact-us .views-exposed-widget label span {
	color: #139cd8;
}
.page-contact-us .views-exposed-widget.preview > label:hover span {
	color:#DE6C27;
}
.page-contact-us .views-exposed-widget.preview div.views-widget {
	display:none;
}
.page-contact-us .views-exposed-widget.loading .views-widget, .page-contact-us .views-exposed-widget.loading label {
	opacity:0.2;
}
.page-contact-us .views-exposed-widget .loading-container {
	top:150px; 
}
.page-contact-us .views-exposed-widget.loading .loading-container { 
	display:block !important;
}
.page-contact-us .views-exposed-widget.loading.preview .loading-container { 
	display:none !important;
}

.page-contact-us .views-exposed-widget.loading .views-widget, .page-contact-us .views-exposed-widget.loading label {
	opacity:0.3;
}
.page-contact-us .views-exposed-widget.loading .loading-container { 
	display:block !important;
}
.page-contact-us .views-exposed-widget .form-item a p {
	padding:0;
}
.page-contact-us .views-exposed-widget .form-item a .description span {
	display:inline-block;
	padding:0.15em 0.3em;
	border-radius:0.15em;
}
.page-contact-us .views-exposed-widget .form-item a.shortcut-parent .description span {
	color:#139cd8;
}
.page-contact-us .views-exposed-widget .form-item a.shortcut-parent:hover .description span {
	color:#FFF;
}
.page-contact-us .views-exposed-widget .form-item a.shortcut-parent .description span:hover {
	color:#139cd8;
}
.page-contact-us .views-exposed-widget .form-item a .description span:hover {
	
	background:#FFF;
	color:#139cd8;
}

.page-contact-us .views-exposed-widget .form-item a .description span.not-found {
	opacity:0.5;
	background:none !important;
	cursor:default;
}
.page-contact-us .views-exposed-widget .form-item a .description span.not-found:hover {
	color:#FFF;
}

.page-contact-us .views-widget-filter-field_sub_category_tid_selective,
.page-contact-us .views-widget-filter-field_country_and_region_tid_selective,
.page-contact-us .views-widget-filter-field_department_tid_selective {
	left: -100%;
}

.page-contact-us .views-exposed-widget > label {
	font-size: 3em;
	color:#139cd8;
	text-align: center;
	margin-bottom: 50px;
	cursor:default;
	line-height:1;
	margin-top:0.25em;
}
.page-contact-us .bef-select-as-links .form-item div:after {
	content: "";
	margin-left: 0px;
}

.page-contact-us .form-item-field-contact-category-tid .form-item .form-item,
.page-contact-us .views-widget-filter-field_department_tid .form-item .form-item {
	width: 33%;
}

.page-contact-us .bef-select-as-links,
.page-contact-us .views-widget-filter-field_sub_category_tid_selective .form-item .form-item,
.page-contact-us .views-widget-filter-field_department_tid .form-item .form-item,
.page-contact-us .views-widget-filter-field_subdivision_tid_selective .form-item .form-item,
.page-contact-us .views-widget-filter-field_country_and_region_tid_selective a .form-item .form-item {
	width: 100%;
}

.page-contact-us .views-widget-filter-field_country_and_region_tid .form-item {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
}

.page-contact-us .views-widget-filter-field_country_and_region_tid .form-item .form-item .form-item {
	width: 24%;
	margin-bottom: 10px;
}

.page-contact-us .form-item-field-contact-category-tid .form-item .form-item a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 292px;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	box-shadow: 0px 3px 10px -6px #000;
}

.page-contact-us .views-widget-filter-field_sub_category_tid_selective .form-item a,
.page-contact-us .views-widget-filter-field_country_and_region_tid .form-item a,
.page-contact-us .views-widget-filter-field_department_tid .form-item .form-item a,
.page-contact-us .views-widget-filter-field_country_and_region_tid_selective a,
.page-contact-us .views-widget-filter-field_department_tid_selective a,
.page-contact-us .views-widget-filter-field_subdivision_tid_selective a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 292px;
	background: #F7F7F7;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	box-shadow: 0px 3px 10px -6px #000;
}

.page-contact-us .views-field-vud-node-widget {
    float: right;
    position: relative;
    z-index: 100;
    align-items: center;
    justify-content: center;
    display: flex;
}

.page-contact-us .views-row .views-label-vud-node-widget {
	color: #fff !important;
    font-size: 0.7em;
    font-weight: normal;
    width: auto !important;
}

.page-contact-us .vote-current-score, .page-contact-us .voted-how {
    display: none;
}

.page-contact-us .form-item-field-contact-category-tid .form-item .form-item a img,
.page-contact-us .views-widget-filter-field_country_and_region_tid .form-item a img,
.page-contact-us .views-widget-filter-field_department_tid .form-item .form-item a img,
.page-contact-us .views-widget-filter-field_country_and_region_tid_selective a img,
.page-contact-us .views-widget-filter-field_department_tid_selective a img {
	max-width: 120px;
    margin-bottom: 10px;
}

.page-contact-us .form-type-radio input {
	display: none;
}

.page-contact-us .views-widget-filter-field_sub_category_tid_selective .form-item a:hover,
.page-contact-us .views-widget-filter-field_country_and_region_tid .form-item a:hover,
.page-contact-us .views-widget-filter-field_department_tid .form-item .form-item a:hover,
.page-contact-us .views-widget-filter-field_country_and_region_tid_selective a:hover,
.page-contact-us .views-widget-filter-field_department_tid_selective a:hover,
.page-contact-us .views-widget-filter-field_sub_category_tid_selective .form-item a.active,
.page-contact-us .views-widget-filter-field_country_and_region_tid .form-item a.active,
.page-contact-us .views-widget-filter-field_department_tid .form-item .form-item a.active,
.page-contact-us .views-widget-filter-field_country_and_region_tid_selective a.active,
.page-contact-us .views-widget-filter-field_department_tid_selective a.active,
.page-contact-us .form-item-field-contact-category-tid .form-item .form-item a.active .front,
.page-contact-us .form-item-field-contact-category-tid .form-item .form-item a.active .description,
.page-contact-us .views-widget-filter-field_subdivision_tid_selective a.active,
.page-contact-us .views-widget-filter-field_subdivision_tid_selective a:hover {
	background: #009FDD;
	color: #fff;
}

.page-contact-us a.start-over {
	display:block;
	margin:1em auto;
	width:10em;
	background:#F1F2F2;
	color:#DE6C27;
	padding:0.5em 0.7em;
	text-align: center;
	padding-right:1.2em;
}
.page-contact-us a.start-over:hover {
	text-decoration: none;
	background:#DE6C27;
	color:#FFF;
}

.page-contact-us .view-new-contact-us  .view-content {
	display: none;
}

.page-contact-us .view-new-contact-us  .view-content.visible {
	display: block;
}


.page-contact-us .views-row {
	border: 8px solid #666366;
	padding: 0 0 10px;
	max-width:700px;
	margin:auto;
	color:#666366;
	
}


.page-contact-us .views-row .views-field-title {
	font-size: 28px;
	font-weight: bold;
	background:#666366;
	padding:10px 20px 16px !important;
	margin-bottom:10px;
	color:#FFF;
	font-size:1.6em;
	position:relative;
}

.page-contact-us .views-field-field-contact-category {
	font-size: 28px;
	font-style: italic;
	display:none;
}

.page-contact-us .views-row .views-field-field-email {
	margin-top: 15px;
}

.page-contact-us .views-row .views-field-field-email,
.page-contact-us .views-row .views-field-field-phone {
	font-size: 28px;
}

.page-contact-us .field-content iframe {
	overflow:auto;
}

.page-contact-us .views-row .views-label {
	font-weight: bold;
	float: left;
	margin-right: 3px;
	color:#AAA;
	width:7em;
}
.page-contact-us .views-row .views-field {
	padding: 0 20px;
	font-size:1.3em;
}

.page-contact-us .form-type-radio {
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	flex-direction: column;
}

.page-contact-us .form-submit {
	display: none;
}
.page-contact-us .field-content a:hover {
	text-decoration: none;
	color:#DE6C27;
}
/* entire container, keeps perspective */
.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link {
	perspective: 1000px;
}
/* flip the pane when hovered */
.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link:hover a {
	/* background: #009FDD; */
	color: #fff;
	transform: rotateY(180deg);
}

.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link, 
.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link .front, 
.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link .description {
	width: 320px;
}

/* flip speed goes here */
.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link a {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link .front, 
.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link .description {
	backface-visibility: hidden;

	position: absolute;
}

/* front pane, placed above back */
.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link .front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	background: #F7F7F7;
	padding:0 0.25em;
}

/* back, initially hidden pane */
.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link .description {
	transform: rotateY(180deg);
	background: #009FDD;
	color: #fff;
	line-height: 150px;
	text-align: center;
	display: flex;
	flex-direction: column;
    justify-content: center;
	align-items: center;
	box-shadow: 0px 3px 10px -6px #000;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.page-contact-us .form-item-field-contact-category-tid .form-type-bef-link .description p {
	color: #fff !important;
}

.page-contact-us .views-exposed-widget.preview .chng-btn {
	background: #F1F2F2;
	color:#DE6C27;
	padding: 0.4em 0.6em;
	margin-left: 0.5em;
	font-size:0.8em;
	line-height:1em;
	display:inline-block;
}
.page-contact-us .views-exposed-widget.preview > label:hover .chng-btn, .page-contact-us .views-exposed-widget.preview > label:hover span .chng-btn {
  background: #DE6C27;
  color:#FFF;
}

@media only screen and (max-width: 1000px){
	.page-contact-us .bef-select-as-links .form-item .form-item {
		max-width:32%;
	}
}
@media only screen and (max-width: 800px){
	.page-contact-us .bef-select-as-links .form-item .form-item {
		max-width:48%;
		width:48% !important;
	}
	.page-contact-us .views-exposed-widget > label {
		font-size:2em;
	}
}
@media only screen and (max-width: 600px){
	.page-contact-us .bef-select-as-links .form-item .form-item {
		max-width:100%;
		width:100% !important;
	}
	.page-contact-us .views-widget-filter-field_sub_category_tid_selective .form-item a,
.page-contact-us .views-widget-filter-field_country_and_region_tid .form-item a,
.page-contact-us .views-widget-filter-field_department_tid .form-item .form-item a,
.page-contact-us .views-widget-filter-field_country_and_region_tid_selective a,
.page-contact-us .views-widget-filter-field_department_tid_selective a {
	height:auto !important;
	padding:1em 0;
	}
}

/****************************************************/
/* End New Contact Us Styles                        */
/****************************************************/

/****************************************************/
/* New Login Styles                                 */
/****************************************************/

#fancy_login_messages_container_wrapper {
	top: 10%;
}

#fancy_login_login_box {
	width: 400px;
    max-height: 600px;
	overflow: scroll;
	border: none !important;
	box-shadow: 0px 0px 10px -3px #000;
}

#fancy_login_close_button {
    border: none;
    color: #FFF;
    background-color: #000;
    padding-left: 6px;
    padding-right: 6px;
	border-radius: 3px;
	margin-top: 10px;
}

#fancy_login_close_button:hover {
	color: #fff;
	background-color: #333;
}

#fancy_login_login_box .item-list ul {
	display: flex;
	margin: 1.55em 0 1.55em 0;
	width: 100%;
}

#fancy_login_login_box .item-list ul li {
	text-align: center;
	margin-left: 0px;
	width: 50%;
}

#fancy_login_login_box .item-list ul li a {
	font-size: 14px;
	color: #93ad28;
}

#fancy_login_login_box label {
	font-size: 1.095rem;
}

#fancy_login_login_box .form-text {
	max-width: 100%;
	width: 100%;
	padding: 0.5rem;
	height: 2.3125rem;
}

#fancy_login_login_box input[type=submit] {
	float: none;
	font-size: 1.05em;
    padding: 0.70em;
    width: 100%;
    margin: 0;
	text-align: center;
	border: none;
    text-decoration: none;
	display: block;
	color: #fff;
    -webkit-box-shadow: 0px 3px 13px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 13px -4px rgba(0,0,0,0.75);
    transition: all 0.4s ease;
    background-color: #df6d27;
    font-family: "calibribold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: normal;
}

#fancy_login_login_box input[type=submit]:hover {
	background-color: #f3782c;
    -webkit-box-shadow: 0px 6px 18px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 18px -3px rgba(0,0,0,0.75)
}

#fancy_login_messages_container_wrapper .fancy_login_messages_container .messages {
	background: #df6d27;
    opacity: 1;
    color: #fff;
}

.fancy_login_message_close_button {
	color: #fff;
	background: none;
	border: none;
}

/****************************************************/
/* End New Login Styles                             */
/****************************************************/

@media only screen and (max-width:660px) {
    .newproduct .photos {
	    width:100%;
	    margin:0;
	}
	.newproduct .intro {
		width:100%;
	}
	.actions .parts a, .actions .scrollbox {
		max-width:100%;	
	}
	.actions .parts {
		max-width:100%;
	}
	.actions .buttons a.buynow {
		max-width: 100%;
	}
	.actions .buttons {
		text-align: center;
	}
	.newproduct .jumpto li {
		width:50% !important;
	}
	.actions .options {
		text-align:center;
	}
	.newproduct .specifications li span { width:30%; }
	.newproduct .specifications li div { width:60%; }
}

@media only screen and (max-width:460px) {
	.newproduct .jumpto li {
		width:100%;
	}
}




/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px to 959px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    
    .front #categories .field-name-field-homepage-category .field-items .field-item {
		width: 100%;
	}
	
	.front #featured_solution_wrap #featured_solution img {
		float: none;
		margin: 0 auto 15px;
		display: block;
	}

	.front #featured_content .link,
	.front #featured_solution_wrap #featured_solution .link {
		padding: 15px 35px;
		display: block;
		text-align: center;
	}

	.front #link_boxes .field-name-field-homepage-category .field-items {
		display: block;
	}

	.front #link_boxes .field-item {
		width: 100%;
		margin-bottom: 15px;
	}

	.front #link_boxes .field-item:nth-child(3n + 2) {
		margin: 0px 0px 15px;
	}

}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 290px */
@media only screen and (max-width: 767px) {

	.front #content_top #text_wrapper #inner_text_wrapper h2.headline {
		font-size: 29px;
		text-align: center;
	}	

	.front #content_top #text_wrapper #inner_text_wrapper .body p {
		max-width: 90%;
		text-align: center;
		font-size: 20px;
		line-height: 26px;
		margin: 0 auto;
	}

	.front #content_top #text_wrapper #inner_text_wrapper .ctas {
		display: block;
	}

	.front #content_top #text_wrapper #inner_text_wrapper .ctas a.cta_one {
		margin-right: 0px;
		margin-bottom: 15px;
	}	

	.front a.file-video, 
	.front a[href$=".mp4"]:before, 
	.front a[href$=".avi"]:before {
		display: none !important;
	}

	.front #categories_wrapper {
		max-height: 100%;
	}

	.front #categories .field-name-field-homepage-category .field-items .field-item {
		width: 100%;
		text-align: center;
	}

	.front #categories .field-name-field-homepage-category img.category-icon {
		margin-right: 0px;
		float: none;
		text-align: center;
		margin: 0 auto 15px;
		display: block;
	}

	.front #featured_solution_wrap #featured_solution img {
		float: none;
		margin: 0 auto 15px;
		display: block;
	}

	.front #featured_content .link,
	.front #featured_solution_wrap #featured_solution .link {
		padding: 15px 35px;
		display: block;
		text-align: center;
	}

	.front #link_boxes .field-name-field-homepage-category .field-items {
		display: block;
	}

	.front #link_boxes .field-item {
		width: 100%;
		margin-bottom: 15px;
	}

	.front #link_boxes .field-item:nth-child(3n + 2) {
		margin: 0px 0px 15px;
	}


	.page-node-156 #leaflet-map {
		height: 320px !important;
	}

	.page-node-156 .view-new-contact-us-page.view-display-id-block_1 > .view-content .views-row {
		width: 100%;
	}

	.page-node-156 .view-new-contact-us-page.view-display-id-block_1 > .view-content .views-row-odd {
		background: #fff !important;
	}

	.page-node-156 .view-new-contact-us-page.view-display-id-block_1 > .view-content .views-row-even {
		background: #F7F7F7 !important;
	}

	.page-node-156 #links {
		flex-direction: column;
	}

	.page-node-156 #links a {
		width: 100%;
		margin: 0 0 15px !important;
	}
    
}

/* Updates for Template Pages / New Layout - PSH */

.banner-inner {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing:antialiased;
}
body.html.node-type-template-page div#container section.off-canvas-wrap.docs-wrap section.inner-wrap section.section-4 {
    display:none;
}

body.html.node-type-template-page div#container section.off-canvas-wrap.docs-wrap section.inner-wrap section.breadcrumb.hide_mobile1 {
    padding:10px 0 5px 10px;
}

body.html.not-front.logged-in.no-sidebars.page-node.page-node-.node-type-template-page div.large-36.columns.main-content div.current-cat.node.node-template-page.node-full.clearfix, div.current-cat.node.node-template-page {
    width:100% !important;
}