:root {
  font-weight: normal !important;
}

body {
  background: #000 url(/images/3xs/siteskin/gaming-custom-shop-site-skin.jpg?V=16) no-repeat fixed center top;
  margin: 0 !important;
  padding: 0;
}

.config {
  margin: 0 auto;
  width: 1280px;
  background-color: #ffffff;
}

@media screen and (max-width: 1280px) {
  .config {
    width: auto;
  }
}
.config #overview {
  display: flex;
}

.config #overview .system-leftcol .system-image {
  padding: 50px 50px 0 60px;
}

.config #overview .system-leftcol {
  width: 48%;
}

.config #overview .systemInfo {
  padding: 18px;
}

.config #overview .systemTitle {
  padding: 0 0 25px 0;
}

.config #overview h1 {
  color: #000000;
  font-size: 1.5em;
  font-family: "uni_sanssemibold", sans-serif;
  font-weight: normal;
  margin: 0;
}

.config #overview h2 {
  color: #5b5b5b;
  margin: 0;
  font-family: "open_sans", sans-serif;
  line-height: 1.2em;
  font-size: 0.9em;
  font-weight: normal;
}

.config #overview .images {
  display: flex;
}

.config #overview .imgHolder {
  text-align: center;
  padding: 20px 0;
}

#overview .images ul.galleryThumbnails {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}

.config #overview .images ul.galleryThumbnails > li {
  background-color: #2e2e2e;
  display: inline-block;
  height: 45px;
  margin: 0 5px 5px 0;
  padding: 2px;
  width: 45px;
}

.config #overview .images ul.galleryThumbnails > li a {
  display: block;
  width: 100%;
  height: auto;
}

.config #overview .images ul.galleryThumbnails > li img {
  width: 45px;
  height: 45px;
}

.config #overview .systemInfo .title {
  color: #000;
  font-family: "uni_sanssemibold", sans-serif;
  font-size: 1.5em;
  display: block;
  margin-top: 15px;
}

.config #overview .systemInfo p {
  margin: 0;
  font-size: 0.85em;
  color: #5b5b5b;
  line-height: 1.4em;
  text-align: left;
  padding: 8px 0;
}

.config #overview .sysOverview ul {
  padding: 0 0 0 15px;
  margin-top: 0;
}

.config #overview .sysOverview li span {
  display: none;
}

.config #overview .sysOverview li {
  text-align: left;
  padding: 3px 10px 0 5px;
  font-size: 1em;
}

.config .system-rightcol {
  width: 52%;
}

.config .system-rightcol > div {
  padding: 55px 60px 0 40px;
}

.config .system-buynow {
  background-color: #f2f2f2;
  padding: 25px 40px 0 40px;
}

.config .system-buynow > div {
  display: flex;
}

.config .system-buynow > div > div {
  width: 50%;
}

