#build_your_realm_with_Steam {
  background: url("../images/howto-bg.jpg") 0 0 no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color: #fff;
  font-family: 'DINPro-Medium'; }
  #build_your_realm_with_Steam a {
    text-decoration: none;
    color: #fff; }
  #build_your_realm_with_Steam .img-center {
    margin: 0 auto; }
  #build_your_realm_with_Steam section h1.seciton-title {
    font-size: 60px;
    color: #ff0000;
    text-shadow: 0px 3px 11px #000000, 0px 3px 20px #000000, 0px 3px 20px #000000;
    font-family: 'DINPro-Medium';
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px; }
    @media (max-width: 1200px) {
      #build_your_realm_with_Steam section h1.seciton-title {
        font-size: 45px;
        margin-bottom: 0px; } }
    #build_your_realm_with_Steam section h1.seciton-title::after {
      content: '';
      display: block;
      background: url(../images/title-deco.png) 50% 50% no-repeat;
      width: 100%;
      height: 56px;
      margin-top: -30px; }
  #build_your_realm_with_Steam section.kv {
    background: url(../images/kv-bg.jpg) 50% 0% no-repeat;
    background-color: #000;
    background-size: 100%;
    padding: 7% 30px 3%; }
    @media (min-width: 2300px) {
      #build_your_realm_with_Steam section.kv {
        background: url(../images/kv-bg.jpg) 50% 100% no-repeat;
        background-color: #000;
        background-size: 100%; } }
    #build_your_realm_with_Steam section.kv h1.seciton-title {
      margin-bottom: 0; }
    #build_your_realm_with_Steam section.kv h2 {
      margin-top: -2%;
      margin-bottom: 3%;
      font-family: 'din_pro_bold';
      margin-left: 10.3%; }
    #build_your_realm_with_Steam section.kv h2::after {
      content: '*OR WHILE STOCKS LAST';
      font-family: 'DINCond-Medium-Regular';
      float: right;
      font-size: 20px;
      display: inline;
      line-height: 2;
      margin-right: 30px;
      margin-bottom: 0; }
  #build_your_realm_with_Steam section.s1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 4%;
    background-color: #000; }
    @media (max-width: 1200px) {
      #build_your_realm_with_Steam section.s1 {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    @media (max-width: 992px) {
      #build_your_realm_with_Steam section.s1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    #build_your_realm_with_Steam section.s1 .pd-wrap {
      position: relative;
      text-align: center;
      background-color: #0b0b0b;
      border-radius: 10px;
      padding: 10px 20px 30px;
      overflow: hidden; }
      #build_your_realm_with_Steam section.s1 .pd-wrap::after {
        position: absolute;
        top: -40px;
        right: -40px;
        content: '';
        width: 80px;
        height: 80px;
        display: inline-block;
        background-color: #f00;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      #build_your_realm_with_Steam section.s1 .pd-wrap .title-wrap h1 {
        margin: 0;
        color: #f00;
        font-family: 'din_pro_bold'; }
      #build_your_realm_with_Steam section.s1 .pd-wrap .title-wrap h3 {
        font-family: 'din_pro_bold'; }
      #build_your_realm_with_Steam section.s1 .pd-wrap .pd-item {
        padding: 0 5px; }
        @media (max-width: 1200px) {
          #build_your_realm_with_Steam section.s1 .pd-wrap .pd-item {
            max-width: 300px;
            margin: 0 auto 30px; } }
        #build_your_realm_with_Steam section.s1 .pd-wrap .pd-item h3 {
          font-family: 'din_pro_bold'; }
        #build_your_realm_with_Steam section.s1 .pd-wrap .pd-item a {
          display: inline-block; }
        #build_your_realm_with_Steam section.s1 .pd-wrap .pd-item img {
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        #build_your_realm_with_Steam section.s1 .pd-wrap .pd-item:hover img {
          -webkit-transform: translateY(-6px);
              -ms-transform: translateY(-6px);
                  transform: translateY(-6px); }
    #build_your_realm_with_Steam section.s1 .pd-wrap.left {
      margin-right: 30px; }
      @media (max-width: 1200px) {
        #build_your_realm_with_Steam section.s1 .pd-wrap.left {
          margin-left: 30px;
          margin-bottom: 0px; } }
    @media (max-width: 1200px) {
      #build_your_realm_with_Steam section.s1 .pd-wrap.right {
        margin: 30px; } }
    #build_your_realm_with_Steam section.s1 .flex-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 992px) {
        #build_your_realm_with_Steam section.s1 .flex-box {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
  #build_your_realm_with_Steam section.s2 {
    text-align: center;
    background-color: #101010;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #020202), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #020202), color-stop(0.75, #020202), color-stop(0.75, transparent), to(transparent));
    -webkit-background-size: 4px 4px;
    padding-bottom: 4%;
    padding-top: 2%; }
    #build_your_realm_with_Steam section.s2 .step-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #build_your_realm_with_Steam section.s2 .step-wrap .step {
        max-width: 290px;
        margin: 0 1%; }
        #build_your_realm_with_Steam section.s2 .step-wrap .step h3 {
          color: #f00;
          font-weight: bold;
          margin: 0px 0 20px; }
          @media (max-width: 1200px) {
            #build_your_realm_with_Steam section.s2 .step-wrap .step h3 {
              margin: 0px 0 8px; } }
        #build_your_realm_with_Steam section.s2 .step-wrap .step p {
          font-size: 18px; }
      #build_your_realm_with_Steam section.s2 .step-wrap .arrow {
        position: relative; }
      #build_your_realm_with_Steam section.s2 .step-wrap .arrow i {
        font-size: 54px;
        position: absolute;
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    @media (max-width: 768px) {
      #build_your_realm_with_Steam section.s2 .step-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        #build_your_realm_with_Steam section.s2 .step-wrap .step {
          width: 60%;
          margin: 0 auto; }
        #build_your_realm_with_Steam section.s2 .step-wrap .arrow {
          padding-bottom: 36px; }
        #build_your_realm_with_Steam section.s2 .step-wrap .arrow i {
          -webkit-transform: translate(-50%, -50%) rotate(90deg);
              -ms-transform: translate(-50%, -50%) rotate(90deg);
                  transform: translate(-50%, -50%) rotate(90deg); } }
    #build_your_realm_with_Steam section.s2 .redeem-btn {
      margin-top: 3%; }
      #build_your_realm_with_Steam section.s2 .redeem-btn button {
        font-size: 24px;
        background: transparent;
        padding: 10px 2%;
        border-radius: 45px;
        margin: 15px 10px 0;
        border: 4px solid #f00;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        outline: none;
        background-color: #4c0000;
        background-image: -webkit-linear-gradient(45deg, #4c0000 0%, #4c0000 55%, #4c0000 90%);
        background-image: -o-linear-gradient(45deg, #4c0000 0%, #4c0000 55%, #4c0000 90%);
        background-image: linear-gradient(45deg, #4c0000 0%, #4c0000 55%, #4c0000 90%); }
        #build_your_realm_with_Steam section.s2 .redeem-btn button:hover {
          background-color: #4c0000;
          background-image: -webkit-linear-gradient(45deg, #4c0000 0%, #990000 55%, #4c0000 90%);
          background-image: -o-linear-gradient(45deg, #4c0000 0%, #990000 55%, #4c0000 90%);
          background-image: linear-gradient(45deg, #4c0000 0%, #990000 55%, #4c0000 90%);
          background-position: 100% 0;
          background-size: 200% 200%; }
      #build_your_realm_with_Steam section.s2 .redeem-btn .download-btn button {
        border-radius: 0px;
        background: #ff6a13;
        color: #000;
        border: 0;
        font-weight: bold;
        margin-top: 3%; }
        #build_your_realm_with_Steam section.s2 .redeem-btn .download-btn button:hover {
          background-color: #c92500;
          color: #fff; }
  #build_your_realm_with_Steam section.s3 {
    padding-bottom: 4%;
    padding-top: 2%; }
    #build_your_realm_with_Steam section.s3 .wtb-wrap {
      text-align: center; }
      #build_your_realm_with_Steam section.s3 .wtb-wrap a {
        display: inline-block;
        margin: 0 20px; }
  #build_your_realm_with_Steam section.s4 {
    background-color: #000;
    padding-bottom: 4%;
    padding-top: 2%;
    text-align: center; }
    #build_your_realm_with_Steam section.s4 .pd-item {
      display: inline-block;
      width: 100%;
      max-width: 360px;
      text-align: center;
      margin: 0 15px;
      padding-top: 24px;
      border-radius: 10px;
      overflow: hidden;
      background-color: #0b0b0b; }
      #build_your_realm_with_Steam section.s4 .pd-item img {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; }
      @media (max-width: 1200px) {
        #build_your_realm_with_Steam section.s4 .pd-item {
          margin: 0 15px 30px; } }
      #build_your_realm_with_Steam section.s4 .pd-item h4 {
        color: #999; }
      #build_your_realm_with_Steam section.s4 .pd-item a {
        display: block;
        background-color: #b5b5b5;
        color: #0b0b0b;
        font-size: 18px;
        padding: 10px 0;
        margin-top: 24px;
        font-weight: bold;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        #build_your_realm_with_Steam section.s4 .pd-item a:hover {
          background-color: #f00; }
  #build_your_realm_with_Steam section.s5 {
    padding-top: 2%;
    background-color: #000; }
    #build_your_realm_with_Steam section.s5 h1.seciton-title {
      margin-bottom: 0; }
  #build_your_realm_with_Steam #tc-modal .modal-content {
    background-color: #000; }
  #build_your_realm_with_Steam #tc-modal .modal-dialog {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  #build_your_realm_with_Steam #tc-modal .modal-header {
    padding: 5px;
    border-bottom: 0; }
  #build_your_realm_with_Steam #tc-modal .modal-footer {
    text-align: center; }
  #build_your_realm_with_Steam #tc-modal .close {
    color: #fff;
    opacity: 1;
    font-size: 40px; }
  #build_your_realm_with_Steam #tc-modal .terms-n-conditions {
    padding: 0 30px; }
    #build_your_realm_with_Steam #tc-modal .terms-n-conditions h2 {
      text-align: center; }
    #build_your_realm_with_Steam #tc-modal .terms-n-conditions h3 {
      color: red;
      font-weight: bold; }
    #build_your_realm_with_Steam #tc-modal .terms-n-conditions h4 {
      font-weight: bold; }
    #build_your_realm_with_Steam #tc-modal .terms-n-conditions ul {
      list-style: none;
      -webkit-margin-before: 1em;
              margin-block-start: 1em;
      -webkit-margin-after: 1em;
              margin-block-end: 1em;
      -webkit-margin-start: 0px;
              margin-inline-start: 0px;
      -webkit-margin-end: 0px;
              margin-inline-end: 0px;
      -webkit-padding-start: 40px;
              padding-inline-start: 40px; }
    #build_your_realm_with_Steam #tc-modal .terms-n-conditions ul.is-dot {
      list-style-type: disc; }
      #build_your_realm_with_Steam #tc-modal .terms-n-conditions ul.is-dot ul.is-dot {
        margin: 6px 0;
        list-style-type: circle; }
    #build_your_realm_with_Steam #tc-modal .terms-n-conditions p,
    #build_your_realm_with_Steam #tc-modal .terms-n-conditions ul {
      font-size: 14px;
      line-height: 1.4; }
    #build_your_realm_with_Steam #tc-modal .terms-n-conditions a {
      color: red;
      font-weight: bold; }
  #build_your_realm_with_Steam #tc-modal table {
    max-width: 100%;
    border: 1px solid #d5d5d2;
    border-collapse: collapse; }
  #build_your_realm_with_Steam #tc-modal table caption {
    font-family: 'Tungsten A', 'Tungsten B', 'Arial Narrow', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.954rem;
    line-height: 1; }
  #build_your_realm_with_Steam #tc-modal table th {
    font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: .9353rem;
    padding: 1.2307em 1.0833em 1.0833em;
    line-height: 1.333;
    background-color: #eae9e6; }
  #build_your_realm_with_Steam #tc-modal table td,
  #build_your_realm_with_Steam #tc-modal table th {
    text-align: left; }
  #build_your_realm_with_Steam #tc-modal table td {
    padding: .92307em 1em .7692em; }
  #build_your_realm_with_Steam #tc-modal table tbody th {
    border-top: 1px solid #d5d5d2; }
  #build_your_realm_with_Steam #tc-modal table tbody td {
    border: 1px solid #d5d5d2; }
  #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table thead th abbr {
    border-bottom: none; }
  @media screen and (max-width: 47.99em) {
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table td,
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table th {
      display: block; }
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table thead tr {
      display: none; }
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table tbody tr:first-child th {
      border-top-width: 0; }
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table tbody tr:nth-of-type(even) {
      background-color: transparent; }
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table tbody td {
      text-align: left; }
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table tbody td:before {
      display: block;
      font-weight: 700;
      content: attr(data-header); }
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table tbody td:empty {
      display: none; }
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table tbody td:nth-of-type(even) {
      background-color: #f9f8f5; } }
  @media (min-width: 48em) {
    #build_your_realm_with_Steam #tc-modal table caption {
      font-size: 2.532rem; }
    #build_your_realm_with_Steam #tc-modal table th {
      padding: 1.2307em 1.2307em 1em;
      font-size: .802rem; }
    #build_your_realm_with_Steam #tc-modal table td {
      padding: .75em 1em .602em; } }
  @media screen and (min-width: 48em) {
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table thead th:not(:first-child) {
      text-align: center; }
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table tbody td {
      text-align: center; }
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table.flush-left td,
    #build_your_realm_with_Steam #tc-modal table.wdn_responsive_table.flush-left thead th {
      text-align: left; } }