/* cmsms stylesheet: common modified: 01/06/21 08:53:30 */
@charset "utf-8";



/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
.ie9 img[src$=".svg"] {
  width: 100%; 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
 }



.chaticn {
width: 18px;
margin: 0;
padding: 0;
}

.chatbtn .inner { 
width: 28px;
height: 20px;
margin-left: 9px;
}

}

/* IE hacks */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
header #logo {
margin-top: 0px;
}

.mmitemIcn {
margin-top: 0px;
}

.smIcons img {
width: 30px;
height: 30px;
}

}

.feuLoggedIn {
font-size: 108%;
font-weight: bold;
margin-bottom: 2px;
line-height: 1.1;
}

.feuLogoutLink {
font-size: 100%;
font-weight: normal;
margin-bottom: 20px;
}

.portalLink {
color: #fff;
float: right;
margin-right: 20px;
padding-top: 25px;
}

.portalLink a {
color: #fff;
text-decoration: underline;
}

.portalLink a:hover {
color: #80c342;
}


.portalHead {
color: #fff;
font-size: 20px;
float: left;
margin-left: 20px;
padding-top: 25px;
}

.quarterCol {
width: 19%;
padding:2%;
margin-right: 1%;
float: left;
}

.qcTitle {
font-size: .9em;
font-family: 'Francois One', sans-serif;
font-display: swap;
line-height: 1;
}

.qcSub {
margin-top: 6px;
font-size: .75em;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
line-height: 1.2;
}

.qcSubSml {
font-size: .65em;
line-height: 1.1;
}

.prodTestiMore {
font-size: .9em;
color: #4f712f;
text-decoration: underline;
display: inline-block;
font-weight: bold;
}

.prodTestiLess {
font-size: .9em;
color: #4f712f;
text-decoration: underline;
display: inline-block;
font-weight: bold;
}

.prodTesti {
position: relative;
max-width: 90%;
padding: 5% 5% 8% 5%;
margin-bottom: 4%;
background: #efefef;
}


.prodTesti:before {
 content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 0px;
  height: 0px;
  border-bottom: 20px solid #eee;
  border-left: 20px solid transparent;
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

.prodTesti:after {
 content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 0px;
  height: 0px;
  border-top: 19px solid #fff; 
  border-right: 19px solid transparent;
}

.prodTestiHeadline {
font-size: .9em;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
font-weight: bold;
line-height: 1.2;
margin-bottom: 15px;
color: #282828;
margin-top: 10px;
}

.prodTestiTrunc {
font-size: .85em;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
line-height: 1.3;
margin-bottom: 15px;
color: #333;
}

.prodTestiPerson
{
font-size: .8em;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
line-height: 1.3;
float: right;
position: relative;
color: #333;
}

#lcTrial {
width: 92%;
padding: 4%;
background: #80c342;
border: 1px solid #3f5729;
}

#lcTrial2 {
width: 98%;
padding: 1%;
background: #80c342;
}

.inner {
padding: 0;
margin: 0;
}

#lcTrial .headl {
font-size: 1.4em;
color: #fff;
font-family: 'Francois One', sans-serif;
font-display: swap;
text-shadow: 1px 1px #333;
line-height: 1.1;
}

#lcTrial2 .headl {
font-size: 1.4em;
color: #fff;
font-family: 'Francois One', sans-serif;
font-display: swap;
text-shadow: 1px 1px #333;
line-height: 1.1;
}

#lcTrial .mncop {
font-size: .9em;
color: #000;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
margin-top: 8px;
line-height: 1.2;
}

#lcTrial2 .mncop {
font-size: .9em;
color: #000;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
margin-top: 8px;
line-height: 1.2;
}

.mncopSml {
font-size: .75em;
}

.trialLogo {
float: left;
position: relative;
max-width: 50px;
margin-right: 3%;

margin-bottom: 2px;
}

.emphasized {
font-size: 90%;
line-height: 1.4;
}

.educImg {
margin: 0 auto;
width: 50%;
float: right;
margin-left: 5%;
margin-bottom: 20px;
}

.lmsLink {
display: inline-block;
width: 90%;
padding: 4%;
background: #fff;
color: #999;
margin-bottom: 2px;
border-bottom: 1px solid #999;
text-decoration: none;
}

.beneBoxWide {
width: 98%;
padding: .5% .5% 0% .5%;
margin: .5%;
margin-bottom: 4%;
background: #fff;
color: #333;
border-radius: 4px;
border: 1px solid #a4a4a4;
float: left;
text-align: center;
font-size: .8em;
min-height: 190px;
}


.beneBoxWide .bblist li {
margin-bottom: 5px;
margin-left: 8%;
}


.beneBoxWide .bblist {
text-align: left;
max-width: 90%;
margin: 0 auto;
margin-top: 3%;
margin-bottom: 0;
padding-bottom: 0;
}

.beneBox {
width: 31%;
padding: .5%;
margin: .5%;
background: #fff;
color: #333;
border-radius: 4px;
border: 1px solid #a4a4a4;
float: left;
text-align: center;
font-size: .8em;
min-height: 190px;
}

.beneBox .bbtitle {
margin: 0 auto;
font-weight: bold;
margin-top: 0px;
padding: 0;
}

.beneBox .bbIcon {
margin-right: 10px;
max-width: 30px;
margin-bottom: -5px;
}

.beneBox .bblist {
text-align: left;
font-size: 90%;
margin: 0 auto;
max-width: 90%;
}

.beneBox .bblist li {
margin-bottom: 5px;
margin-left: 8%;
}

#vsDivLeft {
float: left;
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%; 
min-height: 170px;
}

#vsDivRight {
float: right; 
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%; 
min-height: 170px;"
}


.ot-sdk-show-settings:hover {
color: #80c342;
}

.ot-sdk-show-settings {
 background: none!important;
  border: none;
  padding: 0!important;
  text-decoration: underline;
  cursor: default;
color: #888;
font-size: 15px;
display: inline-block;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
}

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

float: left;
position: relative;
margin: 0;
padding: 0;
}

#sideFormBtn {
margin-top: 4px;
}

.sideFormTxtInp {
width: 91%;
margin-bottom: 5px;
padding: 4%;
}

#sideFormHeadline {
margin-bottom: 10px;
font-size: 1.5em;
font-family: 'Francois One', sans-serif;
font-display: swap;
}

#sideContactMsg {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 4%;
}

#sideContactForm {
width: 92%;
background: #efefef;
padding: 4%;
}

.scfSmallBtn {
padding: 3px 6px 3px 6px;
font-size: 70%;
border-radius: 4px;
margin-top: 18px;

}

#scfOkBtn {
background: #333;
color: #fff;
margin-right: 5px;
}

#scfOkBtn:hover {
background: #999;
color: #333;
}

.pselpromo {
width: 98%;
padding: 0;
font-size: 100%;
}

.pselbtn {
padding: 5px 8px 5px 8px;
font-size: .75em;
color: #fff;
background: #666;
border-radius: 5px;
float: left;
text-decoration: none;
}

.pselbtn:hover {
color: #fff;
background: #333;
}


.pselpromoinner {
margin: 0;
width: auto;
float: left;
}

.pselpromoinner h3 {
float: left;
margin-right: 20px;
color: #666;
margin-top: 5px;
}


.faqEntry {
padding: 1%;
margin-bottom: 2px;
background: #efefef;
}


.faqMenu {
padding: 1%;
background: #efefef;
color: #333;
width: 98%;
}

.faqHead {
font-size: 1.4em;
color: #333;
font-family: 'Francois One', sans-serif;
font-display: swap;
padding: 2%;
width: 96%;
text-align: right;
}

.faqMenuItem {
width: 96%;
padding: 2%;
margin-bottom: 2px;
background: #80c342;
display: block;
float: left;
text-align: right;
font-size: 1.1em;
text-decoration: none;
}

.faqMenuItem:hover {
background: #56802f;
color: #fff;
}

.qa {
font-weight: bold;
font-size: 110%;
float: left;
margin-right: 2%;
width: 3%;
text-align: right;
}

.faq_q {
font-size: 110%;
float: left;
width: 95%;
}

.faq_a {
font-size: 100%;
float: left;
width: 95%;
margin-top: -9px;
}


.qaTop {
width: 100%;
margin-bottom: 0px;
}

.qaBot {
width: 100%;
}

.listedProd {
margin-bottom: 4px;
text-decoration: none;
background: #efefef;
padding: 2.5%;
width: 95%;
display: block;
}

.listedProd:hover {
background: #e2e2e2;
}

.lpLeft {
float: left;
margin-right: 10px;
width: 60px;
padding: 0;
max-width: 15%;
}

.lpLeft img {
max-width: 60px;
max-height: 60px;
}

.lpRight {
float: right;
max-width: 85%;
}

.catIntTxt {
color: #666;
font-size: .85em;
}

.lpTitle {
font-size: 1em;
}

.lpDesc {
font-size: .76em;
}

.pumpWarrDiv .innercw img {
width: 25%;
height: auto;
float: left;
position: relative;
margin-right: 4%;
padding-top: 3%;
margin-bottom: 20px;
}

#hbkPromo {
display: block;
}

#hbkPromo1 {
display: none;
}

.mainquotes {
display: none;
}

.sidequotes {
display: block;
}

header {
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
color: #333;
font-size: 16px;
font-style: normal;
font-weight: 400;
background-color: #000;
width: 100%;
text-align: center;
min-height: 80px;
height: 80px;
margin: 0px;
z-index: 3;
position: relative;
}

#hbkPromo {
width: 90%;
padding: 5%;
padding-bottom: 1%;
border: 1px solid #80c342;
background-image: url("../../images/handbook/mqlHbk.png");
background-repeat: no-repeat;
background-size: 45%;
background-position: -10% ;
}

#hbkPromo1 {
width: 90%;
padding: 5%;
padding-bottom: 1%;
border: 1px solid #80c342;
background-image: url("../../images/handbook/mqlHbk.png");
background-repeat: no-repeat;
background-size: 45%;
background-position: -10% ;
margin-top: 20px;
}

#mqlhbkprom, #mqlhbkprom1 {
text-decoration: none;
}

#mqlhbkprom:hover, #mqlhbkprom1:hover {
}

#hbkPromo .rtSect, #hbkPromo1 .rtSect {
max-width: 55%;
margin-left: 45%;
}

#hbkPromo .head, #hbkPromo1 .head {
font-size: 1.4em;
font-weight: bold;
line-height: 1;
color: #80c342;
}

#hbkPromo a, #hbkPromo1 a {
background: #3b5522;
color: #fff;
padding: 4px 7px 4px 7px;
border-radius: 4px;
text-decoration: none;
margin-top: 0px;
font-size: .85em;
float: right;
}

#hbkPromo a:hover, #hbkPromo1 a:hover {
background: #80c342;
}

#hbkPromo .subhead, #hbkPromo1 .subhead {
font-size: 1em;
color: #999;
}

#prodName {
font-size: 130%;
margin: 0;
font-family: 'Francois One', sans-serif;
font-display: swap;
}

#prodDesc {
font-size: 80%;
margin-top: 0;
}

.bigLink2 {
font-size: 140%;
text-decoration: underline;
color: 80c342;
}

.topicon {
display: none;
}

.greenBox {
width: 92%;
padding: 4%;
background: #cde2ac;
margin-bottom: 20px;
margin-top: 16px;
text-align: center;
}

.sideTestim {
padding: 5%;
font-size: 1em;
border: 1px solid #dcdcdc;
background: rgb(238,238,238);
background: linear-gradient(3deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 21%, rgba(255,255,255,1) 80%);
}

.sideTestim .qt {
font-size: 1.15em;
margin-bottom: 8px;
}

.sideTestim .sub {
font-size: .9em;
margin-bottom: 8px;
}

.sideTestim .quotee {
font-size: .8em;
}

.brochLink {
color: #80c342;
font-size: .8em;
}

.fwgrnbtn {
text-shadow: 1px 1px 1px #333;
color: #fff;
background: #80c342;
width: 96%;
max-width: 100%;
padding: 2%;
margin: 5% 0% 5% 0%;
}

.fwgrnbtn:hover {
background: #508329;
}

.fwgrnbtn .txtDiv {
color: #fff;
font-size: .85em; 
padding: 2px; 
float: right; 
width: 80%;
line-height: 1.2;
}

.fwgrnbtn .imgDiv {
float: left;
max-width: 20%;
margin: 1.5% 0% .5% 1%;
}


.bigLink {
text-shadow: 1px 1px 1px #333;
text-align: center;
color: #fff;
background: #80c342;
width: 94%;
max-width: 100%;
padding: 2%;
margin: 5% 0% 5% 0%;
}

.bigLink:hover {
background: #609d2f;
}

#calcLink {
width: 100%;
max-width: 100%;
padding: 2%;
background: #929292;
max-height: 50px;
min-height: 40px;
color: #fff;
overflow: hidden;
border: 1px solid #666;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#calcLink:hover {
background: #727272;
}

#calcLink .calcImg {
height: 68px;
float: left;
margin-right: 4%;
margin-left: 3%;
margin-top: 1.5%;
}

#calcLink .txtDiv {
float: left;
text-shadow: 1px 1px #333;
margin: 0;
padding: 0;
min-height: 40px;
line-height: 1.2;
}

#hbMenu2 {
display: none;
}

.btn {
border-radius: 5px;
padding: 8px 14px 8px 14px;
font-size: 1em;
text-decoration: none;
margin: 0px;
color: #fff;
position: relative;
display: inline-block;
}

.btn:active {
transform: translate(0px, 5px);
-webkit-transform: translate(0px, 5px);
box-shadow: 0px 1px 0px 0px;
}

.green {
background-color: #67B61D;
box-shadow: 0px 3px 0px 0px #607b3d;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.green:hover {
background-color: #87b151;
}

.gray {
background-color: #f1f2f2;
box-shadow: 0px 3px 0px 0px #cdcdcd;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
color: #666;
}

