/* 
  If you have several menus on the same page, you can here 
  define some properties separately for each of them
  by using their respective ID.
*/


@media only screen and (min-width: 651px) {
#mgmenu1 {
	z-index: 12;
}
/* 1. Mega Menu Bar */

.mgmenu_container, .mgmenu_fixed, .mgmenu_footer {
	width:100%;
	height: 26px;
	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']);
}
.mgmenu_footer {
	top: auto;
	bottom:0;
}
.mgmenu {
	font-family: 'roboto_condensedbold', Arial, sans-serif;
	
	color:#808285;
	text-transform:uppercase;
	list-style:none;
	padding:0;
	margin:0;
	position:relative; /* For IE7 */
	line-height:1;
	
}

.mgmenu > li {
	float: left;
	margin: 0;/*padding-right: 15px;*/
}
.mgmenu > li:hover, .mgmenu > li.active {
}
.mgmenu li.noactive {
	background:none;
}
.mgmenu > li > a, .mgmenu > li > span {
	display: block;
	outline:0;
	text-decoration:none;
	

}
.mgmenu > li > span:hover,  .mgmenu > li > a:hover,  .mgmenu > li > a:focus,  .mgmenu > li > span.active {
	cursor:pointer;
	color:#72A7D3;
	outline:none;
}
.mgmenu > li > span.search_padding {
	display: block;
	outline:0;
	text-decoration:none;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	overflow:auto;
}
.mgmenu > li .mgmenu_drop {
	padding-right:20px;
}
.mgmenu > li.right_item {
	float:right;
	margin-right:0;
}
.mgmenu > li.right_item .active a {
	color:#72A7D3;
}

.mgmenu_container > .mgmenu > li.mgmenu_button_active, .mgmenu_fixed > .mgmenu > li.mgmenu_button_active, .mgmenu_footer > .mgmenu > li.mgmenu_button_active {
/*background-color:#000000;*/
}
/*  _______________________________________

    02 DROP DOWNS
    _______________________________________  */


/* 1. Common Styling */


.mgmenu li .dropdown_container, .mgmenu li .dropdown_fullwidth, .mgmenu li .mgmenu_multilevel {
	position:absolute;
	top:43px;
	display: none;
	float:left;
	zoom:1;
	z-index: 10;
	margin:8px 0 40px -1px;
	padding:40px 0 45px 0px;
	border-top:none;
	background: #455E7D;
	color: #72A7D3;
}
@-moz-document url-prefix() {
.mgmenu li .dropdown_container, .mgmenu li .dropdown_fullwidth, .mgmenu li .mgmenu_multilevel {
	font-family: 'roboto_condensedregular', Arial, sans-serif;
}
}
.mgmenu li .dropdown_container {
	left:auto;
}
.mgmenu li .dropdown_fullwidth {
	left:0;
}
.mgmenu li.right_item .dropdown_container {
	left:auto;
	right:0px;
}
/* 3. Drop Down Containers */

.mgmenu li .dropdown_fullwidth {
	width: 100%;
}
/*.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%;
}*/

/*  _______________________________________

    03 COLUMNS GRID
    _______________________________________  */



.mgmenu .col_1, .mgmenu .col_2, .mgmenu .col_3, .mgmenu .col_4, .mgmenu .col_5, .mgmenu .col_6, .mgmenu .col_7, .mgmenu .col_8, .mgmenu .col_9, .mgmenu .col_10, .mgmenu .col_11, .mgmenu .col_12 {
	float: left;
	display:inline;
	position: relative;
	padding-left: 2%;
	padding-right: 2%;
}
.mgmenu .first_col {
	/*margin-left:312px;*/
	margin-left:32%;
	
}
.mgmenu .col_3 {
	/*width:165px;*/
	width:16.9%;
	min-height:170px;
	height:185px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #ABB6C3;
	
	
}
.mgmenu .col_3.first_col {
	border:none;
}
.mgmenu .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 18px;
}

