/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://codecanyon.net/user/Pixelworkshop/
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 6.2
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLING
04 CONTACT FORM
05 VERTICAL MEGA MENU
06 LIGHT THEME
07 DARK THEME
08 COLORS
09 MOBILE DEVICES

*/



/*
body{background:url(../img/background.png) repeat;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;}
.pagecontent{width:960px;margin:30px auto; text-shadow:1px 1px 1px #ffffff;}
.pagecontent p,.pagecontent li{color:#666;font-size:12px;line-height:18px;}
.pagecontent ul,.pagecontent li{padding-left: 16px}
.pagecontent .pusher{width:100%;height:50px}
.pagecontent a{color:#999;text-decoration:none}
.pagecontent h1,.pagecontent h3{color:#222}
.pagecontentclear {clear: both;}
*/
/* Vertical Menu Demos */
/*
.pagewrapper {width: 960px;margin: 0 auto;}
.pagewrapper .pagecontent {width:690px;float: left;margin: 10px 0 0 0;}
.pagewrapper .megamenu_vertical_left {margin-right: 30px;}
.pagewrapper .megamenu_vertical_right {margin-left: 30px;}
@media only screen and (max-width: 1024px) {
	.pagecontent, .pagewrapper{width:95%;}
	.pagewrapper .pagecontent {width:100%;}
	.pagewrapper .megamenu_vertical_left {margin-right: auto;}
	.pagewrapper .megamenu_vertical_right {margin-left: auto;}
}
@media only screen and (max-width:767px) {
	.pagecontent, .pagewrapper{width:420px;}
	.pagewrapper .pagecontent {width:420px;}
}
@media only screen and (max-width:479px) {
	.pagecontent, .pagewrapper{width:300px;}
	.pagewrapper .pagecontent {width:300px;}
}
*/

/*  _______________________________________

	01 MENU BAR
    _______________________________________  */




/* 
	IMPORTANT NOTICE
	If you're using the whole width menu, you should use at least a reset like :
	body {margin:0; padding:0;}
	Otherwise, some browsers may add margins and won't place the menu properly.
	It generally helps to include a CSS reset like : 
	http://meyerweb.com/eric/tools/css/reset/
	Keep in mind that a reset must be placed first, before any other CSS markup.
*/
.megamenu_wrapper,
.megamenu_wrapper_full {
	/*margin:0px auto;*/
	display:block;
	position:relative;
	top:18px;
	z-index:9999;
	font-family:"Signika", sans-serif, Tahoma, Verdana, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size:16px;
	/*
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	*/
}
.megamenu_wrapper {
	/*width:980px;*/
	margin-top:30px;
}
.megamenu_wrapper_full {
	width: 100%;
}
	.megamenu_container {
		width:100%;
		margin:0 auto;
		height:32px;
	}
	.megamenu_wrapper .megamenu_container {
		width:100%;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
        
	}
	.megamenu_wrapper_full .megamenu_container {
		width: 96%;
		padding: 0 2% 0 2%;
	}
	.megamenu_container .megamenu {
		list-style:none;
		/*width:960px;*/
		margin:0 auto;
		padding: 0;
	}
.megamenu > li {
	float:left;
	position:relative;
	margin-right:5px;
	border:none;
}
.megamenu li.menuitem_fullwidth {
	position: static !important;
}
.megamenu > li > a {
	outline:0;
	padding: 7px 15px 7px 15px;
	text-decoration:none;
	display:block;
}
.megamenu > li.menuitem_drop {
	padding-right:27px;
}
.megamenu > li.menuitem_nodrop > a {
	padding-bottom:3px;
}



/* Menu Button (Mobiles) */

.megamenu li.megamenu_button {
	display: none;
}
.megamenu li.megamenu_button_active {
	background:#000000 !important;
}




/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */




/* Drop Downs Containers */