.gray:hover {
background-color: #dcddde;
}


#sbarPh  {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
margin-bottom: 10px;
text-align: center;
}

.phoneBug {
width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
max-height: 55px;
}

.phonebtn {
width: 80%;
max-width: 80%;
float: left;
position: relative;
margin-right: .5%;
background: #90bf53;
height: 35px;
max-height: 35px;
min-height: 35px;
}

.phonebtn:hover {
background: #7da548;
}

.phicn {
float: left;
width: 20px;
margin: 3.5% 8% 1% 8%;
}

.phdigits {
font-size: 1.4em;
color: #fff;
margin-right: 5%;
padding-top: 1.25%;

}

.chatbtn {
width: 19.5%;
float: left;
position: relative;
background: #90bf53;
height: 28px;
max-height: 28px;
padding-top: 7px;
overflow: hidden;
}

.chatbtn:hover {
background: #7da548;
}

.chaticn {
width: 21px;
margin: 0;
padding: 0;
}

.chatbtn .inner { 
width: 28px;
height: 20px;
margin-left: 9px;
}


body {
cursor: default;
}

/* colors:   dark green: #467624  unist green: #80c342  text: #333 */
object[type*="svg"]
{
pointer-events: none;
width: 100%;
height: 100%;
opacity: 0;
} 

.mysel {
max-width: 100%;
min-width: 90%;
}

.grnBtn1 {
width: 90%;
border-radius: 8px;
background: #80c342;
display: inline-block;
text-align: center;
position: relative;
margin: 0% 5% 0% 5%;
}

.grnBtn1:hover {
background: #cae5ab;
}

.grnBtn1:hover .inner{
color: #80c342;
}

.grnBtn1:hover .icn .cls-1pv{
fill: #80c342;
}

.grnBtn1 .inner {
margin: 0 auto;
text-align: left;
max-width: 80%;
position: relative;
display: inline-block;
padding: 8px;
font-size: 1.2em;
font-family: 'Open Sans', sans-serif;
font-display: swap;
margin-top: 5px;
color: #fff;
}

.grnBtn1 .icn {
float: left;
position: relative;
margin-top: 4px;
}

.cart {
background: #80c342;
padding: 10px 4px 4px 4px;
color: #fff;
border-radius: 4px;
}

.cartTop {
font-family: 'Francois One', sans-serif;
font-display: swap;
font-size: 1em;
}

#cartContents {
font-size: .85em;
padding: 10%;
}

.cartItem1, .cartItem {
font-size: 1.35em;
margin-bottom: 3px;
padding: 0;
}

#loginForm #loginform{
max-width: 100%;
border: 0;
display: inline-block;
padding: 0;
margin: 0;
}

#loginForm {
padding: 0;
margin: 0;
}

#loginForm .captchapict {
max-width: 100%;
}

.litRow {
padding: 0;
width: 100%;
}

.litItem {
padding: 10px;
width: 100%;
margin-bottom: 20px;
}

.litPic {
float: left;
position: relative;
margin-right: 1%;
margin-bottom: 1%;
padding: 0;
margin-top: 1%;
}

.litTxt1 {
float: left;
position: relative;
font-size: .9em;
font-family: helvetica, arial, sans;
font-display: swap;
width: 70%;
padding-top: 10px;
line-height: 110%;
}

.litIns {
font-size: .75em;
}

#litList {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}

#clCloseBtn {
max-width: 16px;
max-height: 12px;
border-radius: 4px;
background: #fff;
color: #000;
font-size: 1.25em;
text-align: center;
float: right;
position: relative;
padding: 0px 3px 6px 3px;
line-height: 1;
vertical-align: middle;
margin-top: 5px;
margin-right: 5px;
cursor: default;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
}


#clCloseBtn:hover {
background: #80c342;
}

#bcAndpn {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
position: relative;
margin-bottom: 20px;
}

.bcrumb {
margin: 0;
padding: 0;
}


#phNumb {
float: right;
position: relative;
text-align: right;
max-width: 50%;
font-size: 1em;
padding-top: 12px;
color: #666;
}

#phNumb .pnumb {
font-weight: bold;
}

#phNumb a {
text-decoration: none;
}

#phFoot {
color: #fff;
margin-top: 10px;
font-size: 120%;
z-index: 999;
}

#phFoot .pnumb {
font-weight: bold;
}

#phFoot a {
text-decoration: none;
color: #999;
}

#bcb1 {
max-width: 50%;
width: 50%;
max-height: 30px;
padding: 0;
padding-bottom: 8px;
float: left;
position: relative;
margin-left: -90px;
}

#bcb {
margin: 0px;
background: #333;
width: 100%;
}

.breadcrumb{
color: #999;
font-size: 14px;
float: left;
position: relative;
margin-right: 12px;
}

#bcPS {
float: left;
position: relative;
font-size: 14px;
}

#errorDiv {
color: #990000;
font-size: .75em;
}

.owtw {
width: 30%; height: 100%; float:left; position: relative; margin-right: 10px;
}

.owtwtxt {
float: right; position: relative; width: 65%;
}

#features {
padding: 3%;
background: #efefef;
margin-top: 20px;
max-width: 100%;
}

.mchartHead {
width: 100%; 
margin-bottom: -4px;
padding: 0;
margin: 0;
}

.mchartHead td {
width: 25%;
padding: 7px;
text-align: left;
}

.mChart  {
width: 100%; 
border: 1px solid #333;
padding: 0px;
border-collapse: collapse;
font-size: 80%;
}

.mChart td {
border: 1px solid #333;
width: 25%;
line-height: 110%;
padding: 7px;
text-align: left;
}

.mChart tr:nth-child(even) {
    background-color: #efefef;
}

.cpa {
width: 45%;
float: left;
margin: 0% 5% 5% 0%;
height: 0;
background-image: url('/images/design/cleanPressArea.jpg');
background-size: contain;
background-repeat: no-repeat;
padding-top: 66.64%;
}

.mag {
float: left;
position: relative;
margin: -62% 0px 0px 10px;
}

.confLocBtn {
width: 95%;
margin: 0 auto;
margin-bottom: 2px;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
font-size: .9em;
height: 34px;
padding: -2% 5% 2% 5%;
}

.confLocBtn:hover {
background: #80c342;
}

.imgLeft {
float: left;
position: relative;
margin: 1% 8% 5% 0;
}

.imgRight {
float: right;
position: relative;
margin: 1% 0% 5% 8%;
}

#locConfDiv {
display: none;
position: absolute;
top: -110px;
left: 0;
width: 100%;
min-height: 100px;
background: #000;
z-index= 99999;
border-radius: 6px;
text-align: center;
max-height: 400px;
overflow-y: scroll;
}

.cLog {
float: left;
width: 24%;
margin-right: .5%;
margin-left: .5%;
margin-bottom: 5%;
}

.sidequotes {
padding: 8%;
font-size: 100%;
}

.artMenu a {
margin: 0px 5px 0px 5px;
}

.etquote1 {
font-size: 100%;
color: #333;
display: inline-block;
margin-bottom: 8px;
line-height: 1.3;
}

.sqintrotxt {
font-size: 90%;
line-height: 1.4;
margin: 0;
}

.etbody1 {
font-size: 75%;
color: #333;
}

.etquotee1 {
position: relative;
float: right;
font-size: 75%;
color: #333;
}

.centImg {
width: 100;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}

.centImg img {
margin: 0 auto;
}

.testBox {
background: #c3dfa2;
width: 94%;
padding: 20px 20px 20px 20px;
border-radius: 25px;
margin-bottom: 20px;
}

.testHead {
margin-bottom: 20px;
line-height: 130%;
}

.cls-1, .cls-2 {
fill: #fff;
color: #fff
}

#mmhbsvga .cls-1 {
fill: #fff;
}

.xcls-3{
clip-path:url(#clip-path);
}

.xcls-1, .xcls-2, .cls-1e, .recls-1, .ddcls-1, .jjcls-1, .gfcls-1, .cls-1f, .cls-1g, .cls-1h, .cls-1vb, .cls-1i, .bcls-1, .acls-1, .tcls-1, .zcls-1, .ffcls-1 {
fill:#333333;
}

.cls-1k, .cls-1o, .cls-1l, .cls-1m, .cls-1n {
fill:#231f20;
}

.cls-1
{
fill:none;
}

.cls-2{
fill:#fff;
}

.cls-3{
clip-path:url(#a);
}

.splitLeft {
float: left;
position: relative;
width: 48%;
margin-right: 2%;
}

.splitRight {
float: left;
position: relative;
width: 48%;
}

.unaddy {
font-size: .8em;
}

.unname {
font-size: .95em;
}

.unph {
font-size: .95em;
}
.unfx {
font-size: .8em;
}

#git {
width: 100%;
font-size: .95em;
color: #333;
text-align: center;
margin-bottom: 40px;
margin-top: 40px;
}

#git .inner {
width: auto;
margin: 0 auto;
}

#git .item {
padding: 14px;
background: #dedede;
margin: 5px 0px 5px 0px;
}

#git .item:hover {
background: #80c342;
}

#git .img {
margin-right: 10px;
margin-bottom: -10px;
}

.dirlink {
margin-bottom: 10px;
display: inline-block;
}

.fileList a {
margin-bottom: 20px; !important
}

html {
padding-top: 0px;
margin-top: 0px;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
color: #373D3F;
font-size: 1em;
}

.litRow {
width: 96%;
padding: 2% 2% 0 2%;
float: left;
position: relative;
border-bottom: 1px solid #dedede;
}

.litRowEnd {
width: 96%;
padding: 2% 2% 0 2%;
float: left;
position: relative;
}

.litPic {
float: left;
position: relative;
margin-right: 15px;
margin-top: 8px;
}

.litTxt1 {
font-size: .75em;
font-family: helvetica, arial, sans;
font-display: swap;
padding-top: 10px;
line-height: 110%;
text-align: left;
}

.litTxt1 a {
text-decoration: none;
font-size: 120%;
}

.litSml {
font-size: 70%;
}

.litCode {
color: #999;
font-size: 68%;
}

.largeLinkImg {
float: left;
margin-right: 4%;
}

.cattitle {
font-family: 'Francois One', sans-serif;
font-display: swap;
color: #fff;
font-size: 1.2em;
line-height: 1.1;
}

a {
cursor: default;
color: #333;
}

a .icn:hover {
filter: invert(.5) sepia(.95) saturate(6) hue-rotate(40deg);
}

a:hover {
color: #467624;
}

ul { padding: 0!important;}

p {
font-size: .75em;
color: #333;
line-height: 1.55;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
}

hr {
border: 0;
color: #dedede;
background-color: #dedede;
height: 1px;
}

/*view switcher for list vs comparison view*/

#viewSwitcher {
float: right;
position: relative;
width: 75px;
max-height: 35px;
margin-bottom: 20px;
padding-right: 12px;
}

#viewSwitcher .left {
float: right;
position: relative;
width: 28px;
margin-right: 12px;
padding: 0;
}

#viewSwitcher .right {
float: right;
position: relative;
width: 33px;
margin-top: -1px;
padding: 0;
}

#viewSwitcher .right.inactive .bcls-1{
fill: #e4e4e4;
}

#viewSwitcher .right.active .bcls-1{
fill: #999;
}

#viewSwitcher .left.inactive .acls-1{
fill: #e4e4e4;
}

#viewSwitcher .left.active .acls-1{
fill: #999;
}

#viewSwitcher .right .bcls-1 {
fill: #e4e4e4;
}

#viewSwitcher .right.inactive:hover .bcls-1 {
fill: #cdcdcd;
}

#viewSwitcher .left.inactive:hover .acls-1 {
fill: #cdcdcd;
}

#viewSwitcher .left.active:hover .acls-1 {
fill: #999;
}

#viewSwitcher .right.active:hover .bcls-1 {
fill: #999;
}

.regSel {
font-size: 14px;
width: 100%;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
padding:8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #999;
color: white;
outline: none;
margin-top: 0;
}

.allProd {
font-family: 'Francois One', sans-serif;
font-display: swap;
background: #80c342;
padding: 6px 12px 6px 12px;
font-size: 14px;
color: #333;
width: auto;
position: relative;
float: left;
margin: 6px 20px 4px 7px;
border-radius: 2px;
border: 1px solid #658a42;
text-align: center;
}

.allProd:hover {
background: #467624;
color: #efefef;
}

.dropSp {
width: 19%;
padding: 0px;
margin-left: .5%;
margin-right: .5%;
height: auto;
float: left;
position: relative;
background: #c2c2c2;
min-height: 276px;
margin-bottom: 15px;
}

.dropSp1 {
width: 19%;
padding: 0px;
margin-left: .5%;
margin-right: .5%;
height: auto;
float: left;
position: relative;
background: #c2c2c2;
min-height: 226px;
margin-bottom: 15px;
}

.dropSp2 {
width: 19%;
padding: 0px;
margin-left: .5%;
margin-right: .5%;
height: auto;
float: left;
position: relative;
background: #c2c2c2;
min-height: 156px;
margin-bottom: 15px;
}


.dropAlign {
margin: 0 auto;
padding: 0px;
width: 100%;
}

.dsInt {
margin: 0 auto;
width: 88%;
text-align: left;
}

.dsIcon {
width: 70px;
margin-top: 15px;
}

.dsHead {
margin-top: 10px;
margin-bottom: 8px;
}

.dsTitMain {
font-size: 15px;
font-weight: bold;
color: #333;
line-height: 1.1;
margin-bottom: 3px;
font-family: 'Francois One', sans-serif;
font-display: swap;
}

.dsTitSub {
font-size: 13px;
font-weight: bold;
color: #333;
line-height: 1.2;
}

.dsListOut {

}

.dsItem {
margin-bottom: 3px;
font-size: 14px;
color: #333;
line-height: 1.2;
padding: 4px;
border-bottom: 1px solid #efefef;
width: 100%;
text-decoration: none;
cursor: default;
display: inline-block;
}

.dsBody {
border-top: 1px solid #efefef;
}

