/*initially hide mobile nav*/
#navMobile {display:none;}

/*initially display mega nav*/
#navMega {position: absolute; top: 0; right: 0;}

#navMega ul.megamenu {margin: 0; padding: 0; /*float:left;*/ width: 100%; list-style: none; position: relative;}
#navMega ul.megamenu, #navMega ul.megamenu li {list-style-type:none;}
#navMega ul.megamenu li {float: left; margin: 0; padding: 0; /*position: relative;*/}

#navMega ul.megamenu ul {padding:0;margin:0; display: table-cell; float: left;}

#navMega ul.megamenu li a {float: left; }
#navMega ul.megamenu li a.level0 { 
    text-align: center;
	padding: 0px 48px 15px 48px;
	font-family: 'GothamCondensedBook', Gotham Condensed Book, "Gotham Condensed Book", Arial, Helvetica, Sans-Serif;
	font-size: 19px;
	line-height: 67px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}
#navMega ul.megamenu li a.current {color: #39a7f1; /*robin*/ text-decoration: none;}
#navMega ul.megamenu li:hover a.level0, #navMega ul.megamenu li:hover a.current {background-color: #ffffff; color: #39a7f1; /*robin*/ text-decoration: none;}

#navMega ul.megamenu li .sub {
	z-index: 1001;
    display: none;
    position: absolute;	
	/*left: 0;
	float: left;*/
    /*left: auto;
    float:right;*/
	right: 0;
    width: 1162px; /*initial desktop width, js changes*/

    background-color: #ffffff;
    padding: 30px;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

#navMega ul.megamenu li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
#navMega ul.megamenu li .sub ul {
	list-style: none;
	margin: 0; padding: 0;
	width: 168px; /*initial desktop width, js changes*/
	float: left;
    margin-bottom: 15px;
    position:relative;
}
#navMega ul.megamenu .sub ul li {
    display:block; clear: both; position:relative;
    padding: 0 5% 0 0;
}
#navMega ul.megamenu .sub ul li h3 {
    padding:0; margin:0 0 5px 0;

    font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; 
    font-size: 18px; line-height: 25px; color: #005099; text-transform:uppercase;
    font-weight: normal; font-style: normal; letter-spacing: normal; text-decoration: none;
}
#navMega ul.megamenu .sub ul li h3 a {
	padding:0; margin:0;

    font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; 
    font-size: 18px; line-height: 25px; color: #005099; text-transform:uppercase;
    font-weight: normal; font-style: normal; letter-spacing: normal; text-decoration: none;
}
#navMega ul.megamenu .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	display: block;
	padding:0;
	margin:0;

    font-family: 'GothamCondensedBook', Gotham Condensed Book, "Gotham Condensed Book", Arial, Helvetica, Sans-Serif;
	font-size: 17px; line-height: 25px; color: #646464;
	text-decoration: none; text-transform: none;
}

#navMega ul.megamenu .sub ul li a:hover, #navMega ul.megamenu .sub ul li a.current,
#navMega ul.megamenu .sub ul li h3 a:hover, #navMega ul.megamenu .sub ul li h3 a.current {color: #39a7f1; /*robin*/ text-decoration: none;}

@media screen and (max-width: 1200px) {
    #navMega ul.megamenu li a.level0 { padding: 0px 38px 13px 38px;}
}
@media screen and (max-width: 1150px) {
    #navMega ul.megamenu li a.level0 { padding: 0px 37px 11px 37px;}
}
@media screen and (max-width: 1100px) {
    #navMega ul.megamenu li a.level0 { padding: 0px 32px 8px 32px;}
}
@media screen and (max-width: 1050px) {
    #navMega ul.megamenu li a.level0 { padding: 0px 30px 6px 30px;}
}
@media screen and (max-width: 1000px) {
    #navMega ul.megamenu li a.level0 { padding: 0px 26px 5px 26px; font-size: 18px; line-height: 63px;}
}
@media screen and (max-width: 940px) {
    #navMega ul.megamenu li a.level0 { padding: 0px 20px 5px 20px; font-size: 17px; line-height: 61px;}
}


