html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-image: url(https://www.layerzero.com/images/bg_stripe_blue.png);
background-repeat: repeat-x;
background-color: #0a0da0;
}

.lz-consent.hidden {
  display: none !important;
}

.lz-consent {
  position: fixed;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 99999;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.lz-consent__inner {
  pointer-events: auto;
  width: min(860px, 100%);
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(20,20,20,.92);
  color: #fff;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 60px rgba(0,0,0,.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transform: translateY(10px);
  opacity: 0;
  animation: lzConsentIn .28s ease forwards;
}

@keyframes lzConsentIn {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.lz-consent__text {
  display: flex;
  gap: 10px;
  align-items: baseline;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.35;
}

.lz-consent__text strong {
  font-size: 14px;
}

.lz-consent__text span {
  opacity: .88;
}

.lz-consent__link {
  color: #9ad1ff;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.lz-consent__link:hover {
  border-color: #9ad1ff;
}

.lz-consent__actions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex: 0 0 auto;
}

.lz-consent__actions button {
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
}

/* Make "No thanks" subtle, "Accept" prominent */
#lz-consent-reject {
  background: transparent;
  border: 1px solid #aaa;
  color: #ddd;
}

#lz-consent-accept {
  background: #cc6633;
  border: none;
  color: white;
  font-weight: 600;
}

/* Layout */
#lz-site-header{
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap !important;

  width:100% !important;
  box-sizing:border-box !important;
z-index:99;
}

/* Equal tiles */
#lz-site-header #logo,
#lz-site-header #findARep,
#lz-site-header #careersMenu, 
#lz-site-header #serviceMenu{
  width: 270px;     /* was 220 */
  height: auto;     /* was 72 */
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

@media only screen and (max-width: 768px) {
  #lz-site-header #logo,
  #lz-site-header #careersMenu,
  #lz-site-header #serviceMenu,
  #lz-site-header #findARep {
    width: 140px;
    height: 52px;

  }

#lz-site-header #logo,
#lz-site-header #findARep,
#lz-site-header #careersMenu, 
#lz-site-header #serviceMenu{
justify-content:left; 
}


}

/* Images never stretch */
#lz-site-header #logo img,
#lz-site-header #findARep img,
#lz-site-header #careersMenu img, 
#lz-site-header #serviceMenu img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  display:block;
}

/* Search must not push spacing */
#lz-site-header #search-wrapper{ flex:0 0 auto !important; }



#lz-site-header #search-wrapper input{
  width:100%;
  box-sizing:border-box;
}

/* hamburger lives at far right */
#lz-site-header .hamburger{
  position:absolute;
  right:0px;
  top:0px;
}


details {
border: 1px solid #ccc;     
}
h2 {
font-size: 1.75vw;
border-radius: 4px;
padding: 10px;
margin-bottom: 10px;
}
.bullets{
list-style:disc;
}
.lz-geo.hidden{display:none}
.lz-geo{
position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:9999;
display:flex; align-items:center; justify-content:center;
}
.lz-geo__card{
width:min(520px, 92vw); background:#fff; border-radius:16px; padding:20px 22px;
box-shadow:0 12px 40px rgba(0,0,0,.22);
}
.lz-geo__actions{display:flex; gap:10px; margin-top:.25rem}
.lz-btn{padding:.6rem 1rem; border-radius:10px; border:1px solid #ddd; cursor:pointer}
.lz-btn-primary{background:#ff6a00; color:#fff; border:none}

.lz-geo__fine{opacity:.7; font-size:.85rem; margin-top:.4rem}
.feed-container {
max-width: 600px;
margin: 0 auto;
padding: 1rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
background-color: #f8f9fa;
}
.social-post {
transition: .15s ease;
background: white;
border: 2px solid #e1e8ed;
border-radius: 20px;
overflow:hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
padding: 1rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.social-post .tweet-header {
display: flex;
align-items: center;
gap: 0.75rem;
background-color: rgba(0, 0, 0, .025);
padding: 5px;
border-bottom:3px solid #cc6633;
}
.avatar-container {
width: 32px;
height: 32px;
border-radius: 50%;
overflow: hidden;
padding: 4px;
background-color: #f0f0f0;
box-sizing: content-box;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.avatar-container .avatar {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 50%;
padding: 0 !important;
margin: 0 !important;
object-fit: cover;
}
.tweet-header {
display: flex;
align-items: center;
gap: 0.5em;
}
.social-post .user-info {
display: flex;
flex-direction: column;
}
.social-post .username {
font-weight: 700;
font-size: 1rem;
color: #14171a;
}
.social-post .handle {
font-size: 1.25em;
color: #657786;
font-weight: bold;

}
.social-post time {
font-size:1rem;
color: #657786;
}
.social-post .tweet-content {
font-size: 1rem;
line-height: 1.4;
color: #14171a;
margin: 0.5rem 0;
}
.social-post img,
.social-post video {
max-width: 100%;
border-radius: .2rem;
margin-top: 0.5rem;
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
}
.social-post .actions {
display: flex;
gap: 2rem;
margin-top: 0.5rem;
color: #657786;
}
.social-post .action {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.9rem;
cursor: pointer;
}
.social-post .action:hover {
color: #1da1f2;
}
.loader {
text-align: center;
padding: 2rem;
font-weight: 600;
color: #657786;
font-size: 1rem;
}
@media (max-width: 600px) {
.feed-container {
padding: 0.5rem;
}
.social-post {
padding: 0.75rem;
}
.social-post .avatar {
width: 40px;
height: 40px;
}
}


#findMyRepBT {
margin-left: auto;
margin-right: auto;
text-align: center;
background-color:#666 !important;
}
.header-right {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-basis: 50%;
}
.product-image-overlay-container {
position: relative;
display: inline-block;
max-width: 100%;
margin-top: 1em;
}
.product-image-overlay-container img {
display: block;
width: 100%;
height: auto;
border-radius: 4px;
}
.product-image-label {
position: absolute;
bottom: 10px;
right: 10px;
left:unset;
background-color: rgba(204, 102, 51, 0.9);
color: white;
padding: 16px 22px;
font-size:1.5em;
border-radius: 4px;
font-weight: bold;
text-shadow: 2px 2px 3px rgba(20, 20, 20, .5);
pointer-events: none;
line-height:unset;
}
summary {
list-style: none;
cursor: pointer;
font-size: 1.5em;
font-weight: bold;
display: flex;
align-items: center;
padding: 10px;
margin: 0;
}
.tt-menu {
width: 100%;
max-width: 600px;
background-color: white;
border: 1px solid #ccc;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
z-index: 99999 !important;
padding: 8px 0;
margin-top: 4px;
overflow: hidden;
}
.tt-hint {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
}
.tt-suggestion {
padding: 10px 20px;
cursor: pointer;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
font-size: 0.95em;
line-height: 1.4em;
transition: background-color 0.2s ease-in-out;
}
.tt-suggestion:hover {
background-color: #f2f2f2;
}
.tt-suggestion strong {
color: #cc6633;
display: block;
font-weight: 600;
}
.tt-suggestion small {
display: block;
color: #777;
font-size: 0.85em;
word-break: break-word;
margin-top: 2px;
}
#site-search, .search-input {
width: 100%;
max-width: 600px;
padding: 10px 15px;
font-size: 1em;
border: 1px solid #ccc;
border-radius: 10px;
outline: none;
margin: 0 auto;
display: block;

}
@media screen and (max-width: 1336px) {
  #lz-site-header #search-wrapper{ display:none !important; }
}
.product-name {
background-color:rgba(225, 225, 225, .25);
}
summary::-webkit-details-marker {
display: none;
}
summary::marker {
display: none;
}
.orangeGrayBarContainer {
width: 100%;
padding: 3rem 3rem 3rem 4rem;
background-color: rgba(50, 50, 50, .65);
border-left: 10px solid #cc6633;
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, .75);
box-shadow: 5px 5px 3px rgba(20, 20, 20, .2);
box-sizing: border-box;
}
.orangeGrayBarContainer a {
display: inline-block;
}
.orangeGrayBarTop {
font-size: 1.75em;
font-weight: bold;
display: block;
}
.orangeGrayBarBottom {
font-size: 1.5em;
display: block;
}
.featureLargeText {
font-size: 1.15em;
line-height: 1.5em;
margin-top: 2em;
}
details[open] summary::before {
transform: rotate(90deg);
}
.description p, .description ul {
margin: 15px 0;
}
.zebra-bg {
background-color: #f9f9f9;
}
summary:focus {
outline: 2px solid #cc6633;
border-radius:10px;
}
.lz-faq-a {
padding: 0 1.5rem;
background: transparent;
transition: background-color 0.25s ease, padding 0.25s ease;
}
.lz-faq-item{
transition-duration:.2s;
}
.lz-faq-item[open] .lz-faq-a {
background: #f8fafc;
padding: 1.25rem 1.5rem 1.5rem;
border-left: 3px solid #cc6633;
}
.cookie-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 20px;
display: none;
justify-content: space-between;
align-items: center;
z-index: 1000;
}
.image-caption {
text-align: center;
margin: 20px auto;
}
.image-caption img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.image-caption figcaption {
margin-top: 8px;
font-size: 0.95rem;
color: #666;
font-style: italic;
}
.cookie-banner.hide {
opacity: 0;
visibility: hidden;
}
.cookie-banner p {
margin: 0;
font-size: 14px;
}
.cookie-banner a:hover {
color: #cc6633;
text-decoration: underline;
}
.accept-cookies-button {
background-color: #cc6633;
border: none;
color: #000;
padding: 10px 20px;
cursor: pointer;
font-size: 14px;
border-radius: 5px;
}
.accept-cookies-button:hover {
background-color: #ff7043;
}
.menu {
box-shadow: 3px 3px 3px rgba(0,0,0,.1);
}