.dsItem a {
text-decoration: none;
}

.dsItem:hover {
color: #fff;
background: #80c342;
}

.dsListBot {
margin-top: 10px;
color: #333;
}

.dsLearn {
font-weight: bold;
float: left;
position: relative;
margin-right: 30px;
font-size: 13px;
}

.dsLearn:hover {
text-decoration: underline;
color: #467624;	
}

.dsVAll {
font-weight: bold;
float: left;
position: relative;
margin-right: 20px;
font-size: 13px;
}

.dsVAll:hover {
text-decoration: underline;
color: #467624;	
}

.dsBot {
background: #333;
background: #a2a2a2;
padding: 5px;
height: 45px;
margin: 0 .5% 10px .5%;
border-radius: 4px;
margin-top: 10px;
}

.dsBtn {
background: #efefef;
padding: 6px;
font-size: 14px;
color: #333;
width: 200px;
position: relative;
float: right;
margin: 6px 8px 4px 10px;
border-radius: 4px;
border: 1px solid #666;
text-align: center;
}

.dsBtnCntr {
margin: 0 auto; 
position: relative;
max-width: 130px;
}

.dsBtn:hover {
background: #80c342;
color: #000;
}

#dropContent {
position: relative;
z-index: 2;
padding: 0px;
width: 100%;
text-align: center;
}

#cutDrop {
background:#CCCCCC;
color:#FFF;
position: absolute;
top: -560px;
left: 0;
width: 100%;
height: auto;
padding: 0px;
padding-left: 0px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;	
text-align: center;
box-shadow: 0 4px 2px -2px gray;
z-index: 1;
}

#formDrop {
background:#CCCCCC;
color:#FFF;
position: absolute;
top: -860px;
left: 0;
width: 100%;
height: auto;
padding: 0px;
padding-top: 0px;
padding-left: 0px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;
text-align: center;
box-shadow: 0 4px 2px -2px gray;
z-index: 2;		
}

#pfdDrop {
background:#CCCCCC;
color:#FFF;
position: absolute;
top: -860px;
left: 0;
width: 100%;
height: auto;
padding: 0px;
padding-top: 0px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;
box-shadow: 0 4px 2px -2px gray;
z-index: 2;
}

#hbMenu {
display: none;
}

#popTray {
width: 100%;
display: none;
padding: 0px;
text-align: right;
background: #80c342;
}

#searchBar {
padding: 10px;
color: #333;
display: block;
}

#mmhbsvg {
float: left;
position: relative;
}

#hbMenu1 {
width: 266px;
display: none;
float: left;
position: absolute;
top: 80px;
left: -218px;
margin: 0;
padding: 1px 3px 0px 3px;
background: #80c342;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
z-index: 2;
text-align: left;
border: 0;
}

.hbMen{
position: relative;
text-align: left;
display: block;
width: 100%;
padding: 0px;
margin: 0px;
}

.hbMen li  {
position: relative;
display: inline-block;
padding: 0px;
width: 80%;
font-size: 1em;
list-style: none;
text-align: left;
background: #999;
}

.hbMen a {
display: block;
padding: 8px 8px 8px 20px;
padding-left: 20px !important;
margin-bottom: 2px;
color: #333 !important;
background: #a8ce76;
text-align: left;
width: auto;
}

.hbMen a:hover {
background: #333;
color: #fff !important;
}

.clearfloat {
clear: both;
}

.topicon {
width: 50px;
height: 50px;
float: left;
display: block;
fill: #fff;
}

.mmitem {
padding: 15px 25px 0px 25px;
float: left;
position: relative;
text-align: center;
margin-top: 0px;
height: 65px;	
}

.mmitem:hover {
background: #80c342;
padding: 15px 25px 0px 25px;
color: #000;
margin-top: 0px;
height: 65px;	
}

.mmitem:hover .mmitemDesc {
color: #000;
}

.mmitem:hover .mmitemIcn .topicon .cls-2 {
fill: #000;
}

.mmitem:hover .mmitemIcn .topicon .st0z {
fill: #000;
}

.mmitem:hover .mmitemIcn .topicon .cls-11 {
fill: #000;
}

.mmitemLeft {
padding: 0px 25px 5px 5px;
float: left;
position: relative;
text-align: center;
margin-top: 15px;
}

.mmiteminner {
margin: 0 auto;
padding: 0px;
min-width: 100px;
}

.mmitemIcn {
min-width: 50px;
max-width: 80px;
position: relative;
margin-right: 3px;
float: left;
}

.mmitemDesc {
float: left;
width: auto;
padding: 3px 0px 0px 8px;
color: #fff;
font-family: 'Francois One', sans-serif;
font-display: swap;
font-size: .90em;
text-align: left;
line-height: 1.1;
}

.mmsearch
{
padding: 17px 10px 10px 5px;
float: right;
margin-right: 20px;
}

.mmhb
{
position: relative;
padding: 17px 14px 0px 14px;
float: left;
height: 63px;
margin-top: 0px;
margin-left: 10px;
margin-right: 8px;
}

.mmhb2 {
display: none;
}

.bcrumb {
width: 70%;
padding: 0px;
font-size: .75em;
color: #333;
text-align: left;
margin: 10px 0px 20px 0px;
float: left;
position: relative;
}

.bcArr {
margin: 0px 5px -2px 5px;
display: inline-block;
width: 8px;
}

.bclink {
color: #333;
text-decoration: underline;
}

.bclink:hover {
color: #80c342;
}



#logo {
width: 206px;
height: 64px;
margin-left: 20px;
margin-top: 0px;
float: left;
max-width: 206px;
padding-top: 0;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}


/* div for Links in header */
#headerLinks {
float: right;
text-align: right;
height: 60px;
max-height: 60px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0;
}

/* Links in header */
#headerLinks a {
text-decoration: none;
color: rgba(146,146,146,1.00);
padding-left: 56px;
font-size: 14px;
}

/* Main content of the site */
#content {
clear: both;
display: flex;
flex-direction: row;
padding-top: 20px;
margin-bottom: 20px;
}

/*menubar's properties for menus in sidebar */
#content .sidebar #menubar {
text-align: left;
color: rgba(146,146,146,1.00);
position: relative;
left: 0%;
}

/* Whole page content */
#mainWrapper {
width: 80%;
padding-left: 10%;
position: relative;
z-index: 1;
}

/*menu elements */
.menu ul li {
list-style-type: none;
font-size: x-large;
position: relative;
left: -35px;
padding-top: 12px;
}

/* footer */
#userLocInp {
padding-bottom: 12px;
font-size: .85em;
}

footer {
clear: both;
background-color: #000;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
font-style: normal;
font-weight: 200;
line-height: 1.8;
padding: 0px;
text-align: center;
color: #ccc;
position: relative;
z-index: 999;
}

.footTop {
padding: 10px;
border-bottom: 1px solid #333;
height: 34px;
font-size: 16px;
text-align: center;
position: relative;
}

.ftinner {
display: inline-block;
position: relative;
padding: 5px;
margin: 0 auto;
max-height: 25px;
font-family: 'Francois One', sans-serif;
font-display: swap;
}

.signup {
margin-right: 40px;
float: left;
position: relative;
display: block;
}

.signup .joinBtn {
display: block;
background: #80c342;
padding: 2px 3px 0px 3px;
height: 28px;
font-family: 'Francois One', sans-serif;
font-display: swap;
color: #333;
width: 60px;
float: right;
position: relative;
margin-top: -3px;
user-select: none; /* supported by Chrome and Opera */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
}

.signup .joinBtn:hover {
color: #80c342;
border-color: currentColor;
background-color: white;
cursor: default;
}

.signup .prmt {
float: left;
position: relative;
margin-right: 15px;
margin-top: 1px;
}

#signupDiv {
padding: 10px;
background: #333;
display: none;
height: 25px;
color: #000;
margin-bottom: 10px;
text-align: center;
}

#signupDiv .inner{
margin: 0 auto;
display: inline-block;
max-width: 90%;
width: 90%;
min-width: 90%;
}

.clDivin {
margin-top: -10px;
}

#signupDiv .clDiv {
width: 25px;
height: 25px;
border-radius: 3px;
background: #999;
color: #000;
float: left;
position: relative;
font-weight: bold;
font-size: 24px;
padding-top: -18px;
}

#signupDiv .clDiv:hover {
background: #80c342;
color: #fff;
cursor: default;
}

.suConfirm {
font-size: 14px;
color: #80c342;
padding: 4px;
margin-top: -2px;
}

.suInp input { 
border-style: none; 
background: transparent; 
outline: none;
flex-grow: 1;
color: #333;
font-size: .9em;
line-height: .9em;
vertical-align: middle;
text-align: center;
width: 170px;
height: inherit;
max-height: 22px;
}

.suInp {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
font-size: 13px;
padding: 1px 3px 1px 3px;
float: left;
position: relative;
height: auto;
max-height: 28px;
margin-right: 2px;
margin-top: -1px;
min-width: 220px;
}

.suInpFields {
float: left;
max-width: 170px;
margin-right: 5px;
background: #cccccc;
padding: 2px 3px 5px 3px;
margin-top: -3px;
max-height: 23px;
}

#signupDiv .inner .prompt {
padding-top: 5px; 
color: #999; 
font-size: .9em; 
float: left; 
line-height: 1.1; 
text-align: left; 
margin-right: 15px;"
}

#signupDiv .inner .safemsg {
color: #b9b8b8; 
font-size: .75em; 
float: left; 
line-height: 1.1; 
text-align: left; 
margin-left: 15px;
padding-top: 4px;
}

#signupDiv .inner .subBTN {
display: block;
background: #80c342;
padding: 3px 3px 0px 3px;
height: 27px;
font-family: 'Francois One', sans-serif;
font-display: swap;
color: #333;
width: 60px;
float: left;
position: relative;
margin-top: -3px;
user-select: none; /* supported by Chrome and Opera */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
}

#signupDiv .inner .subBTN:hover {
color: #80c342;
border-color: currentColor;
background-color: white;
cursor: default;
}

/* make sure we have a visible focus ring */
.suInp .subBTN:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(255, 105, 180, 0.5),
0 0 0 1.5px rgba(255, 105, 180, 0.5);
}


#def {
float: left;
}

#inp {
display: none;
}

#thx {
display: none;
}

.inmyarea {
display: block;
font-family: 'Francois One', sans-serif;
font-display: swap;
margin-right: 40px;
float: left;
position: relative;
}

.inmyarea .inputPH {
background: #cccccc;
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
text-align: center;
font-size: 1em;
width: 110px;
padding: 1px 3px 1px 3px;
float: left;
position: relative;
height: 28px;
margin-right: 2px;
margin-top: -3px;
}

.inputPH input { 
border-style: none; 
background: transparent; 
outline: none;
flex-grow: 1;
color: #333;
font-size: .95em;
line-height: 1em;
vertical-align: middle;
text-align: center;
width: 100%;
padding-top: 6px;
padding-left: 2px;
}


.inputBTN {
display: block;
background: #80c342;
padding: 1px 2px 1px 2px;
height: 28px;
font-family: 'Francois One', sans-serif;
font-display: swap;
color: #333;
min-width: 60px;
float: left;
position: relative;
margin-top: -3px;
user-select: none; /* supported by Chrome and Opera */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
}

.inputBTN:hover {
color: #80c342;
border-color: currentColor;
background-color: white;
cursor: default;
}

/* make sure we have a visible focus ring */
.inputBTN:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(255, 105, 180, 0.5),
0 0 0 1.5px rgba(255, 105, 180, 0.5);
}


.inmyarea .thead {
float: left;
position: relative;
margin-right: 15px;
margin-top: 1px;
}

.socmedia {
display: block;
font-family: 'Francois One', sans-serif;
font-display: swap;
width: auto;
margin: 0px;
float: left;
position: relative;
}

.socmedia .prmt {
float: left;
position: relative;
margin-right: 15px;
margin-top: -3px;
}

.socmedia .smIcons {
float: left;
position: relative;
}

.socmedia .icn {
width: 22px;
margin-right: 5px;
float: left;
position: relative;
}

.footBot {
padding: 10px;
width: 94%;
height: 134px;
}

.lla {
color: #888;
font-size: 15px;
display: inline-block;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
}

.lla:hover {
color: #80c342;
}

.llsep {
color: #888;
font-size: 17px;
display: inline-block;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
margin: 0px 10px 0px 10px;
}


/*Links in sidebar */
.sidebar #menubar .menu ul li a {
color: rgba(146,146,146,1.00);
text-decoration: none;
}

.sidebar #menubar .menu ul li a:hover {
color: rgba(107,97,97,1.00);
text-decoration: none;
}

/* Menu headings in sidebar */
#menubar .menu h2 {
font-size: 14px;
}

/*Links under menus in sidebar */
#menubar .menu ul li a {
font-size: 14px;
}

/* Menus in sidebar */
.sidebar #menubar .menu {
margin-bottom: 29px;
}

/* Container for links in footer */
footer .footerlinks {
margin-top: -15px;
}

#searchBar .search-container {
width: auto;
padding: 0px;
margin: 0px;
}

#searchBar .search-container input[type=text] {
padding: 6px;
margin-top: 0px;
margin-right: -3px;
font-size: 17px;
margin-bottom: 0px;
border: none;
}

#searchBar .search-container button {
padding: 6px 10px;
margin-top: 0px;
margin-right: 0px;
margin-left: -2px;
margin-bottom: 0px;
background: #567e30;
font-size: 17px;
color: #fff;
border: none;
cursor: pointer;
}

#searchBar .search-container button:hover {
background: #426026;
}


/* 480 - phones & small screens */

@media screen and (min-width: 200px) and (max-width: 575px) {


.educImg {
margin: 0 auto;
width: 100%;
margin-bottom: 20px;
}

.beneBox {
width: 99%;
padding: .5%;
background: #fff;
color: #333;
border-radius: 4px;
border: 1px solid #a4a4a4;
float: left;
text-align: center;
font-size: .8em;
min-height: 120px;
margin-bottom: 15px;
}

.inputPH {
width: 50px;
}

.inputPH #userLocInp {
width: 50px;
padding-left: 2px;
padding-right: 2px;
}

