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

main.home > div.video > a {
  border: 1px solid #ebbe1f;
  border-radius: 5px;
  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%;
  padding: 3px;
  transition: .25s ease-in-out; }

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

main.home > 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.home > div.video > a > span:hover:after {
  transform: scale(1.1); }

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

main.home > .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.home > .section-wrapper.purchase {
    margin: 0 auto;
    text-align: center; } }

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

main.home > .section-wrapper.features {
  background: url(https://www.stardock.com/siegeofcentauri/web/backgrounds/web-section2.jpg) no-repeat 50%;
  background-size: cover;
  margin-bottom: 1em;
  padding-bottom: 1em; }

main.home > .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.home > .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.home > .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.home > .section-wrapper.features > div.gamefeatures > div > div {
    text-align: center; } }

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

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

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

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

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

main.home > .section-wrapper > .columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 600px;
  width: 90%; }

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

@media (max-width: 767px) {
  main.home > .section-wrapper > .columns {
    margin-top: 0; } }

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

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

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

main.home > .section-wrapper > .columns > div > h3 {
  border-bottom: .5px solid #ffdaa9;
  color: #ffdaa9;
  font-size: 1.5em;
  margin-bottom: 0;
  margin-top: .5em;
  text-align: center; }

main.home > .section-wrapper > .columns > div > p {
  font-size: 1em;
  text-align: center; }

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

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

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

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

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

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

main.home > .section-wrapper > .columns > div.video > a {
  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.home > .section-wrapper > .columns > div.video > a > span {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  border: 1px solid #00f0ff;
  height: 234px;
  position: relative;
  max-width: 435px;
  min-width: 250px;
  width: 100%; }

main.home > .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.home > .section-wrapper > .columns > div.video > a > span:hover:after {
  transform: scale(1.1); }

main.home > .section-wrapper div.highlights {
  width: 100%;
  max-width: 100%; }

main.home > .section-wrapper div.highlights > ul {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none outside none;
  margin: .25em auto 2em;
  padding: 1em 0;
  text-align: center; }

@media (min-width: 768px) {
  main.home > .section-wrapper div.highlights > ul {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0;
    width: 100%; } }

@media (min-width: 1280px) {
  main.home > .section-wrapper div.highlights > ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1100px; } }

@media (max-width: 1168px) {
  main.home > .section-wrapper div.highlights > ul {
    -ms-flex-pack: center;
    justify-content: center; } }

main.home > .section-wrapper div.highlights > ul > li {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 1em; }

@media (min-width: 1280px) {
  main.home > .section-wrapper div.highlights > ul > li {
    margin: 0; } }

main.home > .section-wrapper div.highlights > ul > li > a {
  border: 1px solid #959595;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-weight: 400;
  margin-bottom: .5em;
  transition: .25s ease-in-out; }

main.home > .section-wrapper div.highlights > ul > li > a > span {
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #2f1734;
  height: 137px;
  width: 184px; }

main.home > .section-wrapper div.highlights > ul > li > a:hover {
  filter: brightness(1.2); }

main.home > .section-wrapper div.highlights > ul > li > a:hover > span:after {
  transform: scale(1.1); }

main.home > .section-wrapper div.highlights > ul > li.video > a > span {
  height: 158px;
  position: relative;
  width: 235px; }

@media (max-width: 1168px) {
  main.home > .section-wrapper div.highlights > ul > li.video > a > span {
    background-position: 50%;
    height: 141px;
    width: 188px; } }

main.home > .section-wrapper div.highlights > ul > li.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.home > .section-wrapper.videos {
  background: url(https://www.stardock.com/starcontrol/web/backgrounds/web-sections-bkgd-1b.jpg) no-repeat 50%;
  background-size: cover;
  border-bottom: 1px solid #886e11;
  padding-bottom: 1em; }

main.home > .section-wrapper.videos > ul {
  -ms-flex-pack: center;
  justify-content: center; }

main.home > .section-wrapper.videos > ul > li {
  margin: 1em; }

main.home > .section-wrapper.videos > ul > li > a > span {
  height: 182px;
  width: 334px; }

main.home > .section-wrapper.videos > footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center; }