/* MOBILE -------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 880px) {
    #navMega { display: none !important; visibility: hidden; }
    #navMobile { display: block;}

    #navMobile ul, #navMobile ul li { border: 0; outline: 0; padding: 0; margin: 0; list-style: none; }
    #navMobile { position: absolute; top: 0; right: 0px; }

    #navMobile > a { display: none; }

    #navMobile li { position: relative; background-color: #25346a; /*navy*/ }
    #navMobile li a { color: #fff; text-decoration: none; display: block; }
    #navMobile li a:hover { color: #39a7f1; /*robin*/ }
    #navMobile li a:active { color: #39a7f1; /*robin*/ }

    #navMobile span:after { width: 0; height: 0; border-bottom: none; border-top-color: #25346a; /*navy*/ content: ''; vertical-align: middle; display: inline-block; position: relative; }

    /* First Level */
    #navMobile > ul { }
    #navMobile > ul > li { height: 100%; display: inline-block; float: left; }
    #navMobile > ul > li > a { height: 100%; text-align: center; padding: 0px 48px 15px 48px; font-family: 'GothamCondensedBook', Gotham Condensed Book, "Gotham Condensed Book", Arial, Helvetica, Sans-Serif; font-size: 19px; line-height: 67px; color: #ffffff; text-decoration: none; text-transform: uppercase; display: inline-block; }
    #navMobile > ul > li:not( :last-child ) > a { }
    #navMobile > ul > li:hover > a, #navMobile > ul:not( :hover ) > li.active > a,
    #navMobile li.selected a, #navMobile li.breadcrumb a { color: #39a7f1; /*robin*/ text-decoration: none; }
    #navMobile > ul > li:hover > a { background-color: #ffffff; color: #39a7f1; /*robin*/ text-decoration: none; }

    /* Second Level */
    #navMobile li ul { text-align: left; background-color: #ffffff; display: none; position: absolute; top: 100%; /*top: 82px;*/ z-index: 3005; padding: 0px 20px 10px 20px; min-width: 200px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
    #navMobile li:hover ul { display: block; left: 0; }
    #navMobile li.last:hover ul { display: block; left: auto; right: 0; }
    #navMobile li:not( :first-child ):hover ul { /*left: -1px;*/ }
    #navMobile li ul li { background-color: #ffffff; border-top: 1px dotted #d4d4d4; text-align: left; position: relative; padding: 6px 0px 6px 0px; display: inline-block; float: left; width: 50%; }
    #navMobile li ul li a { text-align: left; background-color: #ffffff; position: relative; min-width: 100%; font-family: 'GothamCondensedBook', Gotham Condensed Book, "Gotham Condensed Book", Arial, Helvetica, Sans-Serif; font-size: 17px; line-height: 25px; color: #646464; text-decoration: none; text-transform: none; }

    #navMobile li.selected ul li a, #navMobile li.breadcrumb ul li a { color: #646464; }
    #navMobile li ul li.first { border-top: 0px solid #25346a; /*navy*/ }
    #navMobile li ul li a:hover, #navMobile li ul:not( :hover ) li.active a { color: #39a7f1; /*robin*/ }


    /*change*/
    #navArea { float: none; clear: both; width: 100%; text-align: right; }
    #navMobile > a { margin-top: -90px; }

    #navMobile:target > ul { display: none; }
    #navMobile { width: 100%; position: static; margin: 0; position: relative; top: auto; left: auto; text-align: center; }
    #navMobile > a { width: 60px; height: 90px; text-align: left; text-indent: -9999px; position: relative; background: url(mobile_menu_trigger.png) no-repeat 0 0; }
    /*#navMobile > a:before, #navMobile > a:after {position: absolute;	border: 2px solid #fff;	top: 35%; left: 25%; right: 25%; content: '';}
			#navMobile > a:after {top: 60%;}*/
    #navMobile:not( :target ) > a:first-of-type, #navMobile:target > a:last-of-type { display: block; }

    /* First Level */
    #navMobile > ul { height: auto; display: none; position: absolute; left: 0; right: 0; }
    #navMobile:target > ul { display: block; z-index: 4005; }

    #navMobile > ul > li { width: 100%; float: none;}
    #navMobile > ul > li > a { height: auto; width: 100%; padding: 0px 0px 0px 0px; }
    #navMobile > ul > li/*:not( :last-child )*/ > a { border-right: none; border-bottom: 1px solid #000000; width: 100%; }

    /* Second Level */
    #navMobile li ul { position: static; text-align: center; padding: 0px 0px 0px 0px; min-width: 100%; border-left: 0px solid #eeeeee; border-right: 0px solid #eeeeee; border-bottom: 0px solid #eeeeee; }
    #navMobile li ul li { display: block; clear: both; width: 100%;}
    #navMobile li ul li a { text-align: center; }

    /* Third Level */
    #navMobile li ul li ul { display: none !important; visibility: hidden; margin: 0; padding: 0;}
    #navMobile li ul li ul li { display: none !important; visibility: hidden; margin: 0; padding: 0;}
}