.msiMain{font-family:"DINPro-Regular", Arial, Verdana, "Geneva", sans-serif;background:#222}@font-face{.msiMain{font-family:"DINPro-Regular";src:url("https://event.msi.com/msifonts/fonts/DINPro-Regular.ttf") format(" truetype")}}.msiMain a{display:block;width:100%;height:100%}.msiMain h3{color:#fff;font-size:1.5em;font-weight:normal}.msiMain p{color:#bfbfbf;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 .service,.msiMain .related{display:-ms-grid;display:grid;padding:5px;grid-gap:5px}.msiMain .products{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px;grid-gap:5px}.msiMain .products__link{width:calc(100% / 4);-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.msiMain .products__link:hover .products__frame:before{background:transparent}.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__frame: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}.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{-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;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(0,0,0,0.3);-webkit-transition:0.3s;transition:0.3s}.msiMain .service__head:hover{background:transparent}.msiMain .service__icon{width:10%;height:auto}.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;text-align:center;width:100%;height:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0.3);-webkit-transition:0.3s;transition:0.3s}.msiMain .related__title:hover{background:transparent}@media screen and (max-width: 960px){.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:-ms-grid;display:grid;-ms-grid-columns:300px 2fr;grid-template-columns:300px 2fr;place-items:center}.msiMain .products__head{height:auto;text-align:center;position:unset;-webkit-transform:unset;transform:unset}.msiMain .products__image{height:auto}}@media screen and (max-width: 768px){.msiMain .products{-ms-grid-rows:unset;grid-template-rows:unset}.msiMain .products__link{display:block;-ms-grid-columns:unset;grid-template-columns:unset;place-items:unset}.msiMain .products__head{text-align:center;position:absolute;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.msiMain .products__image{height:100%}.msiMain .related{display:none}}@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}}