@charset "utf-8";

    @import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
    .snip1135 {
      font-family: 'Raleway', Arial, sans-serif;
      text-transform: uppercase;
      font-weight: 500;
      display: flex;
      padding-top: 1em;
    }
    .snip1135 * {
     text-align: center;
      box-sizing: border-box;
    }
    .snip1135 li {
     width: 100%;
      display: inline-block;
      list-style: outside none none;
      margin:0;
      padding: 0;
      text-align: center !important;
    }
    
    .snip1135 li+ li {
  border-left: 1px solid #aaa;
    }
.snip1135 li span.focus{
    color: #f08000;
	border-bottom: 2px solid #f08000;
	padding: 0.4em 0.5em;
    }
    .snip1135 a {
      padding: 0.4em 0.5em;
      color: #747474;
      position: relative;
      letter-spacing: 1px;
      text-decoration: none;
    }
    .snip1135 a:before,
    .snip1135 a:after {
      position: absolute;
     left: 0.5;
      -webkit-transition: all 0.35s ease;
      transition: all 0.35s ease;
    }
    .snip1135 a:before {
      bottom: 0;
      display: block;
      height: 2px;
      width: 0%;
      content: "";
      background-color: #f08000;
    }
    .snip1135 a:after {
      left: 0;
      top: 0;
      padding: 0.5em 0;
      position: absolute;
      white-space: nowrap;
      max-width: 0%;
      overflow: hidden;
    }
    .snip1135 a:hover:before,
    .snip1135 .current a:before {
     /* opacity: 1;*/
      width: 100%;
    }
    .snip1135 a:hover:after,
    .snip1135 .current a:after {
      max-width: 100%;
    }

    ul.snip1135{
    padding-left: 0 !important;
    }