.navi-getion{display:inline-block; margin: 0;vertical-align: top; padding: 0;width: 100%; height: 62px;z-index: 111;}
.navi{width: 87%!important; margin: 0 0 0 300px!important ; }
.wrapper {width: 100%;margin:0  auto;  *zoom: 1;}
.wrapper .container {margin: 0 auto;  *zoom: 1;  max-width: 80em;}
.wrapper .nav { -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); margin: 0; padding: 0;}
@media (min-width: 60em) {
.wrapper .nav {position: relative;  }}
.wrapper .active {  display: block !important;}
.wrapper nav {  width: 100%;  margin: 0;  padding: 0;}
.wrapper nav span {  width: 100%;  background: #0079c1;  border-bottom: 1px solid #00598e;  display: block;}
@media (min-width: 60em) {
.wrapper nav span {display: none;  }}
.wrapper nav span a {  width: 100%;  background: #0079c1;  display: block;  padding: 10px;  font-size: 1.2em;  color: #fff; text-transform: uppercase;}
.wrapper nav span a:active, .wrapper nav span a visited {  color: #fff;}
.wrapper nav span a:hover, .wrapper nav span a focus {  color: #eee;}
.wrapper nav span a i {  float: right;}
.wrapper nav ul {  margin: 0;  padding: 0;  list-style: none;  text-transform: uppercase;  font-size: 16px;  }
@media (min-width: 60em) {  
.wrapper nav ul {font-size: 15px;  width: auto; float:right; margin-right: 10px; }}
.wrapper nav ul > li {  position: relative; font-size: 16px;  border-bottom: solid 1px #00598e;margin: 0;  padding: 22px 0;}
@media (min-width: 60em) {
.wrapper nav ul > li {position: static;   display: inline-block;   padding: 0px;   border-bottom: none; float:left; color:#fff;  }	
.wrapper nav ul > li:first-child { padding-left: 0px;}
.wrapper nav ul > li:last-child { padding-right: 0px;}}
.wrapper nav ul > li > a {  color: #ffffff;  display: block;  font-weight: 400; font-size:14px;  text-decoration: none;  text-align: left;  padding-left: 10px;  padding-right: 30%;font-family: 'Open Sans', sans-serif;letter-spacing: 2px; position:relative;}

.wrapper nav ul > li:after {
  color:#fff;
  content: "|";

}
.wrapper nav ul > li:last-child:after {
  content:"";
}


@media (min-width: 60em) {
.wrapper nav ul > li > a {display: inline-block; padding: 12px 10px; text-decoration: none;}


}

.wrapper nav ul > li > a:hover, .wrapper nav ul > li > a focus {color:#4bb4e3 !important; border: 0; font-weight:400 !important;}





.wrapper nav ul > li .menuSub li a:after {background:none !important;}


 



 .actives:after {content: ''; position: absolute;  left: 38%; width: 100%;    z-index: 999;
 
 
width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0f3d66;
    bottom: -8px;



 
 

}






.actives{color:#4bb4e3 !important; border: 0; font-weight:400 !important; position:relative;}
.wrapper nav ul > li .menuSub li a span{float:right;width:auto;right:0;top:0;text-transform:none;font-size:13px;font-style:normal;display:block!important;background:transparent;border: 0;}
.wrapper nav ul > li .menuSub li a span:hover {cursor: pointer;}
.wrapper nav ul > li .menuSub {  position: relative;  top: 9px;}
@media (min-width: 60em) {
.wrapper nav ul > li .menuSub {position: absolute;padding: 2%;width: 29%; margin: 0 auto;left: 34.2%;top: 121px; background: rgba(0, 0, 0, 1);   z-index: 99999;  border: 1px solid #463c27; }}
.wrapper nav ul > li .menuSub ul { margin: 0; padding: 0; background: none;}
.wrapper nav ul > li .menuSub li {  border-bottom: 0;  margin-top: 2px;  background: #0099f4; padding: 0px 10px;}
@media (min-width: 60em) {
.wrapper nav ul > li .menuSub li {width: 100%;background: none; }}
.wrapper nav ul > li .menuSub li a {  color: #7e7d7d;float: left;}
@media (min-width: 60em) {
.wrapper nav ul > li .menuSub li a { color: #7e7d7d; font-size: 15px;  line-height: 20px;font-weight: 400 !important;   }
.wrapper nav ul > li .menuSub li a:hover { color: #fdfdfd ; border-bottom:none !important; }}
.wrapper nav ul > li .menuSub-inner {  max-width: 100%; margin: 0;  position: relative;}
.wrapper nav ul > li .menuCols {  width: 100%;  margin-left: 0;  margin-right: 0;  clear: none;}
.act { color: #fdfdfd !important ; }
@media (min-width: 60em) {
.wrapper nav ul > li .menuCols {width:49%;clear: right;   float: left;   margin-left: 0%;   margin-right: 1.69492%;  }
.wrapper nav ul > li .menuCols:last-of-type {   margin-right: 0; }}
.wrapper nav ul > li .menuSub .phead { font-size: 16px; color: #ad924c;font-family: 'Roboto', sans-serif; font-weight: 700;text-transform: uppercase !important;}
.wrapper nav ul > li .menuSub .psubhead  { font-size: 14px; color: #d2ac67;font-family: 'Roboto', sans-serif; font-weight: 700; text-transform:uppercase;  margin: 20px 0px 5px;}
@media only screen and (min-width: 0px) and (max-width: 900px){
.wrapper {display: none;}}
@media only screen and (min-width: 901px) and (max-width: 1024px){
.wrapper nav ul {margin-right: 6px;}	
.wrapper nav ul > li > a { font-size: 13px; letter-spacing: 0.5px; padding: 9px 5px;}
.actives:after { bottom: -5px;}
    

}
@media only screen and (min-width: 1025px) and (max-width: 1152px){
.wrapper nav ul {margin-right: 6px;}	
.wrapper nav ul > li > a { font-size: 13px; letter-spacing: 1px;}
.actives:after { bottom: -5px;}
.actives:after {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #0f3d66;bottom: -5px;    left: 40%; }

}
@media only screen and (min-width: 1153px) and (max-width: 1280px){
	
.wrapper nav ul {margin-right: 6px;}	
.wrapper nav ul > li > a { font-size: 13px; letter-spacing: 1px;}
.actives:after { bottom: -5px;}
.actives:after {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #0f3d66;bottom: -5px;    left: 40%; }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px){
.wrapper nav ul {margin-right: 6px;}	
.wrapper nav ul > li > a { font-size: 13px; letter-spacing: 1px;}
.actives:after {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #0f3d66;bottom: -5px;     left: 40%;}

}
@media only screen and (min-width: 1367px) and (max-width: 1440px){
.wrapper nav ul {margin-right: 6px;}	
.wrapper nav ul > li > a { font-size: 13px; letter-spacing: 1px;}

}
@media only screen and (min-width: 1481px) and (max-width: 1680px){
.wrapper nav ul {margin-right: 6px;}	
.wrapper nav ul > li > a { font-size: 13px; letter-spacing: 1px;}
.actives:after { left: 44%;  border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #0f3d66; bottom: -6px;}
	}
@media (min-width:2000px) and (max-width:2566px) {
.wrapper nav ul > li .menuSub-inner { max-width: 92%;}
.wrapper nav ul > li > a{font-size: 17px;}
.wrapper nav ul > li .menuSub .psubhead {font-size: 19px;}
.wrapper nav ul > li .menuSub .phead {font-size: 19px;}
.wrapper nav ul > li .menuSub li a {font-size: 17px; line-height: 26px;}}