/* VARIABLES */
/* COLORS */
/* backgrounds */
/* text */
/* link */
/* Error */
/* BODY */

.msosite {
  /* IMPORTS */
  /* FONT DEFINITIONS */
  /* SegoeUI Light */
  /* SegoeUI Regular*/
  /* MIXIN */
  text-align: left;
  font-size: 16px;
  line-height: 1.5em;
  color: #505050;
  background: #f2f2f2;
  font-family: "SegoeUI", Helvetica, Arial, sans-serif;
  /* IMPORTS SECTIONS */
  /* custom styles */ }
  .msosite html, .msosite body, .msosite div, .msosite span, .msosite applet, .msosite object, .msosite iframe,
  .msosite h1, .msosite h2, .msosite h3, .msosite h4, .msosite h5, .msosite h6, .msosite p, .msosite blockquote, .msosite pre,
  .msosite a, .msosite abbr, .msosite acronym, .msosite address, .msosite big, .msosite cite, .msosite code,
  .msosite del, .msosite dfn, .msosite em, .msosite img, .msosite ins, .msosite kbd, .msosite q, .msosite s, .msosite samp,
  .msosite small, .msosite strike, .msosite strong, .msosite sub, .msosite sup, .msosite tt, .msosite var,
  .msosite b, .msosite u, .msosite i, .msosite center,
  .msosite dl, .msosite dt, .msosite dd, .msosite ol, .msosite ul, .msosite li,
  .msosite fieldset, .msosite form, .msosite label, .msosite legend,
  .msosite table, .msosite caption, .msosite tbody, .msosite tfoot, .msosite thead, .msosite tr, .msosite th, .msosite td,
  .msosite article, .msosite aside, .msosite canvas, .msosite details, .msosite embed,
  .msosite figure, .msosite figcaption, .msosite footer, .msosite header, .msosite hgroup,
  .msosite menu, .msosite nav, .msosite output, .msosite ruby, .msosite section, .msosite summary,
  .msosite time, .msosite mark, .msosite audio, .msosite video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline; }
  .msosite html {
    line-height: 1; }
  .msosite ol, .msosite ul {
    list-style: none; }
  .msosite table {
    border-collapse: collapse;
    border-spacing: 0; }
  .msosite caption, .msosite th, .msosite td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle; }
  .msosite q, .msosite blockquote {
    quotes: none; }
    .msosite q:before, .msosite q:after, .msosite blockquote:before, .msosite blockquote:after {
      content: "";
      content: none; }
  .msosite a img {
    border: none; }
  .msosite article, .msosite aside, .msosite details, .msosite figcaption, .msosite figure, .msosite footer, .msosite header, .msosite hgroup, .msosite main, .msosite menu, .msosite nav, .msosite section, .msosite summary {
    display: block; }
@font-face {
  .msosite {
    font-family: "SegoeUI";
    src: url("../fonts/segoeuil.eot");
    src: url("../fonts/segoeuil.eot") format("embedded-opentype"), url("../fonts/segoeuil.woff") format("woff"), url("../fonts/segoeuil.ttf") format("truetype"), url("../fonts/segoeuil.svg#SegoeUI") format("svg");
    font-weight: normal;
    font-style: normal; } }
@font-face {
  .msosite {
    font-family: "SegoeUI";
    src: url("../fonts/segoeuib.eot");
    src: url("../fonts/segoeuib.eot") format("embedded-opentype"), url("../fonts/segoeuib.woff") format("woff"), url("../fonts/segoeuib.ttf") format("truetype"), url("../fonts/segoeuib.svg#SegoeUIBold") format("svg");
    font-weight: bold;
    font-style: normal; } }
@font-face {
  .msosite {
    font-family: "SegoeUI";
    src: url("../fonts/segoeuii.eot");
    src: url("../fonts/segoeuii.eot") format("embedded-opentype"), url("../fonts/segoeuii.woff") format("woff"), url("../fonts/segoeuii.ttf") format("truetype"), url("../fonts/segoeuii.svg#SegoeUIItalic") format("svg");
    font-weight: normal;
    font-style: italic; } }