button.buySystem {
  display: block;
  color: #ffffff;
  background: linear-gradient(to top, #3b7739, #55a952);
  padding: 10px 0;
  text-decoration: none;
  font-family: "open_sans-bold", sans-serif;
  text-transform: uppercase;
  font-size: 0.9em;
  text-align: center;
  width: 100%;
  margin-top: 12px;
  border: 0;
}

.config .system-buynow .price {
  font-size: 2.9em;
}

.config .system-buynow .price small {
  font-size: 0.7em;
}

.config .delivery-info {
  text-align: center;
  background-color: #f2f2f2;
  padding: 15px 15px 25px 15px;
  font-family: "open_sans", sans-serif;
  font-size: 0.9em;
  color: #5b5b5b;
}

.config .delivery-info span {
  display: block;
  font-family: "open_sans-bold", sans-serif;
  font-size: 1em;
  color: #000000;
}

.system-info .tabs .reviews {
  background-color: #f3f3f3;
  border-radius: 4px;
  padding: 20px;
  margin: 15px 0 0 0;
}

.system-info .tabs .reviews .title {
  color: #000;
  font-family: "uni_sanssemibold", sans-serif;
  font-size: 1.5em;
  display: block;
}

.system-info .tabs .reviews ul li {
  list-style: none;
}

.system-info .tabs .reviews ul {
  padding-left: 0;
  margin: 10px 0 0 0;
}

.system-info .tabs .reviews p {
  margin: 0;
  font-size: 0.85em;
  color: #5b5b5b;
  line-height: 1.4em;
  text-align: left;
  padding: 8px 0;
}

.system-info .tabs .reviews .links a {
  text-decoration: none;
  text-transform: uppercase;
  color: #5b5b5b;
  font-family: "open_sans-bold", sans-serif;
  font-size: 0.85em;
}

@media screen and (max-width: 1280px) {
  .config .system-rightcol > div {
    padding: 55px 35px 0 40px;
  }
}
.system-rightcol .finance {
  background-color: #f2f2f2;
}

.system-rightcol .finance .title {
  background-color: #3d70b7;
  color: #ffffff;
  font-family: "uni_sanssemibold", sans-serif;
  padding: 10px 0;
  text-align: center;
  letter-spacing: 0.03em;
}

.system-rightcol .finance ul {
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
}

.system-rightcol .finance ul li {
  list-style: none;
  display: block;
}

.system-rightcol .finance a {
  display: none;
}

.system-rightcol .finance .finance-options > div {
  padding: 20px 0;
}

.system-rightcol .finance .finance-options .finance-options-paypal {
  border-bottom: 1px solid #ccc;
}

.system-rightcol .finance .action button {
  height: 32px;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: none;
  margin-top: 30px;
  display: block;
}

.system-rightcol .finance .action {
  width: 40px;
}

.system-rightcol .finance .action i:before {
  content: " ";
  display: block;
  border-right: 1px solid #5b5b5b;
  height: 17px;
  width: 8px;
  margin-left: 10px;
  margin-top: 5px;
}

.system-rightcol .finance .action i:after {
  content: " ";
  display: block;
  border-bottom: 1px solid #5b5b5b;
  width: 17px;
  margin-left: 0;
  height: 9px;
  margin-top: -18px;
  margin-left: 10px;
}

.system-rightcol .finance .image {
  width: 130px;
}

.system-rightcol .finance .details {
  width: 70%;
  font-family: "uni_sanssemibold", sans-serif;
  padding-top: 10px;
}

.system-rightcol .finance .price-options {
  width: 70%;
  font-size: 0.8em;
  font-family: "uni_sans_regular", sans-serif;
  color: #707070;
}

.system-rightcol .finance .price {
  color: #3d70b7;
  font-family: "open_sans-semibold", sans-serif;
  font-size: 1.4em;
  padding: 0 3px;
}

.system-rightcol .finance ul.paypal-credit li.details .description > span {
  display: block;
}

.system-rightcol .finance .paypal-credit li.image {
  height: 80px;
  background: url(../../images/3xs-sprite-2018-686da2e872.svg) no-repeat;
  background-position: -6px -334px;
  background-size: 1050px 1050px;
}

.system-rightcol .finance .scan-finance li.image {
  background: url(../../images/3xs-sprite-2018-686da2e872.svg) no-repeat;
  background-position: -6px -422px;
  background-size: 1050px 1050px;
}

.system-rightcol .finance .scan-finance li.details .description {
  font-family: "uni_sanssemibold", sans-serif;
}

.system-rightcol .finance li.details .description span {
  font-size: 0.8em;
  font-family: "uni_sans_regular", sans-serif;
  color: #707070;
}

.system-rightcol .finance li.details .description .price {
  color: #3d70b7;
  font-family: "open_sans-semibold", sans-serif;
  font-size: 1.8em;
  padding: 0 3px;
}

.system-rightcol .finance .scan-finance li.action {
  width: 40px;
}

.system-rightcol .finance i {
  overflow: hidden;
  font-size: 3em;
  line-height: 3em;
  display: block;
  height: 40px;
}

.system-rightcol .finance .scan-finance .price-options {
  display: none;
}

.system-rightcol .finance .scan-finance .description > span {
  display: block;
}

.finance-options-finance .genericCentreForm select {
  height: 38px;
  width: 100%;
  border: 1px solid #ddd;
  text-indent: 8px;
  font-size: 0.9em;
}

.finance-options-finance .genericCentreForm {
  padding: 24px 14px 10px 14px;
}

.finance-options-finance .genericCentreForm label {
  display: block;
  padding-bottom: 8px;
  font-weight: bold;
  color: #000000;
  font-size: 0.9em;
}

.finance-options-finance .genericCentreForm .required > label:before {
  content: "*";
  padding-right: 5px;
}

.financeTable {
  margin: 14px 14px 0 14px;
  border: 1px solid #000000;
}

.financeTable h3 {
  text-align: center;
  font-size: 1em;
  display: block;
  background: #d1d3d4;
  padding: 10px 0;
  color: #000000;
  font-family: "uni_sanssemibold", sans-serif;
  text-transform: uppercase;
  margin: 0;
}

.financeTable > p {
  padding: 10px;
  margin: 0;
  font-size: 0.9em;
  text-align: center;
}

.financeTable > div {
  display: table;
  margin: 0 auto;
  color: #5b5b5b;
  width: 100%;
  font-size: 0.8em;
}

.financeTable > div > dl > dt {
  float: left;
  width: 50%;
  padding: 5px 0;
  vertical-align: middle;
  text-indent: 10px;
  text-indent: 12px;
  font-weight: bold;
}

.financeTable > div > dl > dd:nth-child(2), .financeTable > div > dl > dd:nth-child(6), .financeTable > div > dl > dd:nth-child(10), .financeTable > div > dl > dd:nth-child(14), .financeTable > div > dl > dd:nth-child(18), .financeTable > div > dl > dd:nth-child(22) {
  background: #e6e6e6;
}

.financeTable > div > dl > dt:first-child, .financeTable > div > dl > dt:nth-child(5), .financeTable > div > dl > dt:nth-child(9), .financeTable > div > dl > dt:nth-child(13), .financeTable > div > dl > dt:nth-child(17), .financeTable > div > dl > dt:nth-child(21) {
  background: #e6e6e6;
}

.financeTable > div > dl > dd {
  float: left;
  width: 50%;
  margin-left: -1px;
  padding: 5px 0;
  text-indent: 12px;
  border-left: 1px solid #bcbec0;
}

@media screen and (max-width: 1280px) {
  .system-rightcol .finance .price-options {
    width: 65%;
  }
  .system-rightcol .finance .details {
    width: 65%;
  }
}
/*
.system-rightcol .finance .finance-options .paypal, .system-rightcol .finance .finance-options .scan-finance { padding:17px 13px 17px 15px;  text-align: right; background-color: #d2d2d2; } 
.system-rightcol .finance .price { font-family: "uni_sansbold",sans-serif; font-size: 1.3em; } 
.system-rightcol .finance .desc { text-align: right;  font-family: "uni_sanssemibold",sans-serif; padding-left:10px; font-size:0.90em; } 
.system-rightcol .finance .scan-finance button { background-color:#3d70b7; color: #ffffff; border: 0; border-radius: 50%; padding: 1px 8px; font-size: 0.80em; margin-left: 10px; font-family: "open_sans-bold",sans-serif;
}
.system-rightcol .finance .heading { float: left; font-family: "uni_sansbold",sans-serif; padding-top:2px; font-size:1.1em; } 

.system-rightcol .finance .paypal  { border-bottom:1px solid #bebebe;  } 
.system-rightcol .finance .paypal i { background: url(../../images/3xs-sprite-2018-686da2e872.svg) no-repeat; background-position: -26px -322px; background-size: 1200px 1200px; display: block; float: left; width:145px; height:40px; } 
.system-rightcol .finance .paypal .desc { padding-right:30px; } 
.system-rightcol .finance .paypal .moreInfo { position: relative; } 
.system-rightcol .finance .paypal button { border:0; background: none; width: 20px; height: 20px; margin-left:10px;  position: absolute; right:0;  }

.system-rightcol .finance .paypal button:before { content:" "; display: block; border-left:2px solid #000000; width: 20px; height: 18px; margin:0 0 0 2px;  } 
.system-rightcol .finance .paypal button:after { content:" "; display: block; border-top:2px solid #000000; width: 19px; height: 20px; margin:-10px 0 0 -6px;  } 
.system-rightcol .finance .paypal button.expanded:before { border:0; } 


/* Paypal dropdown */
div.financePaypalOptions {
  border: 1px solid #000000;
  font-size: 0.9em;
  margin: 14px 14px 0 14px;
}

div.financePaypalOptions > div:first-child ul.tab {
  margin: 0;
  padding: 0;
  display: table;
  list-style: none;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
}

div.financePaypalOptions > div:first-child ul.tab > li {
  display: table-cell;
  width: 25%;
  font-size: 0.8em;
}

div.financePaypalOptions > div:first-child ul.tab > li > button {
  border: 0;
  width: 100%;
  background: #eee;
  padding: 10px 0;
  cursor: pointer;
  transition: ease-in-out 0.3s;
  text-transform: uppercase;
  font-family: "open_sans-bold", sans-serif;
}

div.financePaypalOptions > div:first-child table {
  margin: 10px 14px;
  width: 100%;
  font-size: 0.9em;
}

div.financePaypalOptions > div:last-child {
  background: #eee;
  padding: 10px 14px;
  font-size: 0.9em;
}

div.financePaypalOptions > div:last-child p {
  font-size: 0.8em;
}

div.financePaypalOptions > div:first-child ul.tab > li > button.selected {
  background: #1766a6;
  color: #fff;
}

div.financePaypalOptions > div:first-child table tr:first-child > td {
  padding-bottom: 10px;
}

div.financePaypalOptions > div:first-child table td {
  padding: 3px 0;
}

/* System Powered by */
.poweredBy {
  display: table;
  border-top: 1px solid #5b5b5b;
  width: 100%;
}

.poweredBy .title {
  text-transform: uppercase;
  font-family: "open_sans-bold", sans-serif;
  font-size: 0.9em;
  text-align: center;
  vertical-align: middle;
  width: 300px;
  display: table-cell;
}

.poweredBy .title span {
  display: block;
}

.poweredBy .logos {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 20px 0;
}

.poweredBy .logos ul {
  padding: 0;
  margin: 0;
}

.poweredBy .logos ul li {
  display: inline-block;
  list-style: none;
  margin: 5px 20px;
  line-height: 6em;
  height: 25px;
  overflow: hidden;
}

.poweredBy .logos ul li {
  width: 85px;
  background: url(../../images/3xs-manufaturer-logos-bcb833a5c1.svg) no-repeat;
  background-size: 470px 480px;
}

@media screen and (max-width: 1280px) {
  .poweredBy .logos ul li {
    margin: 5px 20px;
  }
  .poweredBy .logos {
    padding: 10px 0;
  }
}
@media screen and (max-width: 1000px) {
  .poweredBy .title {
    width: 200px;
  }
}
@media screen and (max-width: 800px) {
  .poweredBy {
    display: block;
  }
  .poweredBy .logos {
    width: auto;
    text-align: left;
  }
  .poweredBy .title {
    width: auto;
    text-align: left;
    display: block;
  }
  .poweredBy .title span {
    padding: 20px 20px 10px 20px;
  }
}
.brandLine {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.brandLine .hex {
  height: 8px;
  background-color: #000000;
  width: 25%;
}

.brandLine .grad-bg {
  height: 8px;
  background: linear-gradient(to left, #4f4f4f, #9d9d9d);
  overflow: hidden;
  width: 75%;
}

.brandLine .hex:after {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
  margin-right: -5px;
  background-color: #000000;
  float: right;
}

.socialMedia {
  text-align: right;
  padding: 12px 0 25px 0;
  margin-left: 60px;
  border-top: 1px solid #ccc;
}

.socialMedia ul {
  padding: 0;
  margin: 0;
  float: right;
}

.socialMedia ul li {
  display: inline-block;
  list-style: none;
  overflow: hidden;
}

.socialMedia span {
  display: inline-block;
  padding: 5px 8px 0 0;
  font-family: "open_sans-bold", sans-serif;
  font-size: 0.9em;
  color: #707070;
}

.socialMedia ul li a {
  height: 27px;
  display: inline-block;
  width: 22px;
  overflow: hidden;
  margin-left: 5px;
}

.socialMedia a:before {
  content: "";
  font-family: "scanicons", sans-serif;
  display: inline-block;
  color: #707071;
  font-size: 1.3em;
}

.socialMedia a.facebook:before {
  content: "\e905";
}

.socialMedia a.linkedin:before {
  content: "\e935";
}

.socialMedia a.pinterest:before {
  content: "\e90f";
}

.socialMedia a.reddit:before {
  content: "\e949";
}

.socialMedia a.twitter:before {
  content: "\e91b";
}

.socialMedia a.whatsapp:before {
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  background-size: 525px 525px;
  background-position: -142px -96px;
  height: 23px;
  width: 25px;
}

.socialMedia a.whatsapp {
  display: none;
}

.socialMedia a.facebook:hover:before {
  color: #4267b2;
}

.socialMedia a.linkedin:hover:before {
  color: #0077b7;
}

.socialMedia a.pinterest:hover:before {
  color: #bd081c;
}

.socialMedia a.reddit:hover:before {
  color: #ff3f18;
}

.socialMedia a.twitter:hover:before {
  color: #00a2f5;
}

@media screen and (max-width: 800px) {
  .socialMedia a.whatsapp {
    display: inline-block;
  }
  .socialMedia {
    margin: 0 30px;
    padding: 15px 0;
  }
  .socialMedia ul {
    float: none;
  }
  .socialMedia span {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .socialMedia {
    margin: 0 30px;
  }
}
/* Share popup */
.shareContainer {
  border-radius: 4px;
  margin: 10px 100px 0 225px;
  position: absolute;
  width: 400px;
  border: 5px solid #000000;
  right: 0;
  z-index: 2;
}

.shareContainer .innerContainer {
  padding: 3px 15px 12px 15px;
  background-color: #ffffff;
}

.shareContainer p {
  color: #000000;
  margin: 0;
  font-size: 1.3em;
  font-family: "uni_sanssemibold", sans-serif;
}

.shareContainer input {
  width: 100%;
  padding: 8px 0;
  text-indent: 6px;
  border: 2px solid #dadcde;
  font-size: 0.8em;
}

.shareContainer ul {
  padding: 0;
  margin: 0;
}

.shareContainer ul li {
  display: list-item;
  display: inline-block;
  list-style: none;
  overflow: hidden;
  margin-right: 8px;
}

.shareContainer .copy {
  color: #000000;
  font-family: "uni_sansbold", sans-serif;
  background-color: #dadcde;
  text-transform: lowercase;
  font-size: 1em;
  border-radius: 3px;
  padding: 8px 12px 10px 12px;
  border: 0;
}

.shareContainer .title {
  padding: 10px 0;
}

.shareContainer .goSocial {
  clear: left;
}

.shareContainer .shareWith {
  padding: 10px 0 5px 0;
}

.shareContainer .close {
  position: absolute;
  right: 0;
  top: 0;
  height: 25px;
  width: 25px;
  margin: 4px;
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
}

.shareContainer .close span {
  text-indent: 50px;
  display: block;
  width: 20px;
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  background-size: 800px 800px;
  background-position: -393px -4px;
  margin-left: -3px;
}

.shareContainer .inputWrapper {
  float: left;
  width: 302px;
}

.shareContainer a {
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  background-size: 700px 700px;
  text-indent: 30px;
  display: inline-block;
  border-radius: 3px;
}

.shareContainer a.facebook {
  background-position: -234px -30px;
  height: 27px;
  width: 25px;
}

.shareContainer a.twitter {
  background-position: -233px -64px;
  height: 27px;
  width: 26px;
}

.shareContainer a.whatsapp {
  background-position: -223px -123px;
  height: 28px;
  width: 28px;
  background-size: 675px 675px;
  display: none;
}

.shareContainer a.google {
  background-position: -223px -92px;
  height: 27px;
  width: 28px;
  background-size: 675px 675px;
}

.shareContainer a.pinterest {
  background-position: -223px -154px;
  height: 27px;
  width: 28px;
  background-size: 675px 675px;
}

.shareContainer a.reddit {
  background-position: -223px -222px;
  height: 27px;
  width: 28px;
  background-size: 675px 675px;
}

.shareContainer a.linkedin {
  background-position: -224px -189px;
  height: 27px;
  width: 28px;
  background-size: 675px 675px;
}

@media screen and (max-width: 550px) {
  .shareContainer {
    margin: 10px 0 0 225px;
  }
}
@media screen and (max-width: 1100px) {
  .config .system-buynow {
    padding: 25px 20px 0 20px;
  }
  .config .system-buynow .price {
    width: 65%;
  }
  .config .system-buynow .price {
    font-size: 2.4em;
  }
  button.buySystem {
    margin-top: 6px;
  }
}
@media screen and (max-width: 800px) {
  .config #overview {
    display: block;
  }
  .config .system-rightcol {
    width: auto;
  }
  .config .system-rightcol > div {
    padding: 10px 0 0 0;
  }
  .config .system-buynow {
    padding: 0 30px;
    background: none;
  }
  .config .delivery-info {
    background: none;
    padding: 0 30px 25px 50%;
  }
  .config #overview .system-leftcol {
    width: auto;
  }
  .config #overview .system-leftcol .system-image {
    padding: 30px;
  }
  .config #overview .images ul.galleryThumbnails {
    padding: 0;
    width: 80px;
  }
  .config #overview .systemTitle {
    padding: 0 0 20px 0;
  }
  .config .system-buynow .price {
    font-size: 2.9em;
    width: 50%;
  }
  button.buySystem {
    margin-top: 12px;
  }
}
@media screen and (max-width: 650px) {
  .config .delivery-info {
    padding: 15px 0 20px 0;
  }
  .config .system-buynow {
    padding: 0 20px;
  }
}
@media screen and (max-width: 550px) {
  .config .system-buynow .price {
    font-size: 2.4em;
  }
  button.buySystem {
    margin-top: 6px;
  }
}
.system-info {
  padding: 30px 0 15px 0;
}

