/* CSS Document */
*
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /*
    ----------------------------------------
      Section Structure
    ----------------------------------------
      outer
        inner
    */

    .section-outer
    {
      min-width:320px;
      margin:0 auto;
      position:relative;
      max-width:2560px;
    }
    .section-inner
    {
      margin:0 auto;
      position:relative;
      padding:32px 16px;
      max-width:1600px;
    }

    /*
    ----------------------------------------
      Basic Styles
    ----------------------------------------
    */
      .img_link
      {
        text-decoration: none;
        display:block;
      }
      .img_link img
      {
        display:block;
      }


    /*
    ----------------------------------------
      Content Structure - Varies
    ----------------------------------------
    */

    .split-container
    {
      text-align: center;
      margin:0 auto;
    }
    .split-container .split-50
    {
      font-size:16px;
      width:100%;
      position:relative;
      display: inline-block;
      vertical-align: middle;
      white-space: normal;
      text-align: left;
      direction: ltr;
    }
    @media (min-width:721px)
    {
      .split-container
      {
        text-align: center;
        margin:0 auto;
        white-space:nowrap;
      }
      .split-container .split-50
      {
        width:50%;
      }
    }
    .split-container-2
    {
      text-align: center;
      white-space: nowrap;
      margin:0 auto;
    }
    .split-container-2 .split-50
    {
      font-size:16px;
      width:50%;
      position:relative;
      display: inline-block;
      vertical-align: middle;
      white-space: normal;
      text-align: left;
      direction: ltr;
    }
    .rtl
    {
      direction: rtl;
    }



    .split-30
    {
      font-size:16px;
      width:100%;
      position:relative;
      display: inline-block;
      vertical-align: top;
      white-space: normal;
      text-align: left;
      direction: ltr;
    }
    @media (min-width:721px)
    {
      .split-30
      {
        width:30%;
      }
    }



    /*
    ----------------------------------------
      Fonts and Colors - Varies
    ----------------------------------------
    */
    #msi_custom_page
    {
      font-family: 'DINPro-Regular', 'arial', sans-serif;
      font-size:16px;
      line-height:1.75;
      font-weight:400;
      color:#ffffff;
      background:#000;
      margin:0;
      min-width:320px;
    }
    .msi_custom-h1
    {
      font-family: 'din_pro_bold', 'arial', sans-serif;
      font-size:3em;
      font-weight:300;
      line-height:1;
    }
    .msi_custom-h2
    {
      font-family: 'din_pro_bold', 'arial', sans-serif;
      font-size:1.25em;
      line-height:1.25;
      margin:.25em 0;
      color:#ff0000;
    }
    .msi_custom-p
    {
      font-size:1em;
      line-height:1.35;
      font-weight:400;
    }
    .msi_custom-p2
    {
      font-size:.75em;
      line-height:1.35;
      font-weight:400;
      padding-right:16px;
    }

    .msi_custom-ol
    {
      color:#c3c3c3;
      line-height: 1.25;
      list-style-position: outside;
      margin:0;
      padding:0 18px 1em;
    }
    sup.msi_custom-sup
    {
      font-size:.5em;
      margin:0 1px;
      line-height: 1;
      vertical-align: super;
      position: static;
    }


    /*
    ----------------------------------------
      Helper
    ----------------------------------------
    */
    .text-center
    {
      text-align: center;
    }
    .text-right
    {
      text-align: right;
    }
    .clearfix:after
    {
        display: block;
        content: '';
        clear: both;
    }

    /*
    ----------------------------------------
      redeem
    ----------------------------------------
    */
    .redeemtb {
      display: table;
      width: auto;
      margin: 50px auto 60px;
      text-align: center;
    }
    .redeemtb .th, .redeemtb .td{
      display:table-cell;
      vertical-align: top;
    }
    .redeemtb .th {
      padding: 50px 50px 0;
    }
    .redeemtb .icon{
      width: 180px;
      height: 180px;
      margin: 0 auto;
    }
    .redeemtb a{
      color:#fff;
      text-decoration: none;
    }
    .redeemtb a:hover{
      color:#f00;
    }

    .redeemtb .icon1{
      background: url("https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/icon01.png") center center no-repeat;
    }
    .redeemtb .icon2{
      background: url("https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/icon02.png") center center no-repeat;
    }
    .redeemtb .icon3{
      background: url("https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/icon03.png") center center no-repeat;
    }
    .redeemtb .icon4{
      background: url("https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/icon04.png") center center no-repeat;
    }

    .redeemtb a:hover .icon1{
      background: url("https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/icon012.png") center center no-repeat;
    }
    .redeemtb a:hover .icon2{
      background: url("https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/icon022.png") center center no-repeat;
    }
    /*.redeemtb a:hover .icon3{
      background: url("https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/icon032.png") center center no-repeat;
    }*/
    /*.redeemtb a:hover .icon4{
      background: url("https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/icon042.png") center center no-repeat;
    }
*/

    .redeemtb p{
      padding: 10px 0;
      margin: 0;
      text-transform: uppercase;
    }
    
    @media screen and (max-width: 1280px){
      .redeemtb .th {
        padding: 50px 20px 0;
      }
    }

    @media screen and (max-width: 1024px){
      .redeemtb .th {
        padding: 50px 5px 0;
      }
    }

    @media screen and (max-width: 960px) {
      .redeemtb {
      }
      .redeemtb .td, .redeemtb .th {
        width: 100%;
        display: table;
        padding:0;
      }
      .redeemtb .th img {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
      }
    }

    #rx580_kv
          {
            border-top: #f00 2px solid;
            background-size:cover;
            background-position: center top;
            background-repeat: no-repeat;
            width:100%;
            min-width:320px;
          }
          @media (max-width:720px)
          {
            #rx580_kv
            {
              background-image:url('https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/kv-720.jpg');
              padding-bottom:100%;
            }
          }
          @media (max-width:1300px) and (min-width:721px)
          {
            #rx580_kv
            {
              background-image:url('https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/kv-1600.jpg');
              padding-bottom:70%;
            }
          }
          @media (min-width:1301px) and (max-width:1600px)
          {
            #rx580_kv
            {
              background-image:url('https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/kv-1600.jpg');
              padding-bottom:70%;
            }
          }
          @media (min-width:1600px)
          {
            #rx580_kv
            {
              background-image:url('https://asset.msi.com/event/vga/2018/rtx580holidaypromo/images/kv-1600.jpg');
              padding-bottom:1120px;
              background-size:auto;
            }
          }