.megamenu .dropdown_1column, 
.megamenu .dropdown_2columns, 
.megamenu .dropdown_3columns, 
.megamenu .dropdown_4columns,
.megamenu .dropdown_5columns,
.megamenu .dropdown_fullwidth {
	margin:0;
	display:none;
	position:absolute;
	top:33px;
	left:-1px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* Drop Downs Sizes */

.megamenu .dropdown_1column {width: 150px;padding:15px 14px 15px 15px;}
.megamenu .dropdown_2columns {width: 290px;padding:15px 11px 15px 15px;}
.megamenu .dropdown_3columns {width: 445px;padding:15px 8px 15px 15px;}
.megamenu .dropdown_4columns {width: 600px;padding:15px 5px 15px 15px;}
.megamenu .dropdown_5columns {width: 755px;padding:15px 2px 15px 15px;}
.megamenu .dropdown_fullwidth {
	width: 945px;
	padding:15px 0 15px 15px;
	top:42px;
	left:10px;
    -webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}
.megamenu_wrapper_full .megamenu .dropdown_fullwidth {
	left:50%;
	margin-left:-481px;
}
.megamenu_wrapper .dropdown_right,
.megamenu_wrapper_full .dropdown_right {
	left:auto;
	right:-1px;
}
.megamenu_wrapper .megamenu li.menuitem_right .dropdown_fullwidth {
	left:auto;
	right:8px;
}
.megamenu_wrapper_full .megamenu li.menuitem_right > .dropdown_fullwidth {
	top:41px;
}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover > div {
	display: block;
}

/* Columns Sizes */

.megamenu .col_one_sixth,
.megamenu .col_one_fifth,
.megamenu .col_one_quarter,
.megamenu .col_one_third,
.megamenu .col_two_fifths,
.megamenu .col_half,
.megamenu .col_three_fifths,
.megamenu .col_two_thirds,
.megamenu .col_three_quarters,
.megamenu .col_four_fifths,
.megamenu .col_five_sixths,
.megamenu .col_full {
	float: left;
	margin-left: 2%;
}
.megamenu .col_one_sixth {width:14.66667%;}
.megamenu .col_one_fifth {width:18%;}
.megamenu .col_one_quarter {width:23%;}
.megamenu .col_one_third {width:31.33333%;}
.megamenu .col_two_fifths {width:38%;}
.megamenu .col_half {width:48%;}
.megamenu .col_three_fifths {width:58%;}
.megamenu .col_two_thirds {width:64.66667%;}
.megamenu .col_three_quarters {width:73%;}
.megamenu .col_four_fifths {width:78%;}
.megamenu .col_five_sixths {width:81.33333%;}
.megamenu .col_full {width:98%;}

/* IMPORTANT */

/* Use the firstcolumn class for the first element of a new row of content */
.megamenu .firstcolumn {
	margin-left: 0;
	clear: left;
}




/*  _______________________________________

	03 CONTENT STYLING
    _______________________________________  */




.megamenu p,
.megamenu ul,
.megamenu li,
.megamenu h2,
.megamenu h3 {
	/*
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
    */
	line-height:21px;
	text-align:left;
}
.megamenu p {
	margin:0;
	margin-bottom:18px;
}
.megamenu .strong {
	font-weight:bold;
}
.megamenu .italic {
	font-style:italic;
}
.megamenu h2, 
.megamenu h3 {
	margin-top:7px;
}
.megamenu h2 {
	font-weight:400;
	font-size:21px;
	margin-bottom:18px;
	padding-bottom:11px;
}
.megamenu h3 {
	font-weight:600;
	font-size:14px;
	margin-bottom:14px;
	padding-bottom:7px;
}
.megamenu li a {
	text-decoration:none;
}

.megamenu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;
}

/* Icon paragraphs */

.megamenu .help,
.megamenu .favorite,
.megamenu .mail,
.megamenu .print {
	padding-left:36px;
	margin-bottom:18px;
}
.megamenu .help {background:url("../img/help.png") no-repeat 0 2px;}
.megamenu .favorite {background:url("../img/favorite.png") no-repeat 0 2px;}
.megamenu .mail {background:url("../img/mail.png") no-repeat 0 2px;}
.megamenu .print {background:url("../img/print.png") no-repeat 0 2px;}

/* Images styles */

.megamenu .imgshadow_dark,
.megamenu .imgshadow_light {
	padding:4px;
	margin-top:5px;
}
.megamenu .img_left { /* Image sticks to the left */
	float:left;
	margin:5px 15px 5px 0;
}
.megamenu .img_right { /* Image sticks to the right */
	float:right;
	margin:5px 0 5px 15px;
}

/* Box styles */

.megamenu li .black_box,
.megamenu li .dark_grey_box {
	margin: -8px 0 18px 0;
	color: #eeeeee;
	/*text-shadow: 1px 1px 1px #000;*/
	padding:8px 12px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}

/* Standard lists styles */

.megamenu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.megamenu li ul li {
	/*
	font-size:12px;
	line-height:24px;
    */
	position:relative;
	/*text-shadow: 1px 1px 1px #000000;*/
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	width:100%;
}
.megamenu li ul li a {
	padding:0;
}

/* Greybox lists styles */

.megamenu li .greybox li {
	margin:0 0 4px 0;
	padding:4px 6% 4px 6%;
	width:88%;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
}

/* Other lists styles */

.megamenu li .plus li {
	margin:0 0 4px 0;
	padding:0 0 0 20px;
	float: left;
}

/* Social Icons */

.megamenu li ul.social {
	list-style:none;
	margin:0;
	padding:0;
}
.megamenu li ul.social li {
	padding-top:5px;
	margin:0 12px 12px 0;
	float:left;
	position:relative;
	display:inline;
	width:32px;
}
.megamenu li ul.social li img {
	border:none;
}
.megamenu li ul.social li:hover {
	padding-top:5px;
	margin:-1px 12px 12px 0;
}
.megamenu li ul.social li span {
	display:none;
}

/* 2-Levels Drop Down */

.megamenu .dropdown_flyout {
	/*min-width:120px;*/
}
.megamenu .levels, 
.megamenu .levels ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.megamenu .levels a {
	display: block;
	width: 10em;
}
.megamenu .levels li {
	float: left;
	margin-bottom:5px;
}
.megamenu .levels li ul {
	position: absolute;
	top:-23px;
	margin:15px 0 0 4px;
	padding:6px 12px;
	left: -999em;
	z-index: 9999;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}
.megamenu .levels li:hover > ul {
	left: 96%;
}





/*  _______________________________________

	06 LIGHT THEME
    _______________________________________  */




