@font-face {
  font-family: 'pinball';
  src:  url('fonts/pinball.eot?6b7z0f');
  src:  url('fonts/pinball.eot?6b7z0f#iefix') format('embedded-opentype'),
    url('fonts/pinball.ttf?6b7z0f') format('truetype'),
    url('fonts/pinball.woff?6b7z0f') format('woff'),
    url('fonts/pinball.svg?6b7z0f#pinball') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'pinball' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-a .path1:before {
  content: "\e900";
  color: rgb(112, 255, 255);
}
.icon-a .path2:before {
  content: "\e901";
  margin-left: -1.2412109375em;
  color: rgb(4, 97, 169);
}
.icon-b .path1:before {
  content: "\e902";
  color: rgb(112, 255, 255);
}
.icon-b .path2:before {
  content: "\e903";
  margin-left: -1.021484375em;
  color: rgb(4, 97, 169);
}
.icon-i .path1:before {
  content: "\e904";
  color: rgb(112, 255, 255);
}
.icon-i .path2:before {
  content: "\e905";
  margin-left: -0.447265625em;
  color: rgb(4, 97, 169);
}
.icon-l .path1:before {
  content: "\e906";
  color: rgb(112, 255, 255);
}
.icon-l .path2:before {
  content: "\e907";
  margin-left: -0.7509765625em;
  color: rgb(4, 97, 169);
}
.icon-n .path1:before {
  content: "\e908";
  color: rgb(112, 255, 255);
}
.icon-n .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(4, 97, 169);
}
.icon-p .path1:before {
  content: "\e90a";
  color: rgb(112, 255, 255);
}
.icon-p .path2:before {
  content: "\e90b";
  margin-left: -0.96875em;
  color: rgb(4, 97, 169);
}
.icon-fulltank .path1:before {
  content: "\e983";
  color: rgb(254, 175, 33);
}
.icon-fulltank .path2:before {
  content: "\e984";
  margin-left: -9.6728515625em;
  color: rgb(254, 175, 33);
}
.icon-fulltank .path3:before {
  content: "\e985";
  margin-left: -9.6728515625em;
  color: rgb(254, 175, 33);
}
.icon-fulltank .path4:before {
  content: "\e986";
  margin-left: -9.6728515625em;
  color: rgb(254, 175, 33);
}
.icon-fulltank .path5:before {
  content: "\e987";
  margin-left: -9.6728515625em;
  color: rgb(254, 175, 33);
}
.icon-fulltank .path6:before {
  content: "\e988";
  margin-left: -9.6728515625em;
  color: rgb(254, 175, 33);
}
.icon-fulltank .path7:before {
  content: "\e989";
  margin-left: -9.6728515625em;
  color: rgb(254, 175, 33);
}
.icon-fulltank .path8:before {
  content: "\e98a";
  margin-left: -9.6728515625em;
  color: rgb(254, 175, 33);
}
.icon-fulltank .path9:before {
  content: "\e98b";
  margin-left: -9.6728515625em;
  color: rgb(254, 175, 33);
}
.icon-fulltank .path10:before {
  content: "\e98c";
  margin-left: -9.6728515625em;
  color: rgb(240, 103, 56);
}
.icon-fulltank .path11:before {
  content: "\e98d";
  margin-left: -9.6728515625em;
  color: rgb(240, 103, 56);
}
.icon-fulltank .path12:before {
  content: "\e98e";
  margin-left: -9.6728515625em;
  color: rgb(240, 103, 56);
}
.icon-fulltank .path13:before {
  content: "\e98f";
  margin-left: -9.6728515625em;
  color: rgb(240, 103, 56);
}
.icon-fulltank .path14:before {
  content: "\e990";
  margin-left: -9.6728515625em;
  color: rgb(240, 103, 56);
}
.icon-fulltank .path15:before {
  content: "\e991";
  margin-left: -9.6728515625em;
  color: rgb(240, 103, 56);
}
.icon-fulltank .path16:before {
  content: "\e992";
  margin-left: -9.6728515625em;
  color: rgb(240, 103, 56);
}
.icon-fulltank .path17:before {
  content: "\e993";
  margin-left: -9.6728515625em;
  color: rgb(240, 103, 56);
}
.icon-fulltank .path18:before {
  content: "\e994";
  margin-left: -9.6728515625em;
  color: rgb(240, 103, 56);
}






.logo-wrapper {
  position: relative;
  width: 637px;
  margin: auto;
}

.pinball-logo {
  position: relative;
  width: 637px;
  height: 342px;
  /*position: absolute;
  left: 50%;
  top: 50%;
  width: 637px;
  height: 342px;
  background-color: black;
  transform: translate(-50%, -50%);*/
}
.pinball-shadow,
.pinball {
  position: absolute;
  left: 70px;
  top: 60px;
  font-size: 60px;
  letter-spacing: 2px;
  white-space: nowrap;
  opacity: 0.3;
}
.fulltank {
  position: absolute;
  left: 182px;
  top: 148px;
  font-size: 28px;
  opacity: 0.3;
}
.pinball-shadow {
  opacity: 1;
}
.pinball-shadow .letters {
  /*text-shadow: 0 0 4px rgba(3,242,239, 0.4), 0 0 18px rgba(0,168,255,0.6), 0 8px 68px rgba(12,200,240,1);*/
}

.icon-fulltank {
  /*text-shadow: 0 0 4px rgba(242,93,3, 0.4), 0 0 18px rgba(222,138,6,0.6), 0 8px 68px rgba(173,93,5,1);*/
}

.frenzy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.frenzy img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.frenzy-shadow {
  opacity: 0;
}

.logo76 {
  width: 129px;
  margin: auto;
}