/* ## Main Navigation Theme ## */

.mainNav { position:relative; z-index:100;}
.mainNav .sf-menu {list-style-type:none; margin:0px; padding:0px; display:table; width:100%;}
.mainNav .sf-menu > li {display:table-cell; vertical-align:middle;}
.mainNav .sf-menu > li .navInner {position:relative;}

.mainNav .sf-menu > li > a,
.mainNav .sf-menu > li .navInner > a {display:block; padding:14px 16px 14px 10px; color:#ffffff; font-size:1em; font-weight:700; text-decoration:none; text-transform:uppercase; text-align:center; position:relative;}

ul.sf-menu li ul {display:none; list-style-type:none; padding:0px; margin:0px; position:absolute; z-index:1000; background: rgba(0, 0, 0, 0.75); padding:10px 0 10px 0; width:200px;}
ul.sf-menu li:last-child ul { right: 0; }
ul.sf-menu li ul ul {left:200px; top:-10px;}

.mainNav .sf-menu li:hover ul {display:block; }

ul.sf-menu li ul li {display:block; position:relative;}
ul.sf-menu li ul li a {color:#ffffff; text-decoration:none; font-size:1.063em; display:block; padding:6px 20px;}


.menuLink{ display:none; position:absolute; left:12px; top:4px; width:36px; height:36px; cursor:pointer; z-index:1000;}
.menuLink:before,
.menuLink:after,
.menuLink > span.icon:before {
	content:" ";
	position:absolute;
	width:30px; 
	height:4px;
	background:#06357a;
	z-index:1001;
	-webkit-transition: transform 0.4s ease 0s; 
	    transition: transform 0.4s ease 0s;
}
.menuLink:before { top:5px; } 
.menuLink:after { top:15px; } 
.menuLink > span.icon:before { top:25px; } 
.menuLink.activeMenu:before {left: 0;top: 16px;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.menuLink.activeMenu:after {left: 0;top: 16px;-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.menuLink.activeMenu > span.icon::before {display:none;}

.mainNav .certifications {display:none;}
	
@media only screen and (min-width: 48em) {
	.outerContainer {min-height:100px !important;}
	.mainNav { background: rgba(0, 0, 0, 0.25);  -webkit-box-shadow:0 1px 4px -3px #000000 inset; box-shadow:0 1px 4px -3px #000000 inset; min-height:30px !important;}
	.mainNav .sf-menu .navMore {position:absolute; font-size:.75em; line-height:1.8; padding:0 0 0 2px;}
	
	.mainNav .sf-menu > li:hover,
	.mainNav .sf-menu > li.on  {background: rgba(0, 0, 0, 0.45);}
	ul.sf-menu li ul li:hover > a {background: rgba(0, 0, 0, 0.45);}
}	

@media only screen and (min-width: 60em) {
.mainNav .sf-menu > li > a,
.mainNav .sf-menu > li .navInner > a {font-size:1.250em;}
}

@media only screen and (max-width:47.99em) {

	.outerContainer {position:relative;}
	
	.menuLink {display:block !important;}

	.mainNav { position: relative; height:100%; position:absolute; left:-80%; top:0px; width:80%; z-index:100; background:#070a41;}
	
	.mainNav .sf-menu {display:block; width:auto;}
	.mainNav .sf-menu > li {display:block;}
	.mainNav .sf-menu > li > a, .mainNav .sf-menu > li .navInner > a, .mainNav .sf-menu li a {text-align:left; font-size:1em; font-weight:bold; padding:14px 35px 14px 15px; position:relative; background:none;}
	.mainNav .sf-menu li li a {padding:8px 35px 8px 30px; color:#3a3a3a; font-size:1.1em; font-weight:normal;}
	
	.mainNav .sf-menu li li li a {padding:8px 35px 8px 45px;}
	ul.sf-menu li ul {background:#ffffff; position:static; width:auto; padding:0px; display:none !important;}
	ul.sf-menu li ul li:nth-child(2n) {background:#f3f3f5;}
	ul.sf-menu li ul li {border-bottom:2px solid #d4d4d5;}
	ul.sf-menu li ul li:last-child {border:0px;}
	
	.mainNav .sf-menu .navMore {padding:0; text-align:center; font-weight:normal; font-size:1.2em; width:30px; height:100%; position:absolute; right:0px; top:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.mainNav .sf-menu .navMore span {position:absolute; top:50%; left:-3px; margin-top:-11px;}
	
	.mainNav .sf-menu .navActive > a {background:#cdced9; color:#070a41;}
	.mainNav .sf-menu .navActive > ul {display:block !important; visibility:visible !important;}
	
	.mainNav .certifications {display:block; margin:40px 0 0 0;}
	.mainNav .certifications .trigger {display:block; background:#adadad; color:#ffffff; font-size:1.125em; letter-spacing:1px; text-decoration:none; text-transform:uppercase; padding:5px 15px;  position:relative;}
	.mainNav .certifications .trigger:after {position:absolute; content:''; right:15px; top:9px; border-left:8px solid #ffffff; border-top:7px solid transparent; border-bottom:7px solid transparent; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear;  -o-transition: all .1s linear; transition: all .1s linear;}
	.mainNav .certifications.active .trigger:after {-ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */  transform: rotate(90deg);}
	.mainNav .certifications ul {list-style-type:none; margin:0px; padding:0px; background:#999999; display:none;}
	.mainNav .certifications.active ul {display:block;}
	.mainNav .certifications ul li {}
	.mainNav .certifications ul a {display:block; text-decoration:none; padding:8px 10px; color:#fff;}
}