.progress-bar {
width: 100%;
height: 40px;
background-color: #ddd;
border-radius: 5px;
border: 1px solid #ccc;
overflow: hidden;
position: relative;
}
.progress {
width: 0;
height: 100%;
background-color: #cc6633;
position: absolute;
top: 0;
left: 0;
transition: width 0.3s ease-in-out;
}
.percentage {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #333;
white-space: nowrap;
z-index: 1;
}
.percentage:before {
content: "Loading interactive content: ";
display: inline-block;
font-weight: bold;
}
body {
background-color:transparent !important;
}
main {
padding-bottom:20px;
font-size:1.1rem;
line-height:1.7;
}
#careersContent ul li {
list-style:disc;
margin-left: 20px;
line-height: 1em;
padding: 10px;
}
.openJobs ul li:not(:last-child) {
border-bottom:1px solid #ccc;
}
.openJobs {

border-radius: 3px;
background-color: rgba(204, 204, 204, .1);
padding: 0px;
text-align: center;
font-weight: bold;
border-radius: 10px;

}
.headingcenter {
text-align:center !important;
margin-left:auto !important;
margin-right:auto !important;
display:block;
}
.yearHeading {
padding-bottom:25px;
}
.table tr td {
transition-duration:.2s;
}
.table tr:hover td {
background-color: rgba(204, 102, 51, 0.25);
;
}
.table {
width: 100%;
display: table;
table-layout: fixed;
border-collapse: collapse;
}
.collapsible {
background-color: #999;
color: #fff;
cursor: pointer;
margin: 5px;
padding: 20px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
border-radius: 5px;
WIDTH: calc(100% - 50px);
border: 1px solid #666;
box-shadow: 2px 2px 3px rgba(0,0,0,.25);
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
transition-duration: .1s;
}
.collapsible::before {
content: '\002B';
color: white;
display: inline-block;
margin-right: 10px;
}
.active, .collapsible:hover {
background-color: #777;
border: 1px solid #cc6633;
}
.active::before {
content: "\2212";
}
.collapsibleContent {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.header-container {
position:relative;
}

@media screen and (max-width: 768px) {
.paintcolors {
position: relative !important;
top: 9px;
display: block;
min-height: 70px;
margin: auto;
text-align: center !important;
}
.openJobs {
font-size: 1.65em;
}
.responsiveTable td a, .responsiveTable th a, .pagination th a, .pagination td a {
font-size: 1.5em;
font-weight: bolder;
text-shadow: 2px 2px 1px rgba(200, 200,200, .2);
background-color:rgba(255, 255, 255, .2);
}
.responsiveTable tr:first-child {
border-bottom: 0px solid #ddd;
}
.responsiveTable tr td:first-child {
box-shadow: 1px 2px 3px rgba(0, 0, 0, .15);
}
}
@media screen and (max-width: 1024px) {
#searchbar {
display:none;
}
}
.swatch {
display:inline-block;
margin:3px;
}
.swatch img{ width:34px; height:34px; border-radius:50%; border:2px solid #ffffff; box-shadow:0 1px 4px rgba(0,0,0,.25); cursor:pointer; transition:border-color .2s; }
.selectedswatch{ border-color:#cc3300 !important; }
.swatch img:hover {
border:2px solid #FF9933;
box-shadow:2px 2px 3px rgba(0, 0, 0, .2)
}
.social-media {
background-color: rgba(255, 255, 255, .85);
color: #fff;
displaY: inline-block;
padding: 10px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
border-radius: 10px;
padding-bottom: 0px;
border: 1px solid #ccc;
overflow: hidden;
box-shadow: 2px 2px 3px rgba(0,0,0,.5);
}
.social-media img {
padding-top:5px;
padding: 5px;
margin-top: 15px;
margin-bottom: 5px;
vertical-align: middle;
padding-bottom: 15px;
}
.social-media a {
padding: 15px;
transition-duration: .2s;
border-radius: 10px;
margin: 10px;
}
.socialTitle {
padding-bottom: 8px;
padding-top: 8px;
border-bottom: 1px solid #cc6633;
background-color: rgba(0, 0, 0, .75);
overflow: hidden;
}
.social-media a:hover {
box-shadow: 1px 1px 3px rgba(0,0,0, .5);
background-color:rgba(255, 255, 255, .5)
}
main  {
max-width:1600px;
margin: auto;
}
body > div > main > img:not(.hero) {
max-width: 100%;
height: auto;
}
.hero, .hero-image img {
width: 100%;
height: auto;
position: relative;
padding:0;
}
#productsContactRep {
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 0 !important;
}
#prompt {
font-size:.75em;
white-space: pre-wrap;
}
model-viewer {
min-height: 800px;
display: block;
margin: auto;
width:100%;
height:100%;
}
@media screen and (max-width: 768px) {
model-viewer {
min-height: 400px;
display: block;
margin: auto;
width:100%;
height:100%;
}
#interactive-model {
max-width: 300px;
margin: auto;
padding-left: 50px;
padding-right: 50px
}
}
.pncontainer {
display: block;
background-color: rgba(255, 255, 255, .2);
text-align: center;
font-size: 20pt;
margin: auto;
padding: 20px;
}
.container {
margin: 0;
padding: 0;
background-color: rgba(255, 255, 255, .9);
}
#repCompanyCard {
display: inline-block;
margin:10px;
}
#repCompany, #repStreet, #repCity, #repState, #repZip, #repCountry, #repWebsite, .repName, .repTitle, .repLocation, .repTollfree, .repSalesInquiries, .repDirect, .repPhone, .repCell, .repFax {
display:inline;
min-width:200px;
}
.repLogo {
display:block;
}
#repCompany {
font-weight:bold;
}
.repName {
display:inline-block;
font-weight:bold;
}
.repCard {
display: inline-block;
padding:10px;
border:1px solid #ccc;
min-width:200px;
min-height:125px;
margin:auto;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
margin-top:15px;
margin-left:20px;
border-radius:3px;
vertical-align: top;
margin-bottom:10px;
}

.repSalesInquiries::before {
font-weight:light;
content: "Sales Inquiries: ";
}
.repTolfree::before {
font-weight:light;
content: "Toll Free: ";
}
.repPhone::before {
font-weight:light;
content: "Office: ";
}
.repDirect::before {
font-weight:light;
content: "Direct: ";
}
.repCell::before {
font-weight:light;
content: "Cell: ";
}
.repTitle::before {
font-weight:light;

}
.repFax::before {
font-weight:light;
content: "Fax: ";
}
.repLogo img {
width:100%;
max-width:200px;
height:auto;
}
#map .repLogo {
display:none;
}
#locationError {
width:100%;
background-color:rgba(255,0,0,.1);
text-align:center;
padding-top:20px;
padding-bottom:40px;
border-top:1px solid #F00;
border-bottom:1px solid #F00;
}
.repCallNow {
padding:3px;
border:1px solid #ccc;
border-radius:3px;
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #f2f2f2 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #f2f2f2 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #f2f2f2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #f2f2f2));
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #f2f2f2 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #f2f2f2 100%);
}
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 10px;
padding:20px;
}
@media (min-width: 1200px) {
.product-grid {
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
}
@media (min-width: 1800px) {
.product-grid {
grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
}
}
.product-card img {
transition: transform 0.3s ease;
}
.product-card:hover img {
transform: scale(1.05);
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card > div {
position: relative;
z-index: 1;
padding: 1rem;
background: white;
}
.product-card > div::before {
content: "";
position: absolute;
top: 32%;
left: 50%;
transform: translateX(-50%) scaleX(0);
transform-origin: center;
width: 100%;
height: 60px;
background-color: #cc6633;
z-index: 0;
transition: transform 0.4s ease, opacity 1s ease;
opacity: 0;
}
.product-card:hover > div::before {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
.product-card img {
position: relative;
z-index: 1;
display: block;
}
.image-slider-container {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
}
.image-slider-container amp-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.product-card {
border: 1px solid #ddd;
text-align: center;
border-radius:10px;
transition-duration:.2s;
margin: auto;
}
.product-card:hover {
background-color:#FFF;
border:1px solid #cc6633;
-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
}
.product-card img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.product-card h3 {
margin-bottom: 10px;
}
.product-card p {
margin-bottom: 20px;
}
.product-list h3 {
clear: none;
display: block;
width: auto;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
top: auto;
padding-top: inherit;
padding-bottom: inherit;
margin: inherit;
text-align: inherit;
border-bottom: none;
border-top: none;
margin-bottom: inherit;
margin-top: inherit;
border-bottom: 1px solid #cc6633;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
box-shadow: 1px 1px 2px rgba(0,0,0,.2);
}
ul, ol {
list-style: none;
line-height: 1.75em;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.navigation {
padding: 10px 0;
border-top: 0px solid rgba(0, 0, 0, 0.075);
border-bottom: 0px solid rgba(0, 0, 0, 0.075);
margin-bottom: 0px;
}
.tooltip {
position: relative;
cursor: pointer;
}
.tooltip .tooltip-text {
visibility: hidden;
width: 400px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 8px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
font-size: .8em;
}
.tooltip .tooltip-icon:hover {
background-color: #cc6633;
}
.tooltip .tooltip-icon:hover ~ .tooltip-text {
visibility: visible;
opacity: 1;
}
.tooltip .tooltip-icon {
display: inline-block;
width: 16px;
height: 16px;
background-color: #ccc;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 16px;
border: 1px solid #999;
margin-left: 4px;
padding: 1px;
}
.tooltip .tooltip-icon:hover {
background-color:#cc6633;
}
.heading {
text-align:center;
padding: 25px;
font-weight:bold;
font-size:1.5em;
}
#messageusnow, .messageusnow {
position: relative;
margin-top: 15px;
margin-bottom: 5px;
margin-right: 5%;
margin-left: 5%;
border: 2px solid #FFF;
border-radius: 8px;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
font-weight: bold;
text-align: center;
font-size: 14px;
background-color: #cc6633;
z-index: 98;
box-shadow: 0px 1px 3px #666666;
padding: 13px 5px 13px 5px;
color: #fff;
}
#messageusnow a, .messageusnow a {
color:#fff;
}
.subHeading {
padding: .4em .4em .4em 0;
font-size: 1.25em;
font-weight:bold;
color:#333;
margin-left:.25em;
}
.center {
text-align:center;
}
.row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin-top:10px;
margin-bottom:10px;
}
.column {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
justify-content: center;
}
#riscText {
position: relative;
margin-left: auto;
margin-right: auto;
font-size: 2.05em;

max-height: 100px;
text-align: center;
background-color: rgba(255, 255, 255, .4);
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #cc6633;
border-bottom: 1px solid #cc6633;
pointer-events: none;
z-index: 2;
padding-left:0px;
border-left:0px;
}
.innovations .innovationLink {
border:1px solid rgba(255, 255, 255, 0);
border-radius:10px;
overflow:hidden;
}
.innovations .innovationLink .text {
color:#666 !important;
}
.innovations .innovationLink:hover {
background-color:#f2f2f2;
border:1px solid #cc6633;
transition-duration:.2s;
}
.innovations .text {
margin-top: 2px;
margin-left:120px;
font-size:.85em;
}
.innovations .text p {
line-height:1.5em;
}
.innovations {
display: grid;
grid-template-columns: 24% 24% 24% 24%;
grid-gap: 10px;
margin:20px;
}
.innovationLink {
position:relative;
min-height:125px;
}
.innovationLink img {
position:absolute;
left:0px;
top:0px;
max-width:100px;
height:auto;
width:50%;
}
@media (max-width: 1200px) {
.innovations {
display: grid;
grid-template-columns: 33% 33% 33%;
grid-gap: 10px;
margin:20px;
}
}
.darkGrayBillboardText {
font-size:2.15em;
color:#666;
padding-right:36px;
padding-left:36px;
}
.orangeBillboardText {
font-size:2.15em;
color:#cc6633;
font-weight:bold;
padding-right:36px;
padding-left:36px;
}
.relative {
position:relative;
}
.intro {
z-index:2;
font-size:1.5em;
color:#333;
margin:5.5%;
margin-left: 2.5%;
margin-bottom: 0%;
margin-top: 3.5%;
top:0px;
left:0px;
text-align:left;
color:#cc6633;
padding-top:2%;
padding-bottom:2%;
border-bottom:1px solid #ccc;
}
.right_intro {
z-index:2;
font-size:1.5em;
color:#333;
margin:5%;
margin-left: 2.5%;
margin-bottom: 0%;
margin-top: 3.5%;
top:0px;
right:0px;
text-align:left;
color:#cc6633;
padding-top:2%;
padding-bottom:2%;
border-bottom:1px solid #ccc;
}
.sectionImg {
position:relative;
width: 100%;
max-width:100%;
height:auto;
}
.smallHeading {
z-index:2;
padding: 15px;
line-height: 35px;
}
.right_smallHeading {
z-index:2;
margin: 2.55%;
font-size: 1.2em;
}
img, svg {

max-width: 100%;
height: auto;
}
#Doors img, #Doors svg, .centerDoors img, .centerDoors svg {
width: 100%;
max-width: 100%;
}
body {
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
height:100%;
margin-top: 0px;
}
nav {
position: relative;

margin: 0 auto;

text-align: center;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
text-shadow: 1px 1px 2px rgba(25, 25, 25, .15);
font-size: 1em !important;
z-index:9 !important;


}
nav #menu a {
color: #FFF
}

