.msiMain{font-family:"DINPro-Regular", Arial, Verdana, "Geneva", sans-serif;background:#fff}@font-face{.msiMain{font-family:"DINPro-Regular";src:url("https://event.msi.com/msifonts/fonts/DINPro-Regular.ttf") format(" truetype")}}.msiMain a{display:block}.msiMain h3{color:#fff;font-size:1.5em;font-weight:normal}.msiMain p{color:#fff;font-size:1.05em;font-weight:normal}.msiMain figure{line-height:0;position:relative}.msiMain img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.msiMain picture{display:block;line-height:0;position:relative}.msiMain .carousel{width:100%;height:100%}.msiMain .carousel .swiper-pagination-bullet{width:40px;height:2px;background:#666;opacity:1;border-radius:0}.msiMain .carousel .swiper-pagination-bullet:hover{background:#ff0000}.msiMain .carousel .swiper-pagination-bullet-active{background:#ff0000}.msiMain .announcement{text-align:center;padding:30px 15px;background:#000}.msiMain .announcement h2{color:#fff;margin:0 0 20px 0}.msiMain .products{background:#222;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px}.msiMain .products__link{width:calc(100% / 4);-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.msiMain .products__link:hover .products__figure:before{background:transparent}.msiMain .products__link:not(:first-child){margin-left:5px}.msiMain .products__head{text-align:center;width:100%;position:absolute;z-index:1;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;padding:5% 0 0 0}.msiMain .products__figure:before{display:inline-block;content:"";width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;-webkit-transition:0.3s;transition:0.3s}@media screen and (max-width: 1200px){.msiMain .products{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.msiMain .products__link{width:100%;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;place-items:center}.msiMain .products__link:not(:first-child){margin-left:unset}.msiMain .products__head{-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px;position:unset;-webkit-transform:unset;transform:unset}.msiMain .products__image{height:auto}}@media screen and (max-width: 768px){.msiMain .products__link{display:block;place-items:unset}.msiMain .products__link:not(:first-child){margin-left:unset;margin-top:5px}.msiMain .products__head{text-align:center;position:absolute;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.msiMain .products__image{height:100%}}.msiMain .mask section{margin:5px;display:-ms-grid;display:grid;gap:5px}.msiMain .mask section div{border:1px solid #ccc;background-image:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(#fafafa), color-stop(#fff), to(#fff));background-image:linear-gradient(to right, #fff, #fff, #fafafa, #fff, #fff);background-size:200%;-webkit-animation:loading 1.25s linear infinite;animation:loading 1.25s linear infinite}.msiMain .mask section:nth-child(1),.msiMain .mask section:nth-child(3){aspect-ratio:20/7;background-image:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(#fafafa), color-stop(#fff), to(#fff));background-image:linear-gradient(to right, #fff, #fff, #fafafa, #fff, #fff);background-size:200%;-webkit-animation:loading 1.25s linear infinite;animation:loading 1.25s linear infinite}.msiMain .mask section:nth-child(2){aspect-ratio:4/1;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}.msiMain .mask section:nth-child(4){-ms-grid-rows:minmax(50vh, auto);-ms-grid-columns:(1fr)[2];grid-template:minmax(50vh, auto)/repeat(2, 1fr)}.msiMain .mask section:nth-child(5){aspect-ratio:6/1;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}@media screen and (max-width: 1200px){.msiMain .mask section:nth-child(1),.msiMain .mask section:nth-child(3){aspect-ratio:4/5}.msiMain .mask section:nth-child(2){-ms-grid-columns:auto;grid-template-columns:auto;-ms-grid-rows:(1fr)[3];grid-template-rows:repeat(3, 1fr)}.msiMain .mask section:nth-child(2) div{aspect-ratio:391/226}}@media screen and (max-width: 768px){.msiMain .mask section:nth-child(2) div{aspect-ratio:60/47}.msiMain .mask section:nth-child(4){-ms-grid-rows:(minmax(70vh, auto))[2];-ms-grid-columns:1fr;grid-template:repeat(2, minmax(70vh, auto))/1fr}.msiMain .mask section:nth-child(5){display:none}}.msiMain .banner{width:100%;height:100%}.msiMain .banner__link{position:relative}.msiMain .banner picture:hover:before{background:transparent}.msiMain .banner picture:before{display:block;content:"";width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;-webkit-transition:0.3s;transition:0.3s}.msiMain .service,.msiMain .related{display:-ms-grid;display:grid;padding:5px;grid-gap:5px}.msiMain .service{-ms-grid-rows:minmax(50vh, auto);-ms-grid-columns:(1fr)[2];grid-template:minmax(50vh, auto)/repeat(2, 1fr)}.msiMain .service__link{position:relative}.msiMain .service__head{text-align:center;color:#000;text-align:center;width:100%;height:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(255,255,255,0.5);-webkit-transition:0.3s;transition:0.3s}.msiMain .service__head h3,.msiMain .service__head p{color:#000}.msiMain .service__head:hover{background:transparent;color:#fff}.msiMain .service__icon{width:10%;height:auto}@media screen and (max-width: 736px){.msiMain .service{-ms-grid-rows:(minmax(70vh, auto))[2];-ms-grid-columns:1fr;grid-template:repeat(2, minmax(70vh, auto))/1fr}}.msiMain .related{padding:0 5px 0 5px;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}.msiMain .related__link{position:relative}.msiMain .related__title{font-size:1.5em;color:#000;text-align:center;width:100%;height:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(255,255,255,0.5);-webkit-transition:0.3s;transition:0.3s}.msiMain .related__title:hover{background:transparent;color:#fff}@media screen and (max-width: 768px){.msiMain .related{display:none}}