.thead {
color: #fff;
width: 60px;
line-height: 1.1;
text-align: right;
}

.cLog {
float: left;
width: 28%;
margin-right: 5%;
margin-left: 0;
margin-bottom: 2%;
}

.cLog img {
width: 100%;
max-width: 100%;
}

.sidebar {
margin-top: 200px;
display: block;
}

#mainWrapper {
position: relative;
width: 100%;
padding: 0px;
margin: 0px;
margin-top: 10px;
overflow: hidden;
z-index: 1;
}



.bcrumb {
display: block;
margin: 0;
padding: 0;
width: 100%;
min-width: 100%;
position: relative;
float: left;
text-align: left;

}



.breadcrumbz {
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
min-width: 300px;
color: #999;
font-size: 14px;
float: left;
position: relative;
}

.breadcrumb {
float: left;
}

.mainquotes {
display: block;
}

.sidequotes {
display: none;
}

#sbPhoneChat {
float: left;
max-width: 26%
}

.search-container {
max-width: 65%;
width: 65%;
background: #efefef;
float: right;
}

.search-container input {
width: 20%;
max-width: 160px;
}

#logo {
width: 186px;
height: 54px;
margin-left: 15px;
margin-top: 0px;
margin-bottom: -20px;
max-width: 186px;
padding-top: 0px;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}

#logo1 div object{
width: 146px;
padding: 0;
margin: 0;
margin-top: -5px;
margin-left: -20px;
}

#topMenus .mmitem {
display: none;
}

/* main content of the site */
.phoneBug {
margin: 10px 0px 20px 0px;
}

.chatbtn {
width: 9.5%;
}

.chatbtn .inner { 
width: 28px;
height: 20px;
margin-left: 3px;
}

.phonebtn {
width: 89.5%;
max-width: 89.5%;
float: left;
position: relative;
margin-right: .5%;
background: #90bf53;
height: 35px;
max-height: 35px;
min-height: 35px;
}

.phdigits {
margin-top: -4px;
}

.phicn {
padding-right: 18px;
}

.picn {
margin-right: 10px;
}

.sideTestim {
padding: 5%;
font-size: 1em;
border: 1px solid #dcdcdc;
background: rgb(238,238,238);
background: linear-gradient(3deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 21%, rgba(255,255,255,1) 80%);
max-width: 80%;
margin: 0 auto;
}

.sideTestim .qt {
font-size: 1.15em;
margin-bottom: 8px;
}

.sideTestim .sub {
font-size: .9em;
margin-bottom: 8px;
}

.sideTestim .quotee {
font-size: .8em;
}

.tempbr {
display: none;
}

.prs2 {
margin-left: 9px;
}

.fwgrnbtn {
margin: 0 auto;
color: #fff;
background: #80c342;
width: 90%;
max-width: 100%;
padding: 2%;
max-height: 50px;
min-height: 40px;
overflow: hidden;
border: 1px solid #666;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.fwgrnbtn .txtDiv {
color: #fff;
font-size: 1.05em; 
padding: 0; 
float: left; 
width: 80%;
margin-top: 1%;
text-shadow: 1px 1px 1px #333;
line-height: 1.2;
}

.fwgrnbtn .imgDiv {
float: right;
max-width: 20%;
margin: 0% 0% 1% 0%;
height: 90px;
float: left;
margin-right: 2%;
margin-left: 1%;
}

#calcLink {
width: 90%;
margin: 0 auto;
max-width: 100%;
padding: 2%;
background: #929292;
max-height: 50px;
min-height: 40px;
color: #fff;
overflow: hidden;
border: 1px solid #666;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#calcLink .calcImg {
height: 90px;
float: left;
margin-right: 4%;
margin-left: 2%;
margin-top: -1%;
}

#calcLink .txtDiv {
float: left;
text-shadow: 1px 1px #333;
margin: 0;
padding: 0;
min-height: 40px;
font-size: 100%;
margin-top: 1.3%;
line-height: 1.2;
}

.splitLeft {
float: left;
position: relative;
width: 100%;
}

.splitRight {
float: left;
position: relative;
width: 100%;
}

.inmyarea .thead {
margin-top: 0px;
font-size: .85em;
}

.inmyarea {
padding-top: 3px;
margin: 0 auto;
text-align: center;
margin-bottom: 5px;
}

footer {
clear: both;
background-color: #000;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
font-style: normal;
font-weight: 200;
line-height: 1.8;
padding: 0px;
text-align: center;
color: #ccc;
height: 280px;
}

.inmyarea .inputPH {
background: #cccccc;
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
font-size: 12px;
width: 130px;
padding: 1px 3px 1px 3px;
float: left;
position: relative;
height: 28px;
margin-right: 2px;
margin-top: -3px;
}

.inputPH input { 
border-style: none; 
background: transparent; 
outline: none;
flex-grow: 1;
color: #333;
font-size: 1.1em;
line-height: 1em;
vertical-align: middle;
text-align: center;
min-width: 130px;
}

#signupDiv .inner .prompt {
display: none;
user-select: none; /* supported by Chrome and Opera */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
}

.centCont {
width: 310px;
margin: 0 auto;
display: inline-block;
}

.linklist {
font-size: 12px;
line-height: 1.4;
padding: 10px;
width: 100%;
}

.linklist .llsep {
display: none;
}

.linklist .lla {
margin: 0px 8px 0px 8px;
}

.footTop {
padding: 8px;
border-bottom: 1px solid #333;
height: 34px;
font-size: 14px;
text-align: center;
position: relative;
}

#userLocInp {
padding-bottom: 3px;
font-size: 1.25em;
width: 95%;
}

.signup .joinBtn {
display: block;
background: #80c342;
padding: 9px 8px 1px 8px;
height: 24px;
font-family: 'Francois One', sans-serif;
font-display: swap;
color: #333;
width: auto;
float: right;
position: relative;
margin-top: -3px;
}

.signup {
display: none;
}

.inmyarea {
float: right;
margin: 0;
width: 100%;
text-align: center;
}

.ftinner {
display: inline-block;
position: relative;
padding: 5px;
margin: 0 auto;
max-height: 25px;
font-family: 'Francois One', sans-serif;
font-display: swap;
width: 98%;
text-align: center;
}

.socmedia {
display: none;
}	

#dropContent {
display: none;
}	

html {
padding-top: 0px;
margin-top: 0px;
}

#searchBarBtn {
display: none;
}

#sbarSearch {
min-width: 200px;
min-height: 20px;
display: inline-block;
margin: 0;
padding: 0;
}

#searchBar {
color: #333;
display: block;
text-align: center;
padding: 10px;
height: 32px;
}

#popTray {
display: block;
width: 100%;
margin: 0px;
margin-bottom: 0px;
height: auto;
padding: 0;
}

.mmsearch
{
display: none;
}

.mmhb2
{
width: 25px;
display: block;
position: relative;
padding: 0px;
float: left;
margin-top: 10px;
margin-bottom: 0;
padding-right: 40px;
}

.mmhb {
display: none;
}

#hbMenu2 {
width: 100%;
max-width: 100%;
background: #80c342;
text-align: center;
height: auto;
display: none;
font-size: 1.3em;
text-align: center;
padding: 0;
padding-bottom: 6px;
padding-top: 9px;
}

.hbMen {
padding: 0;
list-style-type: none;
margin: 0 auto;
text-align: center;
display: inline-block;
background: #80c342;
width: 96%;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
font-size: .9em;
}

.hbMen li  {
display: inline-block;
width: 100%;
max-width: 100%;
margin: 0px;
color: #333;
list-style: none;
background: #f2f3f4;
border-top: 1px solid #80c342;
padding: 0;
overflow: hidden;
background: #80c342;
}

.hbMen a {
width: 100%;
max-width: 100%;
margin: 0 auto;
display: inline-block;
padding: 15px 0px 12px 0px;
background: #a8ce76;
color: #333;
text-align: center;
text-decoration: none;
}

header {
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
color: #333;
font-size: 16px;
font-style: normal;
font-weight: 400;
background-color: #000;
width: 100%;
text-align: center;
min-height: 80px;
height: 80px;
margin: 0px;
z-index: 3;
position: relative;
}

#hbMenu {
display: none;
}

#headerLinks {
float: right;
width: auto;
text-align: left;
}

#headerLinks .mmitem   {
display: none;
}

#headerLinks .mmitemLeft   {
display: none;
}

#headerLinks .mmsearch  {
display: none;
}

/* Links in header */
header #headerLinks a {
text-align: center;
padding-right: 15px;
padding-left: 0px;
}

/* Menubar in sidebar */
#content .sidebar #menubar {
position: relative;
left: -3%;
text-align: center;
}

/*Offer - Text Banner */
#mainWrapper #offer {
padding-left: 0px;
text-align: center;
}

/*Menu headings in sidebar */
#menubar .menu h2 {
width: 100%;
display: block;
}

#mainWrapper footer div {
width: 100%;
margin-left: -16px;
text-align: justify;
padding-bottom: 16px;
overflow: auto;
}

/* Unordered list for menu elements */
.menu ul {
position: relative;
padding-left: 24%;
}

/* Container for links in footer */
#mainWrapper footer .footerlinks {
padding-left: 8%;
}

/*SMALL DROP MENU ACCORDION MENU */

.accordion {
width: 100%;
margin: 0 auto;
display: inline-block;
padding: 15px 16px 15px 16px;
text-align: left;
background: #efefef;
color: #333;
font-family: 'Francois One', sans-serif;
font-display: swap;
font-size: 1.15em;
text-decoration: none;
cursor: pointer;
transition: 0.4s;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.accordion svg {
margin: 0px 8px 0px 0px;
float: left;
position: relative;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.accordion:hover {
background: #333;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #fff;
}	

.accordion:hover > svg *{
fill: #fff;	
}

.accordion:active {
background-color: #333;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #fff;
}

.accordion .indic {
font-size: 20px;
font-weight: bold;
float: right;
position: relative;
width: 30px;
margin-right: 20px;
margin-top: 0px;
color: inherit;
}

.accordTxt {
padding-top: 1px;
float: left;
position: relative;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
max-height: 0;
padding: 0px;
overflow: hidden;
transition: max-height 0.2s ease-out;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-top: -5px;
}

.panel li {
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
padding: 12px 6px 12px 24px;
font-size: 16px;
background: #efefef;
color: #333;
width: 100%;
height: auto;
}

.panel li:hover {
color: #fff;
background: #333;
}

.inmyarea {
padding: 0;
}

.inputPH {
width: 60px;
}

#inputBTN {
padding-left: 1px;
padding-right: 1px;
width: auto;
}

#hbkPromo {
display: none;
}

#hbkPromo1 {
display: block;
}

.pumpWarrDiv .innercw img {
width: 15%;
height: auto;
float: left;
position: relative;
margin-right: 4%;
padding-top: 3%;
}


#vsDivLeft {
float: left;
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%; 
min-height: 200px;
}

#vsDivRight {
float: right; 
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%; 
min-height: 200px;"
}


}


/* change to horizontal display of drop menu items */

@media screen and (min-width: 576px) and (max-width: 899px) {


#vsDivLeft {
float: left;
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%; 
height: auto;
min-height: 205px;
}

#vsDivRight {
float: right; 
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%; 
height: auto;
min-height: 205px;"
}
.educImg {
margin: 0 auto;
width: 100%;
}

.beneBox {
width: 30%;
padding: .5%;
background: #fff;
color: #333;
border-radius: 4px;
border: 1px solid #a4a4a4;
float: left;
text-align: center;
font-size: .8em;
min-height: 245px;
}

.cLog {
float: left;
width: 20%;
margin-right: 4%;
margin-left: 0;
margin-bottom: 2%;
}

.cLog img {
width: 100%;
max-width: 100%;
}

#sbPhoneChat {
float: left;
}

.search-container {
display: block;
width: auto;
float: right;
margin-right: 30px;
}

.search-container input {
width: 90%;
float: left;
}

.search-container button {
float: left;
}

.pumpWarrDiv .innercw img {
width: 15%;
height: auto;
float: left;
position: relative;
margin-right: 4%;
padding-top: 3%;
}

#hbkPromo {
display: none;
}

#hbkPromo1 {
display: block;
}

.mainquotes {
display: block;
}

.sidequotes {
display: none;
}

.cattitle {
font-family: 'Francois One', sans-serif;
font-display: swap;
color: #fff;
font-size: 1.1em;
line-height: 1.1;
}

.sideTestim {
padding: 5%;
font-size: 1em;
border: 1px solid #dcdcdc;
background: rgb(238,238,238);
background: linear-gradient(3deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 21%, rgba(255,255,255,1) 80%);
max-width: 80%;
margin: 0 auto;
}

.sideTestim .qt {
font-size: 1.15em;
margin-bottom: 8px;
}

.sideTestim .sub {
font-size: .9em;
margin-bottom: 8px;
}

.sideTestim .quotee {
font-size: .8em;
}

.fwgrnbtn {
margin: 0 auto;
color: #fff;
background: #80c342;
width: 90%;
max-width: 100%;
padding: 2%;
max-height: 50px;
min-height: 40px;
overflow: hidden;
border: 1px solid #666;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.fwgrnbtn .txtDiv {
color: #fff;
font-size: 1.3em; 
padding: 0; 
float: left; 
width: 80%;
margin-top: -.5%;
text-shadow: 1px 1px 1px #333;
line-height: 1.2;
}

.fwgrnbtn .imgDiv {
float: right;
max-width: 20%;
margin: 1.5% 0% .5% 0%;
height: 90px;
float: left;
margin-right: 2%;
margin-left: 1%;
margin-top: -.75%;
}

.tempbr {
display: none;
}

.prs2 {
margin-left: 9px;
}

