/*
Item Name : Universal Mega Menu
Item URI : http://codecanyon.net/item/universal-responsive-mega-menu/4984236
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.1
*/
/*

TABLE OF CONTENTS

00 VARIABLES
01 MENU BAR
   1. Mega Menu Bar
   2. Mega Menu Trigger Button
02 DROP DOWNS
	1. Common Styling
	2. Footer
	3. Drop Down Containers
03 COLUMNS GRID
04 MULTILEVEL DROP DOWN
05 CONTENT & TYPOGRAPHY
   1. Basic Typography
   2. Lists
   3. Other Styling
   4. Inline Images
   5. Icons
   6. Form Elements
06 DROP DOWN TABS
07 MOBILE DEVICES
08 RETINA DISPLAYS

*/
/*  _______________________________________

	00 VARIABLES
	_______________________________________  */
/*
  Use these variables to generate different themes
  when reusing the mega menu for other purposes.
*/
/*  _______________________________________

	01 MENU BAR
	_______________________________________  */
#site-toolbar {
	background-color: none;
}

#site-header {
	background: whitesmoke;
	min-height: 66px;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

@media (max-width: 767px) {
	#site-header {
		display: none;
	}
}

@media (min-width: 768px) {
	#site-header-mobile,
	.slicknav_menu {
		display: none;
	}
}

#site-menu {
	z-index: 12;
}

#site-submenu {
	margin-top: 12px;
	z-index: 11;
}

/* 1. Mega Menu Bar */
.mgmenu_container,
.mgmenu_fixed,
.mgmenu_footer {
	width: 100%;
	height: auto;
	z-index: 10;
}

.mgmenu_container {
	position: relative;
	margin: 0 auto;
}

.mgmenu_fixed,
.mgmenu_footer {
	width: inherit;
	max-width: inherit;
	position: fixed;
	top: 0;
	/* IE7 Fix */
	*width: expression(this.parentNode.currentStyle['width']);
}

.sh-fixed {
	background-color: whitesmoke !important;
	position: fixed !important;
	height: auto;
	width: 100%;
	max-width: 100%;
	top: 0;
	left: 0;
}

.mgmenu_footer {
	top: auto;
	bottom: 0;
}

.mgmenu {
	font-size: 0.836rem;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	/* For IE7 */
	line-height: 0.83;
}

	.mgmenu > li {
		float: left;
		margin: 0;
		margin-left: -4px;
	}

		.mgmenu > li:hover,
		.mgmenu > li.active {
			background-color: none;
		}

			.mgmenu > li:hover > a,
			.mgmenu > li.active > a {
				color: #1E821E;
			}

	.mgmenu li.noactive {
		background: none;
	}

	.mgmenu > li > a {
		overflow: hidden;
		display: block;
		position: relative;
		color: #282729;
		font-family: "AvenirStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 0.92rem;
		font-weight: 700;
		min-width: 50px;
		text-align: center;
		outline: 0;
		text-decoration: none;
		text-transform: uppercase;
		border: none;
		padding: 1px 0 25px 0;
		margin-right: 25px;
		letter-spacing: 1px;
		-ms-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
		-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
		-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
		transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
	}

		.mgmenu > li > a.active {
			color: #1E821E;
		}

			.mgmenu > li > a.active > span {
				position: relative;
				padding-bottom: 20px;
			}

			.mgmenu > li > a.active:after, .mgmenu > li > a.active::after {
				content: '';
				position: absolute;
				background: #1c8921;
				width: 100%;
				height: 4px;
				left: 0;
				bottom: 0;
				z-index: 999;
			}

@media (min-width: 767px) and (max-width: 1023px) {
	.mgmenu > li > a {
		margin-right: 8px;
	}
}

.mgmenu > li > span:hover,
.mgmenu > li > a:hover,
.mgmenu > li > a:focus {
	cursor: pointer;
	color: #1E821E;
	outline: none;
	text-decoration: none;
	border: none !important;
}

.mgmenu > li .mgmenu_drop {
	background-image: url("/Content/Stylesheets/scss/megamenu/img/downArrow.png");
	background-repeat: no-repeat;
	background-position: right 19px;
	padding-right: 20px;
}

.mgmenu_footer .mgmenu > li .mgmenu_drop {
	background-image: url("/Content/Stylesheets/scss/megamenu/img/upArrow.png");
}

.mgmenu > li.right_item {
	float: right;
	margin-right: 0;
}

