/* #region Responsive Mixins */
/* #region Responsive */
/* #endregion */
/* #endregion */
html > body {
  background: #003A72 url("http://images.stardock.com/stardock/wikis/bg-page.jpg") no-repeat fixed center top;
  background-size: cover;
}

html > body div.body {
  box-sizing: border-box;
  color: #f6f6f6;
  display: flex;
  flex-direction: column;
  padding: 2em 1em;
  margin: 0 auto;
  max-width: 1900px;
  width: 100%;
}

html > body div.body > header {
  display: flex;
  flex-direction: column;
}

html > body div.body > header > div img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

html > body div.body > header > h1 {
  background: linear-gradient(to right, transparent 0%, #152643 50%, transparent 100%);
  color: #FFF;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0;
  padding-bottom: 3px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  html > body div.body > header > h1 {
    padding-left: 70px;
  }
}

html > body div.body > header > h1::before, html > body div.body > header > h1::after {
  background: linear-gradient(to right, transparent 25%, #FFF 50%, transparent 75%);
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

html > body div.body > header > h1::before {
  top: 0;
}

html > body div.body > header > h1::after {
  bottom: 0;
}

html > body div.body > main.content {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 10px;
}

html > body div.body > main.content > a {
  box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.7);
  height: 193px;
  margin: 30px 25px;
  position: relative;
  overflow: visible;
  width: 400px;
}

html > body div.body > main.content > a::before {
  border: 1px solid #004b8d;
  bottom: 0;
  box-shadow: 0 0 5px 1px rgba(6, 31, 57, 0.86), inset 0 0 19px 2px rgba(5, 68, 135, 0.83);
  content: '';
  height: 193px;
  left: 0;
  max-width: 400px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

html > body div.body > main.content > a::after {
  content: '';
  height: 121px;
  left: 0;
  padding: 7px;
  position: absolute;
  top: 0;
  width: 120px;
}

html > body div.body > main.content > a.ashes::before {
  background: url("http://images.stardock.com/stardock/wikis/ashes-bg.jpg");
}

html > body div.body > main.content > a.ashes::after {
  background: url("http://images.stardock.com/stardock/wikis/ashes-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.otc::before {
  background: url("http://images.stardock.com/stardock/wikis/otc-bg.jpg");
}

html > body div.body > main.content > a.otc::after {
  background: url("http://images.stardock.com/stardock/wikis/otc-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.gc3::before {
  background: url("http://images.stardock.com/stardock/wikis/gc3-bg.jpg");
}

html > body div.body > main.content > a.gc3::after {
  background: url("http://images.stardock.com/stardock/wikis/gc3-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.gc4::before {
  background: url("http://images.stardock.com/stardock/wikis/gc4-bg.jpg");
}

html > body div.body > main.content > a.gc4::after {
  background: url("http://images.stardock.com/stardock/wikis/gc4-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.gc4sup::before {
  background: url("http://images.stardock.com/stardock/wikis/gc4sup-bg.jpg");
}

html > body div.body > main.content > a.gc4sup::after {
  background: url("http://images.stardock.com/stardock/wikis/gc4sup-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.gc4suprelease::before {
  background: url("http://images.stardock.com/stardock/wikis/gc4suprelease-bg.jpg");
}

html > body div.body > main.content > a.gc4suprelease::after {
  background: url("http://images.stardock.com/stardock/wikis/gc4suprelease-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.sins2::before {
  background: url("http://images.stardock.com/stardock/wikis/sins2-bg.jpg");
}

html > body div.body > main.content > a.sins2::after {
  background: url("http://images.stardock.com/stardock/wikis/sins2-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.soase::before {
  background: url("http://images.stardock.com/stardock/wikis/soase-bg.jpg");
}

html > body div.body > main.content > a.soase::after {
  background: url("http://images.stardock.com/stardock/wikis/soase-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.tpm::before {
  background: url("http://images.stardock.com/stardock/wikis/tpm-bg.jpg");
}

html > body div.body > main.content > a.tpm::after {
  background: url("http://images.stardock.com/stardock/wikis/tpm-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.sc::before {
  background: url("http://images.stardock.com/stardock/wikis/sc-bg.jpg");
}

html > body div.body > main.content > a.sc::after {
  background: url("http://images.stardock.com/stardock/wikis/sc-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.ele::before {
  background: url("http://images.stardock.com/stardock/wikis/ele-bg.jpg");
}

html > body div.body > main.content > a.ele::after {
  background: url("http://images.stardock.com/stardock/wikis/ele-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.siege::before {
  background: url("http://images.stardock.com/stardock/wikis/siege-bg.jpg");
}

html > body div.body > main.content > a.siege::after {
  background: url("http://images.stardock.com/stardock/wikis/siege-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.vgm::before {
  background: url("http://images.stardock.com/stardock/wikis/vgm-bg.jpg");
}

html > body div.body > main.content > a.vgm::after {
  background: url("http://images.stardock.com/stardock/wikis/vgm-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.tpm2020b::before {
  background: url("http://images.stardock.com/stardock/wikis/tpm2020b-bg.jpg");
}

html > body div.body > main.content > a.tpm2020b::after {
  background: url("http://images.stardock.com/stardock/wikis/tpm2020b-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.tpm2024::before {
  background: url("http://images.stardock.com/stardock/wikis/tpm2024-bg.jpg");
}

html > body div.body > main.content > a.tpm2024::after {
  background: url("http://images.stardock.com/stardock/wikis/tpm2024-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.fences::before {
  background: url("http://images.stardock.com/stardock/wikis/fences-bg.jpg");
}

html > body div.body > main.content > a.fences::after {
  background: url("http://images.stardock.com/stardock/wikis/fences-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.start10::before {
  background: url("http://images.stardock.com/stardock/wikis/start10-bg.jpg");
}

html > body div.body > main.content > a.start10::after {
  background: url("http://images.stardock.com/stardock/wikis/start10-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.odnt::before {
  background: url("http://images.stardock.com/stardock/wikis/odnt-bg.jpg");
}

html > body div.body > main.content > a.odnt::after {
  background: url("http://images.stardock.com/stardock/wikis/odnt-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.wb::before {
  background: url("http://images.stardock.com/stardock/wikis/wb-bg.jpg");
}

html > body div.body > main.content > a.wb::after {
  background: url("http://images.stardock.com/stardock/wikis/wb-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.curtains::before {
  background: url("http://images.stardock.com/stardock/wikis/curtains-bg.jpg");
}

html > body div.body > main.content > a.curtains::after {
  background: url("http://images.stardock.com/stardock/wikis/curtains-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.groupy::before {
  background: url("http://images.stardock.com/stardock/wikis/groupy-bg.jpg");
}

html > body div.body > main.content > a.groupy::after {
  background: url("http://images.stardock.com/stardock/wikis/groupy-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.ds::before {
  background: url("http://images.stardock.com/stardock/wikis/ds-bg.jpg");
}

html > body div.body > main.content > a.ds::after {
  background: url("http://images.stardock.com/stardock/wikis/ds-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.cfx::before {
  background: url("http://images.stardock.com/stardock/wikis/cfx-bg.jpg");
}

html > body div.body > main.content > a.cfx::after {
  background: url("http://images.stardock.com/stardock/wikis/cfx-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.tt::before {
  background: url("http://images.stardock.com/stardock/wikis/tt-bg.jpg");
}

html > body div.body > main.content > a.tt::after {
  background: url("http://images.stardock.com/stardock/wikis/tt-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.ip::before {
  background: url("http://images.stardock.com/stardock/wikis/ip-bg.jpg");
}

html > body div.body > main.content > a.ip::after {
  background: url("http://images.stardock.com/stardock/wikis/ip-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.mult::before {
  background: url("http://images.stardock.com/stardock/wikis/mult-bg.jpg");
}

html > body div.body > main.content > a.mult::after {
  background: url("http://images.stardock.com/stardock/wikis/mult-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.sm::before {
  background: url("http://images.stardock.com/stardock/wikis/sm-bg.jpg");
}

html > body div.body > main.content > a.sm::after {
  background: url("http://images.stardock.com/stardock/wikis/sm-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.sp::before {
  background: url("http://images.stardock.com/stardock/wikis/sp-bg.jpg");
}

html > body div.body > main.content > a.sp::after {
  background: url("http://images.stardock.com/stardock/wikis/sp-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.tiles::before {
  background: url("http://images.stardock.com/stardock/wikis/tiles-bg.jpg");
}

html > body div.body > main.content > a.tiles::after {
  background: url("http://images.stardock.com/stardock/wikis/tiles-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.sfx::before {
  background: url("http://images.stardock.com/stardock/wikis/sfx-bg.jpg");
}

html > body div.body > main.content > a.sfx::after {
  background: url("http://images.stardock.com/stardock/wikis/sfx-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.wfx::before {
  background: url("http://images.stardock.com/stardock/wikis/wfx-bg.jpg");
}

html > body div.body > main.content > a.wfx::after {
  background: url("http://images.stardock.com/stardock/wikis/wfx-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.objectdock::before {
  background: url("http://images.stardock.com/stardock/wikis/objectdock-bg.jpg");
}

html > body div.body > main.content > a.objectdock::after {
  background: url("http://images.stardock.com/stardock/wikis/objectdock-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.launch::before {
  background: url("http://images.stardock.com/stardock/wikis/launch-bg.jpg");
}

html > body div.body > main.content > a.launch::after {
  background: url("http://images.stardock.com/stardock/wikis/launch-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.klp::before {
  background: url("http://images.stardock.com/stardock/wikis/klp-bg.jpg");
}

html > body div.body > main.content > a.klp::after {
  background: url("http://images.stardock.com/stardock/wikis/klp-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.skinstudio::before {
  background: url("http://images.stardock.com/stardock/wikis/skinstudio-bg.jpg");
}

html > body div.body > main.content > a.skinstudio::after {
  background: url("http://images.stardock.com/stardock/wikis/skinstudio-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.ab::before {
  background: url("http://images.stardock.com/stardock/wikis/ab-bg.jpg");
}

html > body div.body > main.content > a.ab::after {
  background: url("http://images.stardock.com/stardock/wikis/ab-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.id::before {
  background: url("http://images.stardock.com/stardock/wikis/id-bg.jpg");
}

html > body div.body > main.content > a.id::after {
  background: url("http://images.stardock.com/stardock/wikis/id-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.start11::before {
  background: url("http://images.stardock.com/stardock/wikis/start11-bg.jpg");
}

html > body div.body > main.content > a.start11::after {
  background: url("http://images.stardock.com/stardock/wikis/start11-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a.desktopgpt::before {
  background: url("http://images.stardock.com/stardock/wikis/desktopgpt-bg.jpg");
}

html > body div.body > main.content > a.desktopgpt::after {
  background: url("http://images.stardock.com/stardock/wikis/desktopgpt-logo-sm.png") no-repeat scroll 7px 0px;
}

html > body div.body > main.content > a:hover::before {
  border: solid 1px #4681b5;
  filter: brightness(1.25);
}

html > body > footer {
  background-color: rgba(0, 0, 0, 0.5);
}

html > body > footer > div.accent {
  background-color: rgba(15, 75, 134, 0.4);
}