
.swiper-container
{
  padding:40px 0;
  width:calc(100% - 40px);
}
.swiper-wrapper
{
  display:flex;

}
.swiper-button-next, .swiper-button-prev
{
  width:16px;
  height:44px;
  background-size:contain;
  opacity:.5;
}
.swiper-button-next:hover, .swiper-button-prev:hover
{
  opacity:1;
}
.swiper-pagination-bullet
{
  opacity:.5;
}
.swiper-pagination-bullet:hover
{
  opacity:1;
}
.swiper-pagination-bullet-active
{
  background:#fff;
}


#msi_custom-page
{
  font-family: 'DINPro-Light', sans-serif;
  font-size:14px;
  font-weight:normal;
  line-height:1.5;
  color:#ffffff;
  margin:0 auto;
  min-width:320px;
  background-image: url("https://storage-asset.msi.com/ca/picture/image/a_gift_for_dad/AGiftToDad_bg.jpg");
  background-position:top center;
  overflow:hidden;
}
#msi_custom-page *
{
  box-sizing: border-box;
}
@media (max-width:1600px)
{
  #msi_custom-page
  {
    background-size:1600px auto;
  }
}
@media (min-width:1281px)
{
  #msi_custom-page
  {
    font-size:16px;
  }
}
@media (min-width:1601px)
{
  #msi_custom-page
  {
    font-size:18px;
  }
}


h1.msi-h1
{
  font-family: 'DINCond-Black', sans-serif;
  font-size:5em;
  font-weight:normal;
  line-height:.75;
  color:#ffffff;
  text-transform: uppercase;
  text-align: center;
  margin:0 auto;
  padding:0;
}
h2.msi-h2
{
  font-family: 'DINCond-Black', sans-serif;
  font-size:3em;
  font-weight:normal;
  text-transform: uppercase;
  color:#ffffff;
  vertical-align: middle;
  text-align: center;
  margin:0 auto;
  padding:0;
}
span.title-bar
{
  display:inline-block;
  height:4px;
  width:16px;
  background:rgba(255,255,255,0.2);
  vertical-align: middle;
  margin:0 2px;
}
h3.msi-h3
{
  font-family: 'din_pro_bold', sans-serif;
  font-size:1.5em;
  font-weight:normal;
  color:#ffffff;
  text-align: center;
  margin:0 0 .25em;
  padding:0;
}
#more_savings h3.msi-h3
{
  font-family: 'DINPro-Regular', sans-serif;
  font-size:1.25em;
}

h4.msi-h4
{
  font-family: 'DINPro-Regular', sans-serif;
  font-size:1.5em;
  font-weight:normal;
  color:#ffffff;
  text-align: center;
  margin:0 0 .25em;
  padding:0;
}


p.msi-p1
{
  font-family: 'DINPro-Light', sans-serif;
  font-size:1.25em;
  font-weight:normal;
  max-width:1080px;
  padding:1em 0 0;
  margin:0 auto;
  text-align:center;
}
 p.price-listing
{
  font-family: 'din_pro_bold', sans-serif;
  font-size:2em;
  font-weight:normal;
  padding:.25em 0 .75em;
  margin:0 auto;
  text-align:center;
  vertical-align: middle;
}
p.price-listing .old-price
{
  font-family: 'DINPro-Light', sans-serif;
  font-size:.625em;
  font-weight:normal;
  margin-right:.5em;
  text-align:center;
  vertical-align: middle;
  text-decoration: line-through;
  opacity:.75;
}
p.price-listing .new-price
{
  vertical-align: middle;
}
#more_savings p.price-listing
{
  font-size:1.75em;
  font-weight:normal;
}
ul.msi-ul
{
  display:inline-block;
  padding:0;
  margin:0;
  list-style: none;
  text-align: center;
}
#msi_custom-page sup
{
  font-size:.5em;
}