.system-info .tabs {
  text-align: center;
  border-bottom: 1px solid #ccc;
}

.system-info .tabs ul {
  display: table;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.system-info .tabs li {
  display: table-cell;
}

.system-info .tabs button {
  outline: 0;
  background: none;
  border: 0;
  padding: 10px 150px 15px 150px;
  font-family: "uni_sanssemibold", sans-serif;
}

.system-info .tabs button.selected {
  border-bottom: 2px solid #000000;
}

.system-info .tabs-info {
  padding: 30px 100px;
  font-size: 0.9em;
}

@media screen and (max-width: 1200px) {
  .system-info .tabs button {
    padding: 10px 10%;
  }
  .system-info .tabs-info {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 800px) {
  .system-info .tabs-info {
    font-size: 0.8em;
  }
  .system-info {
    padding: 15px 0;
  }
}
@media screen and (max-width: 500px) {
  .system-info .tabs button {
    padding: 10px 7%;
  }
}
/* Configurtaor Header */
.configurator {
  background-color: #f3f3f3;
}

.configurator .config-header {
  padding: 10px 0 20px 0;
  position: relative;
}

.configurator .config-header h3 {
  font-family: "uni_sanssemibold", sans-serif;
  font-size: 1.3em;
  display: inline-block;
  margin: 0;
}

.configurator .config-header .link-bar button {
  border: 0;
  background-color: #f3f3f3;
  font-family: "uni_sanssemibold", sans-serif;
  font-size: 1em;
}

.configurator .config-header .link-bar {
  float: right;
}

.configurator .config-header .divider {
  margin: 0 15px;
  width: 1px;
  height: 30px;
  background-color: #808080;
  display: inline-block;
  margin-bottom: -8px;
}

.configurator .config-header button:before {
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  width: 26px;
  height: 25px;
  margin: 0 10px -6px 0;
}

.configurator .config-header button.print:before {
  content: "";
  background-size: 850px 850px;
  background-position: -382px -195px;
  display: inline-block;
}

.configurator .config-header button.custom-link:before {
  content: "";
  background-size: 800px 800px;
  background-position: -360px -218px;
  display: inline-block;
}

.configurator .cont-C {
  width: 950px;
  margin: 0 auto;
  padding: 40px 0;
}

@media screen and (max-width: 700px) {
  .configurator .config-header button.print span {
    display: none;
  }
  .configurator .config-header button.custom-link span {
    display: none;
  }
  .configurator .config-header h3 {
    padding-left: 18px;
  }
}
/* styles from current config */
.config .configOptions .configOption {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-top: -1px;
}

.config .configOptions .configOptionHeader .icon {
  display: block;
  float: left;
  background-image: url(../../images/3xs-config-icons-c584b17f45.svg);
  background-size: 520px 520px;
  height: 38px;
  margin: 12px 8px 0 2px;
}

.config .configOptions .configOptionHeader {
  padding: 0 12px;
  height: 68px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.config .configOptions .configOptionHeader h3 {
  color: #000;
  font-family: "uni_sansbold", sans-serif;
  font-size: 1.2em;
  padding: 22px 0 0 5px;
  font-weight: normal;
  margin: 0;
}

.config .configOptions .configOption .noneSelected .imageBlock {
  height: 150px;
}

.config .configOptions .configOption .imageBlock {
  float: left;
  width: 164px;
  margin: 0 20px 5px 25px;
}

.selections .selection {
  background-color: #ffffff;
  padding: 15px 0;
  margin: 0;
}

.selectionGroups {
  padding: 0 18px 10px 18px;
}

.selectionGroup .header {
  background: none;
}

.selectionGroup h3 {
  padding-left: 4px;
  padding-top: 2px;
  font-family: "uni_sanssemibold", sans-serif;
  font-weight: normal;
  color: #000;
  width: auto;
  font-size: 1.1em;
  display: inline-block;
  margin: 0;
}

.selectionGroup .header button {
  margin: 0;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  padding: 2px 1px;
  width: 86px;
  text-align: right;
  font-family: "uni_sansbold", sans-serif;
  font-weight: normal;
  display: block;
  color: #000000;
  text-decoration: none;
  float: right;
  background-color: #dadcde;
  font-size: 0.9em;
  text-align: center;
  line-height: 1.5em;
  letter-spacing: 0.025em;
  text-transform: lowercase;
}

.selectionGroup .header button i {
  background: #dadcde url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat 6px -34px;
  float: right;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background-size: 1600px 1600px;
  background-position: -1358px -10px;
}

.selectionGroup.expanded .header button i {
  background-position: -1358px -31px;
}

.selectionGroup.expanded .selections .selection {
  border-bottom: 1px solid #ccc;
}

.config .expanded .variations .variation .Price p {
  padding-top: 0;
}

.config .expanded .variations .variation .priceDiff p {
  padding-top: 0;
}

.selection button.selector {
  display: block;
  height: 20px;
  width: 20px;
  border: 0;
  border-radius: 4px;
  background-color: #ffffff;
  border: 2px solid #cccccc;
  outline: none;
  box-sizing: border-box;
  padding: 0;
}

.selections .selection.selected button.selector {
  position: absolute;
  margin-top: -88px;
  margin-left: 2px;
  border-radius: 4px;
}

.selection button.selector.radio {
  border-radius: 13px;
}

.selections .selection.selected button.selector.radio {
  border-radius: 13px;
  background-color: none;
}

.selection button.selector.selected {
  background: #3c3d3e url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat -1150px -30px;
  background-size: auto auto;
  background-size: 2150px 2150px;
  width: 22px;
  height: 22px;
  border: 0;
}

.selection .variations button.selector.selected {
  background-size: 1575px 1575px;
  background-position: -840px -20px;
  width: 20px;
}

.selection .variations button.selector {
  width: 20px;
  height: 20px;
  outline: none;
}

.selections .selection.selected .variations button.selector.radio {
  margin: 0 6px 0 6px;
  position: static;
}

.selections .selection.selected .variations button.selector:after {
  display: none;
}

.selections .selection.selected .variations .variation img {
  width: 43px;
  height: 43px;
}

.selections .selection.selected button.selector::after {
  content: "Selected";
  display: inline-block;
  color: #000;
  font-family: "uni_sansbold", sans-serif;
  font-size: 1.3em;
  margin-left: 20px;
  margin-top: -12px;
  font-weight: normal;
  letter-spacing: 0.025em;
  position: absolute;
}

.selections .selection.selected img {
  width: 100px;
  height: 100px;
}

.config .configOptions .configOption.expanded .selections .selection.selected {
  padding: 50px 0 5px 0;
  background-color: #f3f3f3;
  border: 2px solid #000;
  margin: 8px 0;
}

.config .configOptions .configOption.expanded .selections .selection.selected ul li.Description {
  width: 488px;
}

.config .configOptions .configOption.expanded .selections .selection.selected ul li.Price {
  font-size: 1.3em;
  width: 100px;
}

.config .configOptions .configOption.expanded .selections .selection.selected ul li.Price p {
  padding: 0 15px 0 10px;
  text-align: left;
}

.config .configOptions .configOption.expanded .selectionGroup.expanded .selections .selection.selected {
  margin-top: -2px;
}

.config .configOptions .configOption.expanded .selections .selection.selected.hasVariation ul li.Price p {
  font-size: 0.8em;
}

.selection ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.selection ul li.Selection {
  padding: 0 6px 0 8px;
}

.selection ul li {
  display: table-cell;
  list-style: none outside none;
  vertical-align: middle;
}

.config .expanded .selection.selected ul li {
  margin: 5px 0;
}

.selection ul li.Description h4 {
  margin: 0;
  font-size: 0.8em;
  font-weight: normal;
  color: #000000;
  padding-right: 25px;
}

.selection ul li.Description {
  vertical-align: middle;
  line-height: 1.2em;
  text-align: left;
  font-size: 1em;
  width: 700px;
}

.selection ul li.Price {
  width: 102px;
}

.selection ul li.Price p {
  text-align: left;
  padding-top: 18px;
}

.selection.selected ul li.priceDiff p {
  padding-top: 0;
}

.selectionGroups .selection ul li.Image {
  padding: 5px 15px 0 5px;
}

.selection.selected ul li.Description h4 {
  font-size: 0.9em;
}

.config .expanded .selection ul li.Price span {
  display: none;
}

.config .expanded .selection ul li.Price button {
  width: 96px;
  font-size: 0.85em;
  border-radius: 3px;
  background-color: #dadcde;
  border: 0;
  padding: 5px 0 6px 0;
  font-family: "uni_sansbold", sans-serif;
  text-transform: lowercase;
  letter-spacing: 0.025em;
  margin-top: 5px;
}

.config .expanded .hasVariation ul li.Price {
  padding-top: 32px;
}

.config .expanded .variations .variation .Price {
  padding-top: 0;
}

.config .configOptions .configOption.expanded .selections .selection.selected ul li.priceDiff .priceDifference {
  display: none;
}

.config .configOptions .configOption .link-no {
  font-size: 0.85em;
  color: #1072b9;
  margin: 0;
  padding: 20px 0 0;
  font-family: "open_sans-bold", sans-serif;
}

.config .configOptions .configOption .selectionGroups .link-no {
  padding: 0;
}

.config .selections ul li.Description a {
  margin: 0;
  color: #000000;
  text-decoration: none;
}

.config .configOptions .configOption .selection {
  clear: both;
}

.config .configOptions .configOption .productDesc h4 {
  padding: 2px 155px 0 175px;
  font-size: 0.85em;
  font-weight: normal;
  margin: 0;
}

.config .configOptions .configOption .productDesc a {
  color: #000;
  text-decoration: none;
}

.config .configOptions .configOption .productDesc a:hover {
  text-decoration: underline;
}

.config .configOptions .configOption .price p {
  font-size: 1.5em;
  color: #1072b9;
  margin: 0;
  padding: 5px 0 0 175px;
  color: #000000;
  text-align: left;
}

.config .configOptions .configOption .price span {
  display: none;
}

.infoLink {
  display: none;
}

.config .configOptions .configOption .row-Change {
  clear: left;
}

.config .configOptions .configOption .row-Change button {
  float: right;
  margin: -115px 20px 0 0;
}

.config .configOptions .configOption .row-Change button {
  background: none;
  border: 0;
  color: #000;
  text-transform: lowercase;
  font-family: "uni_sansbold", sans-serif;
  font-size: 1.1em;
  width: auto;
  padding: 7px 6px 7px 10px;
  line-height: 20px;
  background-color: #dadcde;
  border-radius: 3px;
}

.config .configOptions .configOption .row-Change button span {
  padding: 7px 2px;
  background: none;
  display: block;
  font-size: 1.4em;
  float: right;
  font-family: "open_sans", sans-serif;
  line-height: 8px;
  background-color: #dadcde;
  border-radius: 14px;
  color: #000;
  margin-left: 4px;
}

.config .configOptions .configOption .configOptionHeader {
  position: relative;
}

.config .configOptions .configOption .configOptionHeader button {
  background: none;
  border: 0;
  text-transform: lowercase;
  font-family: "uni_sansbold", sans-serif;
  float: right;
  text-decoration: none;
}

.config .configOptions .configOption .configOptionHeader .close-expand {
  padding: 4px 6px 4px 8px;
  line-height: 16px;
  font-size: 1.3em;
  color: #000;
  margin: 18px 0 0 0;
}

.config .configOptions .configOption .configOptionHeader .close {
  margin-left: 5px;
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  background-size: 800px 800px;
  background-position: -395px -6px;
}

.config .configOptions .configOption .configOptionHeader .close {
  height: 16px;
  width: 16px;
  display: block;
  float: right;
}

.config .configOptions .configOption .configOptionHeader .hint-container {
  position: absolute;
  right: 0;
  width: 350px;
}

.config .configOptions .configOption .configOptionHeader .hint-container .hint-icon {
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 1em;
  color: #bababa;
  border: 3px solid #cccccc;
  width: 26px;
  height: 26px;
  padding: 0;
  margin-top: 15px;
  position: absolute;
  right: 12px;
  z-index: 1;
}

.config .configOptions .configOption .configOptionHeader .hint-container .hint-icon:hover + div {
  display: block;
}

.config .configOptions .configOption.expanded .configOptionHeader .hint-container {
  right: 90px;
}

.config .configOptions .configOption.expanded .configOptionHeader .hint-container.on {
  right: 85px;
}

.config .configOptions .configOption .configOptionHeader .hint {
  padding: 10px 40px 10px 10px;
  border-radius: 4px;
  right: 5px;
  background-color: rgba(50, 50, 50, 0.9);
  color: #ffffff;
  font-size: 0.8em;
  position: absolute;
  top: 10px;
  display: none;
}

.config .configOptions .configOption.expanded .configOptionHeader .hint-container .hint-icon {
  margin-top: 18px;
}

.config .configOptions .configOption.expanded .configOptionHeader .hint-container.on .hint-icon {
  margin-top: 21px;
  right: 13px;
}

.config .configOptions .configOption .configOptionHeader .hint-container.on .hint-icon {
  border: 0;
  width: 20px;
  height: 20px;
  color: #000000;
  margin-top: 18px;
  right: 15px;
}

.config .configOptions .configOption .configOptionHeader .hint-container.on .hint {
  display: block;
}

.config .configOptions .expanded .configOptionHeader h3 {
  color: #000;
}

.config .configOptions .configOptionHeader h3 {
  font-family: "uni_sansbold", sans-serif;
  font-size: 1.2em;
  padding: 18px 0 0 3px;
  margin: 0;
  font-weight: normal;
  float: left;
}

.config .configOptions .itemNo {
  display: none;
}

.configOptionOverview {
  display: none;
}

.config .configOptions .configOption.expanded {
  background-color: #ffffff;
  border: 5px solid #ccc;
  margin: 5px 0 6px 0;
}

.config .configOptions .configOption.expanded .configOptionHeader {
  border-bottom: 0;
  background: none;
}

.selection ul li.priceDiff {
  width: 130px;
}

.selection ul li.priceDiff p {
  padding: 18px 8px 0 8px;
  font-size: 0.8em;
}

.selection ul li.priceDiff span {
  width: 15px;
  height: 15px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: -3px;
  text-indent: 20px;
}

.priceDiff .add {
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  background-size: 1600px 1600px;
  background-position: -1022px -23px;
}

.priceDiff .subtract {
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  background-size: 1600px 1600px;
  background-position: -1052px -23px;
}

.selection.selected > ul li.priceDiff .priceDifference {
  display: none;
}

.selectionGroup.expandable .header {
  background: none;
  padding: 5px 0 10px 0;
}

.selectionGroup.expandable.expanded {
  margin-bottom: 8px;
  padding: 0;
}

.selectionGroup.expandable.expanded .header {
  background-color: #f3f3f3;
  padding: 10px;
}

.selectionGroups > div:last-child {
  border: 0;
}

.selectionGroup.expandable {
  padding: 10px;
  border-bottom: 3px solid #f3f3f3;
}

.selectionGroup.expandable .selections {
  margin-top: 8px;
}

.selectionGroup.expanded {
  border: 0;
}

.config .expanded .variations {
  margin: 10px 6px 0 6px;
  padding: 0;
}

.config .expanded .variations .variation {
  width: auto;
  border: 0;
  margin: 7px 0 7px 90px;
  background-color: #e7e8e9;
  border-radius: 4px;
}

.config .expanded .variations ul li.Description {
  font-size: 0.8em;
  width: 600px;
}

@media screen and (max-width: 950px) {
  .configurator .cont-C {
    width: auto;
    padding: 30px 20px;
  }
  .config .configOptions .configOption .row-Change button {
    margin: -50px 20px 0 0;
  }
  .selection ul li.Selection {
    width: 32px;
    padding: 0;
  }
  .selection button.selector {
    margin: 0 6px;
  }
  .selection ul li.Image {
    width: 6px;
    padding: 0;
  }
  .selection ul li.Image img {
    margin: 0 3px;
  }
  .selection.selected ul li.Selection {
    width: auto;
  }
  .config .configOptions .selections ul {
    display: table;
  }
  .selections .selection.selected button.selector {
    margin-left: 10px;
  }
}
@media screen and (max-width: 700px) {
  .configurator .cont-C {
    padding: 30px 0;
  }
  .config .configOptions .configOption {
    border-right: 0;
    border-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .config .expanded .variations ul li.Description {
    margin-top: 0;
  }
  .config .expanded .variations ul li.Price {
    margin-left: 98px;
  }
  .config .configOptions .configOption.expanded .selections .selection.selected ul li.Price p {
    padding-left: 20px;
  }
  .config .configOptions .configOption.expanded .selections .selection.selected.hasVariation ul li.Price p {
    padding-left: 0;
  }
  .config .expanded .variation ul li.priceDiff {
    padding-left: 55px;
  }
  .config .expanded .variations {
    margin-top: 14px;
  }
  .priceBox .subTotal dt {
    font-size: 0.8em;
  }
  .selectionGroup h3 {
    font-size: 1em;
  }
  .config .configOptions .configOption .configOptionHeader .close-expand {
    width: 20px;
    text-indent: 50px;
    padding: 0;
    overflow: hidden;
  }
  .config .configOptions .configOption .configOptionHeader .close {
    margin-top: -14px;
    background-size: 1000px 1000px;
    background-position: -495px -10px;
  }
  .config .configOptions .configOption.expanded .configOptionHeader .hint-container {
    right: 35px;
  }
  .config .configOptions .configOption.expanded .configOptionHeader .hint-container.on {
    right: 30px;
  }
  .config .configOptions .configOption.expanded .configOptionHeader .hint-container .hint-icon {
    margin-top: 15px;
  }
  .config .configOptions .configOption.expanded .configOptionHeader .hint-container.on .hint-icon {
    margin-top: 18px;
  }
  .config .configOptions .configOption .configOptionHeader .hint-container .hint-icon:focus + div {
    display: block;
  }
}
@media screen and (max-width: 825px) {
  .config .configOptions .configOptionHeader h3 {
    width: 320px;
  }
  .config #overview .imgHolder {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .config .configOptions .selections ul {
    display: table;
  }
  .selection ul li.Price {
    display: table-cell;
  }
  .selection.selected ul li.priceDiff {
    padding-left: 20px;
  }
  .selection.selected ul li.Selection {
    width: 25px;
  }
  .config .expanded .selection ul li.Price button {
    position: relative;
    right: 0;
    margin-top: 5px;
  }
  .config #overview {
    width: auto;
  }
  .configBody {
    width: auto;
  }
  .config #overview .sysOverview .baseSpec {
    display: none;
  }
  .config #overview .systemTitle {
    background: none;
  }
  .config #overview h1 {
    color: #000000;
  }
  .config #overview h2 {
    color: #5b5b5b;
  }
  .config .expanded .variations {
    margin-top: 10px;
  }
  .config .configOptions .configOption.expanded .selections .selection .variations ul li.priceDiff {
    padding-left: 0;
  }
  .selectionGroup h3 {
    font-size: 1.1em;
  }
  .config .configOptions .configOption .configOptionHeader button {
    padding: 4px 6px 4px 8px;
    width: auto;
    text-indent: 0px;
  }
  .config .configOptions .configOptionHeader h3 {
    width: auto;
  }
  .config .configOptions .configOption .productDesc h4 {
    padding: 2px 30px 0 175px;
  }
}
@media screen and (max-width: 700px) {
  .config .configOptions .configOption {
    border-radius: 0;
  }
  .config .configOptions .configOption.expanded .selections .selection.selected ul li.Price p {
    padding-left: 0;
  }
  .config .configOptions .configOption .row-Change button {
    font-size: 1em;
    padding: 4px 4px 4px 8px;
    margin-top: -42px;
  }
  .selectionGroup h3 {
    font-size: 1.1em;
  }
  .config .configOptions .configOption.expanded .selections .selection.selected ul li.Description {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .config .configOptions .selections ul {
    display: block;
  }
  .selection ul li.priceDiff {
    display: block;
    margin-left: 115px;
  }
  .selection ul li.Price {
    display: block;
    margin-left: 115px;
  }
  .config .expanded .selection.selected ul li.priceDiff {
    padding-left: 0px;
    margin-left: 125px;
  }
  .config .configOptions .configOption.expanded .selections .selection.selected ul li.Price {
    margin: 5px 0 5px 125px;
  }
  .selection ul li.priceDiff p {
    padding: 0;
  }
  .config .expanded .hasVariation ul li.Price {
    padding-top: 0;
  }
  .config .configOptions .selections .variations ul {
    display: table;
  }
  .config .configOptions .selections .variations ul li.Price {
    display: table-cell;
  }
  .config .configOptions .configOption.expanded .selections .selection .variations ul li.priceDiff {
    margin-left: 0;
  }
  .config .expanded .variations .variation {
    margin: 7px 0;
  }
  .config .expanded .variations .variation .priceDiff p {
    padding: 18px 0 0 8px;
  }
  .config .configOptions .selections .variations ul li.priceDiff {
    display: table-cell;
  }
}
@media screen and (max-width: 550px) {
  .config #overview .imgHolder img {
    width: 100%;
    height: auto;
  }
  .config .configOptions .configOption .productDesc h4 {
    font-size: 0.8em;
  }
  .config .expanded .variations {
    margin-top: 14px;
  }
}
@media screen and (max-width: 475px) {
  .config .configOptions .configOption .imageBlock {
    width: 120px;
  }
  .config .configOptions .configOption .imageBlock img {
    width: 120px;
    height: 120px;
  }
  .config .configOptions .configOption .productDesc h4 {
    padding: 2px 25px 0 165px;
  }
  .config .configOptions .configOption .price p {
    padding-left: 165px;
  }
  .config .configOptions .selections ul {
    display: block;
  }
  .config .expanded .hasVariation ul li.Price {
    padding-top: 0;
  }
  .config .expanded .selection ul li.Price button {
    position: absolute;
    right: 15px;
    margin-top: -20px;
  }
  .config .expanded .variations ul li.Description {
    margin-top: 0;
  }
  .config .expanded .variations ul li.Price {
    margin-left: 98px;
  }
  .config .configOptions .configOption.expanded .selections .selection.selected ul li.Price {
    margin: 5px 0 5px 125px;
  }
  .config .configOptions .configOption.expanded .selections .selection.selected.hasVariation ul li.Price p {
    padding-left: 0;
    padding-bottom: 5px;
  }
  .config .expanded .variation ul li.priceDiff {
    padding-left: 55px;
  }
  .config .configOptions .configOption .configOptionHeader .close-expand {
    width: 30px;
    text-indent: 50px;
    padding: 0;
    overflow: hidden;
  }
  .config .configOptions .configOption .configOptionHeader .hint-container {
    width: 300px;
  }
  .config .configOptions .configOption .configOptionHeader .hint {
    font-size: 0.75em;
  }
  .config .expanded .variations {
    margin-top: 14px;
  }
  .selectionGroup h3 {
    font-size: 1em;
  }
  .config .configOptions .configOptionHeader h3 {
    font-size: 1em;
  }
  .config .configOptions .selections .variations ul li.priceDiff {
    display: block;
  }
  .config .configOptions .selections .variations ul li.Price {
    display: block;
  }
  .config .configOptions .selections .variations ul {
    display: block;
  }
  .config .configOptions .configOption.expanded .selections .selection .variations ul li.priceDiff {
    padding-left: 0;
    margin: 5px 0 5px 90px;
  }
  .config .configOptions .configOption.expanded .selections .selection .variations ul li.Price {
    margin: 5px 0 5px 98px;
  }
}
/* Sticky bar */
.productInfoStickBar {
  height: 110px;
  border-bottom: 3px solid #000000;
  position: fixed;
  z-index: 1000;
  left: 0;
  background: #fff;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 12px #333;
  top: 0;
}

