@charset "UTF-8";
html body > div.body {
  padding: 0; }

html body > .site-banner > div.buy {
  display: none; }

main.store {
  -ms-flex-align: stretch;
  align-items: stretch; }

main.store .community-discount {
  background-color: #1d1d1d;
  border-bottom: 1px solid #97762a;
  border-top: 1px solid #97762a;
  margin: 0 0 1.5em;
  padding: 1em 0;
  text-align: center;
  width: 100%; }

main.store .community-discount > h3 {
  color: #f09309;
  font-size: 1.188em;
  font-weight: 400;
  margin: 0 auto;
  max-width: 90%;
  text-transform: uppercase; }

main.store .community-discount > p {
  margin: 0 auto;
  max-width: 90%; }

main.store h1 {
  -ms-flex-align: stretch;
  align-items: stretch;
  background: url(https://www.stardock.com/games/siegeofcentauri/images/titlebar/subpage_titlebar.png) no-repeat top;
  color: #ffdaa9;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.75em;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 51px;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1em auto 0;
  width: 100%; }

main.store h1 span {
  margin-top: 7px; }

main.store h2 {
  -ms-flex-align: stretch;
  align-items: stretch;
  background: url(https://www.stardock.com/games/siegeofcentauri/images/titlebar/title-bar.png) no-repeat top;
  color: #ffdaa9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 38px;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 2em;
  width: 100%; }

@media (min-width: 768px) {
  main.store h2:after, main.store h2:before {
    background-repeat: no-repeat;
    background-size: 100% 2px;
    content: "";
    -ms-flex: 2;
    flex: 2; }
  main.store h2:before {
    background-image: linear-gradient(270deg, #cfcfcf, transparent 90%);
    background-position: left 0,0,left 75%; }
  main.store h2:after {
    background-image: linear-gradient(90deg, #cfcfcf, transparent 90%);
    background-position: right 0,100%,right 75%; } }

main.store h2 span {
  margin-top: 2px; }

main.store h3 {
  color: #f09309;
  font-size: 1.188em;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase; }

main.store h3 > span {
  font-family: Segoe UI,Tahoma,Geneva,Verdana,sans-serif; }

main.store h3.expand {
  margin: 0 auto; }

main.store h3.expand a {
  color: #f09309; }

main.store hr {
  border: .5px solid #f09309; }

main.store p {
  font-size: .875rem; }

main.store .strike {
  display: none; }

main.store .smstrike {
  font-size: .813em;
  text-decoration: line-through; }

main.store > .section-wrapper {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }

main.store > .section-wrapper.purchase {
  background: url(https://www.stardock.com/siegeofcentauri/web/backgrounds/web-section4.jpg) no-repeat 50%;
  background-size: cover; }

@media (max-width: 765px) {
  main.store > .section-wrapper.purchase {
    margin: 0 auto;
    text-align: center; } }

@media (max-width: 767px) {
  main.store > .section-wrapper.purchase > h2 {
    margin-bottom: .5em; } }

main.store > .section-wrapper.features {
  background-size: cover;
  margin-bottom: 1em;
  padding-bottom: 1em; }

main.store > .section-wrapper.features > div.gamefeatures {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }

main.store > .section-wrapper.features > div.gamefeatures > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1600px;
  width: 100%; }

main.store > .section-wrapper.features > div.gamefeatures > div > div {
  display: block;
  max-width: 334px;
  padding: 0 2.5em 3em;
  position: relative;
  text-align: left;
  width: 100%; }

@media (max-width: 765px) {
  main.store > .section-wrapper.features > div.gamefeatures > div > div {
    text-align: center; } }

main.store > .section-wrapper.features > div.gamefeatures > div > div img {
  width: 100%; }

main.store > .section-wrapper.features > div.gamefeatures > div > div h3 {
  color: #ffdaa9;
  margin: .5em 0 .125em; }

main.store > .section-wrapper.features > div.gamefeatures > div > div p a {
  color: #f2f2f2;
  text-decoration: underline; }

main.store > .section-wrapper.features > div.gamefeatures > div > div p a:hover {
  color: #ffdaa9; }

main.store > .section-wrapper.features > div.gamefeatures > div > div hr {
  border: .5px solid #ffdaa9;
  margin: 0; }

main.store > .section-wrapper.sys {
  background: url(https://www.stardock.com/siegeofcentauri/web/backgrounds/web-section2.jpg) no-repeat 50%;
  background-size: cover; }

main.store > .section-wrapper > .columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 2em 0 3em;
  max-width: 1000px;
  width: 90%; }

@media (min-width: 768px) {
  main.store > .section-wrapper > .columns {
    -ms-flex-direction: row;
    flex-direction: row; } }

@media (min-width: 768px) {
  main.store > .section-wrapper > .columns > div {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%; } }

main.store > .section-wrapper > .columns > div:not(:last-child) {
  margin-bottom: 1rem; }

@media (min-width: 768px) {
  main.store > .section-wrapper > .columns > div:not(:last-child) {
    margin-bottom: 0;
    margin-right: 2rem; } }

main.store > .section-wrapper > .columns > div > h3 {
  color: #ffdaa9;
  font-size: 1.5em;
  text-transform: none;
  text-align: left; }

main.store > .section-wrapper > .columns > div > p {
  font-size: 1.125em;
  text-align: left; }

main.store > .section-wrapper > .columns > div > p.subhead {
  margin: 0 auto;
  font-weight: 700; }

main.store > .section-wrapper > .columns > div > p.deluxe {
  margin: .5em auto 1em; }

main.store > .section-wrapper > .columns > div > p.deluxe > a {
  color: #fff;
  text-decoration: underline; }

main.store > .section-wrapper > .columns > div > p.deluxe > a:hover {
  color: #f09309; }

main.store > .section-wrapper > .columns > div p.wishlist {
  margin: 0 auto .5em; }

main.store > .section-wrapper > .columns > div p.wishlist a {
  color: #be5318; }

main.store > .section-wrapper > .columns > div p.disclaimer {
  color: #8a8989;
  margin: 0 auto 1em;
  font-size: .875em;
  text-align: left; }

main.store > .section-wrapper > .columns > div a.button {
  font-size: 1.125em;
  padding: 12px 19px; }

@media (max-width: 765px) {
  main.store > .section-wrapper > .columns > div.video {
    margin: 0 auto;
    text-align: center; } }

main.store > .section-wrapper > .columns > div.video > a {
  border: 1px solid #959595;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-weight: 400;
  margin-bottom: .5em;
  max-width: 435px;
  min-width: 250px;
  width: 100%;
  transition: .25s ease-in-out; }

main.store > .section-wrapper > .columns > div.video > a > span {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  border: 1px solid #2f1734;
  height: 234px;
  position: relative;
  max-width: 435px;
  min-width: 250px;
  width: 100%; }

main.store > .section-wrapper > .columns > div.video > a > span:after {
  background: url(https://www.stardock.com/games/siegeofcentauri/images/play_button.svg);
  background-size: 77px 77px;
  content: "";
  height: 77px;
  left: 50%;
  margin-left: -38px;
  margin-top: -38px;
  position: absolute;
  top: 50%;
  transition: .25s ease-in-out;
  width: 77px; }

main.store > .section-wrapper > .columns > div.video > a > span:hover:after {
  transform: scale(1.1); }

main.store > .section-wrapper > .columns .purchase-option {
  -ms-flex-align: center;
  align-items: center;
  display: block;
  padding: 1em 0;
  padding-left: 0;
  text-align: left; }

main.store > .section-wrapper > .columns .purchase-option > div {
  display: inline-block; }

main.store > .section-wrapper > .columns .purchase-option > div > a {
  display: block; }

main.store > .section-wrapper > .columns .purchase-option > div > select {
  display: block;
  margin: 1em 0 0; }

main.store > .section-wrapper > .columns .purchase-option > div.col {
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-direction: column;
  flex-direction: column; }

main.store > .section-wrapper > .columns .purchase-option > div.col > select {
  margin: 1em 0 0; }

main.store > .section-wrapper > .columns .purchase-option > div.col2 {
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-direction: column;
  flex-direction: column; }

main.store > .section-wrapper > .columns .purchase-option > div.col2 > select {
  margin: 1em 0 0; }

main.store > .section-wrapper > .columns .purchase-option > .options2 {
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto; }

main.store > .section-wrapper > .columns .purchase-option > .options2 > div {
  margin-top: 1em; }

main.store > .section-wrapper > .columns .purchase-option > .options2 > div > .price {
  font-size: 1.125rem;
  display: inline-block;
  margin-top: .25em; }

@media (max-width: 420px) {
  main.store > .section-wrapper > .columns .purchase-option > .options2 > div > .price {
    display: block;
    text-align: center;
    margin: 0 auto .5em; } }

main.store > .section-wrapper > .columns .purchase-option > .options2 > div > .distributors {
  display: inline-block;
  margin-left: 1em; }

@media (max-width: 420px) {
  main.store > .section-wrapper > .columns .purchase-option > .options2 > div > .distributors {
    margin-left: 0; } }

main.store > .section-wrapper > .columns .purchase-option > .options2 > select {
  margin-top: 1em; }

main.store > .section-wrapper > .columns .purchase-option.grad {
  background-image: linear-gradient(0deg, rgba(31, 82, 79, 0), rgba(59, 32, 106, 0.8)); }

main.store > .section-wrapper > div.dlcexpand, main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper {
  max-width: 1000px;
  width: 90%; }

@media (max-width: 765px) {
  main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper {
    margin: 0 auto;
    text-align: center; } }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 1rem 0; }

@media (min-width: 768px) {
  main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc {
    -ms-flex-direction: row;
    flex-direction: row; } }

@media (min-width: 768px) {
  main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%; } }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div:not(:last-child) {
  margin-bottom: .5em; }

@media (min-width: 768px) {
  main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div:not(:last-child) {
    margin-bottom: 0;
    margin-right: 2rem; } }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > p.subhead {
  text-transform: uppercase; }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > p.subhead > a.expand_btn {
  color: #f09309; }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > .details {
  display: none; }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > .details > p.txt > span {
  color: #f09309;
  text-transform: uppercase; }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > p.txt {
  margin: .5em 3.25em .5em 0; }

@media (max-width: 765px) {
  main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > p.txt {
    margin: 1em auto; } }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > p.txt.last {
  margin-bottom: 1.5em; }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > p.dlcdisc {
  font-size: .875em;
  font-style: italic; }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > div {
  display: inline-block; }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > div.sy-box {
  max-width: 440px;
  width: 100%; }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > div > a {
  display: block;
  font-size: 1.125em;
  padding: 12px 19px; }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div > div > select {
  display: block;
  margin: 1em 0 0; }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div.packimg > img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: .5em;
  max-width: 443px;
  padding: 3px;
  width: 100%; }

@media (max-width: 765px) {
  main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div.packimg > img {
    margin: 0 auto; } }

main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div.packimg > p.smtxt {
  box-sizing: border-box;
  font-size: .875em;
  font-style: italic;
  margin: .5em 0;
  max-width: 437px;
  padding: 0 20px; }

@media (max-width: 765px) {
  main.store > .section-wrapper > div.dlcexpand > div.dlcwrapper > .dlc > div.packimg > p.smtxt {
    margin: 1em auto; } }

main.store > .section-wrapper div.sysreq {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }

main.store > .section-wrapper div.sysreq div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1600px;
  width: 100%; }

main.store > .section-wrapper div.sysreq div div {
  display: block;
  max-width: 334px;
  padding: 0 2.5em 1em;
  position: relative;
  text-align: left; }

main.store > .section-wrapper div.sysreq div div h3 {
  color: #ffdaa9;
  margin-top: .75em; }

main.store > .section-wrapper div.sysreq div div hr {
  border: .5px solid #ffdaa9;
  margin: 0; }

main.store > .section-wrapper div.sysreq div div ul {
  list-style: none;
  margin-top: .75em; }

main.store > .section-wrapper div.sysreq div div ul li {
  margin-left: -30px; }

main.store > .section-wrapper div.sysreq div div ul li:before {
  content: "•";
  font-size: 9pt;
  margin-right: 5px;
  margin-left: -10px; }

main.store > .section-wrapper div.sysreq div div table.game_language_options {
  border-collapse: collapse;
  margin-top: .75em; }

main.store > .section-wrapper div.sysreq div div table.game_language_options th {
  font-size: 12px;
  color: #fff;
  font-weight: 400; }

main.store > .section-wrapper div.sysreq div div table.game_language_options th.lan {
  text-align: left;
  width: 148px; }

main.store > .section-wrapper div.sysreq div div table.game_language_options th.checkcol {
  text-align: center;
  width: 62px; }

main.store > .section-wrapper div.sysreq div div table.game_language_options tr {
  border-bottom: 1px solid #90642f; }

main.store > .section-wrapper div.sysreq div div table.game_language_options tr td {
  color: #fff;
  padding: 3px 0;
  text-align: center;
  font-size: 12px; }

main.store > .section-wrapper div.sysreq div div table.game_language_options tr td.lan {
  text-align: left;
  width: 148px; }

main.store > .section-wrapper div.sysreq div div table.game_language_options tr td.checkcol {
  color: #f09309;
  font-family: Segoe UI Symbol;
  width: 62px; }

main.store > .section-wrapper div.sysreq div div table.game_language_options tr td.checkcol img {
  border: none; }

main.store > .section-wrapper div.sysreq div p.disclaimer {
  color: #8a8989;
  margin: 0 auto 2em;
  font-size: .875em;
  text-align: center; }

main.store div.categories {
  color: #f09309;
  display: block;
  margin: 15px auto 30px;
  text-align: center;
  text-transform: uppercase; }

main.store div.categories a {
  color: #f09309;
  font-size: 15px;
  padding: 0 10px;
  display: inline;
  cursor: pointer; }

#buymobile {
  display: none; }

@media (max-width: 767px) {
  #buymobile {
    display: block; }
  #buymobile > div {
    width: 214px;
    margin: 0 auto; }
  #buymobile > div a.button {
    display: block;
    margin-bottom: 1em;
    padding: 12px 19px; }
  #buymobile > div select {
    display: block;
    width: 214px; } }

.sy-pager2 {
  clear: both;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center; }

.sy-pager2 li {
  display: inline-block;
  width: .75em;
  height: .75em;
  margin: 0 1em 0 0;
  border-radius: 50%; }

.sy-pager2 li.sy-active a {
  background-color: #e0940b; }

.sy-pager2 li a {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #ccc;
  text-indent: -9999px;
  background-size: 2em; }

.sy-pager2 li a:link, .sy-pager2 li a:visited {
  opacity: 1; }

.sy-pager2 li a:focus, .sy-pager2 li a:hover {
  opacity: .6; }

.lightspeed-box .lsb-content {
  height: 80%; }
