/* Stylesheet for CSS mega menu */

/* Template : fluorspar */

/* Generated by Zenofobe Visual Stylesheet on:- 26/01/21 at:- 12:34:49 */

 

#mega-container ul {margin: 0; padding: 0;}

#mega-wrapper {

background:rgb(0, 55, 115);

 

margin:0px;

}

#mega-container {

display:block;

position: relative;

z-index:999;

margin:10px auto 0px auto;

width:auto;max-width:1500px;

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 10px;}

.mega-menu li.fullwidth {position: static !important;}

 ul.mega-menu li:hover > a {

background:#3057c2!important;

}

.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:  0px solid rgb(255,255,255);}

.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_brands, .mega-menu .dropdown_aboutus, .mega-menu .dropdown_info, .mega-menu .dropdown_fullwidth {

margin:0px auto;

left:-999em;position:absolute;

padding:5px 0px 5px 5px;

text-align:left;

 border-style:solid;

 border-color:rgb(211,211,211);

 border-width:1px;

background:rgb(247,247,247);

-moz-border-radius:0px 5px 5px 5px;

-webkit-border-radius:0px 5px 5px 5px;

-khtml-border-radius:0px 5px 5px 5px;

border-radius:0px 5px 5px 5px;

-webkit-box-shadow:10px 10px 5px rgba(0,0,0,0.5);

-moz-box-shadow:10px 10px 5px rgba(0,0,0,0.5);

box-shadow:10px 10px 5px rgba(0,0,0,0.5);

}

.mega-menu .dropdown_customer_service,.mega-menu .dropdown_aboutus {padding:10px}

.mega-menu .dropdown_1column {width:160px;}

.mega-menu .dropdown_2columns {width:300px;}

.mega-menu .dropdown_expand {width:100%;}

.mega-menu .dropdown_info {width:680px;}

.mega-menu .dropdown_customer_service {width:670px;}

.mega-menu .dropdown_aboutus {width:670px;}

.info_col  {width:32%}

.information-li ul li a{margin-left:8px;width:200px!important}

 

/* 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_brands,.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:160px;}

 

/* 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:1.0em;

line-height:21px;

text-align:left;

}

#aboutusDrop,#csDrop {font-size:1em;line-height:18px;

text-align:left;margin:0;color:rgb(0,0,0);}

.mega-menu h2 {color:rgb(0, 55, 115);}

.mega-menu h3 {color:rgb(0, 55, 115);}

.mega-menu h2, .mega-menu h3 {font-size:1.2em;font-weight:normal;margin:3px;

text-align:left;

}

.mega-menu li:hover div a {text-decoration:none;

display:block;

width:145px;padding:5px;}

.mega-menu li div a { padding:5px;line-height:25px;}

 

/* bof images */

.mega-menu .imgshadow_light {display:none}

 

/* bof standard lists styles */

.mega-menu li ul {list-style:none;padding:0;}

.mega-menu li ul li {font-size:1em;position:relative;margin:0;float:left;text-align:left;width:160px;}

.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(133,133,133);text-decoration:none;

border-radius:5px;

}

.mega-menu li ul li a:hover {text-decoration:none;}

.mega-menu .categories-li .dropdown_expand .level3 a:hover {color:rgb(255,255,255)!important}

 

.h-sm{padding:2px 5px 2px 0px;vertical-align:middle;}

.col_aboutus h2 {color:rgb(0,0,255)}

.dropdown_expand a,.dropdown_1column a, div.dropdown_info a { -o-transition:color 0.35s ease-out, background 0.35s ease-in; -ms-transition:color 0.35s ease-out, background 0.35s ease-in;-moz-transition:color 0.35s ease-out, background 0.35s ease-in;-webkit-transition:color 0.35s ease-out, background 0.35s ease-in; transition:color 0.35s ease-out, background 0.35s ease-in}

.mega-menu .categories-li .dropdown_expand .level2 > li > a {color:rgb(0, 55, 115);font-weight:normal;}

.mega-menu .categories-li .dropdown_expand .level2 > li > a:hover {color:rgb(255,255,255);background-color:rgb(87,87,87);}

.dropdown_expand .level2 li:hover a {color:rgb(68,68,68);background:rgb(234,234,234);}

.dropdown_expand .level2 li:hover > a {color:rgb(255,255,255) !important;background:rgb(87,87,87);}

.dropdown_brands {width:95%}

.brands li {min-height:85px}

.brands li a  {text-align:center;background-color:rgb(215,215,215)!important;}

.brands li a img {vertical-align:middle}

.brands li a:hover {background-color:rgb(255,255,255)!important}

.mega-menu .dropdown_brands {padding:10px 10px 0px 10px}

.mega-menu .brands ul li,.mega-menu .brands ul li:hover {margin-bottom:5px}

/* 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);} */



.etImage {display:flex;flex-wrap:wrap;justify-content:center}

#pageTwoMainContent .et_image img{width:50%}

#pageTwoMainContent h2 {color:blue;font-size:16px}

 .et_image img {margin:20px}

.auImage img{width:200px;margin:10px 0px}

#catImage .red {color:red}



.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_1  h3 {text-decoration:underline}



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



.dropdown_info .col_1 {width:30%!important}

.dropdown_info .col_1 a {width:100%!important}