#calcLink {
width: 90%;
margin: 0 auto;
max-width: 100%;
padding: 2%;
background: #929292;
max-height: 50px;
min-height: 40px;
color: #fff;
border: 1px solid #666;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#calcLink .calcImg {
height: 90px;
float: left;
margin-right: 4%;
margin-left: 2%;
margin-top: -1%;
}

#calcLink .txtDiv {
float: left;
text-shadow: 1px 1px #333;
margin: 0;
padding: 0;
min-height: 40px;
font-size: 130%;
margin-top: 0%;
}

.splitLeft {
float: left;
position: relative;
width: 100%;
}

.splitRight {
float: left;
position: relative;
width: 100%;
}

.footTop {
padding: 8px;
border-bottom: 1px solid #333;
height: 34px;
font-size: 14px;
text-align: center;
position: relative;
}

.signup .joinBtn {
display: block;
background: #80c342;
padding: 2px 8px 0px 8px;
height: 28px;
font-family: 'Francois One', sans-serif;
font-display: swap;
color: #333;
width: auto;
float: right;
position: relative;
margin-top: -3px;
}

.signup {
float: left;
margin: 0;
margin-right: 15px;
}

.inmyarea {
float: right;
margin: 0;
}

#signupDiv .inner .prompt {
display: none;
}

.suInp {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
font-size: 13px;
padding: 1px 3px 1px 3px;
float: left;
position: relative;
height: 28px;
margin-right: 2px;
margin-top: -1px;
min-width: 220px;
}

.suInpFields {
float: left;
max-width: 170px;
margin-right: 5px;
background: #cccccc;
padding: 2px 3px 5px 3px;
margin-top: -3px;
}

.ftinner {
padding: 2px;
}

.socmedia {
display: none;
}	

.cattitle {
font-family: 'Francois One', sans-serif;
font-display: swap;
color: #fff;
font-size: .9em;
line-height: 1.1;
}

.dsBtn {
background: #efefef;
padding: 6px px 6px 3px;
font-size: 13px;
color: #333;
width: 104px;
position: relative;
float: right;
margin: 6px 7px 4px 0px;
border-radius: 4px;
border: 1px solid #666;
text-align: center;
}	

.allProd {
font-family: 'Francois One', sans-serif;
font-display: swap;
background: #80c342;
padding: 7px 12px 7px 12px;
font-size: 11px;
color: #333;
width: auto;
position: relative;
float: left;
margin: 6px 0px 4px 7px;
border-radius: 2px;
border: 1px solid #658a42;
text-align: center;
}	

#cutDrop {
background:#CCCCCC;
color:#FFF;
position: absolute;
top: -1010px;
left: 0;
width: 100%;
height: auto;
padding: 0px;
padding-left: 0px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;	
text-align: center;
box-shadow: 0 4px 2px -2px gray;
}

#formDrop {
background:#CCCCCC;
color:#FFF;
position: absolute;
top: -650px;
left: 0;
width: 100%;
height: auto;
padding: 0px;
padding-left: 5px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;
box-shadow: 0 4px 2px -2px gray;
}

#maDrop {
background:#CCCCCC;
color:#FFF;
position: absolute;
top: -650px;
left: 0;
width: 100%;
height: 250px;
padding: 20px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;
box-shadow: 0 4px 2px -2px gray;
}

.dropAlign {
margin: 0 auto;
width: 100%;
}

.dsLearn {
font-size: 12px;
font-weight: normal;
}

.dropSp, .dropSp1, .dropSp2 {
width: 100%;
padding: 0px;
margin: 0px 0px 6px 0px;
height: auto;
min-height: auto;
background: #c2c2c2;
text-align: center;
border-bottom: 1px solid #999;
}

.dsInt {
margin: 0 auto;
max-width: 100%;
}

.dsIcon {
float: left;
margin-right: 20px;
width: auto;
max-width: 60px;
}

.dsIcon svg {
max-width: 60px;
margin: 0;
padding: 0;
float: left;
}

.dsHead {
float: left;
width: 60%;
max-width: 60%;
}

.dsTitMain {
font-size: .9em;
font-weight: bold;
color: #333;
line-height: 1.1;
margin-bottom: 3px;
float: left;
position: relative;
margin-right: 6px;
padding-top: 3px;
width: 100%;
}

.dsListOut {
clear: both;
float: right;
width: auto;
margin-top: -5px;
margin-right: 15px;
}

.dsListBot {
float: right;
margin-bottom: 8px;
margin-top: 0px;
}

.dsVAll {
font-size: 1em;
}

.dsItem {
font-size: .9em;
color: #333;
line-height: 1.2;
float: left;
position: relative;
border-bottom: 0px;
width: auto;
text-decoration: none;
cursor: default;
display: inline-block;
margin-right: 15px;
}

.dsBody {
border-top: 0px;
}

.dsTitSub {
font-size: 14px;
color: #000;
line-height: 1.2;
float: left;
position: relative;
padding-top: 3px;
margin-right: 10px;
}

body {margin-top:0 !important;}

html {
padding-top: 0px;
margin-top: 0px;
}

#searchBar {
padding: 10px 10px 2px 10px;
background: #80c342;
color: #333;
display: block;
min-height: 40px;
text-align: center;
margin: 0px;
} 

header {
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
color: #333;
font-size: 16px;
font-style: normal;
font-weight: 400;
height: 80px;
margin: 0px;
background-color: #000;
text-align: center;
width: 100%;
z-index: 3;
}

#logo {
width: 206px;
height: 64px;
margin-left: 20px;
margin-top: 0px;
float: left;
max-width: 206px;
padding-top: 0px;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}

#topMenus {
float: right;
background: #000;
min-width: 250px;
width: auto;
}

#headerLinks {
display: block;
float: right;
margin: 0;
position: relative;
text-align: right;
width: auto;
height: 80px;
margin-top: 0px;
max-height: 80px;
padding: 0px;
background: #efefef;
}

#hbMenu2 {
display: none;
}

.mmitem {
padding: 20px;
position: relative;
text-align: center;
border: 0px;
display: block;
height: 40px;
width: 40px;
margin: 0px;
}

.mmitemLeft {
padding: 0px 0px 1px 0px;
position: relative;
text-align: center;
margin-right: 30px;
border: 0px;
display: block;
height: 50px;
max-height: 50px;
}

.mmiteminner {
margin: 0 auto;
padding: 0;
width: auto;
}

.mmitemIcn {
width: 30px;
text-align: center;
position: relative;
float: left;
}

.mmitem:hover {
background: #80c342;
color: #000;
padding: 20px;
position: relative;
text-align: center;
border: 0px;
display: block;
height: 40px;
width: 40px;
margin: 0px;
}

.mmitem:hover .mmitemDesc {
color: #000;
font-weight: bold;
}

.mmitem:hover .mmitemIcn .topicon .cls-2 {
fill: #000;
}

.mmitem:hover .mmitemIcn .topicon .st0z {
fill: #000;
}

.mmitem:hover .mmitemIcn .topicon .cls-11 {
fill: #000;
}

.topicon {
width: 35px;
height: 35px;
margin-right: 0px;
}

.mmitemDesc {
display: none;
}

#popTray {
display: block;
width: 100%;
margin-top: 0px;
margin: 0px;
}

.mmsearch
{
display: none;
}

.mmhb
{
position: relative;
padding: 19px 20px 0px 20px;
float: left;
height: 71px;
margin-top: -10px;
margin-bottom: -10px;
margin-left: 10px;
}

#hbMenu1 {
width: 266px;
display: none;
float: left;
position: absolute;
top: 90px;
left: -207px;
margin: 0;
padding: 1px 3px 0px 3px;
background: #80c342;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
z-index: 2;
text-align: left;
border: 0;
}

.hbMen{
position: relative;
text-align: left;
display: block;
width: 100%;
padding: 0px;
margin: 0px;
}

.hbMen li  {
position: relative;
display: block;
padding: 0px;
width: 100%;
font-size: 1em;
list-style: none;
text-align: left;
background: #999;
}

.hbMen a {
display: block;
padding: 8px 8px 8px 20px;
padding-left: 20px !important;
margin-bottom: 2px;
color: #333 !important;
background: #a8ce76;
text-align: left;
width: auto;
}

#hbMenu {
display: none;
width: 20px;
float: right;
position: relative;
margin-top: 16px;
margin-right: 24px;
}

/* search field in sidebar */
#content .sidebar #search {
display: none;
}

/* horizontal separators in sidebar */
#content .sidebar hr {
display: none;
}

/*menu headings in sidebar */
#menubar .menu h2 {
display: inline;
font-size: medium;
padding-right: 6%;
}
/* Unordered List of links */
#menubar .menu ul {
display: inline;
}
/*list elements */
#menubar .menu ul li {
display: inline;
font-size: medium;
padding-left: 0%;
padding-right: 3%;
}
/*The link to be hidden in tablet view */
.sidebar #menubar .menu ul .notimp {
display: none;
}
/* menus in sidebar */
.sidebar #menubar .menu {
width: 100%;
text-align: center;
position: relative;
top: 16px;
}
/*menubar in sidebar */
#content .sidebar #menubar {
position: relative;
left: -7%;
overflow: hidden;
width: 95%;
padding-top: 0px;
}

/* offer banners content */
#mainWrapper #offer p {
font-size: small;
}

/* Prices of products in catalog view */
.productRow .productInfo .price {
font-size: 19px;
}
/* Content holders in catalog view */
.productRow .productInfo .productContent {
font-size: 16px;
}
/* Buy buttons in catalog view */
.productRow .productInfo .buyButton {
font-size: 15px;
}
/* Container for links in footer */
#mainWrapper footer .footerlinks {
float: none;
width: 100%;
position: relative;
top: 17px;
clear: both;
text-align: center;
left: 0%;
padding-bottom: 19px;
}
/* Container for each footer divisions */
#mainWrapper footer div {
width: 44%;
text-align: justify;
font-size: 15px;
}
/* Links in footer */
.footerlinks p a {
padding-top: 0px;
padding-bottom: 0px;
display: inline;
padding-right: 35px;
}
/* Footer region */
#mainWrapper footer {
padding-left: 16px;
overflow: hidden;
}
/* Links in header */
header #headerLinks a {
padding-left: 0px;
padding-right: 30px;
}
/* Offer- Text banner */
#mainWrapper #offer {
}
/* Paragraphs in footer */
footer .footerlinks p {
display: inline;
}

.phoneBug {
display: none;
}

}

/* 480 - tablets & narrow desktop browser windows */

@media screen and (min-width: 900px) and (max-width: 1050px) {


.beneBox {
width: 30%;
padding: .5%;
background: #fff;
color: #333;
border-radius: 4px;
border: 1px solid #a4a4a4;
float: left;
text-align: center;
font-size: .8em;
min-height: 225px;
}

#vsDivLeft {
float: left;
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%; 
height: auto;
min-height: 310px;
}

#vsDivRight {
float: right; 
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%; 
height: auto;
min-height: 310px;"
}

#bcb1 {
max-width: 70%;
width: 70%;
max-height: 30px;
padding: 0;
padding-bottom: 0px;
float: left;
position: relative;
margin-left: -90px;
}

#hbkPromo {
display: block;
}

#hbkPromo1 {
display: none;
}

.pumpWarrDiv .innercw img {
width: 25%;
height: auto;
float: left;
position: relative;
margin-right: 4%;
padding-top: 3%;
margin-bottom: 20px;
}


#logo {
width: 206px;
height: 64px;
margin-left: 20px;
margin-top: 0px;
float: left;
max-width: 206px;
padding-top: 0px;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}


#hbkPromo a {
background: #3b5522;
color: #fff;
padding: 3px 5px 3px 5px;
border-radius: 4px;
text-decoration: none;
margin-top: 6px;
font-size: .95em;
}

#hbkPromo .subhead {
font-size: .8em;
margin-top: 6px;
}

#hbMenu1 {
width: 266px;
display: none;
float: left;
position: absolute;
top: 80px;
left: -207px;
margin: 0;
padding: 1px 3px 0px 3px;
background: #80c342;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
z-index: 2;
text-align: left;
border: 0;
}

.hbMen{
position: relative;
text-align: left;
display: block;
width: 100%;
padding: 0px;
margin: 0px;
}

.hbMen li  {
position: relative;
display: block;
padding: 0px;
width: 100%;
font-size: 1em;
list-style: none;
text-align: left;
background: #999;
}

.hbMen a {
display: block;
padding: 8px 8px 8px 20px;
padding-left: 20px !important;
margin-bottom: 2px;
color: #333 !important;
background: #a8ce76;
text-align: left;
width: auto;
}

#hbMenu {
display: none;
width: 20px;
float: right;
position: relative;
margin-top: 16px;
margin-right: 24px;
}

.phoneBug {
width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
max-height: 55px;
}

.phonebtn {
width: 80%;
max-width: 80%;
float: left;
position: relative;
margin-right: .5%;
background: #90bf53;
height: 35px;
max-height: 35px;
min-height: 35px;
}

.phonebtn:hover {
background: #7da548;
}

.phicn {
float: left;
width: 20px;
margin: 2.5% 5% 1% 3%;
}

.phdigits {
font-size: 1.1em;
color: #fff;
margin-right: 5%;
padding-top: 4.5%;
}

.chatbtn {
width: 19.5%;
float: left;
position: relative;
background: #90bf53;
height: 28px;
max-height: 28px;
padding-top: 7px;
overflow: hidden;
}

.chatbtn:hover {
background: #7da548;
}

.chaticn {
width: 21px;
margin: 0;
padding: 0;
}

#sbarPh  {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
margin-bottom: 20px;
text-align: center;
}

.dsHead {
margin-top: 10px;
margin-bottom: 6px;
}

.dsTitMain {
font-size: 14px;
font-weight: bold;
color: #000;
line-height: 1.1;
margin-bottom: 3px;
}

.dsTitSub {
font-size: 12px;
color: #666;
line-height: 1.2;
}

