@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
.nav {font-family: 'Raleway', Arial, sans-serif;  text-align: center;  text-transform: uppercase;  font-weight: 500;  text-align: left;  line-height:35px;}
.nav * { box-sizing: border-box;  -webkit-transition: all 0.35s ease;  transition: all 0.35s ease;}
.nav li { display: inline-block;  list-style: outside none none;  margin: 0 1.2em;  overflow: hidden; color:#FFFFFF;}
.nav a { padding: 0 0.5em 0 0.2em;  color: #000;  position: relative;  display: inline-block;  letter-spacing: 1px;  margin: 0;  text-decoration: none; color:#FFFFFF;}
.nav a:before,
.nav a:after {  position: absolute;  -webkit-transition: all 0.35s ease;  transition: all 0.35s ease;}

.nav a:before { right: 100%;  display: block;  width: 3px;  height: 100%;  content: "";  background-color: #001956;}

.nav a:after { padding: 0 0.5em 0 0.2em;  position: absolute;  right: 100%;  top: 0;  content: attr(data-hover);  color: black;  white-space: nowrap;}
.nav li:hover a, .snip1175 .current a {  transform: translateX(100%);}


.menu-2 {font-family: 'Raleway', Arial, sans-serif;  text-align: center;  text-transform: uppercase;  font-weight: 500;  text-align: left;  line-height:50px; float:left;}
.menu-2 * { box-sizing: border-box;  -webkit-transition: all 0.35s ease;  transition: all 0.35s ease;}
.menu-2 li { display: inline-block;  list-style: outside none none;  margin: 0 1.2em;  overflow: hidden; color:#FFFFFF;}
.menu-2 a { padding: 0 0.5em 0 0.2em;  color: #000;  position: relative;  display: inline-block;  letter-spacing: 1px;  margin: 0;  text-decoration: none; color:#FFFFFF;}
.menu-2 a:before,
.menu-2 a:after {  position: absolute;  -webkit-transition: all 0.35s ease;  transition: all 0.35s ease;}

.menu-2 a:before { right: 100%;  display: block;  width: 3px;  height: 100%;  content: "";}

.menu-2 a:after { padding: 0 0.5em 0 0.2em;  position: absolute;  right: 100%;  top: 0;  content: attr(data-hover);  color: black;  white-space: nowrap;}
.menu-2 li:hover a, .snip1175 .current a {  transform: translateX(100%);}
ul.topnav { display:block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}

ul.topnav li {float: left;}

ul.topnav li a { font-family:Calibri; display: inline-block; color: #000; text-align: center;  padding: 14px 16px;  text-decoration: none;  transition: 0.3s;  font-size: 15px;}	

ul.topnav li a:hover {background-color: #fff;}
ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {float: right;  display: inline-block; }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {  position: absolute;   right: 0;   top: 0;  }
  ul.topnav.responsive li {  float: none;   display: inline; }
  ul.topnav.responsive li a { display: block;   text-align: left;  }
}