@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese");
@import url("https://use.typekit.net/lgv1xst.css");
.mbBanner__tBox .theme-title {
  color: #fff !important;
}

/*MEG*/
.meg_theme {
  background-image: url("https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MEG_PROSPECT_700RL/images/msi-meg-prospect-700rl-background.jpg");
  background-position: center;
  background-attachment: fixed;
  background-size: 100%;
  background-repeat: no-repeat;
  /*slick Arrow color*/
}
.meg_theme .title--main {
  color: #E2C080;
}
.meg_theme .Titlebar h2 {
  color: #E2C080;
}
.meg_theme .sub-tabbox .slick-slide {
  /* white-space: nowrap; */
  color: #fff;
  font-size: 20px;
  /* font-family: 'Sarpanch', 'din_pro_bold', 'cwTeXHei', 'Microsoft JhengHei'; */
  cursor: pointer;
}
.meg_theme .sub-tabbox .slick-slide:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  /* background: #E2C080; */
  background: rgb(226, 192, 128);
  background: radial-gradient(circle, rgba(226, 192, 128, 0.7511598389) 9%, rgba(226, 192, 128, 0.4570421919) 37%, rgba(226, 192, 128, 0.4122242647) 53%, rgba(226, 192, 128, 0.4402354692) 74%, rgba(226, 192, 128, 0.020067402) 100%);
}
.meg_theme .sub-tabbox .slick-slide:hover::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  /* background: #E2C080; */
  background: rgb(226, 192, 128);
  background: radial-gradient(circle, rgba(226, 192, 128, 0.7511598389) 9%, rgba(226, 192, 128, 0.4570421919) 37%, rgba(226, 192, 128, 0.4122242647) 53%, rgba(226, 192, 128, 0.4402354692) 74%, rgba(226, 192, 128, 0.020067402) 100%);
}
.meg_theme .sub-tabbox .slick-current {
  color: #E2C080;
  position: relative;
}
.meg_theme .sub-tabbox .slick-current::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  /* background: #E2C080; */
  background: rgb(226, 192, 128);
  background: radial-gradient(circle, rgba(226, 192, 128, 0.7511598389) 9%, rgba(226, 192, 128, 0.4570421919) 37%, rgba(226, 192, 128, 0.4122242647) 53%, rgba(226, 192, 128, 0.4402354692) 74%, rgba(226, 192, 128, 0.020067402) 100%);
}
.meg_theme .sub-tabbox .slick-current::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  /* background: #E2C080; */
  background: rgb(226, 192, 128);
  background: radial-gradient(circle, rgba(226, 192, 128, 0.7511598389) 9%, rgba(226, 192, 128, 0.4570421919) 37%, rgba(226, 192, 128, 0.4122242647) 53%, rgba(226, 192, 128, 0.4402354692) 74%, rgba(226, 192, 128, 0.020067402) 100%);
}
.meg_theme .sub-feature-nav .slick-slide:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  /* background: #E2C080; */
  background: rgb(226, 192, 128);
  background: radial-gradient(circle, rgba(226, 192, 128, 0.7511598389) 9%, rgba(226, 192, 128, 0.4570421919) 37%, rgba(226, 192, 128, 0.4122242647) 53%, rgba(226, 192, 128, 0.4402354692) 74%, rgba(226, 192, 128, 0.020067402) 100%);
}
.meg_theme .sub-feature-nav .slick-slide:hover::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  /* background: #E2C080; */
  background: rgb(226, 192, 128);
  background: radial-gradient(circle, rgba(226, 192, 128, 0.7511598389) 9%, rgba(226, 192, 128, 0.4570421919) 37%, rgba(226, 192, 128, 0.4122242647) 53%, rgba(226, 192, 128, 0.4402354692) 74%, rgba(226, 192, 128, 0.020067402) 100%);
}
.meg_theme .theme-arrow .slick-prev:before, .meg_theme .theme-arrow .slick-next:before {
  color: #E2C080;
}