header{
display: block;
background: rgb(239, 239, 239);
background: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(229, 229, 229, 1) 100%);
background: -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(229, 229, 229, 1) 100%);
background: linear-gradient(to bottom, rgba(239, 239, 239, 1) 0%, rgba(229, 229, 229, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e5e5e5', GradientType=0);
z-index: 99;
position:relative;

}

nav{ 

display: block;
z-index: 99;
position:relative;

color:#2d3446;
background: linear-gradient(
  to bottom,
  #f9fafb 0%,
  #edf0f4 100%
);
;





    box-shadow:
        0 1px 0 rgba(255,255,255,0.08) inset,
        0 2px 10px rgba(0,0,0,0.18);

    /* keeps content crisp */
    -webkit-font-smoothing: antialiased;
} 


header a {
margin-top:5px;
}
.img_caption, .img_caption > h1 {
text-align: center;
font-size: 1em !important;
}
.bulletlist li {
list-style:disc;
margin-left:20px;
}
h1 {
font-size: 2.25em;
margin-bottom: 24px !important;
padding-top:30px;
padding-bottom:30px;
border-left: 6px solid #cc6633;
padding-left: 18px;
line-height: 1.3;
font-weight: 600;
color: #1a1a1a;
background: linear-gradient(to right, #f5f5f5 0%, #ffffff 60%);
background-clip: padding-box;
}
h2 {
border-bottom:1px solid #ccc;
width:95%;
}
#frontPageHeader h1 {
clear: both;
display: inline-block;
width: 100%;
font-size: 1.375em;
font-weight: bold;
color: #666666;
padding-top: 30px;
padding-bottom: 30px;
margin:0px;
text-align: center;
border-bottom: 1px solid #ccc;
border-top:1px solid #ccc;
background: rgba(200, 200, 200, .3);
margin-top:5px;
}
h3 {
clear: both;
display: block;
font-size: 1.125em !important;
line-height: 1.5em !important;
font-weight: bold;
color: #666666;
top: 10px;
margin:0px;
text-align: left;
padding:10px;
margin-bottom:3px;
margin-left:auto;
margin-right:auto;
}
h4 {
clear: both;
display: block;
width: 95%;
font-size: 1em;
line-height: 1.5em !important;
font-weight: bold;
color: #666666;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom:-5px;
padding-left: 5%;
text-align: left;
border-bottom: 1px solid #ccc;
}
.header-topmenu a {
color: #000;
}
h5 {
clear: both;
width: 100%;
font-size: 1.5em;
line-height: 1.5em !important;
font-weight: bold;
color: #666666 !important;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
margin: 0;
border-bottom: 1px solid #ccc;
}
h6 {
font-size: 1.125em;
font-weight: bold;
color: #666666 !important;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
width: 100%;
}
h6:before {
content:"•";
margin-bottom:-5px;
}
.Subheading {
font-size: 1.25em;
}
span {
display:inline-block;
vertical-align: middle;
line-height: normal;
}
.header {
padding-top:5px;
}
.headerBG {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-size:cover;
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 23%, rgba(227,227,227,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(23%, rgba(255,255,255,1)), color-stop(100%, rgba(227,227,227,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 23%, rgba(227,227,227,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 23%, rgba(227,227,227,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 23%, rgba(227,227,227,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 23%, rgba(227,227,227,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=1 );
}
header {
  display: flex;
  flex-wrap: nowrap;          /* important: keep in one row */
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  box-sizing: border-box;
  gap: 20px;
  z-index: 99;
  position: relative;
}

nav ul#menu {
position: relative;
height: auto;
display: block;
margin: 0;
padding: 0;
list-style: 0;
}
#menu > li > div.mega > ul > li, #menu > li {
display: inline-block;
padding: 0px;
margin-right: -4px;
}
#menu > li > div.menuHeader, #menu > li > div.mega > ul > li > div.menuTopSectionHeader.menuHeader {
position: relative;
height: 70px;
font-size: .95em;
line-height: .95em;
text-decoration: none;
padding: 0 20px;
border-left: 1px solid rgba(200, 200, 200, .25);
border-right: 1px solid rgba(200, 200, 200, .25);
z-index: 100;
color: #666;
display: flex;
flex-direction: column;
justify-content: center;
}
.backMenu {
display:none;
}
@media (max-width: 768px) {
nav {
position:fixed;
width:100%;
border-top: 0px solid #f2f2f2;
border-bottom: 0px solid #f2f2f2;
transform: translate(0px, 0px);
top:-70px;
z-index:99 !important; 
}
main{
position:relative;

}
.breadcrumbs_container{
position: relative;
top: 130px;
}
nav ul#menu {
position: absolute;
height: auto;
display: block;
margin: auto;
margin-right: 0px;
padding: 0;
width:350px;
z-index:500;
right: -100%;
top: 0px;
}
nav ul#menu li {
display: block;
width:100%;
}
.backMenu {
display:table;
padding: 5px;
padding-left:15px;
padding-right:15px;
margin-bottom:3px;
background-color:rgba(200, 200, 200, .05);
border:1px solid rgba(200, 200, 200, .15);
transition-duration:.12s;
border-radius:4px;
cursor:pointer;
}
.backMenu:hover {
background-color:rgba(200, 200, 200, .4);
}
#innovationsGrid, #innovationsGrid_Reliability, #innovationsGrid_Safety, #innovationsGrid_Monitoring {
display: grid;
grid-template-columns: 100%;
grid-gap: 10px;
margin: 20px;
}
.backMenuImage {
vertical-align:middle;
display: table-cell;
height: 33px;
padding: 5px;
width:50px;
}
.header {
padding-top:5px;
}

header {

  gap: 0px;

}


.headerBG {
display:none;
}
.product-card {
padding:5px;
margin: 0;
display: flex;
flex-direction: column;
}
.product-grid {
padding:10px;
display: grid;
align-items: stretch;
}
}
nav ul#menu li .menuHeader:hover, nav ul#menu li:hover > .menuHeader, nav ul#menu li:hover > a .menuHeader, #menu > li > div.mega > ul > li:hover > div.menuHeader, #menu > li > div.mega > ul > li > div.section.group.mega > div > ul > div:hover > div.menuHeader {
background: #fcfcfc;
color: #cc6633;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.zebra-bg {
min-height: 20px;
padding: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.section p {
padding-left: 20px;
padding-right:20px;
}
body {
font-size: 1.2rem;
line-height: 2em;
}
nav ul#menu a li {

font-size: .95rem !important;
height: 50px;
line-height: 3.25em !important;
}
nav ul#menu li .menuTwoLines {
line-height: 2.5em !important;
height: 60px;
}
nav ul#menu .section ul a li {
border-bottom: 1px solid #ccc;
border-left:6px solid rgba(200, 200, 200, 0);
position: relative;
font-size: .95em;
line-height: 4.35em;
font-weight: bold;
background-color: #f2f2f2;
}
.menuDescription {
font-size: .75em;
line-height: .25em;
margin-top: -.15em;
color: #666;
}
.mainMenuImg img {
max-height: 50px;
width: auto;
text-align: center;
}
nav ul#menu .section ul a li:hover {
color: #FFF;
border-left:6px solid #cc6633;
background-color: rgba(10, 10, 10, .525);
}
nav ul#menu a li:hover > .menuDescription {
color: #FFF;
}
body {
font-size: 1.0rem;
line-height: 1.7;
}
.menuSectionHeader {
font-size: 1em;
font-weight: bold;
border-bottom: 1px solid #666;
border-right: 2px solid rgba(200, 200, 200, .75);
padding-top: 5px;
padding-bottom: 5px;
width: 99%;
display: block;
text-align: center;
}
.menuTopSectionHeader {
font-size: 1em;
line-height: 4.35em;
font-weight: bold;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
}
.inline {
display: inline !important;
}
.inlineblock {
display: inline-block !important;
width: 100%;
}
.unset {
display:unset !important;
}
.menuImage {
transition-duration:.05s;
}
.menuImage:hover {
transition-duration:.05s;
background: rgba(200, 200, 200, .45);
}
#menu > li> div.mega > ul > li > div.section.group.mega > div> ul > div> div.section.group.mega > ul > a> li > img {
max-height: 50px;
position: absolute;
top: 0px;
left: 0px;
}
@media (max-width: 1200px) {
#col_Products {
display: none;
}
}
@media (min-width: 768px) and (hover: hover) {
  nav ul#menu li:hover > .mega { display:block !important; }

}
#menu > li> div.mega > ul > li > div.section.group.mega > div > ul> div:hover > div.section.group.mega {
box-shadow: -1px 0px 0px 0px #ccc, 1px 0px 0px 0px #ccc;
}
nav ul#menu li .menuHeader, nav ul#menu li > .menuHeader, nav ul#menu li > a .menuHeader, #menu > li > div.mega > ul > li > div.menuHeader, #menu > li > div.mega > ul > li > div.section.group.mega > div > ul > div > div.menuHeader {
border-left:5px solid rgba(200, 200, 200, 0) !important;
box-shadow: -1px 0px 0px 0px #ccc, 1px 0px 0px 0px #ccc;
}
nav ul#menu li .menuHeader:hover, nav ul#menu li:hover > .menuHeader, nav ul#menu li:hover > a .menuHeader, #menu > li > div.mega > ul > li:hover > div.menuHeader, #menu > li > div.mega > ul > li > div.section.group.mega > div > ul > div:hover > div.menuHeader {
border-left:5px solid #cc6633 !important;
}
#menu > li > div.mega > ul > li > div.section.group.mega > div > ul > div > div.menuTopSectionHeader.menuHeader.megaRow:hover {
background: #f2f2f2;
color: revert;
border-left: revert;
border-right: revert;
}
#menu > li > div.mega > ul > li > div.section.group.mega > div > ul > div {
display:unset;
}
#menu > li > div.mega > ul > li > div.section.group.mega > div > ul > div > ul {
display:unset;
}
#menu > li > div.mega > ul > li > div.section.group.mega > div > ul > div > ul > a > li {
display:inline-block;
}
#menu > li> div.mega > ul > li > div.section.group.mega > div > ul > div> div.section.group.mega {
display:block;
}
#menu > li > div.mega > ul > li > div.section.group.mega > div > ul > div.menuHeader {
display:inline-block;
}
#menu > li:nth-child(4) > div.section.mega > ul > li > div, #menu > li:nth-child(5) > div.section.mega > ul > li > div {
display:inline-block;
}
#menu > li:nth-child(4) > div.section.mega > ul > li, #menu > li:nth-child(5) > div.section.mega > ul > li {
display: inline-block;
width: 100%;
padding-top: 20px;
}
#menu > li > div.mega > ul > li > div.section.group.mega > div > div {
display: inline-block;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.grid_1 {
display: grid;
grid-template-columns: 1fr ;
}
.grid_2 {
display: grid;
grid-template-columns: 1fr 1fr;
}
.grid_3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.grid_4 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid_5 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#menu > li > div.mega, #menu > li > div.mega > ul > li > div.section.group.mega {
position: absolute;
left: 0;
width: 100%;
height: auto;
padding:0px;
background: #fff;
display: none;
z-index: 99;
margin-top: -1px;
z-index: 99;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.35);
background: rgb(255, 255, 255);
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
#menu > li > div.mega > ul > li > div.section.group.mega > div > ul > li > div {
display: block;
}


.megaMenuColumn > h3 > a { 
color:#000; 
} 

.megaMenuColumn > h3 > a:hover { 
color:#666; 

} 


.menuGroup {
display:inline !important;
}
nav ul#menu li .menuHeader {

transition-duration:.05s;
}
.menuSectionHeader {
display:none;
}
.col_5 {
display:inline-block;
width: -webkit-calc(100%/5);
width: calc(100%/5);
}
.col_4 {
display:inline-block;
width: -webkit-calc(100%/4);
width: calc(100%/4);
}
.col_3 {
display: inline-block;
width: -webkit-calc(100%/3);
width: calc(90%/3);
}
.col_2 {
display: inline-block;
width: -webkit-calc(100%/2);
width: calc(90%/2);
}
nav {
display: block;
transform: translate(0px, 0px) !important;
}
.mega {
transform: translate(0px, 0px) !important;
left:0px;
display:none;
}
}
@media (max-width: 1200px) {
#innovationsGrid {
display: grid;
grid-template-columns: 33% 33% 33%;
grid-gap: 10px;
margin:20px;
}
}
@media (max-width: 768px) {
#innovationsGrid {
display: grid;
grid-template-columns: 100%;
grid-gap: 10px;
margin:20px;
}
}
@media (max-width: 768px) {
nav ul#menu .section ul a li {
display: inline-block !important;
}
nav ul#menu li {
display:block;
background-color:#fff;
border-bottom:1px solid #ccc;
transition-duration:.05s;
}
nav ul#menu li .menuHeader:hover, nav ul#menu li:hover > .menuHeader, nav ul#menu li:hover > a .menuHeader {
background: #fcfcfc;
color: #cc6633;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
nav ul#menu .section ul a li {
width:100%;
display: inline-block;
}
}