main.home > .section-wrapper.videos > footer > a {
  background: linear-gradient(180deg, #000 33%, #11132a 34%);
  border: 1px solid #886e11;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-weight: 400;
  padding: 3px 16px;
  transition: .25s ease-in-out; }

main.home > .section-wrapper.videos > footer > a > span {
  background: rgba(52, 17, 58, 0.5) url(https://www.stardock.com/games/siegeofcentauri/images/purchase-button-pattern.png);
  border: 1px solid #ffce20;
  border-radius: 10px;
  display: block; }

main.home > .section-wrapper.videos > footer > a > span > span {
  border: 1px solid rgba(81, 35, 83, 0.75);
  border-radius: 10px;
  display: block;
  padding: .5em 2em; }

main.home > .section-wrapper.videos > footer > a:hover {
  filter: brightness(1.2);
  text-decoration: none; }

main.home section {
  color: #f2f2f2;
  font-size: 1rem;
  margin-bottom: 1rem;
  width: 100%; }

main.home section.reviews {
  margin: 0 auto 2em;
  max-width: 1131px;
  width: 100%; }

main.home section.reviews > h2 {
  margin: 0 auto; }

main.home section.reviews > .reviewwrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1em; }

@media (min-width: 768px) {
  main.home section.reviews > .reviewwrap {
    -ms-flex-direction: row;
    flex-direction: row; } }

main.home section.reviews > .reviewwrap > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 335px; }

main.home section.reviews > .reviewwrap > div > h3 {
  color: #00f0ff;
  line-height: 1.2em;
  margin-bottom: .25em;
  text-align: center; }

main.home section.reviews > .reviewwrap > div > h3 a {
  color: #00f0ff; }

main.home section.reviews > .reviewwrap > div p {
  color: #fff;
  font-size: .8em;
  font-style: italic;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center; }

@media (min-width: 768px) {
  main.home section.reviews > .reviewwrap > div {
    -ms-flex: 1;
    flex: 1; }
  main.home section.reviews > .reviewwrap > div:first-child {
    margin-left: 1rem;
    margin-right: 3rem; }
  main.home section.reviews > .reviewwrap > div:last-child {
    margin-left: 3rem;
    margin-right: 1rem; } }

main.home section.latest {
  max-width: 1131px;
  width: 100%; }

main.home section.latest > h2 {
  margin-bottom: 0; }

main.home section.latest > .articles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 2.5em 0 1.5em; }

@media (min-width: 768px) {
  main.home section.latest > .articles {
    -ms-flex-direction: row;
    flex-direction: row; } }

main.home section.latest > .articles > article {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

main.home section.latest > .articles > article > header {
  margin-bottom: auto; }

main.home section.latest > .articles > article > header > h3 {
  line-height: 1.2em;
  margin-bottom: 0; }

main.home section.latest > .articles > article > header > h3 > a {
  color: #be5318; }

main.home section.latest > .articles > article > header p {
  color: #727272;
  font-size: .8em;
  margin-top: 0;
  margin-bottom: 0; }

@media (min-width: 768px) {
  main.home section.latest > .articles > article {
    -ms-flex: 1;
    flex: 1; }
  main.home section.latest > .articles > article:first-child {
    margin-left: 1rem;
    margin-right: 3rem; }
  main.home section.latest > .articles > article:last-child {
    margin-left: 3rem;
    margin-right: 1rem; } }

main.home section.latest > .articles > article > p.preview {
  font-size: .875rem;
  -ms-flex-pack: end;
  justify-content: flex-end;
  line-height: 1.5em;
  max-height: 4.5em;
  max-width: 334px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative; }

main.home section.latest > .articles > article > p.preview:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, #000 84%);
  width: 100%;
  height: 1.25em; }

main.home section.latest > .articles > article > p.preview > a.more {
  position: absolute;
  right: 0;
  bottom: 1px;
  font-size: .75rem;
  color: #f2f2f2; }

main.home section.latest > footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.5em; }

main.home section.latest > footer > a {
  background: url(https://www.stardock.com/games/siegeofcentauri/images/button_viewmorenews.jpg) no-repeat 50%;
  display: block;
  height: 34px;
  width: 100%; }

main.home section.latest > footer > a:hover {
  filter: brightness(1.2); }

main.home section 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;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 2em;
  width: 100%; }

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

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

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