@font-face {
    font-family: 'CenturyGothic';
    src: url('https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHIC.woff') format("woff"), url('.https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHIC.TTF') format("truetype"), url('.https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHIC.eot') format("embedded-opentype");
}
@font-face {
    font-family: 'CenturyGothic-B';
    src: url('https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHICB.woff') format("woff"), url('.https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHICB.TTF') format("truetype"), url('.https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHICB.eot') format("embedded-opentype");
}
@font-face {
    font-family: 'CenturyGothic-BI';
    src: url('https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHIC-BI.woff') format("woff"), url('.https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHIC-BI.TTF') format("truetype"), url('.https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHIC-BI.eot') format("embedded-opentype");
}
@font-face {
    font-family: 'CenturyGothic-I';
    src: url('https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHIC-I.woff') format("woff"), url('.https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHIC-I.TTF') format("truetype"), url('.https://storage-asset.msi.com/global/picture/image/feature/nb/gs/GS76-TigerLake/fonts/GOTHIC-I.eot') format("embedded-opentype");
}



#msi_custom_page
{
     width:100%;
     margin:0 auto;
     min-width:300px;
     max-width:2560px;
     font-family: "CenturyGothic", sans-serif;
     font-weight:normal;
     font-size:15px;
     line-height: 1.25;
     overflow:hidden;
     position: relative;
     background:#fff;
     color:#0a0a0a;
}
     #msi_custom_page *
     {
          box-sizing: border-box;
     }
     @media (min-width:961px)
     {
          #msi_custom_page
          {
               font-size:18px;
          }
     }

.text-center
{
     text-align: center;
}
.clearfix:after
{
     content: "";
     clear: both;
     display: table;
}

.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

#msi_custom_page strong
{
     font-family: 'CenturyGothic-B', sans-serif;
     font-weight:normal;
}
#msi_custom_page small
{
     font-size:.85em;
}
#msi_custom_page h2
{
     margin:0 0 .5em;
     padding:0;

     font-family: 'CenturyGothic-B', sans-serif;
     font-weight:normal;
     font-size: 2em;
}

#section-intro
{
     padding:3em 0;
}
     #section-intro .section-inner
     {
          width:100%;
          max-width:800px;
          margin:0 auto;
          padding:0 20px;

          text-align: center;
     }
          #section-intro h1
          {
               font-family: 'CenturyGothic-B', sans-serif;
               font-weight:normal;
               font-size: 2em;
          }
          #section-intro p
          {
               line-height:1.5;
          }
          #section-intro .divider
          {
               height:2px;
               width:100%;
               max-width:640px;
               margin:3em auto 2em;

               background:#5eb9e6;

          }
          #section-intro .gtm-buy-link
          {
               display:block;

               width:100%;
               padding-bottom:42.85%;

               border-radius:10px;
               border:3px solid #fff;

               background:url('../btn-holiday-sales-2021.jpg') center center no-repeat;
               background-size:cover;
          }
               #section-intro .gtm-buy-link:hover
               {
                    border:3px solid #5eb9e6;
               }



#section-info
{
     padding:4em 0;
     background:url('../bg-snow.jpg') top center no-repeat;
     background-size:contain;
     background-color:#5eb9e6;

     text-align: center;
     color:#fff;
}
     #section-info h2
     {
          color:#fff;
     }
     #section-info h3
     {
          margin:0;
          padding:0;

          color:#fff;
          font-family: 'CenturyGothic-B', sans-serif;
          font-weight:normal;
          font-size: 2.5em;
          line-height:.85;
     }
     #section-info p
     {
          margin:0;
          padding:0;
     }

     .how-to-enter
     {
          width:calc(100% - 40px);
          max-width:1280px;
          margin:0 auto;
          padding:4em 20px;

          background:#309cc9;

          border:3px solid #c2eafa;
          border-radius:10px;
     }
          .how-to-enter table
          {
               max-width:960px;
               margin:0 auto;

               text-align: left;
               border-spacing: 20px;


          }
               .how-to-enter table tr td:first-child
               {
                    padding-right:20px;
                    border-right:2px solid #6ebad9;

               }


          .how-to-enter .tc-link
          {
               display:inline-block;
               margin-top:2em;

               color:#fff;
               font-size:.85em;
               text-align: center;
          }
          .how-to-enter .tc-link:hover
          {
               color:#c2eafa;
          }


     .prize-wrap
     {
          padding:3em 0 0;
     }
          .prize-wrap ul.prize-list
          {
               max-width:1600px;
               margin:2rem auto 0;
               padding:3em 20px;

               list-style:none;
               font-size:0;
          }
               .prize-wrap ul.prize-list li
               {
                    display: inline-block;
                    margin:8px;
                    padding:0;

                    width:calc(50% - 16px);
                    max-width:400px;
               }
                    @media(min-width:721px)
                    {
                         .prize-wrap ul.prize-list li
                         {
                              width:calc(33% - 16px);
                         }
                    }
                    @media(min-width:1081px)
                    {
                         .prize-wrap ul.prize-list li
                         {
                              width:calc(25% - 16px);
                         }
                    }

                    .prize-wrap ul.prize-list li .prize-img
                    {
                         display:block;

                         width:100%;
                         padding-bottom:75%;

                         border:3px solid #c2eafa;
                         border-radius:5px;
                         background-position: center center;
                         background-repeat:no-repeat;
                         background-size:cover;

                    }


