/*
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 : 4.02
*/

/*

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 (REQUIRED)
   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. Robert Dyas
   2. Ryman B2C
   3. Ryman B2B
08 VERTICAL MEGA MENU
09 MOBILE DEVICES
   1. Common Media Queries
   2. Horizontal Mega Menu Media Queries
   3. Vertical Mega Menu Media Queries

*/




/*
	Layout container
	The menu will automatically expand into your container.
	"page_wrapper" and "page_wrapper_vertical" are just used to show how the menu fits,
	those containers are not necessary, just put the menu into a container and it will
	fit exactly to its dimensions.
*/



.page_wrapper,
.page_wrapper_vertical {
	width: 980px;
	margin: 36px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
}
.menu_description {
	color:#262626;
	text-shadow:1px 1px 1px #ffffff;
	padding-bottom: 36px;
}
.menu_description h1 {
	margin-top: 24px;
	font-size:24px;
	line-height:38px;
}
.menu_description h2 {
	font-size:18px;
	line-height:24px;
}
.menu_description ul.description {
	font-size:12px;
	line-height:21px;
	list-style: square;
	margin: 0 0 0 15px;
	padding: 0;
}
.menu_description a {
	color: #888888;
	text-decoration: none;
}
.page_wrapper_vertical {
	width:960px;
	margin: 36px auto;
}
.page_wrapper_vertical .menu_description {
	float:left;
	width: 760px;
	margin-left: 40px;
}
.page_wrapper_vertical .menu_description h1 {
	margin-top: -6px;
}
.page_wrapper_fixed {
	margin: 0 auto;
}




/*  _______________________________________________

    01 MEGA MENU BAR
    _______________________________________________  */




.megamenu_container {
	width:100%;
	height: 41px;
	*height: 39px;
	margin:0 auto;
	position: relative;
	z-index:9999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.megamenu_fixed {
	width: inherit;
	top:0;
	/* 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;
			outline:0;
			text-decoration:none;
			display:block;
			padding: 14px 10px;
		}
		.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: 0;
		}

		

/*  _______________________________________________

    02 MEGA MENU CONTAINERS
    _______________________________________________  */




.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
	position: absolute;
	left:-9999em;
	top:-9999em;
	display: block;
	zoom:1;
	z-index:9998;
	float: left;
	border-radius: 0;
	margin: 0 1px 0;
}
.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:45px;
	left:auto;
}
.megamenu li:hover .dropdown_fullwidth {
	top:45px;
	left:-1px;
}
.megamenu li .dropdown_right {
	right:0;
}
.megamenu li:hover .dropdown_right {
	top:45px;
	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_12columns,
.megamenu .dropdown_fullwidth {
	width: 100%;
}




/*  _______________________________________________

    03 DROP DOWN COLUMNS GRID
    _______________________________________________  */





.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_12 {
	margin-left: 1%;
	margin-right: 1%;
	*margin-left: 0.9%;
	*margin-right: 0.9%;
}


.megamenu .col_12 {width:98%;}

.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 p, 
.megamenu h1, 
.megamenu h2, 
.megamenu h3, 
.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	padding:0;
	margin:0 0 20px;
}
.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:21px; 
}
.megamenu h1, 
.megamenu h2, 
.megamenu h3,
.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	font-weight: bold;
	margin:0 0 20px 0;
}
.megamenu h1 {
	font-size: 24px;
	line-height: 28px;
}
.megamenu h2 {
	font-size: 20px;
	line-height: 22px;
}
.megamenu h3 {
	font-size: 16px;
	line-height: 20px;
}
.megamenu h4 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom:14px;
}
.megamenu h5 {
	font-size: 12px;
	line-height: 18px;
	margin-bottom:14px;
}
.megamenu h6 {
	font-size: 10px;
	line-height: 16px;
	margin-bottom:14px;
	text-transform:uppercase;
}


/* 2. Lists */


.megamenu li ul,
.megamenu li ol {
	padding:0;
	margin:0 0 18px 20px;
}
.megamenu li ul {
	list-style:disc;
}
.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;
}








/*  _______________________________________________

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




/* 1. Dark Menu Bar */


