/*Site NavButtonBar.css*/
/*
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.06
*/

.ButtonBar {

}
/* 1. Mega Menu Bar */
.ButtonBar,
.mgmenu_container,
.mgmenu_fixed,
.mgmenu_footer {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 15px;*/
    font-size: 19px;
    height: 44.2px;
    background: #c6c6c6;
    background: -webkit-linear-gradient(#c6c6c6, #c6c6c6);
    background: -moz-linear-gradient(#c6c6c6, #c6c6c6);
    background: -o-linear-gradient(#c6c6c6, #c6c6c6);
    background: -ms-linear-gradient(#c6c6c6, #c6c6c6);
    background: linear-gradient(#c6c6c6, #c6c6c6);
}

.mgmenu_container {
    margin: 0 auto;
    line-height: 80%;
    max-width: 980px;
}
.mgmenu_fixed,
.mgmenu_footer {
}
.mgmenu_footer {
}
.mgmenu {
    font-family: inherit;
    font-size: inherit;
    line-height:inherit;
}
	.mgmenu > li {
	}
    .mgmenu_dropdown {
        border-top-left-radius:10px;
        border-top-right-radius:10px;
    }
        /* Menu Item Hover*/
		.mgmenu > li:hover,
		.mgmenu > li.active {
			background-color:#15aaf3;
		}
        /* Menu Item Hover Text*/
        .mgmenu > li:hover > span > a {
            color:#000000;
        }
		.mgmenu li.noactive {
		}
        /* Menu Item Text*/
		.mgmenu > li > a,
		.mgmenu > li > span,
        .mgmenu > li > span > a {
            font-size: inherit;
			color:#000000;
            text-shadow:none;
		}
		.mgmenu > li > span:hover,
		.mgmenu > li > a:hover,
		.mgmenu > li > a:focus {
            font-size: inherit;
			color:#000000;
		}
		.mgmenu > li .mgmenu_drop {

		}
		.mgmenu_footer .mgmenu > li .mgmenu_drop {
		}
		.mgmenu > li.right_item {
		}
		.mgmenu_container > .mgmenu > li.mgmenu_button,
		.mgmenu_fixed > .mgmenu > li.mgmenu_button,
		.mgmenu_footer > .mgmenu > li.mgmenu_button {
			background-position:96% 10px;
			line-height: normal;
            padding: inherit;
		}
		.mgmenu_container > .mgmenu > li.mgmenu_button,
		.mgmenu_fixed > .mgmenu > li.mgmenu_button,
		.mgmenu_footer > .mgmenu > li.mgmenu_button {
			background-color:transparent;
            color:#ffffff;
			text-shadow:none;
		}
		.mgmenu_container > .mgmenu > li.mgmenu_button_active,
		.mgmenu_fixed > .mgmenu > li.mgmenu_button_active,
		.mgmenu_footer > .mgmenu > li.mgmenu_button_active {
            background-color:#000000; /*Responsive menu color*/
		}

/* 2. Mega Menu Trigger Button */

.mgmenu_trigger {
    background-color: #121212;
}
.mgmenu_trigger.active {
}
.mgmenu_footer ~ .mgmenu_trigger {
}
.mgmenu_footer ~ .mgmenu_trigger.active {
}




/*  _______________________________________

    02 DROP DOWNS
    _______________________________________  */




/* 1. Common Styling */


.mgmenu li .dropdown_container,
.mgmenu li .dropdown_fullwidth,
.mgmenu li .mgmenu_multilevel {
    border: 1px solid #CCCCCC;
    border-top: none;
    background: #15aaf3;
    color: #000000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.mgmenu li .dropdown_container {
}
.mgmenu li .dropdown_fullwidth {
}
.mgmenu li.right_item .dropdown_container {
    left:auto;
	right:auto;
}


/* 2. Footer */


.mgmenu_footer .mgmenu > li .dropdown_container,
.mgmenu_footer .mgmenu > li .dropdown_fullwidth,
.mgmenu_footer .mgmenu > li .mgmenu_multilevel {
	border:1px solid #CCCCCC;
}


.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 {
}
.mgmenu li .dropdown_2columns {
}
.mgmenu li .dropdown_3columns {
}
.mgmenu li .dropdown_4columns {
}
.mgmenu li .dropdown_5columns {
}
.mgmenu li .dropdown_6columns {
}
.mgmenu li .dropdown_7columns {
}
.mgmenu li .dropdown_8columns {
}
.mgmenu li .dropdown_9columns {
}
.mgmenu li .dropdown_10columns {
}
.mgmenu li .dropdown_11columns {
}
.mgmenu li .dropdown_fullwidth {
}




/*  _______________________________________

    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 {
}
.mgmenu .col_1 {width:4.33%;}
.mgmenu .col_2 {width:12.66%;}
.mgmenu .col_3 {width:21%;}
.mgmenu .col_4 {width:29.33%;}
.mgmenu .col_5 {width:37.66%;}
.mgmenu .col_6 {width:46%;}
.mgmenu .col_7 {width:54.33%;}
.mgmenu .col_8 {width:62.66%;}
.mgmenu .col_9 {width:71%;}
.mgmenu .col_10 {width:79.33%;}
.mgmenu .col_11 {width:87.66%;}
.mgmenu .col_12 {width:96%;}

.mgmenu .clear {
}
.mgmenu .col_border {
	-webkit-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
	-o-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
	box-shadow: -1px 0 0 rgba(0,0,0,0.15);
}



/*  _______________________________________________

    04 MULTILEVEL DROP DOWN
    _______________________________________________  */




.mgmenu .dropdown_flyout, 
.mgmenu .dropdown_flyout .dropdown_flyout_level {
}
.mgmenu .dropdown_flyout .dropdown_flyout_level {
	border:1px solid #CCCCCC;
	background: #15aaf3;
}
.mgmenu .dropdown_flyout li {
}
.mgmenu .dropdown_flyout ul li {
}
.mgmenu .dropdown_flyout li.last {
}
.mgmenu .dropdown_flyout a {
    width: 100%;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level {
}
.mgmenu .dropdown_flyout .dropdown_flyout_level_left {
}
.mgmenu .dropdown_flyout .dropdown_parent {
    background: none;
}
.mgmenu .dropdown_flyout .dropdown_parent_left {
}
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level,
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
}
.mgmenu .dropdown_flyout .flyout_heading {
	border-bottom: 1px solid #cccccc;
}




/*  _______________________________________

    05 CONTENT & TYPOGRAPHY
    _______________________________________  */




/* 1. Basic Typography */


.mgmenu p, 
.mgmenu h1, 
.mgmenu h2, 
.mgmenu h3, 
.mgmenu h4, 
.mgmenu h5, 
.mgmenu h6 {
	color:#222222;
	text-shadow:none;
}
.mgmenu h1, 
.mgmenu h2, 
.mgmenu h3, 
.mgmenu h4, 
.mgmenu h5, 
.mgmenu h6 {
}
.mgmenu p {
}
.mgmenu h1 {
}
.mgmenu h2 {
}
.mgmenu h3 {
}
.mgmenu h4 {
}
.mgmenu h5 {
}
.mgmenu h6 {
}
.mgmenu a {
    color: #000000;
}
.mgmenu a:hover {
	color:#000000;
}
.mgmenu a:focus {
}


/* 2. Lists */


.mgmenu > li ul,
.mgmenu > li ol {
}
.mgmenu > li ul {
}
.mgmenu > li ol {
}
.mgmenu > li ul.no_bullets {
}
.mgmenu > li ul.no_bullets li {
}
.mgmenu > li ul li,
.mgmenu > li ol li {
	font-size:inherit;
	color:#000000;
	text-shadow:none;
}


/* 3. Other Styling */


.mgmenu blockquote {
    color: #aaaaaa;
    border-left: 5px solid #cccccc;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
}
.mgmenu .text_box {
	background: #ffffff;
	-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;
}
.mgmenu .img_description {
    font-style: inherit;
    font-family: inherit;
}
.mgmenu hr {
	border-bottom:1px solid #f4f4f4;
	border-top:1px solid #ccc;
}
.mgmenu .video_container {
}
	.mgmenu .video_container iframe,  
	.mgmenu .video_container object,  
	.mgmenu .video_container embed {
	}
.mgmenu iframe {
}


/* 4. Inline Images */


.mgmenu img {
}
.mgmenu .inline_img {
	-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;
}
.mgmenu a .inline_img {
}
.mgmenu a:hover .inline_img {
}
.mgmenu .inline_img_border {
	border:5px solid #fff;
}


/* 5. Icons */

/*
.mgmenu .mini_icon {
    background-image: url("../img/icons/mini-icons-white.png");
}
*/
.mgmenu .menubar_icon {
}
.mgmenu .menubar_icon:hover {
}
.mgmenu .menubar_icon ul > li {
}
.mgmenu .menubar_icon ul > li:hover {
	background-color:#131313;
}
.mgmenu .menubar_icon ul > li > a {
}
/*
.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");
}
*/

/* 6. Form Elements */



/*  _______________________________________

    06 DROP DOWN TABS
    _______________________________________  */




.mgmenu li > .mgmenu_tabs {
}
.mgmenu_tabs > ul {
}
.mgmenu_tabs_hide {
}
.mgmenu_tabs .mgmenu_tabs_nav {
}
.mgmenu_tabs .mgmenu_tabs_panels {
	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 {
}
.mgmenu_tabs .mgmenu_tabs_nav li a {
	font-size:inherit;
}
.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);
}

/* 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 {
}
.mgmenu_tabs_top .mgmenu_tabs_panels,
.mgmenu_tabs_bottom .mgmenu_tabs_panels {
}
.mgmenu_tabs_top .mgmenu_tabs_nav li,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li {
}
.mgmenu_tabs_top .mgmenu_tabs_nav li a,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li a {
}
.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) and (max-width: 984px) {


	.mgmenu > li {
	    padding-right: 10px;
	}
        .mgmenu > li > a,
        .mgmenu > li > span {
            padding-left: 10px;
        }
	.mgmenu .mini_icon {
		padding-left: 3px;
	}


}


@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;
}


}


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


    .mgmenu_container,
    .mgmenu_fixed,
    .mgmenu_footer {
    }
	.mgmenu_container .mgmenu > li,
	.mgmenu_fixed .mgmenu > li,
	.mgmenu_footer .mgmenu > li {
	}
	    .mgmenu_container > .mgmenu > li.mgmenu_button,
	    .mgmenu_fixed > .mgmenu > li.mgmenu_button,
	    .mgmenu_footer > .mgmenu > li.mgmenu_button {
	    }
    .mgmenu > li > span {
        background: #c6c6c6;
    }
	.mgmenu > li > span,
	.mgmenu > li > a,
	.mgmenu > li > a:focus {
		font-size: 85%;
		padding-left: 3px;
		width: calc(100% - 43px);
		white-space:nowrap;
	}
        .mgmenu > li > span:hover,
        .mgmenu > li > span.active {
            background-color: #15aaf3;
        }
        .mgmenu > li .mgmenu_drop; {
		}
	.mgmenu > li .dropdown_container,
	.mgmenu > li .dropdown_fullwidth,
	.mgmenu_footer .mgmenu > li .dropdown_container,
	.mgmenu_footer .mgmenu > li .dropdown_fullwidth {
		-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;
	}
	.mgmenu li .dropdown_1column,
	.mgmenu li .dropdown_2columns,
	.mgmenu li .dropdown_3columns,
	.mgmenu li .dropdown_4columns,
	.mgmenu li .dropdown_5columns,
	.mgmenu li .dropdown_6columns,
	.mgmenu li .dropdown_7columns,
	.mgmenu li .dropdown_8columns,
	.mgmenu li .dropdown_9columns,
	.mgmenu li .dropdown_10columns,
	.mgmenu li .dropdown_11columns,
	.mgmenu li .dropdown_fullwidth {
	}
	.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 {
	}
	.mgmenu .col_border {
	}

	/* Multilevel drop down */

	.mgmenu .dropdown_flyout, 
	.mgmenu .dropdown_flyout .dropdown_flyout_level,
	.mgmenu .dropdown_flyout .dropdown_flyout_level_left {
	}
	.mgmenu .dropdown_flyout .dropdown_flyout_level {
	}
	.mgmenu .dropdown_flyout li,
	.mgmenu .dropdown_flyout ul li {
	}
    /*
	.mgmenu li .dropdown_flyout .dropdown_parent {
		background:url("../img/downArrow-b.png") no-repeat 98% 14px;
	}
    */
	/* Tabs */

	.mgmenu li > .mgmenu_tabs {
	}
	.mgmenu_tabs .mgmenu_tabs_nav {
	}
	.mgmenu_tabs .mgmenu_tabs_panels {
	}

	/* Other Elements */

	.mgmenu_trigger {
	}
	.mgmenu blockquote {
	}
	.mgmenu .img_description {
	}

	.mgmenu .menubar_icon {
	}
	.mgmenu .menubar_icon ul {
	}
	.mgmenu .menubar_icon ul > li {
	}


}



/*  _______________________________________

    08 RETINA DISPLAYS
    _______________________________________  */



/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {


	.mgmenu > li .mgmenu_drop {
		background-size: 9px 5px;
		background-image:url("../img/downArrow@2x.png");
	}
	.mgmenu_footer .mgmenu > li .mgmenu_drop {
		background-size: 9px 5px;
		background-image:url("../img/upArrow@2x.png");
	}
	.mgmenu_container > .mgmenu > li.mgmenu_button,
	.mgmenu_fixed > .mgmenu > li.mgmenu_button,
	.mgmenu_footer > .mgmenu > li.mgmenu_button {
		background-size: 24px 24px;
		background-image:url("../img/toggle@2x.png");
	}
	.mgmenu_trigger {
		background-size: 35px 35px;
		background-image:url("../img/button_up@2x.png");
	}
	.mgmenu_trigger.active {
		background-size: 35px 35px;
		background-image:url("../img/button_down@2x.png");
	}
	.mgmenu_footer ~ .mgmenu_trigger {
		background-size: 35px 35px;
		background-image:url("../img/button_down@2x.png");
	}
	.mgmenu_footer ~ .mgmenu_trigger.active {
		background-size: 35px 35px;
		background-image:url("../img/button_up@2x.png");
	}
	.mgmenu .dropdown_flyout .dropdown_parent {
		background-size: 5px 9px;
		background-image:url("../img/rightArrow@2x.png");
	}
	.mgmenu .dropdown_flyout .dropdown_parent_left {
		background-size: 5px 9px;
		background-image:url("../img/leftArrow@2x.png");
	}
	.mgmenu .mini_icon {
	    background-image: url("../img/icons/mini-icons-white@2x.png");
		background-repeat: no-repeat;
		background-size: 304px 144px;
	}

	.mgmenu .menubar_icon ul > li > a {
		background-size: 24px 24px;
	}
	.mgmenu .icon_vimeo {
	    background-image: url("../img/icons/icon_vimeo@2x.png");
	}
	.mgmenu .icon_dribbble {
	    background-image: url("../img/icons/icon_dribbble@2x.png");
	}
	.mgmenu .icon_twitter {
	    background-image: url("../img/icons/icon_twitter@2x.png");
	}
	.mgmenu .icon_facebook {
	    background-image: url("../img/icons/icon_facebook@2x.png");
	}
	.mgmenu .icon_flickr {
	    background-image: url("../img/icons/icon_flickr@2x.png");
	}


}
*/
/*
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

	.mgmenu li .dropdown_flyout .dropdown_parent {
		background-size: 9px 5px;
		background-image:url("../img/downArrow-b@2x.png");
	}

}
*/
.mgmenu .sub-indicator {
    display: inline-block;
    margin-left: 2px;
    padding-left: 2px;
    padding-right: 1em;
    transform: rotate(0deg);
}

.mgmenu > li.nav_hidden,
.dropdown_flyout > li.nav_hidden {
	display: none !important;
}