/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body{font-family: "IBM Plex Sans", sans-serif !important; font-size: 14px; line-height: 1.25; height: 100%; width: 100%;}
::-moz-selection{background: #367C2B; color: #fff; text-shadow: none} ::selection{background: #367C2B; color: #fff; text-shadow: none}

.main{padding: 50px 0;}
.wrap{max-width: 1232px; margin: 0 auto; padding: 0 20px;}

.flex-row{display: flex; flex-wrap: wrap;}
.flex-row .flex-col{flex: 1; padding-right: 35px;}
.flex-row .flex-col:last-child{padding-right: 0;}

.wrap.flex-row {justify-content: space-between;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-weight: 700font-family: "IBM Plex Sans", sans-serif;}
a{text-decoration: none; color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.icon-row{display: flex; font-size: 14px; color: #777;}
.icon-row img{display: block; max-height: 20px;}
.icon-row div{padding: 0 15px;}
.icon-row strong{display: block; font-size: 15px; font-weight: 600; color: #111;}
a.inventory-banner {
    display: flex;
	justify-content: center;
    margin-bottom: 50px;
}
a.inventory-banner img {max-width: 100%;max-height: 300px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;}
/* HEADER */

.top-header{padding: 14px 0; color: #222; border-bottom: 1px #eee solid;}
.top-header a{display: inline-flex; align-items: center; padding: 0 5px; color: #323232;}
.top-header a:hover{opacity: .85;}
.top-header a img{display: block; max-height: 18px; margin: -1px 2px 0 0; opacity: .85;}

.top-header .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.top-header .top-col{display: flex; align-items: center; flex: 1;}
.top-header .top-col:nth-child(2){justify-content: center; min-width: 415px;}
.top-header .top-col:nth-child(3){justify-content: flex-end;}

.bottom-header{position: relative; padding: 13px 0 14px;}
.bottom-header .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.bottom-header .logo{width: 265px;}
.bottom-header .logo img{display: block;}
.bottom-header .quick-search{flex: 1; margin-left: 50px;}
.bottom-header .quick-search form,.mobile .quick-search form {display: flex; align-items: center; background: #f8f8f8; border-radius: 5px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.bottom-header .quick-search input,.mobile .quick-search input{flex: 1 !important; background: none !important; height: 52px !important; margin: 0 !important; padding: 0 !important; font-family: "IBM Plex Sans", sans-serif !important; font-size: 16px !important; border: none !important; outline: none !important;}
.mobile .quick-search input {background: transparent !important;}
.bottom-header .quick-search input::placeholder,.mobile .quick-search input::placeholder{color: #555;}
.bottom-header .quick-search button,.mobile .quick-search button{display: flex; align-items: center; justify-content: center; background: none; width: 45px; height: 52px; margin: 0; padding: 0 0 0 6px; font-size: 16px; color: #ccc; border: none; outline: none; cursor: pointer;}

.bottom-header .button-links{display: flex; justify-content: flex-end; width: 242px;}
.bottom-header .button-links a{display: block; text-align: center; color: #404040;}
.bottom-header .button-links img{display: block; max-height: 34px; margin: auto; padding: 2px 5px 3px;}
.bottom-header .button-links hr{border: none; border-left: 1px #eee solid; width: 1px; margin: 0 20px;}
/*---MEGA MENU---*/
.navigation-pg{background: #367C2B;}
ul.mega-menu {background: #fff !important;z-index: 9999;left: 0 !important;right: 0 !important;}
.mega-menu,.mega-menu a {font-family: "IBM Plex Sans", sans-serif;}
.nav-column li {
    display: block !important;
}
ul.mega-menu-sub {
    position: unset !important;
    display: block !important;
}
ul.primary-sub-menu.mega-menu {
    max-width: 1290px;
    width: 100%;
    left: 0;
    right: 0;
}

ul.primary-sub-menu.mega-menu li {height: auto !important;border: none;}
.mega-menu-wrap {
    gap: 20px;
    grid-auto-rows: minmax(100px, auto);
    display: grid;
    background: #fff;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;padding: 15px;
}
.mega-menu-sub .nav-sub a {
    height: unset !important;font-weight: 400 !important;
}
.nav-column a {
    background: #FFF ! important;
    padding: 0 !important;
    color: #000 !important;
    text-align: left !important;
}

ul.primary-sub-menu.mega-menu li a{padding: 0 !important;}

.nav-title a,li.nav-title {padding: 15px 15px 15px 15px;color: #555 !important;font-family: inherit;font-size: 16px !important;text-transform: uppercase;text-decoration: none;font-weight: bold;text-align: left;vertical-align: top;display: block;border: 0;line-height: 1.25 !important;height: unset !important;font-weight: 600 !important;}

.nav-sub a {color: #666;font-family: inherit;font-size: 14px;text-transform: none;text-decoration: none;font-weight: normal;text-align: left;vertical-align: top;display: block;border: 0;}

.nav-column img {max-width: 300px;width: 100%;}
.eq-img span {display: block;}
/* FOOTER */

.top-footer{padding: 25px 0; border-top: 1px #eee solid;}
.top-footer .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.top-footer .icon-row{flex: 1;}

.bottom-footer{background: #111; padding: 64px 0 0; font-size: 16px; color: #ccc;}
.bottom-footer .flex-row strong{display: block; margin-bottom: 20px; font-size: 13px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: #fff;}
.bottom-footer .flex-row ul li{display: block;}
.bottom-footer .flex-row ul li a{display: inline-block; padding: 5px 0; color: #999;}
.bottom-footer .flex-row ul li a:hover{text-decoration: underline; color: #fff;}

.bottom-footer .copyright{display: flex; align-items: center; flex-wrap: wrap; padding: 32px 0;}
.bottom-footer .social{display: flex; align-items: center; margin-left: auto;}
.bottom-footer .social ul{display: flex; align-items: center; padding-left: 10px;}
.bottom-footer .social ul li a{display: block; padding: 0 5px; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #999;}
.bottom-footer .social ul li a:hover{-webkit-text-stroke-color: #fff;}

/* RESPONSIVE */


@media screen and (max-width: 980px){
	.top-header{display: none;}
	.bottom-header{padding: 23px 0; box-shadow: 0 1px 15px rgba(0,0,0,.08);}
	.bottom-header .quick-search{display: none;}
	.bottom-header .button-links{display: none;}
	.bottom-header .logo{flex: 1; padding-right: 55px; text-align: center;}
	.bottom-header .logo a{display: inline-block;}
	.bottom-header .logo img{max-height: 22px;}

	nav.primary{display: none;}
	
	.main{padding: 30px 0;}
	.inventory-banner {margin-bottom: 30px !important;}
	.flex-row .flex-col{flex: none; width: 100%; margin-bottom: 15px; padding-right: 0;}
	.flex-row .flex-col:last-child{margin-bottom: 0;}

	.top-footer .icon-row{flex: none; width: 100%; padding: 10px 0;}
	.bottom-footer{padding: 40px 0 0;}
}
@media screen and (max-width: 480px){
	.bottom-footer .social{width: 100%; margin: 12px 0 0;}
}