@font-face { font-family: "SegoeUI"; src: local("Segoe UI"), local("Segoe"), local("Segoe WP"), url("fonts/SegoePro.eot") format("embedded-opentype"), url("fonts/SegoePro.woff") format("woff"), url("fonts/SegoePro.ttf") format("truetype"), url("fonts/SegoePro.svg#SegoePro") format("svg"); } @font-face { font-family: "SegoeUI"; font-weight: 700; src: local("Segoe UI bold"), local("Segoe bold"), local("Segoe WP bold"), url("fonts/SegoePro-Bold.eot") format("embedded-opentype"), url("fonts/SegoePro-Bold.woff") format("woff"), url("fonts/SegoePro-Bold.ttf") format("truetype"), url("fonts/SegoePro-Bold.svg#SegoePro") format("svg"); } body { -moz-osx-font-smoothing: grayscale; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-feature-settings: "kern" 1, "liga" 1; font-smooth: always; margin: 0; padding: 0; word-wrap: break-word; } #content-ms { position: relative; background-color: #fff; color: #333; display: block; font-family: SegoeUI, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.25; max-width: 907px; margin: 0 auto; } #content-ms * { box-sizing: border-box; } #content-ms a { -webkit-text-decoration-skip: objects; -ms-touch-action: manipulation; background-color: transparent; touch-action: manipulation; } #content-ms a:active, #content-ms a:hover { outline-width: 0; } #content-ms b, #content-ms strong { font-weight: bold; } #content-ms sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } #content-ms img { border-style: none; } #content-ms footer, #content-ms header, #content-ms section, #content-ms video, #content-ms main { display: block; } #content-ms small { font-size: 0.642857143em; line-height: 1; } #content-ms p { margin: 0.625em 0; } #content-ms h1, #content-ms h2, #content-ms h3, #content-ms h4, #content-ms h5, #content-ms h6 { color: inherit; font-weight: bold; margin-top: 0; text-rendering: optimizeLegibility; } #content-ms dl, #content-ms ol, #content-ms ul { font-size: 1em; margin-bottom: 1.25em; margin-left: 1.25em; padding: 0; } #content-ms dl dl, #content-ms ol ol, #content-ms ul ul { margin-bottom: 0; } #content-ms dd, #content-ms dt, #content-ms li { line-height: 1.25; margin: 0; } #content-ms dt { margin-bottom: 0.625em; } #content-ms dt { font-weight: bold; } #content-ms table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.25em; width: 100%; } #content-ms td { padding: 0; border-bottom: 1px solid #159639; text-align: left; } #content-ms th { padding: 0; text-align: left; } #content-ms tr td:not(:first-child), #content-ms tr th:not(:first-child) { text-align: center; } #content-ms .ms-masthead { background-color: #0a0a0a; color: #fff; } #content-ms h1 { background-color: #008b20; color: #fff; display: block; font-size: 2.142857143em; font-weight: normal; line-height: 1.166666667; padding: 0.583333331em 0; margin-bottom: 0.583333333em; text-align: center; } #content-ms h2 { color: #008b20; font-size: 3.214285714em; font-weight: normal; line-height: 1.166666667; margin-bottom: 0.388888889em; } #content-ms h3 { font-size: 2.642857143em; line-height: 1.418918919; margin-bottom: 0.472972973em; font-weight: normal; } #content-ms .ms-subtitle { border-left: 3px solid #008b20; font-size: 2em; line-height: 1.25; margin-bottom: 0.625em; max-width: 12.5em; padding-left: 0.5em; } #content-ms .ms-logos { font-size: 2em; line-height: 1; } #content-ms .ms-leadtext { background-color: #3a3a3a; padding: 1.25em; margin-bottom: 0; } #content-ms .ms-leadtext span { display: inline-block; max-width: 23em; } #content-ms .ms-strip { background-color: #f2f2f2; padding: 1.25em; } #content-ms .ms-strap { padding: 1.25em; } #content-ms .ms-livefeatures { background-color: #008b20; color: #fff; font-size: 0.785714286em; line-height: 1.590909091; padding: 1.25em; } #content-ms .ms-tbl th { font-size: 2em; line-height: 1.25; } #content-ms .ms-list { margin-left: 0; } #content-ms .ms-list li { border-left: 3px solid #008b20; font-size: 0.857142857em; line-height: 1.458333333; list-style: none; padding-left: 1.458333333em; margin-bottom: 1.458333333em; } #content-ms .ms-list strong { display: block; font-size: 1.666666667em; line-height: 1; margin-bottom: 0.4375em; } #content-ms dd { font-size: 0.785714286em; line-height: 1.590909091; } #content-ms .ms-brand { display: block; background-color: #008b20; color: #fff; height: 3.571428571em; text-align: right; padding: 0.625em; margin: 0; } #content-ms .ms-cardimg { text-align: center; margin: 0; } #content-ms .ms-brand span { display: inline-block; width: 98px; height: 28px; margin-right: 1.25em; background-image: url("img/sprt01.png"); background-repeat: no-repeat; background-position: -431px 0; } #content-ms .ms-sronly { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; } .ms-sronly.focusable:active, .ms-sronly.focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; } #content-ms .ms-text-center { text-align: center; } #content-ms .ms-img01, #content-ms .ms-img03, #content-ms .ms-xboxlogo, #content-ms .ms-goldlogo, #content-ms .ms-onelogo, #content-ms .ms-360logo, #content-ms .ms-iconcheck { display: inline-block; background-image: url("img/sprt01.png"); background-repeat: no-repeat; overflow: hidden; } #content-ms .ms-img02, #content-ms .ms-img04, #content-ms .ms-img05, #content-ms .ms-img06, #content-ms .ms-img07 { display: inline-block; background-image: url("img/sprt02.jpg"); background-repeat: no-repeat; overflow: hidden; } #content-ms .ms-xboxlogo { width: 120px; height: 33px; margin-right: 1.25em; background-position: -311px 0; } #content-ms .ms-goldlogo { width: 91px; height: 33px; background-position: -217px 0; } #content-ms .ms-onelogo { width: 61px; height: 38px; background-position: -1px -463px; } #content-ms .ms-360logo { width: 56px; height: 38px; background-position: -89px -463px; } #content-ms .ms-iconcheck { text-indent: -9999px; width: 16px; height: 16px; background-position: -559px -5px; } #content-ms .ms-img01 { width: 313px; height: 213px; background-position: -268px -33px; } #content-ms .ms-img02 { width: 319px; height: 245px; background-position: -80px -113px; } #content-ms .ms-img03 { width: 300px; height: 243px; background-position: -262px -265px; } #content-ms .ms-img04 { display: block; margin: 0 auto; width: 164px; height: 99px; background-position: -8px 0; } #content-ms .ms-img05 { display: block; margin: 0 auto; width: 164px; height: 99px; background-position: -175px 0; } #content-ms .ms-img06 { display: block; margin: 0 auto; width: 164px; height: 99px; background-position: -340px 0; } #content-ms .ms-img07 { display: block; margin: 0 auto; width: 164px; height: 99px; background-position: -515px 0; } #content-ms .ms-card-space { height: 220px; } #content-ms .ms-card { display: block; position: absolute; left: 50%; margin-left: -84px; } #content-ms .ms-leadtext h2 { color: #fff; font-size: 40px; } #content-ms .ms-leadtext h3 { color: #fff; font-size: 20px; } #content-ms .ms-leadpad { padding: 2.857142857em 4.285714286em; } @media only screen and (min-width: 906px) { #content-ms .ms-leadpad { padding: 2.857142857em 0 2.857142857em 7em; } #content-ms .ms-leadtext span { margin-left: 15em; } #content-ms .ms-strip { padding: 2.857142857em 4.285714286em; } #content-ms .ms-strap { padding: 2.857142857em 4.285714286em; } #content-ms .ms-livefeatures { padding: 2.857142857em; } #content-ms .ms-tbl th { line-height: 1.590909091; } #content-ms .ms-subtitle, #content-ms .ms-logos { margin-left: 8em; } #content-ms .ms-leadtext span { margin-left: 15em; } #content-ms .ms-strip { padding: 2.857142857em 4.285714286em 0.5em; } #content-ms .ms-strap { padding: 2.857142857em 4.285714286em 0.5em; } #content-ms .ms-livefeatures { padding: 2.857142857em; } #content-ms .ms-tbl th { line-height: 1.590909091; } #content-ms .ms-bg01, #content-ms .ms-bg02 { position: absolute; width: 202px; height: 397px; background-image: url("img/sprt01.png"); background-repeat: no-repeat; top: 0; } #content-ms .ms-bg01 { background-position: -15px -1px; left: 0; } #content-ms .ms-bg02 { background-position: -585px -1px; right: 0; } #content-ms .ms-cardimg { position: absolute; top: 108px; right: 189px; } #content-ms .ms-col-1 { vertical-align: top; display: inline-block; width: 59%; } #content-ms .ms-col-2 { vertical-align: top; display: inline-block; width: 40%; } #content-ms .ms-col-1a { vertical-align: top; display: inline-block; width: 40%; margin-right: 10%; } #content-ms .ms-col-2a { vertical-align: top; display: inline-block; width: 40%; } #content-ms .ms-img01 { position: absolute; margin-left: 1.25em; margin-top: -0.5em; } #content-ms .ms-img02 { width: 404px; height: 245px; background-position: -1px -113px; } #content-ms .ms-img03 { position: absolute; width: 368px; background-position: -219px -265px; } #content-ms .ms-right { float: right; padding-left: 5em; } #content-ms .ms-col-4 { display: inline-block; width: 24%; } #content-ms .ms-cbpad { padding-bottom: 3.5em; } #content-ms .ms-ctpad { padding-top: 5em; } #content-ms .ms-cpad { padding: 0.625em; line-height: 0.8em; } }