@media screen and (max-width: 1920px) {
  .meg_theme {
    background-image: url("https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MEG_PROSPECT_700RL/images/msi-meg-prospect-700rl-bg-1920.jpg");
  }
}
@media screen and (max-width: 960px) {
  .meg_theme {
    background-image: url("https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MEG_PROSPECT_700RL/images/msi-meg-prospect-700rl-bg-mobile.jpg");
  }
}
/*MPG*/
.mpg_theme {
  background-image: url("https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MPG-GUNGNIR-120R/images/seriesMPG.jpg");
  background-position: center;
  background-attachment: fixed;
  background-size: 100%;
  background-repeat: no-repeat;
  /*slick Arrow color*/
}
.mpg_theme .title--main {
  color: #E81F76;
}
.mpg_theme .Titlebar h2 {
  color: #E81F76;
}
.mpg_theme .sub-tabbox .slick-slide {
  /* white-space: nowrap; */
  color: #fff;
  font-size: 20px;
  /* font-family: 'Sarpanch', 'din_pro_bold', 'cwTeXHei', 'Microsoft JhengHei'; */
  cursor: pointer;
}
.mpg_theme .sub-tabbox .slick-slide:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: #E81F76;
  background: radial-gradient(circle, rgba(229, 8, 168, 0.87) 9%, rgba(249, 39, 214, 0.457) 37%, rgba(250, 74, 188, 0.412) 53%, rgba(253, 111, 191, 0.44) 74%, rgba(34, 15, 239, 0.79) 100%);
}
.mpg_theme .sub-tabbox .slick-slide:hover::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #a21653;
  background: radial-gradient(circle, rgba(229, 8, 168, 0.87) 9%, rgba(249, 39, 214, 0.457) 37%, rgba(250, 74, 188, 0.412) 53%, rgba(253, 111, 191, 0.44) 74%, rgba(34, 15, 239, 0.79) 100%);
}
.mpg_theme .sub-tabbox .slick-current {
  color: #E81F76;
  position: relative;
}
.mpg_theme .sub-tabbox .slick-current::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: #E81F76;
  background: radial-gradient(circle, rgba(229, 8, 168, 0.87) 9%, rgba(249, 39, 214, 0.457) 37%, rgba(250, 74, 188, 0.412) 53%, rgba(253, 111, 191, 0.44) 74%, rgba(34, 15, 239, 0.79) 100%);
}
.mpg_theme .sub-tabbox .slick-current::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #a21653;
  background: radial-gradient(circle, rgba(229, 8, 168, 0.87) 9%, rgba(249, 39, 214, 0.457) 37%, rgba(250, 74, 188, 0.412) 53%, rgba(253, 111, 191, 0.44) 74%, rgba(34, 15, 239, 0.79) 100%);
}
.mpg_theme .sub-feature-nav .slick-slide:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: #E81F76;
  background: radial-gradient(circle, rgba(229, 8, 168, 0.87) 9%, rgba(249, 39, 214, 0.457) 37%, rgba(250, 74, 188, 0.412) 53%, rgba(253, 111, 191, 0.44) 74%, rgba(34, 15, 239, 0.79) 100%);
}
.mpg_theme .sub-feature-nav .slick-slide:hover::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #a21653;
  background: radial-gradient(circle, rgba(229, 8, 168, 0.87) 9%, rgba(249, 39, 214, 0.457) 37%, rgba(250, 74, 188, 0.412) 53%, rgba(253, 111, 191, 0.44) 74%, rgba(34, 15, 239, 0.79) 100%);
}
.mpg_theme .theme-arrow .slick-prev:before, .mpg_theme .theme-arrow .slick-next:before {
  color: #E81F76;
}