.megamenu_dark_bar {
	background: #212121;
	background: -webkit-linear-gradient(top,#333333 0%,#181818);
	background: -moz-linear-gradient(top,#333333 0%,#181818);
	background: -o-linear-gradient(top,#333333 0%,#181818);
	background: -ms-linear-gradient(top,#333333 0%,#181818);
	background: linear-gradient(top,#333333 0%,#181818);	
	border: 1px solid #171717;
	-webkit-box-shadow:inset 0px 0px 2px rgba(40,40,40,0.7);
	-moz-box-shadow:inset 0px 0px 2px rgba(40,40,40,0.7);
	box-shadow:inset 0px 0px 2px rgba(40,40,40,0.7);
}
.megamenu_dark_bar .megamenu {
	color:#FFFFFF;
}
	.megamenu_dark_bar .megamenu li.noactive {
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.megamenu_dark_bar .megamenu > li > a {
		color:#FFFFFF;
		text-shadow:1px 1px 1px #000000;
	}
	.megamenu_dark_bar .megamenu > li:hover > a {
		color:#FFFFFF;
		text-shadow:1px 1px 1px #000000;
	}


/* 2. Light Menu Bar */


.megamenu_light_bar {
	background: #eeeeee;
	background: -webkit-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: -moz-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: -o-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: -ms-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: linear-gradient(top,#f8f8f8 0%,#eeeeee);	
	border: 1px solid #CCCCCC;
	-webkit-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
	-moz-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
}
.megamenu_light_bar .megamenu {
	color:#212121;
}
	.megamenu_light_bar .megamenu > li:hover, 
	.megamenu_light_bar .megamenu > li.active {
		background: #DDDDDD;
	}
	.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;
		text-shadow:1px 1px 1px #FFFFFF;
	}
	.megamenu_light_bar .megamenu > li:hover > a {
		color:#212121;
		text-shadow:1px 1px 1px #FFFFFF;
	}




/* 4. Light Drop Down */


.megamenu_light .megamenu li .dropdown_container,
.megamenu_light .megamenu li .dropdown_fullwidth,
.megamenu_light .megamenu li .dropdown_flyout li ul {
	border:1px solid #fff;
	border-top-width: 0;
	background: #fff;
	color: #212121;
	min-height: 460px;
	max-height: 460px;
}
.megamenu_container_vertical .megamenu li .dropdown_container,
.megamenu_container_vertical .megamenu li .dropdown_fullwidth,
.megamenu_container_vertical .megamenu li .dropdown_flyout li ul {
	border-top-width: 1px;
}
.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 p, 
.megamenu_light .megamenu h1, 
.megamenu_light .megamenu h2, 
.megamenu_light .megamenu h3, 
.megamenu_light .megamenu h4, 
.megamenu_light .megamenu h5, 
.megamenu_light .megamenu h6 {
	color: #212121;
	text-shadow: 1px 1px 1px #FFFFFF;
}
.megamenu_light .megamenu > li > div a,
.megamenu_light .megamenu li ul li,
.megamenu_light .megamenu li ol li {
	color:#888888;
}
.megamenu_light .megamenu > li > div a:hover {
	color:#333333;
}
.megamenu_light .megamenu li ul li:hover,
.megamenu_light .megamenu li ol li:hover,
.megamenu_light .megamenu .blue, 
.megamenu_light .megamenu .grey, 
.megamenu_light .megamenu .orange, 
.megamenu_light .megamenu .dark, 
.megamenu_light .megamenu .purple {
	color:#444444;
}
.megamenu_light .megamenu .black_box {
	background: #212121;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
}
.megamenu_light .megamenu .grey_bg {
	background: #eeeeee;
}
.megamenu_light .megamenu > li.megamenu_searchform:hover {
	background: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.megamenu_light .megamenu hr {
	border:none;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #e4e4e4;
}





/*  _______________________________________________

    07 ADDITIONAL THEMES (OPTIONAL)
    _______________________________________________  */





	.megamenu_dyastheme .megamenu,
	.megamenu_rymantheme .megamenu {
		color:#FFFFFF;
		margin-bottom: 0;
	}

	.megamenu_dyastheme .megamenu > li > a,
	.megamenu_rymantheme .megamenu > li > a {
		color: #000;
		font-size: 12px;
		text-decoration: none;
		font-weight: bold;
		text-shadow: none;
		border-left: 1px solid #FFF;
		border-right: 1px solid #ccc;
	}

	.megamenu_dyastheme .megamenu > li:hover > a,
	.megamenu_rymantheme .megamenu > li:hover > a {
		text-shadow: none;
	}



/* 1. Dyas */


.megamenu_dyastheme {
	background: #004159;
	border: none;
	box-shadow: none;
	height: 44px;
}
.megamenu_dyastheme .megamenu > li > div a,
.megamenu_dyastheme .megamenu li ul li,
.megamenu_dyastheme .megamenu li ol li {
	color: #555;
}
.megamenu_dyastheme .megamenu > li > div a:hover,
.megamenu_dyastheme .megamenu li ul li:hover,
.megamenu_dyastheme .megamenu li ol li:hover {
	color: #000;
}

.megamenu_dyastheme .megamenu > li > a{
	color: #fff;
	font-family: "Questrial",sans-serif;
	font-size: 17.5px;
	border: none;
	font-weight: normal;
	padding: 12px;
}

.megamenu_dyastheme .megamenu > li:hover > .md_click {
	background: #fff;
	color: #004159;
	-webkit-transition: background-color 0.5s linear, color 0.5s linear;
    -moz-transition: background-color 0.5s linear, color 0.5s linear;
    -o-transition: background-color 0.5s linear, color 0.5s linear;
    transition: background-color 0.5s linear, color 0.5s linear;
}

.megamenu_dyastheme .megamenu > li:hover > .md_touch {
	background: #fff;
	color: #004159;
}

.megamenu_dyastheme .megamenu > li:hover > a {
    color: #000;
}

.megamenu_dyastheme .megamenu .megamenu_link a:hover {
	background: #fff;
	color: #004159;
}

.megamenu_dyastheme .megamenu li .dropdown_container,
.megamenu_dyastheme .megamenu li .dropdown_fullwidth,
.megamenu_dyastheme .megamenu li .dropdown_multilevel {
	border: none;
}



/* 2. Ryman */

.megamenu_rymantheme .megamenu {
	box-shadow: -1px 0px 0px #ccc;
}

.megamenu_rymantheme {
	border: none;
  	border-bottom: 1px solid #bbb;
  	background: #e8e8e8; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f2f2 0%, #dcdcdc 100%); /* FF3.6+ */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f2), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); /* IE10+ */
 	background: linear-gradient(to bottom, #f4f2f2 0%,#dcdcdc 100%); /* W3C */ 
 	box-shadow: none;
 	height: 42px;
 	border-left: 1px solid #ccc;
}

.megary_bl {
	background: #ebe9e9;
	border-left: 1px solid #8C8C8C;
	border-bottom: 1px solid #ebe9e9;
}

.megamenu_rymantheme .megamenu > li > .megary_bn {
	border-left: none;
	border-right: none;
	margin-left: 1px;
	margin-right: 1px;
}

.megamenu_rymantheme .megamenu > li > div a,
.megamenu_rymantheme .megamenu li ul li,
.megamenu_rymantheme .megamenu li ol li {
	color: #000;
    font-size: 12px;
    line-height: 17px;
}
.megamenu_rymantheme .megamenu > li > div a:hover,
.megamenu_rymantheme .megamenu li ul li:hover,
.megamenu_rymantheme .megamenu li ol li:hover {
	color:#555;
}

.megamenu_rymantheme .navdropdown-block a:first-child {
    font-size: 12.5px;
}

.megamenu_rymantheme .megamenu > li > a{
	padding: 11px 10px;
}

.megamenu_rymantheme .megamenu > li:hover > a {
	text-decoration: underline;
}

.megamenu_rymantheme .megamenu li .dropdown_container,
.megamenu_rymantheme .megamenu li .dropdown_fullwidth,
.megamenu_rymantheme .megamenu li .dropdown_multilevel {
	border: none;
}

.megamenu_rymantheme .megamenu > li:hover > .md_click {
	background: #fff;
	color: #000;
	-webkit-transition: background-color 0.5s linear, color 0.5s linear;
    -moz-transition: background-color 0.5s linear, color 0.5s linear;
    -o-transition: background-color 0.5s linear, color 0.5s linear;
    transition: background-color 0.5s linear, color 0.5s linear;
}

.megamenu_rymantheme .megamenu > li:hover > .md_touch {
	background: #fff;
	color: #000;
}

.ryman-nav {
	margin-top: 0;
}

#body-overlay {
    opacity: 0.5;
}


/* 3. B2B */


.megamenu_b2btheme {
	background: #6a6a6a;
	background: -webkit-linear-gradient(top,#6A6A6A 0%,#5F5F5F);
	background: -moz-linear-gradient(top,#6A6A6A 0%,#5F5F5F);
	background: -o-linear-gradient(top,#6A6A6A 0%,#5F5F5F);
	background: -ms-linear-gradient(top,#6A6A6A 0%,#5F5F5F);
	background: linear-gradient(top,#6A6A6A 0%,#5F5F5F);
	border: 1px solid #222222;
	-webkit-box-shadow:inset 0px 0px 2px rgba(40,40,40,0.4);
	-moz-box-shadow:inset 0px 0px 2px rgba(40,40,40,0.4);
	box-shadow:inset 0px 0px 2px rgba(40,40,40,0.4);
}
.megamenu_b2btheme .megamenu > li > div a,
.megamenu_b2btheme .megamenu li ul li,
.megamenu_b2btheme .megamenu li ol li {
	color:#8c8c8c;
}
.megamenu_b2btheme .megamenu > li > div a:hover,
.megamenu_b2btheme .megamenu li ul li:hover,
.megamenu_b2btheme .megamenu li ol li:hover {
	color:#6a6a6a;
}





.megamenu_link a:hover {
	text-decoration: underline !important;
}


.megamenu li .dropdown_touch {
	margin-top: -2px;
}

.navbar .nav-special-list {
    margin: 10px 0 0;
}

.megamenu .nav-special-list li {
	list-style: outside none none;
}