.productInfoStickBar > div {
  width: 1200px;
  display: table;
  margin: 0 auto;
  margin-top: 8px;
  height: 90px;
  padding: 0;
}

.productInfoStickBar > div > div.image {
  vertical-align: top;
  width: 135px;
}

.productInfoStickBar > div > div.image > img {
  width: 135px;
  height: 90px;
}

.productInfoStickBar > div > div.description {
  vertical-align: middle;
  height: inherit;
}

.productInfoStickBar > div > div.description > div.title {
  font-size: 1.4em;
  line-height: 1.1em;
  padding: 0 20px 0 0;
  font-family: "uni_sanssemibold", sans-serif;
}

.productInfoStickBar > div > div {
  display: table-cell;
  height: 90px;
}

.productInfoStickBar > div > div.priceAvailability {
  width: 250px;
}

.productInfoStickBar > div > div {
  display: table-cell;
  height: 90px;
}

.productInfoStickBar .price {
  display: block;
  color: #000000;
  font-size: 1.8em;
  font-family: "uni_sanssemibold", sans-serif;
  text-align: center;
  margin: 0 auto;
}

.productInfoStickBar button.buySystem {
  margin: 0;
}

.productInfoStickBar .rightColumn {
  margin-right: 20px;
}

@media screen and (max-width: 1200px) {
  .productInfoStickBar > div {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .productInfoStickBar > div > div.description > div.title {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 800px) {
  .productInfoStickBar {
    bottom: 0;
    border-bottom: 0;
    top: auto;
  }
}
@media screen and (max-width: 700px) {
  .productInfoStickBar .price {
    font-size: 2.2em;
  }
  .productInfoStickBar > div > div.priceAvailability {
    width: 200px;
  }
  .productInfoStickBar > div > div.image {
    display: none;
  }
  .productInfoStickBar > div > div.description > div.title {
    padding: 0 20px;
  }
}
@media screen and (max-width: 550px) {
  .productInfoStickBar .price {
    font-size: 2em;
  }
  .productInfoStickBar > div > div.description > div.title {
    font-size: 1.1em;
    line-height: 1.2em;
  }
}
@media screen and (max-width: 450px) {
  .productInfoStickBar > div > div.description > div.title {
    padding: 10px 14px;
  }
  .productInfoStickBar > div > div.priceAvailability {
    width: auto;
  }
  .productInfoStickBar > div > div {
    display: block;
    height: auto;
  }
  .productInfoStickBar > div > div.description {
    height: auto;
  }
  .productInfoStickBar .rightColumn {
    display: flex;
    margin: 0 14px;
  }
  .productInfoStickBar .price {
    width: 50%;
  }
  .productInfoStickBar .system-buynow {
    width: 50%;
  }
  .productInfoStickBar {
    height: auto;
  }
}
/* popup fix for 3xs product info */
#popup {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: auto;
  position: fixed;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.6);
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
}
#popup #popup-container {
  box-sizing: border-box;
  background: #fff;
  position: relative;
  border: 5px solid #000;
  border-radius: 4px;
  padding: 12px;
  font-size: 13px;
  margin: 30px auto;
  display: block;
  max-width: 1200px;
}
#popup #popup-container a.close {
  cursor: pointer;
  display: block;
  float: right;
  margin: 5px 0 0 0;
  background: #fff;
  border: 0;
  color: #707070;
  cursor: pointer;
  height: 30px;
  outline: medium none;
  overflow: hidden;
  text-decoration: none !important;
  text-indent: 46px;
  transition: all 0.3s ease-in-out 0s;
  width: 46px;
}
#popup #popup-container a.close:hover {
  text-decoration: underline;
}
#popup #popup-container a.close:before {
  font-size: 1.6em;
  line-height: 1;
  margin-left: -30px;
  padding: 0;
  content: "\e903";
  font-family: "scanicons", sans-serif;
  font-style: normal;
  height: 30px;
  display: block;
}