.mgmenu_container > .mgmenu > li.mgmenu_button,
.mgmenu_fixed > .mgmenu > li.mgmenu_button,
.mgmenu_footer > .mgmenu > li.mgmenu_button {
	display: none;
	cursor: pointer;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	font-weight: bold;
	background-color: transparent;
	line-height: 12px;
	padding: 14px 4% 14px 4%;
	color: #ffffff;
}

	.mgmenu_container > .mgmenu > li.mgmenu_button .fa,
	.mgmenu_fixed > .mgmenu > li.mgmenu_button .fa,
	.mgmenu_footer > .mgmenu > li.mgmenu_button .fa {
		font-family: FontAwesome !important;
		font-size: 1.819rem;
	}

/*  _______________________________________

	02 DROP DOWNS
	_______________________________________  */
/* 1. Common Styling */
.mgmenu li .dropdown_container,
.mgmenu li .dropdown_fullwidth,
.mgmenu li .mgmenu_multilevel {
	position: absolute;
	overflow: hidden;
	top: auto;
	display: none;
	float: left;
	zoom: 1;
	z-index: 10;
	margin: 0 0 40px -1px;
	padding: 20px 0 6px 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.0275);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.0275);
	-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.0275);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.0275);
	border: solid 1px #eeeeee;
	border-top: none;
	background: #ececec;
	color: #212121;
}

	.mgmenu li .dropdown_container .bullet li > a,
	.mgmenu li .dropdown_fullwidth .bullet li > a,
	.mgmenu li .mgmenu_multilevel .bullet li > a {
		padding-left: 9px;
		display: inline-block;
	}

		.mgmenu li .dropdown_container .bullet li > a:hover,
		.mgmenu li .dropdown_fullwidth .bullet li > a:hover,
		.mgmenu li .mgmenu_multilevel .bullet li > a:hover {
			text-decoration: underline;
		}

		.mgmenu li .dropdown_container .bullet li > a:before,
		.mgmenu li .dropdown_fullwidth .bullet li > a:before,
		.mgmenu li .mgmenu_multilevel .bullet li > a:before {
			position: absolute;
			display: inline-block;
			height: 11px;
			width: 5px;
			overflow: hidden;
			left: 0;
			top: 2px;
			font-family: Fontawesome;
			font-size: 0.251rem;
			content: '\f111';
		}

		.mgmenu li .dropdown_container .bullet li > a:hover:before,
		.mgmenu li .dropdown_fullwidth .bullet li > a:hover:before,
		.mgmenu li .mgmenu_multilevel .bullet li > a:hover:before {
			text-decoration: none !important;
		}

	.mgmenu li .dropdown_container .bullet li.reverse-bullet > a,
	.mgmenu li .dropdown_fullwidth .bullet li.reverse-bullet > a,
	.mgmenu li .mgmenu_multilevel .bullet li.reverse-bullet > a {
		padding-right: 9px;
	}

		.mgmenu li .dropdown_container .bullet li.reverse-bullet > a:before,
		.mgmenu li .dropdown_fullwidth .bullet li.reverse-bullet > a:before,
		.mgmenu li .mgmenu_multilevel .bullet li.reverse-bullet > a:before {
			left: auto;
			right: 0;
		}

.mgmenu li .dropdown_container {
	left: auto;
}

.mgmenu li .dropdown_fullwidth {
	left: 0;
}

.mgmenu li.right_item .dropdown_container {
	left: auto;
	right: -1px;
}

.mgmenu > li:hover .dropdown_container,
.mgmenu > li:hover .dropdown_fullwidth,
.mgmenu > li.right_item:hover .dropdown_container {
	display: block;
}

/* 3. Drop Down Containers */
.mgmenu li .dropdown_1column {
	width: 8.3334%;
	padding-left: 2%;
	padding-right: 2%;
}

.mgmenu li .dropdown_2columns {
	width: 16.6667%;
	padding-left: 1.8333%;
	padding-right: 1.8333%;
}

.mgmenu li .dropdown_3columns {
	width: 25%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}

.mgmenu li .dropdown_4columns {
	width: 33.3334%;
	padding-left: 1.333%;
	padding-right: 1.333%;
}

.mgmenu li .dropdown_5columns {
	width: 41.6667%;
	padding-left: 1.166%;
	padding-right: 1.166%;
}

.mgmenu li .dropdown_6columns {
	width: 50%;
	padding-left: 1%;
	padding-right: 1%;
}

.mgmenu li .dropdown_7columns {
	width: 58.3334%;
	padding-left: 0.833%;
	padding-right: 0.833%;
}

.mgmenu li .dropdown_8columns {
	width: 66.6667%;
	padding-left: 0.666%;
	padding-right: 0.666%;
}

.mgmenu li .dropdown_9columns {
	width: 75%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}

.mgmenu li .dropdown_10columns {
	width: 83.3334%;
	padding-left: 0.333%;
	padding-right: 0.333%;
}

