/* @group example
------------------------------------ */
.page-nav { background: rgba(45,45,45,1); }
.page-nav ul { text-align: center; }
.page-nav li { font: 700 1.7em / 1.238em TitilliumText22L; text-transform: uppercase; }
.page-nav li a { color: rgba(255,255,255,1); position: relative; }
.page-nav button { color: rgba(255,255,255,1); font: 700 1.7em / 1.238em TitilliumText22L; text-transform: uppercase; height: 8rem; text-align: center; width: 100%; }
.page-nav button i { margin-left: .5rem; position: relative; top: .25rem; }
.page-nav .current-menu-item a { color: rgba(244,160,0,1); }
@media only screen
and (min-width : 961px) {
  .page-nav { height: 10.9rem; margin: 0 0 8rem; }
  .page-nav li { display: inline-block; line-height: 10.9rem; margin: 0 3rem; }
  .page-nav li a { height: 100%; display: block; }
  .page-nav li a::after { content: ''; height: .3rem; background: rgba(244,160,0,1); position: absolute; bottom: 0; left: 0; right: 100%; -webkit-transition: right 0.3s linear; -moz-transition: right 0.3s linear; -ms-transition: right 0.3s linear; -o-transition: right 0.3s linear; transition: right 0.3s linear; }
  .page-nav .current-menu-item a::after { right: 0; }
  .Mozilla.v11 .page-nav li a:hover::after,
  .Explorer .page-nav li a:hover::after { right: 0; }
  @media (hover: hover) {
    .page-nav li a:hover::after { right: 0; }
  }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .page-nav { background: rgba(244,160,0,1); }
  .page-nav .current-menu-item a{color:  rgba(45,45,45,1);}
  .page-nav { position: fixed; bottom: 0; left: 0; right: 0; height: 8rem; z-index: 3; }
  .page-nav button + div { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(244,160,0,1); max-height: 0; overflow: hidden; width: 100vw; }
  .page-nav li { margin: 0 0 4rem; }
  .page-nav li:first-child { margin: 4rem 0 4rem; }
  .page-nav .active + div { animation: openDraw 1s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; animation-delay: 0; }
  .page-nav .deactive + div { animation: closeDraw .4s cubic-bezier(0.4,0.0,0.2,1) forwards; animation-delay: 0; }
  .site-footer { margin-bottom: 8rem; }
}
/* @end */