.vga-img
      {
        display:block;
        margin:0 auto;
        width:100%;
        padding-right:5%;
        max-width:560px;
      }
      .custom-line
      {
        height: 1px;
        width:100%;
        background:#444444;
        margin:.75em 0;
      }
      .vga_models_section .msi_custom-p2
      {
        color:#bbbbbb;
        margin-bottom:.25em;
      }
      .vga_models_section .split-30
      {
        padding:2em 16px;
      }
.add-bonus{
  text-align: center;  
  padding-bottom: 60px;
  width: 100%;
  max-width:1200px;
  margin: 0 auto;
}
.add-bonus p{
  padding-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
}
.add-bonus p strong{
  color:#f00;
}
.add-bonus a{
  text-decoration: none;
  color:#fff;
  border:#fff 1px solid;
  padding:10px 35px;
  transition:0.5s all ease-in;
}
.add-bonus a:hover{
  color:#f00;
  border:#f00 1px solid;
}

/*model*/
.model-container{
  display:flex;
  flex-wrap:wrap;
}
.model-item{
  width: 22%;
  margin: 15px 1.5% 35px;
}
.model-item img{width: 100%; height: auto;}
@media screen and (max-width:960px){
  .model-item{
    width: 47%;
    margin: 15px 1.5% 35px;
  }
}
@media screen and (max-width: 480px) {
  .model-container{
    display:block;
  }
  .model-item{
    width: 97%;
    margin: 15px 1.5% 35px;
  }
}