a, img {
border: none;
outline: none
}
#noJS {
background-color: #FFF;
text-align: center;
padding: 50px;
font-size: 18px;
}
.container {
background-color: #FFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
font-size: 1em;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 0px;
margin:auto;
}
svg {
fill: transparent;
}
#scrollPosition {
position:fixed;
top:0px;
left:0px;
width:100%;
height:2px;
background-color:#cc6633;
z-index:9999;
transform: scaleX(0);
}
p {
padding-left: 2%;
padding-right: 2%;
line-height:1.95em;
margin-top: 1% !important;
}
.breadcrumbs_container {
display: inline-block;
margin-bottom: 10px;
padding: 15px;
list-style: none;
z-index:1;
position:relative;
line-height:2em;
background-color: #f5f5f5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: block;
clear: both;
background-image: -ms-linear-gradient(left, #F5F5F5 50%, #FFFFFF 100%);
background-image: -moz-linear-gradient(left, #F5F5F5 50%, #FFFFFF 100%);
background-image: -o-linear-gradient(left, #F5F5F5 50%, #FFFFFF 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50, #F5F5F5), color-stop(100, #FFFFFF));
background-image: -webkit-linear-gradient(left, #F5F5F5 50%, #FFFFFF 100%);
background-image: linear-gradient(to right, #F5F5F5 50%, #FFFFFF 100%);
}
.breadcrumbs_container a {
padding-right: 10px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 15px;
border: 1px solid rgba(255, 255, 255, 0);

}
.breadcrumbs_container a:hover {
border: 1px solid rgba(200, 200, 200, .85);
}
.breadcrumbs_container a:hover {
background-color: #e3e3e3;
}
.breadcrumbs_container a:after {
content: '\25BA';
color: #999;
margin-left: 15px;
}
.breadcrumbs_container a:hover {
background-color: #e3e3e3;
border-radius: 3px;
}
.breadcrumbs_container a:last-of-type {
margin-right: 10px;
}
.breadcrumbs_container ol {
list-style: none;
display: inline-block;
margin-bottom: 10px;
}
.breadcrumbs_container ol li {
display: inline-block;
padding: 0 5px;
}
.breadcrumbs_container ol li a {
color: #333;
border-left:4px solid transparent;
}
.breadcrumbs_container ol li a:hover {
color: #555;
border-left: 4px solid #cc6633;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
background-color:#fff;
}
.documentDownloadContainer {
padding: 20px;
text-align: center;
}
.documentDownloadContainer {
display: flex;
justify-content: center;
align-items: center;
}
.specs-grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 20px;
}
.specs-grid-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition-duration:.2s;
padding-bottom: 10px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #fff;
}
.specs-grid-item:hover {
background-color: rgba(204, 102, 51, .5);
}
.specs-grid-item p {
margin-bottom: 10px;
min-height: 205px;
padding: 20px;
}
.specs-grid-item .orangeButton {
max-width: 100%;
}
@media screen and (max-width: 1400px) and (min-width: 1200px) {
.specs-grid-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 1200px) {
.specs-grid-container {
grid-template-columns: 1fr;
}
.specs-grid-item p {
min-height: 105px;
}
}
@media (max-width: 769px) {
.specs-grid-item p {
min-height: 105px;
}
}
@media (min-width: 769px) {
.header {
width: 100%;
position: relative;
top: 0;
left: 0;
z-index: 999;
}


.breadcrumbs_container {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.small {
font-size: 11px;
}
.notice {
background-color: rgba(204, 102, 51, 0.15);
margin-top: 10px !important;
padding: 10px;
text-align: center;
font-weight: normal;
border-radius: 10px;
display:inline-block;
}
.notice a {
color:#000;
}
img, video, table {
height: auto;
}
video {
max-width: 100% !important;
height: auto;
}

@media screen and (max-width: 768px) {
table {
width: 100%;
}
th, td {
padding: 0px;
text-align: left;
border-bottom: 1px solid #ddd;
padding: 0px;
}
.breadcrumbs_container {
padding:0px;
display:none; 
}
}
.orangeSection {
display: inline-block;
position: relative;
margin: 3px;
padding: 15px 20px 15px 20px;
border: 2px solid #ccc;
background-image: -ms-linear-gradient(top, #FCFCFC 0%, #F5F5F5 100%);
background-image: -moz-linear-gradient(top, #FCFCFC 0%, #F5F5F5 100%);
background-image: -o-linear-gradient(top, #FCFCFC 0%, #F5F5F5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FCFCFC), color-stop(100, #F5F5F5));
background-image: -webkit-linear-gradient(top, #FCFCFC 0%, #F5F5F5 100%);
background-image: linear-gradient(to bottom, #FCFCFC 0%, #F5F5F5 100%);
box-shadow: 0 0 0px rgba(0, 0, 0, .4);
white-space: nowrap;
cursor: pointer;
user-select: none;
transition-duration: .15s;
transition: background-color .12s, box-shadow .12s, border-color .1s ease;
z-index: 3;
}
.orangeSection:hover {
border: 2px solid #cc6633;
background-image: -ms-linear-gradient(top, #FCFCFC 0%, #e7e7e7 100%);
background-image: -moz-linear-gradient(top, #FCFCFC 0%, #e7e7e7 100%);
background-image: -o-linear-gradient(top, #FCFCFC 0%, #e7e7e7 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FCFCFC), color-stop(100, #e7e7e7));
background-image: -webkit-linear-gradient(top, #FCFCFC 0%, #e7e7e7 100%);
background-image: linear-gradient(to bottom, #FCFCFC 0%, #e7e7e7 100%);
}
.orangeButton img {
max-width:100%;
}
.orangeButton {
margin-top: 1.5rem;
display: inline-block;
padding: 0.75rem 1.75rem;
background-color: #cc6633 !important;
color: #fff;
border-radius: 20px;
text-decoration: none;
font-weight: 600;
transition: background-color 0.1s ease;
cursor:pointer;
}
.blueButton {
margin-top: 1.5rem;
display: inline-block;
padding: 0.75rem 1.75rem;
background-color: #000099 !important;
color: #fff;
border-radius: 20px;
text-decoration: none;
font-weight: 600;
transition: background-color 0.1s ease;
cursor:pointer;
}

.orangeButtonGray {
margin-top: 1.5rem;
display: inline-block;
padding: 0.75rem 1.75rem;
background-color: #666 !important;
color: #fff;
border-radius: 20px;
text-decoration: none;
font-weight: 600;
transition: background-color 0.1s ease;
cursor:pointer;
}
.orangeButtonSelected {
display: inline-block;
position: relative;
margin: 3px;
padding: 15px 20px 15px 20px;
border: 2px solid #cc6633;
pointer-events:none;
box-shadow: 0 0 0px rgba(0, 0, 0, .2);
white-space: nowrap;
user-select: none;
transition: background-color .2s, box-shadow .2s, border-color .1s ease;
z-index: 3;
}
.orangeButton a{
color:#ffffff !important;
}
.downloadNow {
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.orangeButton:hover {
background-color: #a94c1f !important;
color:#fff !important;
}
.blueButton:hover {
background-color: #004d99  !important;
color:#fff !important;
}

.orangeButton:active {
background-color: #CB5216;
}
@media (max-width: 768px) {
table {
font-size: .7em;
}
}
a {
text-decoration: none;
color: #cc6633;
}
p a {
text-decoration:underline;
}
a:hover {
color: #000099;
}
#logo {
background-color: rgba(255, 255, 255, .95);
border-radius: 10px;
position: relative;
display: inline-block;
border: 2px solid rgba(150, 150, 150, .25);
z-index: 98;
height:auto !important;
padding:3px;
margin-bottom:5px;
transition-duration:.25s;
overflow:hidden;
flex-shrink: 0;
}
#logo img {
display:block;
width: auto;
height: auto;
max-width:100%;
max-height:100%;
margin:auto;
}
.fade-in {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
#findARep {
background-color: rgba(255, 255, 255, .95);
border-radius: 10px;
position: relative;
display: block;
border: 2px solid rgba(150, 150, 150, .25);
z-index: 98;
height:auto;
padding:3px;
margin-bottom:5px;
float:right;
transition-duration:.25s;
overflow:hidden;

}
#findARep img {
display:block;
width: auto;
height: auto;
max-width:100%;
max-height:100%;
margin:auto;
}
#careersMenu {
background-color: rgba(255, 255, 255, .95);
border-radius: 10px;
position: relative;
display: block;
border: 2px solid rgba(150, 150, 150, .25);
z-index: 98;
height:auto;
padding:3px;
transition-duration:.25s;
overflow:hidden;
}

#serviceMenu {
background-color: rgba(255, 255, 255, .95);
border-radius: 10px;
position: relative;
display: block;
border: 2px solid rgba(150, 150, 150, .25);
z-index: 98;
height:auto;
padding:3px;

transition-duration:.25s;
overflow:hidden;
}

#careersMenu img {
display:block;
width: auto;
height: auto;
max-width:100%;
max-height:100%;
margin:auto;
}
#logo:hover, #findARep:hover, #careersMenu:hover, #serviceMenu:hover {
border-color:#cc6633;
}
#repFinderMenu_Text {
z-index: 5;
pointer-events: none;
}
#repFinderMenu_BT {
transition-duration: .2s;
}
#repFinderMenu_BT:hover {
fill: #f2f2f2;
}
@media (min-width: 1200px) {
h2 {
font-size:1.75vw;
}
}
@media (min-width: 1800px) {
h2 {
font-size:18pt;
padding-left:20px;

}
}
footer, footer blockquote {

font-style: inherit;
line-height: inherit;
font-size:inherit;
position: inherit;
color: inherit;
display: inherit;
margin: inherit;
padding: inherit;
}
footer blockquote:before {
display: block;
padding-left: 0px;
content: "";
}
footer blockquote:after {
display: inline-block;
padding-left: 0px;
content: "";
}
@media only screen and (max-width: 1079px) {
#findARep {
display: none !important;
}

#search-wrapper{
display:none !important;
}
#serviceMenu{ 
	display:none !important; 
} 

#logo {
z-index: 98;
width: 375px;
margin: auto;
display: block;

}
}
.footer {
clear: both;
text-align: center;
font-size: 10px;
line-height: 16px;
}
@media only screen and (max-width: 768px) {
body {
width: 100%;
}
#logo{
  position: relative;
  left: auto;
  transform: none;
  top: auto;
  width: 189px;
  height: auto;
  margin: 0 auto;
}
#contactUsContainer, #findRepContainer, #callusnow {
position: relative;
margin-right: 5%;
margin-left: 5%;
border: 2px solid #FFF;
border-radius: 8px;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
font-weight: bold;
text-align: center;
font-size: 14px;
background-color: #000099;
z-index: 98;
box-shadow: 0px 1px 3px #666666;
padding: 13px 5px 13px 5px;
color: #fff;
}
.Zen_Category img {
margin-top: 0;
position: relative;
}
.mobile_menu, .mobile_close_menu {
position: fixed !important;
top: 5px;
right: 5px;
background: center center no-repeat transparent;
background-color: rgba(0, 0, 153, .7);
border: 2px solid rgba(0, 0, 153, .9);
display: block;
width: 40px;
height: 40px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
position: absolute;
z-index: 5;
cursor: pointer;
padding: 5px;
z-index: 202;
border-radius: 3px;
}
.mobile_menu_mask {
z-index: 59;
background-color: rgba(0, 0, 0, .5);
width: 200%;
height: 200%;
position: fixed;
top: 0px;
left: 0px;
visibility: hidden;
}
.mobile_menu{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7IiBkPSJNOS45OCw2LjMxOGMxMC42ODgsMCwyMS4zNSwwLDMyLjA0MSwwYzAsMS42NTQsMCwzLjI4MywwLDQuOTM3DQoJYy0xMC42ODgsMC0yMS4zNTEsMC0zMi4wNDEsMEM5Ljk4LDkuNjAxLDkuOTgsNy45NzMsOS45OCw2LjMxOHoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7IiBkPSJNOS45OCwyMS45NTNjMC0xLjY1MywwLTMuMjgzLDAtNC45MzhNCgljMTAuNjg5LDAsMjEuMzUyLDAsMzIuMDQxLDBjMCwxLjY1NSwwLDMuMjg0LDAsNC45MzhDMzEuMzMyLDIxLjk1MywyMC42NjksMjEuOTUzLDkuOTgsMjEuOTUzeiIvPg0KPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjsiIGQ9Ik05Ljk4LDMyLjY1MWMwLTEuNjU0LDAtMy4yODMsMC00LjkzNw0KCWMxMC42OSwwLDIxLjM1MiwwLDMyLjA0MSwwYzAsMS42NTQsMCwzLjI4MiwwLDQuOTM3QzMxLjMzLDMyLjY1MSwyMC42NjgsMzIuNjUxLDkuOTgsMzIuNjUxeiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yMC41NTUsNDUuNjcyYzAsMC4wMzEtMC4wMDgsMC4wNi0wLjAyNCwwLjA4MmMtMC4wMTYsMC4wMjMtMC4wNDUsMC4wNDItMC4wODUsMC4wNTcNCgkJYy0wLjA0MSwwLjAxNC0wLjA5MiwwLjAyNS0wLjE1NSwwLjAzNXMtMC4xNDUsMC4wMTUtMC4yNDYsMC4wMTVjLTAuMDk0LDAtMC4xNzMtMC4wMDUtMC4yNC0wLjAxNQ0KCQljLTAuMDY3LTAuMDEtMC4xMi0wLjAyMS0wLjE1OC0wLjAzNWMtMC4wMzktMC4wMTUtMC4wNjYtMC4wMzMtMC4wODMtMC4wNTdjLTAuMDE2LTAuMDIyLTAuMDI0LTAuMDUxLTAuMDI0LTAuMDgydi02LjY0M2gtMC4wMTENCgkJbC0yLjY4OCw2LjY3MmMtMC4wMTIsMC4wMjctMC4wMjksMC4wNTEtMC4wNSwwLjA3Yy0wLjAyMiwwLjAyMS0wLjA1MywwLjAzNy0wLjA5NSwwLjA1MXMtMC4wOSwwLjAyMy0wLjE0NywwLjAyOQ0KCQljLTAuMDU4LDAuMDA2LTAuMTI1LDAuMDA5LTAuMjA0LDAuMDA5Yy0wLjA4MiwwLTAuMTUzLTAuMDA0LTAuMjEyLTAuMDEzYy0wLjA1OS0wLjAwNy0wLjEwOC0wLjAxOS0wLjE0Ny0wLjAzMg0KCQlzLTAuMDctMC4wMy0wLjA5MS0wLjA1cy0wLjAzNi0wLjA0MS0wLjA0NC0wLjA2NGwtMi41Ny02LjY3MmgtMC4wMDZ2Ni42NDNjMCwwLjAzMS0wLjAwOCwwLjA2LTAuMDI0LDAuMDgyDQoJCWMtMC4wMTYsMC4wMjMtMC4wNDQsMC4wNDItMC4wODUsMC4wNTdjLTAuMDQxLDAuMDE0LTAuMDkzLDAuMDI1LTAuMTU4LDAuMDM1Yy0wLjA2NSwwLjAxLTAuMTQ4LDAuMDE1LTAuMjQ5LDAuMDE1DQoJCWMtMC4wOTcsMC0wLjE3OC0wLjAwNS0wLjI0My0wLjAxNWMtMC4wNjUtMC4wMS0wLjExNy0wLjAyMS0wLjE1NS0wLjAzNWMtMC4wMzktMC4wMTUtMC4wNjUtMC4wMzMtMC4wNzktMC4wNTcNCgkJYy0wLjAxNC0wLjAyMi0wLjAyMS0wLjA1MS0wLjAyMS0wLjA4MnYtNy4wMTVjMC0wLjE2NCwwLjA0NC0wLjI4MywwLjEzMS0wLjM1M2MwLjA4OC0wLjA3MSwwLjE4Ni0wLjEwNiwwLjI5My0wLjEwNmgwLjYyMw0KCQljMC4xMjcsMCwwLjI0LDAuMDEyLDAuMzM1LDAuMDM1czAuMTc5LDAuMDYxLDAuMjUxLDAuMTExYzAuMDczLDAuMDUyLDAuMTMyLDAuMTE2LDAuMTgsMC4xOTVjMC4wNDgsMC4wNzksMC4wOSwwLjE3MSwwLjEyNSwwLjI3Nw0KCQlsMi4xODEsNS41MjJoMC4wM2wyLjI2OS01LjUwNWMwLjA0NC0wLjExOCwwLjA5MS0wLjIxOSwwLjE0NC0wLjMwMmMwLjA1Mi0wLjA4MiwwLjEwOS0wLjE0OCwwLjE3LTAuMTk3DQoJCWMwLjA2Mi0wLjA0OSwwLjEzMS0wLjA4NCwwLjIwOC0wLjEwNWMwLjA3NS0wLjAyMSwwLjE2NC0wLjAzMiwwLjI2My0wLjAzMmgwLjY1M2MwLjA2MSwwLDAuMTE3LDAuMDA5LDAuMTcsMC4wMjYNCgkJYzAuMDU0LDAuMDE4LDAuMTAxLDAuMDQ1LDAuMTM5LDAuMDgyYzAuMDM3LDAuMDM3LDAuMDY4LDAuMDg1LDAuMDkyLDAuMTQyYzAuMDI0LDAuMDU4LDAuMDM2LDAuMTI3LDAuMDM2LDAuMjA5VjQ1LjY3MnoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTI2Ljk5Nyw0Mi43OTZjMCwwLjE1Mi0wLjA0LDAuMjYzLTAuMTE1LDAuMzI3Yy0wLjA3NywwLjA2NC0wLjE2NSwwLjA5Ny0wLjI2NCwwLjA5N2gtMy40OTQNCgkJYzAsMC4yOTUsMC4wMywwLjU2LDAuMDg5LDAuNzk2YzAuMDU5LDAuMjM1LDAuMTU4LDAuNDM4LDAuMjk2LDAuNjA3YzAuMTM4LDAuMTY4LDAuMzE4LDAuMjk4LDAuNTM5LDAuMzg5czAuNDkyLDAuMTM1LDAuODEyLDAuMTM1DQoJCWMwLjI1MywwLDAuNDc4LTAuMDIsMC42NzUtMC4wNjJjMC4xOTgtMC4wNDEsMC4zNjgtMC4wODcsMC41MTMtMC4xMzhjMC4xNDQtMC4wNTIsMC4yNjItMC4wOTksMC4zNTQtMC4xMzkNCgkJYzAuMDkzLTAuMDQyLDAuMTYzLTAuMDYzLDAuMjA5LTAuMDYzYzAuMDI4LDAsMC4wNTQsMC4wMDcsMC4wNzUsMC4wMjFzMC4wNCwwLjAzNSwwLjA1MSwwLjA2Mw0KCQljMC4wMTMsMC4wMjcsMC4wMjEsMC4wNjUsMC4wMjYsMC4xMTRjMC4wMDUsMC4wNDksMC4wMSwwLjEwOSwwLjAxLDAuMThjMCwwLjA1Mi0wLjAwMywwLjA5Ni0wLjAwNiwwLjEzMw0KCQljLTAuMDA0LDAuMDM3LTAuMDEsMC4wNzEtMC4wMTcsMC4xMDFjLTAuMDA1LDAuMDI5LTAuMDE2LDAuMDU2LTAuMDI5LDAuMDhjLTAuMDE0LDAuMDIyLTAuMDMxLDAuMDQ1LTAuMDUzLDAuMDY3DQoJCWMtMC4wMjEsMC4wMjEtMC4wODUsMC4wNTctMC4xOSwwLjEwNmMtMC4xMDUsMC4wNDktMC4yNDQsMC4wOTctMC40MTMsMC4xNDRzLTAuMzY0LDAuMDktMC41ODYsMC4xMjcNCgkJYy0wLjIyMiwwLjAzOC0wLjQ1OSwwLjA1Ni0wLjcxLDAuMDU2Yy0wLjQzNiwwLTAuODE4LTAuMDYxLTEuMTQ2LTAuMTgzYy0wLjMyOC0wLjEyMS0wLjYwNC0wLjMwMy0wLjgyOC0wLjU0Mg0KCQljLTAuMjI0LTAuMjQtMC4zOTMtMC41NC0wLjUwNi0wLjkwMXMtMC4xNzEtMC43ODItMC4xNzEtMS4yNjJjMC0wLjQ1NSwwLjA1OS0wLjg2NiwwLjE3Ny0xLjIyOQ0KCQljMC4xMTgtMC4zNjMsMC4yODgtMC42NzIsMC41MDktMC45MjZjMC4yMjMtMC4yNTMsMC40OTEtMC40NDgsMC44MDUtMC41ODRjMC4zMTUtMC4xMzUsMC42NjYtMC4yMDMsMS4wNTUtMC4yMDMNCgkJYzAuNDE3LDAsMC43NzEsMC4wNjcsMS4wNjQsMC4yYzAuMjkyLDAuMTM1LDAuNTM0LDAuMzEzLDAuNzIzLDAuNTRjMC4xODgsMC4yMjUsMC4zMjYsMC40OSwwLjQxNCwwLjc5NQ0KCQljMC4wODksMC4zMDUsMC4xMzQsMC42MywwLjEzNCwwLjk3NlY0Mi43OTZ6IE0yNi4wMTksNDIuNTA3YzAuMDEyLTAuNTEyLTAuMTAzLTAuOTEyLTAuMzQxLTEuMjAzDQoJCWMtMC4yMzktMC4yOTEtMC41OTUtMC40MzYtMS4wNjQtMC40MzZjLTAuMjQxLDAtMC40NTMsMC4wNDUtMC42MzQsMC4xMzZjLTAuMTgyLDAuMDkxLTAuMzM0LDAuMjA5LTAuNDU3LDAuMzU5DQoJCWMtMC4xMjIsMC4xNDgtMC4yMTgsMC4zMjMtMC4yODUsMC41MjFjLTAuMDY3LDAuMTk5LTAuMTA1LDAuNDA2LTAuMTEzLDAuNjIzSDI2LjAxOXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTMzLjA0NSw0NS42NzhjMCwwLjAzLTAuMDA5LDAuMDU4LTAuMDI0LDAuMDhjLTAuMDE2LDAuMDIxLTAuMDQxLDAuMDQtMC4wNzYsMC4wNTYNCgkJcy0wLjA4NCwwLjAyNy0wLjE0NiwwLjAzNGMtMC4wNjMsMC4wMDktMC4xNDIsMC4wMTMtMC4yMzYsMC4wMTNjLTAuMDk5LDAtMC4xOC0wLjAwNC0wLjI0Mi0wLjAxMw0KCQljLTAuMDYzLTAuMDA3LTAuMTExLTAuMDE5LTAuMTQ2LTAuMDM0Yy0wLjAzNi0wLjAxNi0wLjA2Mi0wLjAzNC0wLjA3Ny0wLjA1NmMtMC4wMTYtMC4wMjItMC4wMjMtMC4wNS0wLjAyMy0wLjA4di0zLjEwNg0KCQljMC0wLjMwMi0wLjAyMy0wLjU0Ny0wLjA3MS0wLjczMWMtMC4wNDctMC4xODQtMC4xMTYtMC4zNDQtMC4yMDUtMC40NzdjLTAuMDkxLTAuMTM0LTAuMjA4LTAuMjM1LTAuMzUyLTAuMzA3DQoJCWMtMC4xNDQtMC4wNy0wLjMxLTAuMTA2LTAuNDk4LTAuMTA2Yy0wLjI0NCwwLTAuNDg3LDAuMDg3LTAuNzMxLDAuMjZjLTAuMjQzLDAuMTcyLTAuNDk4LDAuNDI2LTAuNzY2LDAuNzYxdjMuNzA3DQoJCWMwLDAuMDMtMC4wMDcsMC4wNTgtMC4wMjMsMC4wOGMtMC4wMTYsMC4wMjEtMC4wNDEsMC4wNC0wLjA3NiwwLjA1NmMtMC4wMzcsMC4wMTYtMC4wODYsMC4wMjctMC4xNDgsMC4wMzQNCgkJYy0wLjA2MywwLjAwOS0wLjE0NCwwLjAxMy-...snip...");
}

.mobile_close_menu {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7IiBkPSJNMjQuOTcyLDI2LjY3M2MtMC4xNTUsMC4yMzQtMC4yMjIsMC4zODQtMC4zMzEsMC40OTINCgljLTQuMzY5LDQuMzc1LTguNzQxLDguNzQ3LTEzLjExMywxMy4xMTljLTAuNTc5LDAuNTc4LTEuMTUxLDAuNzA5LTEuNzE0LDAuMzk4Yy0wLjY3LTAuMzcxLTAuODY4LTEuMjI3LTAuNDE4LTEuODUNCgljMC4xMTQtMC4xNTcsMC4yNTQtMC4yOTcsMC4zOTItMC40MzZjNC4zNDMtNC4zNDYsOC42ODgtOC42ODksMTMuMDM0LTEzLjAzMmMwLjEwOS0wLjEwOSwwLjI1LTAuMTg4LDAuNDA2LTAuMzAyDQoJYy0wLjE3NS0wLjE4My0wLjI3Ny0wLjI5Ni0wLjM4NS0wLjQwM2MtNC4zNzItNC4zNzMtOC43NDMtOC43NDUtMTMuMTE4LTEzLjExNWMtMC4zNDQtMC4zNDMtMC42MDktMC43MDgtMC41Ni0xLjIyOQ0KCWMwLjA5NC0wLjk3OCwxLjE3OC0xLjQ5MiwxLjk4My0wLjkyOWMwLjE1OSwwLjExMSwwLjI5OSwwLjI1MSwwLjQzNywwLjM4OWM0LjM1NCw0LjM1Myw4LjcwOCw4LjcwNiwxMy4wNTksMTMuMDYzDQoJYzAuMTA4LDAuMTA4LDAuMTcxLDAuMjYxLDAuMjU1LDAuMzk0YzAuMDY0LTAuMDAyLDAuMTI4LTAuMDA1LDAuMTkzLTAuMDA3YzAuMDg2LTAuMTMxLDAuMTUzLTAuMjgxLDAuMjYxLTAuMzkNCgljNC4zNjktNC4zNzUsOC43NDItOC43NDYsMTMuMTExLTEzLjEyYzAuMzQ2LTAuMzQ1LDAuNzE0LTAuNiwxLjIzNS0wLjU0NGMwLjk1NiwwLjEwMSwxLjQ2NiwxLjE2OSwwLjkyNCwxLjk2NA0KCWMtMC4xMTcsMC4xNzEtMC4yNjksMC4zMTktMC40MTYsMC40NjZjLTQuMzQzLDQuMzQ2LTguNjg4LDguNjktMTMuMDM0LDEzLjAzM2MtMC4xMDgsMC4xMS0wLjIzNiwwLjIwMS0wLjM4NSwwLjMyNQ0KCWMwLjE1MywwLjE2LDAuMjU1LDAuMjczLDAuMzYyLDAuMzhjNC4zODEsNC4zODIsOC43NjMsOC43NjIsMTMuMTQzLDEzLjE0NGMwLjU3OSwwLjU3OSwwLjcsMS4xNDYsMC4zNzUsMS43MTcNCgljLTAuMzcsMC42NDktMS4yMTIsMC44NDUtMS44MjQsMC40MTJjLTAuMTU3LTAuMTExLTAuMjk4LTAuMjUxLTAuNDM1LTAuMzg3Yy00LjM1NS00LjM1NC04LjcwOS04LjcwNy0xMy4wNjEtMTMuMDYyDQoJQzI1LjI0MSwyNy4wNTUsMjUuMTYsMjYuOTE5LDI0Ljk3MiwyNi42NzN6Ii8+DQo8L3N2Zz4NCg==);
  visibility: hidden;
}

