/* CSS Document */
@-ms-viewport {
  width: device-width;
  zoom: 1; }

@font-face {
  font-family: "ROBO";
  src: url("../_fonts/ROBO.woff2") format("woff2"), url("../_fonts/ROBO.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  background: #1d1d1e;
  line-height: 1; }

body {
  font-size: 14px;
  font-family: "Museo Sans W01", Helvetica, sans-serif;
  font-weight: 300;
  color: #4d5359; }
  body b, body strong {
    font-weight: 400; }
  body i, body em {
    font-style: italic; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

ol, ul {
  list-style: none;
  margin-bottom: 20px; }
  ol li, ul li {
    font-family: inherit; }
    ol li a, ul li a {
      color: inherit; }

a {
  text-decoration: none;
  border: none;
  outline: none;
  color: inherit;
  cursor: pointer;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  a:hover, a:active, a.select {
    color: #ff7200; }
  a img {
    border: none; }

p {
  font: 300 1em/1.35em "Museo Sans W01", Helvetica, sans-serif;
  margin-bottom: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  p a {
    color: #ff7200; }
    p a:hover, p a:active {
      color: #646b73; }

address {
  margin-bottom: 5px;
  font: 300 1.036em/1.1em "Museo Sans W01", Helvetica, sans-serif;
  -webkit-text-size-adjust: none; }
  address a {
    color: #ff7200; }
    address a:hover, address a:active {
      color: #646b73; }

img {
  display: block;
  width: 100%; }

h1 {
  font: 3.571em/1em "ROBO", "Arial Black", Gadget, sans-serif;
  text-transform: uppercase; }

h2 {
  font: 3.143em/1em "ITC Machine W03", Impact, Charcoal, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.857em; }

h3 {
  font: 2.286em/1em "ITC Machine W03", Impact, Charcoal, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.571em; }

h4 {
  font: 1.857em/1em "ITC Machine W03", Impact, Charcoal, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.714em; }

h5 {
  font: 1.143em/1.4em "Museo Sans W01", Helvetica, sans-serif;
  margin-bottom: 1em; }

h6 {
  font: 1.036em/1.1em "Orator W01", Courier, "Courier New", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-text-size-adjust: none; }
  h6.small {
    font-size: 0.643em; }

/*
input {
	height: 20px;
	font: 300 1em/20px $museoSansFS;
	padding: 5px 5px 5px 26px;
	border-radius: 2px;
	background-color: white;
	color: inherit;
}
*/
sup {
  vertical-align: super;
  font-size: xx-small; }

sub {
  vertical-align: sub;
  font-size: xx-small; }

/********* classes *********/
.error {
  color: #d20101; }

.orange {
  color: #ff7200; }

.success {
  color: #a8fe01; }

.hide, .hiddenFields {
  display: none; }

.line {
  position: relative; }
  .line span {
    width: 86px;
    height: 0;
    margin-bottom: -1px;
    position: absolute;
    top: 0.643em;
    right: -92px;
    border-bottom: solid 1px #a9adb1; }
    .line span:after {
      content: "";
      display: block;
      border-left: solid 5px #a9adb1;
      border-top: solid 5px transparent;
      border-bottom: solid 0 transparent;
      position: absolute;
      bottom: 0;
      right: 0; }
  .line.left span {
    right: auto;
    left: -92px; }
    .line.left span:after {
      border-left: none;
      border-right: solid 5px #a9adb1;
      border-top: solid 0 transparent;
      border-bottom: solid 5px transparent;
      right: auto;
      left: 0;
      top: 1px;
      bottom: auto; }
  .line.single span {
    display: block;
    width: auto;
    height: 1px;
    top: auto;
    right: auto;
    left: auto;
    position: relative; }
  .line.double span:before {
    content: "";
    display: block;
    border-right: solid 5px #a9adb1;
    border-top: solid 0 transparent;
    border-bottom: solid 5px transparent;
    position: absolute;
    top: 1px;
    left: 0; }
  .line.inline span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0; }
  .line.inherit span {
    border-bottom-color: inherit; }
    .line.inherit span:after {
      border-left-color: inherit; }
    .line.inherit span:before {
      border-right-color: inherit; }
  .line.bottom span:after {
    border-top: none;
    border-bottom: solid 5px transparent;
    bottom: -6px; }
  .line.dark span {
    border-bottom-color: #4d5359; }
    .line.dark span:after {
      border-left-color: #4d5359; }
  .line.dark.left span:after {
    border-right-color: #4d5359; }
  .line.dark.double span:before {
    border-right-color: #4d5359; }
  .line.dark.bottom span:after {
    border-bottom-color: transparent; }
  .line.white span {
    border-bottom-color: white; }
    .line.white span:after {
      border-left-color: white; }
  .line.white.left span:after {
    border-right-color: white; }
  .line.white.double span:before {
    border-right-color: white; }
  .line.white.bottom span:after {
    border-bottom-color: transparent; }
  .line.large span:after {
    border-left-width: 8px;
    border-top-width: 7px; }
  .line.large.left span:after {
    border-right-width: 8px;
    border-bottom-width: 7px; }
  .line.large.double span:before {
    border-right-width: 8px;
    border-bottom-width: 5px; }
  .line.large.bottom span:after {
    border-top-width: 0;
    border-bottom-width: 7px;
    bottom: -8px; }

.button {
  display: inline-block;
  margin: 5px auto;
  -webkit-perspective: 40em;
  -moz-perspective: 40em;
  perspective: 40em;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0, 0.6, 0.1, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0.6, 0.1, 1);
  transition-timing-function: cubic-bezier(0, 0.6, 0.1, 1); }
  .button > span {
    display: block;
    min-width: 98px;
    padding: 8px 20px;
    font: 1.036em/1.3em "Orator W01", Courier, "Courier New", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: #f0ff00;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: solid 1px #4d5359;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
    -moz-transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
    transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    will-change: transform; }
    .button > span:before, .button > span:after {
      content: "";
      display: block;
      height: -webkit-calc(100% - 6px);
      height: calc(100% - 6px);
      border-top: solid 3px #4d5359;
      border-bottom: solid 3px #4d5359;
      position: absolute;
      top: 0; }
    .button > span:before {
      border-right: solid 3px transparent;
      left: 0; }
    .button > span:after {
      border-left: solid 3px transparent;
      right: 0; }
    .button > span + span {
      opacity: 0;
      background-color: rgba(240, 255, 0, 0.75);
      color: #1d1d1e;
      -webkit-transform: rotateX(-88deg);
      -moz-transform: rotateX(-88deg);
      -ms-transform: rotateX(-88deg);
      -o-transform: rotateX(-88deg);
      transform: rotateX(-88deg);
      position: absolute;
      left: 0;
      right: 0;
      top: 50%; }
  .button.orange > span {
    color: #ff7200; }
    .button.orange > span + span {
      color: #1d1d1e;
      background-color: rgba(255, 114, 0, 0.75); }
  .button.orange.small > span, .button.orange.medium > span {
    border-color: #ff7200; }
  .button.large > span {
    min-width: 140px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.5em; }
    .button.large > span:before, .button.large > span:after {
      height: -webkit-calc(100% - 12px);
      height: calc(100% - 12px);
      border-top-width: 6px;
      border-bottom-width: 6px; }
    .button.large > span:before {
      border-right-width: 6px; }
    .button.large > span:after {
      border-left-width: 6px; }
    .button.large > span + span {
      -webkit-transform: rotateX(-87.2deg);
      -moz-transform: rotateX(-87.2deg);
      -ms-transform: rotateX(-87.2deg);
      -o-transform: rotateX(-87.2deg);
      transform: rotateX(-87.2deg); }
  .button.medium > span {
    min-width: 144px;
    padding: 6px 12px;
    font-size: 0.893em;
    text-align: left;
    border-color: rgba(96, 102, 0, 0.8); }
    .button.medium > span + span {
      -webkit-transform: rotateX(-89deg);
      -moz-transform: rotateX(-89deg);
      -ms-transform: rotateX(-89deg);
      -o-transform: rotateX(-89deg);
      transform: rotateX(-89deg); }
    .button.medium > span:before, .button.medium > span:after {
      display: none; }
  .button.small > span {
    min-width: 144px;
    padding: 1px 5px 0;
    font-size: 0.607em;
    line-height: 15px;
    text-align: left;
    border-color: rgba(96, 102, 0, 0.8); }
    .button.small > span + span {
      -webkit-transform: rotateX(-89deg);
      -moz-transform: rotateX(-89deg);
      -ms-transform: rotateX(-89deg);
      -o-transform: rotateX(-89deg);
      transform: rotateX(-89deg); }
    .button.small > span:before, .button.small > span:after {
      display: none; }
  .button.light > span {
    border-color: #a9adb1; }
    .button.light > span:before, .button.light > span:after {
      border-top-color: #a9adb1;
      border-bottom-color: #a9adb1; }
  .button:hover > span, .button:active > span {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg); }
    .button:hover > span + span, .button:active > span + span {
      opacity: 1;
      -webkit-transform: rotateX(0) translateY(-50%);
      -moz-transform: rotateX(0) translateY(-50%);
      -ms-transform: rotateX(0) translateY(-50%);
      -o-transform: rotateX(0) translateY(-50%);
      transform: rotateX(0) translateY(-50%); }

.brackets {
  position: relative; }
  .brackets:before, .brackets:after {
    display: block;
    width: 1px;
    border-top: solid 4px #4d5359;
    border-bottom: solid 4px #4d5359;
    position: absolute;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(left, #4d5359 50%, transparent 51%);
    background: linear-gradient(to right, #4d5359 50%, transparent 51%);
    background-size: 2px;
    background-repeat: no-repeat; }
  .brackets.mini:before, .brackets.mini:after {
    border-top-width: 3px;
    border-bottom-width: 3px; }
  .brackets.left:before {
    content: "";
    left: 0;
    border-right: solid 4px transparent; }
    .brackets.left:before.mini {
      border-right-width: 3px; }
  .brackets.right:after {
    content: "";
    right: 0;
    border-left: solid 4px transparent; }
    .brackets.right:after.mini {
      border-left-width: 3px; }
  .brackets.light:before, .brackets.light:after {
    border-top-color: #e3e3e3;
    border-bottom-color: #e3e3e3;
    background: -webkit-linear-gradient(left, #e3e3e3 50%, transparent 51%);
    background: linear-gradient(to right, #e3e3e3 50%, transparent 51%);
    background-size: 2px;
    background-repeat: no-repeat; }

.bracketsHoriz {
  position: relative; }
  .bracketsHoriz:before, .bracketsHoriz:after {
    display: block;
    height: 1px;
    border-left: solid 4px #4d5359;
    border-right: solid 4px #4d5359;
    position: absolute;
    left: 0;
    right: 0;
    background: -webkit-linear-gradient( top , #4d5359 50%, transparent 51%);
    background: linear-gradient(to bottom, #4d5359 50%, transparent 51%);
    background-size: 100% 2px;
    background-repeat: no-repeat; }
  .bracketsHoriz.mini:before, .bracketsHoriz.mini:after {
    border-left-width: 3px;
    border-right-width: 3px; }
  .bracketsHoriz.top:before {
    content: "";
    top: 0;
    border-bottom: solid 4px transparent; }
    .bracketsHoriz.top:before.mini {
      border-bottom-width: 3px; }
  .bracketsHoriz.bottom:after {
    content: "";
    bottom: 0;
    border-top: solid 4px transparent; }
    .bracketsHoriz.bottom:after.mini {
      border-top-width: 3px; }
  .bracketsHoriz.light:before, .bracketsHoriz.light:after {
    border-left-color: #a9adb1;
    border-right-color: #a9adb1;
    background: -webkit-linear-gradient( top , #a9adb1 50%, transparent 51%);
    background: linear-gradient(to bottom, #a9adb1 50%, transparent 51%);
    background-size: 100% 2px;
    background-repeat: no-repeat; }

.input {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 20%;
  margin-right: 3px;
  position: relative; }
  .input:before, .input:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    background-image: -webkit-linear-gradient(left, #919b33 0%, #4d5359 100%);
    background-image: linear-gradient(to right, #919b33 0%, #4d5359 100%);
    z-index: 2; }
  .input:before {
    top: 0; }
  .input:after {
    bottom: 0; }
  .input span {
    display: block;
    width: 15px;
    height: 15px;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    position: absolute;
    top: 4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2; }
    .input span:first-child {
      border-color: #919b33;
      left: -7px; }
    .input span:last-child {
      border-color: #4d5359;
      right: -8px; }
  .input.pointLeft span:first-child {
    left: -8px;
    border-right: none;
    border-top: none;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  .input.pointLeft input {
    width: 100%;
    margin-left: 0; }
  .input input {
    width: -webkit-calc(100% - 14px);
    width: calc(100% - 14px);
    height: 23px;
    font: 0.643em/16px "Orator W01", Courier, "Courier New", sans-serif;
    letter-spacing: 1px;
    padding: 3px 5px 3px 4%;
    margin-left: 14px;
    border-radius: 0;
    background-color: transparent;
    color: white;
    box-sizing: border-box;
    position: relative;
    z-index: 1; }
    .input input::-webkit-input-placeholder {
      color: #a9adb1;
      opacity: 1; }
    .input input::-moz-placeholder {
      color: #a9adb1;
      opacity: 1; }
    .input input:-moz-placeholder {
      color: #a9adb1;
      opacity: 1; }
    .input input:-ms-input-placeholder {
      color: #a9adb1;
      opacity: 1; }
  .input.dark input {
    color: #1d1d1e; }

input[type=checkbox] {
  display: none; }
  input[type=checkbox] + label {
    font: 1.857em/1em "ITC Machine W03", Impact, Charcoal, sans-serif;
    text-transform: uppercase;
    color: white; }
    input[type=checkbox] + label:before {
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      border: solid 1px #f0ff00;
      position: relative;
      top: 1px; }
  input[type=checkbox]:checked + label:before {
    background-color: rgba(240, 255, 0, 0.75); }

.textarea {
  display: block;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  border-left: solid 1px #919b33;
  border-right: solid 1px #4d5359; }
  .textarea:before, .textarea:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    background-image: -webkit-linear-gradient(left, #919b33 0%, #4d5359 100%);
    background-image: linear-gradient(to right, #919b33 0%, #4d5359 100%);
    z-index: 2; }
  .textarea:before {
    top: 0; }
  .textarea:after {
    bottom: 0; }
  .textarea textarea {
    width: 100%;
    font: 0.857em/18px "Orator W01", Courier, "Courier New", sans-serif;
    letter-spacing: 1px;
    padding: 10px;
    border-radius: 0;
    background-color: transparent;
    color: white;
    box-sizing: border-box;
    position: relative;
    resize: none;
    z-index: 1; }
    .textarea textarea::-webkit-input-placeholder {
      color: #a9adb1;
      opacity: 1; }
    .textarea textarea::-moz-placeholder {
      color: #a9adb1;
      opacity: 1; }
    .textarea textarea:-moz-placeholder {
      color: #a9adb1;
      opacity: 1; }
    .textarea textarea:-ms-input-placeholder {
      color: #a9adb1;
      opacity: 1; }
  .textarea.dark textarea {
    color: #1d1d1e; }

input[type=checkbox], input[type=radio] {
  display: none; }
  input[type=checkbox] + label, input[type=radio] + label {
    display: block;
    font: 1.286em/22px "ITC Machine W03", Impact, Charcoal, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px; }
    input[type=checkbox] + label:before, input[type=radio] + label:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      border: solid 1px #f0ff00;
      position: relative;
      top: 0; }
  input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before {
    background-color: rgba(240, 255, 0, 0.75); }

input[type=radio] + label:before {
  border-radius: 50%; }

.selectDrop {
  display: inline-block;
  vertical-align: middle;
  height: 29px;
  width: 100%;
  margin-right: 3px;
  position: relative; }
  .selectDrop:before, .selectDrop:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    background-image: -webkit-linear-gradient(left, #919b33 0%, #4d5359 100%);
    background-image: linear-gradient(to right, #919b33 0%, #4d5359 100%);
    z-index: 2; }
  .selectDrop:before {
    top: 0; }
  .selectDrop:after {
    bottom: 0; }
  .selectDrop span {
    display: block;
    width: 20px;
    height: 20px;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    position: absolute;
    top: 4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2; }
    .selectDrop span:first-child {
      border-color: #919b33;
      left: -10px; }
    .selectDrop span:last-child {
      border-color: #4d5359;
      right: -10px; }
  .selectDrop.pointLeft span:first-child {
    left: -8px;
    border-right: none;
    border-top: none;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  .selectDrop.pointLeft input {
    width: 100%;
    margin-left: 0; }
  .selectDrop select {
    display: block;
    width: 100%;
    height: 29px;
    padding: 4px 5px 2px 4%;
    margin-left: 14px;
    font: 0.857em/18px "Orator W01", Courier, "Courier New", sans-serif;
    letter-spacing: 1px;
    border-radius: 0;
    color: white;
    outline: none;
    background: transparent url(/_images/select_arrow.svg) no-repeat right center;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .selectDrop select::-ms-expand {
      display: none; }
  .selectDrop.dark select {
    color: #1d1d1e; }

input[type=file] {
  display: none; }

.mainHead {
  color: black;
  opacity: 0.55;
  font-size: 31vw;
  letter-spacing: -20px;
  margin: -4% 0 -25%;
  position: relative;
  top: 40px; }

.socialMedia {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  width: 70px;
  position: fixed;
  top: 27px;
  right: 72px;
  z-index: 3100; }
  .socialMedia .socialIcon {
    display: inline-block;
    vertical-align: top;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s; }
    .socialMedia .socialIcon svg {
      display: block;
      width: 30px;
      height: 30px; }
      .socialMedia .socialIcon svg path {
        fill: white;
        -webkit-transition-property: fill;
        -moz-transition-property: fill;
        transition-property: fill;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out; }
    .socialMedia .socialIcon:hover svg path, .socialMedia .socialIcon:active svg path {
      fill: #4d5359; }
  .socialMedia.cart {
    right: 116px; }
  .socialMedia.dark .socialIcon svg path {
    fill: #4d5359; }
  .socialMedia.dark .socialIcon:hover svg path, .socialMedia.dark .socialIcon:active svg path {
    fill: #a9adb1; }

/********* end classes *********/
/********* keyframes *********/
/*
@include keyframes(mmSwitch) {
	0% {
		@include transform(translateX(0));
	}
	50% {
		@include transform(translateX(72px));
	}
	51% {
		@include transform(translateX(72px) rotate(90deg));
	}
	100% {
		@include transform(translateX(0) rotate(90deg));
		@include animation-timing-function($easeOut);
	}
}
@include keyframes(mmSwitchOut) {
	0% {
		@include transform(translateX(0) rotate(90deg));
	}
	50% {
		@include transform(translateX(72px) rotate(90deg));
	}
	51% {
		@include transform(translateX(72px) rotate(0deg));
	}
	100% {
		@include transform(translateX(0) rotate(0deg));
		@include animation-timing-function($easeOut);
	}
}
*/
@-webkit-keyframes hudMark {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes hudMark {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@keyframes hudMark {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes hudIndicator {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes hudIndicator {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes hudIndicator {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes blink {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  50% {
    opacity: 0; }
  70% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes blink {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  50% {
    opacity: 0; }
  70% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes blink {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  50% {
    opacity: 0; }
  70% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/********* keyframes *********/
/********* layout *********/
#outerSpace {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(/_images/space_bg.jpg) repeat-y left top;
  background-size: cover;
  z-index: -1;
  will-change: transform; }

#navigation {
  width: 100%;
  height: 100%;
  padding: 16vh 30px 30px;
  position: fixed;
  top: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  box-sizing: border-box;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
  -moz-transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
  transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
  z-index: 3000;
  will-change: transform;
  /*
	&:after {
		background: url(/_images/nav_lines.png) no-repeat center;
		background-size: cover;
		z-index: 2;
	}
*/ }
  #navigation a {
    display: block;
    font: 3.571em/1em "ROBO", "Arial Black", Gadget, sans-serif;
    color: #4d5359;
    text-align: right;
    padding: 2vh 0;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 10; }
    #navigation a:hover, #navigation a:active {
      color: #ff7200; }
  #navigation.on {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s; }
  #navigation:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  #navigation:before {
    background: -webkit-linear-gradient(left, transparent 0%, transparent 0%, black 70%, black 100%);
    background: linear-gradient(to right, transparent 0%, transparent 0%, black 70%, black 100%);
    z-index: 1; }
  #navigation .socialMedia {
    display: none;
    margin: 2vh 0;
    position: static;
    margin-left: auto; }
    #navigation .socialMedia .socialIcon {
      padding: 0; }
      #navigation .socialMedia .socialIcon path {
        fill: #4d5359; }
      #navigation .socialMedia .socialIcon:hover svg path, #navigation .socialMedia .socialIcon:active svg path {
        fill: #ff7200; }

#mainContent {
  padding-top: 87px;
  padding-bottom: 80px;
  overflow: hidden; }
  #mainContent header {
    overflow: hidden;
    position: fixed;
    top: 18px;
    right: 20px;
    left: 20px;
    z-index: 1000;
    background-color: rgba(29, 29, 30, 0.55); }
    #mainContent header #head {
      height: 47px;
      padding: 8px 10px 9px;
      border-top: solid 1px #4d5359;
      border-bottom: solid 1px #4d5359;
      box-sizing: border-box;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      transition-property: transform;
      -webkit-transition-duration: 0.8s;
      -moz-transition-duration: 0.8s;
      transition-duration: 0.8s;
      -webkit-transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
      -moz-transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
      transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
      will-change: transform; }
      #mainContent header #head #logo {
        display: block;
        height: 27px;
        padding-top: 3px;
        font: 2.714em/30px "ROBO", "Arial Black", Gadget, sans-serif;
        color: white;
        text-transform: uppercase;
        letter-spacing: -1px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        will-change: transform; }
        #mainContent header #head #logo span + span {
          margin-left: -3px; }
          #mainContent header #head #logo span + span + span {
            margin-left: -2px; }
            #mainContent header #head #logo span + span + span + span {
              margin-left: 1px; }
        #mainContent header #head #logo.show {
          opacity: 1; }
    #mainContent header:before, #mainContent header:after {
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      position: absolute;
      top: 0;
      background-color: #4d5359;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      transition-property: transform;
      -webkit-transition-duration: 0.8s;
      -moz-transition-duration: 0.8s;
      transition-duration: 0.8s;
      -webkit-transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
      -moz-transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
      transition-timing-function: cubic-bezier(0.07, 0.36, 0.26, 1);
      will-change: transform; }
    #mainContent header:before {
      left: 0; }
    #mainContent header:after {
      right: 0; }
    #mainContent header.dark {
      background-color: rgba(255, 255, 255, 0.65); }
      #mainContent header.dark #head #logo {
        color: #4d5359; }
      #mainContent header.dark + #mm {
        border-color: #4d5359; }
        #mainContent header.dark + #mm:hover, #mainContent header.dark + #mm:active {
          border-color: #a9adb1; }
        #mainContent header.dark + #mm + #cart {
          border-color: #4d5359; }
          #mainContent header.dark + #mm + #cart > span:before, #mainContent header.dark + #mm + #cart > span:after {
            background-color: #4d5359; }
          #mainContent header.dark + #mm + #cart > span span {
            border-color: #4d5359; }
            #mainContent header.dark + #mm + #cart > span span p {
              color: white; }
          #mainContent header.dark + #mm + #cart:hover, #mainContent header.dark + #mm + #cart:active {
            border-color: #a9adb1; }
            #mainContent header.dark + #mm + #cart:hover > span:before, #mainContent header.dark + #mm + #cart:hover > span:after, #mainContent header.dark + #mm + #cart:active > span:before, #mainContent header.dark + #mm + #cart:active > span:after {
              background-color: #a9adb1; }
            #mainContent header.dark + #mm + #cart:hover > span span, #mainContent header.dark + #mm + #cart:active > span span {
              border-color: #a9adb1; }
              #mainContent header.dark + #mm + #cart:hover > span span p, #mainContent header.dark + #mm + #cart:active > span span p {
                color: #4d5359; }
    #mainContent header.open #head {
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -o-transform: scaleX(1);
      transform: scaleX(1); }
    #mainContent header.open:before, #mainContent header.open:after {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
  #mainContent #mm {
    display: block;
    height: 29px;
    width: 32px;
    cursor: pointer;
    border-color: white;
    position: fixed;
    top: 27px;
    right: 30px;
    z-index: 3100;
    will-change: transform;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
    #mainContent #mm:before {
      content: "";
      display: block;
      border-top: solid 7px;
      border-bottom: solid 7px;
      border-top-color: inherit;
      border-bottom-color: inherit;
      height: 15px;
      -webkit-transition-property: all;
      -moz-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      will-change: transform; }
    #mainContent #mm:after {
      content: "";
      display: block;
      position: absolute;
      border-top: solid 7px;
      border-top-color: inherit;
      width: 100%;
      left: 0;
      top: 50%;
      margin-top: -3.5px;
      -webkit-transition-property: all;
      -moz-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      will-change: transform; }
    #mainContent #mm:hover {
      border-color: #646b73; }
    #mainContent #mm.nav:before {
      border-bottom: none;
      height: 0;
      margin-top: 11px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    #mainContent #mm.nav:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #mainContent #mm.show {
      opacity: 1; }
      #mainContent #mm.show + #cart {
        opacity: 1; }
    #mainContent #mm + script + .subpage {
      padding-top: 3%; }
  #mainContent #cart {
    display: block;
    width: 38px;
    height: 30px;
    font-size: 96%;
    position: fixed;
    cursor: pointer;
    border-color: white;
    top: 27px;
    right: 72px;
    z-index: 3100;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s; }
    #mainContent #cart > span {
      display: block;
      margin-left: 0.4em;
      margin-top: 0.3em;
      border-left: 0.5em solid transparent;
      border-right: 0.45em solid transparent;
      border-top: 1.2em solid;
      border-top-color: inherit;
      width: 1.4em;
      position: relative;
      -webkit-transition-property: border;
      -moz-transition-property: border;
      transition-property: border;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-timing-function: ease-out;
      -moz-transition-timing-function: ease-out;
      transition-timing-function: ease-out; }
      #mainContent #cart > span:before, #mainContent #cart > span:after {
        content: "";
        display: block;
        width: 0.5em;
        height: 0.5em;
        border-radius: 50%;
        background-color: white;
        position: absolute;
        bottom: -0.65em;
        -webkit-transition-property: background-color;
        -moz-transition-property: background-color;
        transition-property: background-color;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out; }
      #mainContent #cart > span:before {
        left: 0; }
      #mainContent #cart > span:after {
        left: 0.8em; }
      #mainContent #cart > span span {
        display: block;
        width: 0.35em;
        height: 0.5em;
        border-top: 2px solid;
        border-right: 3px solid;
        border-color: white;
        -webkit-transform: skew(22deg);
        -moz-transform: skew(22deg);
        -ms-transform: skew(22deg);
        -o-transform: skew(22deg);
        transform: skew(22deg);
        position: absolute;
        top: -1.5em;
        left: -11px;
        -webkit-transition-property: border;
        -moz-transition-property: border;
        transition-property: border;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out; }
        #mainContent #cart > span span p {
          font-size: 0.9em;
          color: #4d5359;
          margin-bottom: 0;
          position: absolute;
          top: 0.2em;
          left: 1.1em;
          -webkit-transform: skew(-22deg);
          -moz-transform: skew(-22deg);
          -ms-transform: skew(-22deg);
          -o-transform: skew(-22deg);
          transform: skew(-22deg);
          -webkit-transition-property: color;
          -moz-transition-property: color;
          transition-property: color;
          -webkit-transition-duration: 0.4s;
          -moz-transition-duration: 0.4s;
          transition-duration: 0.4s;
          -webkit-transition-timing-function: ease-out;
          -moz-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
    #mainContent #cart:hover {
      border-color: #646b73; }
      #mainContent #cart:hover > span:before, #mainContent #cart:hover > span:after {
        background-color: #646b73; }
      #mainContent #cart:hover > span span {
        border-color: #646b73; }
        #mainContent #cart:hover > span span p {
          color: white; }
  #mainContent #breadcrumb {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    right: 20px;
    position: absolute;
    top: 72px;
    left: 20px;
    z-index: 900; }
    #mainContent #breadcrumb a {
      display: inline-block;
      vertical-align: top;
      padding: 4px 10px;
      margin-right: 10px;
      font: 0.536em/1em "Orator W01", Courier, "Courier New", sans-serif;
      letter-spacing: 1px;
      color: #f0ff00;
      text-align: center;
      text-transform: uppercase;
      border: solid 1px #4d5359;
      background-color: #1d1d1e;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-transform: skew(-45deg);
      -moz-transform: skew(-45deg);
      -ms-transform: skew(-45deg);
      -o-transform: skew(-45deg);
      transform: skew(-45deg); }
      #mainContent #breadcrumb a span {
        display: inline-block;
        -webkit-transform: skew(45deg);
        -moz-transform: skew(45deg);
        -ms-transform: skew(45deg);
        -o-transform: skew(45deg);
        transform: skew(45deg); }
      #mainContent #breadcrumb a:first-child {
        padding-left: 5px;
        margin-left: 9px;
        border-left: none;
        position: relative; }
        #mainContent #breadcrumb a:first-child:after {
          content: "";
          display: block;
          width: 17px;
          height: 100%;
          border-left: solid 1px #4d5359;
          border-top: solid 1px #4d5359;
          border-bottom: solid 1px #4d5359;
          position: absolute;
          left: -9px;
          top: -1px;
          -webkit-transform: skew(45deg);
          -moz-transform: skew(45deg);
          -ms-transform: skew(45deg);
          -o-transform: skew(45deg);
          transform: skew(45deg); }
        #mainContent #breadcrumb a:first-child:before {
          content: "";
          display: block;
          width: 16px;
          height: 15px;
          position: absolute;
          top: 0px;
          left: -8px;
          background-color: #1d1d1e;
          -webkit-transform: skew(45deg);
          -moz-transform: skew(45deg);
          -ms-transform: skew(45deg);
          -o-transform: skew(45deg);
          transform: skew(45deg);
          -webkit-transition-property: background-color;
          -moz-transition-property: background-color;
          transition-property: background-color;
          -webkit-transition-duration: 0.2s;
          -moz-transition-duration: 0.2s;
          transition-duration: 0.2s;
          -webkit-transition-timing-function: ease-out;
          -moz-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
      #mainContent #breadcrumb a:last-child {
        margin-right: 0; }
      #mainContent #breadcrumb a:hover, #mainContent #breadcrumb a:active {
        background-color: #f0ff00;
        color: #2e3032; }
        #mainContent #breadcrumb a:hover:before, #mainContent #breadcrumb a:active:before {
          background-color: #f0ff00; }
  #mainContent .content {
    max-width: 1280px;
    padding: 14% 5%;
    margin: 0 auto;
    box-sizing: border-box; }
    #mainContent .content.subpage {
      padding: 5% 5% 5%; }
      #mainContent .content.subpage p a:hover, #mainContent .content.subpage p a:active {
        color: #a9adb1; }
      #mainContent .content.subpage ul {
        list-style: disc;
        margin-left: 18px; }
        #mainContent .content.subpage ul li {
          margin-bottom: 5px; }
      #mainContent .content.subpage ol {
        list-style: decimal;
        margin-left: 18px; }
        #mainContent .content.subpage ol li {
          margin-bottom: 5px; }
  #mainContent #copyright {
    padding: 0 20px;
    margin-top: 30px;
    text-align: center; }
  #mainContent footer {
    box-sizing: border-box;
    position: fixed;
    bottom: 18px;
    left: 20px;
    right: 20px;
    z-index: 3200; }
    #mainContent footer nav {
      -webkit-perspective: 40em;
      -moz-perspective: 40em;
      perspective: 40em;
      position: relative; }
      #mainContent footer nav #hudMark {
        display: block;
        width: 42px;
        height: 42px;
        margin: 0 auto;
        border-radius: 50%;
        box-sizing: border-box;
        position: relative;
        cursor: pointer;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        will-change: transform; }
        #mainContent footer nav #hudMark #footerMarkAn {
          height: 42px;
          margin: 0 auto;
          position: relative;
          -webkit-transition-property: -webkit-transform;
          -moz-transition-property: -moz-transform;
          transition-property: transform;
          -webkit-transition-duration: 0.4s;
          -moz-transition-duration: 0.4s;
          transition-duration: 0.4s;
          -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -webkit-transform-origin: 21px 21px;
          -moz-transform-origin: 21px 21px;
          -ms-transform-origin: 21px 21px;
          -o-transform-origin: 21px 21px;
          transform-origin: 21px 21px; }
          #mainContent footer nav #hudMark #footerMarkAn svg {
            display: block;
            width: 42px;
            height: 42px;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-animation-name: hudMark;
            -moz-animation-name: hudMark;
            animation-name: hudMark;
            -webkit-animation-duration: 1.8s;
            -moz-animation-duration: 1.8s;
            animation-duration: 1.8s;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-transform-origin: 21px 21px;
            -moz-transform-origin: 21px 21px;
            -ms-transform-origin: 21px 21px;
            -o-transform-origin: 21px 21px;
            transform-origin: 21px 21px;
            will-change: transform; }
            #mainContent footer nav #hudMark #footerMarkAn svg path {
              -webkit-transition-property: fill;
              -moz-transition-property: fill;
              transition-property: fill;
              -webkit-transition-duration: 0.4s;
              -moz-transition-duration: 0.4s;
              transition-duration: 0.4s;
              -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
              -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
              transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
              fill: #a9adb1;
              will-change: fill; }
          #mainContent footer nav #hudMark #footerMarkAn .inner {
            -webkit-animation-duration: 2s;
            -moz-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-direction: alternate-reverse;
            -moz-animation-direction: alternate-reverse;
            animation-direction: alternate-reverse; }
        #mainContent footer nav #hudMark #footerLogoMark {
          display: block;
          width: 42px;
          height: 42px;
          margin-left: -21px;
          border-radius: 50%;
          box-sizing: border-box;
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transition-property: -webkit-transform;
          -moz-transition-property: -moz-transform;
          transition-property: transform;
          -webkit-transition-duration: 0.4s;
          -moz-transition-duration: 0.4s;
          transition-duration: 0.4s;
          -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -webkit-transform-origin: center center;
          -moz-transform-origin: center center;
          -ms-transform-origin: center center;
          -o-transform-origin: center center;
          transform-origin: center center;
          -webkit-transform: scale(0.57);
          -moz-transform: scale(0.57);
          -ms-transform: scale(0.57);
          -o-transform: scale(0.57);
          transform: scale(0.57);
          will-change: transform; }
          #mainContent footer nav #hudMark #footerLogoMark path {
            fill: #e3e3e3;
            -webkit-transition-property: fill;
            -moz-transition-property: fill;
            transition-property: fill;
            -webkit-transition-duration: 0.2s;
            -moz-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transition-timing-function: ease-out;
            -moz-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
        #mainContent footer nav #hudMark:before, #mainContent footer nav #hudMark:after {
          content: "";
          display: block;
          width: 10.25px;
          height: 38px;
          margin-top: -19px;
          position: absolute;
          top: 50%;
          background: url(/_images/footer_markBrackets.svg) no-repeat; }
        #mainContent footer nav #hudMark:before {
          left: -12px;
          background-position: left top; }
        #mainContent footer nav #hudMark:after {
          right: -12px;
          background-position: right top; }
        #mainContent footer nav #hudMark.show {
          -webkit-transform: rotateY(0);
          -moz-transform: rotateY(0);
          -ms-transform: rotateY(0);
          -o-transform: rotateY(0);
          transform: rotateY(0); }
        #mainContent footer nav #hudMark:hover #footerMarkAn, #mainContent footer nav #hudMark:active #footerMarkAn {
          -webkit-transform: scale(0.9);
          -moz-transform: scale(0.9);
          -ms-transform: scale(0.9);
          -o-transform: scale(0.9);
          transform: scale(0.9); }
          #mainContent footer nav #hudMark:hover #footerMarkAn svg path, #mainContent footer nav #hudMark:active #footerMarkAn svg path {
            fill: #d20101 !important; }
        #mainContent footer nav #hudMark:hover #footerLogoMark, #mainContent footer nav #hudMark:active #footerLogoMark {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1); }
        #mainContent footer nav #hudMark #footerLogin {
          opacity: 0;
          -webkit-transform: scaleX(0);
          -moz-transform: scaleX(0);
          -ms-transform: scaleX(0);
          -o-transform: scaleX(0);
          transform: scaleX(0);
          width: 100%;
          height: -webkit-calc(100% - 4px);
          height: calc(100% - 4px);
          white-space: nowrap;
          border-top: solid 1px #4d5359;
          border-bottom: solid 1px #4d5359;
          position: absolute;
          top: 1px;
          left: 0;
          background-image: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.3) 0.5%, rgba(0, 0, 0, 0.5) 1%, rgba(0, 0, 0, 0.7) 4%, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 0.7) 96%, rgba(0, 0, 0, 0.5) 99%, rgba(0, 0, 0, 0.3) 99.5%, transparent 100%), url(/_images/grid.png);
          background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 0.5%, rgba(0, 0, 0, 0.5) 1%, rgba(0, 0, 0, 0.7) 4%, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 0.7) 96%, rgba(0, 0, 0, 0.5) 99%, rgba(0, 0, 0, 0.3) 99.5%, transparent 100%), url(/_images/grid.png);
          background-position: center center;
          -webkit-transition-property: opacity, -webkit-transform;
          -moz-transition-property: opacity, -moz-transform;
          transition-property: opacity, transform;
          -webkit-transition-duration: 0.4s;
          -moz-transition-duration: 0.4s;
          transition-duration: 0.4s;
          -webkit-transition-timing-function: ease-out;
          -moz-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
          will-change: opacity, transform; }
          #mainContent footer nav #hudMark #footerLogin:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 12px;
            height: 100%; }
          #mainContent footer nav #hudMark #footerLogin .linkGroup {
            float: right; }
            #mainContent footer nav #hudMark #footerLogin .linkGroup .footerLink {
              display: inline-block;
              margin-right: 26px;
              line-height: 40px; }
      #mainContent footer nav #hud {
        position: relative;
        max-width: 1238px;
        margin: 0 auto; }
        #mainContent footer nav #hud #hudBG {
          display: none;
          height: 59.2vw;
          max-height: 758px;
          -webkit-transition-property: -webkit-transform;
          -moz-transition-property: -moz-transform;
          transition-property: transform;
          -webkit-transition-duration: 0.4s;
          -moz-transition-duration: 0.4s;
          transition-duration: 0.4s;
          -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          will-change: transform; }
        #mainContent footer nav #hud #hudBG_m {
          display: none;
          max-height: 1013px;
          -webkit-transition-property: -webkit-transform;
          -moz-transition-property: -moz-transform;
          transition-property: transform;
          -webkit-transition-duration: 0.4s;
          -moz-transition-duration: 0.4s;
          transition-duration: 0.4s;
          -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          will-change: transform; }
        #mainContent footer nav #hud .hudLineBG, #mainContent footer nav #hud .hudLine {
          opacity: 0;
          -webkit-transition-property: opacity;
          -moz-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-duration: 0.4s;
          -moz-transition-duration: 0.4s;
          transition-duration: 0.4s;
          -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          will-change: opacity; }
        #mainContent footer nav #hud .hudLineBG {
          -webkit-transition-duration: 0.6s;
          -moz-transition-duration: 0.6s;
          transition-duration: 0.6s;
          -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
          -moz-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
          transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); }
        #mainContent footer nav #hud #hudContent {
          opacity: 0;
          width: 100%;
          height: 100%;
          margin-left: -619px;
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transition-property: opacity;
          -moz-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-duration: 0.4s;
          -moz-transition-duration: 0.4s;
          transition-duration: 0.4s;
          -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
          -moz-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
          transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); }
          #mainContent footer nav #hud #hudContent #content {
            height: 100%;
            padding: 3% 2.5% 2.5% 3.8%;
            display: -webkit-box;
            display: -moz-box;
            display: box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -moz-box-orient: horizontal;
            box-orient: horizontal;
            -webkit-box-direction: normal;
            -moz-box-direction: normal;
            box-direction: normal;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            flex-direction: row;
            -ms-flex-direction: row;
            -webkit-box-lines: multiple;
            -moz-box-lines: multiple;
            box-lines: multiple;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            box-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            -o-justify-content: center;
            justify-content: center;
            -ms-flex-pack: center;
            -webkit-box-align: start;
            -moz-box-align: start;
            box-align: start;
            -webkit-align-items: flex-start;
            -moz-align-items: flex-start;
            -ms-align-items: flex-start;
            -o-align-items: flex-start;
            align-items: flex-start;
            -ms-flex-align: start;
            -webkit-align-content: space-between;
            -moz-align-content: space-between;
            align-content: space-between;
            -ms-flex-line-pack: justify;
            box-sizing: border-box;
            -webkit-transform: scaleY(0);
            -moz-transform: scaleY(0);
            -ms-transform: scaleY(0);
            -o-transform: scaleY(0);
            transform: scaleY(0); }
            #mainContent footer nav #hud #hudContent #content.newUser {
              display: block;
              padding-left: 6%; }
            #mainContent footer nav #hud #hudContent #content h6 {
              color: #a9adb1; }
              #mainContent footer nav #hud #hudContent #content h6.xsmall {
                font-size: 0.464em; }
            #mainContent footer nav #hud #hudContent #content h5 {
              font: 1em/1.1em "ITC Machine W03", Impact, Charcoal, sans-serif;
              letter-spacing: 1px;
              color: #ff7200;
              text-transform: uppercase;
              margin-bottom: 0.714em;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            #mainContent footer nav #hud #hudContent #content h4 {
              font: 2em/1em "ITC Machine W03", Impact, Charcoal, sans-serif;
              letter-spacing: 1px;
              color: white;
              margin-bottom: 10px;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            #mainContent footer nav #hud #hudContent #content .blink {
              opacity: 0;
              -webkit-animation-duration: 0.2s;
              -moz-animation-duration: 0.2s;
              animation-duration: 0.2s;
              -webkit-animation-fill-mode: forwards;
              -moz-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
              -webkit-animation-delay: 1s;
              -moz-animation-delay: 1s;
              animation-delay: 1s;
              -webkit-animation-timing-function: linear;
              -moz-animation-timing-function: linear;
              animation-timing-function: linear; }
              #mainContent footer nav #hud #hudContent #content .blink.on {
                -webkit-animation-name: blink;
                -moz-animation-name: blink;
                animation-name: blink; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(2) {
                -webkit-animation-delay: 1.4s;
                -moz-animation-delay: 1.4s;
                animation-delay: 1.4s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(3) {
                -webkit-animation-delay: 1.6s;
                -moz-animation-delay: 1.6s;
                animation-delay: 1.6s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(4) {
                -webkit-animation-delay: 1.8s;
                -moz-animation-delay: 1.8s;
                animation-delay: 1.8s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(5) {
                -webkit-animation-delay: 2s;
                -moz-animation-delay: 2s;
                animation-delay: 2s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(6) {
                -webkit-animation-delay: 2.2s;
                -moz-animation-delay: 2.2s;
                animation-delay: 2.2s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(7) {
                -webkit-animation-delay: 2.4s;
                -moz-animation-delay: 2.4s;
                animation-delay: 2.4s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(8) {
                -webkit-animation-delay: 2.6s;
                -moz-animation-delay: 2.6s;
                animation-delay: 2.6s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(9) {
                -webkit-animation-delay: 2.8s;
                -moz-animation-delay: 2.8s;
                animation-delay: 2.8s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(10) {
                -webkit-animation-delay: 3s;
                -moz-animation-delay: 3s;
                animation-delay: 3s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(11) {
                -webkit-animation-delay: 3.2s;
                -moz-animation-delay: 3.2s;
                animation-delay: 3.2s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(12) {
                -webkit-animation-delay: 3.4s;
                -moz-animation-delay: 3.4s;
                animation-delay: 3.4s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(13) {
                -webkit-animation-delay: 3.6s;
                -moz-animation-delay: 3.6s;
                animation-delay: 3.6s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(14) {
                -webkit-animation-delay: 3.8s;
                -moz-animation-delay: 3.8s;
                animation-delay: 3.8s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(15) {
                -webkit-animation-delay: 4s;
                -moz-animation-delay: 4s;
                animation-delay: 4s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(16) {
                -webkit-animation-delay: 4.2s;
                -moz-animation-delay: 4.2s;
                animation-delay: 4.2s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(17) {
                -webkit-animation-delay: 4.4s;
                -moz-animation-delay: 4.4s;
                animation-delay: 4.4s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(18) {
                -webkit-animation-delay: 4.6s;
                -moz-animation-delay: 4.6s;
                animation-delay: 4.6s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(19) {
                -webkit-animation-delay: 4.8s;
                -moz-animation-delay: 4.8s;
                animation-delay: 4.8s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(20) {
                -webkit-animation-delay: 5s;
                -moz-animation-delay: 5s;
                animation-delay: 5s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(21) {
                -webkit-animation-delay: 5.2s;
                -moz-animation-delay: 5.2s;
                animation-delay: 5.2s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(22) {
                -webkit-animation-delay: 5.4s;
                -moz-animation-delay: 5.4s;
                animation-delay: 5.4s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(23) {
                -webkit-animation-delay: 5.6s;
                -moz-animation-delay: 5.6s;
                animation-delay: 5.6s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(24) {
                -webkit-animation-delay: 5.8s;
                -moz-animation-delay: 5.8s;
                animation-delay: 5.8s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(25) {
                -webkit-animation-delay: 6s;
                -moz-animation-delay: 6s;
                animation-delay: 6s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(26) {
                -webkit-animation-delay: 6.2s;
                -moz-animation-delay: 6.2s;
                animation-delay: 6.2s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(27) {
                -webkit-animation-delay: 6.4s;
                -moz-animation-delay: 6.4s;
                animation-delay: 6.4s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(28) {
                -webkit-animation-delay: 6.6s;
                -moz-animation-delay: 6.6s;
                animation-delay: 6.6s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(29) {
                -webkit-animation-delay: 6.8s;
                -moz-animation-delay: 6.8s;
                animation-delay: 6.8s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(30) {
                -webkit-animation-delay: 7s;
                -moz-animation-delay: 7s;
                animation-delay: 7s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(31) {
                -webkit-animation-delay: 7.2s;
                -moz-animation-delay: 7.2s;
                animation-delay: 7.2s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(32) {
                -webkit-animation-delay: 7.4s;
                -moz-animation-delay: 7.4s;
                animation-delay: 7.4s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(33) {
                -webkit-animation-delay: 7.6s;
                -moz-animation-delay: 7.6s;
                animation-delay: 7.6s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(34) {
                -webkit-animation-delay: 7.8s;
                -moz-animation-delay: 7.8s;
                animation-delay: 7.8s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(35) {
                -webkit-animation-delay: 8s;
                -moz-animation-delay: 8s;
                animation-delay: 8s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(36) {
                -webkit-animation-delay: 8.2s;
                -moz-animation-delay: 8.2s;
                animation-delay: 8.2s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(37) {
                -webkit-animation-delay: 8.4s;
                -moz-animation-delay: 8.4s;
                animation-delay: 8.4s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(38) {
                -webkit-animation-delay: 8.6s;
                -moz-animation-delay: 8.6s;
                animation-delay: 8.6s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(39) {
                -webkit-animation-delay: 8.8s;
                -moz-animation-delay: 8.8s;
                animation-delay: 8.8s; }
              #mainContent footer nav #hud #hudContent #content .blink:nth-child(40) {
                -webkit-animation-delay: 9s;
                -moz-animation-delay: 9s;
                animation-delay: 9s; }
            #mainContent footer nav #hud #hudContent #content .panel {
              display: inline-block;
              vertical-align: top;
              box-sizing: border-box; }
            #mainContent footer nav #hud #hudContent #content #topLeft {
              width: 28.6%;
              padding: 0 0 1.5% 0; }
              #mainContent footer nav #hud #hudContent #content #topLeft .title {
                padding-left: 9%;
                margin-bottom: 2%; }
                #mainContent footer nav #hud #hudContent #content #topLeft .title .email {
                  color: #a9adb1; }
              #mainContent footer nav #hud #hudContent #content #topLeft .profile {
                margin-top: 6%;
                height: 30px;
                white-space: nowrap;
                -webkit-transition-property: -webkit-transform;
                -moz-transition-property: -moz-transform;
                transition-property: transform;
                -webkit-transition-duration: 0.4s;
                -moz-transition-duration: 0.4s;
                transition-duration: 0.4s;
                -webkit-transition-delay: 1s;
                -moz-transition-delay: 1s;
                transition-delay: 1s;
                -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                -webkit-transform: scaleX(0);
                -moz-transform: scaleX(0);
                -ms-transform: scaleX(0);
                -o-transform: scaleX(0);
                transform: scaleX(0);
                -webkit-transform-origin: 0px 0px;
                -moz-transform-origin: 0px 0px;
                -ms-transform-origin: 0px 0px;
                -o-transform-origin: 0px 0px;
                transform-origin: 0px 0px; }
                #mainContent footer nav #hud #hudContent #content #topLeft .profile h6 {
                  display: inline-block;
                  vertical-align: middle;
                  padding-right: 4px; }
                #mainContent footer nav #hud #hudContent #content #topLeft .profile > div {
                  display: inline-block;
                  vertical-align: middle;
                  margin-right: 5px;
                  width: 62%;
                  height: 10px;
                  padding: 3px;
                  border: solid 1px #4d5359; }
                  #mainContent footer nav #hud #hudContent #content #topLeft .profile > div span {
                    display: block;
                    height: 10px;
                    background-image: -webkit-linear-gradient(left, #d20101 0%, #ff7200 100%);
                    background-image: linear-gradient(to right, #d20101 0%, #ff7200 100%); }
                #mainContent footer nav #hud #hudContent #content #topLeft .profile .xsmall {
                  font-size: 0.536em;
                  color: #ff7200; }
                #mainContent footer nav #hud #hudContent #content #topLeft .profile:after {
                  display: inline-block;
                  vertical-align: middle;
                  height: 30px;
                  position: static; }
                #mainContent footer nav #hud #hudContent #content #topLeft .profile.on {
                  -webkit-transform: scaleX(1);
                  -moz-transform: scaleX(1);
                  -ms-transform: scaleX(1);
                  -o-transform: scaleX(1);
                  transform: scaleX(1); }
              #mainContent footer nav #hud #hudContent #content #topLeft .account {
                margin-top: 10px;
                margin-bottom: 8%;
                padding: 1.2vw 2% 1.2vw 26px; }
                #mainContent footer nav #hud #hudContent #content #topLeft .account:before {
                  left: 14px; }
                #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator {
                  width: 6px;
                  height: 100%;
                  position: absolute;
                  top: 0;
                  left: 0; }
                  #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg {
                    display: block;
                    height: 100%; }
                    #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path {
                      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                      -moz-animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                      animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                      -webkit-animation-direction: alternate-reverse;
                      -moz-animation-direction: alternate-reverse;
                      animation-direction: alternate-reverse;
                      -webkit-animation-iteration-count: infinite;
                      -moz-animation-iteration-count: infinite;
                      animation-iteration-count: infinite; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(38) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 20s;
                        -moz-animation-delay: 20s;
                        animation-delay: 20s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(37) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 10s;
                        -moz-animation-delay: 10s;
                        animation-delay: 10s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(36) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 8s;
                        -moz-animation-delay: 8s;
                        animation-delay: 8s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(35) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 19s;
                        -moz-animation-delay: 19s;
                        animation-delay: 19s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(34) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 14s;
                        -moz-animation-delay: 14s;
                        animation-delay: 14s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(33) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 6s;
                        -moz-animation-delay: 6s;
                        animation-delay: 6s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(32) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 3s;
                        -moz-animation-delay: 3s;
                        animation-delay: 3s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(31) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 27s;
                        -moz-animation-delay: 27s;
                        animation-delay: 27s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(30) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 22s;
                        -moz-animation-delay: 22s;
                        animation-delay: 22s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(29) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 15s;
                        -moz-animation-delay: 15s;
                        animation-delay: 15s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(28) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 2s;
                        -moz-animation-delay: 2s;
                        animation-delay: 2s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(27) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 27s;
                        -moz-animation-delay: 27s;
                        animation-delay: 27s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(26) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 17s;
                        -moz-animation-delay: 17s;
                        animation-delay: 17s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(25) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 25s;
                        -moz-animation-delay: 25s;
                        animation-delay: 25s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(24) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 21s;
                        -moz-animation-delay: 21s;
                        animation-delay: 21s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(23) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 11s;
                        -moz-animation-delay: 11s;
                        animation-delay: 11s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(22) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 3s;
                        -moz-animation-delay: 3s;
                        animation-delay: 3s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(21) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 19s;
                        -moz-animation-delay: 19s;
                        animation-delay: 19s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(20) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 1s;
                        -moz-animation-delay: 1s;
                        animation-delay: 1s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(19) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 10s;
                        -moz-animation-delay: 10s;
                        animation-delay: 10s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(18) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 10s;
                        -moz-animation-delay: 10s;
                        animation-delay: 10s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(17) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 14s;
                        -moz-animation-delay: 14s;
                        animation-delay: 14s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(16) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 3s;
                        -moz-animation-delay: 3s;
                        animation-delay: 3s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(15) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 6s;
                        -moz-animation-delay: 6s;
                        animation-delay: 6s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(14) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 5s;
                        -moz-animation-delay: 5s;
                        animation-delay: 5s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(13) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 3s;
                        -moz-animation-delay: 3s;
                        animation-delay: 3s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(12) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 4s;
                        -moz-animation-delay: 4s;
                        animation-delay: 4s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(11) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 6s;
                        -moz-animation-delay: 6s;
                        animation-delay: 6s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(10) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 9s;
                        -moz-animation-delay: 9s;
                        animation-delay: 9s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(9) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 2s;
                        -moz-animation-delay: 2s;
                        animation-delay: 2s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(8) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 1s;
                        -moz-animation-delay: 1s;
                        animation-delay: 1s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(7) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 4s;
                        -moz-animation-delay: 4s;
                        animation-delay: 4s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(6) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 4s;
                        -moz-animation-delay: 4s;
                        animation-delay: 4s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(5) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 1s;
                        -moz-animation-delay: 1s;
                        animation-delay: 1s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(4) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 1s;
                        -moz-animation-delay: 1s;
                        animation-delay: 1s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(3) {
                        -webkit-animation-duration: 1s;
                        -moz-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-delay: 2s;
                        -moz-animation-delay: 2s;
                        animation-delay: 2s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(2) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 2s;
                        -moz-animation-delay: 2s;
                        animation-delay: 2s; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg path:nth-child(1) {
                        -webkit-animation-duration: 2s;
                        -moz-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-animation-delay: 1s;
                        -moz-animation-delay: 1s;
                        animation-delay: 1s; }
                    #mainContent footer nav #hud #hudContent #content #topLeft .account .indicator svg.on path {
                      -webkit-animation-name: hudIndicator;
                      -moz-animation-name: hudIndicator;
                      animation-name: hudIndicator; }
                #mainContent footer nav #hud #hudContent #content #topLeft .account a {
                  display: block;
                  margin-bottom: 5%;
                  font: 1.071em/1.4em "ITC Machine W03", Impact, Charcoal, sans-serif;
                  letter-spacing: 1px;
                  color: #f0ff00;
                  text-transform: uppercase;
                  white-space: nowrap;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; }
                  #mainContent footer nav #hud #hudContent #content #topLeft .account a:before {
                    content: "";
                    display: inline-block;
                    vertical-align: middle;
                    width: 2.13em;
                    height: 2.13em;
                    margin-right: 14px;
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: contain; }
                  #mainContent footer nav #hud #hudContent #content #topLeft .account a span {
                    display: inline-block;
                    vertical-align: middle;
                    white-space: normal; }
                  #mainContent footer nav #hud #hudContent #content #topLeft .account a:nth-child(2):before {
                    background-image: url(/_images/icon_gear.svg); }
                  #mainContent footer nav #hud #hudContent #content #topLeft .account a:nth-child(3):before {
                    background-image: url(/_images/icon_people.svg); }
                  #mainContent footer nav #hud #hudContent #content #topLeft .account a:nth-child(4):before {
                    background-image: url(/_images/icon_globe.svg); }
                  #mainContent footer nav #hud #hudContent #content #topLeft .account a:last-child {
                    margin-bottom: 0; }
                  #mainContent footer nav #hud #hudContent #content #topLeft .account a:hover, #mainContent footer nav #hud #hudContent #content #topLeft .account a:active {
                    color: white; }
              #mainContent footer nav #hud #hudContent #content #topLeft .userData {
                white-space: nowrap; }
                #mainContent footer nav #hud #hudContent #content #topLeft .userData > div {
                  display: inline-block;
                  vertical-align: top;
                  padding: 0 10% 0 10px;
                  margin-right: 11%;
                  position: relative;
                  white-space: nowrap; }
                  #mainContent footer nav #hud #hudContent #content #topLeft .userData > div h5 {
                    margin-bottom: 6px;
                    position: relative;
                    left: 60px; }
                    #mainContent footer nav #hud #hudContent #content #topLeft .userData > div h5:before {
                      content: url(/_images/user_line.svg);
                      display: block;
                      position: absolute;
                      top: 7px;
                      left: -74px; }
                  #mainContent footer nav #hud #hudContent #content #topLeft .userData > div .dataCircle {
                    position: relative;
                    -webkit-transform: scale(0);
                    -moz-transform: scale(0);
                    -ms-transform: scale(0);
                    -o-transform: scale(0);
                    transform: scale(0); }
                    #mainContent footer nav #hud #hudContent #content #topLeft .userData > div .dataCircle img {
                      width: 5.9vw;
                      height: 5.9vw; }
                      #mainContent footer nav #hud #hudContent #content #topLeft .userData > div .dataCircle img.inner {
                        position: absolute;
                        left: 0;
                        top: 0; }
                  #mainContent footer nav #hud #hudContent #content #topLeft .userData > div h6 {
                    width: 60px;
                    height: 14px;
                    padding: 1px;
                    font-size: 0.75em;
                    text-align: center;
                    border-radius: 5px;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    background-image: -webkit-linear-gradient(left, #d20101 0%, #4d5359 100%);
                    background-image: linear-gradient(to right, #d20101 0%, #4d5359 100%);
                    position: absolute;
                    top: 57%;
                    right: 6%; }
                    #mainContent footer nav #hud #hudContent #content #topLeft .userData > div h6 span {
                      display: block;
                      height: 14px;
                      line-height: 15px;
                      border-radius: 5px;
                      background-color: #1d1d1e; }
            #mainContent footer nav #hud #hudContent #content #center {
              width: 39.6%;
              height: 35.8vw;
              margin-top: 3%;
              position: relative;
              overflow: hidden; }
              #mainContent footer nav #hud #hudContent #content #center .disc {
                display: block;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                will-change: transform;
                -webkit-transform: scale(0);
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                transform: scale(0); }
                #mainContent footer nav #hud #hudContent #content #center .disc:first-child {
                  position: static; }
                #mainContent footer nav #hud #hudContent #content #center .disc img {
                  -webkit-transform: scale(0);
                  -moz-transform: scale(0);
                  -ms-transform: scale(0);
                  -o-transform: scale(0);
                  transform: scale(0); }
              #mainContent footer nav #hud #hudContent #content #center #rank {
                text-align: center;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0; }
                #mainContent footer nav #hud #hudContent #content #center #rank > div {
                  display: table;
                  width: 100%;
                  height: 100%; }
                  #mainContent footer nav #hud #hudContent #content #center #rank > div div {
                    display: table-cell;
                    vertical-align: middle; }
                    #mainContent footer nav #hud #hudContent #content #center #rank > div div img {
                      display: inline-block;
                      width: 45.69%; }
            #mainContent footer nav #hud #hudContent #content #topRight {
              width: 31.8%; }
              #mainContent footer nav #hud #hudContent #content #topRight .top {
                margin-bottom: 10%; }
                #mainContent footer nav #hud #hudContent #content #topRight .top img {
                  display: inline-block;
                  vertical-align: middle;
                  width: 60px;
                  margin-right: 20px; }
                #mainContent footer nav #hud #hudContent #content #topRight .top h4 {
                  display: inline-block;
                  vertical-align: middle;
                  margin-bottom: 0; }
              #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit {
                width: 100%;
                padding: 2% 12px 2% 20px;
                box-sizing: border-box;
                background: url(/_images/equalizer.gif) no-repeat right center; }
              #mainContent footer nav #hud #hudContent #content #topRight .messages {
                width: 100%;
                position: relative; }
                #mainContent footer nav #hud #hudContent #content #topRight .messages > a {
                  display: block;
                  width: 55px;
                  position: absolute; }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a .num {
                    display: block;
                    font: 1.571em/47px "ITC Machine W03", Impact, Charcoal, sans-serif;
                    color: #f0ff00;
                    text-align: center;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    position: relative; }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a > div {
                    width: 45px;
                    height: 27px;
                    margin: 0 auto;
                    border-left: 1px solid #4d5359;
                    border-right: 1px solid #4d5359;
                    position: absolute;
                    left: 4px;
                    top: 10px;
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    transition-property: transform;
                    -webkit-transition-duration: 1s;
                    -moz-transition-duration: 1s;
                    transition-duration: 1s;
                    -webkit-transition-delay: 1s;
                    -moz-transition-delay: 1s;
                    transition-delay: 1s;
                    -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                    -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                    transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                    -webkit-transform-origin: center center;
                    -moz-transform-origin: center center;
                    -ms-transform-origin: center center;
                    -o-transform-origin: center center;
                    transform-origin: center center;
                    will-change: transform; }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a > div:before, #mainContent footer nav #hud #hudContent #content #topRight .messages > a > div:after {
                      content: "";
                      display: block;
                      border-top: 5px solid #4d5359;
                      border-bottom: 5px solid #4d5359;
                      position: absolute;
                      top: 0;
                      bottom: 0;
                      -webkit-transition-property: -webkit-transform;
                      -moz-transition-property: -moz-transform;
                      transition-property: transform;
                      -webkit-transition-duration: 1s;
                      -moz-transition-duration: 1s;
                      transition-duration: 1s;
                      -webkit-transition-delay: 1s;
                      -moz-transition-delay: 1s;
                      transition-delay: 1s;
                      -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                      -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                      transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
                      -webkit-transform: scaleX(0);
                      -moz-transform: scaleX(0);
                      -ms-transform: scaleX(0);
                      -o-transform: scaleX(0);
                      transform: scaleX(0);
                      will-change: transform; }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a > div:before {
                      border-right: 2px solid transparent;
                      left: 0;
                      -webkit-transform-origin: left top;
                      -moz-transform-origin: left top;
                      -ms-transform-origin: left top;
                      -o-transform-origin: left top;
                      transform-origin: left top; }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a > div:after {
                      border-left: 2px solid transparent;
                      right: 0;
                      -webkit-transform-origin: right top;
                      -moz-transform-origin: right top;
                      -ms-transform-origin: right top;
                      -o-transform-origin: right top;
                      transform-origin: right top; }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a > div.left {
                      -webkit-transform: rotate(30deg) scaleY(0.3) scaleX(0.1);
                      -moz-transform: rotate(30deg) scaleY(0.3) scaleX(0.1);
                      -ms-transform: rotate(30deg) scaleY(0.3) scaleX(0.1);
                      -o-transform: rotate(30deg) scaleY(0.3) scaleX(0.1);
                      transform: rotate(30deg) scaleY(0.3) scaleX(0.1); }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a > div.center {
                      -webkit-transform: rotate(-90deg) scaleY(0.3) scaleX(0.1);
                      -moz-transform: rotate(-90deg) scaleY(0.3) scaleX(0.1);
                      -ms-transform: rotate(-90deg) scaleY(0.3) scaleX(0.1);
                      -o-transform: rotate(-90deg) scaleY(0.3) scaleX(0.1);
                      transform: rotate(-90deg) scaleY(0.3) scaleX(0.1); }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a > div.right {
                      -webkit-transform: rotate(150deg) scaleY(0.3) scaleX(0.1);
                      -moz-transform: rotate(150deg) scaleY(0.3) scaleX(0.1);
                      -ms-transform: rotate(150deg) scaleY(0.3) scaleX(0.1);
                      -o-transform: rotate(150deg) scaleY(0.3) scaleX(0.1);
                      transform: rotate(150deg) scaleY(0.3) scaleX(0.1); }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a.on > div.left {
                    -webkit-transform: rotate(-90deg) scaleY(1) scaleX(1);
                    -moz-transform: rotate(-90deg) scaleY(1) scaleX(1);
                    -ms-transform: rotate(-90deg) scaleY(1) scaleX(1);
                    -o-transform: rotate(-90deg) scaleY(1) scaleX(1);
                    transform: rotate(-90deg) scaleY(1) scaleX(1); }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a.on > div.center {
                    -webkit-transform: rotate(-210deg) scaleY(1) scaleX(1);
                    -moz-transform: rotate(-210deg) scaleY(1) scaleX(1);
                    -ms-transform: rotate(-210deg) scaleY(1) scaleX(1);
                    -o-transform: rotate(-210deg) scaleY(1) scaleX(1);
                    transform: rotate(-210deg) scaleY(1) scaleX(1); }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a.on > div.right {
                    -webkit-transform: rotate(30deg) scaleY(1) scaleX(1);
                    -moz-transform: rotate(30deg) scaleY(1) scaleX(1);
                    -ms-transform: rotate(30deg) scaleY(1) scaleX(1);
                    -o-transform: rotate(30deg) scaleY(1) scaleX(1);
                    transform: rotate(30deg) scaleY(1) scaleX(1); }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a.on > div:before, #mainContent footer nav #hud #hudContent #content #topRight .messages > a.on > div:after {
                    -webkit-transform: scaleX(1);
                    -moz-transform: scaleX(1);
                    -ms-transform: scaleX(1);
                    -o-transform: scaleX(1);
                    transform: scaleX(1); }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a:hover > div, #mainContent footer nav #hud #hudContent #content #topRight .messages > a:active > div {
                    background-color: #f0ff00; }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a:hover .num, #mainContent footer nav #hud #hudContent #content #topRight .messages > a:active .num {
                    color: #1d1d1e; }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a .name {
                    display: block;
                    height: 10px;
                    font: 0.607em/1em "Orator W01", Courier, "Courier New", sans-serif;
                    letter-spacing: 1px;
                    color: #a9adb1;
                    text-transform: uppercase;
                    position: absolute; }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a .name:after {
                      content: "";
                      display: block;
                      width: 25px;
                      height: 1px;
                      position: absolute;
                      top: 4px;
                      background-color: #4d5359; }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a .name:before {
                      content: "";
                      display: block;
                      width: 12px;
                      height: 1px;
                      position: absolute;
                      top: 0;
                      background-color: #4d5359;
                      -webkit-transform: rotate(-45deg);
                      -moz-transform: rotate(-45deg);
                      -ms-transform: rotate(-45deg);
                      -o-transform: rotate(-45deg);
                      transform: rotate(-45deg); }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a.inbox {
                    top: 0;
                    left: 33%; }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a.inbox .name {
                      bottom: -20px;
                      right: 66px; }
                      #mainContent footer nav #hud #hudContent #content #topRight .messages > a.inbox .name:after {
                        right: -32px; }
                      #mainContent footer nav #hud #hudContent #content #topRight .messages > a.inbox .name:before {
                        right: -42px; }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a.unread {
                    top: 32px;
                    left: 51%; }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a.unread .name {
                      top: -20px;
                      left: 66px; }
                      #mainContent footer nav #hud #hudContent #content #topRight .messages > a.unread .name:after {
                        left: -32px; }
                      #mainContent footer nav #hud #hudContent #content #topRight .messages > a.unread .name:before {
                        top: 8px;
                        left: -42px; }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a.posts {
                    top: 78px;
                    left: 36%; }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a.posts .name {
                      bottom: -6px;
                      right: -68px; }
                      #mainContent footer nav #hud #hudContent #content #topRight .messages > a.posts .name:after {
                        left: -32px; }
                      #mainContent footer nav #hud #hudContent #content #topRight .messages > a.posts .name:before {
                        left: -42px;
                        -webkit-transform: rotate(45deg);
                        -moz-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        -o-transform: rotate(45deg);
                        transform: rotate(45deg); }
                  #mainContent footer nav #hud #hudContent #content #topRight .messages > a:hover, #mainContent footer nav #hud #hudContent #content #topRight .messages > a:active, #mainContent footer nav #hud #hudContent #content #topRight .messages > a.select {
                    color: white; }
                    #mainContent footer nav #hud #hudContent #content #topRight .messages > a:hover .name, #mainContent footer nav #hud #hudContent #content #topRight .messages > a:active .name, #mainContent footer nav #hud #hudContent #content #topRight .messages > a.select .name {
                      color: #f0ff00; }
                      #mainContent footer nav #hud #hudContent #content #topRight .messages > a:hover .name:before, #mainContent footer nav #hud #hudContent #content #topRight .messages > a:hover .name:after, #mainContent footer nav #hud #hudContent #content #topRight .messages > a:active .name:before, #mainContent footer nav #hud #hudContent #content #topRight .messages > a:active .name:after, #mainContent footer nav #hud #hudContent #content #topRight .messages > a.select .name:before, #mainContent footer nav #hud #hudContent #content #topRight .messages > a.select .name:after {
                        background-color: #f0ff00; }
              #mainContent footer nav #hud #hudContent #content #topRight .visit {
                width: 100%;
                margin-top: 40%; }
                #mainContent footer nav #hud #hudContent #content #topRight .visit > div {
                  padding-left: 12px;
                  margin: 2px 0; }
                  #mainContent footer nav #hud #hudContent #content #topRight .visit > div h6 {
                    display: inline-block;
                    vertical-align: middle; }
                  #mainContent footer nav #hud #hudContent #content #topRight .visit > div > span {
                    display: inline-block;
                    vertical-align: middle;
                    margin: 0 5px 3px; }
                    #mainContent footer nav #hud #hudContent #content #topRight .visit > div > span span {
                      border-bottom-color: #4d5359; }
                      #mainContent footer nav #hud #hudContent #content #topRight .visit > div > span span:after {
                        border-left-color: #4d5359;
                        border-left-width: 4px;
                        border-top-width: 4px;
                        bottom: -1px; }
                      #mainContent footer nav #hud #hudContent #content #topRight .visit > div > span span:before {
                        border-right-color: #4d5359;
                        border-right-width: 4px;
                        border-bottom-width: 4px; }
                    #mainContent footer nav #hud #hudContent #content #topRight .visit > div > span + h6 {
                      font-size: 1.379em;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale; }
                  #mainContent footer nav #hud #hudContent #content #topRight .visit > div.date > span {
                    width: 19%; }
                  #mainContent footer nav #hud #hudContent #content #topRight .visit > div.time > span {
                    width: 32%; }
                  #mainContent footer nav #hud #hudContent #content #topRight .visit > div.session > span {
                    width: 18%; }
              #mainContent footer nav #hud #hudContent #content #topRight .topics {
                margin-top: 7%;
                padding-left: 20px; }
                #mainContent footer nav #hud #hudContent #content #topRight .topics a {
                  color: #a9adb1;
                  padding-bottom: 3px;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis; }
                  #mainContent footer nav #hud #hudContent #content #topRight .topics a:hover, #mainContent footer nav #hud #hudContent #content #topRight .topics a:active {
                    color: #f0ff00; }
            #mainContent footer nav #hud #hudContent #content #bottomLeft {
              width: 58%;
              padding: 0 2% 1.5% 0;
              display: -webkit-inline-box;
              display: -moz-inline-box;
              display: inline-box;
              display: -webkit-inline-flex;
              display: -moz-inline-flex;
              display: -ms-inline-flexbox;
              display: inline-flex;
              -webkit-box-lines: single;
              -moz-box-lines: single;
              box-lines: single;
              -webkit-flex-wrap: nowrap;
              -moz-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
              -webkit-box-pack: start;
              -moz-box-pack: start;
              box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-justify-content: flex-start;
              -ms-justify-content: flex-start;
              -o-justify-content: flex-start;
              justify-content: flex-start;
              -ms-flex-pack: start;
              -webkit-box-align: start;
              -moz-box-align: start;
              box-align: start;
              -webkit-align-items: flex-start;
              -moz-align-items: flex-start;
              -ms-align-items: flex-start;
              -o-align-items: flex-start;
              align-items: flex-start;
              -ms-flex-align: start; }
              #mainContent footer nav #hud #hudContent #content #bottomLeft > div {
                display: inline-block;
                vertical-align: top;
                box-sizing: border-box; }
              #mainContent footer nav #hud #hudContent #content #bottomLeft .map {
                width: 52%;
                padding-right: 2%;
                position: relative; }
                #mainContent footer nav #hud #hudContent #content #bottomLeft .map span {
                  display: block;
                  width: 1.429em;
                  height: 1.429em;
                  padding: 0.221em;
                  margin-left: -0.714em;
                  margin-top: -0.714em;
                  border-radius: 50%;
                  border: solid 1px #a9adb1;
                  box-sizing: border-box;
                  position: absolute; }
                  #mainContent footer nav #hud #hudContent #content #bottomLeft .map span:before {
                    content: "";
                    display: block;
                    width: 0.814em;
                    height: 0.814em;
                    border-radius: 50%;
                    background-color: #a9adb1; }
                  #mainContent footer nav #hud #hudContent #content #bottomLeft .map span.select {
                    border-color: #d20101; }
                    #mainContent footer nav #hud #hudContent #content #bottomLeft .map span.select:before {
                      background-color: #d20101; }
              #mainContent footer nav #hud #hudContent #content #bottomLeft .location {
                width: 48%;
                padding-right: 2%; }
                #mainContent footer nav #hud #hudContent #content #bottomLeft .location div {
                  padding: 8px 0;
                  background: url(/_images/icon_measure.svg) repeat-y left center; }
                  #mainContent footer nav #hud #hudContent #content #bottomLeft .location div h6 {
                    padding: 3px 0;
                    white-space: nowrap; }
                    #mainContent footer nav #hud #hudContent #content #bottomLeft .location div h6 span {
                      display: inline-block;
                      vertical-align: middle;
                      white-space: normal; }
                      #mainContent footer nav #hud #hudContent #content #bottomLeft .location div h6 span:first-child {
                        height: 1px;
                        margin-right: 5px;
                        background-color: #4d5359; }
                      #mainContent footer nav #hud #hudContent #content #bottomLeft .location div h6 span:last-child {
                        max-width: 86px; }
                    #mainContent footer nav #hud #hudContent #content #bottomLeft .location div h6.select {
                      color: #d20101; }
                      #mainContent footer nav #hud #hudContent #content #bottomLeft .location div h6.select span:first-child {
                        background-image: -webkit-linear-gradient(left, #4d5359 0%, #d20101 100%);
                        background-image: linear-gradient(to right, #4d5359 0%, #d20101 100%); }
            #mainContent footer nav #hud #hudContent #content #bottomRight {
              width: 42%;
              padding: 0 0 1.5% 2%; }
              #mainContent footer nav #hud #hudContent #content #bottomRight .links {
                max-height: 115px;
                display: -webkit-box;
                display: -moz-box;
                display: box;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -moz-box-orient: horizontal;
                box-orient: horizontal;
                -webkit-box-direction: normal;
                -moz-box-direction: normal;
                box-direction: normal;
                -webkit-flex-direction: row;
                -moz-flex-direction: row;
                flex-direction: row;
                -ms-flex-direction: row;
                -webkit-box-lines: multiple;
                -moz-box-lines: multiple;
                box-lines: multiple;
                -webkit-flex-wrap: wrap;
                -moz-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                box-pack: justify;
                -webkit-justify-content: space-between;
                -moz-justify-content: space-between;
                -ms-justify-content: space-between;
                -o-justify-content: space-between;
                justify-content: space-between;
                -ms-flex-pack: justify;
                -webkit-box-align: start;
                -moz-box-align: start;
                box-align: start;
                -webkit-align-items: flex-start;
                -moz-align-items: flex-start;
                -ms-align-items: flex-start;
                -o-align-items: flex-start;
                align-items: flex-start;
                -ms-flex-align: start; }
                #mainContent footer nav #hud #hudContent #content #bottomRight .links > div {
                  width: 44%;
                  padding: 0 0 0 3.5%;
                  margin-top: 10px; }
                  #mainContent footer nav #hud #hudContent #content #bottomRight .links > div .button {
                    width: 83%;
                    margin: 2% auto; }
                    #mainContent footer nav #hud #hudContent #content #bottomRight .links > div .button span {
                      min-width: 0; }
                  #mainContent footer nav #hud #hudContent #content #bottomRight .links > div h6 {
                    display: inline-block;
                    vertical-align: middle;
                    padding: 0 3%; }
                  #mainContent footer nav #hud #hudContent #content #bottomRight .links > div:first-child, #mainContent footer nav #hud #hudContent #content #bottomRight .links > div:nth-child(2) {
                    margin-top: 0; }
            #mainContent footer nav #hud #hudContent #content .userButtons {
              width: 31.5vw;
              height: 1.9vw;
              position: absolute;
              top: 10px;
              right: 9.4vw;
              display: -webkit-box;
              display: -moz-box;
              display: box;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -moz-box-orient: horizontal;
              box-orient: horizontal;
              -webkit-box-direction: normal;
              -moz-box-direction: normal;
              box-direction: normal;
              -webkit-flex-direction: row;
              -moz-flex-direction: row;
              flex-direction: row;
              -ms-flex-direction: row;
              -webkit-box-lines: single;
              -moz-box-lines: single;
              box-lines: single;
              -webkit-flex-wrap: nowrap;
              -moz-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
              -webkit-box-pack: start;
              -moz-box-pack: start;
              box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-justify-content: flex-start;
              -ms-justify-content: flex-start;
              -o-justify-content: flex-start;
              justify-content: flex-start;
              -ms-flex-pack: start;
              -webkit-box-align: stretch;
              -moz-box-align: stretch;
              box-align: stretch;
              -webkit-align-items: stretch;
              -moz-align-items: stretch;
              -ms-align-items: stretch;
              -o-align-items: stretch;
              align-items: stretch;
              -ms-flex-align: stretch; }
              #mainContent footer nav #hud #hudContent #content .userButtons a {
                display: -webkit-inline-box;
                display: -moz-inline-box;
                display: inline-box;
                display: -webkit-inline-flex;
                display: -moz-inline-flex;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-pack: center;
                -moz-box-pack: center;
                box-pack: center;
                -webkit-justify-content: center;
                -moz-justify-content: center;
                -ms-justify-content: center;
                -o-justify-content: center;
                justify-content: center;
                -ms-flex-pack: center;
                -webkit-box-align: center;
                -moz-box-align: center;
                box-align: center;
                -webkit-align-items: center;
                -moz-align-items: center;
                -ms-align-items: center;
                -o-align-items: center;
                align-items: center;
                -ms-flex-align: center;
                vertical-align: top;
                width: 29%;
                height: 100%;
                padding: 0;
                margin-right: 2.2%;
                font: 0.714em/1em "Orator W01", Courier, "Courier New", sans-serif;
                letter-spacing: 1px;
                color: #f0ff00;
                text-align: center;
                text-transform: uppercase;
                border: solid 1px #4d5359;
                background-color: rgba(46, 48, 50, 0.28);
                box-sizing: border-box;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-transform: skew(-42deg);
                -moz-transform: skew(-42deg);
                -ms-transform: skew(-42deg);
                -o-transform: skew(-42deg);
                transform: skew(-42deg); }
                #mainContent footer nav #hud #hudContent #content .userButtons a span {
                  display: inline-block;
                  -webkit-transform: skew(42deg);
                  -moz-transform: skew(42deg);
                  -ms-transform: skew(42deg);
                  -o-transform: skew(42deg);
                  transform: skew(42deg); }
                #mainContent footer nav #hud #hudContent #content .userButtons a:last-child {
                  width: 38%;
                  margin-right: 0;
                  /*
									border-right: none;
									position: relative;
									span {
										position: relative;
										left: 0.6vw;
										&:after {
											content: "";
											display: block;
											width: 3.9vw;
											height: 1px;
											background-color: $greyMid;
											position: absolute;
											bottom: -0.6vw;
											right: -3.3vw;
										}
										&:before {
											content: "";
											display: block;
											width: 3.9vw;
											height: 1px;
											background-color: $greyMid;
											position: absolute;
											top: -0.6vw;
											right: -3.3vw;
											@include transform(rotate(42deg));
										}
									}
									&:after {
										content: "";
										display: block;
										border-right: solid 1.8vw transparent;
										border-left: solid 1.8vw transparent;
										border-bottom: solid 1.8vw $greyDark;
										@include transform(skew(45deg));
										position: absolute;
										top: -1px;
										right: -2.6vw;
										@include transition-property(all);
										@include transition-duration(0.2s);
										@include transition-timing-function(ease-out);
									}
									&:hover, &:active {
										&:after {
											border-bottom-color: $yellow;
										}
									}
	*/ }
                #mainContent footer nav #hud #hudContent #content .userButtons a:hover, #mainContent footer nav #hud #hudContent #content .userButtons a:active {
                  background-color: #f0ff00;
                  color: #2e3032; }
            #mainContent footer nav #hud #hudContent #content .title .since {
              color: #a9adb1;
              margin-bottom: 0.714em; }
            #mainContent footer nav #hud #hudContent #content .panelUser {
              width: 100%;
              height: 48vw;
              padding: 0 2.5% 2.5% 6%;
              display: -webkit-box;
              display: -moz-box;
              display: box;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -moz-box-orient: horizontal;
              box-orient: horizontal;
              -webkit-box-direction: normal;
              -moz-box-direction: normal;
              box-direction: normal;
              -webkit-flex-direction: row;
              -moz-flex-direction: row;
              flex-direction: row;
              -ms-flex-direction: row;
              -webkit-box-lines: single;
              -moz-box-lines: single;
              box-lines: single;
              -webkit-flex-wrap: nowrap;
              -moz-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
              -webkit-box-pack: start;
              -moz-box-pack: start;
              box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-justify-content: flex-start;
              -ms-justify-content: flex-start;
              -o-justify-content: flex-start;
              justify-content: flex-start;
              -ms-flex-pack: start;
              -webkit-box-align: start;
              -moz-box-align: start;
              box-align: start;
              -webkit-align-items: flex-start;
              -moz-align-items: flex-start;
              -ms-align-items: flex-start;
              -o-align-items: flex-start;
              align-items: flex-start;
              -ms-flex-align: start;
              box-sizing: border-box;
              position: absolute;
              bottom: 0;
              left: 0; }
              #mainContent footer nav #hud #hudContent #content .panelUser > div {
                display: inline-block;
                vertical-align: top; }
              #mainContent footer nav #hud #hudContent #content .panelUser .hudDiskUser {
                width: 43.2%;
                padding-top: 5%;
                position: relative; }
                #mainContent footer nav #hud #hudContent #content .panelUser .hudDiskUser div {
                  display: block;
                  width: 100%;
                  position: absolute;
                  top: 9%;
                  left: 0; }
                  #mainContent footer nav #hud #hudContent #content .panelUser .hudDiskUser div:first-child {
                    position: static; }
                  #mainContent footer nav #hud #hudContent #content .panelUser .hudDiskUser div.disc {
                    -webkit-transform: scale(0);
                    -moz-transform: scale(0);
                    -ms-transform: scale(0);
                    -o-transform: scale(0);
                    transform: scale(0); }
                    #mainContent footer nav #hud #hudContent #content .panelUser .hudDiskUser div.disc img {
                      -webkit-transform: scale(0);
                      -moz-transform: scale(0);
                      -ms-transform: scale(0);
                      -o-transform: scale(0);
                      transform: scale(0); }
              #mainContent footer nav #hud #hudContent #content .panelUser .text {
                width: 56.8%; }
                #mainContent footer nav #hud #hudContent #content .panelUser .text h1 {
                  font-size: 3.429em;
                  color: white;
                  margin-bottom: 4%;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; }
                #mainContent footer nav #hud #hudContent #content .panelUser .text > div {
                  max-width: 460px;
                  padding: 4% 0 4% 5%;
                  margin-left: 15%; }
                  #mainContent footer nav #hud #hudContent #content .panelUser .text > div h5 {
                    font-size: 1.714em;
                    margin-bottom: 5%; }
                  #mainContent footer nav #hud #hudContent #content .panelUser .text > div p {
                    color: #a9adb1; }
                  #mainContent footer nav #hud #hudContent #content .panelUser .text > div .footerLink {
                    padding-left: 18px;
                    font-size: 1.143em;
                    color: #f0ff00;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale; }
                    #mainContent footer nav #hud #hudContent #content .panelUser .text > div .footerLink:hover, #mainContent footer nav #hud #hudContent #content .panelUser .text > div .footerLink:active {
                      color: white; }
            #mainContent footer nav #hud #hudContent #content .dontShow {
              width: 100%;
              padding-bottom: 2.2%;
              text-align: center;
              position: absolute;
              bottom: 0;
              left: 0; }
              #mainContent footer nav #hud #hudContent #content .dontShow input {
                display: none; }
                #mainContent footer nav #hud #hudContent #content .dontShow input + label {
                  font: 0.607em/1em "Orator W01", Courier, "Courier New", sans-serif;
                  letter-spacing: 1px;
                  color: #4d5359;
                  text-transform: uppercase;
                  cursor: pointer;
                  -webkit-transition-property: all;
                  -moz-transition-property: all;
                  transition-property: all;
                  -webkit-transition-duration: 0.2s;
                  -moz-transition-duration: 0.2s;
                  transition-duration: 0.2s;
                  -webkit-transition-timing-function: ease-out;
                  -moz-transition-timing-function: ease-out;
                  transition-timing-function: ease-out; }
                  #mainContent footer nav #hud #hudContent #content .dontShow input + label:before {
                    content: "";
                    display: inline-block;
                    vertical-align: middle;
                    width: 5px;
                    height: 5px;
                    margin-right: 5px;
                    border: solid 1px #4d5359;
                    position: relative;
                    bottom: 1px;
                    -webkit-transition-property: all;
                    -moz-transition-property: all;
                    transition-property: all;
                    -webkit-transition-duration: 0.2s;
                    -moz-transition-duration: 0.2s;
                    transition-duration: 0.2s;
                    -webkit-transition-timing-function: ease-out;
                    -moz-transition-timing-function: ease-out;
                    transition-timing-function: ease-out; }
                  #mainContent footer nav #hud #hudContent #content .dontShow input + label:hover, #mainContent footer nav #hud #hudContent #content .dontShow input + label:active {
                    color: white; }
                    #mainContent footer nav #hud #hudContent #content .dontShow input + label:hover:before, #mainContent footer nav #hud #hudContent #content .dontShow input + label:active:before {
                      border-color: white; }
                #mainContent footer nav #hud #hudContent #content .dontShow input:checked + label:before {
                  background-color: #4d5359; }
      #mainContent footer nav .lineH {
        display: block;
        width: -webkit-calc(50% - 48px);
        width: calc(50% - 48px);
        height: 1px;
        position: absolute;
        top: 50%;
        background-color: #4d5359;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        transition-duration: 0.8s;
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        transition-delay: 0.1s;
        -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
        -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
        transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
        will-change: transform; }
      #mainContent footer nav #lineLeft {
        right: 50%;
        margin-right: 33px;
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -ms-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center; }
      #mainContent footer nav #lineRight {
        left: 50%;
        margin-left: 33px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center; }
      #mainContent footer nav:before, #mainContent footer nav:after {
        content: "";
        display: block;
        width: 2px;
        border-top: solid 5px #a9adb1;
        border-bottom: solid 5px #a9adb1;
        position: absolute;
        top: 0;
        bottom: 0;
        background: -webkit-linear-gradient(left, #a9adb1 50%, transparent 50%);
        background: linear-gradient(to right, #a9adb1 50%, transparent 50%);
        background-size: 4px;
        background-repeat: no-repeat;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        transition-duration: 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
        -moz-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
        transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
        will-change: transform; }
      #mainContent footer nav:before {
        border-right: solid 5px transparent;
        left: 0; }
      #mainContent footer nav:after {
        border-left: solid 5px transparent;
        right: 0; }
    #mainContent footer .footerButton {
      width: auto;
      min-width: 144px;
      padding: 0 20px;
      box-sizing: border-box;
      background-color: transparent;
      border-radius: 0;
      text-align: center;
      font: 0.75em/24px "Orator W01", Courier, "Courier New", sans-serif;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #f0ff00;
      -webkit-transition-property: all;
      -moz-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -webkit-transition-timing-function: ease-out;
      -moz-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      #mainContent footer .footerButton:hover, #mainContent footer .footerButton:active {
        color: #919b33; }
    #mainContent footer .footerLink {
      display: block;
      font: 0.679em/1.071em "Orator W01", Courier, "Courier New", sans-serif;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #a9adb1;
      padding-left: 12px;
      position: relative; }
      #mainContent footer .footerLink:before {
        content: ">";
        display: inline-block;
        height: 1.071em;
        position: absolute;
        top: 0;
        left: 0; }
      #mainContent footer .footerLink:hover, #mainContent footer .footerLink:active {
        color: #f0ff00; }
    #mainContent footer.open nav #lineLeft, #mainContent footer.open nav #lineRight {
      -webkit-transform: scaleX(1) translateX(0);
      -moz-transform: scaleX(1) translateX(0);
      -ms-transform: scaleX(1) translateX(0);
      -o-transform: scaleX(1) translateX(0);
      transform: scaleX(1) translateX(0); }
    #mainContent footer.open nav:before, #mainContent footer.open nav:after {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
    #mainContent footer.dark nav {
      /*
.footerInput {
					input {
						color: $greyMid;
					}
				}
				.footerButton {
					color: $greyMid;
					&:hover, &:active {
						color: $footerGreen;
					}
				}
				.footerLink {
					color: $greyMid;
					&:hover, &:active {
						color: $footerGreen;
					}
				}
*/ }
      #mainContent footer.dark nav #hudMark #footerMarkAn svg path {
        fill: #4d5359; }
      #mainContent footer.dark nav #hudMark #footerLogoMark path {
        fill: #4d5359; }
    #mainContent footer.show nav #hudMark {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    #mainContent footer.show nav .lineH {
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
      -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    #mainContent footer.show nav #lineLeft {
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -ms-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }
    #mainContent footer.show nav #lineRight {
      -webkit-transform-origin: right center;
      -moz-transform-origin: right center;
      -ms-transform-origin: right center;
      -o-transform-origin: right center;
      transform-origin: right center;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }
    #mainContent footer.login nav #hudMark {
      width: -webkit-calc(100% - 50px);
      width: calc(100% - 50px); }
      #mainContent footer.login nav #hudMark #footerMarkAn {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0); }
        #mainContent footer.login nav #hudMark #footerMarkAn svg {
          -webkit-animation-name: none;
          -moz-animation-name: none;
          animation-name: none; }
      #mainContent footer.login nav #hudMark #footerLogoMark {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0); }
      #mainContent footer.login nav #hudMark #footerLogin {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #mainContent footer.login nav #lineLeft {
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0); }
    #mainContent footer.login nav #lineRight {
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0); }
    #mainContent footer.hud nav #hudMark {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0); }
      #mainContent footer.hud nav #hudMark #footerMarkAn svg {
        -webkit-animation-name: none;
        -moz-animation-name: none;
        animation-name: none; }
    #mainContent footer.hud nav #lineLeft {
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0); }
    #mainContent footer.hud nav #lineRight {
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0); }
    #mainContent footer.hud nav #hud #hudContent #content {
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1); }
    #mainContent footer.hudOpen nav:before, #mainContent footer.hudOpen nav:after {
      -webkit-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      transition-delay: 0.2s;
      opacity: 0; }
    #mainContent footer.hudOpen nav #hudMark {
      display: none; }
    #mainContent footer.hudOpen nav #hud {
      min-height: 42px; }
      #mainContent footer.hudOpen nav #hud .hudLine {
        opacity: 1; }
      #mainContent footer.hudOpen nav #hud.bgFade .hudLineBG {
        opacity: 1; }
      #mainContent footer.hudOpen nav #hud.bgFade #hudContent {
        opacity: 1; }

