.siteNav {
    z-index:150;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    transition:all .5s ease-in-out;
    overflow:hidden
  }
  .siteNav::before,
  .siteNav:after {
    opacity:0;
    visibility:hidden;
    transition:all .8s cubic-bezier(0,0,0.2,1)
  }
  .siteNav::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../bundles/apiciuswebsite/images/backgrounds/lines.png);
    background-size:auto 200%;
    background-position:-10% -20%
  }
  .openNav .siteNav::before,
  .openNav .siteNav:after {
    opacity:1;
    visibility:visible
  }
  .siteNav .navigation-link {
    color:#727678
  }
  .siteNav .navigation-item.current .navigation-link,
  .siteNav .navigation-link:hover {
    color:#bfbfbf
  }
  .siteNav .navigation-list {
    list-style:none;
    padding-left:0;
    text-align:left
  }
  .siteNav .navigation-list.level0>.navigation-item {
    font-family:"bigcaslon";
    font-size:1.1rem;
    line-height:1.4;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:2px;
    padding:25px 10vw;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
  }
  .siteNav .navigation-list.level1 {
    position:relative
  }
  .siteNav .navigation-list.level1::before {
    content:"";
    position:absolute;
    top:20px;
    left:0;
    width:1px;
    height:calc(100% - 20px);
    background:#e0e1e0
  }
  .siteNav .navigation-list.level1 .navigation-item {
    letter-spacing:1px;
    text-transform:none;
    letter-spacing:1px;
    font-family:"times",Arial,sans-serif;
    font-weight:300;
    padding:10px 0
  }
  .siteNav .navigation-list.level1 .navigation-link {
    color:#878787
  }
  .siteNav-secondNav.navigation .navigation-list .navigation-item {
    font-family:"times",Arial,sans-serif;
    padding-top:10px;
    padding-bottom:10px
  }
  .siteNav-secondNav.navigation .navigation-list .navigation-link {
    color:#a1a1a1
  }
  @media only screen and (max-width:649px) {
    .siteNav {
      top:70px;
      height:0;
      background:#fafafa
    }
    .siteNav-container {
      overflow:auto;
      height:calc(100vh - 70px);
      padding-bottom:100px
    }
    .siteNav .navigation-item {
      position:relative;
      line-height:1.4
    }
    .siteNav .navigation-list.level0>.navigation-item {
      opacity:0;
      transition:all .6s cubic-bezier(0.55,0.06,0.68,0.19)
    }
    .siteNav .navigation-list.level0>.navigation-item.dropdownToggle {
      padding-right:calc(40px + 10vw)
    }
    .siteNav .navigation-list.level0>.navigation-item.dropdownToggle>.navigation-link {
      pointer-events:none;
      display:block;
      position:relative
    }
    .siteNav .navigation-list.level0>.navigation-item.dropdownToggle>.navigation-link::before {
      content:"+";
      position:absolute;
      top:50%;
      transform:translateY(-50%) translateX(100%);
      right:-5vw;
      width:38px;
      height:40px;
      line-height:28px;
      padding:0 0 0 2px;
      border:1px solid #e0e1e0;
      border-radius:100%;
      color:#bfbfbf;
      text-align:center;
      font-size:2.3rem
    }
    .siteNav .navigation-list.level0>.navigation-item.dropdownToggle.open>.navigation-link::before {
      content:"-"
    }
    .siteNav .navigation-list.level0>.navigation-item.dropdownToggle.open .navigation-list {
      padding-top:20px;
      max-height:100vh;
      transition:all .6s cubic-bezier(0.55,0.06,0.68,0.19)
    }
    .siteNav .navigation-list.level0>.navigation-item .submenuTitleBtn {
      position:absolute;
      transform:translateY(-20%);
      right:25px;
      width:38px;
      height:40px;
      line-height:28px;
      padding:0 0 0 2px;
      border:1px solid #e0e1e0;
      border-radius:100%;
      color:#e0e1e0;
      text-align:center
    }
    .siteNav .navigation-list.level0>.navigation-item .submenuTitleBtn i {
      transition:all .8s cubic-bezier(0,0,0.2,1)
    }
    .siteNav .navigation-list.level0>.navigation-item .submenuTitleBtn.active i {
      transform:rotate(45deg)
    }
    .siteNav .navigation-list.level1 {
      left:-5vw;
      padding-left:5vw;
      padding-top:0;
      width:100%;
      max-height:0;
      overflow:hidden;
      transition:all .6s cubic-bezier(0,0,0.2,1)
    }
    .siteNav .navigation-list.level1.openToggle {
      max-height:100%
    }
    .siteNav .navigation-list.level1.openToggle .navigation-link {
      padding:10px 0 10px 0;
      margin:2px
    }
    .siteNav .navigation-list.level1.openToggle .navigation-label {
      line-height:28px;
      padding:10px 10px 10px 0;
      padding-right:25px
    }
    .siteNav-mainNav .navigation-list.level0 .navigation-item::after {
      content:"";
      position:absolute;
      bottom:0;
      left:0;
      width:0;
      height:1px;
      background:#e0e1e0;
      transition:all .8s cubic-bezier(0,0,0.2,1)
    }
    .siteNav-secondNav {
      padding-top:20px;
      opacity:0;
      transition:all 1.4s cubic-bezier(0.4,0,0.2,1)
    }
    .siteNav-secondNav .navigation-list .navigation-item.last {
      font-family:"bigcaslon";
      letter-spacing:6px;
      padding-top:40px
    }
    .openNav .siteNav {
      background:#fff;
      height:calc(100vh - 70px);
      transition:all 1.4s cubic-bezier(0.4,0,0.2,1) .3s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item {
      opacity:1
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item::after {
      width:100%
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(1) {
      transition-delay:.7s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(1)::after {
      transition-delay:1.2s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(2) {
      transition-delay:.9s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(2)::after {
      transition-delay:1.4s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(3) {
      transition-delay:1.1s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(3)::after {
      transition-delay:1.6s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(4) {
      transition-delay:1.3s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(4)::after {
      transition-delay:1.8s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(5) {
      transition-delay:1.5s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(5)::after {
      transition-delay:2s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(6) {
      transition-delay:1.7s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(6)::after {
      transition-delay:2.2s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(7) {
      transition-delay:1.9s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(7)::after {
      transition-delay:2.4s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(8) {
      transition-delay:2.1s
    }
    .openNav .siteNav .navigation-list.level0>.navigation-item:nth-child(8)::after {
      transition-delay:2.6s
    }
    .openNav .siteNav-secondNav {
      opacity:1;
      transition-delay:2s
    }
  }
  @media only screen and (min-width:650px) {
    .siteNav {
      top:130px;
      height:auto;
      max-height:0
    }
    .siteNav-container {
      height:100%;
      max-height:calc(100vh - 130px);
      overflow:auto;
      padding:1vh 5vw
    }
    .siteNav::before,
    .siteNav::after {
      opacity:0;
      transition:all .5s ease-in-out
    }
    .siteNav::before {
      top:-130px;
      height:calc(100% + 130px);
      background-size:auto 120%;
      background-position:0 0;
      background-repeat:no-repeat;
      transform:rotate(110deg) translate(30%,30%);
      transform-origin:center
    }
    .siteNav .navigation-list {
      text-align:inherit
    }
    .siteNav .navigation-list.level0>.navigation-item {
      display:inline-block;
      vertical-align:top;
      font-size:1rem;
      padding:2vh 2vw 0;
      text-align:left
    }
    .siteNav .navigation-list.level0>.navigation-item .navigation-link span::before {
      bottom:-6px
    }
    .siteNav .navigation-list.level1 {
      left:-15px;
      padding-left:15px;
      padding-top:15px
    }
    .siteNav .navigation-list.level1 .navigation-item {
      font-size:.9rem;
      padding:.6vh 0
    }
    .siteNav .navigation-link span {
      position:relative;
      display:inline-block
    }
    .siteNav .navigation-link span::before {
      content:"";
      position:absolute;
      bottom:-2px;
      left:0;
      width:0;
      height:0;
      border-bottom:1px solid #000;
      transition:all .5s ease-in-out
    }
    .siteNav .navigation-link:hover span::before {
      width:100%
    }
    .siteNav-mainNav .navigation-list.level0>.navigation-item {
      width:33.3333333333%
    }
    .siteNav-secondNav {
      border-top:1px solid #fafafa;
      padding:2vh 50px 2vh 0
    }
    .siteNav-secondNav .navigation-list.level0>.navigation-item {
      padding:15px 3vw 0;
      font-size:.9rem
    }
    .siteNav-secondNav .navigation-list.level0 .navigation-link {
      line-height:1.4
    }
    .openNav .siteNav {
      max-height:calc(100vh - 130px);
      transition:all 1.4s cubic-bezier(0.4,0,0.2,1) .3s
    }
    .openNav .siteNav::before,
    .openNav .siteNav::after {
      opacity:1;
      transition:all .8s cubic-bezier(0,0,0.2,1) .8s
    }
  }
  @media only screen and (min-width:1025px) {
    .siteNav {
      overflow:visible
    }
    .siteNav-container {
      z-index:1;
      position:relative;
      overflow:hidden;
      max-height:0;
      padding:0;
      transition:all .5s ease-in-out
    }
    .siteNav::before {
      transform:rotate(150deg) translate(45%,50%)
    }
    .siteNav::after {
      content:"";
      position:absolute;
      bottom:0;
      right:0;
      width:100%;
      height:25vw;
      background-image:url(../bundles/apiciuswebsite/images/backgrounds/lines.png);
      background-size:auto 200%;
      background-position:110% -20%;
      background-repeat:no-repeat
    }
    .siteNav .navigation-list.level0>.navigation-item {
      padding:5vh 2vw
    }
    .siteNav .navigation-list.level1 {
      padding-top:20px
    }
    .siteNav .navigation-list.level1 .navigation-item {
      padding:10px 0
    }
    .siteNav-mainNav .navigation-list.level0>.navigation-item {
      width:auto;
      max-width:16.6666666667%
    }
    .siteNav-secondNav,
    .siteNav .siteHeader-localeSwitcher {
      display:inline-block;
      vertical-align:middle;
      padding:5vh .65vw;
      line-height:1.4
    }
    .siteNav-secondNav .navigation-list.level0>.navigation-item {
      padding:4px 1.3vw 0
    }
    .openNav .siteNav-container {
      max-height:calc(100vh - 130px);
      transition:all 1.4s cubic-bezier(0.4,0,0.2,1) .3s
    }
  }
  @media only screen and (min-width:1025px)and (max-width:1100px) {
    .siteNav .navigation-list.level0>.navigation-item {
      font-size:.9rem
    }
    .siteNav .navigation-list.level1 {
      left:0
    }
    .siteNav-secondNav,
    .siteNav .siteHeader-localeSwitcher {
      padding:5vh .5vw
    }
    .siteNav-secondNav .navigation-list.level0>.navigation-item {
      letter-spacing:1px;
      padding:4px 1vw 0
    }
  }
  @media only screen and (min-width:1440px) {
    .siteNav .navigation-list.level0>.navigation-item {
      font-size:1.1rem
    }
    .siteNav .navigation-list.level1 {
      left:-25px;
      padding-left:25px
    }
    .siteNav .navigation-list.level1 .navigation-item {
      font-size:1rem
    }
    .siteNav-secondNav {
      padding:5vh 2vw
    }
    .siteNav-secondNav .navigation-list.level0>.navigation-item {
      padding:4px 2vw 0;
      font-size:1rem
    }
  }