/* ---- Theme Variables ---- */
/* Font */
/* Colors */
/* Transitions */
/* Element radius */
/*---- General - Theme Styles ----*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,700;1,700&display=swap');
html {
  font-size: 16px; }

html, body {
  min-height: 100%;
  height: 100%; }

body {
  font-family: Lato, Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #222; }

p {
  line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 {
  font-family: Lato, Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700; color: inherit }

table {
  width: 100%; }

a {
  color: #006DD9; }

a, .btn {
  transition: all 0.2s linear; }
  a:hover, .btn:hover {
    text-decoration: none; }
  a:focus, .btn:focus {
    outline: none;
    text-decoration: none; }

main.content{background-attachment: fixed; background-image:url("https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-daas-body-bg@2x.jpg"); background-size: cover;}

.keywords {display: none;}

/* hide template hero */
.hero-banner {display: none}
.brandCampaign .brand-feature-stack-wrapper {margin-top: 0px;}
@media screen and (max-width: 1227px) {
  .brandCampaign .brand-feature-stack-wrapper {margin-top: 0px;}
}
@media (max-width:  73.688em) {
  .nav .general_Menu .search_menu .menu_2_wrapper {padding: 0;}
}

/* Adjust template sticky header */
.brandCampaign .sticky-nav-wrapper {z-index: 998;}

/* Helpers */
.overlay {
  background-color: rgba(45, 54, 68, 0.75);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 40;
  transition: .3s all; }

.notopmargin {
  margin-top: 0 !important; }

.nobottommargin {
  margin-bottom: 0 !important; }

.notoppadding {
  padding-top: 0 !important; }

.nobottompadding {
  padding-bottom: 0 !important; }

.noborder {
  border: none !important; }

.notopborder {
  border-top: none !important; }

.hidden-block {
  display: none; }

.delimited {
  margin-bottom: 20px; }

.distancer {
  height: 25px; }
  .distancer.distancer--short {
    height: 12px; }
  .distancer.distancer--long {
    height: 60px; }

.grey {
  color: rgba(34, 34, 34, 0.85); }

