@font-face {
  font-family: "Avenir";
  src: url("../fonts/Avenir/AvenirNextLTPro-Medium.eot");
  src: url("../fonts/Avenir/AvenirNextLTPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirNextLTPro-Medium.woff") format("woff"), url("../fonts/Avenir/AvenirNextLTPro-Medium.ttf") format("truetype"), url("../fonts/Avenir/AvenirNextLTPro-Medium.svg#Avenir") format("svg");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Avenir-Black";
  src: url("../fonts/Avenir/Avenir-Black.eot");
  src: url("../fonts/Avenir/Avenir-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/Avenir-Black.woff") format("woff"), url("../fonts/Avenir/Avenir-Black.ttf") format("truetype"), url("../fonts/Avenir/Avenir-Black.svg#Avenir-Black") format("svg");
  font-style: bold;
  font-weight: 900; }
@font-face {
  font-family: "Avenir-Heavy";
  src: url("../fonts/Avenir/Avenir-Heavy.eot");
  src: url("../fonts/Avenir/Avenir-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/Avenir-Heavy.woff") format("woff"), url("../fonts/Avenir/Avenir-Heavy.ttf") format("truetype"), url("../fonts/Avenir/Avenir-Heavy.svg#Avenir-Heavy") format("svg");
  font-style: bold;
  font-weight: 900; }
@font-face {
  font-family: "AvenirNextLTPro-Bold";
  src: url("../fonts/Avenir/AvenirNextLTPro-Bold.eot");
  src: url("../fonts/Avenir/AvenirNextLTPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirNextLTPro-Bold.woff") format("woff"), url("../fonts/Avenir/AvenirNextLTPro-Bold.ttf") format("truetype"), url("../fonts/Avenir/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold") format("svg");
  font-style: bold;
  font-weight: 900; }
@font-face {
  font-family: "Avenir-Light";
  src: url("../fonts/Avenir/Avenir-Light.eot");
  src: url("../fonts/Avenir/Avenir-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/Avenir-Light.woff") format("woff"), url("../fonts/Avenir/Avenir-Light.ttf") format("truetype"), url("../fonts/Avenir/Avenir-Light.svg#Avenir-Light") format("svg");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "Avenir-Book";
  src: url("../fonts/Avenir/Avenir-Book.eot");
  src: url("../fonts/Avenir/Avenir-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/Avenir-Book.woff") format("woff"), url("../fonts/Avenir/Avenir-Book.ttf") format("truetype"), url("../fonts/Avenir/Avenir-Book.svg#Avenir-Book") format("svg");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "AvenirNextLTPro-It";
  src: url("../fonts/Avenir/AvenirNextLTPro-It.eot");
  src: url("../fonts/Avenir/AvenirNextLTPro-It.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirNextLTPro-It.woff") format("woff"), url("../fonts/Avenir/AvenirNextLTPro-It.ttf") format("truetype"), url("../fonts/Avenir/AvenirNextLTPro-It.svg#AvenirNextLTPro-It") format("svg");
  font-style: italic;
  font-weight: 300; }
@font-face {
  font-family: "AvenirNextLTPro-Regular";
  src: url("../fonts/Avenir/AvenirNextLTPro-Regular.eot");
  src: url("../fonts/Avenir/AvenirNextLTPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirNextLTPro-Regular.woff") format("woff"), url("../fonts/Avenir/AvenirNextLTPro-Regular.ttf") format("truetype"), url("../fonts/Avenir/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular") format("svg");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "Avenir-Medium";
  src: url("../fonts/Avenir/Avenir-Medium.eot");
  src: url("../fonts/Avenir/Avenir-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/Avenir-Medium.woff") format("woff"), url("../fonts/Avenir/Avenir-Medium.ttf") format("truetype"), url("../fonts/Avenir/Avenir-Medium.svg#Avenir-Medium") format("svg");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "JanieHmk";
  src: url("../fonts/JanieHmk/JanieHmk.eot");
  src: url("../fonts/JanieHmk/JanieHmk.eot?#iefix") format("embedded-opentype"), url("../fonts/JanieHmk/JanieHmk.woff") format("woff"), url("../fonts/JanieHmk/JanieHmk.ttf") format("truetype"), url("../fonts/JanieHmk/JanieHmk.svg#JanieHmk") format("svg");
  font-style: normal;
  font-weight: 300; }
#wrap {
  position: relative;
  width: 1000px;
  height: 700px;
  margin: 0 auto; }
  #wrap #outer {
    position: relative;
    width: 1000px;
    height: 700px;
    -webkit-transform-origin: top left; }

#container {
  width: 100%;
  height: 700px !important;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  max-width: 100%;
  overflow: hidden;
  background: #fff; }

@media (max-width: 838px) {
  #container {
    position: absolute; }

  #wrap {
    margin: 0px; }
    #wrap #outer {
      -webkit-transform: scale(0.68); } }
html, body {
  width: 100%;
  height: 100%;
  position: relative;
  background: #191919;
  font-size: 20px;
  font-family: 'Avenir-Medium', sans-serif;
  font-weight: 400;
  z-index: -1; }

p {
  margin-bottom: 20px; }

#topdrawer {
  box-shadow: 0 6px 3px 0 rgba(0, 0, 0, 0.32);
  background: #9a9799;
  color: #FFF;
  height: auto;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: -400px;
  transition: 1s;
  visibility: visible;
  z-index: 100; }
  #topdrawer .content {
    height: 100%;
    padding: 55px 75px;
    width: 100%; }
    #topdrawer .content a {
      background: url("../img/icon_link.png") 0 5px no-repeat;
      color: #000;
      display: block;
      font-style: italic;
      padding: 10px 0 10px 40px;
      text-decoration: none; }
      #topdrawer .content a:hover {
        color: #FFF; }
    #topdrawer .content button {
      bottom: 20px;
      position: absolute;
      right: 20px; }

.container {
  background: #FFF;
  padding-top: 55px; }
  .container:before {
    background: #e1e1e1;
    bottom: 0;
    content: '';
    display: block;
    height: 22px;
    left: 0;
    position: absolute;
    width: 100%; }

.primary-background {
  background: #000; }

.on-primary {
  color: #000 !important; }

audio {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0; }

button, .btn {
  display: block;
  background: #000;
  border: none;
  color: #FFF;
  cursor: pointer;
  font-size: 18px;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  transition: 0.2s;
  width: 135px; }
  button:hover, button:focus, button.active, .btn:hover, .btn:focus, .btn.active {
    -webkit-filter: invert(100%);
    filter: invert(100%); }
  button.disabled, .btn.disabled {
    cursor: default;
    pointer-events: none;
    box-shadow: none;
    opacity: 0.3 !important; }
  button.hidden, .btn.hidden {
    opacity: 0 !important; }

.ldBar {
  position: relative; }

.ldBar.label-center > .ldBar-label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-shadow: 0 0 3px #fff; }

.ldBar-label:after {
  content: "%";
  display: inline; }

.ldBar.no-percent .ldBar-label:after {
  content: ""; }

/*# sourceMappingURL=global.css.map */