.mgmenu li .dropdown_11columns {
	width: 91.6667%;
	padding-left: 0.1666%;
	padding-right: 0.1666%;
}

.mgmenu li .dropdown_fullwidth {
	width: 100%;
}

.mgmenu .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 18px;
}

/*  _______________________________________________

	04 MULTILEVEL DROP DOWN
	_______________________________________________  */
.mgmenu .dropdown_flyout,
.mgmenu .dropdown_flyout .dropdown_flyout_level {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 9;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

	.mgmenu .dropdown_flyout .dropdown_flyout_level {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		border: 1px solid #CCCCCC;
		background: #e5e5e5;
	}

	.mgmenu .dropdown_flyout li {
		float: left;
		width: 100%;
		padding: 3px 0 3px 0;
	}

	.mgmenu .dropdown_flyout ul li {
		width: 160px;
		padding: 3px 10px 3px 10px;
	}

	.mgmenu .dropdown_flyout li.last {
		margin-bottom: 12px;
	}

	.mgmenu .dropdown_flyout a {
		display: block;
		width: 10em;
	}

	.mgmenu .dropdown_flyout .dropdown_flyout_level {
		position: absolute;
		margin: 15px 0 0 4px;
		padding: 6px;
		left: 98%;
		top: -21px;
		display: none;
		zoom: 1;
		float: left;
	}

	.mgmenu .dropdown_flyout .dropdown_flyout_level_left {
		left: -102%;
		right: 100%;
	}

	.mgmenu .dropdown_flyout .dropdown_parent {
		background: url("/Content/Stylesheets/scss/megamenu/img/rightArrow.png") no-repeat 90% 9px;
	}

	.mgmenu .dropdown_flyout .dropdown_parent_left {
		background: url("/Content/Stylesheets/scss/megamenu/img/leftArrow.png") no-repeat 90% 9px;
	}

	.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level,
	.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
		display: block;
	}

	.mgmenu .dropdown_flyout .flyout_heading {
		font-family: Georgia, Times, "Times New Roman", serif;
		padding-bottom: 9px;
		margin-bottom: 9px;
		font-size: 1.004rem;
		border-bottom: 1px solid #cccccc;
		-webkit-box-shadow: 0 1px 1px #f4f4f4;
		-moz-box-shadow: 0 1px 1px #f4f4f4;
		-o-box-shadow: 0 1px 1px #f4f4f4;
		box-shadow: 0 1px 1px #f4f4f4;
	}

/*  _______________________________________

	05 CONTENT & TYPOGRAPHY
	_______________________________________  */
/* 1. Basic Typography */
.mgmenu p,
.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6,
.mgmenu .h1,
.mgmenu .h2,
.mgmenu .h3,
.mgmenu .h4,
.mgmenu .h5,
.mgmenu .h6 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: #555;
	margin: 0 0 6px 0;
}

.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6,
.mgmenu .h1,
.mgmenu .h2,
.mgmenu .h3,
.mgmenu .h4,
.mgmenu .h5,
.mgmenu .h6 {
	display: inline-block;
	color: #282729;
	font-family: "AvenirStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1.24;
}

	.mgmenu h1 a,
	.mgmenu h2 a,
	.mgmenu h3 a,
	.mgmenu h4 a,
	.mgmenu h5 a,
	.mgmenu h6 a,
	.mgmenu .h1 a,
	.mgmenu .h2 a,
	.mgmenu .h3 a,
	.mgmenu .h4 a,
	.mgmenu .h5 a,
	.mgmenu .h6 a {
		display: inline;
		color: #282729;
		border-bottom: none !important;
	}

		.mgmenu h1 a:hover, .mgmenu h1 a:focus, .mgmenu h1 a:active,
		.mgmenu h2 a:hover,
		.mgmenu h2 a:focus,
		.mgmenu h2 a:active,
		.mgmenu h3 a:hover,
		.mgmenu h3 a:focus,
		.mgmenu h3 a:active,
		.mgmenu h4 a:hover,
		.mgmenu h4 a:focus,
		.mgmenu h4 a:active,
		.mgmenu h5 a:hover,
		.mgmenu h5 a:focus,
		.mgmenu h5 a:active,
		.mgmenu h6 a:hover,
		.mgmenu h6 a:focus,
		.mgmenu h6 a:active,
		.mgmenu .h1 a:hover,
		.mgmenu .h1 a:focus,
		.mgmenu .h1 a:active,
		.mgmenu .h2 a:hover,
		.mgmenu .h2 a:focus,
		.mgmenu .h2 a:active,
		.mgmenu .h3 a:hover,
		.mgmenu .h3 a:focus,
		.mgmenu .h3 a:active,
		.mgmenu .h4 a:hover,
		.mgmenu .h4 a:focus,
		.mgmenu .h4 a:active,
		.mgmenu .h5 a:hover,
		.mgmenu .h5 a:focus,
		.mgmenu .h5 a:active,
		.mgmenu .h6 a:hover,
		.mgmenu .h6 a:focus,
		.mgmenu .h6 a:active {
			color: #1f6cdf;
			text-decoration: none !important;
			border-bottom: none !important;
		}

