/*
Item Name : Responsive Mega Menu Complete Set
Item URI : http://codecanyon.net/item/mega-menu-complete-set/152825
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 3.31
*/

/*

TABLE OF CONTENTS

01 MEGA MENU BAR
02 MEGA MENU CONTAINERS
03 DROP DOWN COLUMNS GRID
04 FLY-OUT MENU
05 MEGA MENU WEB ELEMENTS
   1. General Typography
   2. Lists
   3. Custom Paragraphs
   4. Video + Misc.
   5. Images
   6. Paragraph Icons
   7. Social Icons
   8. Form Elements
   9. Tables
06 DEFAULT THEMES, DARK & LIGHT (COMPULSORY)
   1. Dark Menu Bar
   2. Light Menu Bar
   3. Dark Drop Down
   4. Light Drop Down
   5. Neutral Colored Elements
      - Form Elements
      - Tables
07 ADDITIONAL THEMES (OPTIONNAL)
   1. Blue
   2. Brown
   3. Cherry
   4. Coffee
   5. Green
   6. Grey
   7. Ocean
   8. Orange
   9. Pink
   10. Purple
   11. Red
   12. Tan
   13. Yellow
08 VERTICAL MEGA MENU
09 MOBILE DEVICES
   1. Common Media Queries
   2. Horizontal Mega Menu Media Queries
   3. Vertical Mega Menu Media Queries

*/


/*  _______________________________________________

    01 MEGA MENU BAR
    _______________________________________________  */




.megamenu_container {
	height: auto;
	margin:0 auto;
	z-index:9999;
}
.megamenu_absolute {
	width: inherit;
	/* IE7 Fix */
	*width:expression(this.parentNode.currentStyle['width']);
}
.megamenu {
	list-style:none;
	padding:0;
	position:relative; /* For IE7 */
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1;
}
	.megamenu > li {
		float:left;
		margin:0;
		border:none;
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		-ms-transition: background 0.5s ease;
		transition: background 0.5s ease;
	}
		.megamenu > li > a {
			font-size:12px;
			text-transform:uppercase;
			outline:0;
			text-decoration:none;
			display:block;
			padding: 16px 15px 17px 15px;
		}
		.megamenu > li .megamenu_drop, .megamenu > limegamenu_button {
			font-size:14px;
		}
		.megamenu li.megamenu_button {
			display: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none;
		}

		/* Right aligned menu item */
		
		.megamenu li.megamenu_right {
			float:right;
			margin-right:-1px;
		}
		.megamenu li.megamenu_right a {
			margin-right:5px;
		}

		


/*  _______________________________________________

    02 MEGA MENU CONTAINERS
    _______________________________________________  */




.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
	position: absolute;
	margin:0px 0 0 0;
	padding-top:5px;
	padding-bottom:5px;
	left:-9999em;
	top:-9999em;
	display: block;
	zoom:1;
	z-index:9998;
	float: left;
}
.megamenu li .dropdown_first {
	margin-left:-1px;
}
.megamenu li .droplast_right {
	margin-right:-1px;
}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover .dropdown_container {
	top:36px;
	left:auto;
}
.megamenu li:hover .dropdown_fullwidth {
	top:36px;
	left:-1px;
}
.megamenu li .dropdown_right {
	right:0;
}
.megamenu li:hover .dropdown_right {
	top:36px;
	left:auto;
	right:0;
}


/*
	Bigger containers need smaller padding values and
	on the opposite, smaller containers will have
	higher paddings. 
	This makes the content within each kind of drop down 
	equally distant from the left edge. 
*/