@media screen and (max-width: 1200px) {
  #popup #popup-container {
    max-width: 100%;
  }
}
@media screen and (max-width: 780px) {
  #popup {
    top: 52px;
  }
  #popup #popup-container {
    border: 0;
    margin: 0 auto;
    border-radius: 0;
  }
}
@media screen and (max-width: 500px) {
  #popup {
    top: 40px;
  }
}
/* Price Bar */
.priceBar {
  left: 0;
  bottom: 0;
  background: rgba(50, 50, 50, 0.9);
  font-size: 13px;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.priceBar .inner {
  padding: 0 20px;
}

.priceBar .contC {
  width: 1212px;
  margin: 0 auto;
  padding: 8px 0 0 0;
  display: table;
}

.priceBar .orderInfo {
  width: 32%;
  display: table-cell;
  vertical-align: top;
}

.priceBar .orderInfo .delInfo {
  border-radius: 4px;
  background-color: #000;
  min-height: 54px;
}

.priceBar .orderInfo .delInfo i {
  width: 40px;
  height: 40px;
  float: left;
  margin-top: 6px;
  margin-left: 10px;
  background: url(../../images/3xs-sprite-2018-686da2e872.svg) no-repeat;
  background-position: -20px -4px;
  background-size: 1375px 1375px;
}

.priceBar .orderInfo .delInfo p {
  padding: 10px;
  font-family: "uni_sansbold", sans-serif;
  color: #fff;
  font-size: 1em;
  padding-left: 65px;
  letter-spacing: 0.09em;
}

.priceBar .orderInfo .links {
  padding: 6px 0;
}

.priceBar .orderInfo .links button {
  background: none;
  border: 0;
  color: #ccc;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "open_sans-bold", sans-serif;
}

.priceBar .orderInfo .links i {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 14px -5px 8px;
  background: url(../../images/3xs-sprite-2018-686da2e872.svg) no-repeat;
  background-position: -110px -22px;
  background-size: 1575px 1575px;
}

.priceBar .breakDown {
  width: 25%;
  display: table-cell;
  vertical-align: top;
}

.priceBar .breakDown dl {
  padding: 1px 0 5px 0;
}

.priceBar .breakDown dt {
  width: 48%;
  font-size: 1.1em;
}

.priceBar dl, .priceBar dd, .priceBar p, .priceBar pre {
  margin: 0;
}

.priceBar .breakDown dt, .priceBar .breakDown dd {
  display: inline-block;
  color: #8f9092;
}

.priceBar .breakDown dd {
  font-size: 1.6em;
  letter-spacing: 0.05em;
}

.priceBar .breakDown dt, .priceBar .breakDown dd {
  display: inline-block;
  color: #8f9092;
}

.priceBar .breakDown .financeMsg > a {
  color: #27a9e1;
  font-size: 1em;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.priceBar .totalPrice dt {
  font-family: "uni_sans_regular", sans-serif;
  font-size: 1.7em;
}

.priceBar .totalPrice dd {
  font-size: 4em;
  font-family: "uni_sansbook", sans-serif;
  letter-spacing: 0.05em;
  font-weight: lighter;
  font-style: normal;
}

.priceBar .totalPrice dd {
  font-size: 4em;
  font-family: "uni_sansbook", sans-serif;
  letter-spacing: 0.05em;
  font-weight: lighter;
  font-style: normal;
  margin: 0;
}

.priceBar .totalPrice dd > span > span {
  font-size: 0.6em;
}

.priceBar .addtoBasket {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.priceBar .addtoBasket button {
  border: 0;
  color: #fff;
  text-decoration: none;
  font-family: "open_sans-bold", sans-serif;
  background: linear-gradient(to top, #3b7739, #55a952);
  padding: 14px 0;
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  text-align: center;
  border-radius: 3px;
}

.priceBar .breakDown {
  width: 25%;
  display: table-cell;
  vertical-align: top;
}

.priceBar .right {
  display: table-cell;
  vertical-align: top;
}

.priceBar .totalPrice {
  width: auto;
  color: #fff;
  display: table-cell;
}

.priceBar .addtoBasket {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.priceBar .shareContainer {
  border-radius: 4px;
  margin: -190px 0 0 225px;
  position: absolute;
  width: 400px;
  border: 5px solid #000000;
}

.priceBar .innerContainer {
  padding: 3px 15px 12px 15px;
  background-color: #ffffff;
}

.priceBar .shareContainer p {
  color: #000000;
  margin: 0;
  font-size: 1.3em;
  font-family: "uni_sanssemibold", sans-serif;
}

.priceBar .shareContainer input {
  width: 100%;
  padding: 6px 0;
  text-indent: 6px;
  border: 2px solid #dadcde;
}

.priceBar .shareContainer ul {
  padding: 0;
  margin: 0;
}

.priceBar .shareContainer ul li {
  display: list-item;
  display: inline-block;
  list-style: none;
  overflow: hidden;
  margin-right: 8px;
}

.priceBar .shareContainer .title {
  padding: 10px 0;
}

.priceBar .shareContainer .goSocial {
  clear: left;
}

.priceBar .shareContainer .shareWith {
  padding: 10px 0 5px 0;
}

.priceBar .shareContainer .close {
  position: absolute;
  right: 0;
  top: 0;
  height: 25px;
  width: 25px;
  margin: 4px;
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
}

.priceBar .shareContainer .close span {
  text-indent: 50px;
  display: block;
  width: 20px;
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  background-size: 800px 800px;
  background-position: -395px -5px;
  margin-left: -3px;
}

.priceBar .shareContainer .inputWrapper {
  float: left;
  width: 302px;
}

.priceBar .shareContainer a {
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  background-size: 700px 700px;
  text-indent: 30px;
  display: inline-block;
  border-radius: 3px;
}

.priceBar .shareContainer a.facebook {
  background-position: -234px -30px;
  height: 27px;
  width: 25px;
}

.priceBar .shareContainer a.twitter {
  background-position: -233px -64px;
  height: 27px;
  width: 26px;
}

.priceBar .shareContainer a.whatsapp {
  background-position: -223px -123px;
  height: 28px;
  width: 28px;
  background-size: 675px 675px;
  display: none;
}

.priceBar .shareContainer a.google {
  background-position: -223px -92px;
  height: 27px;
  width: 28px;
  background-size: 675px 675px;
}

.priceBar .shareContainer a.pinterest {
  background-position: -223px -154px;
  height: 27px;
  width: 28px;
  background-size: 675px 675px;
}

.priceBar .shareContainer a.reddit {
  background-position: -223px -222px;
  height: 27px;
  width: 28px;
  background-size: 675px 675px;
}

.priceBar .shareContainer a.linkedin {
  background-position: -224px -189px;
  height: 27px;
  width: 28px;
  background-size: 675px 675px;
}

.priceBar .orderInfo .links button.copy {
  float: left;
  color: #000000;
  font-family: "uni_sansbold", sans-serif;
  background-color: #dadcde;
  text-transform: lowercase;
  font-size: 1.2em;
  border-radius: 3px;
  padding: 6px 12px 9px 12px;
}

@media screen and (max-width: 1500px) {
  .priceBar .contC {
    width: auto;
  }
  .priceBar .right {
    display: table-cell;
    vertical-align: middle;
  }
  .priceBar .totalPrice {
    width: 100%;
    display: block;
  }
  .priceBar .addtoBasket {
    width: 100%;
    display: block;
  }
  .priceBar .addtoBasket .inner {
    padding: 0 130px 0 10px;
  }
  .priceBar .totalPrice dd {
    display: inline-block;
    font-size: 3.4em;
  }
  .priceBar .totalPrice dt {
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 12px;
  }
  .priceBar .orderInfo .links i {
    margin: 0 0 -5px 8px;
  }
  .priceBar .shareContainer {
    margin: -190px 0 0 200px;
  }
}
@media screen and (max-width: 1000px) {
  .priceBar .contC {
    display: block;
  }
  .priceBar .orderInfo {
    display: block;
    width: 100%;
  }
  .priceBar .breakDown {
    display: block;
    width: 100%;
  }
  .priceBar .right {
    display: flex;
  }
  .priceBar .totalPrice {
    width: 55%;
  }
  .priceBar .addtoBasket {
    width: 45%;
  }
  .priceBar .orderInfo .links {
    width: 45%;
    padding: 15px 0;
    margin-left: 25px;
  }
  .priceBar .orderInfo .delInfo {
    width: 55%;
  }
  .priceBar .orderInfo .inner {
    display: flex;
  }
  .priceBar .breakDown .inner {
    display: flex;
  }
  .priceBar .breakDown .subTotal {
    width: 55%;
  }
  .priceBar .breakDown .financeMsg {
    width: 45%;
    padding-top: 5px;
  }
  .priceBar .breakDown dl {
    display: inline-block;
    margin-right: 25px;
    padding-top: 8px;
  }
  .priceBar .breakDown dt {
    font-size: 0.9em;
    width: auto;
    padding-right: 8px;
  }
  .priceBar .breakDown .financeMsg a {
    padding: 0 0 0 20px;
  }
  .priceBar .breakDown dl:last-child {
    margin-right: 0;
  }
  .priceBar .shareContainer {
    margin: -190px 0 0 -165px;
  }
}
@media screen and (max-width: 700px) {
  .priceBar .addtoBasket {
    width: 100%;
  }
  .priceBar .breakDown {
    text-align: center;
  }
  .priceBar .right {
    display: block;
  }
  .priceBar .totalPrice {
    width: 100%;
    text-align: center;
  }
  .priceBar .inner {
    padding: 0 10px;
  }
  .priceBar .breakDown .subTotal {
    width: 100%;
  }
  .priceBar .breakDown dl {
    padding-top: 0;
  }
  .priceBar .breakDown .financeMsg {
    display: none;
  }
  .priceBar .delInfo {
    display: none;
  }
  .priceBar .orderInfo .links {
    width: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 45px;
  }
  .priceBar .orderInfo .links button.liveChat, .priceBar .orderInfo .links button.print {
    display: none;
  }
  .priceBar .shareContainer a.whatsapp {
    display: block;
  }
  .priceBar .breakDown {
    display: none;
  }
  .priceBar .totalPrice dd {
    font-size: 3em;
  }
  .priceBar .contC {
    padding: 8px 0;
  }
  .priceBar .addtoBasket .inner {
    padding-right: 115px;
  }
  .priceBar .shareContainer {
    margin: -190px 0 0 0;
    right: 10px;
  }
}
@media screen and (max-width: 425px) {
  .priceBar .shareContainer {
    width: 325px;
  }
  .priceBar .shareContainer .inputWrapper {
    float: left;
    width: 228px;
  }
}
@media print {
  section.header {
    display: none;
  }
  body {
    background: none;
  }
  .productInfoStickBar {
    display: none !important;
  }
  .container {
    width: 1100px;
  }
  section.header {
    width: 1100px;
  }
  .config {
    width: 1100px;
  }
  section.configurator .config #overview .socialMedia {
    display: none;
  }
  .config .system-rightcol > div {
    padding: 185px 60px 0 40px;
  }
  section.configurator .config #overview .system-rightcol .system-buynow {
    background-color: #fff;
    padding: 0;
  }
  .config #overview .system-leftcol .system-image {
    padding: 30px 50px 0 60px;
  }
  /*Buy button*/
  section.configurator .config #overview .system-rightcol .system-buynow button.buySystem {
    display: none;
  }
  section.configurator .config #overview .system-rightcol .delivery-info {
    background-color: #fff;
    text-align: left;
    padding: 15px 0;
  }
  section.configurator .config #overview .system-rightcol .delivery-info span {
    display: block;
  }
  section.configurator .config #overview .system-rightcol .finance {
    display: none;
  }
  section.configurator .config #overview .images ul.galleryThumbnails {
    display: none;
  }
  section.configurator .config .poweredBy {
    display: none;
  }
  section.configurator .config .system-info .tabs {
    display: none;
  }
  section.configurator .config .system-info .tabs-info {
    padding: 20px 50px;
  }
  section.configurator .config .system-info .tabs-info > div {
    display: none;
  }
  section.configurator .config .system-info .tabs-info > div[data-tab=overview] {
    display: block !important;
  }
  section.configurator .config .system-info .tabs-info > div[data-tab=features] {
    display: none !important;
  }
  section.configurator .config .configurator .configOptions .configOption.welcompack {
    display: none;
  }
  section.configurator .config .configurator .cont-C {
    padding: 0;
    width: 100%;
  }
  section.configurator .config .configurator .cont-C .header {
    display: none;
  }
  section.configurator .config .configurator .configOptions .configOption {
    border: 0;
    margin-top: 0;
  }
  .config .configOptions .configOptionHeader {
    padding: 0 40px;
  }
  section.configurator .config .configurator .configOptions button {
    display: none;
  }
  section.configurator .config .configurator .configOptions .collapsedView {
    display: block !important;
    border-bottom: 1px solid #ccc;
  }
  section.configurator .config .configurator .configOptions .editView {
    display: none !important;
  }
  footer, .push {
    display: none;
  }
  body.feature-share.configuratorPage .share-page {
    display: none;
  }
  .configurator .header .link-bar {
    display: none;
  }
  .config .configOptions .configOption .configOptionHeader .hint-container {
    display: none;
  }
  .config .configOptions .configOption .row-Change button {
    display: none;
  }
  .config .configOptions .configOptionHeader .icon {
    display: none;
  }
  .config .configOptions .configOption .configOptionHeader .close-expand {
    display: none;
  }
  .config .configOptions .configOption.welcomepack {
    display: none;
  }
}
.body-holder .Requirements {
  background-color: #ffffff;
  font-family: "open_sans", sans-serif;
  width: 1280px;
  margin: 0 auto;
  padding: 15px 0;
}

