/* Stylesheet for CSS mega menu */
/* Template : fluorspar */
/* Generated by Zenofobe Visual Stylesheet on:- 01/02/19 at:- 15:35:16 */

#mega-container ul {margin: 0; padding: 0;}
#mega-wrapper {
background:#474747;
margin:0px;
}
#mega-container {
display:block;
position: relative;
z-index:999;
margin:10px auto 0px auto;
width:auto;max-width:1200px;
height:45px;
}
#mega-container ul.mega-menu {
float:left;
list-style:none;
}


.mega-menu li {float:left;text-align:center;position:relative;}
ul.mega-menu {height:45px;}
.mega-menu li a,.mega-menu li a:hover {padding:12px 21px;}
.mega-menu li.fullwidth {position: static !important;}
 ul.mega-menu li:hover > a {
background:#23b55c;
}
.mega-menu li a {color:rgb(255,255,255);outline:0;
text-decoration:none;
display:block;
font-weight:normal;
}
div#mega-container li a.drop {border-right:  1px solid rgb(66,66,66);}
.drop{text-align:center;}
 ul.mega-menu li:hover > a {color:rgb(255,255,255);position:relative;z-index:11}


/* bof drop down styles */
.mega-menu .dropdown_expand,.mega-menu .dropdown_1column, .mega-menu .dropdown_2columns, .mega-menu .dropdown_3columns, .mega-menu .dropdown_4columns, .mega-menu .dropdown_5columns, .mega-menu .dropdown_customer_service,
.mega-menu .dropdown_aboutus, .mega-menu .dropdown_info, .mega-menu .dropdown_fullwidth {
margin:0px auto;
left:-999em;position:absolute;
padding:6px 0px 10px 20px;
text-align:left;
background:rgb(247,247,247);
box-shadow:6px 6px 3px rgba(0,0,0,0.2);
}

/* change the width of each dropdown link */
.mega-menu .dropdown_customer_service,.mega-menu .dropdown_aboutus, .mega-menu .dropdown_info {padding:10px}
.mega-menu .dropdown_1column {width:150px;}
.mega-menu .dropdown_2columns {width:300px;}
.mega-menu .dropdown_expand {width:100%;}
.mega-menu .dropdown_info {width:480px;}
.mega-menu .dropdown_customer_service {width:520px;}
.mega-menu .dropdown_aboutus {width:585px;}

/* bof drop down on mouse hover left aligned */
.mega-menu li:hover .dropdown_expand,.mega-menu li:hover .dropdown_1column, .mega-menu li:hover .dropdown_2columns, .mega-menu li:hover .dropdown_customer_service, .mega-menu li:hover .dropdown_aboutus, .mega-menu li:hover .dropdown_info {left:-1px;top:45px;}

/* bof drop down on mouse hover right aligned */
.mega-menu li:hover .align_right {left:auto;right:-1px;top:45px;}

/* bof column sizes */
.mega-menu .col_1, .mega-menu .col_2 {display:inline;float: left;position: relative;margin-left:10px;}
.mega-menu .col_1 {width:150px;}

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.mega-menu .firstcolumn {margin-left: 0; /* Clearing margin & left */clear: left;}

/*bof content*/
.mega-menu ul, .mega-menu li {font-size:0.9em;
line-height:21px;
text-align:left;
}
.mega-menu p {font-size:1em;line-height:18px;
text-align:left;margin:0;color:rgb(0,0,0);}
.mega-menu h2 {color:rgb(71,71,71);}
.mega-menu h3 {color:rgb(71,71,71);}
.mega-menu h2, .mega-menu h3 {font-size:1.1em;font-weight:normal;margin:3px;
text-align:left;
}
.mega-menu li:hover div a {text-decoration:none;
display:block;
width:135px;padding:5px 0px 5px 5px;}
.mega-menu li div a { padding:5px 0px 5px 5px;line-height:25px;}

/* bof images */
.mega-menu .imgshadow_light {padding:4px;border:0px solid #000;margin-top:5px;margin-left:20px;}

/* bof standard lists styles */
.mega-menu li ul {list-style:none;padding:0;}
.mega-menu li ul li {font-size:1.1em;position:relative;margin:0;float:left;text-align:left;width:150px;}
.mega-menu li ul li a {font-weight:normal}
.mega-menu li ul li,.mega-menu li ul li:hover {padding:0;margin:0;}

/* bof 2 levels drop down */
.mega-menu .levels, .mega-menu .levels ul {/* all lists */padding: 0;margin: 0;list-style: none;}

.level4 {display:none}

/*bof menu colors*/
.mega-menu li:hover div a {color:rgb(0,0,0);
background:rgb(247,247,247);
}
.mega-menu li:hover div a:hover {color:rgb(255,255,255);text-decoration:none      ;
background:rgb(35,181,92);text-decoration:none;
}
.mega-menu li ul li a:hover {text-decoration:none;}

.h-sm{padding:2px 5px 2px 0px;vertical-align:middle;}
.col_aboutus h2 {color:rgb(71,71,71)}
.dropdown_expand a,.dropdown_1column a, div.dropdown_info a {transition:color 0.35s ease-out, background 0.35s ease-in}
.mega-menu .categories-li .dropdown_expand .level2 > li > a {color:rgb(35,181,92);font-weight:bold;}
.mega-menu .categories-li .dropdown_expand .level2 > li > a:hover {color:rgb(255,255,255);background-color:rgb(35,181,92);}
.cat_image {width:14.5%;margin:12px;}
.dropdown_expand .level2 li:hover a {color:rgb(68,68,68);background:rgb(255,255,255);}
.dropdown_expand .level2 li:hover > a {color:rgb(255,255,255) !important;background:rgb(35,181,92);}
/* Append */
div#mega-container li a.last_Item {border-right:none}
/* div#mega-container li a.first_Item {border-left:1px solid rgb(0,0,0);} */

.info_list_2 li, .info_list_3  li  {border-left: 1px solid rgb(158,158,158);}
.dropdown_info .col_1 ul li a {margin-left:6px}
.dropdown_info h3 {margin-left:10px}

.mega-menu .col_cs  h2 ,.mega-menu .col_aboutus h2 {border-bottom:1px solid rgb(110,110,110);}
.mega-menu .col_1  h3 {text-decoration:underline}

.manufacturers-li img {margin-left:15px}
 #catImage {width:98%;margin:0 auto;text-align:center}
.cat_image {float:left}

.mega-menu li:hover div#catImage a {background:transparent;width:100%;padding:5px;padding-left:0px}

/* Text Animation */
.cat_image div.title {width:100%;height:80%;text-align:center;position:relative; bottom:50px;}
.title span {visibility: hidden;font-size: 15px;opacity 1s;opacity: 0;}
.cat_image:hover .title span {visibility:visible;color:black;background:white;padding:2px 5px;border-radius:5px;transition: all 0.75s ease-in;opacity:1;}
.cat_image:hover a img {transition: all 0.75s ease-out ; opacity:0.45;}