.greybg {
  background-color: #ECEDEF; }

.intro {
  font-size: .9em;
  color: rgba(34, 34, 34, 0.85);
  line-height: 1.4em; }

.badge {
  font-weight: 400;
  border-radius: 3px;
  padding: 4px 8px; }
  .badge.badge-success {
    background-color: rgba(0, 200, 83, 0.12);
    color: #00C853; }
  .badge.badge-danger {
    background-color: rgba(242, 71, 56, 0.12);
    color: #F24738; }

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

/* Buttons */
.btn {
  transition: all 0.2s linear;
  text-decoration: none;
  border: 2px solid #3e8ddd;
  border-radius: 3px;
  padding: 12px 25px;
  font-size: 16px;
  line-height: 1em;
  letter-spacing: .05em;
  font-weight: 400;
  color: #fff; }
  .btn:hover {
    text-decoration: none;
    border: none; }
  .btn:focus {
    outline: none !important; }
  .btn.btn-primary, .btn.btn-primary:focus {
    background-color: #006DD9;
    color: #fff; }
    .btn.btn-primary:hover, .btn.btn-primary:focus {
      background-color: #0d87ff;
      color: #fff; }
  .btn.btn-secondary {
    background-color: #3E8DDD;
    color: #fff;
    border: 2px solid #3E8DDD; }
  .btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus {
    background-color: #fff;
    color: #3E8DDD;
    border: 2px solid #3E8DDD;}
  .btn.btn-secondary:hover p, .btn.btn-secondary:active p, .btn.btn-secondary:focus p, .btn.btn-secondary:focus p, .btn.btn-secondary:hover a, .btn.btn-secondary:active a, .btn.btn-secondary:focus a, .btn.btn-secondary:focus a {color: #3e8ddd;}
  .btn.btn-secondary p {margin: 0 0 7px; font-weight: bold;}
  .btn.btn-secondary a {padding: 0 5px; font-weight: 400; color: #fff;}
  .btn.btn-secondary a:hover, .btn.btn-secondary a:focus {text-decoration: underline; color: #222;}
  .btn.btn--outline, .btn.btn--outline:focus {
    background-color: transparent;
    color: #fff;
    box-shadow: inset 0 0 0 3px #fff; }
    .btn.btn--outline:hover, .btn.btn--outline:focus:hover {
      background-color: #fff;
      box-shadow: inset 0 0 0 0 #fff, 0 0 0 2px #fff;
      color: #222; }
  .btn.btn--wide {
    min-width: 240px; }

.btn-border, .btn-border:hover {border: 3px solid #222;}

.btn-text {
  border-bottom: 1px solid rgba(0, 109, 217, 0.35); }
  .btn-text:hover {
    color: #222;
    border-bottom-color: transparent; }

.btn-helper {
  color: rgba(34, 34, 34, 0.45);
  display: inline-block;
  font-size: 13px;
  padding: 0 6px; }
  .btn-helper:hover {
    color: rgba(34, 34, 34, 0.9); }
  .btn-helper .icon-help {
    position: relative;
    top: 1px; }

.btn--withicon i {
  margin-right: 6px;
  position: relative;
  font-size: .9em;
  top: 1px; }

.btn--withlasticon i {
  margin-left: 8px;
  position: relative;
  max-height: 33px;
  top: 1px;
  margin-top: -2px;
  margin-bottom: -2px;
  transition: .2s ease-out;
  display: inline-block; }
.btn--withlasticon .lenicon-arrow {
  position: relative;
  top: 0;
  font-size: .8em; }
.btn--withlasticon:hover .lenicon-arrow,
.btn--withlasticon:hover .lenicon-arrow-alt {
  transform: translateX(5px); }

/*---- Promo ----*/
.promo {
  background-image: url(https://static.lenovo.com/ww/images/daas/promo-hero.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 140px 40px;
  position: relative; }
  .promo::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.55); }

.promo__msg {
  max-width: 770px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
  color: #fff; }
  .promo__msg h1 {
    line-height: 1.1em;
    margin-bottom: .65em;
    font-size: 2.5em; }
  .promo__msg p {
    font-size: 18px;;
    line-height: 1.5em; }
  .promo__msg .btn {
    margin: 12px 10px; }

.promo__logo {
  max-width: 260px;
  height: auto;
  margin-bottom: 15px; }
.promo__logo.logo__short {max-width: 200px;}

/*---- Content Blocks ----*/
.cblock {
  display: block;
  padding: 90px 0; color: #000;}

.cblock__head {
  text-align: center;
  max-width: 840px;
  margin: 0 auto;
  padding-bottom: 45px; }
  .cblock__head h2 {
    font-size: 2.2em;
    line-height: 1.1em;
    margin: 0;
    margin-bottom: .7em; }
  .cblock__head h3 {
    font-size: 22px; line-height: 28px;}
  .cblock__head p {
    font-size: 18px;;
    line-height: 1.5em; }
    .cblock__head p a {
      color: #222;
      position: relative; }
      .cblock__head p a:hover, .cblock__head p a:focus, .cblock__head p a:active {
        color: #E1140A; }
        .cblock__head p a:hover::after {
          width: 80%;
          left: 10%;
          background-color: rgba(225, 20, 10, 0.8); }
      .cblock__head p a::after {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: -4px;
        width: 100%;
        height: 2px;
        background-color: rgba(34, 34, 34, 0.6);
        transition: .2s ease-out; }

.cblock__head--inline {
  padding-top: 100px;
  padding-bottom: 20px; }

.cblock__body h4 {
  font-size: 20px; }

.cblock--simple {
  background-image: url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-daas-feature-3-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  margin-top: 100px; }
  .cblock--simple .cblock__head {
    position: relative;
    z-index: 2; }
  .cblock--simple .cblock__hero {
    margin-top: -230px;
    margin-bottom: 80px; }
  .cblock--simple::before {
    content: "";
    display: inline-block;
    background-image: url(https://static.lenovo.com/ww/images/daas/white-shadow.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

.cblock__hero {
  text-align: center; }
  .cblock__hero img {
    max-width: 100%;
    height: auto; }

.cblock__cta {
  text-align: center;
  padding-top: 25px; }

.cblock--efficiency {
  background-image: url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-daas-feature-4-bg@2x.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative; }
  /*.cblock--efficiency::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 86, 166, 0.3); }*/
  .cblock--efficiency .cblock__head,
  .cblock--efficiency .cblock__body {
    position: relative;
    z-index: 1;
    color: #fff; }

  .cblock.light-content,
  .cblock.light-content p {
    color: #fff;
  }
  .cblock.light-content h2 {
    color: #46C8E1;
  }
  .cblock.light-content h3,
  .cblock.light-content h4 {
    color: #fff;
  }

/*---- Feature Blocks ----*/
.list-feats {
  display: flex;
  margin-top: 80px; }
  .list-feats > li {
    flex: 1;
    text-align: center;
    padding: 35px 16px;
    padding-top: 0;
    background-color: rgba(255, 255, 255, 0.15);
    margin: 0 4px; }
  .list-feats .circle {
    margin-top: -49px; }
  .list-feats .list-feats__body {
    max-width: 270px;
    margin: 0 auto; }
  .list-feats h3 {
    font-weight: 700;
    font-size: 1.5em;
    margin: 25px 0;
    line-height: 1.25em;}
  .list-feats p {
    margin: 0; }
  .list-feats .list-checks {
    text-align: left;
    font-size: 16px; }

.list-feats--1 .circle {
  background-color: #E1140A; }
.list-feats--1 .list-checks > li::before {
  color: #fff; }

.list-feats--2 .circle {
  background-color: #E1140A; }
.list-feats--2 .list-checks > li::before {
  color: #fff; }

.list-feats--3 .circle {
  background-color: #E1140A; }
.list-feats--3 .list-checks > li::before {
  color: #fff; }

.list-checks > li {
  position: relative;
  padding-left: 32px;
  margin: 4px 0; }
  .list-checks > li:before {
    content: "\f058";
    font-family: "fontawesome";
    font-size: 18px;
    display: inline-block;
    position: absolute;
    left: 0;
    border-radius: 50%;
    text-align: center;
    color: #006DD9; }

/*---- Horizontal Steps ----*/
.list-horsteps {
  display: inline-flex;
  text-align: left; }
  .list-horsteps p {
    margin: 0;
    font-weight: 700;
    color: #fff; }
  .list-horsteps > li {
    position: relative;
    float: left;
    width: calc(25% - 1.5px);
    margin: 0 0 0 2px;
    background-color: #333F48; }
  .list-horsteps > li:first-child {
    margin-left: 0;
    background-color: #E1140A; }
    .list-horsteps > li img {
      max-height: 100px;
      width: auto; }

.list-horsteps__copy {
  padding: 25px 20px; }

.list-horsteps__2 .list-horsteps__copy,
.list-horsteps__3 .list-horsteps__copy,
.list-horsteps__4 .list-horsteps__copy {
  display: flex;
  align-items: center;
  justify-content: center; }
  .list-horsteps__2 .list-horsteps__copy i,
  .list-horsteps__3 .list-horsteps__copy i,
  .list-horsteps__4 .list-horsteps__copy i {
    color: #46c8e1;
    font-size: 2.3em;
    margin-right: 12px; }

/*---- Lifecycle widget ----*/
.lifecycle {
  display: flex;
  align-items: center;
  position: relative;
  padding: 60px 140px;
	height: 22em;
	}
  .lifecycle .nav-tabs {
    border: 25px solid rgba(255,255,255,0.5); border-radius: 50%; position: relative; width: 250px; height: 250px; background: none;}

.lifecycle__circle {
  width: 500px !important;
  height: 550px !important; }
  .lifecycle__circle > * {
    transition: .2s all;
    fill: rgba(255, 255, 255, 0.5); }
    .lifecycle__circle > *.active {
      fill: #fff; }
    .lifecycle__circle > *.lighten {
      fill: rgba(255, 255, 255, 0.85); }

.lifecycle__inner {
  display: inline-block;
  position: relative; }

.lifecycle__message {
  width: calc(100% - 340px);
  margin-left: 90px;
  text-align: left; }
  .lifecycle__message p {
    margin: 0; }
  .lifecycle__message p.lmessage__1 {
    font-size: 32px; font-weight: bold; }
  .lifecycle__message p.lmessage__2 {
    font-size: 22px; }
	.lifecycle__message p.lmessage__3 {
		padding-top: 10px;
	}

.btn-lifecycle {
  display: inline-block;
  position: absolute!important;
  z-index: 10;
  cursor: pointer;}
.btn-lifecycle:hover {
   }
.btn-lifecycle.active .circle, .btn-lifecycle.active:hover .circle {
  background-color: #E1140A;}
.btn-lifecycle .circle {
  background-color: #fff;
  width: 75px;
  height: 75px; }
.btn-lifecycle:hover .circle {
  background-color: #46C8E1;}
.btn-lifecycle.active .circle i, .btn-lifecycle:hover .circle i {
  color: #fff;}
.btn-lifecycle .circle i {
  line-height: 75px;
  color: #E1140A;
  font-size: 2.4em; }
.btn-lifecycle p {
  margin: 0;
  font-size: 1.4em;
  font-weight: 900;
  color: #fff; }
.tab-content>.active {opacity: 1;}

.jumpanim {
  opacity: .9; }
  .jumpanim .circle {
    animation: jump ease-in-out .6s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: jump linear .6s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    background-color: rgba(0, 0, 0, 0.55); }

@keyframes jump {
  0% {
    transform: scaleX(0.85) scaleY(0.85); }
  50% {
    transform: scaleX(1) scaleY(1); }
  100% {
    transform: scaleX(0.85) scaleY(0.85); }
  100% {
    transform: scaleX(0.85) scaleY(0.85); } }
@-webkit-keyframes jump {
  0% {
    -webkit-transform: scaleX(0.85) scaleY(0.85); }
  50% {
    -webkit-transform: scaleX(1) scaleY(1); }
  100% {
    -webkit-transform: scaleX(0.85) scaleY(0.85); }
  100% {
    -webkit-transform: scaleX(0.85) scaleY(0.85); } }

.btn-part1 {
  left: calc(50% - 75px / 2);
  top: -50px; }

.btn-part2 {
  left: calc(100% - 75px / 2);
  top: calc(33.3334% - 60px); }

.btn-part3 {
  left: calc(100% - 75px / 2);
  bottom: calc(33.3334% - 60px); }

.btn-part4 {
  left: calc(50% - 75px / 2);
  bottom: -50px; }

.btn-part5 {
  left: calc(0px - 75px / 2);
  bottom: calc(33.3334% - 60px); }

.btn-part6 {
  left: calc(0px - 75px / 2);
  top: calc(33.3334% - 60px); }

/*---- Cta Blocks ----*/
.ctablocks {
  display: flex;
  margin: 0 -2px; }
  .ctablocks > * {
    margin: 5px;
    flex: 1; }

.ctablock {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 65px 20px;
  color: #fff;
  min-height: 100%;
}
  .ctablock .circle {
    transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
    margin-bottom: 4px; }
  .ctablock:hover {
    color: #fff; }
  .ctablock:hover .ctablock__body {
      transform: translateY(-5px); }
  .ctablock:hover .hidden {display: unset!important; visibility: unset!important;}
  .ctablock::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    transition: .2s ease-out; }

.ctablock__body {
  width: 100%;
  max-width: 260px;
  text-align: center;
  position: relative;
  z-index: 2;
  transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1);
  display: table;
}
.ctablock__body h3{ font-size: 26px; line-height: 29px;}
.ctablock__body .btn {
    margin-top: 30px;
    line-height: 26px; }

.ctablock--1 {
  background-image: url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-daas-feature-7-enterprise@2x.jpg); }
  .ctablock--1 .circle {
    background-color: #E1140A; }
  .ctablock--1:hover .circle {
    background-color: #fff;
    color: #E1140A; }
  .ctablock--1:hover::before {
    background-color: rgba(0, 0, 0, 0.7); }

.ctablock--2 {
  background-image: url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-daas-feature-7-smb.jpg); }
  .ctablock--2 .circle {
    background-color: #E1140A; }
  .ctablock--2:hover .circle {
    background-color: #fff;
    color: #E1140A; }
  .ctablock--2:hover::before {
    background-color: rgba(0, 0, 0, 0.7); }

.ctablock--3 {
  background-image: url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-feature-7-quicklook@2x.jpg); }
  .ctablock--3 .circle {
    background-color: #E1140A; }
  .ctablock--3:hover .circle {
    background-color: #fff;
    color: #E1140A; }
  .ctablock--3:hover::before {
    background-color: rgba(0, 0, 0, 0.7); }

.ctablock--4 {
  background-image: url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-feature-7-bigpicture@2x.jpg); }
  .ctablock--4 .circle {
    background-color: #E1140A; }
  .ctablock--4:hover .circle {
    background-color: #fff;
    color: #E1140A; }
  .ctablock--4:hover::before {
    background-color: rgba(0, 0, 0, 0.7); }

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

.lenicon-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 (min-width: 768px) {
  .content--vertcenter {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center; }

  .form--loginsetup .form-group--innerlabel > label {
    top: 15px; }
  .form--loginsetup .form-control {
    height: 48px; }
  .form--loginsetup .btn--primary {
    padding-top: 16px;
    padding-bottom: 16px; } }
@media only screen and (min-width: 1400px) {
  .container {
    max-width: 1380px; } }
@media screen and (max-width: 1200px) {
  .list-horsteps > li img {
    max-height: 80px; }
  .list-horsteps p {
    font-size: .9em; }

  .list-horsteps__copy {
    padding-left: 25px;
    padding-right: 25px; }
	.lifecycle{
		height: 30em;
		}
	}
@media screen and (max-width: 992px) {
  .list-feats h3 {
    min-height: 70px; }

  .list-horsteps {
    flex-direction: column;
    text-align: center; }
    .list-horsteps p {
      font-size: 1em; }
    .list-horsteps > li {
      background-repeat: no-repeat;
      background-size: 100% 100%;
      margin: 2px 0;
      min-width: 360px;
      min-height: 80px; }
      .list-horsteps > li img {
        display: none; }
    .list-horsteps .list-horsteps__1 .list-horsteps__copy {
      top: 45%; }

  .list-horsteps__copy {
    max-width: 260px;
    margin: 0 auto; }

  .lifecycle {padding: 60px; height: 33em;}
  .lifecycle__circle {
    width: 440px !important;
    height: 440px !important; }
  .ctablocks {
      flex-direction: column; }
     }
@media only screen and (max-width: 768px) {
  body {
    font-size: 15px; }

  .promo__logo {
    max-width: 220px; }
    .promo__logo.logo__short {max-width: 175px;}

  .promo__msg {
    max-width: 85%; }

  .cblock__head {
    max-width: 85%; }
  .cblock__head h2 {
      font-size: 2.2em; }

  .lifecycle {padding: 60px;}
  .lifecycle__message {width: calc(100% - 285px);margin-left: 60px;}

  .list-feats h3 {
    font-size: 1.35em;
    line-height: 1.1em;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }
  .list-feats .list-checks {
    font-size: 1em; }
    .list-feats .list-checks > li {
      padding-left: 26px; }

		.lifecycle p.lmessage__3{
			font-size: 1.2em;
			}}
@media screen and (max-width: 767px) {
  .circle {
    width: 72px;
    height: 72px; }
    .circle i {
      line-height: 72px;
      font-size: 2.8em; }

  .promo {
    padding: 100px 20px;
    font-size: 13px; }

  .promo__logo {
    max-width: 150px;
    margin-bottom: 20px; }
    .promo__logo.logo__short {max-width: 125px;}

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

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

  .cblock {
    padding: 45px 0; }

  .cblock__head h2 {
    font-size: 1.7em; }
  .cblock__head p {
    font-size: 1.2em; }

  .cblock--simple {
    margin-top: 60px; }
    .cblock--simple .cblock__hero {
      margin-top: -100px;
      margin-bottom: 50px; }

  .cblock--efficiency .cblock__head {
    padding-bottom: 0; }

  .lifecycle {
    padding: 30px 0;
    display: block; }
  .lifecycle .nav {
      justify-content: center; position: relative;height:auto;}
  .lifecycle .nav-tabs {border: none; width: 100%;}

  .lifecycle__circle {
    width: 100% !important;
    height: auto !important; }

  .lifecycle__message {
    width: 60%; left: 0%; text-align: center; margin: 0 auto;}
    .lifecycle__message p {
      font-size: 1.5em; }

  .btn-lifecycle {
    position: static!important;
    margin: 0 5px;
    margin-bottom: 10px;
    display: inline-block!important;}
    .btn-lifecycle .circle {
      margin-bottom: 3px; }
    .btn-lifecycle p {
      font-size: .9em; }

  .ctablocks {
    flex-direction: column; } }
@media screen and (min-width: 993px) {
  .list-feats h3 {
    min-height: 85px; } }
@media screen and (min-width: 1000px) {
  .list-feats h3 {
    min-height: 60px; } }
@media screen and (max-width: 600px) {
  .list-horsteps {
    width: 100%; }
  .list-horsteps > li {
      min-width: 100%; margin: 2px 0!important; }
  .lifecycle .nav-tabs {width: 261px; margin: 40px auto 16px;}
  .lifecycle__message {
    width: 100%; left: 0; margin: 0 auto;}
  .lifecycle__message p {
    font-size: 18px; }
  .ctablock__body .btn { padding: 16px; }
  .btn.btn-secondary span, .btn--withlasticon .lenicon-arrow { display: none; }
  .btn.btn-secondary a {margin: 8px 0;}
	.lifecycle {height: 43em;}
 }
 @media screen and (max-width: 500px){
	 .lifecycle {height: 49em;}
 }
@media screen and (max-width: 360px) {
  .promo {
    padding: 55px 20px; }
    .promo h1 {
      font-size: 1.6em; }
    .promo p {
      font-size: 1em; }

  .cblock {
    padding: 35px 0; }

  .cblock__head {
    max-width: inherit; }
    .cblock__head h2 {
      font-size: 1.6em; }
    .cblock__head p {
      font-size: 1em; }

  .cblock__body h4 {
    font-size: 1em; }

  .btn-lifecycle .circle {
    width: 60px;
    height: 60px; }
    .btn-lifecycle .circle i {
      line-height: 60px;
      font-size: 2.2em; }
  .btn-lifecycle p {
    font-size: .85em; }

  .lifecycle__message p {
    font-size: .95em; } }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .btn-part1, .btn-part6 {top: -620px;}
  .btn-part2 {right: -100px; top: -330px;}
  .btn-part5 {left: -100px; top: -330px;}
  .btn-part3, .btn-part4 {bottom: -50px;}
}


/* Masthead Adjust */
.mainContent, .promo, #arvr, .headerimg, .headerimgbig, .brandCampaign .hero-banner, .brandCampaign .brand-feature-stack-wrapper, #longscroll-subseries, .intros {margin-top: 0!important;}

/* Adjust Old Masthead */
.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;}
}


/* Solutions Section */
.cblock--solutions{ background-image: url("//static.lenovo.com/ww/images/daas/lenovo-promo-daas-feature-daas-solutions-bkgd%202.jpg"); background-color: #f6f6f6; background-position: 50% 50%; background-size: cover; width: 100%;}
.title-limit{max-width: 300px; margin: 0 auto;}
.list-solutions{margin: 40px -9px 80px; display: flex; flex-wrap: wrap;}
.list-solutions li{background-color: #333F48; margin: 9px; width: calc(20% - 18px); color: #fff;}
.list-numbered li{padding: 10px 14px 28px; text-align: left; line-height: 1.2; transition: all 0.5s;}
.list-numbered li:hover, .list-numbered li:focus {background-color: #E1140A;}
.list-numbered li .no{float: left; width: 25px; font-size: 24px; font-weight: bold; color: #fff;}
.list-numbered li .list-feats__title{position: absolute; top: 13px; left: 40px; transition: all 0.5s; font-size: 20px;}
.list-numbered li i{position: absolute; bottom: 10px; right: 9px; transition: all 0.5s;}
.list-numbered li:hover .list-feats__title, .list-numbered li:focus .list-feats__title, .list-numbered li:hover i, .list-numbered li:focus i {opacity: 0;}
.list-numbered li .list-feats__body{float: left; margin-top: 8px; width: calc(100% - 25px); opacity: 0; transition: all 0.5s;}
.list-numbered li:hover .list-feats__body, .list-numbered li:focus .list-feats__body{opacity: 1;}

.solutions-info{float: left; width: 100%;}

.solutions-cats{float: left; width: 55%;}
.solutions-cat{margin: 0 4px 20px; padding: 20px 20px 30px; width: 60%; position: relative; background-color: #fff; box-shadow: 0px 1px 6px #00000066;}
.solutions-cat .sc-title{font-size: 36px; font-weight: bold; color: #E1140A;}

.solutions-cat.active:after{content: ''; position: absolute; left: 100%; width: calc(66.667% - 4px); height: 2px; top: 50%; background-color: #E1140A;}

.solutions-cat:hover, .solutions-cat.active{color: #fff; background-color: #E1140A;}
.solutions-cat:hover .sc-title, .solutions-cat.active .sc-title{color: #fff;}

.solutions-items{float: right; width: 45%;}
.solutions-items ul{list-style: none; margin: 0; padding: 0;}
.solutions-items li{padding: 4px 0 12px 80px; line-height: 1.4; position: relative;}
.solutions-items .icon{position: absolute; top: 5px; left: 50px; width: 20px; text-align: center;}
.solutions-items path{fill: rgba(0,0,0,0);}
.solutions-items circle{stroke: rgba(0,0,0,0);}

.solutions-items.type-sim li.sim{font-weight: bold;}
.solutions-items.type-sim li.sim path{fill: #E1140A;}
.solutions-items.type-sim li.sim circle{stroke: #E1140A;}
.solutions-items.type-sim li.sim .line{background-color: #E1140A;}
.solutions-items.type-sim .sim-last .line-v{display: none;}
.solutions-items.type-acc li.acc{font-weight: bold;}
.solutions-items.type-acc li.acc path{fill: #E1140A;}
.solutions-items.type-acc li.acc circle{stroke: #E1140A;}
.solutions-items.type-acc li.acc .line{background-color: #E1140A;}
.solutions-items.type-acc .acc-last .line-v{display: none;}
.solutions-items.type-tra li.tra{font-weight: bold;}
.solutions-items.type-tra li.tra path{fill: #E1140A;}
.solutions-items.type-tra li.tra circle{stroke: #E1140A;}
.solutions-items.type-tra  .line{background-color: #E1140A;}
.solutions-items.type-tra .tra-last .line-v{display: none;}

.solutions-items .line-h{position: absolute; top: 15px; left: 0; width: 40px; height: 2px;}
.solutions-items .line-v{position: absolute; top: 15px; left: 0; width: 2px; height: 100%;}

.solutions-info .info{clear: both; margin: 40px 0 0; display: inline-block; width: 100%;}
.solutions-info .info .left{width: 50%; float: left;}
.solutions-info .info .right{width: 45%; float: right;}
.solutions-info .info .info-set{margin-right: 20px; display: inline-block;}
.solutions-info .info .info-set span{float: left; margin-right: 5px; line-height: 20px;}
.solutions-info .info .icon svg path{fill: #E1140A;}
.solutions-info .info .icon svg circle{stroke: #E1140A;}

@media only screen and (max-width: 1200px) {
  .list-solutions {width: 50%; margin: 40px auto 80px;}
	.list-solutions li{width: 100%;}
	.dekstop-only{display: none;}
}
@media only screen and (max-width: 764px) {
	.solutions-cats{width: 100%; position: relative; margin-bottom: 120px;}
	.solutions-cat{width: 33.3334%; margin: 0; padding: 0; text-align: center; float: left; position: initial;}
	.solutions-cat .sc-title{font-size: 24px; position: relative;}
	.solutions-cat .sc-content{position: absolute; top: 80px; left: 0; width: 100%; display: none; color: #000; font-weight: bold; padding: 0 10%;}
	.solutions-cat.active .sc-content{display: block;}

	.solutions-cat.active:after{display: none;}
	.solutions-cat.active .sc-title:after{content: ''; position: absolute; left: 50%; top: 100%; height: 17.5px; width: 2px;}
	.solutions-cat.active.green .sc-title:after{background-color: #E1140A;}
	.solutions-cat.active.blue .sc-title:after{background-color: #E1140A; left: calc(50% - 2px); height: 40px;}
	.solutions-cat.active.red .sc-title:after{background-color: #E1140A;}

	.solutions-cat.active .sc-content:before{content: ''; position: absolute; top: -26px; width: calc(50% - 100% / 6); height: 2px;}
	.solutions-cat.active.green .sc-content:before{left: calc( 100% / 6 ); background-color: #6AC346;}
	.solutions-cat.active.red .sc-content:before{left: 50%; background-color: #E1140A;}
	.solutions-cat.active .sc-content:after{content: ''; position: absolute; top: -26px; left: calc(50% - 2px); width: 2px; height: 20px;}
	.solutions-cat.active.green .sc-content:after{background-color: #E1140A;}
	.solutions-cat.active.red .sc-content:after{background-color: #E1140A;}

	.solutions-items{width: 100%;}
	.solutions-items ul{width: 50%; float: left;}
	.solutions-items ul.list-2{margin-left: -2px;}
	.solutions-items li{padding: 0 0 15px 60px;}
	.solutions-items li.mobile-left{text-align: right; padding: 0 60px 15px 0;}
	.solutions-items .mobile-left .line-v{left: auto; right: 0;}
	.solutions-items .mobile-left .line-h{left: auto; right: 0;}
	.solutions-items .icon{left: 20px;}
	.solutions-items .mobile-left .icon{left: auto; right: 20px;}

	.solutions-items ul li:first-child .line-v{top: -20px; height: calc(100% + 35px);}
	.solutions-items ul li:last-child .line-v{display: none;}
	.solutions-items .line-h{width: 10px;}

	.list-solutions {width: 100%;}
    .list-solutions li{width: calc(100% - 8px);}

	.solutions-info .info .right{width: 100%; padding: 0; text-align: center;}
	.solutions-info .info .icon{margin: 0 10px;}
	.info-set{margin: 0 40px;}
}
@media only screen and (max-width: 460px) {
	.solutions-cat .sc-title{font-size: 18px;}
	.solutions-cat .sc-content{top: 72px;}
	.solutions-cats{margin-bottom: 140px;}

	.solutions-items li{font-size: 12px;}
	.info-set{margin: 0 10px;}
}

/* Hero Banner */
.cblock-daas-hero{display: block; clear: both; padding: 0;}
.daas-hero-banner{display: flex; min-height: 675px; font-size: 18px;; line-height: 1.5em;}
.daas-hero-banner-title{background-image: url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-daas-hero-background-smb-remote@2x.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; flex: 2;}
.daas-hero-banner-title h1{margin: 60px 50px 60px 75px; font-size: 60px; line-height: 70px; letter-spacing: 0em;}
.daas-hero-banner-content-wrapper{position: relative; background: url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-daas-hero-info-block-bg@2x.jpg) 50% 50% no-repeat; background-size: cover; padding: 60px 45px; flex: 1; display: flex; align-items: flex-end;}
.lenovo-daas-logo{max-width: 328px; margin-bottom: 25px;}
.daas-hero-banner-content a.btn{margin-right: 15px;}

@media only screen and (max-width: 1280px) {
  .daas-hero-banner{min-height: 76vh;}
  .daas-hero-banner-title{flex: 1;}
  .daas-hero-banner-title h1{font-size: 42px; line-height: 46px;}
  .lenovo-daas-logo{max-width: 356px;}
}
@media only screen and (max-width: 1024px) {
  .daas-hero-banner{flex-flow: column;}
  .daas-hero-banner-title{min-height: 400px;}
  .daas-hero-banner-title h1{margin: 30px 25px; font-size: 46px; line-height: 52px;}
  .daas-hero-banner-content-wrapper{min-height: 400px; padding: 90px 60px 60px;}
  .lenovo-daas-logo{max-width: 328px;}
}
@media only screen and (max-width: 768px) {
  .daas-hero-banner-title{min-height: 38vh;}
  .daas-hero-banner-title h1{margin: 30px 25px;}
  .daas-hero-banner-content-wrapper{padding: 30px 30px 10px; min-height: 0;}
  .daas-hero-banner-content a.btn{margin: 0 16px 28px 0;}
}
@media only screen and (max-width: 600px) {
  .daas-hero-banner-title h1{font-size: 24px; line-height: 30px;}
  .daas-hero-banner-content a.btn{width: 100%; margin: 0 auto 16px;}
  .lenovo-daas-logo {max-width: 225px;}
}

/* ThinkShield Banner */
.cblock-thinkshield{display: block; clear: both; padding: 0;}
.thinkshield-banner{background-image: url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-daas-thinkshielf-bg@2x.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: flex; font-size: 18px; line-height: 1.5em; min-height: 33vw;}
.thinkshield-banner-content{position: relative; width: 37.5%; background: rgba(0,0,0,0.65); margin-left: auto; padding: 80px 50px;}
.thinkshield-banner-content h2{font-size: 32px; line-height: 36px;}
.thinkshield-banner-content p a{text-decoration: underline; color: #fff; font-weight: bold;}
.thinkshield-banner-content p a:hover, .thinkshield-banner-content p a:focus, .thinkshield-banner-content p a:active {color: #46C8E1;}
.thinkshield-logo{max-width: 156px; margin-bottom: 30px;}

.mobile-image{display: none;}

@media only screen and (max-width: 1280px) {
  .thinkshield-banner-content{width: 50%;}
}
@media only screen and (max-width: 1024px) {
  .thinkshield-banner{background-image: none;}
  .mobile-image{display: block;}
  .mobile-image img{display: block;}
  .thinkshield-banner-content{width: 100%; background: #000; padding: 30px 60px 60px;}
}
@media only screen and (max-width: 768px) {
  .thinkshield-banner-content{padding: 25px 30px 60px;}
  .thinkshield-logo{max-width: 122px;}
}
/* Lenovo Device Intelligence Banner */
.cblock-ldi{display: block; clear: both; padding: 0;}
.ldi-banner{background-image: url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-daas-ldi-bg.jpg); background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; display: flex; font-size: 18px; line-height: 1.5em; min-height: 33vw;}
.ldi-banner-content{position: relative; width: 45%; margin-right: auto; padding: 50px 0 75px 100px;}
.ldi-banner-content h2{font-size: 32px; line-height: 36px; color: #000 !important; padding-top: 10px;}
.ldi-banner-content p {color: #000 !important; margin-bottom: 30px;}
.ldi-banner-content p a{text-decoration: underline; color: #000; font-weight: bold;}
.ldi-banner-content p a:hover, .ldi-banner-content p a:focus, .ldi-banner-content p a:active {color: #E1140A;}
.ldi-banner-content a.btn{margin-right: 15px;}
.thinkshield-logo{max-width: 156px; margin-bottom: 30px;}

.mobile-image{display: none;}

@media only screen and (max-width: 1280px) {
  .ldi-banner-content{width: 50%;}
}
@media only screen and (max-width: 1024px) {
  .ldi-banner{background-image: none;}
  .mobile-image{display: block;}
  .mobile-image img{display: block; width: 100%}
  .ldi-banner-content{width: 100%; background: #fff; padding: 30px 60px 60px;}
}
@media only screen and (max-width: 768px) {
  .ldi-banner-content{padding: 25px 30px 60px;}
  .ldi-logo{max-width: 156px;}
}
@media only screen and (max-width: 600px) {
  .ldi-banner-content h2{font-size: 24px; line-height: 30px;}
	.ldi-banner-content a.btn{width: 100%; margin: 0 auto 16px;}

}


/* Work happens everywhere blade */
.work-happens__services {
	display: flex;
  flex-wrap: wrap;
}
.work-happens__services-intro{
	width: 100%;
}
.work-happens__services-square {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(50% - 15px);
	height: 13em;
	padding: 0px 20px;
	background-position: center;
	background-size: cover;
	margin: 8px 5px;
}
.work-happens__services-square:last-child{
	position: relative;
	left: 25%;
}
.work-happens__services-square h3 {
	font-size: 1.625em;
	line-height: 1.625em;
	text-align: center;
}
.work-happens__services-square p {
	text-align: center;
	margin: 0;
	margin-top: 10px;

}

.work-happens__solutions {
	display: flex;
  flex-wrap: wrap;
	justify-content: center;
	margin-top: 50px;
	width: 100%;
}
.work-happens__solutions-intro {
	width: 100%;
}
.work-happens__solutions-square {
	display: inline-block;
	width: calc(25% - 15px);
	margin: 8px 5px;
}
.work-happens__solutions-square .work-happens__circle {
	display: flex;
  width: 3.75em;
  height: 3.75em;
  justify-content: center;
	align-items: center;
  border-radius: 50%;
  background-color: #E1140A;
	position: relative;
	z-index: 1;
}
.work-happens__solutions-square .work-happens__circle img {
	width: 2.75em;
	color: #fff;
}
.work-happens__solutions-square p {
	background-color: rgba(255, 255, 255, 0.15);
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: -30px;
	padding: 30px;
	position: relative;
	top: -30px;
	height: 12em;
	text-align: left;
}
.work-happens__copy{
	text-align: center;
  max-width: 840px;
	margin: 0 auto;
  padding-top: 45px;
}

@media only screen and (max-width: 1199px) {
	.work-happens__solutions-square p {
		height: 16em;
	}
}
@media only screen and (max-width: 991px) {
	.work-happens__solutions-square {
		width: calc(50% - 15px);
	}
	.work-happens__solutions-square p {
		height: 10em;
	}
}
@media only screen and (max-width: 768px) {
	.work-happens__copy{
	  max-width: 85%;
	}
}
@media only screen and (max-width: 600px) {
  .work-happens__services-square {
		width: 100%;
		margin: 8px 0px;
		height: 11em;
	}
	.work-happens__services-square:last-child{
		left: 0%;
	}
	.work-happens__solutions-square {
		width: 100%;
	}
	.work-happens__solutions-square p {
		height: 8em;
	}
}

/* Testimonials */
.cblock__testimonial {
	background-image:url(https://static.lenovo.com/ww/campaigns/2020/daas/ww-lenovo-daas-testimonial-bkgd.png);
	background-size: cover;
	background-position: center;
}
.cblock__body__test {
	padding: 60px 80px;
	background-color: rgba(0,0,0,.8);

}
.testimonial__copy {
	display: inline-block;
	font-size: 1.25em;
	line-height: 1.875em;
	color: #fff;
	width: 100%;
	text-align: center;
	position: relative;
}
.testimonial__caption {
	width: 100%;
	text-align: right;
	color: #fff;
}
.testimonial__copy p::before{
	content: open-quote;
	font-size: 3em;
	color: #46C8E1;
	position: relative;
  top: 24px;
  left: -3px;
}

.testimonial__copy p::after{
	content: close-quote;
	font-size: 3em;
	color: #46C8E1;
	position: absolute;
  bottom: 11px;

}

@media only screen and (max-width: 991px)  {
	.cblock__body__test {
		padding: 20px 40px 30px;
	}
}