@media screen and (max-width: 1920px) {
  .mpg_theme {
    background-image: url("https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MPG-GUNGNIR-120R/images/seriesMPG.jpg");
  }
}
@media screen and (max-width: 960px) {
  .mpg_theme {
    background-image: url("https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MPG-GUNGNIR-120R/images/seriesMPG-xs.jpg");
  }
}
/*MAG--GREEN*/
.mag_theme {
  background-image: url("https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MAG-FORGE-M100R/images/seriesMAG-bg.jpg");
  background-position: center;
  background-attachment: fixed;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: black;
  /*slick Arrow color*/
  /* twentytwenty */
}
.mag_theme .title--main, .mag_theme .Titlebar h2, .mag_theme h2 {
  color: #d5e839;
}
.mag_theme .sub-tabbox .slick-slide {
  /* white-space: nowrap; */
  color: #fff;
  font-size: 20px;
  /* font-family: 'Sarpanch', 'din_pro_bold', 'cwTeXHei', 'Microsoft JhengHei'; */
  cursor: pointer;
}
.mag_theme .sub-tabbox .slick-slide:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: #d3e736;
  background: radial-gradient(circle, rgba(211, 231, 54, 0.75116) 9%, rgba(211, 231, 54, 0.457042) 37%, rgba(211, 231, 54, 0.412224) 53%, rgba(211, 231, 54, 0.440235) 74%, rgba(211, 231, 54, 0.0200674) 100%);
}
.mag_theme .sub-tabbox .slick-slide:hover::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #d3e736;
  background: radial-gradient(circle, rgba(211, 231, 54, 0.75116) 9%, rgba(211, 231, 54, 0.457042) 37%, rgba(211, 231, 54, 0.412224) 53%, rgba(211, 231, 54, 0.440235) 74%, rgba(211, 231, 54, 0.0200674) 100%);
}
.mag_theme .sub-tabbox .slick-current {
  color: #d5e839;
  position: relative;
}
.mag_theme .sub-tabbox .slick-current::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: #d3e736;
  background: radial-gradient(circle, rgba(211, 231, 54, 0.75116) 9%, rgba(211, 231, 54, 0.457042) 37%, rgba(211, 231, 54, 0.412224) 53%, rgba(211, 231, 54, 0.440235) 74%, rgba(211, 231, 54, 0.0200674) 100%);
}
.mag_theme .sub-tabbox .slick-current::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #d3e736;
  background: radial-gradient(circle, rgba(211, 231, 54, 0.75116) 9%, rgba(211, 231, 54, 0.457042) 37%, rgba(211, 231, 54, 0.412224) 53%, rgba(211, 231, 54, 0.440235) 74%, rgba(211, 231, 54, 0.0200674) 100%);
}
.mag_theme .sub-feature-nav .slick-slide:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: #d3e736;
  background: radial-gradient(circle, rgba(211, 231, 54, 0.75116) 9%, rgba(211, 231, 54, 0.457042) 37%, rgba(211, 231, 54, 0.412224) 53%, rgba(211, 231, 54, 0.440235) 74%, rgba(211, 231, 54, 0.0200674) 100%);
}
.mag_theme .sub-feature-nav .slick-slide:hover::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #d3e736;
  background: radial-gradient(circle, rgba(211, 231, 54, 0.75116) 9%, rgba(211, 231, 54, 0.457042) 37%, rgba(211, 231, 54, 0.412224) 53%, rgba(211, 231, 54, 0.440235) 74%, rgba(211, 231, 54, 0.0200674) 100%);
}
.mag_theme .theme-arrow .slick-prev:before, .mag_theme .theme-arrow .slick-next:before {
  color: #d5e839;
}
.mag_theme .compbox, .mag_theme .compareBox .imgBox {
  border: 2px solid #d5e839 !important;
}
.mag_theme .twentytwenty-handle {
  border: 3px solid #d5e839 !important;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5) !important;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5) !important;
}
.mag_theme .twentytwenty-handle:before, .mag_theme .twentytwenty-handle:after {
  background: #d5e839 !important;
  -webkit-box-shadow: 0 3px 0 #d5e839, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
  box-shadow: 0 3px 0 #d5e839, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
}
.mag_theme .twentytwenty-right-arrow {
  border-left: 6px solid #d5e839 !important;
}
.mag_theme .twentytwenty-left-arrow {
  border-right: 6px solid #d5e839 !important;
}
.mag_theme .twentytwenty-before-label, .mag_theme .twentytwenty-after-label {
  display: none;
}
.mag_theme .twentytwenty-horizontal .twentytwenty-handle:before, .mag_theme .twentytwenty-horizontal .twentytwenty-handle:after {
  background: #d5e839 !important;
  -webkit-box-shadow: 0 3px 0 #d5e839, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
  box-shadow: 0 3px 0 #d5e839, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
}
.mag_theme .twentytwenty-vertical .twentytwenty-handle:before, .mag_theme .twentytwenty-vertical .twentytwenty-handle:after {
  background: #d5e839 !important;
  -webkit-box-shadow: 0 3px 0 #d5e839, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
  box-shadow: 0 3px 0 #d5e839, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
}