_:-ms-fullscreen, :root #hudMark #footerMarkAn svg.outer {
  -webkit-transform-origin: 21px 20px !important;
  -moz-transform-origin: 21px 20px !important;
  -ms-transform-origin: 21px 20px !important;
  -o-transform-origin: 21px 20px !important;
  transform-origin: 21px 20px !important; }

/********* end layout *********/
/********* responsive *********/
@media (min-width: 1280px) and (min-height: 798px) {
  #mainContent .content {
    padding: 180px 64px; }
  #mainContent footer nav #hud #hudContent #content #topLeft .account {
    padding-top: 15.4px;
    padding-bottom: 15.4px; }
  #mainContent footer nav #hud #hudContent #content #topLeft .userData > div .dataCircle img {
    width: 76px;
    height: 76px; }
  #mainContent footer nav #hud #hudContent #content #center {
    height: 458px; }
  #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit {
    height: 260px; }
  #mainContent footer nav #hud #hudContent #content .userButtons {
    width: 406.7px;
    height: 24.3px;
    right: 117.7px; }
  #mainContent footer nav #hud #hudContent #content .panelUser {
    height: 627px; } }

/*
@media (max-height: 806px) {
	#mainContent {
		.content {
			padding: 180px 64px;
		}
		footer {
			nav {
				#hud {
					#hudContent {
						#content {
							#topLeft {
								.account {
									padding-top: 15.4px;
									padding-bottom: 15.4px;
								}
								.userData {
									> div {
										img {
											width: 76px;
										}
									}
								}
							}
							#topRight {
								.messagesVisit {
									height: 248.5px;
								}
							}
							.userButtons {
								width: 406.7px;
								height: 24.3px;
								top: 7.68px;
								right: 118.9px;
							}
							.panelUser {
								height: 627px;
							}
						}
					}
				}
			}
		}
	}
}
*/
@media (max-width: 1080px), (min-width: 1081px) and (max-height: 680px) {
  #mainContent footer nav #hud #hudContent #content {
    padding: 2.5% 2.5% 2% 2.5%; }
    #mainContent footer nav #hud #hudContent #content h4 {
      font-size: 1.5em;
      margin-bottom: 0.4em; }
    #mainContent footer nav #hud #hudContent #content h5 {
      font-size: 0.857em;
      margin-bottom: 6px; }
    #mainContent footer nav #hud #hudContent #content #topLeft {
      width: 30.6%; }
      #mainContent footer nav #hud #hudContent #content #topLeft .title h5 {
        margin-bottom: 0; }
      #mainContent footer nav #hud #hudContent #content #topLeft .profile {
        width: 90%;
        margin-top: 2%; }
      #mainContent footer nav #hud #hudContent #content #topLeft .account {
        padding-top: 0.6vw;
        padding-bottom: 0.6vw;
        margin-bottom: 5%; }
        #mainContent footer nav #hud #hudContent #content #topLeft .account a {
          margin-bottom: 3%;
          font-size: 80%; }
    #mainContent footer nav #hud #hudContent #content #center {
      width: 33.6%; }
      #mainContent footer nav #hud #hudContent #content #center #rank > div div img {
        margin-top: 0; }
    #mainContent footer nav #hud #hudContent #content #topRight {
      width: 35.8%; }
      #mainContent footer nav #hud #hudContent #content #topRight .top {
        margin-bottom: 3%; }
        #mainContent footer nav #hud #hudContent #content #topRight .top img {
          margin-right: 12px; }
      #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.inbox {
        top: 20px;
        left: 17%; }
      #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.unread {
        top: 3px;
        left: 42%; }
      #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.posts {
        top: 57px;
        left: 36%; }
      #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a .num {
        font-size: 1.4em; }
      #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .visit {
        margin-top: 43%; }
        #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .visit > div {
          margin: 0;
          padding-left: 0;
          font-size: 86%; }
          #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .visit > div > span + h6 {
            font-size: 1.1em; }
      #mainContent footer nav #hud #hudContent #content #topRight .topics {
        margin-top: 2%;
        padding-left: 0; }
    #mainContent footer nav #hud #hudContent #content #bottomLeft {
      width: 52%; }
      #mainContent footer nav #hud #hudContent #content #bottomLeft .location div {
        width: 90%;
        padding: 0; }
        #mainContent footer nav #hud #hudContent #content #bottomLeft .location div h6 {
          padding: 1px 0; }
    #mainContent footer nav #hud #hudContent #content #bottomRight {
      width: 48%; }
      #mainContent footer nav #hud #hudContent #content #bottomRight h4 {
        margin-bottom: 2%; }
      #mainContent footer nav #hud #hudContent #content #bottomRight .links {
        max-height: 88px; }
        #mainContent footer nav #hud #hudContent #content #bottomRight .links > div .button {
          margin: 0 auto; }
          #mainContent footer nav #hud #hudContent #content #bottomRight .links > div .button > span {
            letter-spacing: 0; }
    #mainContent footer nav #hud #hudContent #content .panelUser .text h1 {
      font-size: 2.2em; }
    #mainContent footer nav #hud #hudContent #content .panelUser .text > div {
      margin-left: 10%; } }