@font-face {
  .msosite {
    font-family: "SegoeUIRegular";
    src: url("../fonts/segoeui.eot");
    src: url("../fonts/segoeui.eot") format("embedded-opentype"), url("../fonts/segoeui.woff") format("woff"), url("../fonts/segoeui.ttf") format("truetype"), url("../fonts/segoeui.svg#SegoeUIRegular") format("svg");
    font-weight: normal;
    font-style: normal; } }
@font-face {
  .msosite {
    font-family: "SegoeUIRegular";
    src: url("../fonts/segoeuib.eot");
    src: url("../fonts/segoeuib.eot") format("embedded-opentype"), url("../fonts/segoeuib.woff") format("woff"), url("../fonts/segoeuib.ttf") format("truetype"), url("../fonts/segoeuib.svg#SegoeUIBold") format("svg");
    font-weight: bold;
    font-style: normal; } }
@font-face {
  .msosite {
    font-family: "SegoeUIRegular";
    src: url("../fonts/segoeuii.eot");
    src: url("../fonts/segoeuii.eot") format("embedded-opentype"), url("../fonts/segoeuii.woff") format("woff"), url("../fonts/segoeuii.ttf") format("truetype"), url("../fonts/segoeuii.svg#SegoeUIItalic") format("svg");
    font-weight: normal;
    font-style: italic; } }
  .msosite h1,
  .msosite h2,
  .msosite h3,
  .msosite h4,
  .msosite h5,
  .msosite p {
    line-height: 1.5em; }
  .msosite h1 {
    font-size: 3.75rem;
    text-transform: uppercase;
    color: #ffffff; }
  .msosite h2 {
    font-size: 2.25rem; }
  .msosite h3 {
    font-size: 1.5rem;
    text-transform: uppercase; }
  .msosite h4 {
    font-size: 1rem;
    text-transform: uppercase; }
  .msosite p {
    font-size: 1rem; }
  .msosite small {
    font-size: 0.75rem; }
  .msosite > section a {
    font-size: 1rem;
    color: #00bcf2;
    font-weight: bold;
    text-decoration: underline; }
    .msosite a:hover {
      color: #d83b01; }
  .msosite strong,
  .msosite b {
    font-family: "SegoeUI", Helvetica, Arial, sans-serif;
    font-weight: bold; }
  .msosite .button {
    font-family: "SegoeUI", Helvetica, Arial, sans-serif;
    border: none;
    display: inline-block;
    background-color: #d83b01;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    font-size: 1.286em;
    line-height: 60px;
    height: 60px;
    text-decoration: none;
    min-width: 100px;
    white-space: nowrap;
    margin: 0;
    padding: 0 2em 0 2em;
    cursor: pointer;
    text-transform: uppercase;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0px;
    border-radius: 0px;
    border-radius: 0px;
    transition-property: background-color, color, border-color;
    transition-property: background-color, color, border-color;
    transition-property: background-color, color, border-color;
    transition-property: background-color, color, border-color;
    transition-duration: 0.2s;
    transition-duration: 0.2s;
    transition-duration: 0.2s;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
    .msosite .button:hover {
      color: #ffffff;
      background-color: #505050;
      text-decoration: none; }
  .msosite section.header {
    background-color: #d83b01;
    text-align: center;
    padding-top: 6.25rem; }
    @media screen and (max-width: 639px) {
      .msosite section.header h1 {
        font-size: 2.5rem; } }
    .msosite section.header img.logoOffice {
      width: 180px;
      padding: 0 1rem; }
    .msosite section.header .menu {
      background-color: #f2f2f2;
      padding-top: 6.25rem;
      padding-bottom: 3.438rem;
      margin-top: 6.875rem; }
      .msosite section.header .menu ul li {
        vertical-align: top;
        display: inline-block;
        width: 24%; }
        .msosite section.header .menu ul li a {
          font-weight: normal;
          text-decoration: none; }
          .msosite section.header .menu ul li a div {
            width: 220px;
            height: 220px;
            background-color: #505050;
            padding-top: 1.25rem;
            margin: .5rem; }
            .msosite section.header .menu ul li a div h4 {
              color: #ffffff;
              padding: 0 1rem; }
            .msosite section.header .menu ul li a div img {
              max-width: 100%;
              padding-bottom: 1.25rem; }
              .msosite section.header .menu ul li a div img.box {
                width: 163px; }
              .msosite section.header .menu ul li a div img.disk {
                width: 127px; }
              .msosite section.header .menu ul li a div img.tablet {
                width: 112px; }
              .msosite section.header .menu ul li a div img.key {
                width: 80.5px; }
          .msosite section.header .menu ul li a:hover div {
            background-color: #d83b01; }
          .msosite section.header .menu ul li a.active div {
            background-color: #d83b01; }
  .msosite section.mainContent {
    text-align: center; }
    .msosite section.mainContent h3 {
      margin-bottom: 1.25rem; }
    .msosite section.mainContent .activation {
      padding: 1rem;
      background-color: #d2d2d2;
      margin-bottom: 3.438rem; }
      .msosite section.mainContent .activation h4 {
        text-decoration: underline; }
        @media screen and (max-width: 639px) {
          .msosite section.mainContent .activation h4 {
            margin-bottom: 1rem; } }
    .msosite section.mainContent p.partnerText {
      margin-bottom: 1.25rem; }
    .msosite section.mainContent img {
      width: 780px;
      margin-bottom: 1.25rem; }
      .msosite section.mainContent img.arrowUp {
        width: 32px;
        margin-top: 3.438rem;
        margin-bottom: 3.438rem; }
    .msosite section.mainContent hr {
      color: #d2d2d2;
      margin-top: 3.125rem;
      margin-bottom: 3.125rem; }
    .msosite section.mainContent .partnerBox {
      padding: 1.875rem;
      background-color: #fff;
      text-transform: uppercase; }
    .msosite section.mainContent .boxLicense,
    .msosite section.mainContent .eLicense,
    .msosite section.mainContent .preinstallLicense,
    .msosite section.mainContent .illegalLicense {
      display: none; }
      .msosite section.mainContent .boxLicense.visible,
      .msosite section.mainContent .eLicense.visible,
      .msosite section.mainContent .preinstallLicense.visible,
      .msosite section.mainContent .illegalLicense.visible {
        display: block; }
  .msosite section.eLicense .activation {
    margin-bottom: 1.25rem; }
  .msosite section.illegalLicense h2 {
    margin-bottom: 2.813rem; }
  .msosite section.illegalLicense h3 {
    text-transform: none;
    margin-bottom: 0px; }
  .msosite section.illegalLicense ul {
    margin-top: 3.125rem;
    margin-bottom: 1rem; }
    .msosite section.illegalLicense ul li {
      display: inline-block;
      vertical-align: top;
      width: 180px;
      height: 180px;
      border: 2px solid #d2d2d2;
      padding: 1rem .5rem;
      margin-right: .8rem;
      margin-bottom: .8rem; }
      @media screen and (max-width: 639px) {
        .msosite section.illegalLicense ul li {
          margin-right: 0px; } }
      .msosite section.illegalLicense ul li:last-child {
        margin-right: 0px; }
      .msosite section.illegalLicense ul li p {
        line-height: 1.375em; }
      .msosite section.illegalLicense ul li img {
        width: 43px;
        margin-bottom: 5px; }
  .msosite section.illegalLicense small {
    text-align: left;
    color: #505050; }
  .msosite section.illegalLicense .button {
    margin-top: 1.875rem; }
  .msosite section.footer {
    color: #ffffff;
    background-color: #2f2f2f;
    padding: 0.85rem 0; }
    .msosite section.footer p {
      font-size: 0.75rem; }
    @media screen and (min-width: 640px) and (max-width: 1239px) {
      .msosite section.footer ul {
        text-align: left; } }
    @media screen and (max-width: 639px) {
      .msosite section.footer ul {
        text-align: left; } }
    .msosite section.footer ul li {
      font-size: 0.75rem;
      display: inline-block;
      margin-left: 2em;
      margin-bottom: 0.5em; }
      .msosite section.footer ul li a {
        color: #ffffff;
        font-weight: normal;
        text-decoration: none; }
        .msosite section.footer ul li a:hover {
          color: #ffffff;
          text-decoration: underline; }
    .msosite section.footer img {
      width: 100px;
      margin-bottom: 0rem; }
  .msosite .row {
    max-width: 1000px; }