.dsListBot {
margin-top: 8px;
color: #333;
}

.dsLearn {
font-weight: bold;
float: left;
position: relative;
margin-right: 15px;
font-size: 12px;
}

.dsVAll {
font-weight: bold;
float: left;
position: relative;
margin-right: 0px;
font-size: 12px;
}

.dsItem {
margin-bottom: 2px;
font-size: 14px;
color: #333;
line-height: 1.2;
width: 100%;
text-decoration: none;
cursor: default;
}

body {
margin-top:0 !important;
}

html {
padding-top: 0px;
margin-top: 0px;
}

.mmsearch
{
display: block;
}

#popTray {
display: none;
}

#headerLinks {
float: right;
text-align: right;
height: 50px;
max-height: 50px;
padding-top: 0px;
padding-bottom: 0px;
width: 70%;
}

.mmitemDesc {
float: left;
width: auto;
padding: 14px 0px 0px 8px;
color: #fff;
font-family: 'Francois One', sans-serif;
font-display: swap;
font-size: .7em;
text-align: left;
line-height: 1.1;
}

.mmitem {
padding: 10px 10px 0px 10px;
border-right: 1px solid #333;
float: left;
position: relative;
text-align: center;
height: 70px;
max-height: 70px;
}

.mmitem:hover {
background: #80c342;
color: #000;
padding: 10px 10px 0px 10px;
border-right: 1px solid #333;
height: 70px;
max-height: 70px;
}

.mmitem:hover .mmitemDesc {
color: #000;
font-weight: bold;
}

.mmitem:hover .mmitemIcn .topicon .cls-2 {
fill: #000;
}

.mmitem:hover .mmitemIcn .topicon .st0z {
fill: #000;
}

.mmitem:hover .mmitemIcn .topicon .cls-11 {
fill: #000;
}

.mmitemLeft {
padding: 0px 10px 5px 0px;
border-right: 1px solid #333;
float: left;
position: relative;
text-align: center;
height: 50px;
max-height: 50px;
}

.mmiteminner {
margin: 0 auto;
padding: 0;
min-width: 100px;
}

.mmitemIcn {
min-width: 30px;
max-width: 40px;
position: relative;
margin-right: 3px;
margin-top: 10px;
float: left;
}

.topicon {
width: 30px;
float: left;
display: block;
}

.mmhb
{
position: relative;
padding: 19px 14px 0px 14px;
float: left;
margin-bottom: -10px;
margin-left: 10px;
}

#hbMenu2 {
display: none;
}

#hbMenu1 {
width: 266px;
display: none;
float: left;
position: absolute;
top: 80px;
left: -219px;
margin: 0;
padding: 3px 3px 0px 3px;
background: #80c342;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
z-index: 2;
text-align: left;
border: 0;
}

.hbMen{
position: relative;
text-align: left;
display: block;
width: 100%;
padding: 0px;
margin: 0px;
}

.hbMen li  {
position: relative;
display: block;
padding: 0px;
width: 100%;
font-size: 1em;
list-style: none;
text-align: left;
background: #999;
}

.hbMen a {
display: block;
padding-left: 20px !important;
color: #333 !important;
background: #a8ce76;
text-align: left;
width: auto;
}

header {
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
color: #333;
font-size: 16px;
font-style: normal;
font-weight: 400;
height: 80px;
margin: 0px;
background-color: #000;
text-align: center;
width: 100%;
z-index: 3;
}

}

/* desktops */

@media screen and (min-width: 1001px) and (max-width: 4600px) {

#vsDivLeft {
float: left;
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%;
height: auto; 
min-height: 310px;
}

#vsDivRight {
float: right; 
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%; 
height: auto;
min-height: 310px;"
}

.pumpWarrDiv .innercw img {
width: 25%;
height: auto;
float: left;
position: relative;
margin-right: 4%;
padding-top: 3%;
margin-bottom: 20px;
}

#hbkPromo {
display: block;
}

#hbkPromo1 {
display: none;
}

header {
padding: 0px;
margin: 0px;
background: #000;
height: 80px;
width: 100%;
z-index: 3;
}



#logo {
width: 206px;
height: 64px;
margin-left: 20px;
margin-top: 0px;
float: left;
max-width: 206px;
padding-top: 0px;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}

.sideTestim {
padding: 5%;
font-size: 1em;
border: 1px solid #dcdcdc;
background: rgb(238,238,238);
background: linear-gradient(3deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 21%, rgba(255,255,255,1) 80%);
margin: 0 auto;
}

.sideTestim .qt {
font-size: 1.2em;
margin-bottom: 12px;
}

.sideTestim .sub {
font-size: .9em;
margin-bottom: 12px;
}

.sideTestim .quotee {
font-size: .8em;
}

#hbMenu1 {
width: 266px;
display: none;
float: left;
position: absolute;
top: 80px;
left: -207px;
margin: 0;
padding: 1px 3px 0px 3px;
background: #80c342;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
z-index: 2;
text-align: left;
border: 0;
}

.hbMen{
position: relative;
text-align: left;
display: block;
width: 100%;
padding: 0px;
margin: 0px;
}

.hbMen li  {
position: relative;
display: block;
padding: 0px;
width: 100%;
font-size: 1em;
list-style: none;
text-align: left;
background: #999;
}

.hbMen a {
display: block;
padding: 8px 8px 8px 20px;
padding-left: 20px !important;
margin-bottom: 2px;
color: #333 !important;
background: #a8ce76;
text-align: left;
width: auto;
}

#hbMenu {
display: none;
width: 20px;
float: right;
position: relative;
margin-top: 16px;
margin-right: 24px;
}

#hbMenu2 {
display: none;
}
}


@media screen and (min-width: 1066px) and (max-width: 1266px)
{

.beneBox {
width: 30%;
padding: .5%;
background: #fff;
color: #333;
border-radius: 4px;
border: 1px solid #a4a4a4;
float: left;
text-align: center;
font-size: .8em;
min-height: 225px;
}

#vsDivLeft {
float: left;
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%;
height: auto; 
min-height: 310px;
}

#vsDivRight {
float: right; 
position: relative; 
width: 46%; 
background: #efefef; 
padding: 2%; 
height: auto;
min-height: 310px;"
}

.pumpWarrDiv .innercw img {
width: 15%;
height: auto;
float: left;
position: relative;
margin-right: 4%;
padding-top: 3%;
margin-bottom: 20px;
}


#hbkPromo {
display: block;
}

#hbkPromo1 {
display: none;
}

#calcLink .txtDiv {
float: left;
text-shadow: 1px 1px #333;
margin: 0;
padding: 0;
min-height: 0px;
font-size: .9em;
margin-top: 1%;
}

#logo {
width: 206px;
height: 64px;
margin-left: 20px;
margin-top: 0px;
float: left;
max-width: 206px;
padding-top: 0px;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}

}



@media screen and (min-width: 900px) and (max-width: 1065px)
{
.pumpWarrDiv .innercw img {
width: 25%;
height: auto;
float: left;
position: relative;
margin-right: 4%;
padding-top: 3%;
margin-bottom: 20px;
}

#hbkPromo {
display: block;
}

#hbkPromo1 {
display: none;
}


#calcLink .txtDiv {
float: left;
text-shadow: 1px 1px #333;
margin: 0;
padding: 0;
min-height: 40px;
font-size: .68em;
margin-top: 1%;
}

}
/* cmsms stylesheet: forms modified: 11/12/20 14:38:00 */
textarea {
display: inline-block;
max-width: 100%;
min-width: 98%;
min-height: 60px;
margin-top: 5%;
}

.fieldContainer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
style="margin: 0 auto; 
max-width: 98.5%;
position: relative;
padding: .75%;
}

#formDiv {
margin: 0;
}

.wyh {
font-size: .85em;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
}

.basicInput{
float: left;
position: relative;
width: 44%;
margin: 1%;
}

.submitDisc { 
font-size: .85em;
padding: 1%;
margin-bottom: 30px;
margin-top: 15px;
width: 98%;
text-align: left;
}

.basicTa {
float: left;
position: relative;
margin: 0;
min-height: 50px;
border: 1px solid #999;
autoflow: auto;
resize: vertical;
}

.stackedSel {
padding: 0%;
float: left;
position: relative;
min-width: 50%;
max-width: 50%;
text-align: center;
}

.stackedSel select {
width: 96%;
margin: 0 auto;
margin-top: 5px;
}

.contactInfo {
min-width: 94%;
max-width: 94%;
}

.ciWrap {
width: 48%;
float: left;
position: relative;
margin: 1%;
}

.wpicon {
float: left;
position: relative;
width:23px;
height:26px;
background-image: url("/images/design/wpIcon.png");
background-repeat:  no-repeat;
margin-right: 10px;
margin-top: 5px;
}

.wp a{
font-size: .9em;
}

.wp {
margin-bottom: 5px;
}

.wp .wpname {
font-size: 1em;
margin-bottom: -3px;
}

.wp .link {
font-size: 90%;
}

#opty {
font-size: 1em;
line-height: 1;
margin-top: 20px;
}

.optyRad {
margin: 0;
margin-bottom: 6px;
font-size: .8em;
line-height: 1.5;
}



@media screen and (min-width: 320px) and (max-width: 575px)
{
#intro2 {
width: 100%;
}

#submitDiv {
margin-top: 20px;
}

.optyRad {
margin-bottom: 20px;
}

#wyh {
width: 94%;
margin-top: 10px;

}

.stackedSel {
padding: 0%;
float: left;
position: relative;
min-width: 100%;
max-width: 100%;
text-align: center;
margin-bottom: 20px;
margin-top: 10px;
}

.stackedSel select {
width: 96%;
margin: 0 auto;
margin-top: 5px;
}

.contactInfo {
min-width: 100%;
max-width: 100%;
}

.ciWrap {
width: 96%;
float: left;
position: relative;
margin: 0;
margin-bottom: 6px;
}

}


@media screen and (min-width: 576px) and (max-width: 899px)
{

#intro2 {
width: 100%;
}

.contactInfo {
float: left;
position: relative;
width: 45%;
margin: .5%;
border: 1px solid #999;
}

.stackedSel {
padding: 0%;
float: left;
position: relative;
min-width: 50%;
max-width: 50%;
text-align: center;
}

.stackedSel select {
width: 96%;
margin: 0 auto;
margin-top: 5px;
}

.contactInfo {
min-width: 94%;
max-width: 94%;
}

.ciWrap {
width: 48%;
float: left;
position: relative;
margin: 1%;
}

}


@media screen and (min-width: 900px) and (max-width: 1050px)
{

.stackedSel {
padding: 0%;
float: left;
position: relative;
min-width: 50%;
max-width: 50%;
text-align: center;
}

.stackedSel select {
width: 96%;
margin: 0 auto;
margin-top: 5px;
}

.contactInfo {
min-width: 92%;
max-width: 92%;
}

.ciWrap {
width: 50%;
float: left;
position: relative;
margin: 0;
margin-bottom: 2px;
}

}

@media screen and (min-width: 1001px) and (max-width: 4600px)
{
.stackedSel {
padding: 0%;
float: left;
position: relative;
min-width: 49%;
max-width: 49%;
text-align: center;
margin: .5%;
}

.stackedSel select {
width: 96%;
margin: 0 auto;
margin-top: 5px;
}

.contactInfo {
min-width: 94%;
max-width: 94%;
}

.ciWrap {
width: 49%;
float: left;
position: relative;
margin: .5%;
margin-bottom: 2px;
}

}
/* cmsms stylesheet: homepage modified: 09/18/20 09:40:05 */
.section1 {
display: flex;	
flex-direction: row;
justify-content: space-between;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
flex-wrap: wrap;
}

.hpbInn {
display: flex;	
flex-direction: row;
justify-content: space-between;
width: 100%;
height: 100%;
max-width: 1500px;
max-height: 950px;
margin: 0 auto;
position: relative;
border-radius: 5px;
overflow: hidden;
}

#button1 {
background: url("../../images/hppaths/cncBtnBack.jpg");
background-size: auto 100%;
}


#button2 {
background: url("../../images/hppaths/frmBtnBack.jpg");
background-size: auto 100%;
}

#button3 {
background: url("../../images/hppaths/pfdBtnBack.jpg");
background-size: auto 100%;
}

#button4 {
background: url("../../images/hppaths/clbBtnBack.jpg");
background-size: auto 100%;
}

.hpBtn {
margin: 0%;
margin-bottom: 1.55%;
border-radius: 5px;
width: 49%;
border: 1px solid #999;
text-align: center;
flex: 0 0 49%;
}

.hpBtn .hpbInn .lef {
width: 44%;
height: 100%;
max-width: 400px;
max-height: 400px;
overflow: hidden;
margin-left: 2%;
}

.imgCont img {
width: 100%;
height: auto;
max-width: 400px;
position: absolute;
top: 0;
left: 0;
}

.imgCont {
height: 100%;
overflow: hidden;
position: relative;
padding-bottom: 60%;
margin-top: 4%;
}

.hpBtn .hpbInn .rig {
text-align: left;
width: 50%;
height: 100%;
max-width: 400px;
max-height: 400px;
margin: 0;
padding:2%;
}

.hpbHeading {
font-family: 'Francois One', sans-serif;
font-size: 1.3em;
color: #333;
line-height: 1.2;
}

.hpbdesc {
font-family: 'Source Sans Pro', sans-serif;
color: #333;
margin-top: 5px;
font-size: .8em;
line-height: 1.25;
}

.hpbBtns {
display: flex;
width: 100%;
padding: 0;
margin: 0;
margin-top: 4%;
}

.hpbSmlBtn {
width: 49%;
margin: .5%;
background: #80c342;
color: #333;
padding: 2%;
font-size: .7em;
text-decoration: none;
}

.hpbSmlBtn:hover {
background: #45582c;
color: #fff;
}



#hprotateReg { 
display: block;
width: 100%;
}

.rotImg {
max-width: 100%;
}

#hprotateSml {
display: none;
}