@media (max-width: 1180px), (min-width: 1181px) and (max-height: 739px) {
  #mainContent footer nav #hud #hudContent #content .userButtons a {
    font-size: 0.6em;
    letter-spacing: 0; } }

@media (min-width: 801px) and (min-height: 506px) {
  #mainContent footer nav #hud #hudBG_m {
    display: none !important; }
  #mainContent footer nav #hud.openDone #hudBG {
    display: inline-block !important; } }

@media (max-width: 800px), (min-width: 801px) and (max-height: 505px) {
  #mainContent footer nav #hud #hudBG {
    display: none !important; }
  #mainContent footer nav #hud.openDone #hudBG_m {
    display: inline-block !important; }
  #mainContent footer nav #hud #hudContent #content {
    padding: 4.5% 4% 4.5% 4%; }
    #mainContent footer nav #hud #hudContent #content.newUser {
      padding-top: 10.5%; }
    #mainContent footer nav #hud #hudContent #content h4 {
      font-size: 2em; }
    #mainContent footer nav #hud #hudContent #content h5 {
      font-size: 1em; }
    #mainContent footer nav #hud #hudContent #content #topLeft {
      width: 50%; }
      #mainContent footer nav #hud #hudContent #content #topLeft .title {
        padding-left: 4%; }
      #mainContent footer nav #hud #hudContent #content #topLeft .account a {
        font-size: 100%;
        margin-bottom: 5%; }
      #mainContent footer nav #hud #hudContent #content #topLeft .userData {
        display: none; }
    #mainContent footer nav #hud #hudContent #content #center {
      width: 50%;
      margin-top: 0; }
      #mainContent footer nav #hud #hudContent #content #center #rank > div {
        height: 100%; }
    #mainContent footer nav #hud #hudContent #content #topRight {
      width: 50%; }
      #mainContent footer nav #hud #hudContent #content #topRight .top {
        display: none; }
      #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit {
        padding-left: 0;
        padding-bottom: 52%; }
        #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.inbox {
          top: 36px; }
        #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.unread {
          top: 22px; }
        #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.posts {
          top: 81px; }
        #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .visit {
          display: none; }
    #mainContent footer nav #hud #hudContent #content #bottomLeft {
      display: inline-block;
      width: 50%;
      padding-left: 5%;
      padding-right: 0; }
      #mainContent footer nav #hud #hudContent #content #bottomLeft > div {
        display: block;
        width: auto !important;
        padding: 0 !important; }
      #mainContent footer nav #hud #hudContent #content #bottomLeft .map {
        margin-bottom: 5%; }
    #mainContent footer nav #hud #hudContent #content #bottomRight {
      width: 100%;
      padding-right: 2%; }
    #mainContent footer nav #hud #hudContent #content .userButtons {
      top: 14px;
      height: 24px !important; }
      #mainContent footer nav #hud #hudContent #content .userButtons a {
        font-size: 0.714em;
        letter-spacing: 0; }
    #mainContent footer nav #hud #hudContent #content .panelUser {
      display: block;
      padding-right: 6%; }
      #mainContent footer nav #hud #hudContent #content .panelUser > div {
        display: block; }
      #mainContent footer nav #hud #hudContent #content .panelUser .hudDiskUser {
        width: 74.5%;
        max-width: 320px;
        padding-top: 0;
        margin-left: auto;
        top: -2%; }
        #mainContent footer nav #hud #hudContent #content .panelUser .hudDiskUser > div {
          top: 0; }
      #mainContent footer nav #hud #hudContent #content .panelUser .text {
        width: auto; } }