#section-products
{
     padding:4em 20px;
     text-align: center;

}
#section-products h2
{
     color:#309cc9;
}



/** rich accordion style **/
.r_accordion
{
     max-width:1600px;
     margin:0 auto;

     text-align: center;
}
     .r_accordion .r_accordion_button
     {
          box-sizing: border-box;
          position:relative;
          float:left;

          width:50%;
          padding:5px;

          overflow: hidden;
     }
          @media(min-width:721px)
          {
               .r_accordion .r_accordion_button
               {
                    width:33.33%;
               }
          }
          @media(min-width:1081px)
          {
               .r_accordion .r_accordion_button
               {
                    width:25%;
               }
          }
          @media(min-width:1441px)
          {
               .r_accordion .r_accordion_button
               {
                    width:16.66%;
               }
          }
               .r_accordion .r_accordion_button button
               {
                    display:block;
                    width:100%;

                    padding:10px 0px;

                    border:2px solid #5eb9e6;
                    border-radius:10px;

                    background:#fff;

                    font-family: "CenturyGothic-B", sans-serif;
                    font-size:.85em;
                    color:#5eb9e6;
                    overflow: auto;

                    cursor:pointer;

               }
               .r_accordion .r_accordion_button.ra_active button
               {
                    background:#5eb9e6;
                    color:#fff;
               }
                    .r_accordion .r_accordion_button button:hover
                    {
                         border-color:#c2eafa;
                    }

               .r_accordion_triangle
               {
                    position:relative;

                    width: 0;
                    height: 0;
                    margin:4px auto;

                    top:10px;


                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-bottom: 16px solid #5eb9e6;
               }



.r_accordion .r_accordion_content_wrap
{
     width:100%;
     padding:4px;
     margin:0 auto 20px;
}
     .r_accordion .r_accordion_content_wrap .r_accordion_content
     {
          background:#5eb9e6;

          border-radius:10px;
     }

.product-wrap
{
     max-width:1440px;
     padding:40px 20px;
     margin:0 auto;
}
@media(min-width:961px)
{
     .product-wrap
     {
          padding:5% 20px;
     }
}
     .product-wrap .product-flex
     {
          display: flex;
          flex-wrap: wrap;
          justify-content:space-evenly;
          flex-direction: column;
     }
          @media (min-width:721px)
          {
               .product-wrap .product-flex
               {
                    flex-direction: row;
               }
          }
          .product-wrap .product-flex .product-box
          {
               border-bottom:1px solid #fff;
               text-align: center;
               flex: 1 1 0;
               padding:8% 0;
          }
               @media (min-width:721px)
               {
                    .product-wrap .product-flex .product-box
                    {
                         border-right:1px solid #fff;
                         border-bottom:none;
                         padding:0;
                    }
               }
               .product-wrap .product-flex .product-box:last-child
               {
                    border:none;
               }
                    .product-wrap .product-flex .product-box .product-kv
                    {
                         display: block;
                         margin:0 auto;
                         width:calc(100% - 40px);
                         max-width:480px;
                    }
                    .product-wrap .product-flex .product-box h3.product-title
                    {
                         margin:.5em auto;
                         padding:0 20px;

                         color:#fff;
                         font-family: "CenturyGothic-B", sans-serif;
                         font-size:1.5em;
                    }
                    .product-wrap .product-flex .product-box .gtm-buy-link
                    {
                         display:inline-block;

                         padding:10px 30px;
                         margin:.5em auto;
                         border:3px solid #5eb9e6;
                         border-radius: 8px;
                         background:#fff;

                         color:#5eb9e6;
                         font-family: "CenturyGothic-B", sans-serif;
                         font-size:.85em;
                         text-decoration: none;

                    }
                         .product-wrap .product-flex .product-box .gtm-buy-link:hover
                         {
                              border:3px solid #c2eafa;
                         }


/** rich accordion style end **/

#section-gleam
{
     background:#efefef;
     padding:4em 0;
}