#hprotateLrg {
display: none;
}

#content .mainContentHP {
float: left;
width: 100%;
max-width: 100%;
text-align: left;
margin: 0;
padding-left: 0%;
font-size: 1.2em;
line-height: 1.4;
}

.twopathLt {
width: 24.5%;
height: 100px;
float: left;
position: relative;
margin-right: .5%;
overflow: hidden;
}

.twopathRt {
width: 24.5%;
height: 100px;
float: left;
position: relative;
margin-left: .5%;
overflow: hidden;
}

.tpinner {
width: 100%;
height: 200px;
position: relative;
}

.tpImg {
float: left;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
}

.tptitle {
font-size: 1.25em;
line-height: 1.2em;
text-align: right;
margin: 10px 0px 0px 0px;
font-family: 'Francois One', sans-serif;
background: #000;
color: #fff;
padding: 5px 10px 10px 10px;
width: 30%;
opacity: 0.7;
}

.tptitle .inner {
opacity: 1.0;
}

.tpbtm {
display: block;
width: 100%; 
background: #333;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 0px;
font-size: .65em;
opacity: 0.85;
text-align: center;
}

.tpbtminner {
margin: 10px;
}

.pathBtnIcn {
width: 30px;
height: 30px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.pathBtn {
float: left;
position: relative;
border-radius: 6px;
background-image: linear-gradient(#80c342, #709841);
padding: 1.5%;
width: 20%;
margin:0px .5% 0px .5%; 
border: 4px solid #80c342;
cursor: default;
font-size: 88%;
}

.pbmid {
min-height: 110px;
}

.pathBtn:hover {
background: #80c342;
cursor: default;
}

.pathBtn:hover .pathBtnPrompt {
text-decoration: underline;
}

.pathBtnRt:hover .pathBtnPrompt {
text-decoration: underline;
}

.pathBtnRt:hover {
background: #80c342;
cursor: default;
}

.pathBtnHead {
font-size: 1em;
color: #fff;
font-family: 'Francois One', sans-serif;
margin: 0;
line-height: 1.1;
}

.pathBtnDesc {
font-size: .72em;
color: #364d21;
font-family: 'Open Sans', sans-serif;
margin: 0;
line-height: 1.2;
margin-top: 10px;
}

.pathBtnPrompt {
font-size: .85em;
font-weight: bold;
color: #364d21;
float: right;
margin-top: 4px;
margin-bottom: -4px;
padding-right: 10px;
}

.moreLink {
font-size: .85em;
font-weight: bold;
color: #364d21;
float: left;
margin-top: 4px;
margin-bottom: -4px;
padding-left: 10px;
}

.applist {
font-family: 'Open Sans', sans-serif;
color: #547436;
font-size: .7em;
width: 100%;
text-align: center;
line-height: 1.2;
margin-bottom: 12px;
margin-top: -6px;
}

.hpRotate {
text-align: center;
margin-bottom: 20px;
}

.fleetImg {
width: 100%;
margin-bottom: 20px;
padding-left: 6px;
}


.hphead {
font-size: 1em;
}

.hpheadsml {
color: #333;
font-size: .75em;
line-height: 1.4;
font-family: 'Open Sans', sans-serif;
}

.introText .right {
float: right;
position: relative;
font-family: 'Open Sans', sans-serif;
width: 66%;
padding: 0px;
padding-top: 8px;
margin-left: 1%;
margin-top: 0;
}


.introText .left {
float: left;
position: relative;
width: 25%;
padding: 2% 2% 3% 2%;
margin-right: 1%;
background: #bdbcbc;
}



.introText {
clear: both;
padding: 0px;
margin: 40px 0px 30px 0px;
}


/** RESET AND LAYOUT
===================================*/

#sliderWrap .bx-wrapper {
position: relative;
margin: 0;
padding: 0;
width: 100%;

max-height: 250px;
text-align: center;
zoom: 1;
}

#sliderWrap .bx-wrapper img {

	max-width: 100%;
max-height: 250px;
	display: block;
}

/** THEME
===================================*/

#sliderWrap .bx-wrapper .bx-viewport {
	

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
height: auto;
max-height: 250px;
overflow: hidden;
}



#sliderWrap .bx-pager bx-default-pager {
margin: 0 auto;

}




#sliderWrap .bx-wrapper .bx-pager,
#sliderWrap .bx-wrapper .bx-controls-auto {
	margin: 0 auto;
margin-top: 6px;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../../images/rotator/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-controls .bx-has-pager {
width: 100%;
padding: 0px;
background-color: fff;
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
width: auto;
margin: 0 auto;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	zoom: 1;
	display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0px 5px 0px 0px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
float: left;
position: relative;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#sliderWrap .bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

#sliderWrap .bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

#sliderWrap .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

#sliderWrap .bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

#sliderWrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9998;
}


#sliderWrap .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

#sliderWrap .bx-wrapper .bx-controls-auto {
	text-align: center;
}

#sliderWrap .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

#sliderWrap .bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;

}

#sliderWrap .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

#sliderWrap .bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;

}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

#sliderWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center;
	width: 80%;
}

#sliderWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;	
}

/* IMAGE CAPTIONS */

#sliderWrap .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

#sliderWrap .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 0px;
}


#logoSlider .bx-wrapper {
  position: relative;
  margin: 0 auto 10px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  width: 100%;
  height: 80px;
  overflow: visible;
}

#logoSlider {
margin: 20px 0px 20px 0px;
}


#logoSlider .bx-wrapper img {
	max-width: auto;
  width: 100%;
  height: 50px;
  display: block;
  overflow: visible;
}
#logoSlider .bxslider {
  margin: 0;
  padding: 0;
  overflow: visible;
}
#logoSlider ul.bxslider {
  list-style: none;
}
#logoSlider .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  height: auto !important;
}

#logoSlider.bx-wrapper {
  overflow: visible;
  background: #fff;
}





/* 480 - phones & small screens */

@media screen and (min-width: 200px) and (max-width: 575px) {

.hpBtn {
margin: 0%;
margin-bottom: 2.55%;
border-radius: 5px;
width: 49%;
border: 1px solid #999;
text-align: center;
flex: 0 0 100%;
}

.hpBtn .hpbInn .lef {
width: 44%;
height: 100%;
max-width: 400px;
max-height: 400px;
overflow: hidden;
margin-left: 2%;
}

.imgCont img {
width: 100%;
height: auto;
max-width: 200px;
position: absolute;
top: 0;
left: 0;
}

.imgCont {
height: 100%;
overflow: hidden;
position: relative;
padding-bottom: 30%;
margin-top: 4%;
}

.hpBtn .hpbInn .rig {
text-align: left;
width: 50%;
height: 100%;
max-width: 400px;
max-height: 400px;
margin: 0;
padding:2%;
}

.hpbHeading {
font-family: 'Francois One', sans-serif;
font-size: 1em;
line-height: 1.2;
color: #333;
}

.hpbDesc {
font-family: 'Source Sans Pro', sans-serif;
color: #333;
margin-top: 5px;
font-size: .5em;
line-height: 1;
}

.hpbBtns {
display: flex;
width: 100%;
padding: 0;
margin: 0;
margin-top: 4%;
}


.hpbSmlBtn {
width: 49%;
margin: .5%;
background: #80c342;
color: #333;
padding: 2%;
font-size: .7em;
}

#hprotateReg { 
display: none;
}

#hprotateSml {
display: block;
width: 100%;
}

#hprotateLrg {
display: none;
}

header {
width: 105%;
}

#sliderWrap {
width: 100%;
}

.introText {
font-size: 1.5em;
}

.introText .left {
width: 90%;
max-width: 100%;
margin-bottom: 3%;
padding: 5%;
line-height: 1;
}

.introText .right {
width: 97%;
font-size: 70%;
display: none;
}

.hphead {
font-size: .9em;
line-height: 1.2;
padding: 0px;
margin: 0;
}

.hpheadsml {
font-size: .7em;
font-family: 'Open Sans', sans-serif;
line-height: 1.2;
}


#mainWrapper #content {
padding: 1%;
margin: 0;
width: 98%;
text-align: center;
margin-right: 6px;
background: #fff;
}

.mainContentHP {
width: 99%;
margin: 0 auto;
background: #fff;
padding: 1%;
}

.pathBtn {
float: left;
position: relative;
border-radius: 6px;
background-image: linear-gradient(#80c342, #709841);
padding: 1.5%;
padding-bottom: 0;
width: 95%;
margin:0px 1% 1.5% 1%; 
border: 2px solid #80c342;
cursor: default;
}

.btmwrap {
width: 100%;
padding: 1px;
display: inline-block;
}

.moreLink {
font-size: .85em;
font-weight: bold;
color: #364d21;
float: left;
position: relative;
height: 18px;
max-width: 45%;
width: 45%;
}

.pathBtnPrompt {
float: right;
position: relative;
font-size: .85em;
font-weight: bold;
color: #364d21;
height: 18px;
max-width: 45%;
width: 45%;
text-align: right;
}

.applist {
font-family: 'Open Sans', sans-serif;
color: #547436;
font-size: .8em;
width: 100%;
text-align: center;
line-height: 1.2;
margin-bottom: 2px;
margin-top: 0px;
}

.pbmid {
min-height: 10px;
margin: 10px 0px 10px 0px;
}

}


/* change to horizontal display of drop menu items */

@media screen and (min-width: 576px) and (max-width: 899px) {

.hpBtn {
margin: 0%;
margin-bottom: 1.55%;
border-radius: 5px;
width: 49%;
border: 1px solid #999;
text-align: center;
flex: 0 0 100%;
}

.hpBtn .hpbInn .lef {
width: 44%;
height: 100%;
max-width: 400px;
max-height: 400px;
overflow: hidden;
margin-left: 2%;
}

.imgCont img {
width: 100%;
height: auto;
max-width: 400px;
position: absolute;
top: 0;
left: 0;
}

.imgCont {
height: 100%;
overflow: hidden;
position: relative;
padding-bottom: 60%;
margin-top: 4%;
}

.hpBtn .hpbInn .rig {
text-align: left;
width: 50%;
height: 100%;
max-width: 400px;
max-height: 400px;
margin: 0;
padding:2%;
}

.hpbHeading {
font-family: 'Francois One', sans-serif;
font-size: 1.5em;
color: #333;
}

.hpbDesc {
font-family: 'Source Sans Pro', sans-serif;
color: #333;
margin-top: 5px;
font-size: .5em;
line-height: 1;
}

.hpbBtns {
display: flex;
width: 100%;
padding: 0;
margin: 0;
margin-top: 4%;
}

.hpbSmlBtn {
width: 49%;
margin: .5%;
background: #80c342;
color: #333;
padding: 2%;
font-size: .85em;
}



#hprotateReg { 
display: block;
width: 100%;
}

#hprotateSml {
display: none;
}

#hprotateLrg {
display: none;
}


.pathBtn {
float: left;
position: relative;
border-radius: 6px;
background-image: linear-gradient(#80c342, #709841);
padding: 1.5%;
width: 44%;
margin:0px 1% 1.5% 1%; 
border: 2px solid #80c342;
cursor: default;

}

.introText .left {
margin-top: 10px;
}

.hpheadsml {
font-size: .78em;
line-height: 1.2;
}

.hphead {
font-size: .9em;
line-height: 1.2;
}

.pbmid {
min-height: 65px;
}

.pathBtnDesc {
font-size: .72em;
color: #364d21;
font-family: 'Open Sans', sans-serif;
margin: 0;
line-height: 1.2;
margin-top: 10px;
}

.pathBtnPrompt {
font-size: .85em;
font-weight: normal;
color: #364d21;
float: right;
margin-top: 0px;
margin-bottom: 4px;
}

.moreLink {
font-size: .85em;
font-weight: normal;
color: #364d21;
float: left;
margin-top: 0px;
margin-bottom: -4px;
}

.applist {
font-family: 'Open Sans', sans-serif;
color: #547436;
font-size: .8em;
width: 100%;
text-align: center;
line-height: 1.2;
margin-bottom: 2px;
margin-top: 2px;
}



}




@media screen and (min-width: 900px) and (max-width: 1050px) {


#hprotateReg { 
display: block;
width: 100%;
}

#hprotateSml {
display: none;
}

#hprotateLrg {
display: none;
}

.pathBtnHead {
font-size: 1.3em;
color: #fff;
font-family: 'Francois One', sans-serif;
margin: 0;
line-height: 1.1;
}

.pathBtn {
float: left;
position: relative;
border-radius: 6px;
background-image: linear-gradient(#80c342, #709841);
padding: 1.5% 1.5% 0% 1.5%;
width: 44%;
margin:0px 1% 1% 1%; 
border: 2px solid #80c342;
cursor: default;
}

.pbmid {
min-height: 10px;
}

.pathBtnPrompt {
font-size: .85em;
font-weight: normal;
color: #364d21;
float: right;
margin-top: 0px;
}

.moreLink {
font-size: .85em;
font-weight: normal;
color: #364d21;
float: left;
margin-top: 0px;
}


}

/* desktops */


@media screen and (min-width: 1001px) and (max-width: 4600px) {

#hprotateReg { 
display: none;
}

#hprotateSml {
display: none;
}

#hprotateLrg {
display: block;
width: 100%;
}

.hpheadsml {
color: #333;
font-size: .9em;
line-height: 1.4;
font-family: 'Open Sans', sans-serif;
}

.hphead {
font-size: 1.2em;
}

.introText .left {
float: left;
position: relative;
width: 25%;
padding: 2% 2% 3% 2%;
margin-right: 1%;
background: #bdbcbc;
}

}
/* cmsms stylesheet: loc modified: 03/04/20 10:40:49 */
#locContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}

.nlocCloseBtn {
width: 12px;
height: 12px;
float: right;
padding: 0px 3px 7px 3px;
border-radius: 2px;
border: 1px solid #fff;
color: #fff;
font-size: 1.2em;
cursor: default;
}

.nlocCloseBtn:hover {
color: #80c342;
border: 1px solid #80c342;
}