#contactUsContainer a, #findRepContainer a, #callusnow a {
position: relative;
margin-top: 10px;
font-weight: bold;
text-align: center;
color: #fff;
text-decoration: none;
}
.nav {
margin: 10px;
margin-right: 0px;
margin-left: 0px;
}
.header-topmenu {
position: fixed;
left: -380px;
display: block;
top: 0px;
width: 305px;
height: 100%;
z-index: 99;
box-shadow: 3px 3px 15px rgba(0, 0, 0, .5);
-moz-box-shadow: 3px 3px 15px rgba(0, 0, 0, .5);
-webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, .5);
background-color: rgba(200, 200, 200, .95);
}
.headerLink, .regularLink {
display: block;
background-color: #fff;
margin: 3px;
border-radius: 5px;
border: 1px solid rgba(200, 200, 200, .2);
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
z-index: 201;
height: 100%;
border-radius:3px;
}
.productLink img {
display: inline;
position: relative;
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
}
.headerLink {
font-size: 14px;
left: -400px;
background-color: #f2f2f2;
font-weight: bold;
box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}
.regularLink {
font-size: 12px;
line-height: 12px;
left: -400px;
padding:10px;
margin:3px;
}
.Bottom_Menu_Container_1 {
border-top: none;
background-color: #f3f3f3;
}
.productLink img {
display: none;
}
}
@media (min-width: 769px) {
.brand {
float: left;
width: 25%;
}
.headernav {
display: none;
}
.header-contact {
float: right;
width: 10%;
}
.image-title {
display: block;
font-size: .6em;
}
.selectedMenu {
background-color: #fcfcfc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-top: -1px;
}
.downloadNow {
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.downloadNow img {
max-width: 250px;
height: auto;
width: 100%;
}
.deSelectedMenu {
background-color: #fff;
}
.menu_products {
float: left;
width: 60%;
border: 1px solid #999;
-moz-box-shadow: inset 1px 1px 1px #edf9ff;
-webkit-box-shadow: inset 1px 1px 1px #edf9ff;
box-shadow: inset 1px 1px 1px #edf9ff;
margin-top: 0px;
text-align: center;
margin-right: 1%;
margin-left: 2%;
z-index: 99;
height: 50px;
background-color: #E9E9E9;
background-image: -ms-linear-gradient(top, #E9E9E9 -150%, #f2f2f2 100%);
background-image: -moz-linear-gradient(top, #E9E9E9 -150%, #f2f2f2 100%);
background-image: -o-linear-gradient(top, #E9E9E9 -150%, #f2f2f2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-1.5, #E9E9E9), color-stop(1, #f2f2f2));
background-image: -webkit-linear-gradient(top, #E9E9E9 -150%, #f2f2f2 100%);
background-image: linear-gradient(to bottom, #E9E9E9 -150%, #f2f2f2 100%);
}
.menu_products li ul li .Product_Categories {
font-size: 13px;
display: inline;
float: left;
width: 33.3333333333333%;
padding-top: 13px;
padding-bottom: 18px;
color: #000;
letter-spacing: -.05em;
}
.menu_products .nav-child ul {
position: absolute;
top: 55px;
margin-top: 1px;
z-index: 98;
}
.eSTS {
position: relative;
float: left;
width: 25%;
}
.ePODs {
position: relative;
float: left;
width: 20%;
}
.eRPPs {
position: relative;
float: left;
width: 10%;
}
.menu_products .nav-child a {
padding: 1px;
margin-left: -2px;
}
.bottom_menu_link {
display: block;
width: 100%;
font-size: .85em;
padding: 5px;
border:1px solid rgba(255, 255, 255, 0);
border-bottom: 1px solid #f2f2f2;
transition-duration: .12s;
text-align:center;
}
.bottom_menu_header {
font-weight: bold;
padding: 6px;
border:1px solid rgba(255, 255, 255, 0);
border-bottom: 1px solid #ccc;
font-size: 1.125em;
display: block;
transition-duration: .2s;
text-align:center;
margin-bottom:5px;
width:100%;
}
.bottom_menu_link:hover, .bottom_menu_header:hover {
text-decoration: none;
background-color: rgba(200, 200, 200, .15);
border:1px solid rgba(200, 200, 200, .2);
border-radius:2px;
}
#contactUsContainer, #findRepContainer, #callusnow {
float: right;
background-color: #000099;
width: 13.5%;
margin-left: .5%;
margin-right: .5%;
color: #fff;
text-align: center;
border: 1px solid #FFF;
line-height: 40px;
background-image: linear-gradient(to bottom, #FFFFFF -150%, #000099 100%);
z-index: 98;
min-height: 45px;
}
#findRepContainer {
display: none;
}
#contactUsContainer a {
color: #fff;
}
#Zen_Container {
clear: left;
float: left;
width: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, .07);
}
#eRPP_Container {
clear: left;
float: left;
width: 100%;
position: relative;
right: 25%;
border-right: solid 1px #ccc;
}
#ePODs_Container {
clear: left;
float: left;
width: 100%;
position: relative;
right: 25%;
border-right: solid 1px #ccc;
}
#eSTS_Container {
float: left;
width: 100%;
position: relative;
right: 25%;
border-right: solid 1px #ccc;
height: 100%;
}
@media (min-width: 968px) {
.image-title {
font-size: .65em;
}
}
@media only screen and (max-width: 1200px) {
.headerLink {
line-height: 1.35em;
}
}
}
.btn {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
*background-color: #e6e6e6;
filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
*border: 0;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border:2px solid #ccc;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
color: #333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn:active, .btn.active {
background-color: #cccccc \9;
}
.btn:hover, .btn:focus {
color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear;
border:2px solid #cc6633;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active, .btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
border: 2px solid #cc6633;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
margin-left: 2%;
margin-right: 2%;
}
.copyrightinfo, .copyrightinfo a {
position: relative;
font-size: 14px;
color: #FFF;
margin-top: 10px;
text-align: center !important;
margin-bottom: 10px;
line-height: 15px;
margin-left: auto;
margin-right: auto;
}
.copyrightinfo a:hover {
color: #cc6633;
}
.copyrightinfo > a > div {
color:#cc6633;
}
#FF {
display: none;
}
#feedback {
position: fixed;
text-align: left;
right: 8px;
bottom: 8px;
background-color: #F2F2F2;
color: #fff;
font-size: 12px;
border: solid 2px #cc6633;
border-radius: 5px;
min-width: 260px;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
-webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.75);
z-index: 100;
opacity: 0;
overflow: hidden;
display: none;
}
#feedbacktext {
padding: 10px;
}
#feedbackthanks {
position: fixed;
right: 0px;
bottom: -150px;
z-index: 2;
background-color: #000099;
color: #fff;
padding: 20px;
font-size: 12px;
border-top: solid 2px #fff;
border-left: solid 2px #fff;
border-top-left-radius: 5px;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);
}
#feedback_rate_description {
position: absolute;
font-size: 10px;
right: 0px;
bottom: 0px;
margin-right: 25px;
margin-bottom: 25px;
}
#feedbackga {
margin-left: 2px;
margin-right: 2px;
width: 95%;
}
#feedbackform::-webkit-input-placeholder {
padding: 2px, padding-left: 5px;
}
#feedbackform:-moz-placeholder {
padding: 2px, padding-left: 5px;
}
#feedbackform:-ms-input-placeholder {
padding: 2px, padding-left: 5px;
}
#newsletter_companyname, #newsletter_emailaddress, #newsletter_firstname, #newsletter_lastname {
position: relative;
margin: 1px;
margin-left: 4px;
margin-right: 4px;
width: 95%;
}
#sendfeedback {
position: relative;
color: #333;
margin: 2px;
margin-left: 15%;
margin-right: 15%;
width: 50%;
text-align: center;
margin-bottom: 5px;
}
#feedbacktitle {
cursor: pointer;
font-size: 13px;
font-weight: bold;
padding: 12px;
padding-left: 5px;
margin-bottom: 5px;
width: 100%;
background-color: rgba(0, 0, 0, .25);
border-bottom: 1px solid #ccc;
color:#000;
background-image: -ms-linear-gradient(top, #FFFFFF -50%, #CFCFCF 100%);
background-image: -moz-linear-gradient(top, #FFFFFF -50%, #CFCFCF 100%);
background-image: -o-linear-gradient(top, #FFFFFF -50%, #CFCFCF 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-50, #FFFFFF), color-stop(100, #CFCFCF));
background-image: -webkit-linear-gradient(top, #FFFFFF -50%, #CFCFCF 100%);
background-image: linear-gradient(to bottom, #FFFFFF -50%, #CFCFCF 100%);
}
#feedbackmin {
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
padding: 5px;
padding-left: 10px;
padding-top: 8px;
padding-right: 10px;
border-radius: 5px;
margin-right: 45px;
margin-top: 5px;
font-stretch: expanded;
border: solid 1px #e57339;
}
#feedbackhide {
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
padding: 5px;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
margin-right: 5px;
margin-top: 5px;
border: solid 1px #e57339;
background-color:#cc6633;
}
#feedbackmin:hover, #feedbackhide:hover {
background-color: #e57339;
border: solid 1px #fff;
}
textarea {
font-family: inherit;
}
.centered {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
#progressBar {
position: relative;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 5px;
background: #cc6633;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#TapInstructions {
margin-bottom: -10px;
width: 275px;
height: 40px;
margin-left: auto;
margin-right: auto;
z-index: 3;
}
.photoContainer {
max-width: 1600px;
padding: 10px;
overflow: hidden;
box-sizing: border-box;
}
.text-center {
text-align: center;
margin-bottom: 1em;
}
.gallery ul {
list-style: none;
padding: 0;
}
.gallery li {
display: inline-block;
float: left;
width: 18.72%;
margin: 0.6%;
position: relative;
font-size: 0;
line-height: 0;
cursor: pointer;
}
.gallery li img {
border-radius: 4px;
border: 1px solid #ccc;
}
@media only screen and (max-width: 1200px) {
.gallery li {
width: 23.8%;
}
}
@media only screen and (max-width: 768px) {
.gallery li {
width: 31.26%;
}
}
@media only screen and (max-width: 640px) {
.gallery li {
width: 48.2%;
margin: 1.6% 0;
}
}
@media only screen and (max-width: 480px) {
.gallery li {
width: 100%;
}
}
.gallery img {
width: 100%;
}
.image-title {
background-color: rgba(255, 255, 255, .1);
border-top: 1px solid rgba(204, 102, 51, 0);
}
#sheen, #sheen2, #sheen3, #sheen4{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(0 0, circle farthest-side, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, .8) 98%, rgba(255, 255, 255, 0) 100%) no-repeat;
background: radial-gradient(circle farthest-side at 0 0, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, .8) 98%, rgba(255, 255, 255, 0) 100%) no-repeat;
background-position: -10px 0;
background-repeat: no-repeat;
}
.galleryItem {
transition-duration:.2s;
}
.galleryItem:hover {
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.lightbox {
display: none;
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
left: 50%;
top: 50%;
z-index: 99999;
padding-top: 10px;
box-sizing: border-box;
}
.lightboxClose {
display: none;
width: 100%;
height: 100%;
position: fixed;
left: 50%;
top: 50%;
z-index: 1;
padding-top: 10px;
box-sizing: border-box;
}
.galleryItemOpened {
border: 2px solid rgba(255, 255, 255, .6);
-webkit-box-shadow: 2px 0 2px -2px #e5e5e5;
box-shadow: 2px 0 2px -2px #e5e5e5;
}
.lightbox img {
max-width: 80%;
max-height: 90%;
margin-right: auto;
margin-left: auto;
display: block;
z-index: 2;
position: absolute;
left: 50%;
top: 50%;
user-select: none;
}
.lightbox .caption {
position: absolute;
bottom: 2%;
background-color: rgba(255, 255, 255, .1);
padding: 20px;
width: 100%;
text-align: center;
text-align: center;
font-size: 1.25em;
line-height: 1.5;
font-weight: 700;
color: #eee;
z-index: 2;
}
.lightbox #prevButton, .lightbox #nextButton {
position: absolute;
top: 50%;
width: 120px;
height: 80px;
z-index: 2;
background-color: rgba(255, 255, 255, .5);
border-radius: 50px;
cursor: pointer;
border: 2px solid rgba(255, 255, 255, .5);
}
.lightbox #prevButton {
background-image: url('data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAcCAMAAABbGh8VAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAvVBMVEUAAAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAAAADXuIvaAAAAPXRSTlMALrsWMuzWGTfv2R088b9B9N0fR/XYG0z41RhS+c8VWPvMEl78xg9jwg1p/r0KcLh3swd5sQZztwlrvGX9RwaDgwAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAACdSURBVCjPbdJXDsJADATQpdfQews9oYTeg+9/LYSNvA7yfD5pJXu8xsjE4gkTTTIF6UxEsjkAyBeEFB34pmSlXEGp1ljqDZRmi6XdQen2WPoDlOGIxR2jTKYssznKYsnikfgrlvUGZRuw7Ej2Vg4IcDzZoc9El6tY7UYP7w9hT7JXICx8/w+hjaotpK2tlaNVqBWtnUM7mnba3wf4AGFkJ/RhcoelAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTAzLTE0VDE3OjUzOjQzKzAxOjAwoRtOzwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wMy0xNFQxNzo1Mzo0MyswMTowMNBG9nMAAAAASUVORK5CYII=');
left: -50px;
background-repeat: no-repeat;
background-position: 70px;
}
.lightbox #nextButton {
background-image: url('data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAeBAMAAAA84DghAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEUAAAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAAAADxwc6qAAAACHRSTlMAA6ChR/5vbiOi6p0AAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAATElEQVQY02NgYBRggAEhRRiLUaMJJizc0QETdu3ogAmzRSCEU+kjXNrR0QxhsgMVGFJFMBUuyIYQdIULgjxvCAsSC5ggUBgmyIAIPgDftSz9jAO8HAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNC0wMy0xNFQxNzo1Mzo1MCswMTowMFxZVMwAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTQtMDMtMTRUMTc6NTM6NTArMDE6MDAtBOxwAAAAAElFTkSuQmCC');
right: -50px;
background-repeat: no-repeat;
background-position: 25px;
}
.headerImg {
-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.25);
box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.25);
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.sectionHeader {
width: 100%;
left: 0px;
z-index: 10;
text-align: center;
background-color: #f2f2f2;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
position: relative;
font-size: 1em;
}
@media (max-width: 1200px) {
.sectionHeader {
letter-spacing: -.025em;
font-size: .85em;
}
}
@media (max-width: 1023px) {
.sectionHeader {
letter-spacing: -.05em;
font-size: .7em;
}
}
@media (max-width: 768px) {
.sectionHeader {
display: none;
}
.breadcrumbs_container {
line-height: 3em;
width: unset;
}
h2, h1 {
text-align:center;
}
#logo {
min-height: fit-content;
}
}
.menuSection {
display: inline-block;
padding: 12px;
cursor: pointer;
}
.menuSection:hover {
background-color: #ccc;
}
#scrollToTop {
position: fixed;
bottom: 10px;
right: 10px;
border: 2px solid #ccc;
background: rgba(120, 120, 120, .5);
width: 50px;
height: 50px;
display: block !important;
text-decoration: none;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "^";
color: #000;
cursor: pointer;
background-image: url(https://www.layerzero.com/images/ScrollToTop.png);
background-repeat: no-repeat;
z-index:99
}
#scrollToTop:hover {
background: rgba(255, 255, 255, .85);
background-image: url(https://www.layerzero.com/images/ScrollToTop_hover.png);
background-repeat: no-repeat;
border: 2px solid #fff;
}
.subHeadingMenu {
position: absolute;
left: 50%;
transform: translate(-50%);
top: 25%;
width: 100%;
font-size: .85em;
}
.menuImg {
max-width: 40%;
margin-top: 10%;
}
@media (max-width: 960px) {
.subHeadingMenu {
display: none;
}
.menuImg {
margin-top: 17.5%;
}
}
.callBtn {
margin: 20px;
width: 80%;
}