.megamenu_light_theme .megamenu_container > ul > li:hover,
.megamenu_light_theme .megamenu_container .megamenu > li.active,
.megamenu_light_theme .megamenu_container > ul > li.menuitem_nodrop:hover {
	background-color:#eeeeee;
}
.megamenu_light_theme .megamenu_container > ul > li > a,
.megamenu_light_theme .megamenu_container .megamenu > li.noactive a {
	color:#eee;
	/*text-shadow: 1px 1px 1px #000000;*/
}
.megamenu_light_theme .megamenu_container > ul > li:hover > a {
	color:#161616;
	/*text-shadow: 1px 1px 1px #fff;*/
}
.megamenu_light_theme ul li .menuitem_drop,
.megamenu_light_theme .megamenu li.noactive .menuitem_drop {
	background-image:url("../img/arrow_down1.png");
	background-repeat:no-repeat;
	background-position: right 17px;
}
.megamenu_vertical_left .megamenu_light_theme ul li .menuitem_drop,
.megamenu_vertical_left .megamenu_light_theme .megamenu li.noactive .menuitem_drop {
	background-image:url("../img/arrow_right1.png");
	background-position: 90% 15px;
}
.megamenu_vertical_right .megamenu_light_theme ul li .menuitem_drop,
.megamenu_vertical_right .megamenu_light_theme .megamenu li.noactive .menuitem_drop {
	background-image:url("../img/arrow_left1.png");
	background-position: 10% 15px;
}
.megamenu_light_theme .megamenu > li > div,
.megamenu_light_theme ul .levels li ul {
	background:#eeeeee;
	border:1px solid #444444;
	border-top: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#BBBBBB));
	background: -webkit-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -ms-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: linear-gradient(top, #EEEEEE, #BBBBBB);
}
.megamenu_wrapper_vertical .megamenu_light_theme .megamenu > li > div,
.megamenu_light_theme ul .levels li ul {
	border:1px solid #444444;
}
.megamenu_light_theme ul p,
.megamenu_light_theme ul h2, 
.megamenu_light_theme ul h3,
.megamenu_light_theme ul li ul li {
	/*text-shadow: 1px 1px 1px #FFFFFF;*/
}
.megamenu_light_theme ul h2, 
.megamenu_light_theme ul h3 {
	border-bottom:1px solid #888888;
}
.megamenu_light_theme ul .imgshadow_dark { /* Better style on dark background */
	background:#FFFFFF;
	border:1px solid #333333;
	-moz-box-shadow:0 0 5px #000000;
	-webkit-box-shadow:0 0 5px #000000;
	box-shadow:0 0 5px #000000;
}
.megamenu_light_theme ul .imgshadow_light { /* Better style on light background */
	background:#FFFFFF;
	border:1px solid #777777;
	-webkit-box-shadow:0 0 5px #666666;
	-moz-box-shadow:0 0 5px #666666;
	box-shadow:0 0 5px #666666;
}
.megamenu_light_theme ul li .black_box {
	color:#ffffff;
	/*text-shadow:1px 1px 1px #000000;*/
	background-color:#333333;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}
.megamenu_light_theme ul li .dark_grey_box {
	color:#ffffff;
	/*text-shadow:1px 1px 1px #000000;*/
	background-color:#555555;
	-webkit-box-shadow:inset 0 0 3px #111111;
	-moz-box-shadow:inset 0 0 3px #111111;
	box-shadow:inset 0 0 3px #111111;
}
.megamenu_light_theme ul li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
}
.megamenu_light_theme ul li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
}
.megamenu_light_theme ul li .plus li {
	background: url("../img/plus.png") left 6px no-repeat;
}
.megamenu_light_theme ul .levels a.parent, 
.megamenu_light_theme ul .levels a.parent:hover {
	background: url("../img/arrow_right1.png") right center no-repeat;
}
.megamenu_vertical_right .megamenu_light_theme ul .levels a.parent, 
.megamenu_vertical_right .megamenu_light_theme ul .levels a.parent:hover {
	background: url("../img/arrow_left1.png") left center no-repeat;
}
.megamenu_light_theme ul .contact_form input:focus, 
.megamenu_light_theme ul .contact_form textarea:focus, 
.megamenu_light_theme ul .contact_form select:focus,
.megamenu_light_theme ul .contact_form input:hover, 
.megamenu_light_theme ul .contact_form textarea:hover, 
.megamenu_light_theme ul .contact_form select:hover {
	box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
	-moz-box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
	-webkit-box-shadow: rgba(0,0,0, 0.7) 0 0 3px;  
	border:1px solid #333333;
}
.megamenu_light_theme ul .contact_form input, 
.megamenu_light_theme ul textarea, 
.megamenu_light_theme ul select {
	color: #FFFFFF; 
	background-color:#222222;
	border:1px solid #0A0A0A;
}
.megamenu_light_theme ul .contact_form input.button {
	background-color:#1E1E1E;
	border:1px solid #0A0A0A;
	color:#cccccc;	
}
.megamenu_light_theme ul .contact_form input.button:hover {
	color:#eeeeee;	
	background-color:#222222;
	border:1px solid #000000;
}




/*  _______________________________________

	07 DARK THEME
    _______________________________________  */




