@charset "UTF-8";
.navicon-button {
  position: relative;
  padding: 2.0625rem 1.5rem;
  transition: 0.25s;
  cursor: pointer;
  user-select: none; }

.navicon-button .navicon:before, .navicon-button .navicon:after {
  transition: 0.25s; }

.navicon {
  position: relative;
  width: 3rem;
  height: .3125rem;
  background: white;
  transition: 0.5s;
  border-radius: 2.5rem; }
  .navicon:before, .navicon:after {
    display: block;
    content: "";
    height: .3125rem;
    width: 3rem;
    background: white;
    position: absolute;
    z-index: -1;
    transition: 0.5s 0.25s;
    border-radius: 1rem; }
  .navicon:before {
    top: .625rem; }
  .navicon:after {
    top: -.625rem; }

.open:not(.steps) .navicon:before,
.open:not(.steps) .navicon:after {
  top: 0 !important; }

.open .navicon:before,
.open .navicon:after {
  transition: 0.5s; }

/* Minus */
.open {
  transform: scale(0.75); }

/* Arrows */
.open.larr .navicon:before, .open.larr .navicon:after,
.open.rarr .navicon:before,
.open.rarr .navicon:after,
.open.uarr .navicon:before,
.open.uarr .navicon:after {
  width: 1.5rem; }
.open.larr .navicon:before,
.open.rarr .navicon:before,
.open.uarr .navicon:before {
  transform: rotate(35deg);
  transform-origin: left top; }
.open.larr .navicon:after,
.open.rarr .navicon:after,
.open.uarr .navicon:after {
  transform: rotate(-35deg);
  transform-origin: left bottom; }

.open.uarr {
  transform: scale(0.75) rotate(90deg); }

/* Arrows */
.open.rarr .navicon:before {
  transform: translate3d(1em, 0, 0) rotate(-35deg);
  transform-origin: right top; 
  -webkit-transform-origin: right top;
}
.open.rarr .navicon:after {
  transform: translate3d(1em, 0, 0) rotate(35deg);
  transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
 }

/* × and + */
.open.plus .navicon,
.open.x .navicon {
  background: transparent; }
  .open.plus .navicon:before,
  .open.x .navicon:before {
    transform: rotate(-45deg); }
  .open.plus .navicon:after,
  .open.x .navicon:after {
    transform: rotate(45deg); }

.open.plus {
  transform: scale(0.75) rotate(45deg); }

/* Base ================== */
* {
  box-sizing: border-box; }

/*# sourceMappingURL=mobile-menu.css.map */