/*  _______________________________________

    05 CONTENT & TYPOGRAPHY
    _______________________________________  */




/* 1. Basic Typography */


.mgmenu p, .mgmenu h1, .mgmenu h2, .mgmenu h3, .mgmenu h4, .mgmenu h5, .mgmenu h6 {
	padding:0;
	margin:0;
	font-weight: normal;
	color:#72A7D3;
	margin-bottom:10px;
	font-family: 'roboto_condensedbold', Arial, sans-serif;
	
}


/*.mgmenu h3 {
	font-size:24px;
}
.mgmenu h4 {
	font-size:18px;
}
.mgmenu h5 {
	font-size:16px;
}
.mgmenu h6 {
	font-size:14px;
	
}*/
.mgmenu a, .mgmenu a:visited {
	text-decoration: none;
	color:#808285;
}
.mgmenu a:hover {
	color:#72A7D3;
}
.mgmenu .dropdown_container a, .mgmenu .dropdown_container a:visited {
	text-decoration: none;
	color:#72A7D3;
}
.mgmenu .dropdown_container a:hover {
	color:#FFF;
}
.mgmenu a:focus {
	background: none;
}
/* 2. Lists */


.mgmenu > li ul, .mgmenu > li ol {
	margin-top: 0;
	margin-right: 0;
	/*margin-bottom: 18px;*/
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.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: 24px;
}

/* 3. Other Styling */


.mgmenu blockquote {
	color:#aaaaaa;
	border-left: 5px solid #cccccc;
	padding-left: 20px;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 27px;
}
.mgmenu .text_box {
	width: 84%;
	background: #ffffff;
	padding: 12px 8% 12px 8%;
	-webkit-box-shadow: 0 1px 1px #bbbbbb;
	-moz-box-shadow: 0 1px 1px #bbbbbb;
	-o-box-shadow: 0 1px 1px #bbbbbb;
	box-shadow: 0 1px 1px #bbbbbb;
}
.mgmenu .text_box_black {
	background: #212121;
}
.mgmenu .text_box_red {
	background: #e48a76;
}
.mgmenu .text_box_blue {
	background: #92bfd1;
}
.mgmenu .text_box_green {
	background: #b4ca91;
}
.mgmenu .text_box_yellow {
	background: #f3d067;
}
.mgmenu .text_box_purple {
	background: #C0ADDB;
}
.mgmenu .text_box_brown {
	background: #b2aa9f;
}
.mgmenu .text_box_black, .mgmenu .text_box_red, .mgmenu .text_box_blue, .mgmenu .text_box_green, .mgmenu .text_box_yellow, .mgmenu .text_box_purple, .mgmenu .text_box_brown {
	color:#ffffff;
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

.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;
}
/* 5. Icons */


.mgmenu .mini_icon {
	background-image: url("../img/icons/mini-icons-white.png");
	background-repeat: no-repeat;
	margin-top: -2px;
	padding-left: 6px;
	float: left;
	width: 20px;
	height: 20px;
}



.mgmenu .menubar_icon {
	padding: 0;
	padding-left:6px;
	list-style: none;
	float: left;
}
.mgmenu .menubar_icon:hover {
	background:none;
}
.mgmenu .menubar_icon ul > li {
	list-style: none;
	float: left;
}
.mgmenu .menubar_icon ul > li:hover {
/*background-color:#131313;*/
}
.mgmenu .menubar_icon ul > li > a {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	display: block;
	padding: 7px 4px 9px 4px;
	width: 24px;
	height: 24px;
}
.mgmenu .icon_vimeo {
	background-image: url("../img/icons/icon_vimeo.png");
}
.mgmenu .icon_dribbble {
	background-image: url("../img/icons/icon_dribbble.png");
}
.mgmenu .icon_twitter {
	background-image: url("../img/icons/icon_twitter.png");
}
.mgmenu .icon_facebook {
	background-image: url("../img/icons/icon_facebook.png");
}
.mgmenu .icon_flickr {
	background-image: url("../img/icons/icon_flickr.png");
}}