.megamenu_dark_theme .megamenu_container > ul > li:hover,
.megamenu_dark_theme .megamenu_container .megamenu > li.active,
.megamenu_dark_theme .megamenu_container > ul > li.menuitem_nodrop:hover {
	background-color:#161616;
}
.megamenu_dark_theme .megamenu_container > ul > li > a {
	color:#eee;
	/*text-shadow: 1px 1px 1px #000000;*/
}
.megamenu_dark_theme ul p,
.megamenu_dark_theme ul ul,
.megamenu_dark_theme ul li,
.megamenu_dark_theme ul h2,
.megamenu_dark_theme ul h3,
.megamenu_dark_theme .megamenu_container > ul > li:hover > a {
	color:#ffffff;
}
.megamenu_dark_theme ul li .menuitem_drop,
.megamenu_dark_theme .megamenu li.noactive .menuitem_drop {
	background-image:url("../img/arrow_down2.png");
	background-repeat:no-repeat;
	background-position: right 17px;
}
.megamenu_vertical_left .megamenu_dark_theme ul li .menuitem_drop,
.megamenu_vertical_left .megamenu_dark_theme .megamenu li.noactive .menuitem_drop {
	background-image:url("../img/arrow_right2.png");
	background-position: 90% 15px;
}
.megamenu_vertical_right .megamenu_dark_theme ul li .menuitem_drop,
.megamenu_vertical_right .megamenu_dark_theme .megamenu li.noactive .menuitem_drop {
	background-image:url("../img/arrow_left2.png");
	background-position: 10% 15px;
}
.megamenu_dark_theme .megamenu > li > div,
.megamenu_dark_theme ul .levels li ul {
	background:#161616;
	border:1px solid #000000;
	border-top: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#0A0A0A));
	background: -webkit-linear-gradient(top, #161616, #0A0A0A);
	background: -moz-linear-gradient(top, #161616, #0A0A0A);
	background: -o-linear-gradient(top, #161616, #0A0A0A);
	background: -ms-linear-gradient(top, #161616, #0A0A0A);
	background: linear-gradient(top, #161616, #0A0A0A);
}
.megamenu_wrapper_vertical .megamenu_dark_theme .megamenu > li > div,
.megamenu_dark_theme ul .levels li ul {
	border:1px solid #000000;
}
.megamenu_dark_theme ul h2, 
.megamenu_dark_theme ul h3 {
	border-bottom:1px solid #333333;
}
.megamenu_dark_theme ul .imgshadow_dark,
.megamenu_dark_theme ul .imgshadow_light {
	background:#FFFFFF;
	border:1px solid #333333;
	-webkit-box-shadow:0 0 5px #000000;
	-moz-box-shadow:0 0 5px #000000;
	box-shadow:0 0 5px #000000;
}
.megamenu_dark_theme ul .imgshadow_light {
	border:1px solid #777777;
}
.megamenu_dark_theme ul li .black_box,
.megamenu_dark_theme ul li .dark_grey_box {
	background-color:#0A0A0A;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}
.megamenu_dark_theme ul li .greybox li {
	background:#0A0A0A;
	border:1px solid #000000;
}
.megamenu_dark_theme ul li .greybox li:hover {
	background:#141414;
	border:1px solid #111111;
}
.megamenu_dark_theme ul li .plus li {
	background: url("../img/plus_dark.png") left 6px no-repeat;
}
.megamenu_dark_theme ul .levels a.parent, 
.megamenu_dark_theme ul .levels a.parent:hover {
	background: url("../img/arrow_right2.png") right center no-repeat;
}
.megamenu_vertical_right .megamenu_dark_theme ul .levels a.parent, 
.megamenu_vertical_right .megamenu_dark_theme ul .levels a.parent:hover {
	background: url("../img/arrow_left2.png") left center no-repeat;
}
.megamenu_dark_theme ul .contact_form input:focus, 
.megamenu_dark_theme ul .contact_form textarea:focus, 
.megamenu_dark_theme ul .contact_form select:focus {
	box-shadow: rgba(0,0,0, 0.7) 0 0 8px;
	-moz-box-shadow: rgba(0,0,0, 0.7) 0 0 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.7) 0 0 8px;  
	border:1px solid #333333;
}
.megamenu_dark_theme ul .contact_form input:hover, 
.megamenu_dark_theme ul .contact_form textarea:hover, 
.megamenu_dark_theme ul .contact_form select:hover {
	-webkit-box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
	-moz-box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
	box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
}
.megamenu_dark_theme ul .contact_form input, 
.megamenu_dark_theme ul .contact_form textarea, 
.megamenu_dark_theme ul .contact_form select {
	color: #FFFFFF; 
	background-color:#222222;
	border:1px solid #0A0A0A;
}
.megamenu_dark_theme ul .contact_form input.button {
	background-color:#1E1E1E;
	border:1px solid #0A0A0A;
	color:#cccccc;	
}
.megamenu_dark_theme ul .contact_form input.button:hover {
	color:#eeeeee;	
	background-color:#222222;
	border:1px solid #000000;
}




/*  _______________________________________

	08 COLORS
    _______________________________________  */




/* Black */

.megamenu_black {
	background: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#2a2a2a));
	background: -webkit-linear-gradient(top, #555, #2a2a2a);
	background: -moz-linear-gradient(top, #555, #2a2a2a);
	background: -o-linear-gradient(top, #555, #2a2a2a);
	background: -ms-linear-gradient(top, #555, #2a2a2a);
	background: linear-gradient(top, #555, #2a2a2a);
	border: 1px solid #222;
	border-top: 1px solid #777;
}
.megamenu_dark_theme .megamenu_black li div a {color:#CCC;}
.megamenu_dark_theme .megamenu_black li div a:hover {color:#EEE;}
.megamenu_dark_theme .megamenu_black li ul li a:hover {color:#EEE;}
.megamenu_light_theme .megamenu_black li div a {color:#444;}
.megamenu_light_theme .megamenu_black li div a:hover {color:#777;}
.megamenu_light_theme .megamenu_black li ul li a:hover {color:#777;}

/* Blue */

.megamenu_blue {
	background: #014464;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#03abfa), to(#013953));
	background: -webkit-linear-gradient(top, #0272a7, #013953);
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -o-linear-gradient(top, #0272a7, #013953);
	background: -ms-linear-gradient(top, #0272a7, #013953);
	background: linear-gradient(top, #0272a7, #013953);
	border: 1px solid #015b86;
	border-top: 1px solid #029feb;
}
.megamenu_dark_theme .megamenu_blue li div a {color:#0294da;}
.megamenu_dark_theme .megamenu_blue li div a:hover {color:#33bcfd;}
.megamenu_dark_theme .megamenu_blue li ul li a:hover {color:#33bcfd;}
.megamenu_light_theme .megamenu_blue li div a {color:#015b86;}
.megamenu_light_theme .megamenu_blue li div a:hover {color:#029feb;}
.megamenu_light_theme .megamenu_blue li ul li a:hover {color:#029feb;}

/* Brown */

.megamenu_brown {
	background: #44391e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#736033), to(#382f19));
	background: -webkit-linear-gradient(top, #736033, #382f19);
	background: -moz-linear-gradient(top, #736033, #382f19);
	background: -o-linear-gradient(top, #736033, #382f19);
	background: -ms-linear-gradient(top, #736033, #382f19);
	background: linear-gradient(top, #736033, #382f19);
	border: 1px solid #5c4c29;
	border-top: 1px solid #a28748;
}
.megamenu_dark_theme .megamenu_brown li div a {color:#8b733e;}
.megamenu_dark_theme .megamenu_brown li div a:hover {color:#bfa670;}
.megamenu_dark_theme .megamenu_brown li ul li a:hover {color:#bfa670;}
.megamenu_light_theme .megamenu_brown li div a {color:#5c4c29;}
.megamenu_light_theme .megamenu_brown li div a:hover {color:#a28748;}
.megamenu_light_theme .megamenu_brown li ul li a:hover {color:#a28748;}

/* Green */

.megamenu_green {
	background: #3e5718;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#658c26), to(#354914));
	background: -webkit-linear-gradient(top, #658c26, #354914);
	background: -moz-linear-gradient(top, #658c26, #354914);
	background: -o-linear-gradient(top, #658c26, #354914);
	background: -ms-linear-gradient(top, #658c26, #354914);
	background: linear-gradient(top, #658c26, #354914);
	border: 1px solid #52711f;
	border-top: 1px solid #8bc135;
}
.megamenu_dark_theme .megamenu_green li div a {color:#6f992a;}
.megamenu_dark_theme .megamenu_green li div a:hover {color:#a3d158;}
.megamenu_dark_theme .megamenu_green li ul li a:hover {color:#a3d158;}
.megamenu_light_theme .megamenu_green li div a {color:#52711f;}
.megamenu_light_theme .megamenu_green li div a:hover {color:#8bc135;}
.megamenu_light_theme .megamenu_green li ul li a:hover {color:#8bc135;}

/* Light Blue */

.megamenu_lightblue {
	background: #52786b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#709e8e), to(#52786b));
	background: -webkit-linear-gradient(top, #709e8e, #52786b);
	background: -moz-linear-gradient(top, #709e8e, #52786b);
	background: -o-linear-gradient(top, #709e8e, #52786b);
	background: -ms-linear-gradient(top, #709e8e, #52786b);
	background: linear-gradient(top, #709e8e, #52786b);
	border: 1px solid #608c7d;
	border-top: 1px solid #99b9ae;
}
.megamenu_dark_theme .megamenu_lightblue li div a {color:#608c7d;}
.megamenu_dark_theme .megamenu_lightblue li div a:hover {color:#99b9ae;}
.megamenu_dark_theme .megamenu_lightblue li ul li a:hover {color:#99b9ae;}
.megamenu_light_theme .megamenu_lightblue li div a {color:#608c7d;}
.megamenu_light_theme .megamenu_lightblue li div a:hover {color:#99b9ae;}
.megamenu_light_theme .megamenu_lightblue li ul li a:hover {color:#99b9ae;}

/* Orange */

.megamenu_orange {
	background: #d24900;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6717), to(#c14300));
	background: -webkit-linear-gradient(top, #ff6717, #c14300);
	background: -moz-linear-gradient(top, #ff6717, #c14300);
	background: -o-linear-gradient(top, #ff6717, #c14300);
	background: -ms-linear-gradient(top, #ff6717, #c14300);
	background: linear-gradient(top, #ff6717, #c14300);
	border: 1px solid #f45500;
	border-top: 1px solid #ff945b;
}
.megamenu_dark_theme .megamenu_orange li div a {color:#f45500;}
.megamenu_dark_theme .megamenu_orange li div a:hover {color:#ff945b;}
.megamenu_dark_theme .megamenu_orange li ul li a:hover {color:#ff945b;}
.megamenu_light_theme .megamenu_orange li div a {color:#f45500;}
.megamenu_light_theme .megamenu_orange li div a:hover {color:#ff945b;}
.megamenu_light_theme .megamenu_orange li ul li a:hover {color:#ff945b;}

/* Pink */

.megamenu_pink {
	background: #910045;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d50066), to(#80003d));
	background: -webkit-linear-gradient(top, #d50066, #80003d);
	background: -moz-linear-gradient(top, #d50066, #80003d);
	background: -o-linear-gradient(top, #d50066, #80003d);
	background: -ms-linear-gradient(top, #d50066, #80003d);
	background: linear-gradient(top, #d50066, #80003d);
	border: 1px solid #b30055;
	border-top: 1px solid #ff1a87;
}
.megamenu_dark_theme .megamenu_pink li div a {color:#e6006d;}
.megamenu_dark_theme .megamenu_pink li div a:hover {color:#ff4da1;}
.megamenu_dark_theme .megamenu_pink li ul li a:hover {color:#ff4da1;}
.megamenu_light_theme .megamenu_pink li div a {color:#b30055;}
.megamenu_light_theme .megamenu_pink li div a:hover {color:#ff1a87;}
.megamenu_light_theme .megamenu_pink li ul li a:hover {color:#ff1a87;}

/* Purple */

.megamenu_purple {
	background: #6a5f71;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8c8094), to(#615867));
	background: -webkit-linear-gradient(top, #8c8094, #615867);
	background: -moz-linear-gradient(top, #8c8094, #615867);
	background: -o-linear-gradient(top, #8c8094, #615867);
	background: -ms-linear-gradient(top, #8c8094, #615867);
	background: linear-gradient(top, #8c8094, #615867);
	border: 1px solid #7b6f83;
	border-top: 1px solid #ada5b3;
}
.megamenu_dark_theme .megamenu_purple li div a {color:#7b6f83;}
.megamenu_dark_theme .megamenu_purple li div a:hover {color:#ada5b3;}
.megamenu_dark_theme .megamenu_purple li ul li a:hover {color:#ada5b3;}
.megamenu_light_theme .megamenu_purple li div a {color:#7b6f83;}
.megamenu_light_theme .megamenu_purple li div a:hover {color:#ada5b3;}
.megamenu_light_theme .megamenu_purple li ul li a:hover {color:#ada5b3;}

/* Red */

.megamenu_red {
	background: #830701;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d70b02), to(#830701));
	background: -webkit-linear-gradient(top, #d70b02, #830701);
	background: -moz-linear-gradient(top, #d70b02, #830701);
	background: -o-linear-gradient(top, #d70b02, #830701);
	background: -ms-linear-gradient(top, #d70b02, #830701);
	background: linear-gradient(top, #d70b02, #830701);
	border: 1px solid #a40802;
	border-top: 1px solid #fd190f;
}
.megamenu_dark_theme .megamenu_red li div a {color:#d60a03;}
.megamenu_dark_theme .megamenu_red li div a:hover {color:#fd5953;}
.megamenu_dark_theme .megamenu_red li ul li a:hover {color:#fd5953;}
.megamenu_light_theme .megamenu_red li div a {color:#a40802;}
.megamenu_light_theme .megamenu_red li div a:hover {color:#fd190f;}
.megamenu_light_theme .megamenu_red li ul li a:hover {color:#fd190f;}

/* No left & right borders if full width menu bar */

.megamenu_wrapper_full .megamenu_container {
	border-left:none;
	border-right:none;
}




/*  _______________________________________

	09 MOBILE DEVICES
    _______________________________________  */




.megamenu_dark_theme .megamenu_container .megamenu > li.noactive,
.megamenu_light_theme .megamenu_container .megamenu > li.noactive {
	background-color:transparent;
	border:none;
}


@media only screen and (max-width: 1023px) {

	
	/* Menu Containers */
	
	.megamenu_wrapper {
		width:95%;
	}
	.megamenu_wrapper_full {
		width:100%;
	}
	.megamenu_wrapper .megamenu_container,
	.megamenu_wrapper_full .megamenu_container {
		width:100%;
		padding: 0;
		margin:0 auto;
		height:auto;
		float:left;
	}
	.megamenu_wrapper .megamenu_container .megamenu,
	.megamenu_wrapper_full .megamenu_container .megamenu {
		width:98%;
		margin:0;
		padding: 0 1% 0 1%;
	}

	/* Menu Items */
	
	.megamenu_wrapper .megamenu > li,
	.megamenu_wrapper_full .megamenu > li {
		height:40px;
		position:static;
		float:left;
		right:auto;
	}
	.megamenu_wrapper .megamenu > li.menuitem_right,
	.megamenu_wrapper_full .megamenu > li.menuitem_right {
		float:right;
	}

	/* Menu Drop Downs */
	
	.megamenu_wrapper .megamenu .dropdown_1column, 
	.megamenu_wrapper .megamenu .dropdown_2columns, 
	.megamenu_wrapper .megamenu .dropdown_3columns, 
	.megamenu_wrapper .megamenu .dropdown_4columns,
	.megamenu_wrapper .megamenu .dropdown_5columns,
	.megamenu_wrapper .megamenu .dropdown_fullwidth,
	.megamenu_wrapper .megamenu .dropdown_right,
	.megamenu_wrapper_full .megamenu .dropdown_1column, 
	.megamenu_wrapper_full .megamenu .dropdown_2columns, 
	.megamenu_wrapper_full .megamenu .dropdown_3columns, 
	.megamenu_wrapper_full .megamenu .dropdown_4columns,
	.megamenu_wrapper_full .megamenu .dropdown_5columns,
	.megamenu_wrapper_full .megamenu .dropdown_fullwidth,
	.megamenu_wrapper_full .megamenu .dropdown_right {
		top:auto;
		right:auto;
		left:auto;
		float:left;
		border-top: none;
		padding:2%;
		margin:-1px 0 0 -1px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}
	.megamenu .dropdown_1column  {
		width: 12.6666%;
	}
	.megamenu .dropdown_2columns  {
		width: 29.3333%;
	}
	.megamenu .dropdown_3columns  {
		width: 44%;
	}
	.megamenu .dropdown_4columns  {
		width: 60.6666%;
	}
	.megamenu .dropdown_5columns  {
		width: 79.3333%;
	}
	.megamenu .dropdown_fullwidth  {
		width: 94%;
	}
	.megamenu_wrapper .megamenu .dropdown_right,
	.megamenu_wrapper_full .megamenu .dropdown_right {
		left:auto;
		right:1%;
	}
	.megamenu_wrapper_vertical .megamenu .dropdown_right {
		left:auto;
		right:auto;
	}
	.megamenu_wrapper .megamenu .dropdown_fullwidth,
	.megamenu_wrapper .megamenu li.menuitem_right .dropdown_fullwidth,
	.megamenu_wrapper_full .megamenu .dropdown_fullwidth,
	.megamenu_wrapper_full .megamenu li.menuitem_right .dropdown_fullwidth {
		top:41px;
		right:auto;
		left:1%;
		margin: 0;
	}
	
	/* Menu Contact Form */
	
	.megamenu .contact_form label {
		width:92%;
	}
	.megamenu .contact_form input, 
	.megamenu .contact_form textarea {
		width:92%;
	}   
	.megamenu .contact_form .form_buttons {
		margin:4px 0 0 0;
	}
	
	/* Vertical Menu */
	
	.megamenu_wrapper_vertical {
		width: 100%;
		position: relative;
	}
	.megamenu_vertical_left,
	.megamenu_vertical_right {
		float:none;
	}
	.megamenu_wrapper_vertical .megamenu > li {
		margin:0;
		width:auto;
		float: left;
		clear: none;
	}
		.megamenu_vertical_right .megamenu li.menuitem_nodrop a {
			padding-right:10px;
			padding-left: 15px;
		}
		.megamenu_wrapper_vertical .megamenu li.menuitem_right {
			float:left;
			margin-right:auto;
		}
		.megamenu_wrapper_vertical .megamenu li.menuitem_right a {
			margin-right:auto;
		}
		.megamenu_vertical_right .megamenu .levels a {
			padding-left: 0;
		}
/*		.megamenu_vertical_right .megamenu .levels li:hover > ul {
			left:96%;
			right: auto;
		}
*/		.megamenu_vertical_left .megamenu_light_theme ul li .menuitem_drop,
		.megamenu_vertical_left .megamenu_light_theme .megamenu li.noactive .menuitem_drop,
		.megamenu_vertical_right .megamenu_light_theme ul li .menuitem_drop,
		.megamenu_vertical_right .megamenu_light_theme .megamenu li.noactive .menuitem_drop,
		.megamenu_vertical_left .megamenu_dark_theme ul li .menuitem_drop,
		.megamenu_vertical_left .megamenu_dark_theme .megamenu li.noactive .menuitem_drop,
		.megamenu_vertical_right .megamenu_dark_theme ul li .menuitem_drop,
		.megamenu_vertical_right .megamenu_dark_theme .megamenu li.noactive .menuitem_drop		 {
			padding-right:30px;
			padding-left: 15px;
			background-position: right 17px;
		}

		.megamenu_vertical_left .megamenu_light_theme ul li .menuitem_drop,
		.megamenu_vertical_left .megamenu_light_theme .megamenu li.noactive .menuitem_drop,
		.megamenu_vertical_right .megamenu_light_theme ul li .menuitem_drop,
		.megamenu_vertical_right .megamenu_light_theme .megamenu li.noactive .menuitem_drop {
			background-image:url("../img/arrow_down1.png");
		}
		.megamenu_vertical_left .megamenu_dark_theme ul li .menuitem_drop,
		.megamenu_vertical_left .megamenu_dark_theme .megamenu li.noactive .menuitem_drop,
		.megamenu_vertical_right .megamenu_dark_theme ul li .menuitem_drop,
		.megamenu_vertical_right .megamenu_dark_theme .megamenu li.noactive .menuitem_drop {
			background-image:url("../img/arrow_down2.png");
		}
		.megamenu_wrapper_vertical .megamenu_light_theme .megamenu > li > div,
		.megamenu_wrapper_vertical .megamenu_dark_theme .megamenu > li > div {
			border-top:none;
		}
		.megamenu_vertical_right .megamenu_light_theme ul .levels a.parent, 
		.megamenu_vertical_right .megamenu_light_theme ul .levels a.parent:hover {
			background: url("../img/arrow_right1.png") right center no-repeat;
		}
		.megamenu_vertical_right .megamenu_dark_theme ul .levels a.parent, 
		.megamenu_vertical_right .megamenu_dark_theme ul .levels a.parent:hover {
			background: url("../img/arrow_right2.png") right center no-repeat;
		}


}


@media only screen and (max-width:768px) {


	.megamenu_wrapper,
	.megamenu_wrapper_full {
		width:420px;
		margin: 0 auto;
		float: none;
	}
	.megamenu_vertical_left,
	.megamenu_vertical_right {
		float:none;
	}
	.megamenu_wrapper .megamenu_container,
	.megamenu_wrapper_full .megamenu_container {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.megamenu_wrapper .megamenu_container .megamenu,
	.megamenu_wrapper_full .megamenu_container .megamenu {
		width:100%;
		margin:0;
		padding: 0;
	}
	.megamenu_container .megamenu > li,
	.megamenu_container .megamenu > li:hover,
	.megamenu_container .megamenu > li.menuitem_right,
	.megamenu_container .megamenu > li.menuitem_right:hover {
		float:left;
		width:100%;
		display: block;
		padding-right:0;
		margin-right:0;
	}
	.megamenu_wrapper_full .megamenu_container .megamenu > li,
	.megamenu_wrapper_full .megamenu_container .megamenu > li:hover,
	.megamenu_wrapper_full .megamenu_container .megamenu > li.menuitem_right,
	.megamenu_wrapper_full .megamenu_container .megamenu > li.menuitem_right:hover {
		width:418px;
		margin:0 1px 0 1px;
	}
	.megamenu_wrapper .megamenu li.menuitem_right .dropdown_fullwidth,
	.megamenu_wrapper_full .megamenu li.menuitem_right > .dropdown_fullwidth {
		top:auto;
		right: auto;
		left: 0;
	}
	.megamenu_container .megamenu .dropdown_1column, 
	.megamenu_container .megamenu .dropdown_2columns, 
	.megamenu_container .megamenu .dropdown_3columns, 
	.megamenu_container .megamenu .dropdown_4columns,
	.megamenu_container .megamenu .dropdown_5columns,
	.megamenu_container .megamenu .dropdown_fullwidth,
	.megamenu_container .megamenu .dropdown_right  {
		left:0;
		top:auto;
		margin: -1px 0 0 0;
		width: 390px;
		padding:0 15px 0 15px;
	}
	.megamenu_wrapper_full .megamenu .dropdown_1column, 
	.megamenu_wrapper_full .megamenu .dropdown_2columns, 
	.megamenu_wrapper_full .megamenu .dropdown_3columns, 
	.megamenu_wrapper_full .megamenu .dropdown_4columns,
	.megamenu_wrapper_full .megamenu .dropdown_5columns,
	.megamenu_wrapper_full .megamenu .dropdown_fullwidth,
	.megamenu_wrapper_full .megamenu .dropdown_right  {
		padding:0 13px 0 15px;
	}

	/* Menu Drop Downs Columns */
	
	.megamenu .col_one_sixth,
	.megamenu .col_one_fifth,
	.megamenu .col_one_quarter,
	.megamenu .col_one_third,
	.megamenu .col_two_fifths,
	.megamenu .col_half,
	.megamenu .col_three_fifths,
	.megamenu .col_two_thirds,
	.megamenu .col_three_quarters,
	.megamenu .col_four_fifths,
	.megamenu .col_five_sixths,
	.megamenu .col_full {
		margin-left: 0;
		margin-right: 0;
		width: 96%;
		float: left;
		display: block;
	}
	.megamenu > .col_one_sixth,
	.megamenu > .col_one_fifth,
	.megamenu > .col_one_quarter,
	.megamenu > .col_one_third,
	.megamenu > .col_two_fifths,
	.megamenu > .col_half,
	.megamenu > .col_three_fifths,
	.megamenu > .col_two_thirds,
	.megamenu > .col_three_quarters,
	.megamenu > .col_four_fifths,
	.megamenu > .col_five_sixths,
	.megamenu > .col_full {
		margin-left: 2%;
		margin-right: 2%;
	}

	/* Regular Drop Down (turned into a list) */

	.megamenu_wrapper .megamenu .levels li ul,
	.megamenu_wrapper_full .megamenu .levels li ul {
		position: relative;
		top:auto;
		margin:0;
		padding:0;
	    -webkit-border-radius: 0;
		-moz-border-radius: 0;
	    border-radius: 0;
		left: auto;
		border:none;
		background:none;
	}
	.megamenu_wrapper .megamenu .levels li,
	.megamenu_wrapper_full .megamenu .levels li {
		float: left;
		width:100%;
	}
	.megamenu_wrapper .megamenu .levels li:hover > ul,
	.megamenu_wrapper_full .megamenu .levels li:hover > ul {
		left: auto;
	}
	.megamenu_dark_theme ul .levels a.parent, 
	.megamenu_dark_theme ul .levels a.parent:hover,
	.megamenu_dark_theme ul .levels li ul,
	.megamenu_light_theme ul .levels a.parent, 
	.megamenu_light_theme ul .levels a.parent:hover,
	.megamenu_light_theme ul .levels li ul,
	.megamenu_wrapper .megamenu_dark_theme ul .levels a.parent, 
	.megamenu_wrapper .megamenu_dark_theme ul .levels a.parent:hover,
	.megamenu_wrapper .megamenu_dark_theme ul .levels li ul,
	.megamenu_wrapper .megamenu_light_theme ul .levels a.parent, 
	.megamenu_wrapper .megamenu_light_theme ul .levels a.parent:hover,
	.megamenu_wrapper .megamenu_light_theme ul .levels li ul {
		background: none;
		border:none;
	}


}


@media only screen and (max-width:479px) {


	.megamenu_wrapper,
	.megamenu_wrapper_full {
		width:300px;
	}
	.megamenu_wrapper_full .megamenu_container .megamenu > li,
	.megamenu_wrapper_full .megamenu_container .megamenu > li:hover,
	.megamenu_wrapper_full .megamenu_container .megamenu > li.menuitem_right,
	.megamenu_wrapper_full .megamenu_container .megamenu > li.menuitem_right:hover {
		width:298px;
	}
	.megamenu_container .megamenu .dropdown_1column, 
	.megamenu_container .megamenu .dropdown_2columns, 
	.megamenu_container .megamenu .dropdown_3columns, 
	.megamenu_container .megamenu .dropdown_4columns,
	.megamenu_container .megamenu .dropdown_5columns,
	.megamenu_container .megamenu .dropdown_fullwidth,
	.megamenu_container .megamenu .dropdown_right  {
		width: 270px;
	}


}
