/*Item Name : Vertical CSS3 Mega Menu
Author URI : https://codecanyon.net/user/Pixelworkshop/
Version : 1.0*/
/*TABLE OF CONTENTS

00 PAGE STYLING (REMOVABLE)
01 MENU BUTTON
   1. Mega Menu Container
   2. Mega Menu Button
02 DROP DOWNS
   1. Drop Downs Default Behavior
   2. Fade Transition
   3. Slide Transition
   4. Toggle Transition
03 DROP DOWN ELEMENTS
   1. Arrows
   2. List Elements
   3. Typography
   4. Icons
   5. Large Icons
*/

/* 01 MENU BUTTON   _______________________________________  */

/* 1. Mega Menu Container */
.megamenu_container {height:54px;margin:0;padding:0;	margin:0;position:relative;	float:left;	z-index:900;	*margin-top:8px/* IE 7 and below */}
.megamenu_container:hover {cursor:pointer;}
.megamenu_container a {text-decoration: none;font-family:Arial, sans-serif;font-size:12px;}
.megamenu_container a:focus {outline:none;}
.megamenu_divider{width:2px; height:54px;padding:0px;float: left;background-image:url(../images/header/nav_divider.png);background-repeat:no-repeat;}

/* 2. Mega Menu Button */
.megamenu {height:54px;font-family:Arial, Helvetica, sans-serif;	font-size:11px !important;text-align:center;list-style:none;padding:0;	margin:0;}
.megamenu .top_level {display:inline;border:none;margin:0;padding: 0px 0 15px 0px;	color:#FFFFFF;}
.megamenu .top_level a{color:#FFFFFF;font-size:14px;line-height:58px;font-family:arial black, arial, sans-serif;font-weight: 900;background-color:none;}
.megamenu .top_level a:hover{color:#c1c1c1;font-size:14px;line-height:58px;font-family:arial black, arial, sans-serif;font-weight: 900;background-color:none;}
.megamenu .top_level > span{	font-size:14px;line-height:58px;font-family:arial black, arial, sans-serif;font-weight: 900;background-color:none;color:#FFF !important;outline:0;text-decoration:none;/*background:url("https://www.muscletech.com/img/arrow_down.png") no-repeat 80px 18px;*/padding:0 5px 15px 0;font-style:normal !important;}
.drop_white{  font-size:13px;}

/* 02 DROP DOWNS  _______________________________________  */

/* 1. Drop Downs Default Behavior */
.megamenu .megamenu_main,.megamenu .megamenu_main ul {position:absolute;top:-9999em; /* Used to avoid scrollbars */left:-9999em;font-size:12px;width: 220px;	margin:0px 0 0px -1px ;	*margin:-11px 0 0px -1px ;/* IE 7 and below */	/**margin:5px 0 0px -1px; firefox */	padding:0;	*background:#1b1a1a;/* IE 7 and below */border-top:solid 0px #1b1a1a;	/*background:#121212;*/	background:#1b1a1a;	opacity:0;}
.megamenu .megamenu_main li .megamenu_2col {width: 400px;}
.megamenu .megamenu_main li .megamenu_3col {width: 600px;}
.megamenu > li:hover .megamenu_main {	top:51px;left:0;opacity:1;}
.megamenu .megamenu_main li:hover > ul {top:0px;left:100%;opacity:1;}
.megamenu .megamenu_main li:hover > .left_dropdown {left:-100%;}
.megamenu > li .main_opened {top:51px;left:0;	opacity:1;}

/* 2. Fade Transition */
.megamenu_fade .megamenu_main,.megamenu_fade .megamenu_main ul {}

/* 3. Slide Transition */
.megamenu_slide .megamenu_main {	/* IE 7 and below */ top:50px;-webkit-transition: top 0.3s 0.2s, opacity 0 0.2s;-moz-transition: top 0.3s 0.2s, opacity 0 0.2s;-o-transition: top 0.3s 0.2s, opacity 0 0.2s;	-ms-transition: top 0.3s 0.2s, opacity 0 0.2s;	transition: top 0.3s 0.2s, opacity 0 0.2s;}
.megamenu_slide .megamenu_main ul {left:80%;	-webkit-transition: left 0.2s 0.2s, opacity 0 0.2s;	-moz-transition: left 0.2s 0.2s, opacity 0 0.2s;	-o-transition: left 0.2s 0.2s, opacity 0 0.2s;	-ms-transition: left 0.2s 0.2s, opacity 0 0.2s;	transition: left 0.2s 0.2s, opacity 0 0.2s;	/* IE 7 and below */}
.megamenu_slide .megamenu_main li > .left_dropdown {left:-80%;}

/* 4. Toggle Transition */
.megamenu_toggle .megamenu_main {top:51px;}
.megamenu_toggle .megamenu_main ul {left:90%;}
.megamenu_toggle .megamenu_main li > .left_dropdown {left:-90%;}

/*  03 DROP DOWN ELEMENTS _______________________________________  */

/* 1. Arrows */
.megamenu .dropdown_arrow {	height:30px;/*background-image:url("https://www.muscletech.com/img/arrow_left.png");background-repeat: no-repeat;background-position: 95% 48%;*/}
.megamenu .dropdown_arrow:hover {/*background-image:url("https://www.muscletech.com/img/arrow_left_hover.png");*/}
.megamenu > li .megamenu_main a {text-decoration: none;color:#CCCCCC;}

/* 2. List Elements */
.megamenu > li ul {list-style: none;padding:0 0 0 0px;margin:0 0 0px 0;}
.megamenu > li ul li {height:25px;font-size:10px !important;position:static;color:#FFF;padding: 10px 0 10px 10px;margin:0px;-webkit-transition: background-color 0.3S;	-moz-transition: background-color 0.3s;	-o-transition: background-color 0.3s;-ms-transition: background-color 0.3s;	transition: background-color 0.3s;	border-bottom:#333 dotted 1px;}
.megamenu > li ul li:hover {background-color:#000;padding: 0px 0 45px 18px;margin:0px;}
.megamenu > li ul .relative_dropdown {	position:relative;}

/* 3. Typography */
.drop_nav{ color:#CCCCCC !important;}

.megamenu p {padding:0;margin:0 0 px 0;}
.megamenu h3 {font-size: 14px;font-weight:bold;padding:0;margin:6px 0 12px 0;}
.megamenu .new {font-size:xx-small; 	vertical-align:text-top;color:#a00000;}
.megamenu .small {font-size: 11px;color: #888888;display: block;	padding: 0;	margin-top: 4px;}
.megamenu .title {height:10px;display: block;font-size: 14px;line-height: 18px;text-align:left;padding:0px 0px 45px 18px;margin:0px;}

/* 4. Icons */
.megamenu .icon_bookmark,.megamenu .icon_bubble,.megamenu .icon_charts,.megamenu .icon_check,.megamenu .icon_cross,.megamenu .icon_favorite,.megamenu .icon_help,.megamenu .icon_info,.megamenu .icon_magnifier,.megamenu .icon_mail,.megamenu .icon_marker,.megamenu .icon_pencil,
.megamenu .icon_settings {padding-left:38px;	background-repeat: no-repeat;background-position: 12px 50%;}
.megamenu .icon_bookmark {background-image:url("https://www.muscletech.com/img/icons/icon_bookmark.png");}
.megamenu .icon_bubble {background-image:url("https://www.muscletech.com/img/icons/icon_bubble.png");}
.megamenu .icon_charts {background-image:url("https://www.muscletech.com/img/icons/icon_charts.png");}
.megamenu .icon_check {background-image:url("https://www.muscletech.com/img/icons/icon_check.png");}
.megamenu .icon_cross {background-image:url("https://www.muscletech.com/img/icons/icon_cross.png");}
.megamenu .icon_favorite {background-image:url("https://www.muscletech.com/img/icons/icon_favorite.png");}
.megamenu .icon_help {background-image:url("https://www.muscletech.com/img/icons/icon_help.png");}
.megamenu .icon_info {background-image:url("https://www.muscletech.com/img/icons/icon_info.png");}
.megamenu .icon_magnifier {background-image:url("https://www.muscletech.com/img/icons/icon_magnifier.png");}
.megamenu .icon_mail {background-image:url("https://www.muscletech.com/img/icons/icon_mail.png");}
.megamenu .icon_marker {background-image:url("https://www.muscletech.com/img/icons/icon_marker.png");}
.megamenu .icon_pencil {background-image:url("https://www.muscletech.com/img/icons/icon_pencil.png");}
.megamenu .icon_settings {background-image:url("https://www.muscletech.com/img/icons/icon_settings.png");}

/* 5. Large Icons */
.megamenu .megamenu_main .large_icons {*margin:-2px 0 0px -1px !important;/* IE 7 and below */	width:410px;padding:10px;background:#fff;border:5px solid#000;}
.megamenu .megamenu_main .large_icons .products{width:410px; background-color:#fff; height:395px; padding:0; margin-top:5px; position:relative; float:left;}
.megamenu .megamenu_main .large_icons .products img{width:410px; height:230px; margin-bottom:5px; position:relative; float:left;background-color:red;}
.megamenu .megamenu_main .large_icons .products_list a{width:180px;float:left;font-size:12px; line-height:22px;color:#000;font-family:arial, sans-serif;border-bottom:1px solid #eee;margin-left:12px;font-weight:normal;}
.megamenu .megamenu_main .large_icons .products_list a:hover{color:#fff;}
.megamenu .large_icons li {width:250px;Float:left;text-align:center;	position:relative;padding: 10px;}
.megamenu .large_icons li span {font-weight: bold;	font-size: 12px;padding-top:10px;display: block;}
.megamenu img {border:none;}