.body-holder .Requirements h1 {
  font-family: "uni_sansbold", sans-serif;
  color: #000000;
  margin: 0;
  font-weight: normal;
  padding: 15px;
}

.Requirements p {
  padding: 0 15px 10px 15px;
  font-size: 0.9em;
}

.Requirements TextArea {
  border: 1px solid #666;
  width: 100%;
  height: 130px;
  resize: none;
  overflow: hidden;
}

.Requirements .text-wrapper {
  padding: 0 15px;
}

.Requirements .CallMe {
  background-color: #dadcde;
  border-radius: 3px;
  margin: 15px;
  padding: 10px 15px;
}

.Requirements button {
  background: linear-gradient(to top, #212123, #414143);
  border-radius: 4px;
  color: #ffffff;
  font-family: "open_sans-bold", sans-serif;
  text-transform: uppercase;
  margin: 15px auto 26px auto;
  font-size: 0.9em;
  padding: 12px 25px;
  border: 0;
  display: block;
}

.checkbox {
  float: left;
}

.checkbox input {
  float: left;
}

.checkbox label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: #ffffff;
  border-radius: 3px;
  overflow: hidden;
  text-indent: 20px;
  line-height: 3em;
  position: absolute;
  margin-left: -15px;
  transition: 0.8s;
}

