/* ---- Theme Variables ---- */
/* Font */
/* Colors */
/* Transitions */
/* Element radius */
body, h1, h2, h3, h4, h5, h6, p {
  color: #000; }

body {
  color: #000 !important; }

.brandCampaign .brand-feature-stack-wrapper {background-color: #efefef;}

/*---- Helpers ---- */
.circle {
  display: inline-block;
  width: 98px;
  height: 98px;
  text-align: center;
  border-radius: 50%;
  background-color: #FF6A00;
  color: #fff; }
  .circle i {
    font-size: 3.5em;
    line-height: 98px; }

/*---- Promo ----*/
.promo {
  background-image: url(https://www3.lenovo.com/medias/premier-support-hero.jpg?context=bWFzdGVyfHd3LXByZW1pZXItc3VwcG9ydHw4OTE5OXxpbWFnZS9qcGVnfHd3LXBlcm1pZXItc3VwcG9ydC9oMDMvaDFlLzk3NzA2NTA4Mjg4MzAuanBnfDMwNmUwZmFiYTVmMWJkN2VkMGJlMGMxMjhhNzJkNmJlYjM1NmRiNzQ1YmVkYjA1YzAyODZmMzM3ZGQ2ODVmNDg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 0 15px;
  position: relative;
  margin-top: 75px; }
  .promo::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15); }

.promo__msg {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 100px 0; }
  .promo__msg h1 {
    line-height: 1.1em;
    margin-bottom: 10px;
    font-size: 2.8em;
    color: #fff;
    font-weight: 700; }
  .promo__msg p {
    font-size: 1.5em;
    line-height: 1.5em;
    color: #fff;
    margin: 0; }
  .promo__msg .btn {
    margin-top: 12px; }

.promo__logo {
  margin-bottom: 18px; width: auto; height: 125px; }

/*---- Content Blocks ----*/
.cblock {
  padding: 45px 15px; }

.cblock__inner {
  max-width: 1200px;
  margin: 0 auto; }

.cblock__cta {
  text-align: center;
  padding-top: 15px; }
  .cblock__cta .btn {
    min-width: 300px;
    border-radius: 0;
    border: none;
    margin: 20px 10px; }
  .cblock__cta .btn-primary {
    background-color: #46C8E1;
    font-size: 1.1em;
    font-weight: 700;
    padding: 10px 12px;}
    .cblock__cta .btn-primary:hover {
      background-color: #5ccfe5; }

.cblock--intro p {
  font-size: 1.2em;
  line-height: 1.65em;
  margin: 15px 0; }
.cblock--intro .highlight {
  font-size: 1.5em;
  color: #408DDF;
  line-height: 1.3em; }
  .cblock--intro .highlight.highlight--inline {
    font-size: 1.2em;
    font-weight: 700; }

/*---- Feature Blocks ----*/
.list-feats {
  display: flex;
  margin-top: 80px; }
  .list-feats > li {
    flex: 1;
    text-align: center;
    padding: 35px 25px;
    padding-top: 0;
    background-color: #E2DFDA;
    margin: 0; }
    .list-feats > li:nth-child(2) {margin: 0 20px;}
  .list-feats .circle {
    margin-top: -49px; }
  .list-feats .list-feats__body {
    max-width: 300px;
    margin: 0 auto; }
  .list-feats h3 {
    font-weight: 700;
    font-size: 1.5em;
    margin: 25px 0;
    line-height: 1.2em; }
  .list-feats p {
    margin: 0; }
  .list-feats .list-checks {
    text-align: left;
    font-size: 1.15em; }

.list-support {
  margin-top: 0;
  margin-bottom: 25px;
  display: none; }
  .list-support .list-feats__body {
    padding: 14px 0; }
  .list-support > li {
    padding: 0; }
  .list-support .list-checks > li::before {
    color: #6CC849; }

.list-feats__head {
  background-color: #408DDF;
  display: flex;
  align-items: center;
  justify-content: center; }
  .list-feats__head h3 {
    color: #fff;
    padding: 15px 20px;
    margin: 0; }

.list-checks > li {
  position: relative;
  padding-left: 32px;
  margin: 12px 0;
  line-height: 1.35em; }
  .list-checks > li:before {
    content: "\e902";
    font-family: "lenicon";
    font-size: 14px;
    display: inline-block;
    position: absolute;
    left: 0;
    margin-top: 2px;
    border-radius: 50%;
    text-align: center;
    color: #FF6A00; }

.list-checks--higlight {
  font-weight: 700; }

/*---- Comparison Table ----*/
.responsive-scroll {
  text-align: center;
  padding: 8px 10px;
  background-color: rgba(64, 141, 223, 0.1);
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
  letter-spacing: 1px;
  display: none; }

.table-comparison > thead > tr > th {
  background-color: #408DDF;
  color: #fff;
  border-bottom: none;
  vertical-align: top;
  padding: 20px 16px;
  line-height: 1.2em; }
  .table-comparison > thead > tr > th h4 {
    margin: 0;
    color: #fff;
    font-size: 1.3em; }
.table-comparison > tbody > tr > td {
  padding: 14px 16px;
  font-size: 1.2em;
  border-top: none;
  vertical-align: middle;
  background-color: #d9d6d2; }
.table-comparison > tbody > tr:nth-child(2n+1) > td {
  background-color: #e6e5e4; }

.tbl-col {
  width: 160px;
  text-align: center;
  border-left: 2px solid #fff; }
  .tbl-col .lenicon-checkmark {
    color: #6CC849;
    font-size: 1.5em; }
  .tbl-col p {
    color: #6CC849;
    font-size: .75em;
    font-weight: 700;
    line-height: 1.35em; }

.tbl-full {
  text-align: center; }

.table-mobile {
  display: none; }
  .table-mobile > tbody .tbl-stripe1 > td {
    background-color: #E9E5E2 !important; }
  .table-mobile > tbody .tbl-stripe2 > td {
    background-color: #F2F3EE !important; }
  .table-mobile > tbody > tr .tbl-col:first-child {
    border-left: 0; }

.footnotes {
  line-height: 1.4em; font-style: italic;}
  .footnotes h5 {
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 0; }
  .footnotes .list-bullets {
    padding-left: 1.1em; }
    .footnotes .list-bullets > li {
      line-height: 1.4em; }

.list-footnotes > li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 12px;
  line-height: 1.4em; }

.list-footnotes__no {
  color: #408DDF;
  position: absolute;
  left: 0;
  font-size: .8em;
  font-style: normal;
  margin-top: -3px; }

.link-footnote {
  margin-left: 2px;
  transition: .2s all; }
  .link-footnote:hover {
    color: #222; }

@font-face {
  font-family: 'lenicon';
  src: url("https:www3.lenovo.com/medias/lenicon.eot?context=bWFzdGVyfHd3LXByZW1pZXItc3VwcG9ydHw4MjUyfGFwcGxpY2F0aW9uL29jdGV0LXN0cmVhbXx3dy1wZXJtaWVyLXN1cHBvcnQvaDkyL2g4ZC85NzcwNjUzMjUzNjYyLmJpbnw1OTVmNjBhZTcxYzQyODdjODE2OGI1NWM3NmJkMjdlMWFlMmEzY2FjZDBhYzhmMTRkOWMyMzQ1M2ExYjExMWE4");
  src: url("https:www3.lenovo.com/medias/lenicon.eot?context=bWFzdGVyfHd3LXByZW1pZXItc3VwcG9ydHw4MjUyfGFwcGxpY2F0aW9uL29jdGV0LXN0cmVhbXx3dy1wZXJtaWVyLXN1cHBvcnQvaDkyL2g4ZC85NzcwNjUzMjUzNjYyLmJpbnw1OTVmNjBhZTcxYzQyODdjODE2OGI1NWM3NmJkMjdlMWFlMmEzY2FjZDBhYzhmMTRkOWMyMzQ1M2ExYjExMWE4#iefix") format("embedded-opentype"), url("https:www3.lenovo.com/medias/lenicon.ttf?context=bWFzdGVyfHd3LXByZW1pZXItc3VwcG9ydHw4MDg4fGFwcGxpY2F0aW9uL29jdGV0LXN0cmVhbXx3dy1wZXJtaWVyLXN1cHBvcnQvaGU0L2hhNi85NzcwNjUzNjc5NjQ2LmJpbnxlN2JiMWRmNWY0ZjA4OTBmMDNkYzBkY2ViOWRiMWM3ZGE3OWM1ZWQ5NzM2YmI5NDljNTgyNDhjMTg0MDhmYzY1") format("truetype"), url("https:www3.lenovo.com/medias/lenicon.woff?context=bWFzdGVyfHd3LXByZW1pZXItc3VwcG9ydHw4MTY0fGFwcGxpY2F0aW9uL29jdGV0LXN0cmVhbXx3dy1wZXJtaWVyLXN1cHBvcnQvaDBiL2hlZS85NzcwNjU0MjY5NDcwLmJpbnwwMTY4ZTMxZTM4MDliYTY3NjllODIzYjhjYjg5NTMwZjJhNGNkOGFmNGJhOGM0YjdlNjUxOTIyODZmM2ZkNzM5y") format("woff"), url("https:www3.lenovo.com/medias/lenicon.svg?context=bWFzdGVyfHd3LXByZW1pZXItc3VwcG9ydHwyOTQ1Nnx0ZXh0L3htbHx3dy1wZXJtaWVyLXN1cHBvcnQvaDI4L2hkZC85NzcwNjUzNTgxMzQyLnhtbHw3ZmFmZjA5YjY2YzQ4MjQ2YzU4NzkxNWI1OTZmZjI2NTk3MTA4OWNmYzk1ZGZmMDgwZTIzZTBhYjBiZGZlZjYw#lenicon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="lenicon-"], [class*=" lenicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lenicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lenicon-checkmark-alt:before {
  content: "\e911"; }

.lenicon-premier-support-center:before {
  content: "\e912"; }

.lenicon-priority-service-delivery:before {
  content: "\e913"; }

.lenicon-tam:before {
  content: "\e914"; }

.lenicon-arrow:before {
  content: "\e900"; }

.lenicon-brochure:before {
  content: "\e901"; }

.lenicon-checkmark:before {
  content: "\e902"; }

.lenicon-configure:before {
  content: "\e903"; }

.lenicon-deploy:before {
  content: "\e904"; }

.lenicon-enterprise:before {
  content: "\e905"; }

.lenicon-focus:before {
  content: "\e906"; }

.lenicon-focusaccount:before {
  content: "\e907"; }

.lenicon-invoice:before {
  content: "\e908"; }

.lenicon-manage:before {
  content: "\e909"; }

.lenicon-moreless:before {
  content: "\e90a"; }

.lenicon-plan:before {
  content: "\e90b"; }

.lenicon-pointcontact:before {
  content: "\e90c"; }

.lenicon-retire:before {
  content: "\e90d"; }

.lenicon-smallbusiness:before {
  content: "\e90e"; }

.lenicon-support:before {
  content: "\e90f"; }

.lenicon-whitepapers:before {
  content: "\e910"; }

@media only screen and (max-width: 1280px) {
  .cblock {
    padding: 45px 80px; } }
@media only screen and (max-width: 768px) {
  .tbl-col {
    width: 110px; } }
@media screen and (max-width: 992px) {
  .list-feats h3 {
    min-height: 70px; } }
@media only screen and (max-width: 768px) {
  body {
    font-size: 15px; }

  .promo__logo {
    max-width: 220px; height: auto; }

  .promo__msg {
    max-width: 85%; }

  .list-feats h3 {
    font-size: 1.35em;
    line-height: 1.1em;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }
  .list-feats .list-checks {
    font-size: 1em; }
    .list-feats .list-checks > li {
      padding-left: 26px; } }
@media screen and (max-width: 767px) {
  .circle {
    width: 72px;
    height: 72px; }
    .circle i {
      line-height: 72px;
      font-size: 2.8em; }

  .promo {
    font-size: 13px; }

  .promo__logo {
    max-width: 160px; height: auto; }

  .promo__msg {
    max-width: 540px;
    padding: 60px 0; }
    .promo__msg h1 {
      font-size: 2em;
      margin-bottom: 8px; }

  .list-feats {
    flex-direction: column;
    margin-top: 40px; }
    .list-feats h3 {
      min-height: inherit; }
    .list-feats .circle {
      margin-top: -15px; }
    .list-feats > li:not(:first-child) {
      margin: 40px 0 0 0; }

  .cblock {
    padding: 45px 40px; }

  .table-comparison > thead > tr > th {
    font-size: .9em;
    padding: 8px 16px; }
    .table-comparison > thead > tr > th h4 {
      margin-top: 20px; }
  .table-comparison > tbody > tr > td {
    font-size: 1em; }

  .list-support {
    margin-top: 0; }
    .list-support > li:not(:first-child) {
      margin-top: 15px; } }
@media screen and (min-width: 993px) {
  .list-feats h3 {
    min-height: 85px; } }
@media screen and (min-width: 1000px) {
  .list-feats h3 {
    min-height: 60px; } }
@media screen and (max-width: 600px) {
  .table-mobile {
    display: table; }

  .table-desktop {
    display: none; }

  .responsive-scroll {
    display: block; }

  .responsive-table {
    overflow-x: auto;
    margin-bottom: 35px; }
    .responsive-table > .table {
      min-width: 700px;
      margin-bottom: 0; }

  .cblock__cta .btn {
    display: block;
    min-width: inherit; }

  .responsive-hide {
    display: none; }

  .list-support-mobile {
    display: flex; } }
@media screen and (max-width: 360px) {
  .promo h1 {
    font-size: 1.6em; }
  .promo p {
    font-size: 1em; }

  .promo__logo {
    max-width: 120px; height: auto; }

  .cblock--intro p {
    font-size: 16px; }
  .cblock--intro .highlight {
    font-size: 1.25em; }

  .cblock {
    padding: 35px 20px; }

  .responsive-scroll {
    font-size: 12px;
    letter-spacing: .05em; } }