.mgmenu p {
	font-size: 1.004rem;
	font-family: "AvenirStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.mgmenu h1,
.mgmenu .h1 {
	font-size: 2.008rem;
}

.mgmenu h2,
.mgmenu .h2,
.mgmenu h3,
.mgmenu .h3 {
	font-size: 1.506rem;
}

.mgmenu h4,
.mgmenu .h4 {
	font-size: 1.338rem;
}

@media (max-width: 1230px) {
	.mgmenu h4,
	.mgmenu .h4 {
		font-size: 1.171rem;
	}
}

.mgmenu h4 > a > .fa,
.mgmenu .h4 > a > .fa {
	font-size: 0.314rem;
	vertical-align: 4px;
}

.mgmenu h5,
.mgmenu .h5 {
	font-size: 1.004rem;
}

.mgmenu h6,
.mgmenu .h6 {
	font-size: 0.92rem;
	text-transform: uppercase;
}

.mgmenu a {
	text-decoration: none;
	color: #282729;
	-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
	-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
	-o-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
	-ms-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
	transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
}

	.mgmenu a .fa-angle-right,
	.mgmenu a .fa-angle-left {
		margin-left: 2px;
		font-size: 1.422rem;
		vertical-align: -2px;
	}

@media (max-width: 1230px) {
	.mgmenu a .fa-angle-right,
	.mgmenu a .fa-angle-left {
		font-size: 1.422rem;
	}
}

@media (max-width: 1160px) {
	.mgmenu a .fa-angle-right,
	.mgmenu a .fa-angle-left {
		display: none;
	}
}

.mgmenu a .fa-angle-left {
	margin-left: 0;
	margin-right: 2px;
}

.mgmenu a:hover,
.mgmenu a:focus {
	color: #1f6cdf;
}

/* 2. Lists */
.mgmenu > li ul,
.mgmenu > li ol {
	padding: 0 0 0 2px;
	margin: 0 0 0 0;
}

.mgmenu > li ul {
	list-style: none;
}

.mgmenu > li ol {
	list-style: decimal;
}

.mgmenu > li ul.no_bullets {
	list-style: none;
	padding: 0;
}

	.mgmenu > li ul.no_bullets li {
		line-height: 20px;
	}

.mgmenu > li ul li,
.mgmenu > li ol li {
	line-height: 18px;
	margin: 2px 0 8px 0;
	position: relative;
	color: #222222;
}

@media (max-width: 1023px) and (min-width: 767px) {
	.mgmenu > li ul li,
	.mgmenu > li ol li {
		margin-bottom: 10px;
		padding: 0 0 0 2px;
	}
}

.mgmenu > li ul li > a,
.mgmenu > li ol li > a {
	font-size: 0.92rem;
}

.mgmenu > li ul li > ul,
.mgmenu > li ol li > ul {
	margin: 0 0 0 0;
}

	.mgmenu > li ul li > ul li,
	.mgmenu > li ol li > ul li {
		margin: 2px 0 8px 8px;
	}

		.mgmenu > li ul li > ul li a:before,
		.mgmenu > li ol li > ul li a:before {
			content: none !important;
		}

/* 3. Other Styling */
.mgmenu .img_description {
	text-align: center;
	font-style: italic;
	margin-top: -6px;
	font-family: Georgia, Times, "Times New Roman", serif;
}

.mgmenu hr {
	width: 100%;
	height: 0;
	*height: 2px;
	margin-bottom: 18px;
	border: none;
	border-bottom: 1px solid #f4f4f4;
	border-top: 1px solid #ccc;
}

.mgmenu .video_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 18px;
}

	.mgmenu .video_container iframe,
	.mgmenu .video_container object,
	.mgmenu .video_container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
		outline: none;
	}

.mgmenu iframe {
	border: 0;
	outline: none;
	width: 100%;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	margin-bottom: 12px;
}

/* 4. Inline Images */
.mgmenu img {
	border: none;
}

.mgmenu .inline_img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 1px #999999;
	-moz-box-shadow: 0 1px 1px #999999;
	-o-box-shadow: 0 1px 1px #999999;
	box-shadow: 0 1px 1px #999999;
	margin-bottom: 18px;
	margin-top: 6px;
}