/*
  clearfix
*/
.clearfix:after
{
  display: block;
  content: "";
  clear: both;
}
.sr-only
{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/*
  Section Structure
*/
.section-inner
{
  max-width:1600px;
  margin:0 auto;
  padding:0 16px;
  position:relative;
}
.section-outer
{
  margin:0 auto;
}

.fontSmaller
{
  font-size:smaller;
}


.item-box
{
  display:block;
  position:relative;
  margin:0 5px;
  padding:2px 2px 1.5em;
  text-align: center;
  background-color:rgba(0,0,0,0.15);
  box-shadow:0 0 0 2px rgba(255,255,255,0.15) inset;

}
.item-box img
{
  display:block;
  margin:0 auto;
  max-width:100%;
  padding:16px;

}
.item-box .sale-banner-container
{
  text-align:left;
}
.item-box .sale-banner
{
  display:inline-block;
  padding:.25em 35px .35em 15px;
  margin-bottom:.5em;
  font-family: 'DINPro-Regular', sans-serif;
  font-size:1em;
  font-style: italic;
  font-weight: normal;
  text-align: left;
  background-image:url('https://storage-asset.msi.com/us/picture/promotion/us/2020/intel-gamer-days/sale-banner.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:top right;
  position:absolute;
}
.item-box .sale-retailer
{
  display:block;
  position:absolute;
  width:100%;
  top:0;
  right:0;
}
.item-box .sale-retailer img
{
  display:block;
  margin:0;
  float:right;
  min-width:90px;
}
.item-box a.gtm-buy-link
{
  display: block;
  margin:0 auto .5em;
  border:1px solid #fff;
  padding:.5em;
  color:#fff;
  font-size:1.25em;
  text-decoration: none;
  width:85%;
  font-family:'din_pro_bold', arial, sans-serif;
  letter-spacing: 1px;
}
.item-box .gtm-buy-link:hover, .hatch-link:hover
{
  animation-name: buy-link-hover;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
@-webkit-keyframes buy-link-hover {
  from {background:none;}
  to {background:rgba(255,255,255,0.15);}
}

.hatch-link
{
  display: block;
  margin:0 auto .5em;
  border:1px solid #fff;
  padding:1em;
  color:#fff;
  font-size:.85em;
  text-decoration: none;
  width:85%;
  letter-spacing: 1px;
}

.banner-link .gtm-buy-link
{
  display:block;
  margin:0 auto;
  text-decoration:none;
  background:#000;
}
.banner-link .gtm-buy-link .banner-link-img
{
  opacity:.88;
}
.banner-link .gtm-buy-link .banner-link-img:hover
{
  animation-name: link-hover;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
@keyframes link-hover
{
  from {opacity:.88}
  to {opacity:1;}
}


#exclusive_deals .swiper-container
{
  margin-bottom:5em;
}
#exclusive_deals .product-img
{
  margin-top:5em;
}
@media (min-width:721px)
{
  #exclusive_deals .swiper-container
  {
    overflow:auto;
    width:calc(100% - 34px);
    margin-bottom:0;
  }
  #exclusive_deals .swiper-container .swiper-wrapper
  {
    display:block;
    text-align: center;
  }
  #exclusive_deals .swiper-container .swiper-wrapper .swiper-slide
  {
    display:inline-block;
    width:calc(50% - 10px);
    margin-bottom:12px;
    height:auto;
    vertical-align: top;
  }
  #exclusive_deals .swiper-pagination
  {
    display:none;
  }
  #exclusive_deals .swiper-button-next, #exclusive_deals .swiper-button-prev
  {
    display:none;
  }
}
@media (min-width:1081px)
{
  #exclusive_deals .swiper-container .swiper-wrapper .swiper-slide
  {
    display:inline-block;
    width:calc(33.33% - 10px);
    height:auto;
  }
}
#exclusive_deals .bundle-deal .gtm-buy-link
{
  display:inline-block;
  width:auto;
  padding:0;
}



    #more_savings .item-box
    {
        padding-top:1.5em;
    }
    #more_savings .item-box img
    {
        padding:0 16px;
    }
    #more_savings .software-pack
    {
        font-family: 'DINPro-Regular', sans-serif;
        font-size:.75em;
        line-height:1;
        padding-top:.125em;
        margin-bottom:-1.125em;
        font-style: italic;
        color:#ffff00;
    }
    #more_savings h3.msi-h3
    {
        font-size:1.25em;
    }


    .participation_container
    {
        max-width:1000px;
        margin:0 auto;
        text-align: center;

    }
    .participation_container img
    {
        display:inline-block;
        vertical-align: middle;
        margin:2%;
        max-width:24%;
    }