.checkbox label:after {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #1e1f20;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
  background: transparent;
  transition: 0.8s;
  opacity: 0;
}

.checkbox input[type=checkbox]:checked ~ label:after {
  opacity: 1;
}

.CallMe span {
  display: block;
  margin-left: 25px;
  font-size: 0.9em;
}

@media screen and (max-width: 1280px) {
  .body-holder .Requirements {
    width: auto;
  }
  .Requirements TextArea {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .CallMe span {
    font-size: 0.8em;
  }
}
.compatibilityMessages {
  background: rgba(90, 200, 245, 0.9);
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.compatibilityMessage {
  color: #fff;
  width: 1000px;
  margin: 0 auto;
  display: flex;
  padding: 15px 0;
}

.compatibilityMessages div.message {
  max-width: auto;
  font-family: "open_sans-bold", sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0 20px;
  letter-spacing: 0.025em;
  color: #000;
}

.compatibilityMessages div.message i {
  display: inline-block;
  width: 36px;
  height: 30px;
  margin-right: 8px;
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  background-position: -116px -8px;
  background-size: 1200px 1200px;
}

.compatibilityMessage button {
  border: 3px solid #000;
  background-color: #dadcde;
  font-family: "uni_sansbold", sans-serif;
  border-radius: 5px;
  letter-spacing: 0.025em;
  padding: 8px 20px;
}

/* Compatibility Popup */
#compatibilityPopup {
  height: auto;
  top: 100px;
  position: fixed;
  top: 15%;
  width: 100%;
  z-index: 1000000;
  left: 0;
}

#compatibilityPopup .compatibilityContainer {
  border: 6px solid rgba(50, 50, 50, 0.9);
  max-width: auto;
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 5px;
  margin: 0 auto;
  min-width: 996px;
  max-width: 1200px;
  max-height: 100%;
  overflow-x: auto;
  padding: 5px;
}

#compatibilityPopup .compatibilityHeader {
  position: relative;
}

