/**
 * gray #65666a
 * rose #c81f3f rgb((200,31,63)
 * https://www.color-hex.com/color/c81f3f
 **/
*{box-sizing: border-box}
html,body,table,form,div,span,pre,img{border:none;padding:0;margin:0}
body{font-family:'Jost','Segoe UI','San Francisco','Helvetica Neue','system ui',sans-serif;color:rgb(5,5,5);font-size:1.1rem;line-height:150%;background-color:rgb(255,255,255)}
a{color:#373735;font-weight:bold}a:hover{color:#c81f3f}
a.noline {text-decoration:none}
h1{margin:.5em 0;padding:4px}
h1,h2,h3,h4,h5,h6,h{display:block;line-height:1;text-wrap:balance}
h1{font-size:1.8em}
h2{font-size:1.6em;margin:.5em 0}
h3{font-size:1.4em}
h4 {font-size:1.3em}

li{line-height:1.4}li{list-style:none; margin:2px 2px;text-indent:2px}
#Content li:before {content:"\2022";padding-right:6px;font-weight:bold;color:#c81f3f;}
p{margin:2px;padding:2px}
table{width:100%;background-color:transparent;border-spacing:1}
th,td{padding:4px}th {border-bottom:1px #444 solid}
tr:nth-child(odd){background-color:#fff}tr:nth-child(even){background-color:#f0f0f0}
.hover tbody tr:hover{background:palegoldenrod}
caption{padding:4px;border-spacing:0;font-weight:bold;background-color:#4e4B4b;color:#fff}
form{margin:0 auto}
input,textarea,select,button,.buttonlink {
    font-size:inherit;border-radius:3px;margin:0;padding:.4em .6em;border:1px #ccc solid;background-color:#fff}
fieldset{margin-top:3px;margin-bottom:3px;padding:4px;border:1px gainsboro solid;border-radius:3px}
label{font-weight:bold}
textarea{width:595px;max-width:92vw;height:100px}
textarea:focus,input:focus,select:focus{background-color:#E6F2FF}
select {padding-bottom:5px}
ul.taglist {display:inline;list-style:none}ul.taglist li {display:inline;margin:1px}
ul.taglist li:after {content:", "}ul.taglist li:last-child:after { content: "" }
ul.columnlist { column-width:200px; column-count: 3}
.required,input:required{border-width:0 0px 1px 0px;border-color:gainsboro;background-color:#FFFFE0}
input:valid {background-color:rgb(250,250,250)}
.iwrap{float:left;padding:2px}.iwrap label{padding:2px;display:block}
.page,#Page{margin:0 auto}
#Header{display:flex;align-items:center;justify-content:space-between;position:relative}
#Header .tel{font-weight:bold;color:white;margin-right:10px}
#Logo{height:60px;margin:10px 0 0 15px}
#Mainmenu.menuHide ul{margin:0;padding:0}
#Mainmenu.menuHide li{position:relative;display:block;float:left;padding:0 4px 0 4px;font-weight:bold;text-transform:uppercase;color:#fff}
#Mainmenu.menuHide li a, #Header a{padding:0 2px;color:#fff;text-decoration:none}
#Mainmenu.menuHide li a:hover,#Mainmenu.menuHide li a:focus{text-decoration:underline}
@media (max-width:1124px) {
#Warehouse {display:none}
}
#Content{max-width:1124px;margin:auto;display:block;padding:1em}
#Content.widepage {max-width:100%;padding:0}
#Content .page {max-width:1124px;padding:1em;}

footer{display:block;clear:both;margin-top:10px;padding:10px;color:#fff;background-color:rgb(51,51,51)}
footer a, footer a:visited{margin:4px;color:#fff}
/** HERO Styling **/
.mainhero {
    color:#fff;background-color:#000;text-wrap:balance;display:flex;align-items:center;width:100%;
    background-size:cover;background-repeat:no-repeat;background-position:center center;padding:4vh 0;
}
.herop1{font-size:2em;text-shadow:2px 2px 2px #000;font-weight:bold;margin:0;padding-bottom:20px;text-wrap:balance;line-height:1.2;}
.herop2 {margin:0;padding:0;text-wrap:balance;line-height:1.2;}

.top-background{position:absolute;width:100%;margin:0;height:85px;background:#444;
    background-image:linear-gradient(rgb(41,41,41) 0%,rgb(21,21,21) 30%,rgb(11,11,11) 100%);
    border-bottom:2px #c81f3f solid}
.section{clear:both;display:block;color:#444;background-color:#fff;margin-top:10px;}
#Subscribe  {padding:4px 10px;font-size:30px;color:black; background-color:#fff }
.buttonlink,.buttonlink:visited {
    display:inline-block;vertical-align:middle;
    font-weight:bold;color:#fff;background:#000;border:1px #000 solid}
.buttonlink:hover{color:#c81f3f;background-color:#fff;border:1px #c81f3f solid;text-decoration:none;}
.calltoaction,.smallcalltoaction,input.calltoaction {
    display:inline-block;vertical-align:middle;font-weight:bold;color:#fff;text-decoration:none;
    background:#c81f3f;border:1px #CF0142 solid;border-radius:4px}
.smallcalltoaction{padding:.25em;margin:.5em}
.calltoaction,input.calltoaction{padding:.5em;margin:.1em;font-size:14px}
.calltoaction:hover, input.calltoaction:hover{color:#c81f3f;text-decoration:underline;
    background-color:#fff;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;
    transition-duration:0.2s;transition-property:color, background-color}
.moreinfo {display:inline-block;padding:.5em;margin:.1em;
    background-color:#fff;color:#CF0142;font-size:14px;text-decoration:none;vertical-align:middle;
    border:1px #CF0142 solid;border-radius:4px;cursor:pointer}
.moreinfo:hover{background:#c81f3f;color:#fff;text-decoration:underline;
    transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:0.2s;transition-property:color, background-color}
.borderimage{border:4px #fff solid;border-radius:3px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}
.radius{border-radius:2px}
.gearbox{float:left;width:60px;height:60px;margin:0 0 200px 0;
    background:url("/source/30a8315152c74f11916efc224cfe3362.png") no-repeat;background-size:65%}
.horizontalrule{height:1px;width:200px;margin:20px auto;border-bottom:1px #c81f3f solid}
.horizontalrule2{height:1px;width:90%;margin:10px auto;border-bottom:1px #444 solid}
.columns{margin:1% 2%;float:left;width:100%}
.upper{text-transform:uppercase}
.icon24{height:24px;vertical-align:top}
.social img { transition:transform .4s ease-in-out}.social:hover img{transform:rotate(360deg)}
.indent {margin-left:1em}
.avt{vertical-align:top}.atl{text-align:left}.atc{text-align:center}.atr{text-align:right}
.hidden{display:none}.screenHide{display:none}.printHide{display:''}.bigHide{display:none}
.db{display:block}.di{display:inline}
.fl{float:left;margin:2px}.fr{float:right;margin:2px}.cb{clear:both}
.nw {white-space:nowrap}
.table{display:table}.row{display:table-row}.cell{display:table-cell;vertical-align:top}
.flex{display:flex}.flex-row {display:flex;flex-wrap:wrap}
.flex-item {margin:1em}
.flex-item img {text-align:center}
.newsRedHead {color:#fff;background-color:#c81f3f;text-align:center;border-bottom:0;font-size:24px;padding:5px}
.newsBigRedText {color:#c81f3f;font-size:20px;text-align:center;font-weight:bold}
.redheader {color:#CF0142;padding:1vh;font-size:2.4vw;text-align:center;font-style:italic}
.subheader {font-size:1.5em; text-align:center}
.iframecontainer {display:block;position:relative;padding-bottom: 56.25%; /* 16:9 */ padding-top:25px;height:0}
p iframe {position:absolute;top:0;left:0;width:100%;height:100%}
.screenreadertext,.screen-reader-text,.visually-hidden {position:absolute;height:1px;width:1px;clip-path:inset(100%);clip:rect(1px,1px,1px,1px);overflow:hidden;white-space:nowrap}
.cleanlist {list-style-type:none;margin-left:.3em}
.cleanlist li,li {padding:0}
.cleanlist.nomargin li, .nomargin {margin:0;padding-left:0}
.checklist{margin-left:20px;list-style-image:url("/images/icons/check_mark.png")}
.checklist li {font-weight:bold}
.boxlist{margin-left:-20px;}
.boxlist li {font-weight:bold}
.boxlist li::marker {content:'\25A0   ';font-size:1.4em;color:#c81f3f}
.mg20 {margin-top:20px;margin-bottom:20px}
.mg40 {margin-top:40px;margin-bottom:40px}
/**flexbox**/
.flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}
.flexrow{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}
.jcsa {justify-content:space-around}.jcsb {justify-content:space-between}
.jcs,.jcfs {justify-content:flex-start}.jce,.jcfe {justify-content:flex-end}
.acc,.aic {align-items:center}.ait {align-items:flex-start}.aib {align-items:flex-end}

@media (min-width:1024px){#Header{position:relative;margin:0;height:85px}
    .narrowsection{padding:1% 25%}.narrowcolumn{float:left;min-width:150px;width:30%;padding:.25%;margin:.5%}
    .column{float:left;min-width:145px;width:32%;padding:.25%;margin:.25%}
    .partsicon{height:67px;width:67px}
    .lg-show {display:block}.lg-hide{display:none}.md-show,.sm-show{display:none}
    .lg-col-1{flex-basis:8.33%}.lg-col-2{flex-basis:16.66%}.lg-col-3{flex-basis:25%}.lg-col-4{flex-basis:33.33%}
    .lg-col-5{flex-basis:42%}.lg-col-6{flex-basis:50%}.lg-col-7{flex-basis:58%}.lg-col-8{flex-basis:66.66%}
    .lg-col-9{flex-basis:75%}.lg-col-10{flex-basis:83.33%}.lg-col-11{flex-basis:92%}.lg-col-12{flex-basis:100%}
    .mcol {margin:16px}.pcol {padding:16px}
    .mcol:first-of-type{margin-left:0}.mcol:last-of-type{margin-right:0}
    .pcol:first-of-type{padding-left:0}.pcol:last-of-type{padding-right:0}
}
@media (max-width:1023px){
    .md-hide,.mobileHide,.top-background, .smallHide,.social{display:none}
    #Mainmenu,#Mainmenu:focus{opacity:1;position:absolute;z-index:4;background:#000;width:100%;top:70px;min-height:300px;list-style:none;transition:all 200ms ease-out}
    #Mainmenu.menuHide {opacity:0;position:absolute;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;white-space:nowrap;transition:all 200ms ease-out}
    #Mainmenu li a, #Mainmenu li a:visited{font-size:1.2em;display:inline-block;padding:5px 5px;color:#fff}
    #Mainmenu li a:hover {color:#c81f3f}
    .menu-indicator{display:block;margin:20px 10px;padding:5px 10px 6px 16px;text-decoration:none;color:#fff}
    .menu-indicator{background:url("/source/0c604b380ef850cb16676e26817e1f19.svg") center left no-repeat }
    .md-hide,.mobileHide,.top-background, .smallHide,.social{display:none}
    .borderimage{border:0;margin:0 -10px -10px -10px}
    #Header{min-height:80px;margin:0;background:#000;border-bottom:2px #c81f3f solid;}
    #Page{width:100%;}#Content{clear:both;padding:0 10px 10px 10px}#Logo{height:50px}
    .bigHide{display:unset}
    img{max-width:100%}
    .partsicon{float:left;margin:7px 7px 0 0;height:35px;width:35px}
    .column,.columns{width:100%;margin:5px auto;}
    .narrowsection{padding:5px}.narrowcolumn {width:98%;margin:5px auto}
    .table,.row,.cell{display:block}
    .horizontalrule2{border:0}
    .sm-show{display:block}.sm-hide{display:none}.ld-show,.md-show{display:none}
    .sm-col-1{flex:99%;align-items:center}.sm-col-2{flex:48%}.sm-col-4{flex:3.33}
    .mcol {margin:8px}.pcol {padding:8px}
    .sm-reverse {flex-direction:column-reverse}
    .sm-center {justify-content:space-around;text-align:center}
}
@media (max-width:768px){
    h1.pagetitle a{font-size:18px}
    h1.pagetitle .calltoaction{padding:4px 6px 6px 6px}h2{text-align:left}
    .redheader{font-size:22px}.subheader{font-size:18px}
    .responsive thead {display:none}
    .responsive tr {clear:both;}
    .responsive td {display:block}
    .responsive td[data-label]:before {font-weight:bold;content:attr(data-label);display:inline-block;padding:0 1em 0 0;text-align:left}
    .responsive td:last-child:after {content:"";clear:both;border-bottom:1px solid #ccc}
    .responsive td{text-align:left !important}
    .responsive td:empty {display:none}
    .responsive tfoot tr {background:none !important}
    .responsive tfoot th {display:block;float:left;background:none;}
 }
@media (max-width:400px){
    .sm-hide{display:none}
    #Header .tel{display:none}
     .grid thead tr {position:absolute;top:-9999px;left:-9999px}
    .grid thead,.grid tbody,.grid th,.grid td,.grid tr{display:block}.grid tr {border-bottom:1px #444 solid}
    .grid td{padding:1px;text-align:left}.grid td:before{
        display:block;font-size:xx-small; vertical-align:top;font-weight:bold;text-align:left;
        margin-right:5px;content:attr(data-title)}
}
@media print{
    .printHide,.calltoaction,.smallcalltoaction,.moreinfo,#BottomMenu {display:none}
    td,th{padding:2px}.screenHide{display:unset}
    a{text-decoration:none;font-weight:normal;color:#fff;background-color:#fff}
    #PrintBanner p{text-align:center}
}
a.mediaboxlogo:before {display:inline-block;height:24px;width:24px;text-align:center;color:#c81f3f;border:1px #c81f3f solid;border-radius:5px;content:'\25B6';margin:0 .5em}
@media screen and (prefers-reduced-motion: no-preference) {
    .zoom img {transform:scale(1);transition:.3s ease-in-out}
    .zoom:hover img {transform:scale(1.05)}
    .unzoom img {transform:scale(1);transition:.2s ease-in-out}
    .unzoom:hover img {transform:scale(.95)}
}
img.desaturate {filter:grayscale(100%)}
img.desaturate:hover {filter:grayscale(0%)}

/** EQ Display **/



/** EQ Display **/
.eqbox {text-decoration:none}
#Categories {margin:0;padding:1em}
#Categories h2 {text-transform:uppercase}#Categories h2 a {font-size:1em}#Categories a {text-decoration:none}
#Categories input {max-width:60%}
#Equipment {display:flex;justify-content:flex-start}
.equipment {display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}
.eqcat {background-color:rgba(204, 204, 204,20%);padding:0 20px;font-size:14px;}
.eqcathead {text-transform:uppercase;font-size:16px;margin:0px -1em 10px -1em;padding:10px;color:#fff; background-color:#595959}
.eqcat a, .eqcat {display:block;margin:0;padding:4px 0;font-weight:400;font-size:14px;color:#595959}
.eqbox {width:320px;margin:10px;font-size:16px}
.eqimg {height:235px;width:320px;text-align:left;overflow:hidden}
.eqimg img {height:100%;width:100%;object-fit:cover}
.eqbox {transform: scale(1);transition: .2s ease-in-out}
.eqbox:hover {transform: scale(.97)}

@media(max-width:1023px){
    .eqcat{flex-basis:100%}
    #Equipment{justify-content:space-around}
    .headertext{text-align:center}
    .eqfilters.inactive {display:block;position:absolute;height:1px;width:1px;clip-path:inset(100%);clip:rect(1px,1px,1px,1px);overflow:hidden;white-space:nowrap;transition:all 25ms ease}
    .eqfilters.active {display:block;position:relative;width:100%;z-index:4;transition:all 25ms ease}
    .eqcathead {position:relative;padding-right:10px}.eqcathead::after{content:'+';position:absolute;right:10px}
 }

/**
@media (prefers-color-scheme: dark) {
    a,a:visited {color:rgb(180,180,180)}a:hover{text-decoration:underline;color:#CF0142}
    body,.page,main,.section,.moreinfo,header,table { background-color:rgb(5,5,5);color:rgb(200,200,200)}
    div.brandbar { background-color:rgb(150,150,150)}
    table {border-spacing:0}
    tr:nth-child(odd){background-color:rgb(45,45,45)}tr:nth-child(even){background-color:rgb(55,55,55)}
}**/