.mgmenu a .inline_img {
	opacity: 0.8;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
}

.mgmenu a:hover .inline_img {
	opacity: 1;
}

.mgmenu .inline_img_border {
	border: 5px solid #fff;
}

/*  _______________________________________

	06 DROP DOWN TABS
	_______________________________________  */
.mgmenu li > .mgmenu_tabs {
	padding: 0 !important;
}

.mgmenu_tabs > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mgmenu_tabs_hide {
	display: none;
}

.mgmenu_tabs .mgmenu_tabs_nav {
	width: 20%;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

.mgmenu_tabs .mgmenu_tabs_panels {
	margin: 0;
	padding: 21px 1% 12px 1%;
	width: 78%;
	*width: 77.9%;
	/* IE7 bug */
	float: left;
	background-color: #ffffff;
	-webkit-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.05);
	box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.05);
}

.mgmenu_tabs .mgmenu_tabs_nav li {
	list-style: none;
	margin: 0;
	border: none;
	margin: 0;
	float: left;
	width: 100%;
	clear: left;
	-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;
}

	.mgmenu_tabs .mgmenu_tabs_nav li a {
		font-size: 0.753rem;
		outline: 0;
		text-decoration: none;
		display: block;
		padding: 9px 15px 9px 15px;
	}

.mgmenu_tabs li a.current,
.mgmenu_tabs li a.current:hover {
	background-color: #ffffff;
	-webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
	top: 1px;
}

/* Right Tabs */
.mgmenu_tabs_right .mgmenu_tabs_panels {
	-webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.05);
}

/* Top & Bottom Tabs */
.mgmenu_tabs_top .mgmenu_tabs_nav,
.mgmenu_tabs_bottom .mgmenu_tabs_nav {
	width: 100%;
}

.mgmenu_tabs_top .mgmenu_tabs_panels,
.mgmenu_tabs_bottom .mgmenu_tabs_panels {
	padding: 21px 1% 12px 1%;
	width: 98%;
	*width: 97.9%;
	/* IE7 bug */
}

.mgmenu_tabs_top .mgmenu_tabs_nav li,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li {
	float: none;
	width: auto;
	clear: none;
	display: inline;
}

	.mgmenu_tabs_top .mgmenu_tabs_nav li a,
	.mgmenu_tabs_bottom .mgmenu_tabs_nav li a {
		display: inline;
		float: left;
	}

.mgmenu_tabs_top li a.current,
.mgmenu_tabs_top li a.current:hover,
.mgmenu_tabs_bottom li a.current,
.mgmenu_tabs_bottom li a.current:hover {
	-webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, 0.05), 1px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: -1px 0 1px rgba(0, 0, 0, 0.05), 1px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: -1px 0 1px rgba(0, 0, 0, 0.05), 1px 0px 1px rgba(0, 0, 0, 0.05);
	box-shadow: -1px 0 1px rgba(0, 0, 0, 0.05), 1px 0px 1px rgba(0, 0, 0, 0.05);
}

.mgmenu_tabs_top .mgmenu_tabs_panels {
	-webkit-box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.05);
}

.mgmenu_tabs_bottom .mgmenu_tabs_panels {
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

/*  _______________________________________

	07 MOBILE DEVICES
	_______________________________________  */
@media only screen and (min-width: 768px) {
	.mgmenu_container .mgmenu > li,
	.mgmenu_fixed .mgmenu > li,
	.mgmenu_footer .mgmenu > li {
		display: block !important;
	}

	.mgmenu_container > .mgmenu > li.mgmenu_button,
	.mgmenu_fixed > .mgmenu > li.mgmenu_button,
	.mgmenu_footer > .mgmenu > li.mgmenu_button {
		display: none !important;
	}

	.mgmenu.align_right {
		text-align: right;
	}

		.mgmenu.align_right > li {
			display: inline-block !important;
			text-align: left;
			float: none !important;
		}

			.mgmenu.align_right > li#mi-home {
				float: left !important;
			}
}