#pageLocNoLocDiv {
position: absolute;
top: -85px;
left: 0px;
line-height: 1.2;
background: #000;
padding: 15px;
color: #fff;
width: 310px;
height: 50px;
font-family: 'Source Sans Pro', sans-serif;
font-size: .75em;
display: none;

}

#inptDiv {
background: #eaeaea;
padding: 5%;
width: 90%;
max-width: 90%;
}

.hidey {
display: block;
visibility: visible;
}

.confLocBtn {
padding: 10px 0px 20px 0px;
margin-bottom: 5px;
}

#locationIntro {
background: #fff;
margin-bottom: 20px;
}

.inptBtn {
margin-top: 4px;
}

.locHeading {
font-size: .85em;
line-height: 1.1;
padding: 0;
margin: 0;
color: #333;
}

#userinp {
margin-top: -17px;
}

#pfd {
margin: 0;
padding: 2%;
position: relative;
text-align: center;
padding-top: 3%;
display: block;
visibility: visible;
margin-top: 10px;
border-right: 1px solid #dadada;
border-left: 1px solid #dadada;
}


#pfd .pfdDiv {
background: #ececec;
padding: 5%;
width: 90%;
border-radius: 6px;
text-align: left;
}


#spray {
margin: 0;
padding: 2%;
position: relative;
text-align: center;
padding-top: 3%;
display: block;
visibility: visible;
margin-top: 10px;
border-right: 1px solid #dadada;
border-left: 1px solid #dadada;
}

#sprayHead {
margin: 0 auto;
padding: 0;
display: inline-block;
min-width: 90%;
margin-bottom: 7px;
}

#rollHead {
margin: 0 auto;
min-width: 90%;
padding: 0;
display: inline-block;
margin-bottom: 7px;
}

#pfdHead {
margin: 0 auto;
min-width: 90%;
padding: 0;
display: inline-block;
margin-bottom: 7px;
}

#roll {
margin: 0;
padding: 2%;
position: relative;
text-align: center;
padding-top: 3%;
display: block;
visibility: visible;
margin-top: 10px;
border-right: 1px solid #dadada;
border-left: 1px solid #dadada;
}

.phlink {
text-decoration: none;
text-align: left;
margin-top: 0;
font-size: 120%;
}

#sprayDiv {
width: 100%;
padding: 0;
margin: 0;
text-align: left;
}

#sprayIn {
width: auto;
padding: 2%;
margin: 0;
text-align: center;
}

.rep {
width: 100%;
text-align: left;
}

.distorg {
font-size: .65em;
font-weight: normal;
color: #333;
line-height: 1.2;
text-align: left;
}


h4 {
color: #333;
}

.repTitle {
font-size: .75em;
color: #666;
line-height: 1;
margin-bottom: 4px;
font-style: italic;
text-align: left;
}

.distTitle {
font-size: .9em;
text-align: left;
line-height: 1.1;
margin-bottom: 3px;
}

.distCont {
}

.repCont {
font-size: .9em;
font-family: 'Francois One', sans-serif;
text-align: left;
}

.repemail {
font-size: .5em;
text-align: left;
}

.repphone {
font-size: .7em;
text-align: left;
}

.distphone {
font-size: .8em;
text-align: left;
margin-bottom: 4px;
}

.zoneTitle {
font-size: .9em;
font-weight: bold;
color: #666;
margin: 15px 0px 15px 0px;
text-align: left;
}

.repDiv {
width: 90%;
margin: 0 auto;
margin-bottom: 10px;
margin-top: 10px;
background: #ececec;
padding: 5%;
border-radius: 6px;
text-align: left;
display: inline-block;
}

.typeTitle {
font-size: 85%;
color: #666;
font-style: italic;
margin-bottom: 6px;
text-align: left;
}

.dist {
width: 100%;
margin-right: 0%;
text-align: left;
}

.distDiv {
width: 94%;
margin: 0 auto;
margin-bottom: 10px;
background: #ececec;
padding: 3%;
border-radius: 6px;
text-align: left;
}


#switcher {
display: none;
}

@media screen and (min-width: 200px) and (max-width: 575px)
{
#locContainer {
display: grid;
grid-template-columns: 1fr;
}

#sprayDiv {
width: 100%;
margin: 0 auto;
padding: 0;
margin: 0;
text-align: left;
display: inline-block;
}

#rollDiv {
width: 100%;
padding: 0;
margin: 0;
text-align: left;
}

#sprayHead {
margin: 0 auto;
padding: 0;
display: inline-block;
min-width: 86%;
margin-bottom: 14px;
}

#rollHead {
margin: 0 auto;
min-width: 86%;
padding: 0;
display: inline-block;
margin-bottom: 14px;
}

.repDiv {
margin-bottom: 10px;
margin-top: 10px;
background: #ececec;
padding: 5%;
width: 90%;
border-radius: 6px;
text-align: left;
}

.distDiv {
margin-bottom: 20px;
background: #ececec;
padding: 5%;
width: 90%;
border-radius: 6px;
text-align: left;
}

#switcher {
display: inline-block;
width: 100%;
text-align: center;
padding: 0;
max-height: 30px;
margin: 10px 0px 0px 0px;
}

#switcher .inner {
width: 100%;
margin: 0 auto;
display: inline-block;
}

.switcherBtn {
float: left;
position: relative;
font-size: .9em;
text-decoration: underline;
margin: 0px 6px 0px 6px;
width: 30%;
}

#form {
color: #ababab;
}

#form:hover {
color: #80c342;
}

.hidey {
display: none;
}

#spray {
width: 96%;
padding: 2%;
text-align: center;
border: 1px solid #999;
padding-top: 3%;
margin-bottom: 4%;
}


#roll {
width: 96%;
padding: 2%;
text-align: center;
border: 1px solid #999;
padding-top: 3%;
margin-bottom: 4%;
margin-left: 0%;
display: none;
}


#pfd {
width: 96%;
padding: 2%;
text-align: center;
border: 1px solid #999;
padding-top: 3%;
margin-bottom: 4%;
margin-left: 0%;
display: none;
}

#userinp {
margin-top: 3px;
width: 90%;
display: block;
position: relative;
}

#inptDiv {
background: #eaeaea;
padding: 3%;
width: 100%;
max-width: 100%;
position: relative;
}

.inptinpt {
max-width: 94%;
}

}


@media screen and (min-width: 576px) and (max-width: 899px)
{
.hidey {
display: block;
visibility: visible;
}

@media screen and (min-width: 900px) and (max-width: 1050px)
{
.hidey {
display: block;
visibility: visible;
}

@media screen and (min-width: 1001px) and (max-width: 4600px)
{
.hidey {
display: block;
visibility: visible;
}
/* cmsms stylesheet: typo modified: 01/20/21 08:35:20 */
body {
margin:0 !important;
font-size: .92em;
line-height: 1.4;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-display: swap;
color: #696969;
}

/* FIREFOX hacks */
@-moz-document url-prefix() {

body {
font-size: 16px;
margin: 0;
padding: 0;
}




.hpBtn {
margin-bottom: 10px;
}

} 

p {
line-height: 1.35;
}


h1 {
font-size: 1.5em;
line-height: 1.1em;
font-family: 'Francois One', sans-serif;
font-display: swap;
margin: 0px;
padding-left: 0;
color: #333;
}

.moreTesti {
float: right;
position: relative;
margin-bottom: 20px;
}

.pseudoh1 {
font-size: 1.35em;
line-height: 1.1em;
font-family: 'Francois One', sans-serif;
font-display: swap;
margin: 0px;
padding-left: 0;
color: #333;
}

.smallcaption {
font-size: 75%;
font-style: italic;
}

.introLrg {
font-size: 135%;
}
.joblist {
font-size: 75%;
margin-left: 20px;
}
.smallPrompt {
font-size: 70%;
clear: both;
}

.heading {
font-size: 1em;
font-family: 'Francois One', sans-serif;
font-display: swap;
text-align: left;
color: #888;
line-height: 1.1;
}

.heading1 {
font-size: .75em;
font-family: 'Francois One', sans-serif;
font-display: swap;
text-align: left;
color: #80c342;
line-height: 1.1;
}

.heading2 {
font-size: 1.1em;
font-family: 'Francois One', sans-serif;
font-display: swap;
text-align: center;
color: #253210;
line-height: 1.1;
margin: 0 auto;
width: auto;
}

.smallHeading {
font-size: 1.1em;
color: #333;
line-height: 1;
margin-bottom: 20px;
}

.retPartNumb {
background: #a3cd80;
padding: 5%;
font-size: .95em;
line-height: 1.2;
border-radius: 5px;
}

h3 {
font-size: 1.2em;
}

h2 {
font-size: 1.4em;
}

h2, h3 {
line-height: 1.10em;
color: #333;
margin: 10px 0px 10px 0px;
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
font-weight: 900;
padding: 0;
}

h4 {
font-family: 'Source Sans Pro', sans-serif;
font-display: swap;
font-size: 1em;
padding: 0;
}

.h4Center {
width: 100%;
text-align: center;
padding: 0;
margin: 0;
margin-top: 2%;
font-size: 1.3em;
}

.floodvsCap {
font-size: .7em !important;
line-height: 1.2;
color: #222;
}


strong {
font-weight: 900;
}

.twenty {
padding: 0;
margin: 20px 0px 20px 0px;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.3em;
}

sub { 
  top: 0.4em; 
}

h4 {
margin-bottom: 3px;
}

.regList {
font-size: 100%;
list-style: square;
margin-left: 30px;
}

.regList li  { 
line-height: 1.2;
margin-bottom: 14px;
}

.medList {
font-size: 95%;
list-style: square;
margin-left: 30px;
}

.medList li  { 
line-height: 1.2;
margin-bottom: 14px;
}

.smlList {
font-size: 81%;
list-style: square;
margin-left: 30px;
}

.smlList li  { 
line-height: 1.1;
margin-bottom: 12px;
}

.menu_head {
font-size: 1.2em;
color: #333;
padding-left: 6%;
width: 94%;
}

.captionBlock {
font-size: 100%;
line-height: 1.3;
margin-top: 30px;
}

.largeLink {
float: left;
position: relative;
font-size: 100%;
background: #80c342;
color: #333;
padding: 8px 12px 5px 12px;
height: 24px;
border-radius: 16px;
text-decoration: none;
margin: 4px 0px 10px 0px;
}

.largeLink:hover {
background: #35471c;
color: #fff;
}

.lilHeading {
font-family: 'Francois One', sans-serif;
font-display: swap;
line-height: 1.2;
margin: 0;
padding: 0;
}





.readul {
font-size: 1em;
margin-left: 30px;
}

.readul li {
margin-bottom: 8px;
}

.summCopy {
text-decoration: none;
}

.entryDate {
font-size: 70%;
}

.jobbodylink {
text-decoration: none;
}

.prodsp {
padding: 4%;
max-width: 100%;
border: 1px solid #999;
margin: 20px 0px 20px 0px;
}


.prodsp .main {
font-size: 1.3em;
color: #5c8a32;
margin-bottom: 8px;
line-height: 1.2;
}

.prodsp .sub {
font-size: .9em;
margin-bottom: 8px;
line-height: 1.3;
}

.prodsp .quotee {
font-size: .75em;
float: right;
position: relative;
margin-bottom: 8px;
}

.unijob ul {
margin: 0;
padding: 0;
font-size: 76%;
margin-left: 5%;
margin-top: 20px;
margin-bottom: 20px;
}

.unijob ul li {
line-height: 1.1;
margin-bottom: 12px;
}
/* cmsms stylesheet: bxSlider modified: 12/04/19 14:25:34 */
/** RESET AND LAYOUT
===================================*/

#sliderWrap .bx-wrapper {
position: relative;
display: block;
margin: 0;
padding: 0;
max-width: 100%;
text-align: center;
zoom: 1;
}



#sliderWrap .bx-wrapper img {
	max-width: 100%;
	display: block;
}

#sliderWrap {
margin-bottom: 20px;
}

/** THEME
===================================*/

#sliderWrap .bx-wrapper .bx-viewport {
	

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
height: auto;
max-height: 250px;
overflow: hidden;
}



#sliderWrap .bx-pager bx-default-pager {
margin: 0 auto;

}




#sliderWrap .bx-wrapper .bx-pager,
#sliderWrap .bx-wrapper .bx-controls-auto {
	margin: 0 auto;
margin-top: 0px;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../../images/rotator/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-controls .bx-has-pager {
width: 100%;
padding: 0px;
background-color: fff;
text-align: center;
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
width: auto;
margin: 0 auto;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	zoom: 1;
	display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0px 5px 0px 0px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
float: right;
position: relative;
}

.bx-default-pager {
width: auto;
margin: 0 auto;

}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#sliderWrap .bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

#sliderWrap .bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

#sliderWrap .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

#sliderWrap .bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

#sliderWrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9998;
}


#sliderWrap .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

#sliderWrap .bx-wrapper .bx-controls-auto {
	text-align: center;
}

#sliderWrap .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

#sliderWrap .bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;

}

#sliderWrap .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

#sliderWrap .bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;

}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

#sliderWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center;
	width: 80%;
}

#sliderWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;	
}

/* IMAGE CAPTIONS */

#sliderWrap .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

#sliderWrap .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 0px;
}


#logoSlider .bx-wrapper {
  position: relative;
  margin: 0 auto 10px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  width: 100%;
  height: 80px;
  overflow: visible;
}

#logoSlider {
margin: 20px 0px 20px 0px;
}


#logoSlider .bx-wrapper img {
	max-width: auto;
  width: 100%;
  height: 50px;
  display: block;
  overflow: visible;
}
#logoSlider .bxslider {
  margin: 0;
  padding: 0;
  overflow: visible;
}
#logoSlider ul.bxslider {
  list-style: none;
}
#logoSlider .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  height: auto !important;
}

#logoSlider.bx-wrapper {
  overflow: visible;
  background: #fff;
}