@media (max-width: 800px) {
  #mainContent footer .input {
    width: -webkit-calc(50% - 22px);
    width: calc(50% - 22px); }
  #mainContent footer .footerButton {
    display: block;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    margin-top: -30px;
    margin-left: 17px; }
  #mainContent footer nav #hudMark #footerLogin .linkGroup .footerLink {
    margin-right: 16px; }
  #mainContent footer.login nav #hudMark {
    height: 102px; } }

@media (max-width: 524px), (min-width: 525px) and (max-height: 505px) {
  #mainContent footer nav #hud #hudContent #content.newUser {
    padding-top: 14.5%; }
  #mainContent footer nav #hud #hudContent #content h4 {
    font-size: 1.5em; }
  #mainContent footer nav #hud #hudContent #content h5 {
    font-size: 0.857em; }
  #mainContent footer nav #hud #hudContent #content #topLeft {
    width: 50%; }
    #mainContent footer nav #hud #hudContent #content #topLeft .title .since {
      display: none; }
    #mainContent footer nav #hud #hudContent #content #topLeft .profile {
      display: none; }
    #mainContent footer nav #hud #hudContent #content #topLeft .account a {
      font-size: 80%; }
  #mainContent footer nav #hud #hudContent #content #topRight {
    width: 100%; }
    #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit {
      padding-bottom: 27%; }
      #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.inbox {
        top: 20px; }
        #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.inbox .name {
          right: 58px; }
          #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.inbox .name:before {
            right: -32px; }
          #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.inbox .name:after {
            right: -22px;
            width: 14px; }
      #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.unread {
        top: -7px;
        left: 41%; }
        #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.unread .name {
          top: 0;
          left: 82px; }
          #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.unread .name:before {
            left: -30px; }
          #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.unread .name:after {
            left: -20px;
            width: 14px; }
      #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.posts {
        top: 40px;
        left: 60%; }
        #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.posts .name {
          right: auto;
          left: -50px;
          bottom: -1px; }
          #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.posts .name:before {
            left: auto;
            right: -24px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #mainContent footer nav #hud #hudContent #content #topRight .messagesVisit .messages > a.posts .name:after {
            left: auto;
            right: -14px;
            width: 9px; }
    #mainContent footer nav #hud #hudContent #content #topRight .topics {
      display: none; }
  #mainContent footer nav #hud #hudContent #content #bottomLeft {
    display: none; }
  #mainContent footer nav #hud #hudContent #content #bottomRight {
    padding-top: 3%; }
    #mainContent footer nav #hud #hudContent #content #bottomRight h4 {
      padding-left: 3%; }
    #mainContent footer nav #hud #hudContent #content #bottomRight .links {
      display: block;
      max-height: none;
      padding-left: 3%; }
      #mainContent footer nav #hud #hudContent #content #bottomRight .links > div {
        width: auto;
        margin-top: 0 !important;
        margin-bottom: 8px; }
  #mainContent footer nav #hud #hudContent #content .userButtons {
    top: 10px;
    height: 20px !important; }
    #mainContent footer nav #hud #hudContent #content .userButtons a {
      font-size: 0.571em;
      letter-spacing: 0; }
  #mainContent footer nav #hud #hudContent #content .title .since {
    display: none; }
  #mainContent footer nav #hud #hudContent #content .panelUser .hudDiskUser {
    width: 60%;
    top: 0;
    padding-bottom: 3%; }
  #mainContent footer nav #hud #hudContent #content .panelUser .text {
    font-size: 82%; }
    #mainContent footer nav #hud #hudContent #content .panelUser .text > div {
      margin-left: 0;
      padding: 2% 0 2% 5%;
      font-size: 90%; }
      #mainContent footer nav #hud #hudContent #content .panelUser .text > div h5 {
        font-size: 1.286em; } }