#compatibilityPopup .compatibilityHeader h3 {
  margin: 0;
  padding: 15px 0 0 15px;
  font-family: "uni_sanssemibold", sans-serif;
  font-size: 1.6em;
}

#compatibilityPopup .compatibilityHeader .close-expand {
  cursor: pointer;
  border: 0;
  right: auto;
  margin-left: 1165px;
  text-indent: 50px;
  overflow: hidden;
  width: 25px;
  background: none;
  position: fixed;
  margin-top: -35px;
}

#compatibilityPopup .close-expand span {
  width: 20px;
  height: 20px;
  display: block;
  margin-left: -10px;
  margin-top: -15px;
  background: url("../../images/3xs-sprite-2018-686da2e872.svg") no-repeat;
  background-position: -492px -10px;
  background-size: 1000px 1000px;
}

#compatibilityPopup .compatibilityContainer p {
  padding: 10px 15px;
  font-family: "open_sans", sans-serif;
  margin: 0;
}

#compatibilityPopup ul {
  margin: 0;
  padding: 0;
}

#compatibilityPopup ul > li img {
  margin: 8px 0;
}

#compatibilityPopup ul > li .description {
  height: 120px;
  width: 150px;
}

#compatibilityPopup ul > li {
  display: table-cell;
  font-size: 0.85em;
  padding: 5px;
  position: relative;
  height: 215px;
  text-align: center;
}

#compatibilityPopup .compatibilityContainer p {
  padding: 10px 15px;
  font-family: "open_sans", sans-serif;
  margin: 0;
}

#compatibilityPopup .compatibilityContainer .price {
  color: #000000;
  height: 60px;
}

#compatibilityPopup .compatibilityContainer p {
  font-family: "open_sans", sans-serif;
  margin: 0;
}

#compatibilityPopup ul > li button {
  border: 0;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  color: #000000;
  padding: 10px 8px;
  position: static;
  background-color: #dadcde;
  font-family: "uni_sansbold", sans-serif;
  border-radius: 3px;
}

#compatibilityPopup ul > li {
  text-align: center;
  display: table-cell;
  font-size: 0.85em;
  padding: 5px 5px;
  position: relative;
}

#compatibilityPopup .compatibilityContainer .liveChat {
  font-family: "open_sans-bold", sans-serif;
  border: 0;
  color: #2777b3;
  background: none;
  text-transform: uppercase;
}

#compatibilityPopup .compatibilityContainer .price .incVat {
  font-size: 0.8em;
}

#compatibilityPopup .compatibilityContainer .price .add, .compatibilityContainer .price .subtract {
  font-family: "uni_sanssemibold", sans-serif;
  display: block;
}

@media screen and (max-width: 1280px) {
  .compatibilityMessage {
    width: auto;
  }
  #compatibilityPopup .compatibilityContainer {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
  #compatibilityPopup .compatibilityHeader .close-expand {
    margin-left: auto;
    right: 16px;
  }
}
@media screen and (max-width: 1000px) {
  .compatibilityMessage {
    width: auto;
  }
  .compatibilityMessages div.message {
    font-size: 0.8em;
  }
  .compatibilityMessage button {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 800px) {
  .compatibilityMessage {
    padding: 10px 0;
  }
  .compatibilityMessages {
    z-index: 3000;
    bottom: 110px;
  }
  .compatibilityMessages div.message {
    font-size: 0.7em;
  }
  .compatibilityMessage button {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 750px) {
  .compatibilityMessage {
    display: block;
    text-align: center;
  }
  .compatibilityMessages div.message {
    font-size: 1.1em;
    padding: 0 10px;
  }
  .compatibilityMessage button {
    margin-top: 10px;
  }
}
/* CSS Document */
.configOptions .chair .icon {
  background-position: -10px -151px;
  width: 26px;
  background-size: 500px 500px !important;
  height: 44px !important;
}

.configOptions .cases .icon {
  background-position: -170px -6px;
  width: 22px;
}

.configOptions .motherboards .icon {
  background-position: -474px -6px;
  width: 40px;
}

.configOptions .cpu .icon {
  background-position: -10px -5px;
  width: 34px;
}

.configOptions .memory .icon {
  background-position: -51px -2px;
  width: 43px;
  background-size: 485px 485px !important;
}

.configOptions .gpu .icon {
  background-position: -368px -8px;
  width: 44px;
}

.configOptions .psu .icon {
  background-position: -422px -58px;
  width: 40px;
}

.configOptions .ssd .icon {
  background-position: -12px -57px;
  width: 26px;
}

.configOptions .hdd .icon {
  background-position: -324px -6px;
  width: 28px;
}

.configOptions .odd .icon {
  background-position: -107px -5px;
  width: 44px;
}

.configOptions .soundcards .icon {
  background-position: -265px -10px;
  width: 44px;
}

.configOptions .coolers .icon {
  background-position: -426px -6px;
  width: 32px;
}

.configOptions .wifi .icon {
  background-position: -11px -104px;
  width: 30px;
}

.configOptions .led .icon {
  background-position: -380px -106px;
  width: 20px;
}

.configOptions .os .icon {
  background-position: -216px -58px;
  width: 32px;
}

.configOptions .software .icon {
  background-position: -217px -106px;
  width: 36px;
}

.configOptions .monitors .icon {
  background-position: -214px -5px;
  width: 40px;
}

.configOptions .warranty .icon {
  background-position: -162px -56px;
  width: 40px;
}

.configOptions .upgrade .icon {
  background-position: -478px -54px;
  width: 36px;
}

.configOptions .virtualsetup .icon {
  background-position: -398px -166px;
  width: 32px;
  background-size: 550px 550px !important;
}

.configOptions .builttime .icon {
  background-position: -164px -108px;
  width: 35px;
}

.configOptions .welcomepack .icon {
  background-position: -600px -198px;
  width: 36px;
  background-size: 650px 650px !important;
}

.config .poweredBy ul li.asus {
  background-position: -297px 0;
  width: 62px;
}

.config .poweredBy ul li.corsair {
  background-position: -288px -24px;
  width: 80px;
}

.config .poweredBy ul li.intel {
  background-position: -217px -25px;
  width: 38px;
}

.config .poweredBy ul li.westernd {
  background-position: -410px -24px;
  width: 32px;
}

.config .poweredBy ul li.microsoft {
  background-position: -382px 0;
  width: 85px;
}

.config .poweredBy ul li.samsung {
  background-position: -5px top;
  width: 86px;
}

.config .poweredBy ul li.nvidia {
  background-position: -98px 0;
  width: 85px;
}

.config .poweredBy ul li.amd {
  background-position: -12px -24px;
  width: 70px;
}

.config .poweredBy ul li.peakAio {
  background-position: -96px -121px;
  width: 94px;
}

.config .poweredBy ul li.fractalC {
  background-position: -200px -121px;
  width: 75px;
}

.config .poweredBy ul li.seagate {
  background-position: -194px 0px;
  width: 82px;
}

.config .poweredBy ul li.pny {
  background-position: -292px -72px;
  width: 75px;
}

.config .poweredBy ul li.quadro {
  background-position: -200px -72px;
  width: 70px;
}

.config .poweredBy ul li.supermicro {
  background-position: -6px -94px;
}

.config .poweredBy ul li.qnap {
  background-position: -205px -96px;
  width: 68px;
}

.config .poweredBy ul li.synology {
  background-position: -294px -97px;
  width: 73px;
}

.config .poweredBy ul li.gigabyte {
  background-position: -3px -48px;
  width: 85px;
}

.config .poweredBy ul li.tesla {
  background-position: -268px -70px;
  width: 114px;
  background-size: 650px 664px;
}

.config .poweredBy ul li.excelero {
  background-position: -5px -120px;
  width: 80px;
}

.config .poweredBy ul li.quibic {
  background-position: -288px -121px;
  width: 87px;
}

.config .poweredBy ul li.fanatec {
  background-position: -383px -122px;
  width: 82px;
}

.config .poweredBy ul li.nzxt {
  background-position: -12px -146px;
  width: 59px;
}
/* div#messages { position:fixed; top:80px;  text-align:center; z-index:100; background:#c10707 }
div.message {  font-size:1em; font-family:Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; max-width:1280px; margin:0 auto; }
div.message > div, div.message-inline > div { border-radius:4px; display:inline-block; margin-bottom:5px; width:100%; text-align:left; opacity:0.95; }
div.message > div span { display:block; padding:23px 0 26px 90px; color:#FFFFFF; font-weight:bold; }

div.message-inline { font-size:1em; font-family:Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; width:100%; margin:0 auto 20px auto; }
div.message-inline > div { border-radius:6px; }
div.message-inline > div span { display:block; padding:15px 16px 20px 90px; color:#FFFFFF; font-weight:bold; }

.message-info { background:#368dcf url("../images/sprite-3xs.png?v=201503131100") no-repeat -198px -592px; border: 1px solid #17639d; }
.message-warning { background:#fca51b url("../images/sprite-3xs.png?v=201503131100") no-repeat -198px -516px; border: 1px solid #d4870d; }
.message-error { background: url("../images/sprite-3xs.png?v=201503131100") no-repeat -198px -516px; border: 1px solid #880505; }
*/
div#messages {
  position: fixed;
  top: 0;
  text-align: center;
  z-index: 10005;
  background: rgba(193, 7, 7, 0.9);
  width: 100%;
}

div#messages .message {
  width: 1280px;
  margin: auto;
  text-align: center;
  padding: 20px;
  color: #ffffff;
  font-family: "open_sans-bold", sans-serif;
  font-size: 0.9em;
}

@media screen and (max-width: 1280px) {
  div#messages .message {
    width: auto;
  }
}