.megamenu .dropdown_1column {
	width: 8.3334%;
	padding-left: 2%;
	padding-right: 2%;
}
.megamenu .dropdown_2columns {
	width: 16.6667%;
	padding-left: 1.8333%;
	padding-right: 1.8333%;
}
.megamenu .dropdown_3columns {
	width: 25%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.megamenu .dropdown_3columns {
	width: 28%;
	padding-left: 0%;
	padding-right: 0%;
}
.megamenu .dropdown_4columns {
	width: 33.3334%;
	padding-left: 1.333%;
	padding-right: 1.333%;
}
.megamenu .dropdown_4columns {
	width: 35.9994%;
	padding-left: 0%;
	padding-right: 0%;
}
.megamenu .dropdown_5columns {
	width: 41.6667%;
	padding-left: 1.166%;
	padding-right: 1.166%;
}
.megamenu .dropdown_5columns {
	width: 44%;
	padding-left: 0%;
	padding-right: 0%;
}
.megamenu .dropdown_6columns {
	width: 50%;
	padding-left: 1%;
	padding-right: 1%;
}
.megamenu .dropdown_7columns {
	width: 58.3334%;
	padding-left: 0.833%;
	padding-right: 0.833%;
}
.megamenu .dropdown_8columns {
	width: 66.6667%;
	padding-left: 0.666%;
	padding-right: 0.666%;
}
.megamenu .dropdown_9columns {
	width: 75%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
.megamenu .dropdown_10columns {
	width: 83.3334%;
	padding-left: 0.333%;
	padding-right: 0.333%;
}
.megamenu .dropdown_11columns {
	width: 91.6667%;
	padding-left: 0.1666%;
	padding-right: 0.1666%;
}
.megamenu .dropdown_12columns,
.megamenu .dropdown_fullwidth {
	width: 100%;
}




/*  _______________________________________________

    03 DROP DOWN COLUMNS GRID
    _______________________________________________  */




.megamenu .col_1,
.megamenu .col_2,
.megamenu .col_3,
.megamenu .col_4,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12 {
	float: left;
	display:inline;
	position: relative;
	margin-left: 2%;
	margin-right: 2%;
	/* 
	Rounding error with IE7.
	Lower margin values will absorb the difference.
	*/
	*margin-left: 1.9%;
	*margin-right: 1.9%;
}

.megamenu .col_1 {width:4.33%;}
.megamenu .col_2 {width:12.66%;}
.megamenu .col_3 {width:21%;}
.megamenu .col_4 {width:29.33%;}
.megamenu .col_5 {width:37.66%;}
.megamenu .col_6 {width:46%;}
.megamenu .col_7 {width:54.33%;}
.megamenu .col_8 {width:62.66%;}
.megamenu .col_9 {width:71%;}
.megamenu .col_10 {width:79.33%;}
.megamenu .col_11 {width:87.66%;}
.megamenu .col_12 {width:96%;}

.megamenu .rowcontent {
	clear:left;
	/*
	IE7 clear issue.
	Display inline required.
	*/
	*display:inline;
}




/*  _______________________________________________

    04 FLY-OUT MENU
    _______________________________________________  */




.megamenu .dropdown_flyout, 
.megamenu .dropdown_flyout .dropdown_flyout_level {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.megamenu .dropdown_flyout li {
	float: left;
	width: 92%;
	padding: 3px 4% 3px 4%;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.megamenu .dropdown_flyout ul li {
	width: 140px;
	padding: 3px 10px 3px 10px;
}
.megamenu .dropdown_flyout a {
	display: block;
	width: 10em;
}
.megamenu .dropdown_flyout .dropdown_flyout_level {
	position: absolute;
	margin:15px 0 0 4px;
	padding:6px;
	left: -9999em;
	top:-9999em;
	display: block;
	zoom:1;
	float: left;
}
.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
	left:95%;
	top:-21px;
}
.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
	left:-108%;
	right:100%;
}




/*  _______________________________________________

    05 MEGA MENU WEB ELEMENTS
    _______________________________________________  */




/* 1. General Typography */

.megamenu > li > div a {
	text-decoration: none;
	outline: none;
}
.megamenu > li > div a:hover {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
	transition: color 0.3s;
}
.megamenu p {
	font-size:12px; 
	line-height:18px; 
	margin-bottom: 10px;
}


/* 2. Lists */


.megamenu li ul,
.megamenu li ol {
	padding:0;
	margin:0 0 18px 20px;
}
.megamenu li ul {
	list-style:none;
}
.megamenu li ol {
	list-style:decimal;
	*margin-left: 22px;
}
	.megamenu li ul li,
	.megamenu li ol li {
		font-size:12px;
		line-height:21px; 
		position:relative;
		padding:0;
		margin:0;
		float:none;
		text-align:left;
	}
.megamenu li .list_unstyled {
	list-style: none;
	margin-left:0;
}

/* 3. Custom Paragraphs */


.megamenu .blue, 
.megamenu .grey, 
.megamenu .orange, 
.megamenu .dark, 
.megamenu .purple {
	padding:0 0 0 15px; 
	margin-bottom:18px;
	border-left: solid 5px;
}
	.megamenu .blue {border-left-color:#929292;}
	.megamenu .grey {border-left-color:#ECE7BA;}
	.megamenu .orange {border-left-color:#BD4F33;}
	.megamenu .dark {border-left-color:#3F3F3F;}
	.megamenu .purple {border-left-color:#382E34;}

.megamenu .black_box {
	text-shadow:none;
	padding:10px;
	margin-top:-10px;
	*margin-top:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.megamenu .post-list{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
}

.megamenu .post-list li{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #e4e4e4;
	list-style:none;
	margin: 0;
	padding: 0;
}

.megamenu .post-list li.first-child{
	border-top: none;
}

.megamenu .post-list li.last-child{
	border-bottom: none;
}

.megamenu .post-list li span.img-wrap{
	width: 38%;
	margin: 0;
	padding: 0;
	margin-right: 4%;
	float: left;
}

.megamenu .post-list li img{
	border: 3px double #ccc;
	margin: 0;
	padding: 0;
	opacity: 1.0;
}

.megamenu .post-list li p{
	width: 58%;
	float: left;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

.megamenu .post-list p span{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 13px;
	color: #444;
}

.megamenu .post-list li a{
	display: block;
	padding: 10px;
}

.megamenu .post-list li a:hover{
	background: #eee;
}

.megamenu .post-list li p:hover,.megamenu .post-list li a:hover p{
	font-weight: normal;
}

/* 4. Video + Misc. */


.megamenu .video_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 24px;
}
	.megamenu .video_container iframe,  
	.megamenu .video_container object,  
	.megamenu .video_container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:none;
	}
.megamenu .dropcap {
	display:block; 
	float:left; 
	font-size:42px; 
	line-height:36px; 
	margin:4px 8px 0 0;
}
.megamenu hr {
	width: 100%;
	height: 0;
	*height:2px;
	border:none;
	margin-bottom: 24px;
}


/* 5. Images */


.megamenu img {
	width: auto;
	height: auto;
	border:none;
	margin: 0;
	padding: 0;
}

.megamenu img:hover{
	margin: 0;
	padding: 0;
}

.megamenu a.thumb{
	margin: -5px 0 5px 0;
	border: 3px double #ccc;
	display: block;
}
.megamenu .thumb img{
	opacity:1.0;
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}

.megamenu .effect img{
	width: 100%;
	margin-bottom: 15px;
	opacity: 0.8;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
}

.megamenu .effect img:hover{
	opacity: 1.0;
}

/* 6. Paragraph Icons */


.megamenu .paragraph_icon {
	padding-left: 36px;
	padding-right: 20px;
	margin-bottom: 18px;
}
.megamenu .mini_icon {
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-left:-34px;
	float: left;
	width: 20px;
	height: 20px;
}
.megamenu_dark .megamenu .mini_icon {
    background-image: url("../img/icons/mini-icons-white.png");
}
.megamenu_light .megamenu .mini_icon {
    background-image: url("../img/icons/mini-icons-black.png");
}

.megamenu .ic_archive{ background-position: 0 0;  } 
.megamenu .ic_attachment{ background-position: 0 -56px;  } 
.megamenu .ic_bookmark{ background-position: 0 -112px;  } 
.megamenu .ic_brush{ background-position: 0 -168px;  } 
.megamenu .ic_calc{ background-position: 0 -224px;  } 
.megamenu .ic_calendar{ background-position: 0 -280px;  } 
.megamenu .ic_cancel{ background-position: 0 -336px;  } 
.megamenu .ic_chat{ background-position: 0 -392px;  } 
.megamenu .ic_chats{ background-position: 0 -448px;  } 
.megamenu .ic_cloud{ background-position: 0 -504px;  } 
.megamenu .ic_delete{ background-position: 0 -560px;  } 
.megamenu .ic_documents{ background-position: 0 -616px;  } 
.megamenu .ic_down{ background-position: 0 -672px;  } 
.megamenu .ic_down_circle{ background-position: 0 -728px;  } 
.megamenu .ic_download{ background-position: 0 -784px;  } 
.megamenu .ic_edit{ background-position: 0 -840px;  } 
.megamenu .ic_empty_document{ background-position: 0 -896px;  } 
.megamenu .ic_favorite{ background-position: 0 -952px;  } 
.megamenu .ic_folder{ background-position: 0 -1008px;  } 
.megamenu .ic_fullscreen{ background-position: 0 -1064px;  } 
.megamenu .ic_graph{ background-position: 0 -1120px;  } 
.megamenu .ic_grid{ background-position: 0 -1176px;  } 
.megamenu .ic_left{ background-position: 0 -1232px;  } 
.megamenu .ic_left_circle{ background-position: 0 -1288px;  } 
.megamenu .ic_list{ background-position: 0 -1344px;  } 
.megamenu .ic_lock{ background-position: 0 -1400px;  } 
.megamenu .ic_mail{ background-position: 0 -1456px;  } 
.megamenu .ic_minus{ background-position: 0 -1512px;  } 
.megamenu .ic_ok{ background-position: 0 -1568px;  } 
.megamenu .ic_picture{ background-position: 0 -1624px;  } 
.megamenu .ic_pin{ background-position: 0 -1680px;  } 
.megamenu .ic_plus{ background-position: 0 -1736px;  } 
.megamenu .ic_power{ background-position: 0 -1792px;  } 
.megamenu .ic_print{ background-position: 0 -1848px;  } 
.megamenu .ic_refresh{ background-position: 0 -1904px;  } 
.megamenu .ic_right{ background-position: -56px 0;  } 
.megamenu .ic_right_circle{ background-position: -56px -56px;  } 
.megamenu .ic_settings{ background-position: -56px -112px;  } 
.megamenu .ic_sound{ background-position: -56px -168px;  } 
.megamenu .ic_sync{ background-position: -56px -224px;  } 
.megamenu .ic_tag{ background-position: -56px -280px;  } 
.megamenu .ic_target{ background-position: -56px -336px;  } 
.megamenu .ic_text_document{ background-position: -56px -392px;  } 
.megamenu .ic_time{ background-position: -56px -448px;  } 
.megamenu .ic_unlock{ background-position: -56px -504px;  } 
.megamenu .ic_up{ background-position: -56px -560px;  } 
.megamenu .ic_up_circle{ background-position: -56px -616px;  } 
.megamenu .ic_user{ background-position: -56px -672px;  } 
.megamenu .ic_users{ background-position: -56px -728px;  } 
.megamenu .ic_zoom{ background-position: -56px -784px;  } 


/* 7. Social Icons */


.megamenu .social_icon {
	width: 42px;
	height: 42px;
	margin-bottom: 12px;
	*padding-bottom:18px;
	float: left;
    background: url("../img/icons/social-icons.png") no-repeat top left;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity:0.6;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-transition: .3s all ease-in; 
	-o-transition: .3s all ease-in;
	-moz-transition: .3s all ease-in; 
	transition: .3s all ease-in;
}
.megamenu .social_icon:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
}
.megamenu .social_icon_delicious {background-position: 0 0;} 
.megamenu .social_icon_digg {background-position: 0 -62px;} 
.megamenu .social_icon_dribble {background-position: 0 -124px;} 
.megamenu .social_icon_ember {background-position: 0 -186px;} 
.megamenu .social_icon_facebook {background-position: 0 -248px;} 
.megamenu .social_icon_flickr {background-position: 0 -310px;} 
.megamenu .social_icon_forrst {background-position: 0 -372px;} 
.megamenu .social_icon_google {background-position: 0 -434px;} 
.megamenu .social_icon_last_fm {background-position: 0 -496px;} 
.megamenu .social_icon_linkedin {background-position: 0 -558px;} 
.megamenu .social_icon_my_space {background-position: 0 -620px;} 
.megamenu .social_icon_quora {background-position: 0 -682px;} 
.megamenu .social_icon_rss {background-position: 0 -744px;} 
.megamenu .social_icon_sharethis {background-position: 0 -806px;} 
.megamenu .social_icon_skype {background-position: 0 -868px;} 
.megamenu .social_icon_stumbleupon {background-position: 0 -930px;} 
.megamenu .social_icon_tumblr {background-position: 0 -992px;} 
.megamenu .social_icon_twitter {background-position: 0 -1054px;} 
.megamenu .social_icon_vimeo {background-position: 0 -1116px;} 
.megamenu .social_icon_you_tube {background-position: 0 -1178px;} 


/* 8. Form Elements */


.megamenu .contact_form {
	display: block;
	margin: 0 0 20px 0;
}
.megamenu .contact_form label {
	font-size: 15px;
	float: left;
	margin:15px 0 10px;
	line-height: 32px;
	width: 15%;
}

.megamenu .contact_form label.long {
	width: 100%;
	margin:10px 0 0;
}

.megamenu .form_element {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 20px;
	float: left;
	width: 78%;
	padding:6px;
	margin:15px 0 10px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
    border-radius:3px;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}   
	.megamenu .form_element:focus {
		outline:none;
	}
.megamenu .contact_form textarea {
	width:94%;
	height:110px;
	resize:none;
	margin:0px 0 10px;
}
.megamenu .contact_form .required {
	color:#C00;
}
.megamenu .contact_form .button {
	font-size: 14px;
	padding: 7px 12px;
	margin:9px 12px 0 0;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-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;
}
.megamenu .contact_form .button:active {
	position:relative;
	top:1px;
}
.megamenu > li.megamenu_searchform {
	padding: 7px 12px 0 0;
}
.megamenu > li.megamenu_searchform input {
	font-size: 12px;
}
.megamenu > li.megamenu_searchform .megamenu_searchfield {
	margin-top: 2px;
	padding: 4px 4px 4px 6px;
	width: 202px;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


/* 9. Tables */


.megamenu .table_light, 
.megamenu .table_dark {
	width:100%;
	padding:0;
	margin:6px 0 18px 0;
	font-size:12px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.megamenu .table_light th, 
.megamenu .table_dark th {
	text-align:left; 
	padding:12px 9px 12px 9px; 
	font-weight:bold; 
	font-size:12px;
}
	.megamenu .table_light td,
	.megamenu .table_dark td {
		padding:12px 9px 12px 9px; 
	}


/* 10. Search */

.megamenu .megamenu_right input.search-box{
	margin: 6px 0 auto;
	padding: 0 5px;
	float: left;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5) inset;
	height: 35px;
	line-height: 25px;
	font-size: 13px;
	width: 200px;
}

.megamenu .megamenu_right button.search-button{
	float: right;
	margin: 6px 0 auto;
	height: 35px;
		background: #ce2103;
		opacity: 0.7;
		-webkit-transition: opacity 0.5s ease;
		-moz-transition: opacity 0.5s ease;
		-o-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
}

.megamenu .megamenu_right button.search-button:hover{
	opacity: 1.0;
}

.megamenu .megamenu_right button.search-button img{
	width: 23px;
	height: 23px;
	margin: 6px;
}

/*  _______________________________________________

    06 DEFAULT THEMES, DARK & LIGHT (COMPULSORY)
    _______________________________________________  */


/* 2. Light Menu Bar */


.megamenu_light_bar {
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	border-bottom: 1px solid #ddd;
}
.megamenu_light_bar .megamenu {
	color:#333;
}

.megamenu_light_bar .megamenu li{

}

	.megamenu_light_bar .megamenu  li.bang{
		border-right: 1px solid #ddd;
}

	.megamenu_light_bar .megamenu  li.bang.first{
		border-left: 1px solid #ddd;
}

	.megamenu_light_bar .megamenu  li.bang:last-child{
		border-right: 0px solid #ddd;
}

	.megamenu_light_bar .megamenu  li.bang:hover{
	background:#522f15;
}

	.megamenu_light_bar .megamenu  li.bang:last-child:hover{
		background: none;
}

.megamenu_light_bar .megamenu li .fa{
	width: 17px;
	color:#522f15;
	color:#342011;
}

.megamenu_light_bar .megamenu li a.home .fa{
	font-size: 24px;
	line-height: 30px;
	width: auto;
	display: block;
}

.megamenu_light_bar .megamenu li a.home span{
	display: none;
}

.megamenu_light_bar .megamenu li .fa.down{
	margin: 0 0 0 5px;
}

.megamenu_light_bar .megamenu li a.megamenu_drop{
	background: none;
	padding: 8px 30px;
	text-shadow: none;
	color:#522f15;
	color:#342011;
	line-height: 30px;
	font-size: 13px;
}

	.megamenu_light_bar .megamenu  li.bang:last-child a.megamenu_drop{
	padding: 8px 0px;
}

	.megamenu_light_bar .megamenu  li.bang:last-child a.megamenu_drop:hover{
	color:#522f15;
}

.megamenu_light_bar .megamenu li a.megamenu_drop:hover, .megamenu_light_bar .megamenu li a.megamenu_drop:active,.megamenu_light_bar .megamenu li:hover .fa{
	color: #fff;
	text-shadow: none;
}

	.megamenu_light_bar .megamenu  li.bang:last-child:hover .fa{
	color:#522f15;
}

	.megamenu_light_bar .megamenu li.noactive {
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.megamenu_light_bar .megamenu > li > a {
		color:#212121;
	}
	.megamenu_light_bar .megamenu > li:hover > a {
		color:#fff;
	}
	.megamenu_light_bar .megamenu > li.megamenu_right:hover > a {
	color:#522f15;
}

	.megamenu_light_bar .megamenu > li .megamenu_drop {
		/*background:url("../img/dropdown-b.png") no-repeat right 18px;*/
	}
	.megamenu_light_bar .megamenu_vertical > li .megamenu_drop {
		/*background:url("../img/right-b.png") no-repeat right 16px;*/
	}
	.megamenu_light_bar .megamenu li.megamenu_button,
	.megamenu_light_bar .megamenu li.megamenu_button:hover {
		/*background:url("../img/dropdown-b.png") no-repeat right 19px;*/
	}
	.megamenu_light_bar .megamenu li.megamenu_button_active,
	.megamenu_light_bar .megamenu li.megamenu_button_active:hover {
		/*background:url("../img/dropdown-b-up.png") no-repeat right 18px;*/
	}


/* 4. Light Drop Down */


.megamenu_light .megamenu li .dropdown_container,
.megamenu_light .megamenu li .dropdown_fullwidth,
.megamenu_light .megamenu li .dropdown_flyout li ul {
	background: #ffffff;
	color: #212121;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
}



.megamenu_light .megamenu li .dropdown_flyout li ul {
	border:1px solid #CCCCCC;
}
.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent {
	background:url("../img/right-b.png") no-repeat right 9px;
}
.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent:hover,
.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.active {
	background-color:#eeeeee;
}
.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.noactive {
	background-color:transparent;
}

.megamenu_light .megamenu > li > div a,
.megamenu_light .megamenu li ul li,
.megamenu_light .megamenu li ol li {
	color:#555;
}
.megamenu_light .megamenu > li > div a:hover {
	color: #fff;
	background: #522f15;
}

.megamenu_light .megamenu li ul{
	width: 100%;
	margin: 0;
	padding: 0;
}

.megamenu_light .megamenu li ul.half li{
	float: left;
	width: 49%;
	margin-right: 2%;
}

.megamenu_light .megamenu li ul.half li:nth-child(2n){
	margin-right: 0%;
}

.megamenu_light .megamenu li ul.normal li{
	width: 100%;
}

.megamenu_light .megamenu li ul li a{
		font-size:13px;
		line-height:13px;
		padding: 10px 5px;
		margin: 0 0 2px;
		display: block;	
		list-style: none;
		background: #f8f8f8;
		border: 1px solid #eee;
		color: #222;
}

.megamenu_light .megamenu li ul.normal li a::before, .megamenu_light .megamenu li ul.half li a::before{
  content: "\f061";
  font-family: 'FontAwesome';
  margin: 0 5px;
  font-size: 11px;
}




/* 5. Neutral Colored Elements */


/* Form Elements */

.megamenu .form_element {
	color: #000000; 
	background-color:#fbfbfb;
	border:1px solid #dddddd;
}   
	.megamenu .form_element:hover{
		background-color:#fcfcfc;
	}
	.megamenu .form_element:focus {
		background-color:#ffffff;
	}
.megamenu .contact_form .required {
	color:#C00;
}
.megamenu .contact_form .button {
	width: 40%;
	margin: 0 30%;
	background-color: #ce2103;
	color: #fff;
	-webkit-box-shadow: 0 1px 1px #000000;
	-moz-box-shadow: 0 1px 1px #000000;
	box-shadow: 0 1px 1px #000000;
}
.megamenu .contact_form .button:hover, 
.megamenu .contact_form .button:focus {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5) ;
	background: #ce2103;
}
.megamenu .contact_form .button:active {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5) inset;
}
.megamenu > li.megamenu_searchform .megamenu_searchfield {
	background: #fff;
	border: solid 1px #bcbbbb;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

/* Tables */

.megamenu .table_light {
	border:1px solid #cbcbcb;
	border-bottom:none;
}
	.megamenu .table_light th {
		color:#3A3A3A; 
		border-bottom:1px solid #cbcbcb; 
		background:#F5F5F5;
	}
	.megamenu .table_light td {
		border-bottom:1px solid #cbcbcb; 
		background:#fff; 
		color:#888;
	}



/*  _______________________________________________

    09 MOBILE DEVICES
    _______________________________________________  */




/* 1. Common Media Queries */

@media only screen and (min-width: 0px) and (max-width: 1020px) {

	.megamenu img {
		max-width: 96%;
		height: auto;
	}
	.megamenu textarea {
		width:96%;
	}

.megamenu_light_bar .megamenu li a.megamenu_drop{
	padding: 5px 10px 5px;
	font-size: 12px;
}

}


@media only screen and (min-width: 0px) and (max-width: 690px) {

	.megamenu_container .megamenu > li > div > .responsive_sixths,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_sixths {
		width: 8.66%;
	}
	.megamenu_container .megamenu > li > div > .responsive_fourths,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_fourths {
		width: 17%;
	}
	.megamenu_container .megamenu > li > div > .responsive_thirds,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_thirds {
		width: 25.33334%;
	}
	.megamenu_container .megamenu > li > div > .responsive_halfs,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_halfs {
		width: 42%;
	}



.megamenu_light_bar {
	background:#522f15;
	background: #342011;
	border-bottom: none;
}
.megamenu_light_bar .megamenu {
	color:#444;
}

.megamenu_light_bar .megamenu .megamenu_button{

}

.megamenu_light_bar .megamenu .megamenu_button a{
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 16px;
}

.megamenu_light_bar .megamenu .megamenu_button a .fa{
	margin: 0 5px 0 0;
}

.megamenu_light_bar .megamenu  li.bang{
		border-right: none;
		border-bottom: 1px solid rgba(255,255,255,0.1);
}

	.megamenu_light_bar .megamenu  li.bang.first{
		border-left: none;
		border-top: 1px solid rgba(255,255,255,0.1);
}

	.megamenu_light_bar .megamenu  li.bang:last-child{
		border-bottom: 0px solid #ddd;
}
.megamenu_light_bar .megamenu li .fa{
	color:#fff;
}

.megamenu_light_bar .megamenu li a.home .fa{
	font-size: 15px;
	display: inline-block;
}

.megamenu_light_bar .megamenu li a.home span{
	display: inline-block;
	margin: 0 0 0 5px;
}

.megamenu_light_bar .megamenu li a.megamenu_drop{
	color:#fff;
}

	.megamenu_light_bar .megamenu  li.bang:last-child a.megamenu_drop{
	padding: 5px 10px;
}

	.megamenu_light_bar .megamenu  li.bang:last-child a.megamenu_drop:hover{
	color:#522f15;
	color: #fff;
}

.megamenu_light_bar .megamenu li a.megamenu_drop:hover, .megamenu_light_bar .megamenu li a.megamenu_drop:active,.megamenu_light_bar .megamenu li:hover .fa{
	color: #fff;
	text-shadow: none;
	background: transparent;
}

	.megamenu_light_bar .megamenu  li.bang:last-child:hover .fa{
	color: #fff;
}


	.megamenu_light_bar .megamenu > li > a {
		color:#212121;
	color: #fff;
	}
	.megamenu_light_bar .megamenu > li:hover > a {
		color:#fff;
	}
	.megamenu_light_bar .megamenu > li.megamenu_right:hover > a {
	color:#fff;
}

}


/* 2. Horizontal Mega Menu Media Queries */


@media only screen and (min-width: 0px) and (max-width: 1020px) {

	.megamenu_container .megamenu > li {
		margin:0 0px 0 0;
	}
		.megamenu_container .megamenu > li.right {
			margin-right:-1px;
		}
		.megamenu_container .megamenu > li > a {
			padding: 16px 10px 17px 10px;
		}
		.megamenu_container .megamenu > li .megamenu_drop {
			padding-right:0px;
		}

}


@media only screen and (max-width:690px) {

	.megamenu_container {
		height: auto;
	}
	.megamenu_container .megamenu > li,
	.megamenu_container .megamenu > li:hover,
	.megamenu_container .megamenu > li.right,
	.megamenu_container .megamenu > li.right:hover {
		float:none;
		width:auto;
		padding-right:0;
		margin-right:0;
	}
		.megamenu_container .megamenu > li > a {
			padding: 16px 10px 16px 10px;
		}
		.megamenu_container .megamenu li.right a {
			margin-right:0;
		}

	 .megamenu_container .megamenu li:hover .dropdown_container,
	 .megamenu_container .megamenu li:hover .dropdown_fullwidth,
	 .megamenu_container .megamenu li:hover .dropdown_right {
		top:auto;
		left:-1px;
	}
  	.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_6columns,
	.megamenu_container .megamenu .dropdown_7columns,
	.megamenu_container .megamenu .dropdown_8columns,
	.megamenu_container .megamenu .dropdown_9columns,
	.megamenu_container .megamenu .dropdown_10columns,
	.megamenu_container .megamenu .dropdown_11columns,
	.megamenu_container .megamenu .dropdown_12columns {
		width: 100%;
		padding-left:0;
		padding-right:0;
	}
	.megamenu_container .megamenu .col_1,
	.megamenu_container .megamenu .col_2,
	.megamenu_container .megamenu .col_3,
	.megamenu_container .megamenu .col_4,
	.megamenu_container .megamenu .col_5,
	.megamenu_container .megamenu .col_6,
	.megamenu_container .megamenu .col_7,
	.megamenu_container .megamenu .col_8,
	.megamenu_container .megamenu .col_9,
	.megamenu_container .megamenu .col_10,
	.megamenu_container .megamenu .col_11,
	.megamenu_container .megamenu .col_12 {
		width:92%;
		margin-left: 4%;
		margin-right: 4%;
	}
	.megamenu_container .megamenu > li.megamenu_searchform .megamenu_searchfield {
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.megamenu .dropdown_flyout, 
	.megamenu .dropdown_flyout .dropdown_flyout_level {
		position: relative;
		left:auto;
		top:auto;
		padding: 0;
		margin: 0 4% 0 4%;
	}
	.megamenu .dropdown_flyout li,
	.megamenu .dropdown_flyout ul li {
		width: 100%;
		padding: 3px 0 3px 0;
	}
	.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
		left:auto;
		top:auto;
	}
	.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
		left:auto;
		right:auto;
	}
	.megamenu_dark .megamenu li .dropdown_flyout li ul,	
	.megamenu_light .megamenu li .dropdown_flyout li ul {
		border:none;
		background: none;
	}
	.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent {
		background:url("../img/dropdown.png") no-repeat right 9px;
	}
	.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent {
		background:url("../img/dropdown-b.png") no-repeat right 9px;
	}
	.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent:hover,
	.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.active,
	.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent:hover,
	.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.active {
		background-color:transparent;
	}

}


@media only screen and (max-width: 479px) {

	.megamenu_container .megamenu > li > div > .responsive_sixths,
	.megamenu_container .megamenu > li > div > .responsive_fourths,
	.megamenu_container .megamenu > li > div > .responsive_thirds,
	.megamenu_container .megamenu > li > div > .responsive_halfs {
		width: 42%;
	}

}