@charset "utf-8";
/* CSS Document */




button#menuBtn {
  display:none;
  float:right;
  margin:20px 0 0 0;
  border: none;
  background: none;
  outline:none;
}
button#menuBtn span {
  display: block;
}

.lines-button {
  padding: 2px 1px;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  /* */
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  transition: 0;
}

.lines {
  display: inline-block;
  width: 2.5rem;
  height: 0.37143rem;
  background: #2d80b9;
  transition: 0.3s;
  position: relative;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 2.5rem;
  height: 0.37143rem;
  background: #2d80b9;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;
}
.lines:before {
  top: 0.7rem;
}
.lines:after {
  top: -0.7rem;
}

.lines-button:hover .lines:before {
  top: 0.74286rem;
}
.lines-button:hover .lines:after {
  top: -0.74286rem;
}

.lines-button.x2 .lines {
  transition: background 0.3s 0.5s ease;
}
.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s 0.6s ease, transform 0.3s ease;
}

.lines-button.x2.close .lines {
  transition: background 0.3s 0s ease;
  background: transparent;
}
.lines-button.x2.close .lines:before, .lines-button.x2.close .lines:after {
  transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
  transition: top 0.3s ease, transform 0.3s 0.5s ease;
  top: 0;
  width: 2.5rem;
}
.lines-button.x2.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x2.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
/*
     FILE ARCHIVED ON 13:03:21 Oct 26, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:02:26 Aug 16, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/