@media screen and (max-width: 1920px) {
  .mag_theme {
    background-image: url("https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MAG-FORGE-M100R/images/seriesMAG-bg.jpg");
  }
}
@media screen and (max-width: 960px) {
  .mag_theme {
    background-image: url("https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MAG-FORGE-M100R/images/seriesMAG-xs-bg.jpg");
  }
}
/*PRO*/
.pro_theme {
  background-image: url("https://storage-asset.msi.com/global/picture/image/feature/mb/template/2022/images/mb-pro-bg-pc.jpg");
  background-position: center;
  background-attachment: fixed;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: black;
  /*slick Arrow color*/
  /* twentytwenty */
}
.pro_theme .pd-block[data-feature-theme=white] {
  --block-bg: var(--color-white);
  --block-color: var(--color-gray-800);
  --block-title-color: var(--color-gray-800);
}
.pro_theme .pd-block[data-feature-theme=white] .title--main, .pro_theme .pd-block[data-feature-theme=white] h2 {
  color: var(--color-gray-800);
}
.pro_theme .title--main, .pro_theme h2 {
  color: #58a4eb;
}
.pro_theme .Titlebar h2 {
  color: #58a4eb;
}
.pro_theme .sub-tabbox .slick-slide {
  /* white-space: nowrap; */
  color: #fff;
  font-size: 20px;
  /* font-family: 'Sarpanch', 'din_pro_bold', 'cwTeXHei', 'Microsoft JhengHei'; */
  cursor: pointer;
}
.pro_theme .sub-tabbox .slick-slide:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: #58a4eb;
  background: radial-gradient(circle, rgba(88, 164, 235, 0.75116) 9%, rgba(88, 164, 235, 0.457042) 37%, rgba(88, 164, 235, 0.412224) 53%, rgba(88, 164, 235, 0.440235) 74%, rgba(88, 164, 235, 0.0200674) 100%);
}
.pro_theme .sub-tabbox .slick-slide:hover::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #58a4eb;
  background: radial-gradient(circle, rgba(88, 164, 235, 0.75116) 9%, rgba(88, 164, 235, 0.457042) 37%, rgba(88, 164, 235, 0.412224) 53%, rgba(88, 164, 235, 0.440235) 74%, rgba(88, 164, 235, 0.0200674) 100%);
}
.pro_theme .sub-tabbox .slick-current {
  color: #58a4eb;
  position: relative;
}
.pro_theme .sub-tabbox .slick-current::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: #58a4eb;
  background: radial-gradient(circle, rgba(88, 164, 235, 0.75116) 9%, rgba(88, 164, 235, 0.457042) 37%, rgba(88, 164, 235, 0.412224) 53%, rgba(88, 164, 235, 0.440235) 74%, rgba(88, 164, 235, 0.0200674) 100%);
}
.pro_theme .sub-tabbox .slick-current::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #58a4eb;
  background: radial-gradient(circle, rgba(88, 164, 235, 0.75116) 9%, rgba(88, 164, 235, 0.457042) 37%, rgba(88, 164, 235, 0.412224) 53%, rgba(88, 164, 235, 0.440235) 74%, rgba(88, 164, 235, 0.0200674) 100%);
}
.pro_theme .sub-feature-nav .slick-slide:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: #58a4eb;
  background: radial-gradient(circle, rgba(88, 164, 235, 0.75116) 9%, rgba(88, 164, 235, 0.457042) 37%, rgba(88, 164, 235, 0.412224) 53%, rgba(88, 164, 235, 0.440235) 74%, rgba(88, 164, 235, 0.0200674) 100%);
}
.pro_theme .sub-feature-nav .slick-slide:hover::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #58a4eb;
  background: radial-gradient(circle, rgba(88, 164, 235, 0.75116) 9%, rgba(88, 164, 235, 0.457042) 37%, rgba(88, 164, 235, 0.412224) 53%, rgba(88, 164, 235, 0.440235) 74%, rgba(88, 164, 235, 0.0200674) 100%);
}
.pro_theme .theme-arrow .slick-prev:before, .pro_theme .theme-arrow .slick-next:before {
  color: #58a4eb;
}
.pro_theme .compbox, .pro_theme .compareBox .imgBox {
  border: 2px solid #58a4eb !important;
}
.pro_theme .twentytwenty-handle {
  border: 3px solid #58a4eb !important;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5) !important;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5) !important;
}
.pro_theme .twentytwenty-handle:before, .pro_theme .twentytwenty-handle:after {
  background: #58a4eb !important;
  -webkit-box-shadow: 0 3px 0 #58a4eb, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
  box-shadow: 0 3px 0 #58a4eb, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
}
.pro_theme .twentytwenty-right-arrow {
  border-left: 6px solid #58a4eb !important;
}
.pro_theme .twentytwenty-left-arrow {
  border-right: 6px solid #58a4eb !important;
}
.pro_theme .twentytwenty-before-label, .pro_theme .twentytwenty-after-label {
  display: none;
}
.pro_theme .twentytwenty-horizontal .twentytwenty-handle:before, .pro_theme .twentytwenty-horizontal .twentytwenty-handle:after {
  background: #58a4eb !important;
  -webkit-box-shadow: 0 3px 0 #58a4eb, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
  box-shadow: 0 3px 0 #58a4eb, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
}
.pro_theme .twentytwenty-vertical .twentytwenty-handle:before, .pro_theme .twentytwenty-vertical .twentytwenty-handle:after {
  background: #58a4eb !important;
  -webkit-box-shadow: 0 3px 0 #58a4eb, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
  box-shadow: 0 3px 0 #58a4eb, 0px 0px 12px rgba(213, 232, 57, 0.5) !important;
}

@media screen and (max-width: 1920px) {
  .pro_theme {
    background-image: url("https://storage-asset.msi.com/global/picture/image/feature/mb/template/2022/images/mb-pro-bg-pc.jpg");
  }
}
@media screen and (max-width: 960px) {
  .pro_theme {
    background-image: url("https://storage-asset.msi.com/global/picture/image/feature/mb/template/2022/images/msi-pro-bg-960px.jpg");
  }
}/*# sourceMappingURL=pcc-series-template.css.map */