@media (min-width: 525px) and (max-width: 800px) and (max-height: 685px) {
  #mainContent footer nav #hud #hudContent #content .userButtons {
    top: 10px;
    height: 20px !important; }
    #mainContent footer nav #hud #hudContent #content .userButtons a {
      font-size: 0.571em;
      letter-spacing: 0; }
      #mainContent footer nav #hud #hudContent #content .userButtons a:last-child {
        width: 39%; }
  #mainContent footer nav #hud #hudContent #content .title .since {
    display: none; }
  #mainContent footer nav #hud #hudContent #content .panelUser .hudDiskUser {
    width: 60%;
    top: 0;
    padding-bottom: 3%; }
  #mainContent footer nav #hud #hudContent #content .panelUser .text {
    font-size: 82%; }
    #mainContent footer nav #hud #hudContent #content .panelUser .text > div {
      margin-left: 0;
      padding: 2% 0 2% 5%;
      font-size: 90%; }
      #mainContent footer nav #hud #hudContent #content .panelUser .text > div h5 {
        font-size: 1.286em; } }

@media (max-width: 460px) {
  #mainContent footer nav #hud #hudContent #content #bottomRight .links > div:nth-child(6) {
    display: none; } }

@media (max-width: 420px) {
  #mainContent footer nav #hud #hudContent #content #bottomRight .links > div:nth-child(5) {
    display: none; } }

@media (max-width: 370px), (min-width: 371px) and (max-height: 505px) {
  #mainContent footer nav #hud #hudContent #content #bottomRight .links > div:nth-child(3) ~ div {
    display: none; } }

@media (max-width: 768px) {
  #navigation:before {
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.6) 20%, black 70%, black 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.6) 20%, black 70%, black 100%); } }

@media (max-width: 440px) {
  #mainContent .socialMedia {
    display: none; }
  #navigation .socialMedia {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; } }

@media (max-width: 420px) {
  #navigation {
    font-size: 75%; }
    #navigation:before {
      background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.6) 20%, black 70%, black 100%);
      background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.6) 20%, black 70%, black 100%); } }

@media (max-height: 400px) {
  #navigation {
    padding-top: 20vh;
    font-size: 64%; } }

@media (max-width: 400px) {
  #mainContent header #head #logo {
    font-size: 2.3em;
    line-height: 27px; }
  #mainContent #mm {
    height: 27px; }
    #mainContent #mm:before {
      height: 13px; }
    #mainContent #mm.nav:before {
      margin-top: 10px; }
  #mainContent #cart {
    right: 66px;
    font-size: 92%; } }

/********* end responsive *********/