@media (min-width: 767px) and (max-width: 1023px) {
	#mi-learn .dropdown_fullwidth > .featured {
		display: none;
	}

	#mi-learn .dropdown_fullwidth > .small-8 {
		width: 100%;
	}

		#mi-learn .dropdown_fullwidth > .small-8 ul.bullet.nm {
			width: 45%;
		}

	#mi-plan .dropdown_fullwidth > .featured {
		display: none;
	}

	#mi-plan .dropdown_fullwidth > .small-8 {
		width: 100%;
	}

	#mi-explore .dropdown_fullwidth .small-4 {
		width: 53%;
	}

	#mi-explore .dropdown_fullwidth > .featured {
		width: 45%;
	}

		#mi-explore .dropdown_fullwidth > .featured .learn-more.fullscreen > div p {
			margin: 0;
		}

		#mi-explore .dropdown_fullwidth > .featured.first-child {
			display: none !important;
		}

	#mi-explore .dropdown_fullwidth > .small-8 {
		width: 100%;
	}

	#mi-procure .dropdown_fullwidth > .featured {
		display: none;
	}

	#mi-procure .dropdown_fullwidth > .small-8 {
		width: 100%;
	}

		#mi-procure .dropdown_fullwidth > .small-8 > .small-8 ul {
			width: 45%;
		}

			#mi-procure .dropdown_fullwidth > .small-8 > .small-8 ul:last-child {
				margin-top: 0;
			}

	#mi-practice .dropdown_fullwidth > .featured {
		display: none;
	}

	#mi-practice .dropdown_fullwidth > .small-8 {
		width: 100%;
		padding-bottom: 10px;
	}

		#mi-practice .dropdown_fullwidth > .small-8 img {
			bottom: 6px !important;
		}

	#mi-share .dropdown_fullwidth > .featured {
		display: none;
	}

	#mi-share .dropdown_fullwidth > .small-9 {
		width: 100%;
	}
}

#menu-logo,
#menu-logo:hover,
#menu-logo:focus,
#menu-logo:active {
	border: none;
	display: block;
	margin: 0;
	position: absolute;
	top: -33px;
	left: -20px;
	background: transparent url("/Content/Images/main-spriteNew.png") no-repeat;
	width: 400px;
	height: 80px;
	text-decoration: none;
	background-size: 385px;
}

#menu-logo-home,
#menu-logo-home:hover,
#menu-logo-home:focus,
#menu-logo-home:active {
	border: none;
	display: block;
	margin: 0;
	position: absolute;
	top: -33px;
	left: -20px;
	background: transparent url("/Content/Images/main-spriteNew.png") no-repeat;
	width: 400px;
	height: 80px;
	text-decoration: none;
	background-size: 385px;
}

.mgmenu #mi-home {
	margin-left: 0;
}

	.mgmenu #mi-home #environment-heading {
		position: absolute;
		top: 14px;
		left: 68px;
		color: #C70000;
		font-size: 0.586rem;
	}

		.mgmenu #mi-home #environment-heading:hover {
			cursor: default;
		}

@media (max-width: 1400px) {
	.mgmenu #mi-home #environment-heading {
		display: none !important;
	}
}

.mgmenu #mi-home #gpc-main-heading {
	font-size: 1.4em;
	position: absolute;
	top: -2px;
	font-weight: 700;
	color: #333333;
	left: 67px;
}

.lt-ie9 .mgmenu #mi-home #gpc-main-heading {
	display: none;
}

@media (max-width: 1170px) {
	.mgmenu #mi-home #gpc-main-heading {
		display: none !important;
	}
}

.mgmenu #mi-home #sftool-main-heading {
	font-size: 1.3em;
	position: absolute;
	top: -16px;
	font-weight: 700;
	color: #333333;
	left: 35px;
	display: block;
	padding: 6px 0;
}

@media (max-width: 900px) {
	.mgmenu #mi-home #sftool-main-heading {
		display: none !important;
	}
}

.mgmenu #mi-home #sftool-main-heading small {
	display: block;
	color: #9a9a9a;
	font-weight: normal;
	margin-top: 7px;
}

body.Home #sftool-main-heading {
	display: none !important;
}

body.Home #environment-heading {
	top: 7px !important;
}

.mgmenu #mi-home:hover > a:after, .mgmenu #mi-home:hover > a::after,
.mgmenu #mi-home:active > a:after,
.mgmenu #mi-home:active > a::after {
	display: none !important;
	height: 0 !important;
}

#mi-search button {
	font-size: 1.087rem;
	min-width: 17px;
	padding: 1px 0 25px 0;
	padding-bottom: 23px;
	margin: 0;
	color: #282729;
	z-index: 9;
	-ms-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
	-o-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
	-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
	-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
	transition: color 0.2s ease-out, background-color 0.2s ease-out, margin-left 0.2s ease-out, border-bottom 0.125s ease-in;
}

	#mi-search button:hover {
		color: #1E821E;
	}

#mi-search-inner {
	overflow: hidden;
}

