Modern Work

<style type="text/css">@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,5…;);
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }

/**
* Remove default margin.
*/
body {
margin: 0; }

/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }

/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }

/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0; }

/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }

/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }

/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }

/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }

sup {
top: -0.5em; }

sub {
bottom: -0.25em; }

/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }

/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }

/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }

/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0; }

/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }

/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }

/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }

/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }

/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */ }

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }

/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }

/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }

td,
th {
padding: 0; }

/* Slick slider styles */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }

.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }

.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }

.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }

.slick-arrow.slick-hidden {
display: none; }

.slider-nav {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }

.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }

.slider-nav .slick-track,
.slider-nav .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }

.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }

.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }

.slick-arrow.slick-hidden {
display: none; }

.slick-dots {
margin: 0;
padding: 0;
list-style: none; }

.clearfix:after {
content: '';
display: block;
clear: both; }

.ellipsis {
white-space: nowrap;
/* 1 */
text-overflow: ellipsis;
/* 2 */
overflow: hidden; }

html {
box-sizing: border-box; }

*, *:before, *:after {
box-sizing: inherit; }

* {
max-height: 1000000px; }

body {
color: #000;
background: #fff;
font: 16px/1.5 "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
min-width: 320px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

img {
max-width: 100%;
height: auto;
vertical-align: top; }

.gm-style img {
max-width: none; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.h {
font-family: inherit;
font-weight: bold;
margin: 0 0 0.5em;
color: inherit; }

h1, .h1 {
font-size: 30px; }

h2, .h2 {
font-size: 27px; }

h3, .h3 {
font-size: 24px; }

h4, .h4 {
font-size: 21px; }

h5, .h5 {
font-size: 17px; }

h6, .h6 {
font-size: 15px; }

p {
margin: 0 0 1em; }

a {
color: inherit; }
a:hover, a:focus {
text-decoration: none; }

form,
fieldset {
margin: 0;
padding: 0;
border-style: none; }

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
box-sizing: border-box;
border: 1px solid #999;
padding: 0.4em 0.7em; }
input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus {
border-color: #000; }
input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999; }
input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #999; }
input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder {
color: #999; }
input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999; }
input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder {
color: #999; }

select {
-webkit-border-radius: 0; }

textarea {
resize: vertical;
vertical-align: top; }

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
-webkit-appearance: none;
-webkit-border-radius: 0;
cursor: pointer; }

.video-modal__btn {
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
white-space: nowrap;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none; }
.video-modal__btn:hover {
color: #000 !important; }
.video-modal__btn:hover span {
text-decoration: none; }

.dialog-off-canvas-main-canvas .link-gated-resource:hover {
color: #000; }
.dialog-off-canvas-main-canvas .link-gated-resource:hover span {
text-decoration: none !important; }

.dialog-off-canvas-main-canvas .link-gated-resource .link-text {
width: 100px !important; }

.body-inner-wrapper .dialog-off-canvas-main-canvas .format-modal-form {
left: auto !important;
right: 70px !important; }
@media (max-width: 479px) {
.body-inner-wrapper .dialog-off-canvas-main-canvas .format-modal-form {
left: 0 !important;
right: 0 !important; } }
.body-inner-wrapper .dialog-off-canvas-main-canvas .format-modal-form:hover {
color: #fff; }
.body-inner-wrapper .dialog-off-canvas-main-canvas .format-modal-form:hover span {
text-decoration: none !important; }
.body-inner-wrapper .dialog-off-canvas-main-canvas .format-modal-form .link-text {
width: 100px !important; }

.body-inner-wrapper .dialog-off-canvas-main-canvas .link-gated-resource:hover {
color: #fff; }
.body-inner-wrapper .dialog-off-canvas-main-canvas .link-gated-resource:hover span {
text-decoration: none !important; }

@media (min-width: 480px) {
.body-inner-wrapper .dialog-off-canvas-main-canvas .region {
padding: 0 !important; } }

#page {
width: 100% !important;
max-width: 100% !important; }

.paragraph--type--slide-anything .field--name-field-sub-text {
max-width: 100%;
color: inherit;
text-align: left;
padding: 0;
font-size: inherit; }

.slick-slide .paragraph {
padding: 0; }

.slick-slide {
margin: 0 !important; }

.slick-slide-anything, .slick-list {
width: 100% !important; }

.slick-dots {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1px !important;
line-height: 1px !important;
margin-top: 15px; }
.slick-dots li {
margin: 0 4px !important;
width: auto !important;
height: auto !important; }
.slick-dots li.slick-active button:after {
width: 15px;
height: 15px;
margin: 0; }
.slick-dots button {
background: none !important;
border: none !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
text-indent: -9990px !important;
overflow: hidden !important; }
.slick-dots button:before {
display: none !important; }
.slick-dots button:after {
width: 9px;
height: 9px;
display: block;
border-radius: 50%;
background: #000;
content: '';
margin: 3px 0 0; }

.slick-arrow {
background: none !important;
padding: 0 !important;
text-indent: -9999px;
overflow: hidden;
-webkit-transform: translateY(0) !important;
-ms-transform: translateY(0) !important;
transform: translateY(0) !important;
position: absolute;
top: 0;
left: 0; }
.slick-arrow:hover:before {
border-color: #2373c5 !important; }
@media (max-width: 767px) {
.slick-arrow:hover:before {
border-color: #1a1919 !important; } }
.slick-arrow:before {
width: 13px;
height: 13px;
content: '';
border-left: 3px solid #3e8ddd;
border-bottom: 3px solid #3e8ddd;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: rotate(45deg) translateY(-70%);
-ms-transform: rotate(45deg) translateY(-70%);
transform: rotate(45deg) translateY(-70%); }
@media (max-width: 767px) {
.slick-arrow:before {
width: 15px;
height: 15px;
border-color: #000 !important; } }

.slick-next {
left: auto;
right: 0; }
.slick-next:before {
border: none;
border-right: 3px solid #3e8ddd;
border-top: 3px solid #3e8ddd;
-webkit-transform: rotate(45deg) translateX(-70%);
-ms-transform: rotate(45deg) translateX(-70%);
transform: rotate(45deg) translateX(-70%);
left: auto;
right: 0; }

.slick-next {
left: auto;
right: 0; }
.slick-next:before {
border: none;
border-right: 3px solid #000;
border-top: 3px solid #000;
-webkit-transform: rotate(45deg) translateX(-70%);
-ms-transform: rotate(45deg) translateX(-70%);
transform: rotate(45deg) translateX(-70%);
left: auto;
right: 0; }

.paragraph--type--body-text.container-fluid .field--name-field-body {
max-width: 100%; }

.page-node-type-category .paragraph--type--body-text {
padding: 0;
width: 100%; }

.btn-cta-button {
text-align: left !important; }

.cta:hover {
color: #3e8ddd !important; }

.video-btn {
padding: 0 !important; }
.video-btn:after {
display: none !important; }

.sec-nav-container,
.section-styles,
.section-divider,
.section-01-container,
.section-02-container,
.section-03-container,
.section-04-container,
.section-05-container,
.section-06-container,
.section-07-container,
.section-08-container,
.section-sticky-btn {
padding: 0 !important;
width: 100%; }
.sec-nav-container .field--name-field-body,
.section-styles .field--name-field-body,
.section-divider .field--name-field-body,
.section-01-container .field--name-field-body,
.section-02-container .field--name-field-body,
.section-03-container .field--name-field-body,
.section-04-container .field--name-field-body,
.section-05-container .field--name-field-body,
.section-06-container .field--name-field-body,
.section-07-container .field--name-field-body,
.section-08-container .field--name-field-body,
.section-sticky-btn .field--name-field-body {
max-width: 100% !important; }
.section-04-container h2 {color: #4d144a !important;}
.section-04-container h4 {color: #000 !important;}
.section, .section-01, .section-02, .section-03, .section-04, .section-05, .section-06 {
overflow: hidden;
position: relative;
color: #000;
font: 16px/1.5 "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
.section *, .section-01 *, .section-02 *, .section-03 *, .section-04 *, .section-05 *, .section-06 *, .section *:before, .section-01 *:before, .section-02 *:before, .section-03 *:before, .section-04 *:before, .section-05 *:before, .section-06 *:before, .section *:after, .section-01 *:after, .section-02 *:after, .section-03 *:after, .section-04 *:after, .section-05 *:after, .section-06 *:after {
box-sizing: border-box; }
.container-fluid .section h1, .container-fluid .section-01 h1, .container-fluid .section-02 h1, .container-fluid .section-03 h1, .container-fluid .section-04 h1, .container-fluid .section-05 h1, .container-fluid .section-06 h1, .container-fluid .section h2, .container-fluid .section-01 h2, .container-fluid .section-02 h2, .container-fluid .section-03 h2, .container-fluid .section-04 h2, .container-fluid .section-05 h2, .container-fluid .section-06 h2, .container-fluid .section h3, .container-fluid .section-01 h3, .container-fluid .section-02 h3, .container-fluid .section-03 h3, .container-fluid .section-04 h3, .container-fluid .section-05 h3, .container-fluid .section-06 h3, .container-fluid .section h4, .container-fluid .section-01 h4, .container-fluid .section-02 h4, .container-fluid .section-03 h4, .container-fluid .section-04 h4, .container-fluid .section-05 h4, .container-fluid .section-06 h4, .container-fluid .section h5, .container-fluid .section-01 h5, .container-fluid .section-02 h5, .container-fluid .section-03 h5, .container-fluid .section-04 h5, .container-fluid .section-05 h5, .container-fluid .section-06 h5, .container-fluid .section h6, .container-fluid .section-01 h6, .container-fluid .section-02 h6, .container-fluid .section-03 h6, .container-fluid .section-04 h6, .container-fluid .section-05 h6, .container-fluid .section-06 h6, .section h1, .section-01 h1, .section-02 h1, .section-03 h1, .section-04 h1, .section-05 h1, .section-06 h1, .section h2, .section-01 h2, .section-02 h2, .section-03 h2, .section-04 h2, .section-05 h2, .section-06 h2, .section h3, .section-01 h3, .section-02 h3, .section-03 h3, .section-04 h3, .section-05 h3, .section-06 h3, .section h4, .section-01 h4, .section-02 h4, .section-03 h4, .section-04 h4, .section-05 h4, .section-06 h4, .section h5, .section-01 h5, .section-02 h5, .section-03 h5, .section-04 h5, .section-05 h5, .section-06 h5, .section h6, .section-01 h6, .section-02 h6, .section-03 h6, .section-04 h6, .section-05 h6, .section-06 h6 {
font-family: inherit;
font-weight: bold;
margin: 0 0 0.5em;
line-height: 1.17;
color: inherit; }
.container-fluid .section p, .container-fluid .section-01 p, .container-fluid .section-02 p, .container-fluid .section-03 p, .container-fluid .section-04 p, .container-fluid .section-05 p, .container-fluid .section-06 p, .container-fluid .section ul, .container-fluid .section-01 ul, .container-fluid .section-02 ul, .container-fluid .section-03 ul, .container-fluid .section-04 ul, .container-fluid .section-05 ul, .container-fluid .section-06 ul, .container-fluid .section ol, .container-fluid .section-01 ol, .container-fluid .section-02 ol, .container-fluid .section-03 ol, .container-fluid .section-04 ol, .container-fluid .section-05 ol, .container-fluid .section-06 ol, .container-fluid .section li, .container-fluid .section-01 li, .container-fluid .section-02 li, .container-fluid .section-03 li, .container-fluid .section-04 li, .container-fluid .section-05 li, .container-fluid .section-06 li, .section p, .section-01 p, .section-02 p, .section-03 p, .section-04 p, .section-05 p, .section-06 p, .section ul, .section-01 ul, .section-02 ul, .section-03 ul, .section-04 ul, .section-05 ul, .section-06 ul, .section ol, .section-01 ol, .section-02 ol, .section-03 ol, .section-04 ol, .section-05 ol, .section-06 ol, .section li, .section-01 li, .section-02 li, .section-03 li, .section-04 li, .section-05 li, .section-06 li {
color: inherit;
font-size: inherit;
line-height: inherit; }
.container-fluid .section p, .container-fluid .section-01 p, .container-fluid .section-02 p, .container-fluid .section-03 p, .container-fluid .section-04 p, .container-fluid .section-05 p, .container-fluid .section-06 p, .section p, .section-01 p, .section-02 p, .section-03 p, .section-04 p, .section-05 p, .section-06 p {
font-size: inherit !important;
color: inherit !important;
letter-spacing: inherit !important;
margin: 0 0 1.5em; }
.container-fluid .section h1, .container-fluid .section-01 h1, .container-fluid .section-02 h1, .container-fluid .section-03 h1, .container-fluid .section-04 h1, .container-fluid .section-05 h1, .container-fluid .section-06 h1, .section h1, .section-01 h1, .section-02 h1, .section-03 h1, .section-04 h1, .section-05 h1, .section-06 h1 {
font-size: 36px;
line-height: 1.11;
letter-spacing: -1.3px;
margin: 0 0 .48em; }
@media (min-width: 768px) {
.container-fluid .section h1, .container-fluid .section-01 h1, .container-fluid .section-02 h1, .container-fluid .section-03 h1, .container-fluid .section-04 h1, .container-fluid .section-05 h1, .container-fluid .section-06 h1, .section h1, .section-01 h1, .section-02 h1, .section-03 h1, .section-04 h1, .section-05 h1, .section-06 h1 {
font-size: 44px; } }
@media (min-width: 1024px) {
.container-fluid .section h1, .container-fluid .section-01 h1, .container-fluid .section-02 h1, .container-fluid .section-03 h1, .container-fluid .section-04 h1, .container-fluid .section-05 h1, .container-fluid .section-06 h1, .section h1, .section-01 h1, .section-02 h1, .section-03 h1, .section-04 h1, .section-05 h1, .section-06 h1 {
font-size: 53px;
line-height: 1.09;
letter-spacing: -1.59px;
margin: 0 0 .35em; } }
.container-fluid .section h2, .container-fluid .section-01 h2, .container-fluid .section-02 h2, .container-fluid .section-03 h2, .container-fluid .section-04 h2, .container-fluid .section-05 h2, .container-fluid .section-06 h2, .section h2, .section-01 h2, .section-02 h2, .section-03 h2, .section-04 h2, .section-05 h2, .section-06 h2 {
font-size: 30px;
line-height: 1.1;
letter-spacing: -.8px;
color: #4d144a;
margin: 0 0 .73em; }
@media (min-width: 1024px) {
.container-fluid .section h2, .container-fluid .section-01 h2, .container-fluid .section-02 h2, .container-fluid .section-03 h2, .container-fluid .section-04 h2, .container-fluid .section-05 h2, .container-fluid .section-06 h2, .section h2, .section-01 h2, .section-02 h2, .section-03 h2, .section-04 h2, .section-05 h2, .section-06 h2 {
font-size: 40px;
letter-spacing: -1.2px;
margin: 0 0 .6em; } }
.container-fluid .section h3, .container-fluid .section-01 h3, .container-fluid .section-02 h3, .container-fluid .section-03 h3, .container-fluid .section-04 h3, .container-fluid .section-05 h3, .container-fluid .section-06 h3, .section h3, .section-01 h3, .section-02 h3, .section-03 h3, .section-04 h3, .section-05 h3, .section-06 h3 {
font-size: 24px;
line-height: 1.17;
letter-spacing: -.5px; }
@media (min-width: 768px) {
.container-fluid .section h3, .container-fluid .section-01 h3, .container-fluid .section-02 h3, .container-fluid .section-03 h3, .container-fluid .section-04 h3, .container-fluid .section-05 h3, .container-fluid .section-06 h3, .section h3, .section-01 h3, .section-02 h3, .section-03 h3, .section-04 h3, .section-05 h3, .section-06 h3 {
font-size: 27px; } }
@media (min-width: 1024px) {
.container-fluid .section h3, .container-fluid .section-01 h3, .container-fluid .section-02 h3, .container-fluid .section-03 h3, .container-fluid .section-04 h3, .container-fluid .section-05 h3, .container-fluid .section-06 h3, .section h3, .section-01 h3, .section-02 h3, .section-03 h3, .section-04 h3, .section-05 h3, .section-06 h3 {
font-size: 30px; } }
.container-fluid .section h4, .container-fluid .section-01 h4, .container-fluid .section-02 h4, .container-fluid .section-03 h4, .container-fluid .section-04 h4, .container-fluid .section-05 h4, .container-fluid .section-06 h4, .section h4, .section-01 h4, .section-02 h4, .section-03 h4, .section-04 h4, .section-05 h4, .section-06 h4 {
font-size: 20px;
line-height: 1.2;
letter-spacing: -.4px; }
@media (min-width: 1024px) {
.container-fluid .section h4, .container-fluid .section-01 h4, .container-fluid .section-02 h4, .container-fluid .section-03 h4, .container-fluid .section-04 h4, .container-fluid .section-05 h4, .container-fluid .section-06 h4, .section h4, .section-01 h4, .section-02 h4, .section-03 h4, .section-04 h4, .section-05 h4, .section-06 h4 {
font-size: 24px;
line-height: 1.17;
letter-spacing: -.5px; } }
.container-fluid .section h5, .container-fluid .section-01 h5, .container-fluid .section-02 h5, .container-fluid .section-03 h5, .container-fluid .section-04 h5, .container-fluid .section-05 h5, .container-fluid .section-06 h5, .section h5, .section-01 h5, .section-02 h5, .section-03 h5, .section-04 h5, .section-05 h5, .section-06 h5 {
font-size: 20px;
line-height: 1.4;
letter-spacing: -.9px; }
@media (min-width: 1024px) {
.container-fluid .section h5, .container-fluid .section-01 h5, .container-fluid .section-02 h5, .container-fluid .section-03 h5, .container-fluid .section-04 h5, .container-fluid .section-05 h5, .container-fluid .section-06 h5, .section h5, .section-01 h5, .section-02 h5, .section-03 h5, .section-04 h5, .section-05 h5, .section-06 h5 {
letter-spacing: -.8px; } }
.container-fluid .section h6, .container-fluid .section-01 h6, .container-fluid .section-02 h6, .container-fluid .section-03 h6, .container-fluid .section-04 h6, .container-fluid .section-05 h6, .container-fluid .section-06 h6, .section h6, .section-01 h6, .section-02 h6, .section-03 h6, .section-04 h6, .section-05 h6, .section-06 h6 {
font-size: 16px; }
.section a, .section-01 a, .section-02 a, .section-03 a, .section-04 a, .section-05 a, .section-06 a {
color: inherit; }
.section a:hover, .section-01 a:hover, .section-02 a:hover, .section-03 a:hover, .section-04 a:hover, .section-05 a:hover, .section-06 a:hover, .section a:focus, .section-01 a:focus, .section-02 a:focus, .section-03 a:focus, .section-04 a:focus, .section-05 a:focus, .section-06 a:focus {
text-decoration: none; }
.section a[href^="tel"]:hover, .section-01 a[href^="tel"]:hover, .section-02 a[href^="tel"]:hover, .section-03 a[href^="tel"]:hover, .section-04 a[href^="tel"]:hover, .section-05 a[href^="tel"]:hover, .section-06 a[href^="tel"]:hover {
text-decoration: none; }
.section img, .section-01 img, .section-02 img, .section-03 img, .section-04 img, .section-05 img, .section-06 img {
max-width: 100%;
height: auto;
vertical-align: top; }
.section sup, .section-01 sup, .section-02 sup, .section-03 sup, .section-04 sup, .section-05 sup, .section-06 sup {
font-size: 60%; }
.section .container, .section-01 .container, .section-02 .container, .section-03 .container, .section-04 .container, .section-05 .container, .section-06 .container {
max-width: 1190px;
padding: 0 30px;
width: 100%;
margin: 0 auto; }
.section .arrow-right, .section-01 .arrow-right, .section-02 .arrow-right, .section-03 .arrow-right, .section-04 .arrow-right, .section-05 .arrow-right, .section-06 .arrow-right, .section .cta, .section-01 .cta, .section-02 .cta, .section-03 .cta, .section-04 .cta, .section-05 .cta, .section-06 .cta, .section .btn, .section-01 .btn, .section-02 .btn, .section-03 .btn, .section-04 .btn, .section-05 .btn, .section-06 .btn, .sec-support-container .btn, .sec-windows11-flyer .btn {
position: relative;
display: inline-block; }
.section .arrow-right:after, .section-01 .arrow-right:after, .section-02 .arrow-right:after, .section-03 .arrow-right:after, .section-04 .arrow-right:after, .section-05 .arrow-right:after, .section-06 .arrow-right:after, .section .cta:after, .section-01 .cta:after, .section-02 .cta:after, .section-03 .cta:after, .section-04 .cta:after, .section-05 .cta:after, .section-06 .cta:after, .section .btn:after, .section-01 .btn:after, .section-02 .btn:after, .section-03 .btn:after, .section-04 .btn:after, .section-05 .btn:after, .section-06 .btn:after, .sec-support-container .btn:after, .sec-windows11-flyer .btn:after {
width: 13px;
height: 13px;
content: '';
display: inline-block;
vertical-align: middle;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 0 0 4px 5px; }
@media (max-width: 479px) {
.section .hm, .section-01 .hm, .section-02 .hm, .section-03 .hm, .section-04 .hm, .section-05 .hm, .section-06 .hm {
display: none; } }
.section .logo, .section-01 .logo, .section-02 .logo, .section-03 .logo, .section-04 .logo, .section-05 .logo, .section-06 .logo {
width: 160px;
display: block; }
.section .logo a, .section-01 .logo a, .section-02 .logo a, .section-03 .logo a, .section-04 .logo a, .section-05 .logo a, .section-06 .logo a, .section .logo img, .section-01 .logo img, .section-02 .logo img, .section-03 .logo img, .section-04 .logo img, .section-05 .logo img, .section-06 .logo img {
display: block; }
.section .btn, .section-01 .btn, .section-02 .btn, .section-03 .btn, .section-04 .btn, .section-05 .btn, .section-06 .btn, .sec-support-container .btn, .sec-windows11-flyer .btn {
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
text-align: center;
text-decoration: none;
display: inline-block;
background: #fff;
color: #000;
padding: 11px 20px;
font-size: 16px;
line-height: 1.25;
font-weight: 600;
letter-spacing: -0.32px; }
.section .btn:hover, .section-01 .btn:hover, .section-02 .btn:hover, .section-03 .btn:hover, .section-04 .btn:hover, .section-05 .btn:hover, .section-06 .btn:hover, .sec-support-container .btn:hover, .sec-windows11-flyer .btn:hover {
color: #000; }
.section .btn:hover span, .section-01 .btn:hover span, .section-02 .btn:hover span, .section-03 .btn:hover span, .section-04 .btn:hover span, .section-05 .btn:hover span, .section-06 .btn:hover span, .sec-support-container .btn:hover span, .sec-windows11-flyer .btn:hover span {
text-decoration: none; }
.section .btn:after, .section-01 .btn:after, .section-02 .btn:after, .section-03 .btn:after, .section-04 .btn:after, .section-05 .btn:after, .section-06 .btn:after, .sec-support-container .btn:after, .sec-windows11-flyer .btn:after {
border-color: #000; }
.section .btn:before, .section-01 .btn:before, .section-02 .btn:before, .section-03 .btn:before, .section-04 .btn:before, .section-05 .btn:before, .section-06 .btn:before, .sec-support-container .btn:before, .sec-windows11-flyer .btn:before {
display: none; }
.section .btn.blue, .section-01 .btn.blue, .section-02 .btn.blue, .section-03 .btn.blue, .section-04 .btn.blue, .section-05 .btn.blue, .section-06 .btn.blue, .sec-support-container .btn.blue, .sec-support-container .btn.blue, .sec-windows11-flyer .btn.blue {
background: #294e95;
color: #fff; }
.section .btn.blue:after, .section-01 .btn.blue:after, .section-02 .btn.blue:after, .section-03 .btn.blue:after, .section-04 .btn.blue:after, .section-05 .btn.blue:after, .section-06 .btn.blue:after, .sec-support-container .btn.blue:after, .sec-windows11-flyer .btn.blue:after {
border-color: #fff; }
.section .btn.transparment, .section-01 .btn.transparment, .section-02 .btn.transparment, .section-03 .btn.transparment, .section-04 .btn.transparment, .section-05 .btn.transparment, .section-06 .btn.transparment {
background: none;
color: #fff;
padding: 9px 18px;
border: solid 2px #fff; }
.section .btn.transparment:after, .section-01 .btn.transparment:after, .section-02 .btn.transparment:after, .section-03 .btn.transparment:after, .section-04 .btn.transparment:after, .section-05 .btn.transparment:after, .section-06 .btn.transparment:after {
border-color: #fff; }
.section .cta, .section-01 .cta, .section-02 .cta, .section-03 .cta, .section-04 .cta, .section-05 .cta, .section-06 .cta {
font-weight: 600;
color: #3e8ddd;
letter-spacing: -.4px;
text-decoration: none;
padding: 0;
width: 100%;
display: inline-block;
background: none; }
.section .cta:hover span, .section-01 .cta:hover span, .section-02 .cta:hover span, .section-03 .cta:hover span, .section-04 .cta:hover span, .section-05 .cta:hover span, .section-06 .cta:hover span {
text-decoration: none; }
.section .cta:after, .section-01 .cta:after, .section-02 .cta:after, .section-03 .cta:after, .section-04 .cta:after, .section-05 .cta:after, .section-06 .cta:after {
border-color: #3e8ddd; }

.section-01-container {
background-repeat: no-repeat !important;
background-size: auto 100% !important;
background-position: right 55% top -15px !important;
background-color: #2e0201 !important; }
@media (min-width: 480px) {
.section-01-container {
background-position: center top !important;
background-size: cover !important; } }

.section-01 {
background-repeat: no-repeat;
background-size: auto 100%;
background-position: right 55% top -15px;
font-size: 20px;
line-height: 1.2;
color: #fff; }
@media (min-width: 480px) {
.section-01 {
padding: 50px 0 30px;
background-position: center;
background-size: cover;
letter-spacing: -.4px; } }
@media (min-width: 1024px) {
.section-01 {
padding: 140px 0 30px;
font-size: 20px;
line-height: 1.4;
min-height: 560px; } }
@media (max-width: 359px) {
.section-01 .btn {
font-size: 14px; } }
.section-01 .post-block {
margin: 0 -30px; }
@media (min-width: 480px) {
.section-01 .post-block {
margin: 0;
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; } }
.section-01 .post-block p {
margin: 0 0 1.1em; }
.section-01 .post-holder {
padding: 50px 70px 50px 33px;
min-height: 520px;
z-index: 1; }
@media (min-width: 480px) {
.section-01 .post-holder {
padding: 0 0 70px;
min-height: auto;
max-width: 500px; } }
@media (min-width: 768px) {
.section-01 .post-holder {
padding: 0; } }
.section-01 .footnote-block {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 16px;
line-height: 1.5;
letter-spacing: .1px;
margin: -27px -68px 0 0; }
@media (max-width: 479px) {
.section-01 .footnote-block {
background: #4e444e;
padding: 40px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
@media (min-width: 480px) {
.section-01 .footnote-block {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; } }
@media (min-width: 1024px) {
.section-01 .footnote-block {
gap: 0 50px; } }
@media (max-width: 1365px) {
.section-01 .footnote-block {
margin: 0; } }
.section-01 .footnote-block img {
max-width: 232px; }

.section-02 {
background: #fff;
padding: 50px 0;
font-size: 16px;
line-height: 1.5;
letter-spacing: -.3px; }
@media (min-width: 1024px) {
.section-02 {
line-height: 1.4;
letter-spacing: -.4px;
padding: 85px 0 80px; } }
.section-02 .btn {
margin: 5px 0 0; }
.section-02 .columns-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 650px) {
.section-02 .columns-block {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0 30px; } }
.section-02 .columns-block .post-column {
margin: 0 0 25px; }
@media (min-width: 650px) {
.section-02 .columns-block .post-column {
width: calc(60% - 15px);
max-width: 532px;
margin: 0; } }
@media (min-width: 1024px) {
.section-02 .columns-block .post-column {
width: calc(50% - 15px); } }
.section-02 .columns-block .post-column p {
margin: 0 0 .8em !important; }
.section-02 .columns-block .img-column {
max-width: 400px;
margin: 0 -30px; }
@media (min-width: 650px) {
.section-02 .columns-block .img-column {
width: calc(40% - 15px);
max-width: 532px;
margin: 0; } }
@media (min-width: 1024px) {
.section-02 .columns-block .img-column {
width: calc(50% - 15px); } }

.section-03-container {
background-size: cover !important;
background-color: #2e0201 !important;
background-position: left 30% top !important;
background-repeat: no-repeat !important; }

.section-03 {
background-size: cover;
background-position: left 7% top;
background-repeat: no-repeat;
position: relative;
padding: 50px 0 10px;
color: #fff;
letter-spacing: -.3px; }
@media (min-width: 1024px) {
.section-03 {
padding: 80px 0 30px; } }
.section-03 .heading-block {
font-size: 16px;
line-height: 1.5;
color: #fff;
letter-spacing: -.3px;
margin: 0 0 15px;
max-width: 900px; }
@media (min-width: 650px) {
.section-03 .heading-block {
margin: 0 0 45px; } }
@media (min-width: 1024px) {
.section-03 .heading-block {
font-size: 20px;
line-height: 1.4;
letter-spacing: -.4px; } }
.section-03 .heading-block h2 {
margin: 0 0 .7em;
color: #c9d0f0; }
.section-03 .heading-block p {
margin: 0 0 1em; }
.section-03 .btn-block {
max-width: 400px;
margin: 20px 0 0; }
@media (min-width: 650px) {
.section-03 .btn-block {
max-width: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 35px; } }
@media (max-width: 359px) {
.section-03 .btn-block .btn {
font-size: 14px; } }
@media (max-width: 649px) {
.section-03 .btn-block .btn {
margin: 0 0 25px; } }
.section-03 .columns-block {
position: relative; }
@media (min-width: 480px) {
.section-03 .columns-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0 24px; } }
@media (min-width: 768px) {
.section-03 .columns-block {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
@media (max-width: 479px) {
.section-03 .columns-block h4 {
margin: 0 0 .7em; } }
.section-03 .columns-block .column {
margin: 0 0 35px; }
@media (min-width: 480px) {
.section-03 .columns-block .column {
width: calc(50% - 12px);
margin: 0 0 15px; } }
@media (min-width: 768px) {
.section-03 .columns-block .column {
max-width: 360px;
width: calc(33.333% - 16px);
margin: 0 0 25px; } }
.section-03 .columns-block .column img {
width: 64px; }
@media (min-width: 768px) {
.section-03 .columns-block .column img {
width: 80px; } }
.section-03 .columns-block .img-holder {
margin: 0 0 25px; }

.section-04 {
background: #f8f8f8;
overflow: hidden;
padding: 50px 0;
letter-spacing: -.3px; }
@media (min-width: 1024px) {
.section-04 {
padding: 80px 0; } }
.section-04 .heading-block {
font-size: 16px;
line-height: 1.5;
letter-spacing: -.3px;
margin: 0 0 20px;
max-width: 965px; }
@media (min-width: 1024px) {
.section-04 .heading-block {
font-size: 20px;
line-height: 1.4;
letter-spacing: -.4px;
margin: 0 0 35px; } }
@media (max-width: 479px) {
.section-04 .heading-block h2 {
margin: 0 0 .55em; } }
.section-04 .btn-block {
text-align: center; }
@media (max-width: 479px) {
.section-04 .btn-block {
text-align: left; } }
@media (max-width: 359px) {
.section-04 .btn-block .btn {
font-size: 14px; } }
.section-04 .slider-block {
margin: 0 -42px 10px 0; }
@media (min-width: 1024px) {
.section-04 .slider-block {
margin: 0 -24px 15px 0; } }
@media (max-width: 479px) {
.section-04 .slider-block h4 {
font-size: 24px;
line-height: 1.17; } }
.section-04 .slider-block .slick-list {
padding: 10px 50px 10px 0;
margin: 0 -12px; }
@media (min-width: 1024px) {
.section-04 .slider-block .slick-list {
padding: 10px 0; } }
.section-04 .slider-block .post-block {
padding: 20px 20px 30px;
margin: 0 0 -1.5em; }
@media (min-width: 1024px) {
.section-04 .slider-block .post-block {
padding: 32px; } }
.section-04 .slider-block .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.section-04 .slider-block .slide {
background: #fff;
height: inherit;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
margin: 0 12px !important; }

.section-05 {
background: #fff;
position: relative;
padding: 50px 0 20px;
font-size: 16px;
line-height: 1.5;
letter-spacing: -.3px; }
@media (min-width: 650px) {
.section-05 {
padding: 50px 0; } }
@media (min-width: 1024px) {
.section-05 {
padding: 80px 0; } }
.section-05 .container {
max-width: 1150px; }
.section-05 .heading-block {
font-size: 16px;
line-height: 1.5;
letter-spacing: -.3px;
margin: 0 auto 25px;
text-align: center;
max-width: 800px; }
@media (min-width: 1024px) {
.section-05 .heading-block {
font-size: 20px;
line-height: 1.4;
letter-spacing: -.4px;
margin: 0 auto 30px; } }
.section-05 .heading-block h2 {
color: #4d144a; }
@media (max-width: 479px) {
.section-05 .heading-block h2 {
margin: 0 0 .75em; } }
.section-05 .heading-block .btn {
margin: -5px 0 0; }
@media (max-width: 479px) {
.section-05 .heading-block .btn {
margin: 5px 0 0; } }
@media (min-width: 768px) {
.section-05 .slick-dots {
display: none !important; } }
.section-05 .slider-nav {
position: relative;
font-size: 14px;
line-height: 1.3;
font-weight: 700;
border-bottom: 1px solid #000;
margin: 0 -30px 30px;
padding: 0 15px;
text-align: center; }
@media (min-width: 650px) {
.section-05 .slider-nav {
font-size: 16px; } }
@media (min-width: 1024px) {
.section-05 .slider-nav {
font-size: 20px; } }
.section-05 .slider-nav:after, .section-05 .slider-nav:before {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 40%, white 70%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 40%, white 70%);
z-index: 10; }
@media (min-width: 650px) {
.section-05 .slider-nav:after, .section-05 .slider-nav:before {
content: ''; } }
.section-05 .slider-nav:before {
background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 40%, white 70%);
background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 40%, white 70%);
right: auto;
left: 0; }
.section-05 .slider-nav a {
-webkit-transition: border-color 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out;
display: block;
padding: 13px 0;
text-decoration: none;
border-bottom: 5px solid transparent; }
@media (min-width: 1024px) {
.section-05 .slider-nav a {
white-space: nowrap !important; } }
.section-05 .slider-nav a.active {
border-color: #000; }
.section-05 .slider-nav .slick-slide {
margin: 0 10px !important; }
.section-05 .slider-nav .slick-list {
margin: 0 0 -3px; }
@media (min-width: 650px) {
.section-05 .slider-nav .slick-list {
padding: 0 10% 0 0;
max-width: 960px;
margin: 0 auto -3px; } }
@media (min-width: 1024px) {
.section-05 .slider-nav .slick-list {
padding: 0; } }
@media (min-width: 650px) {
.section-05 .slider-nav .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; } }
.section-05 .slider-nav .slick-track:before, .section-05 .slider-nav .slick-track:after {
display: none; }
.section-05 .slider-nav:not(.center):before {
display: none; }
.section-05 .slider-nav.right:after {
display: none; }
.section-05 .slider-nav.right:before {
display: block; }
@media (min-width: 768px) {
.section-05 .slider-nav.right .slick-list {
padding: 0 0 0 10%; } }
.section-05 .slick-arrow {
width: 30px;
height: 100%;
background: none;
padding: 0;
border: none;
outline: none;
z-index: 20; }
.section-05 .slick-arrow.slick-disabled {
display: none !important; }
@media (max-width: 479px) {
.section-05 .slider-main {
margin: 0 -30px; } }
@media (min-width: 1024px) {
.section-05 .slider-main .draggable {
min-height: 375px !important; } }
@media (min-width: 650px) {
.section-05 .columns-block {
padding: 20px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
@media (min-width: 1024px) {
.section-05 .columns-block {
padding: 60px 0 0;
gap: 0 80px; } }
.section-05 .columns-block h4 {
color: #000;
margin: 0 0 .63em; }
@media (max-width: 479px) {
.section-05 .columns-block h4 {
font-size: 24px;
line-height: 1.17;
margin: 0 0 .56em; } }
.section-05 .columns-block .img-column {
max-width: 400px;
margin: 0 auto 30px; }
@media (min-width: 650px) {
.section-05 .columns-block .img-column {
width: calc(50% - 35px);
max-width: 480px;
margin: 0; } }
@media (min-width: 650px) {
.section-05 .columns-block .post-column {
width: calc(50% - 35px);
max-width: 486px;
margin: 0 0 -1.5em; } }
@media (max-width: 479px) {
.section-05 .columns-block .post-column {
padding: 0 30px; } }
.section-05 .columns-block .post-column ul {
padding: 0 0 0 15px; }
.section-05 .columns-block .post-column ul li {
margin: 0 0 7px; }
.section-05 .columns-block .cta {
margin: 5px 0 0; }

.section-06-container {
background-size: cover !important;
background-color: #2e0201 !important;
background-position: left 60% top !important;
background-repeat: no-repeat !important; }
@media (min-width: 768px) {
.section-06-container {
background-position: center !important; } }

.section-06-form-container {
background-color: #fff !important; }

.section-06 {
background-size: cover;
background-position: left 60% top;
background-repeat: no-repeat;
padding: 50px 0 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 1.5;
color: #fff;
letter-spacing: -.3px;
min-height: 381px; }
@media (min-width: 768px) {
.section-06 {
background-position: center;
padding: 85px 0 80px;
font-size: 20px;
line-height: 1.4;
min-height: 468px;
letter-spacing: -.4px; } }
.section-06 .post-block {
position: relative;
max-width: 420px; }
.section-06 .post-block h2 {
margin: 0 0 .78em;
color: #fff; }
@media (max-width: 479px) {
.section-06 .post-block h2 {
font-size: 30px; } }
@media (min-width: 1024px) {
.section-06 .post-block h2 {
font-size: 40px;
margin: 0 0 .6em; } }
.section-06 .post-block p {
margin: 0 0 1.1em; }
@media (max-width: 479px) {
.section-06 .btn {
margin: 5px 0 0; } }

.section-01 .link-gated-resource:hover { color: #000 !important; }
.section-06 .link-gated-resource:hover { color: #000 !important; }

.section-01 .anchor-link {
height: 0;
transform: translateY(-100px);
}
.section-03 .anchor-link {
height: 0;
transform: translateY(-100px);
}
.section-04 .anchor-link {
height: 0;
transform: translateY(-100px);
}
.section-06 .anchor-link {
height: 0;
transform: translateY(-260px);
}

.jump-to-menu-wrapper{
background:#000 !important;
}

.jump-to-menu-wrapper ul.jump-to-menu-items li.jump-to-menu-item a{
color:#ffffff !important;
}

.jump-to-menu-wrapper ul.jump-to-menu-items li.jump-to-menu-item a:hover{
text-decoration:none !important;
}

/*# sourceMappingURL=main.css.map */
</style>

<section class="section-01" id="ModernworkGetincontact">
<div class="anchor-link" id="modernwork">&nbsp;</div>

<div class="container">
<div class="post-block">
<div class="post-holder">
<h1>Set modern work into motion</h1>

<p>Enable productive work&nbsp;from anywhere with Microsoft Modern Management Solutions&nbsp;by Lenovo.</p>

<div class="btn"><!--<gated-resource data-embed-button-icon="" data-embed-form="6735" data-embed-label="Book assessment" data-embed-media="" data-embed-scheme="link" data-embed-target="" data-embed-type="form" data-embed-url="">Book assessment</gated-resource>--><a href="#contact"><span>Book assessment</span></a></div>
</div>

<div class="footnote-block">
<div class="img-holder">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="fefd3a29-6ccd-42be-ac13-9e951919b919" data-langcode="nz-en"></drupal-entity>
</div>
</div>
</div>
</div>
</section>

<section class="section-02" id="Downloadbrochure">
<div class="container">
<div class="columns-block">
<div class="img-column">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="4fd32f30-7ea4-4481-875c-1518b4975955" data-langcode="ww-en"></drupal-entity>
</div>

<div class="post-column">
<h2>What is Microsoft Modern Management Solutions by Lenovo?</h2>

<p>Unlock better collaboration, productivity, security and business agility across your organization with Microsoft Modern Management Solutions by Lenovo.</p>

<p>With a Modern Workplace assessment, we’ll help you find the best mixture of professional services and Microsoft technologies to keep your employees connected wherever they are, keep costs under control and reduce the burden on IT teams.</p>

<p>And with Windows 11 security, hardware and software work together to protect your data from the core to the cloud, delivering comprehensive protection that keeps your business secure, wherever people choose to work.</p>
<cta-button data-embed-class="btn blue" data-embed-label="Download the brochure" data-embed-media="23099" data-embed-scheme="link" data-embed-target="" data-embed-text="" data-embed-type="media" data-embed-url="">Download the brochure</cta-button></div>
</div>
</div>
</section>

<style type="text/css">.section-03-container .section-03 .btn-white {
background: white !important;
}
.section-03-container .section-03 .btn-no-bg{
background:transparent !important;
color:#ffffff !important;
padding:0 !important;
text-align: left !important;
text-decoration: underline !important;
line-height: 24px !important;
}
.section-03-container .section-03 .btn-no-bg:after{
border-color: #ffffff !important;
color:#ffffff !important;

}
</style>
<section class="section-03" id="Downloadinfographic">
<div class="anchor-link" id="hybridworking">&nbsp;</div>

<div class="anchor-link" id="watchvideo">&nbsp;</div>

<div class="anchor-link" id="downloadinfographic">&nbsp;</div>

<div class="container">
<div class="heading-block">
<h2>Handle hybrid working with ease</h2>

<p>Hybrid working is here to stay and Microsoft Modern Management Solutions by Lenovo can help your employees to work productively from anywhere. Simplified servicing and updates make installing and repairing hardware easier. Your IT teams will also be freed from time-consuming tasks with zero-touch deployment, cloud-based management and AI-powered support.</p>

<div class="btn-block"><!--<cta-button data-embed-class="btn-white" data-embed-label="Watch the video" data-embed-media="18372" data-embed-scheme="gray" data-embed-target="_modal" data-embed-text="black" data-embed-type="media" data-embed-url="">Watch the video</cta-button>--><cta-button data-embed-class="btn" data-embed-label="Download the infographic" data-embed-media="20060" data-embed-scheme="link" data-embed-target="" data-embed-text="" data-embed-type="media" data-embed-url="">Download the infographic</cta-button></div>
</div>

<div class="columns-block">
<div class="column">
<div class="img-holder">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="6e98fa39-95e7-4b06-8e7f-0bcdc24c2a64" data-langcode="ww-en"></drupal-entity>
</div>

<div class="text-holder">
<h4>Supercharge your endpoint security</h4>

<p>Get advanced device protection from chip to cloud, starting with the supply chain, right through to the zero trust principles built into your hardware and software.</p>
</div>
</div>

<div class="column">
<div class="img-holder">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="c677c7fd-2097-4451-aab5-877d9a484805" data-langcode="ww-en"></drupal-entity>
</div>

<div class="text-holder">
<h4>Keep your people productive from the get-go</h4>

<p>Keep employees connected and productive with ready-to-go devices and better, faster user support with Lenovo Services.</p>
<a class="btn btn-no-bg link link-cta-button" href="/mm/en/solutions/media/24633/download"><span>3 ways to unlock sustainable performance<br />
infographic</span></a></div>
</div>

<div class="column">
<div class="img-holder">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="fc1ac003-73c4-4525-8b10-44ed585c77a4" data-langcode="ww-en"></drupal-entity>
</div>

<div class="text-holder">
<h4>Stay in control of costs</h4>

<p>This flexible solution is designed to scale according to what your business needs, helping you manage your IT costs more easily.</p>
<a class="btn btn-no-bg link link-cta-button" href="/mm/en/solutions/media/23171/download"><span>Smarter investments for your modern<br />
workplace infographic</span></a></div>
</div>
</div>
</div>
</section>

<section class="section-04">
<div class="anchor-link" id="Securityprinciples">&nbsp;</div>

<div class="container">
<div class="heading-block">
<h2>5 Security Principles</h2>

<p>Windows 11 security provides powerful security from chip to cloud. It’s built with zero-trust principles at the core to safeguard data and access anywhere, keeping you protected and productive.</p>
</div>

<div class="slider-block">
<div class="slide">
<div class="post-block">
<h4>Security, by default</h4>

<p>Building on the innovations of Windows 10, we’ve worked with our manufacturer and silicon partners to provide additional hardware security capabilities to meet the evolving threat landscape and enable hybrid work and learning.</p>
</div>
</div>

<div class="slide">
<div class="post-block">
<h4>Enhanced hardware and operating system security</h4>

<p>Hardware and software work together to protect the operating system. For example, new devices come with virtualization-based security (VBS) and Secure Boot built-in and enabled by default to contain and limit malware exploits.</p>
</div>
</div>

<div class="slide">
<div class="post-block">
<h4>Robust application security and privacy controls</h4>

<p>Windows 11 has multiple layers of application security that safeguard critical data and code integrity. Application isolation and controls, code integrity, privacy controls, and least-privilege principles enable developers to build in security and privacy from the ground up.</p>
</div>
</div>

<div class="slide">
<div class="post-block">
<h4>Secured identities</h4>

<p>Credentials are protected by layers of hardware and software security such as TPM 2.0, VBS, and/or Windows Defender Credential Guard, making it harder for attackers to steal credentials from a device.</p>
</div>
</div>

<div class="slide">
<div class="post-block">
<h4>Connecting to cloud services</h4>

<p>You can enforce compliance and conditional access with a modern device management (MDM) service such as Microsoft Endpoint Manager, which works to control access to applications and data through the cloud.</p>
</div>
</div>
</div>
</div>
</section>

<style type="text/css">/*sec-support*/
.sec-support-container {
padding: 0 !important;
width: 100%;
}
.sec-support, .sec-support * {
box-sizing: border-box;
}
.sec-support {
background: #ffffff;
}
.sec-support .cont {
padding: 34px 30px 48px;
}
.sec-support .rw {
display: flex;
flex-wrap: wrap;
margin: 0 -18px;
align-items: center;
}
.sec-support .col {
width: 100%;
padding: 0 18px;
}
.sec-support .col.txt {
padding-bottom: 18px;
}
.sec-support h3 {
font-family: 'Montserrat', sans-serif, Arial, Helvetica !important;
font-size: 30px !important;
line-height: 1.1 !important;
letter-spacing: -0.9px;
font-weight: 700;
color: #1e0013 !important;
margin: 0 0 16px;
}
.sec-support p {
font-family: 'Montserrat', sans-serif, Arial, Helvetica !important;
font-size: 16px !important;
line-height: 1.5 !important;
letter-spacing: -0.32px;
font-weight: 400;
color: #000000 !important;
margin: 0 0 22px;
}
.sec-support img {
display: block;
width: 100%;
max-width: 552px;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.sec-support .cont {
max-width: 1190px;
margin: 0 auto;
padding: 80px 30px 60px;
}
.sec-support .col.img {
width: 52.1%;
}
.sec-support .col.txt {
width: 47.9%;
padding-bottom: 0;
}
.sec-support h3 {
font-size: 40px !important;
letter-spacing: -1.2px;
}
.sec-support p {
font-size: 20px !important;
line-height: 1.4 !important;
letter-spacing: -0.4px;
}
.sec-support img {
margin-bottom: 20px;
}
}
@media screen and (min-width: 1100px) {
.sec-support .rw {
margin: 0 -38px;
}
.sec-support .col {
padding: 0 38px;
}
}
</style>
<div class="sec-support">
<div class="cont">
<div class="rw">
<div class="col txt">
<h3>24/7 support</h3>

<p>Microsoft Cloud Solution Provider (CSP) managed services deliver 24/7 support, via Lenovo. It helps keep you on track for continual productivity by minimizing the potential and damaging impact of downtime.</p>

<p>Many businesses can lose approximately 545 hours,<sup>1</sup> or three weeks, each year because of downtime. Microsoft CSP helps keep you up and running thanks to dedicated tools that directly provision, manage, and support your operations. <sup>1</sup></p>

<p><sup><cta-button data-embed-class="btn blue" data-embed-label="Find out more" data-embed-media="" data-embed-scheme="link" data-embed-target="" data-embed-text="" data-embed-type="link" data-embed-url="/node/5369">Find out more</cta-button></sup></p>
</div>

<div class="col img">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="fb81c7f1-8812-4471-a4ad-b7d0cc5c4f8d" data-langcode="ww-en"></drupal-entity>
</div>
</div>
</div>
</div>

<style type="text/css">/*sec-operating-system-security*/
.sec-operating-system-security-container {
padding: 0 !important;
width: 100%;
}
.sec-operating-system-security, .sec-operating-system-security * {
box-sizing: border-box;
}
.sec-operating-system-security {
background: #ffffff;
}
.sec-operating-system-security .cont {
padding: 5px 30px 48px;
}
.sec-operating-system-security .rw {
display: flex;
flex-wrap: wrap;
margin: 0 -18px;
align-items: center;
}
.sec-operating-system-security .col {
width: 100%;
padding: 0 18px;
}
.sec-operating-system-security .col.txt {
padding-bottom: 18px;
}
.sec-operating-system-security h3 {
font-family: 'Montserrat', sans-serif, Arial, Helvetica !important;
font-size: 30px !important;
line-height: 1.1 !important;
letter-spacing: -0.9px;
font-weight: 700;
color: #1e0013 !important;
margin: 0 0 16px;
}
.sec-operating-system-security p {
font-family: 'Montserrat', sans-serif, Arial, Helvetica !important;
font-size: 16px !important;
line-height: 1.5 !important;
letter-spacing: -0.32px;
font-weight: 400;
color: #000000 !important;
margin: 0 0 22px;
}
.sec-operating-system-security img {
display: block;
width: 100%;
max-width: 552px;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.sec-operating-system-security .rw {
flex-direction: row-reverse;
}
.sec-operating-system-security .cont {
max-width: 1190px;
margin: 0 auto;
padding: 10px 30px 60px;
}
.sec-operating-system-security .col.img {
width: 52.1%;
}
.sec-operating-system-security .col.txt {
width: 47.9%;
padding-bottom: 0;
}
.sec-operating-system-security h3 {
font-size: 40px !important;
letter-spacing: -1.2px;
}
.sec-operating-system-security p {
font-size: 20px !important;
line-height: 1.4 !important;
letter-spacing: -0.4px;
}
.sec-operating-system-security img {
margin-bottom: 20px;
}
}
@media screen and (min-width: 1100px) {
.sec-operating-system-security .rw {
margin: 0 -38px;
}
.sec-operating-system-security .col {
padding: 0 38px;
}
}
</style>
<div class="sec-operating-system-security">
<div class="cont">
<div class="rw">
<div class="col txt">
<h3>Operating System Security</h3>

<p>Windows 11 is our most secure Windows yet, with extensive security measures built into the operating system, to help keep devices, identities, and information safe.</p>

<p>These include built-in advanced encryption and data protection, robust network and system security, and intelligent safeguards against ever evolving viruses and threats.</p>
</div>

<div class="col img">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="37d0f764-5c92-48bb-85fc-c4b250462eb0" data-langcode="ww-en"></drupal-entity>
</div>
</div>
</div>
</div>

<script type="text/javascript">
jQuery(function() {
initSlickCarousel();
});
// slick init
function initSlickCarousel() {
// Resources carousel
jQuery('.slider-block').slick({
slidesToScroll: 3,
rows: 0,
slidesToShow: 3,
arrows: false,
dots: true,
autoplay: false,
infinite: true,
responsive: [{
breakpoint: 1024,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 650,
settings: {
slidesToShow: 1,
}
}]
});
jQuery('.slider-main').slick({
slidesToScroll: 1,
rows: 0,
dots: false,
adaptiveHeight: true,
autoplay: false,
fade: true,
arrows: false,
infinite: false,
}).on('beforeChange', function(event, slick, currentSlide, nextSlide){
var currentNavSlide = jQuery('.slider-nav .slick-slide[data-slick-index="${nextSlide}"]');
jQuery('.slider-nav a').removeClass('active');
jQuery('.slider-nav .slick-slide[data-slick-index="${nextSlide}"] a').addClass('active');
if (currentNavSlide.attr('aria-hidden') == 'true') {
jQuery('.slider-nav').slick('slickGoTo', nextSlide);
}
});
jQuery('.slider-nav').slick({
slidesToScroll: 4,
rows: 0,
slidesToShow: 4,
adaptiveHeight: true,
infinite: false,
swipe: false,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToScroll: 3,
slidesToShow: 3
}
},
{
breakpoint: 650,
settings: {
slidesToScroll: 2,
slidesToShow: 2
}
},
{
breakpoint: 360,
settings: {
slidesToScroll: 1,
slidesToShow: 1
}
}
]
}).on('beforeChange', function(event, slick, currentSlide, nextSlide){
if (currentSlide >= nextSlide) {
jQuery('.slider-main').slick('slickGoTo', currentSlide - 1);
jQuery(this).removeClass('right');
} else {
jQuery('.slider-main').slick('slickGoTo', nextSlide);
jQuery(this).removeClass('right');
jQuery(this).addClass('right');
}
}).on('afterChange', function(slick, currentSlide){
var x = jQuery('.slider-nav .slick-slide:last-child').attr('aria-hidden') == 'true' && jQuery('.slider-nav .slick-slide:first-child').attr('aria-hidden') == 'true';
if (x) {
jQuery('.slider-nav').removeClass('center right');
jQuery('.slider-nav').addClass('center');
} else {
jQuery('.slider-nav').removeClass('center');
}
var y = jQuery('.slider-nav .slick-slide:last-child').attr('aria-hidden') == 'false' && jQuery('.slider-nav .slick-slide:first-child').attr('aria-hidden') == 'false';
if (y) {
jQuery('.slider-nav').removeClass('center right');
}
});
function sliderNav() {
jQuery('.slider-nav .slick-current a').addClass('active')
jQuery('.slider-nav a').click(function(){
var currentSlide = jQuery('.slider-main').slick('slickCurrentSlide');
var thisIndex = jQuery(this).closest('.slick-slide').attr('data-slick-index');
jQuery('.slider-nav a').removeClass('active');
jQuery(this).addClass('active');
jQuery('.slider-main').slick('slickGoTo', thisIndex);
});
}
sliderNav();
}
</script><section class="section-04" id="MicrosoftGetincontact"><div class="anchor-link" id="modernworkplace">&nbsp;</div><div class="container"><div class="heading-block"><h2>We’ll guide your move to the modern workplace</h2><p>Our Microsoft experts use a consultative approach to support your transition to modern deployment. We’re with you every step of the way.</p></div><div class="slider-block"><div class="slide"><div class="post-block"><h4>Our approach starts with you</h4><p>Our Lenovo certified experts support you to move to and make the most of Microsoft technology through an in-depth assessment and consultative approach. We’ll conduct a detailed Modern Management Consultation to audit and assess your IT infrastructure, processes and needs.</p></div></div><div class="slide"><div class="post-block"><h4>Make change a reality</h4><p>To help make the shift to modern deployment smoother, you have access to our highly scalable and globally distributed modern management services and our long experience of change management and transition methodology.</p></div></div><div class="slide"><div class="post-block"><h4>Work with a trusted Microsoft partner</h4><p>Working with Lenovo to deploy your Modern Management Solution means you can benefit from our certified global expertise to help you unlock all the benefits that Microsoft solutions can provide.</p></div></div></div><div class="btn-block"><div class="btn blue"><a class="link link-hash" href="#contact"><span>Talk to our Microsoft experts</span></a></div></div></div></section>

<style type="text/css">/*sec-flyer*/
.sec-flyer-container {
padding: 0 !important;
width: 100%;
}
.sec-flyer, .sec-flyer * {
box-sizing: border-box;
}
.sec-flyer {
background: #EAEEF5;
}
.sec-flyer .cont {
padding: 34px 30px 48px;
}
.sec-flyer .rw {
display: flex;
flex-wrap: wrap;
margin: 0 -18px;
align-items: center;
}
.sec-flyer .col {
width: 100%;
padding: 0 18px;
}
.sec-flyer .col.txt {
padding-bottom: 18px;
}
.sec-flyer h3 {
font-family: 'Montserrat', sans-serif, Arial, Helvetica !important;
font-size: 30px !important;
line-height: 1.1 !important;
letter-spacing: -0.9px;
font-weight: 700;
color: #1e0013 !important;
margin: 0 0 30px;
}
.sec-flyer p {
font-family: 'Montserrat', sans-serif, Arial, Helvetica !important;
font-size: 16px !important;
line-height: 1.5 !important;
letter-spacing: -0.32px;
font-weight: 400;
color: #000000 !important;
margin: 0 0 22px;
}
.sec-flyer img {
display: block;
width: 100%;
max-width: 585px;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.sec-flyer .cont {
max-width: 1190px;
margin: 0 auto;
padding: 80px 30px 60px;
}
.sec-flyer .col.img {
width: 52.1%;
}
.sec-flyer .col.txt {
width: 47.9%;
padding-bottom: 0;
}
.sec-flyer h3 {
font-size: 40px !important;
letter-spacing: -1.2px;
}
.sec-flyer p {
font-size: 20px !important;
line-height: 1.4 !important;
letter-spacing: -0.4px;
}
.sec-flyer img {
margin-bottom: 20px;
}
}
@media screen and (min-width: 1100px) {
.sec-flyer .rw {
margin: 0 -38px;
}
.sec-flyer .col.img{
padding: 0 38px 0 38px;
}
.sec-flyer .col.txt{
padding: 0 38px 0 10px;
}
}
</style>
<div class="sec-flyer">
<div class="cont">
<div class="rw">
<div class="col txt">
<h3>Upgrade to the best Windows yet</h3>

<p>With Windows 10 support ending in October 2025, this is the best time to make the move to Windows 11.</p>

<p style="margin-bottom: 30px;">Discover the AI-powered features of Windows 11 that can help you create a more productive and secure hybrid work experience.</p>

<p><sup><cta-button data-embed-class="btn blue" data-embed-label="View flyer" data-embed-media="" data-embed-scheme="link" data-embed-target="_blank" data-embed-text="" data-embed-type="link" data-embed-url="/origind8/sites/default/files/2023-12/Win11_Upgrade_Urgency_Flyer.pdf">View flyer</cta-button></sup></p>
</div>

<div class="col img">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="8c820cf8-60d9-4fe1-b835-41049b89d3e4" data-langcode="mm-en"></drupal-entity>
</div>
</div>
</div>
</div>

<section class="section-05">
<div class="container">
<div class="heading-block">
<h2>Windows 11 Upgrade Service</h2>

<p>Upgrading to Windows 11 doesn’t need&nbsp;to be daunting. Here’s how we work with you, supporting your organization as you make the move.</p>
</div>

<div class="slider-nav">
<div><a href="javascript:;">Tailored approach</a></div>

<div><a href="javascript:;">Simplified rollout</a></div>

<div><a href="javascript:;">Ready-to-go devices</a></div>

<div><a href="javascript:;">Seamless upgrades</a></div>
</div>

<div class="slider-main">
<div class="columns-block">
<div class="img-column">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="35a41c74-3e30-4407-8798-3f5745d3f28b" data-langcode="ww-en"></drupal-entity>
</div>

<div class="post-column">
<h4>Tailored approach</h4>

<p>We’ll work with you to assess your current tools and processes and make sure your business is ready to upgrade from Windows 10 to 11. Then we support you to migrate your devices and users and handle the change management initiatives to educate end users, and keep adoption and productivity high.</p>
</div>
</div>

<div class="columns-block">
<div class="img-column">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="35dd877c-4db6-4f43-94cc-1238d798adbd" data-langcode="ww-en"></drupal-entity>
</div>

<div class="post-column">
<h4>Simplified rollout</h4>

<p>Lenovo Deployment Assistant software simplifies rolling out updates and helps you configure and manage all your devices through integration with Microsoft Endpoint Configuration Manager.</p>
</div>
</div>

<div class="columns-block">
<div class="img-column">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="2138db3d-b15d-44c8-b9c6-b3d55040f989" data-langcode="ww-en"></drupal-entity>
</div>

<div class="post-column">
<h4>Ready-to-go devices</h4>

<p>Specify configurations and settings in advance with Ready To Provision+, so devices are pre-provisioned and ready to use. Your devices will already be registered for Autopilot, so that when they are powered up and connected, all your devices will receive relevant configuration and applications.</p>
</div>
</div>

<div class="columns-block">
<div class="img-column">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="c73d4539-df43-431f-abd2-823945591041" data-langcode="ww-en"></drupal-entity>
</div>

<div class="post-column">
<h4>Seamless upgrades</h4>

<p>We’re here to help make upgrading your existing devices to Windows 11 as simple as possible. Our experts can support you with each step, including:</p>

<ul>
<li>Project management and communications</li>
<li>Managing your upgrade and giving you floorwalker support</li>
<li>End user education and adoption</li>
<li>Change management strategy and implementation</li>
<li>Quality assurance services</li>
</ul>
</div>
</div>
</div>
</div>
</section>

<style type="text/css">/*azure*/

.azure-container {
padding: 0 !important;
width: 100%;

}

.azure,
.azure * {
box-sizing: border-box;
}

.azure {
background: #ffffff;
background-image: url('/origind8/sites/default/files/2023-05/azure-bg.png');
background-size: cover;
}

.azure .cont {
padding: 34px 30px 48px;
}

.azure .rw {
display: flex;
flex-wrap: wrap;
margin: 0 -18px;
align-items: center;
}

.azure .col {
width: 100%;
padding: 0 18px;
}

.azure .col.txt {
padding-bottom: 18px;
}

.azure h3 {
font-family: 'Montserrat', sans-serif, Arial, Helvetica !important;
font-size: 30px !important;
line-height: 1.1 !important;
letter-spacing: -0.9px;
font-weight: 700;
color: #ffffff !important;
margin: 0 0 16px;
}

.azure p {
font-family: 'Montserrat', sans-serif, Arial, Helvetica !important;
font-size: 16px !important;
line-height: 1.5 !important;
letter-spacing: -0.32px;
font-weight: 400;
color: #ffffff !important;
margin: 0 0 22px;
}

.azure img {
display: block;
width: 100%;
max-width: 552px;
margin: 0 auto;
}

.azure .btn.white, .azure-container .btn.white {
background: #ffffff;
color: #000;
margin-bottom: 16px;
}

.azure .btn:hover span{
text-decoration: none !important;
}

.azure-container .btn:after {
width: 13px;
height: 13px;
content: '';
display: inline-block;
vertical-align: middle;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 0 0 4px 5px;
}

.azure-container .btn {
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
text-align: center;
text-decoration: none;
display: inline-block;
background: #fff;
color: #000;
padding: 11px 20px;
font-size: 16px;
line-height: 1.25;
font-weight: 600;
letter-spacing: -0.32px;
}

@media screen and (min-width: 768px) {
.azure .cont {
max-width: 1190px;
margin: 0 auto;
padding: 80px 30px 60px;
}

.azure .col.img {
width: 52.1%;
}

.azure .col.txt {
width: 47.9%;
padding-bottom: 0;
}

.azure h3 {
font-size: 40px !important;
letter-spacing: -1.2px;
}

.azure p {
font-size: 20px !important;
line-height: 1.4 !important;
letter-spacing: -0.4px;
}

.azure img {
margin-bottom: 20px;
}
}

@media screen and (min-width: 1100px) {
.azure .rw {
margin: 0 -38px;
}

.azure .col {
padding: 0 38px;
}
}
</style>
<div class="azure">
<div class="cont">
<div class="rw">
<div class="col txt">
<h3>Lenovo Cloud Solutions for Azure</h3>

<p>Achieve scalability for your business while reducing cost and mitigating risks with Lenovo Cloud Solutions for Azure.</p>

<p>We make it easy for you to simplify your cloud journey with modular solutions – supported with a single portal to start, run, and track your migration to Azure, and a range of tools for assessment and migration. Discover how Lenovo can be your ideal technology partner to help you move to the cloud quickly, securely, and cost-effectively.</p>

<p><sup><cta-button data-embed-class="btn white" data-embed-label="Download brochure" data-embed-media="" data-embed-scheme="link" data-embed-target="" data-embed-text="" data-embed-type="link" data-embed-url="/origind8/sites/default/files/2023-05/azure-brochure.pdf">Download brochure</cta-button>&nbsp;&nbsp; <cta-button data-embed-class="btn white" data-embed-label="Learn more" data-embed-media="" data-embed-scheme="link" data-embed-target="" data-embed-text="" data-embed-type="link" data-embed-url="/mm/en/azure-cloud">Learn more</cta-button> </sup></p>
</div>

<div class="col img">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="088e873a-af22-49a0-9a57-55440dcd6336" data-langcode="mm-en"></drupal-entity>
</div>
</div>
</div>
</div>

<style type="text/css">/*dws*/

.dws-container {
padding: 0 !important;
width: 100%;
}

.dws,
.dws * {
box-sizing: border-box;
}

.dws {
background: #ffffff;
}

.dws .cont {
padding: 34px 30px 48px;
}

.dws .rw {
display: flex;
flex-wrap: wrap;
margin: 0 -18px;
align-items: center;
}

.dws .col {
width: 100%;
padding: 0 18px;
}

.dws .col.txt {
padding-bottom: 18px;
}

.dws h3 {
font-family: 'Montserrat', sans-serif, Arial, Helvetica !important;
font-size: 30px !important;
line-height: 1.1 !important;
letter-spacing: -0.9px;
font-weight: 700;
color: #1e0013 !important;
margin: 0 0 16px;
}

.dws p {
font-family: 'Montserrat', sans-serif, Arial, Helvetica !important;
font-size: 16px !important;
line-height: 1.5 !important;
letter-spacing: -0.32px;
font-weight: 400;
color: #000000 !important;
margin: 0 0 22px;
}

.dws img {
display: block;
width: 100%;
max-width: 552px;
margin: 0 auto;
}

.dws .btn.blue, .dws-container .btn.blue {
background: #294e95;
color: #fff;
}

.dws .btn:hover span {
text-decoration: none;
}

.dws-container .btn:after {
width: 13px;
height: 13px;
content: '';
display: inline-block;
vertical-align: middle;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 0 0 4px 5px;
}

.dws-container .btn {
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
text-align: center;
text-decoration: none;
display: inline-block;
background: #fff;
color: #000;
padding: 11px 20px;
font-size: 16px;
line-height: 1.25;
font-weight: 600;
letter-spacing: -0.32px;
}

@media screen and (min-width: 768px) {
.dws .cont {
max-width: 1190px;
margin: 0 auto;
padding: 80px 30px 60px;
}

.dws .col.img {
width: 52.1%;
}

.dws .col.txt {
width: 47.9%;
padding-bottom: 0;
}

.dws h3 {
font-size: 40px !important;
letter-spacing: -1.2px;
}

.dws p {
font-size: 20px !important;
line-height: 1.4 !important;
letter-spacing: -0.4px;
}

.dws img {
margin-bottom: 20px;
}
}

@media screen and (min-width: 1100px) {
.dws .rw {
margin: 0 -38px;
}

.dws .col {
padding: 0 38px;
}
}
</style>
<div class="dws">
<div class="cont">
<div class="rw">
<div class="col img">
<drupal-entity data-embed-button="media_entity_embed" data-entity-embed-display="view_mode:media.original_dimension" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="e57a2688-3a26-40a3-bee4-71f3726a6721" data-langcode="mm-en"></drupal-entity>
</div>

<div class="col txt">
<h3>Create the ultimate work habitat</h3>

<p>Businesses need the right blend of services and technology to create the ultimate work habitat – one which will support employees’ growing needs and keep them performing at their best, wherever they are.</p>

<p><strong>Lenovo Digital Workplace Solutions (DWS)</strong> provide the services and technology to empower your employees and help you evolve alongside their needs, delivering exceptional experience at high speed.</p>

<p><sup><cta-button data-embed-class="btn blue" data-embed-label="Learn more" data-embed-media="" data-embed-scheme="link" data-embed-target="" data-embed-text="" data-embed-type="link" data-embed-url="/node/7249">Learn more</cta-button> </sup></p>
</div>
</div>
</div>
</div>

<h2 class="text-align-center"><span class="lenovo-black-inline-text">Set modern work into motion in your organization</span></h2>

<p class="text-align-center"><span class="lenovo-black-inline-text">Talk to our experts who will assess your organization's needs a design your tailored Microsoft Modern Management Solutions.</span></p>

<p class="text-align-center"><gated-resource data-embed-button-icon="" data-embed-form="6983" data-embed-label="[Embedded Form]" data-embed-media="" data-embed-scheme="embed" data-embed-target="" data-embed-text="" data-embed-type="form" data-embed-url="">[Embedded Form]</gated-resource></p>

<style type="text/css">/*sec-footnote*/
.sec-footnote-container {
padding: 0 !important;
width: 100%;
}
.sec-footnote, .sec-footnote * {
box-sizing: border-box;
}
.sec-footnote {
background: #e5e5e5;
}
.sec-footnote .cont {
padding: 46px 30px 36px;
}
.sec-footnote p {
font-family: 'Lato', sans-serif, Arial, Helvetica !important;
font-size: 16px !important;
line-height: 1.56 !important;
font-weight: 400;
color: #000000 !important;
margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
.sec-footnote .cont {
max-width: 1190px;
margin: 0 auto;
}
}
</style>
<div class="sec-footnote">
<div class="cont">
<p><sup>1</sup> <a href="https://smallbiztrends.com/2018/01/cost-of-a-tech-fail-small-business.h…;
</div>
</div>