html {
background-image: none;
background-color: #FFF;
}
body {
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
background-color: #ccc;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
}
.container, body, #wrapper {
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0) !important;
border-radius: none !important;
border: none;
}
img {
max-width: 100%;
height: auto;
}
.print_headerName {
position: absolute;
top: 0.5in;
left: 0.5in;
width: 3.75in;
height: .35in;
font-size: 18pt;
font-weight: 600;
}
.print_productName {
display: inline;
}
.print_PageName {
position: fixed;
top: 0.865in;
left: 0.5in;
width: 4.5in;
height: .25in;
font-size: 12pt;
color: #666;
}
.print_companyName {
position: absolute;
top: 0.5in;
right: 0.5in;
width: 4in;
height: .35in;
font-size: 18pt;
font-weight: 600;
text-align: right;
}
.print_topBottomRightHeader {
position: absolute;
top: 0.865in;
right: 0.5in;
width: 5.5in;
height: .25in;
font-size: 12pt;
color: #666;
text-align: right;
}
.print_grayLineHeader {
position: absolute;
top: 1.125in;
left: 0in;
width: 8.5in;
height: .25in;
background-color: #b2b2b2;
}
.print_orangeLineHeader {
position: absolute;
top: 1.375in;
left: 0in;
width: 8.5in;
height: 0.0625in;
background-color: #e98722;
}
.print_footer {
position: absolute;
top: 10.125in;
left: 0.5in;
width: 7.5in;
border-top: 1px solid #999;
z-index: 2;
}
.print_printPageNumber {
position: absolute;
top: 10.25in;
left: 0.5in;
width: 0.5in;
font-size: 8pt;
}
.print_copyright {
position: absolute;
top: 10.25in;
left: 18%;
width: 5in;
font-size: 8pt;
text-align: center;
}
#logo {
position: fixed;
top: 10in;
left: 6.625in;
width: 1.375in;
font-size: 8pt;
text-align: center;
z-index: 5;
}
.printPage-break {
display: block;
printPage-break-before: always;
border-top: 1px solid #000;
width: 8.5in;
}
.noPrint, .noPrint *, .imageSelector {
display: none !important;
}
.printPage-break {
display: none !important;
border-top: 0px solid none !important;
}
.margins {
display: none !important;
}
}
.noPointerEvents {
pointer-events:none;
}
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.2%;
}
.span_1_of_1 {
width: 100%;
}
@media only screen and (max-width: 768px) {
.col {
margin: 1% 0 1% 0%;
}
}
@media only screen and (max-width: 768px) {
.span_2_of_2, .span_1_of_2 {
width: 100%;
}
}
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 66.13%;
}
.span_1_of_3 {
width: 32.26%;
}
@media only screen and (max-width: 768px) {
.col {
margin: 1% 0 1% 0%;
}
.span_3_of_3, .span_2_of_3, .span_1_of_3 {
width: 100%;
}
}
.span_4_of_4 {
width: 100%;
}
.span_3_of_4 {
width: 74.6%;
}
.span_2_of_4 {
width: 49.2%;
}
.span_1_of_4 {
width: 23.8%;
}
@media only screen and (max-width: 768px) {
.col {
margin: 1% 0 1% 0%;
}
.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 {
width: 100%;
}
}
.section {
clear: both;
margin: 0px;
margin-left: 25PX;
padding-top:0px;
padding-bottom:0px;
  max-width:1200px; 
}
.col {
display: block;
float: left;
}
.col:first-child {
margin-left: 0;
}
.group:before, .group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1;
}
.responsive-grid {
margin: 35px 0 0 0;
padding: 0;
list-style: none;
position: relative;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.responsive-grid li {
position: relative;
float: left;
overflow: hidden;
width: 25%;
width: -webkit-calc(100%/5);
width: calc(100%/5);
}
.responsive-grid li a {
display: block;
width: 96%;
margin: 1;
cursor: pointer;
border-radius: 5px;
padding:0px;
}
.responsive-grid li a img {
display: block;
width: 96%;
margin: 1%;
margin-top:3%;
cursor: pointer;
border: 2px solid rgba(200, 200, 200, .5);
border-radius: 5px;
padding:0px;
}
.responsive-grid li a img:hover {
border: 2px solid #cc6633;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25);
}
.responsive-grid li a img {
max-width: 100%;
max-width: 300px;
}
.responsive-grid li a {
text-align: center;
}
.responsive-grid li a div {
position: absolute;
left: 20px;
top: 20px;
right: 20px;
bottom: 20px;
background: rgba(71, 163, 218, 0.2);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
text-align: center;
opacity: 0;
}
.responsive-grid li a:hover div {
opacity: 1;
}
.responsive-grid li a div h3 {
width: 100%;
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: 2px;
padding: 0 10px;
}
@media screen and (max-width: 1200px) {
.responsive-grid li {
width: 25%;
width: -webkit-calc(100%/4);
width: calc(100%/4);
}
}
@media screen and (max-width: 960px) {
.responsive-grid li {
width: 33.3333333%;
width: -webkit-calc(100%/3);
width: calc(100%/3);
}
}
@media screen and (max-width: 768px) {
.responsive-grid li {
width: 50%;
width: -webkit-calc(100%/2);
width: calc(100%/2);
}
}
@media screen and (max-width: 480px) {
.responsive-grid li {
width: 100%;
}
}
.productBanner {
position:relative;
}
.productBannerText {
position:absolute;
left: 50%;
top: 50%;
transform: translate(-85%, -65%);
width:50%;
height:50%;
background-color:rgba(255, 255, 255, .95);
border-radius:7px;
border:1px solid #666;
display: flex;
justify-content:center;
align-content:center;
flex-direction:column;
overflow:hidden;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.55);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.55);
}
.productBannerHeader {
font-size:3em;
color:#FFF;
padding:7.5%;
font-weight:bold;
background-color:#666;
border-bottom:1px solid #666;
text-shadow: 1px 1px 3px rgba(50, 50, 50, .5);
}
.productBannerType {
font-size:2em;
color:#666;
padding:7.5%;
}
#InformationLookingFor {
width:245px;
height:80px;
margin:5px;
}
#feedbackform > form > label {
text-shadow: 1px 1px 3px rgba(255, 255, 255, .25);
padding:5px;
color:#000;
}
.newsletterBlack {
display:none;
opacity:0;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,.65);
z-index:999;
}
.popScroll {
position:fixed;
z-index:10000;
text-align: center;
left: 50%;
top: 50%;
}
.form-container {
position:relative;
max-width:350px;
background: #fff;
padding-left: 25px;
padding-right: 25px;
padding-bottom:25px;
border-radius: 10px;
border:3px solid #cc6633;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}
.form-container div {
margin: 20px 0;
}
.form-container input, .form-container select, .form-container .form-control {
border: none;
width: 90%;
font-size: 12px;
padding: 10px;
border-radius: 0px;
box-shadow: none;
-webkit-appearance: none;
letter-spacing: 2px;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
font-weight:300;
transition-duration:.2s;
border:1px solid rgba(255, 255, 255, 0);
border-bottom: 1px solid #ccc;
}
.form-container input:focus, .form-container select:focus {
background-color:rgba(200, 200, 200, .15);
border:1px solid #cc6633;
}
.form-control::-webkit-input-placeholder {
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
color:#999 !important;
padding: 5px 0;
}
.subtitle {
display:inline;
}
.form-container option {
margin: 0;
}
.form-container label {
display: none
}
.form-container h4 {
margin: 0;
}
.form-container .placeholder {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
font-weight:300;
}
::-webkit-input-placeholder {
text-transform:uppercase;
letter-spacing:1px;
font-size:12px;
}
.form-container .btn-primary {
background: #CC6633;
padding: 15px 0;
border-radius: 5px;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
font-weight:700;
text-transform: uppercase;
color: white;
transition-duration:.15s;
border:1px solid #999;
text-align:center;
margin-left:auto;
margin-right:auto;
position:relative;
width:100%;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
.form-container .btn-primary:hover, .form-container .btn-primary:focus {
background: #000099;
}
#closeForm {
position:absolute;
top:0px;
right:00px;
padding:10px;
padding-left:12px;
padding-right:10px;
padding-bottom:8px;
margin:0px;
cursor:pointer;
transition-duration:.1s;
border-top-right-radius:10px;
}
#closeForm:hover {
background-color:rgba(25, 25, 25, .1);
border-bottom-left-radius:10px;
}
.newsletterHeader {
font-size:1.5em;
text-align:center;
padding-top:25px;
padding-bottom:5px;
}
:-moz-placeholder {
color: #000 !important;
text-transform:uppercase;
letter-spacing:1px;
font-size:12px;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
font-weight:300
}
::-moz-placeholder {
color: #000 !important;
text-transform:uppercase;
letter-spacing:1px;
font-size:12px;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
font-weight:300
}
:-ms-input-placeholder {
color: #000 !important;
text-transform:uppercase;
letter-spacing:1px;
font-size:12px;
font-family: 'Calibri Light', Calibri, 'Open Sans', sans-serif;
font-weight:300
}
.flex-grid {
display: flex;
}
.bottomcol {
flex: 1;
margin: 1.25%;
}
.bottomColumnLinks {
border-top:2px solid #cc6633;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.3);
margin-top:5px;
}
.tabs {
display: flex;
flex-wrap: wrap;
}
.tabs label {
order: 1;
display: block;
padding: 1rem 2rem;
margin-right: 0.2rem;
cursor: pointer;
background: #ccc;
font-weight: bold;
transition: background ease 0.2s;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
z-index:2;
margin: auto;
min-width: 42.5%;
text-align: center;
opacity:.75;
transition-duration:.5s;
}
.tabs label:hover {
opacity:1;
}
.tabs .tab {
z-index:1;
order: 99;
flex-grow: 1;
width: 100%;
margin-top:-1px;
display: none;
padding: 1rem;
background: #fff;
border:1px solid #ccc;
}
.tabs label:first-of-type {
border-top-left-radius:5px;
}
.tabs label:last-of-type {
border-top-right-radius:5px;
}
.tabs input[type="radio"] {
display: none;
}
.tabs input[type="radio"]:checked + label {
background: #fff;
color:#cc6633;
opacity:1;
}
.tabs input[type="radio"]:checked + label + .tab {
display: block;
}
.searchContainer {
font-size:1.2em;
line-height:2em;
color:#333;
padding:40px !important;
}
@media (max-width: 768px) {



.tabs .tab, .tabs label {
order: initial;
}
.column {
flex: unset !important;
}
.row {
display: inline-block;
}
.tabs label {
width: 100%;
margin-right: 0;
margin-top: 0.2rem;
}
.hideOnMobile {
display:none;
}
.section {
margin-left: 0;
}
.mega {
top:0;
background-color: #fff;
left: 100%;
display:none;
width: 100%;
min-height:350px;
position: absolute;
height: auto;
background: #fff;
display: none;
border: 1px solid #ccc;
margin-top: -1px;
z-index: 101;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.35);
background: rgb(255, 255, 255);
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
}
#preloaderContainer svg {
z-index:9999 !important;
}
.productRecord {
display: -webkit-flex;
display: block;
font-size: .9em;
}
.pageCollapse {
transition-duration:.125s;
}
.pageCollapse:hover {
border-top:1px solid #cc6633;
border-bottom:1px solid #cc6633;
}
.frontPageFeature {
padding: 42px;
background-color: rgba(240,240,240,.8);
}
.icon {
margin-right: 5px;
}
.paddedCell {
padding:60px;
}
#blackBG {
background-color:rgba(0, 0, 0, .5);
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:100;
display:none;
}
.documentDownloadContainer {
padding: 20px;
text-align: center;
}
.documentDownload {
display: inline-flex;
align-items: center;
}
.featureContainer {
padding-left: 25px;
padding-right: 25px;
padding-top: 20px;
padding-bottom: 20px;
}
.feature {
padding:10px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.featureTitle:before {
content: "\2022 ";
display:inline;
padding-right: 5px;
}
.featureTitle {
display: inline;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 5px;
flex-direction: column;
flex: .3;
text-indent: -13px;
vertical-align: middle;
padding-right: 10px;
}
.featureDetails {
display: inline-block;
display: flex;
flex-direction: column;
flex: .7;
}
.rounded-corner img {
border-radius:10px;
overflow: hidden;
border:1px solid #ccc;
}
.button-container {
display: block;
margin-top: 10px;
width:100%;
}
.productRecord img {
max-height: 50px;
width: auto;
}
#productsContactRep {
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.image-gallery {
display: flex;
flex-flow: column wrap;
height: 720px;
margin: 0 auto;
}
.image-gallery .section {
display: none;
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.image-gallery .section img {
position:relative;
height: auto;
width: 100%;
max-width:720px;
}
.image-gallery input {
display: none;
}
.image-gallery label {
position:relative;
border: 1px solid rgba(255, 255, 255, 0);
text-align: center;
width: 12.5%;
border-radius:5px;
overflow:hidden;
}
.image-gallery label:hover {
border: 1px solid rgba(204, 102, 51, .45);
cursor: pointer;
}
.image-gallery label img {
height: auto;
width: 100%;
}
.image-gallery input:checked + label {
border: 1px solid #cc6633;
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
}
.image-gallery #tab1:checked ~ #content1, .image-gallery #tab2:checked ~ #content2, .image-gallery #tab3:checked ~ #content3, .image-gallery #tab4:checked ~ #content4, .image-gallery #tab5:checked ~ #content5, .image-gallery #tab6:checked ~ #content6, .image-gallery #tab7:checked ~ #content7, .image-gallery #tab8:checked ~ #content8, .image-gallery #tab9:checked ~ #content9, .image-gallery #tab10:checked ~ #content10 {
display: block;
}
footer #non-amp-section img {
border-radius:5px;
}
.imageLabel {
position: absolute;
bottom: 0px;
width: 100%;
background-color: rgba(20, 20, 20, .4);
z-index: 2;
padding: 2px;
font-size: .8em;
color: #fff;
text-shadow: 1px 1px 2px rgb(0 0 0 / 70%);
}
.fullImageLabel {
position: absolute;
bottom: 10px;
left: 5%;
width: 85%;
background-color: rgba(20, 20, 20, .4);
z-index: 2;
padding: 20px;
font-size: 1.2em;
color: #fff;
text-shadow: 1px 1px 2px rgb(0 0 0 / 70%);
border-left: 5px solid #CC6634;
}