#site-search-block {
	width: 99.88%;
	padding: 0 0px 20px 0px;
	overflow: visible !important;
}

	#site-search-block #site-search-textbox {
		font-size: 1.2em;
		margin: 0;
		margin-top: -1px;
		padding-left: 16px;
		padding-right: 16px;
		-ms-border-radius: 3px 0px 0px 3px;
		-webkit-border-radius: 3px 0px 0px 3px;
		border-radius: 3px 0px 0px 3px;
		height: 44px;
	}

		#site-search-block #site-search-textbox:focus, #site-search-block #site-search-textbox:active {
			background-color: #fff;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

	#site-search-block #site-search-submitbutton {
		width: 100%;
		color: white;
		background-color: #929292;
		-webkit-box-shadow: 0;
		box-shadow: none;
		border: 0;
		font-size: 1.2em;
		margin: 0;
		margin-top: -1px;
		padding: 0.5em;
		height: 44px;
		-ms-border-radius: 0 3px 3px 0px;
		-webkit-border-radius: 0 3px 3px 0px;
		border-radius: 0 3px 3px 0px;
		transition: background-color .2s ease-in;
	}

		#site-search-block #site-search-submitbutton:hover, #site-search-block #site-search-submitbutton:focus, #site-search-block #site-search-submitbutton:active {
			background-color: #7e7e7e;
		}

		#site-search-block #site-search-submitbutton .fa {
			margin-left: -15px;
			margin-right: 4px;
			vertical-align: 2px;
			font-size: 0.92rem;
		}

.ie9 #site-search-submitbutton .fa {
	display: none !important;
}

#mi-plan .learn-more {
	margin-top: 8px;
}

#mi-explore > .dropdown_fullwidth .f-article {
	padding-top: 0 !important;
	margin-bottom: 0 !important;
}

#mi-explore > .dropdown_fullwidth .featured::after, #mi-explore > .dropdown_fullwidth .featured:after {
	background: none;
}

#mi-explore .featured-body:hover img {
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

#mi-explore .featured-body img {
	-ms-transition: transform .5s ease;
	-webkit-transition: transform .5s ease;
	transition: transform .5s ease;
}

#mi-practice .gtb-logo {
	height: 138px;
	float: left;
	margin-right: 28px;
}

#mi-practice a.learn-more {
	color: #3f3d3b !important;
	line-height: 1.2;
	padding: 16px;
	border: solid 1px !important;
	background: none !important;
	transition: .25s !important;
}

	#mi-practice a.learn-more:hover {
		background: #3f3d3b !important;
		color: #ececec !important;
	}

#mi-share #sftool-social-links li > a {
	transition: color .3s ease;
}

	#mi-share #sftool-social-links li > a:hover {
		text-decoration: none;
	}

		#mi-share #sftool-social-links li > a:hover.social-fb {
			color: #3b5998;
		}

		#mi-share #sftool-social-links li > a:hover.social-t {
			color: #55ACEE;
		}

		#mi-share #sftool-social-links li > a:hover.social-p {
			color: #C92228;
		}

	#mi-share #sftool-social-links li > a > span {
		font-size: 1.506rem;
		vertical-align: super;
	}

	#mi-share #sftool-social-links li > a > i {
		font-size: 3.262rem;
	}

#mi-share #ask-sftool {
	margin-bottom: 0;
	font-size: 1em;
}

/*
.mgmenu li[id*="mi-"] > .dropdown_fullwidth:after {
	content: "";
	background: url('/Content/Images/Menu/9.jpg') no-repeat 0;
	background-size: 100%;
	opacity: 0.015;
	filter: alpha(opacity=6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=6)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=6);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

#mi-learn > .dropdown_fullwidth:after {
}
*/
.mgmenu .featured {
	padding: 0 !important;
}

	.mgmenu .featured:after, .mgmenu .featured::after {
		content: ' ';
		position: absolute;
		background: #e6e6e6;
		width: 100%;
		height: 350%;
		top: -50px;
		left: 0;
		z-index: -1;
	}

	.mgmenu .featured .f-article {
		margin-bottom: 16px;
		padding: 20px 20px 0px 20px;
	}

		.mgmenu .featured .f-article > div,
		.mgmenu .featured .f-article > section {
			padding: 0;
			border: none;
		}

			.mgmenu .featured .f-article > div .featured-title,
			.mgmenu .featured .f-article > section .featured-title {
				display: block;
				padding: 8px 14px;
				background: #1c8921;
				color: white;
				font-family: "AvenirStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: 1.2em;
				font-weight: bold;
				margin-top: -20px;
				margin-bottom: 0;
			}

			.mgmenu .featured .f-article > div .featured-body,
			.mgmenu .featured .f-article > section .featured-body {
				position: relative;
				overflow: hidden;
				color: #555;
				padding: 14px 2px 4px 2px;
				margin-bottom: 0;
			}

				.mgmenu .featured .f-article > div .featured-body p,
				.mgmenu .featured .f-article > section .featured-body p {
					margin-bottom: 0;
					color: #555;
				}

				.mgmenu .featured .f-article > div .featured-body .fb-citation,
				.mgmenu .featured .f-article > section .featured-body .fb-citation {
					position: absolute;
					bottom: 4px;
					right: 2px;
					color: white;
					font-weight: bold;
					background: rgba(155, 155, 155, 0.3);
					display: inline-block;
					padding: 6px;
				}

			.mgmenu .featured .f-article > div .featured-link,
			.mgmenu .featured .f-article > section .featured-link {
				display: block;
				padding: 2px;
				font-size: 1.171rem;
				color: #1f6cdf;
				border: none;
				margin-top: 10px;
				line-height: 1.3;
			}

				.mgmenu .featured .f-article > div .featured-link .fa,
				.mgmenu .featured .f-article > section .featured-link .fa {
					font-size: 1.338rem;
					vertical-align: -2px;
					margin-left: 3px;
				}

				.mgmenu .featured .f-article > div .featured-link:hover,
				.mgmenu .featured .f-article > section .featured-link:hover {
					text-decoration: underline;
				}

