.brandCampaign .brand-feature-stack-wrapper { background-color: #efefef } .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 { 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, .15); } .promo__msg { max-width: 900px; margin: 0 auto; text-align: center; position: relative; z-index: 2; color: #fff; padding: 100px 0; } .promo__msg h2 { 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; } .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  !important; font-size: 1.1em; font-weight: 700; padding: 10px 12px } .cblock__cta .btn-primary:hover { background-color: #5ccfe5  !important; } .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; } .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 h4 { 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 h4 { 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; } .responsive-scroll { text-align: center; padding: 8px 10px; background-color: rgba(64, 141, 223, .1); color: rgba(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 h5 { 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  !important; font-size: 1.5em; } .tbl-col p { color: #6cc849  !important; 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 h6 { 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-"] { font-family: 'lenicon'  !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -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 h4 { 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 h4 { 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 h2 { font-size: 2em; margin-bottom: 8px; } .list-feats { flex-direction: column; margin-top: 40px; } .list-feats h4 { 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 h5 { 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 h4 { min-height: 85px; } } @media screen and (min-width: 1000px) { .list-feats h4 { 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 h2 { 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; } } .promo, #arvr, .headerimg, .headerimgbig, .brandCampaign .hero-banner, .brandCampaign .brand-feature-stack-wrapper, #longscroll-subseries, .intros { margin-top: 0  !important } .masthead { margin-bottom: 75px } @media (max-width: 1227px) { .masthead { margin-bottom: 0px } } @media (max-width: 1178) { .masthead { margin-bottom: 75px } } @media (max-width: 1060px) { .masthead { margin-bottom: 60px } }