#logo img {
width: 100%;
height: auto;
aspect-ratio: 325 / 103;
display: block;
}

#findARep img,
#careersMenu img {
width: 100%;
height: auto;
display: block;
aspect-ratio: 325 / 103;
}


#search-wrapper{
  width: min(360px, 26vw);   /* shrink as needed */
  height: 34px;
  flex: 0 1 auto;            /* allow shrink */
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

#site-search {
width: 100%;
height: 100%;
font-size: 16px;
padding: 8px 12px;
box-sizing: border-box;
}
#site-search.ready {
opacity: 1;
}

@media (max-width: 1120px){
  /* pick what you want to drop first */
  #lz-site-header #search-wrapper{ display:none !important; }
  #lz-site-header #careersMenu{ display:none !important; }
}

/* Next step down */
@media (max-width: 980px){
  #lz-site-header #findARep{ display:none !important; }
}

/* Next step down */
@media (max-width: 860px){
  #lz-site-header #serviceMenu{ display:none !important; }
}

/* Tiny screens: keep logo centered (hamburger stays absolute) */
@media (max-width: 768px){
  #lz-site-header{
    justify-content:left !important;
    min-height:80px !important;
  }

  #lz-site-header #logo{
    width:220px !important;
    flex:0 0 220px !important;
    height:auto !important;
  }
}