.mgmenu .learn-more {
	color: white !important;
	margin: 0;
	border: none !important;
	padding: 20px;
	display: block;
	text-align: center;
	background-color: #4e7caf;
}

	.mgmenu .learn-more:hover {
		text-decoration: none;
	}

	.mgmenu .learn-more.fullscreen {
		text-align: center;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		background: none;
		left: 0;
		z-index: 1;
	}

		.mgmenu .learn-more.fullscreen:hover > div {
			opacity: 0.85;
			filter: alpha(opacity=85);
		}

		.mgmenu .learn-more.fullscreen > div {
			position: absolute;
			opacity: 0;
			filter: alpha(opacity=0);
			background: #222;
			background: rgba(0, 0, 0, 0.7);
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			padding: 40px 30px;
			text-align: left;
			font-size: 1.631rem;
			font-weight: bolder;
			-ms-transition: opacity .4s !important;
			-moz-transition: opacity .4s !important;
			-webkit-transition: opacity .4s !important;
			transition: opacity .4s !important;
		}

			.mgmenu .learn-more.fullscreen > div p {
				font-size: 0.8em;
				color: white !important;
				line-height: 1.15;
				margin: 40px 0;
			}

			.mgmenu .learn-more.fullscreen > div span {
				text-align: center;
				display: inline-block;
				margin: 20px 0;
				background-color: black;
				padding: 13px 20px;
				width: 100%;
				-ms-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}

			.mgmenu .learn-more.fullscreen > div .fa {
				font-size: 1.631rem;
				vertical-align: -2px;
			}

#site-header {
	margin-bottom: 0;
	z-index: 99;
	position: relative;
}

#sh-inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 1265px;
	min-width: 270px;
	padding-left: 1.475em;
	padding-right: 1.475em;
}

#user-control {
	color: #282729;
	text-align: right;
	padding: 1px 0 4px 0;
	font-size: 0.836rem;
	-ms-transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

	#user-control a {
		position: relative;
		padding: 3px 0;
		display: inline-block;
		font-size: 0.836rem;
		line-height: 13px;
		letter-spacing: 0.07em;
		color: #1a71bc;
		font-weight: normal;
		text-transform: capitalize;
		-ms-transition: background-color 155ms, color 155ms;
		-webkit-transition: background-color 155ms, color 155ms;
		transition: background-color 155ms, color 155ms;
	}

	#user-control span {
		margin-left: -1px;
		display: inline-block;
	}

	#user-control .diag-divide {
		font-size: 0.669rem;
		color: #1a71bc;
		padding: 0 3px 0px 5px;
		vertical-align: 2px;
		-moz-transform: rotate(28deg);
		-webkit-transform: rotate(28deg);
		transform: rotate(28deg);
	}

		#user-control .diag-divide.spaced-out {
			padding: 0 7px 0px 9px;
		}

#my-projects-menu-link:hover,
#user-account-link:hover {
	color: #1fa525;
}

#my-projects-menu-link {
	margin-right: 17px;
	font-size: 0.836rem;
}

	#my-projects-menu-link .fa-briefcase {
		margin-right: 2px;
	}

#user-account-link .fa-user {
	font-size: 0.92rem;
}

.clean-btn,
.clean-btn:hover,
.clean-btn:focus,
.clean-btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	border: none;
}

.mgmenu .row .col_4 {
	width: 33.33333%;
}

.mgmenu .clear {
	height: 10px;
}

.mi-touch-home {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #8d9298;
	color: white !important;
	font-size: 1em;
	padding: 8px 17px;
	border-radius: 6px 6px 6px 6px;
}