#lz-site-header{
  display:flex;
  align-items:center;
  gap: 18px;
}

/* wrappers behave like “logo blocks” */
#logo, #findARep, #careersMenu{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
}


#logo img,
#findARep img,
#careersMenu img{
  height: 44px;          /* enterprise-tight */
  width: auto;           /* preserves aspect ratio */
  max-width: 100%;
  object-fit: contain;   /* belt + suspenders */
  display:block;
}

/* Optional: make the main logo a bit larger than the CTAs */
#logo img{ height: 52px; }

/* Responsive: slightly smaller on narrow screens */
@media (max-width: 900px){
  #logo img{ height: 46px; }
  #findARep img, #careersMenu img{ height: 40px; }
}
@media (max-width: 520px){
  #logo img{ height: 40px; }
  #findARep img, #careersMenu img{ height: 34px; }
}

#lz-site-header{
  display:flex !important;
  justify-content:center !important;   /* center entire row */
  align-items:center !important;
  gap:20px !important;
  padding:14px 0 !important;
  width:100% !important;
  box-sizing:border-box;
}

/* Remove search auto-stretch */
#search-wrapper{
  flex:0 0 auto !important;   /* DO NOT let it expand */
  width:auto !important;
  padding:0 6px !important;
}


/* Control image height only */
#logo img,
#findARep img,
#careersMenu img{
  height:64px !important;
  width:auto !important;
  max-width:none !important;
}

/* Keep search box proportional */
#site-search{
  width:320px !important;
  max-width:100% !important;
  height:44px !important;
}



/* 1) Center the header row (don’t rely on html{display:flex}) */
#lz-site-header{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:14px !important;
  padding:10px 12px !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/* 2) Make the 3 tiles the SAME size (smaller) */
#lz-site-header #logo,
#lz-site-header #findARep,
#lz-site-header #careersMenu, 
#lz-site-header #serviceMenu{
  width: 220px !important;     /* smaller tile width */
  height: 72px !important;     /* same height for all */
  padding: 6px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* 3) Kill inline width/height behavior that can fight you */
#lz-site-header #careersMenu[style],
#lz-site-header #logo[style],
#lz-site-header #findARep[style], 
#lz-site-header #serviceMenu[style]{
  width: 220px !important;
  height: 72px !important;
}

/* 4) Images: never stretch. Fit inside the tile */
#lz-site-header #logo img,
#lz-site-header #findARep img,
#lz-site-header #careersMenu img, 
#lz-site-header #serviceMenu img{
  width:auto !important;
  height:auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display:block !important;
}

/* 5) If you still have a global rule forcing header images to 100%,
      this neutralizes it specifically for these 3 images. */
#lz-site-header #logo img,
#lz-site-header #findARep img,
#lz-site-header #careersMenu img, 
#lz-site-header #serviceMenu img{
  aspect-ratio: auto !important;
}

/* 6) Optional: make search not push spacing */
#lz-site-header #search-wrapper{
  flex:0 0 auto !important;
}