img{display: block} :focus{border: 2px solid #3e8ddd  !important; outline: none} .container { max-width: 1140px  !important; } .container.wide { max-width: 1340px  !important; } #mainContent{ width:100%  !important; } .row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row:before, .row:after { display: none; } .container a { color: #0d5c91; outline: 0; } .container a.more{color: #555; font-weight: bold} .container a.more.regular{font-weight: 400} .container p { margin: 0; padding: 0; margin-bottom: 30px; font-size: 1.125em; line-height: 1.66; } .container p:last-child { margin-bottom: 0; } .container ul{padding-left: 1em} .container li{ font-size: 1.125em; line-height: 1.66; } .container section { padding: 85px 0; } .container section.headerimg, section.inovation, section.choosesus, section.dualheadquarters, section.manufacturing, section#intro, section#diversity-slider { padding: 0; } .headerimg, .headerimgbig { width: 100%; height: 459px; position: relative; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center; } .headerimgbig { height: 600px; } .headerimg .intro-content, .headerimgbig .intro-content { position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; } .header-who-we-are { background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-hero.jpg) 50% 50% no-repeat; } .header-history { background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-history-hero.jpg) 50% 50% no-repeat; } .header-innovation { background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-research-and-innovation-hero.jpg) 50% 50% no-repeat; } .header-businesses { background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-our-businesses-hero.jpg) 50% 50% no-repeat; } .header-social-impact { background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-hero.jpg) 50% 50% no-repeat; } .image-bg.d-and-i-community-subpage-haben{ background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-community-subpage-haben-bkgd.jpg); background-position: 100% 50%; } @media (max-width: 425px) { .header-who-we-are { background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-hero-mobile.jpg); } .header-history { background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-history-hero-mobile.jpg); } .header-innovation { background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-research-and-innovation-hero-mobile.jpg); } .header-businesses { background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-our-businesses-hero-mobile.jpg); } .header-social-impact { background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-hero-mobile.jpg); } .image-bg.d-and-i-community-subpage-haben{ background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-community-subpage-haben-bkgd-mobile.jpg); background-position: 50% 50%; padding: 240px 0 50px; } } .container h1 { font-size: 2.875em; font-weight: bold; line-height: 1; padding: 0; margin: 0; margin-bottom: 20px; } .container h2 { font-size: 2em; font-weight: bold; line-height: 1.125; margin-bottom: 20px; } .container h3 { font-family: Lato; font-size: 1.5em; font-weight: bold; line-height: 1.33; margin-bottom: 20px; margin-top: 0; } .container h4 { font-family: Lato; font-size: 1.375em; font-weight: bold; line-height: 1.81; margin-bottom: 30px; margin-top: 0; } p.description { line-height: 1.57; font-size: 1.3125em; font-weight: normal; color: #1f1e1f; margin: 0; padding: 0; margin-bottom: 12px; } .headerimg p.description, .headerimgbig p.description { color: #000; margin-bottom: 0; } .headerimg p.description span { display: block; } .blockcolor { padding: 35px 27px 40px; margin-bottom: 6px; flex-direction: column; height: 100%; } .blockcolor p, .blockcolor p a { color: #FFF; font-size: 1.25em; } .blockcolor2 { padding: 40px; margin-bottom: 6px; flex-direction: column; } .blockcolor2 p { color: #FFF; font-size: 1em; } .blockcolor2 p span { color: #FFF; font-size: 1.25em; font-weight: bold; line-height: 1.5; } .orange { background-color: #ff6a00; } .blue { background-color: #3e8ddd; } .red { background-color: #e11400; } .gray { background-color: #485565; } .gray-diversity { background-color: #333f48; } .purple-diversity { background-color: #8246af; } .grayback { background-color: #f2f2f2; } .pink { background-color: #f04187; } .lightgreen { background-color: #6ac304; } .lightblue { background-color: #46c8e1; } .white { color: #FFF  !important; } .mt6 { margin-top: 6px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .mt75 { margin-top: 75px; } .mt100 { margin-top: 100px; } .mb20 { margin-bottom: 20px  !important; } @media only screen and (min-width: 768px) { .row.flexs { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: -6px; margin-right: -16px; margin-left: -16px; max-width: 100vw; } .row.flexs.justify-content-center.align-items-center.red {margin-top: 6px} .flex-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } } .lastimgin { margin-bottom: -6px; } .align-items-center { align-items: center  !important; } .justify-content-center { justify-content: center  !important; } .no-padding { padding: 0 !important; } .row-flex, .row-flex > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .row-flex-wrap { -webkit-flex-flow: row nowrap; align-content: flex-start; flex: 0; } .information p { color: #000; margin-bottom: 1em; } .yt-embed {width: 100%} .chief-officer-block p { margin-bottom: 10px; } .chief-officer-block p:last-child { margin-bottom: 0; } .information p.author { margin-top: 1.5em; font-weight: 600; } .information p img { margin-bottom: 20px; } #big-text p { margin-bottom: 40px; color: #000; font-family: Lato; font-size: 1.375em; line-height: 1.5; } #big-text p:last-child { margin-bottom: 0; } #big-text p a { font-size: 1.375em; line-height: 1.5; } .block-awards { margin-bottom: 50px; } .block-awards:last-child { margin-bottom: 0; } .diversion-center-img { text-align: center; } .global-interprice-text { color: #fff; font-family: Lato; font-size: 1.5em; font-weight: bold; line-height: 1.33; text-align: center; padding: 140px 29px; } .block-global-programs { margin-bottom: 40px; } .block-global-programs:last-child { margin-bottom: 0; } .block-global-programs-shadows { margin-bottom: 20px; box-shadow: 0 15px 75px 0 rgba(0,0,0,0.1); } .block-global-programs-shadows-text { padding: 20px 30px; } hr.global-programs-hr-line { margin: 0; border: 1px solid rgba(188,188,188,0.5); } .container p.quotes { font-style: italic; } .diversityNav {text-align: center; margin-top: 7px; font-size: .875em; } .diversityNav a {margin: 7px 12px} .inpadtext { padding: 0 130px; } .inpadtext p.description { font-size: 1.375em; line-height: 1.5; margin-bottom: 1em; } .inimgab { position: absolute; bottom: 0; top: 0; left: 0; z-index: 10; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; right: -75px; margin-left: 75px; } .leaders .row {display: flex} .leaders .row-flex-wrap { -webkit-flex-flow: row nowrap; justify-content: center; } .leaderinformation { flex-direction: column; text-align: center; margin-bottom: 50px; } .leadersimg img { max-width: 250px; width: 100%; margin: 0 auto; } .leadersname { color: #000; font-size: 1.375em; line-height: 1.5; text-align: center; margin: 5px 0 10px; } .leaderswork { opacity: .55; color: #000; font-size: 1.0625em; line-height: 1.29; text-align: center; min-height: 70px; } .leaderswork.min50 { min-height: 50px; } #dboard .leaderinformation { margin-bottom: 20px; } @media (max-width: 1260px) { .headerimg, .headerimgbig { margin-top: 0; } } @media (max-width: 1024px) { .blockcolor, .blockcolor2 { padding: 35px 15px 40px; } .leaderinformation { margin-bottom: 60px; } .leaderswork { font-size: .9375em; line-height: 1.4; } .leaders .row { margin-left: 20px; margin-right: 20px; } .headerimgwho {background-position: right} .headerimg .intro-content {background-color: rgba(0,0,0,0.1)} .headerimg .intro-content h1, .headerimg .intro-content p {color: #fff;text-shadow: 0 0 10px #000} .global-interprice-text { padding: 100px 29px; } } @media (max-width: 991px) { .leaderswork { min-height: 0; } section { padding: 65px 0; } h2 { margin-bottom: 20px; } .headerimg p.description span { display: inline; } .inpadtext { padding: 0 25px; } .leadersname { line-height: 1.625em; font-size: 1.625; } a { font-size: 1em; } } @media (max-width: 768px) { section { padding: 45px 0; } h1 { line-height: 1; font-size: 2.5em; } h2 { font-size: 1; line-height: 1.75em; } p.description, .contact-box-name, .contact-box-name-city { line-height: 1.4; font-size: 1.25em; } .mainheadquarters .contact-box-name { text-align: left; margin-left: 0; } p { margin-bottom: 12px; font-size: .9375em; line-height: 1.53; } #big-text p { font-size: 1.0625em; line-height: 1.35; margin-bottom: 20px; } #big-text p a { font-size: 1.0625em; line-height: 1.35; } a { font-size: .9375em; } .inpadtext { padding: 50px 15px; } .reviewsimg img { max-height: 250px; margin-bottom: 30px; } .reviewssus { text-align: center; } .contact-box-name, .contact-box-name-city { margin-bottom: 25px; } .contact-box-name-city { text-align: left; } .firstcontactblock { width: 30%; margin: 0 auto; position: relative; } .contact-box { padding: 25px 15px 20px 35px; } .leaderinformation { margin-bottom: 30px; } .leaderswork.min50 { min-height: 30px; } .choosesus-item { max-height: 360px; } .choosesus-item:after { content: ''; z-index: 0; position: absolute; background: rgba(0, 0, 0, .20); width: 100%; height: 100%; left: 0; top: 0; } #locations .row-flex, .row-flex > div[class*='col-'] { display: block; } .mt40 { margin-top: 20px; } .mt75 { margin-top: 50px; } h2 { font-size: 1.5625em; line-height: 1.2; } h3 { font-size: 1.375em; line-height: 1.18; } .global-interprice-text { font-size: 1.375em; line-height: 1.18; padding: 50px 20px; } h4 { font-size: 1.25em; line-height: 1.18; } .mt30768 { margin-top: 40px; } .mt20768 { padding-top: 20px; } .col-xs-hide{display: none} } @media (max-width: 767px) { .leaderswork { padding: 0 20px; } .leadersname { line-height: 1.4; font-size: 1.25em; } #locations .row.mt15 [class*="col-"] { border-right: 6px solid #FFF; } .row.mt15 [class*="col-"], .vision .row.mt15 [class*="col-"], #locations .row.mt15 [class*="col-"]:nth-child(even) { border-right: none; } #locations .row.mt15 [class*="col-"]:nth-child(3n) { border-right: 6px solid #FFF; } #locations .row-flex-wrap, #whoweare .row-flex-wrap { -webkit-flex-flow: column wrap; } } @media (max-width: 640px) { .leaders .row { margin-left: 0px; margin-right: 0px; } } @media (max-width: 575px) { .leaderswork { padding: 0; } #locations .row-flex, .row-flex > div[class*='col-'] { display: flex; } #locations .row.mt15 [class*="col-"] { border-right: none; } #locations .col-xs-6, .mainheadquarters .col-xs-6, .dualheadquarters .col-xs-6, .research .col-xs-6, .manufacturing .col-xs-6, .salescenter .col-xs-6 { width: 100%; float: none; } #locations .row.mt15 [class*="col-"]:nth-child(3n) { border-right: none; } .contact-box { padding: 25px 15px 20px 25vw; } .firstcontactblock {width: 100%} .firstcontactblock p.adress:before, .firstcontactblock p.phone:before {left: -10vw} p.adress:before, p.phone:before { left: 15vw; } .mt75 { margin-top: 40px; } .mt30768 { margin-top: 30px; } h2 { font-size: 1.5em; line-height: 1.16; } h3 { font-size: 1.25em; line-height: 1.2; margin-bottom: 15px; } h4 { font-size: 1.125em; line-height: 1.33; margin-bottom: 15px; } .block-awards { margin-bottom: 40px; } } @media (max-width: 480px) { section { padding: 35px 0; } h1 { line-height: 1; font-size: 2.1875em; } h2 { font-size: 1; line-height: 1.5625em; } p.description, .inpadtext p.description, .contact-box-name, .contact-box-name-city, .leadersname { line-height: 1.44; font-size: 1.125em; } p { font-size: .875em; line-height: 1.5; } #big-text p { font-size: 1em; line-height: 1.43; margin-bottom: 20px; } #big-text p a { font-size: 1em; line-height: 1.43; } a { font-size: .875em; } .reviewsimg img { max-height: 175px; } .contact-box-name, .contact-box-name-city { margin-bottom: 20px; } .leadersname { line-height: 1.6; font-size: .9375em; } } .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} } .blocks{display: flex} .blocks [class*="col-"]{margin-bottom: 30px} .blocks .gradient-1{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-small-horizontal-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover} .blocks .gradient-2{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-small-vertical-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover} .blocks .gradient-3{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-small-diagonal-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover} .blocks .gradient-blue{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-dcg-offerings-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover} .blocks .gradient-green{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-dcg-offerings-green-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover} .blocks .gradient-large-1{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-large-horizontal-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover} .blocks .gradient-large-2{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-large-vertical-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover} .blocks .bg-image{background-position: 50%; background-repeat: no-repeat; background-size: cover} .blockcolor h2, .blockcolor h3, .blockcolor h4{color: #fff} .blockcolor a{font-weight: bold} .block-large, .block-large p, .block-large p a{font-size: 1.125em; line-height: 1.66; } .box{border: 1px solid #949494; padding: 30px; position: relative; margin-bottom: 30px} .box img{display: block} .border-left-gradient:before{content: ''; position: absolute; top: 0; left: -1px; bottom: 0; width: 5px; background: transparent linear-gradient(180deg, #0d5c91 0%, #4c1984 100%) 0% 0% no-repeat} .border-left-gradient.color-1:before{background: transparent linear-gradient(180deg, #007f01 0%, #0c5c8f 100%) 0% 0% no-repeat} .border-left-gradient.color-2:before{background: transparent linear-gradient(180deg, #9b1058 0%, #5b187c 100%) 0% 0% no-repeat} .border-left-gradient.color-3:before{background: transparent linear-gradient(180deg, #187d91 0%, #0d5c91 100%) 0% 0% no-repeat} .border-left-gradient.color-4:before{background: transparent linear-gradient(180deg, #c34300 0%, #b30e00 100%) 0% 0% no-repeat} .border-left-gradient.color-5:before{background: transparent linear-gradient(180deg, #52595d 0%, #0d1012 100%) 0% 0% no-repeat} @media only screen and (max-width: 991px) { .box.border-left-gradient{text-align: center} .box.border-left-gradient img{margin: 0 auto} } .link-tile{margin-bottom: 24px} .link-tile a{display: flex; align-items: center} .link-tile a .link-overlay{position: absolute; padding: 20px; font-size: 1.375em; font-weight: bold; color: #fff} .link-tile img{width: 100%} .row.mx-6{margin-left: -3px; margin-right: -3px} .row.mx-6 > [class*="col-"]{padding-left: 3px; padding-right: 3px} .row.mx-10{margin-left: -5px; margin-right: -5px} .row.mx-10 > [class*="col-"]{padding-left: 5px; padding-right: 5px} .row.mx-20{margin-left: -10px; margin-right: -10px} .row.mx-20 > [class*="col-"]{padding-left: 10px; padding-right: 10px} .row.mx-50{margin-left: -25px; margin-right: -25px} .row.mx-50 > [class*="col-"]{padding-left: 25px; padding-right: 25px} .row.mx-60{margin-left: -30px; margin-right: -30px} .row.mx-60 > [class*="col-"]{padding-left: 30px; padding-right: 30px} .row.mx-100{margin-left: -50px; margin-right: -50px} .row.mx-100 > [class*="col-"]{padding-left: 50px; padding-right: 50px} .tab-style-nav{float: left; width: 100%; border-bottom: 1px solid #0d5c91; margin-bottom: 60px} .tab-style-nav ul{float: left; margin: 0; padding: 0; list-style: none} .tab-style-nav ul li{float: left} .tab-style-nav ul li.active{background-color: #0d5c91; border: 2px solid #0d5c91} .tab-style-nav ul li a{padding: 0px 20px; color: #0d5c91} .tab-style-nav ul li.active a{color: #fff} .tab-style-nav.center{overflow:hidden; position:relative} .tab-style-nav.center ul{clear:left; float:left; position:relative; left:50%; text-align:center} .tab-style-nav.center ul li{display:block; float:left; position:relative; right:50%} @media only screen and (max-width: 480px) { .tab-style-nav ul li a{padding: 0 10px} } .image-background, .image-bg{background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center; padding: 100px 0; min-height: 500px; display: flex; align-items: center} .font-white, .font-white p, .font-white h1, .font-white h2, .font-white h3, .font-white h4, .font-white a{color: #fff} .font-white a{font-weight: bold} .font-white a.regular{font-weight: 400} .font-large, .font-large p{font-size: 1.375em; line-height: 1.5; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .text-center{text-align: center} .text-center img{margin-left: auto; margin-right: auto} .awards{text-align: center} .awards [class*="col-"]{display: flex; flex-flow: column; justify-content: space-between; margin-bottom: 50px} .awards a{height: 70%; display: flex; align-items: center} .awards p{height: calc(30% - 30px)} .awards img{margin: 0 auto 30px; transition: all .5s ease} .awards img:hover{transform: scale(1.05)} .partners{text-align: center} .partners [class*="col-"]{display: flex; flex-flow: column; justify-content: space-between; margin-bottom: 50px} .partners a{height: 70%; display: flex; align-items: center} .partners p{height: calc(30% - 30px)} .partners img{margin: 0 auto} .lity{background-color: #7d7d7d} .lity-content{max-width: calc(100vw - 200px); overflow: scroll; background: #fff} .lity-content:after{box-shadow: none} .lity-content .text-content{background: #fff; padding: 0 15px; max-width: 1340px; outline: none} .lity-content .text-content [class*="col-"]{padding: 55px 75px} @media only screen and (max-width: 992px) { .lity-content{max-width: calc(100vw - 20px)} .lity-content .text-content [class*="col-"] { padding: 25px 25px; } } .lity-content::-webkit-scrollbar { display: none; } .lity-content { -ms-overflow-style: none; scrollbar-width: none; } .bg-gradient-blue-vertical{background: transparent linear-gradient(180deg, #0d5c91 0%, #4c1984 100%) 0% 0% no-repeat} .slick-slide{outline: none} .slick-arrow{position: absolute; top: 50%} .slick-prev{left: -150px} .slick-next{right: -150px} .rss-slider .slick-prev{left: -100px} .rss-slider .slick-next{right: -100px} .slick-arrow{background: none; border: none; width: 50px; height: 50px; text-align: center; margin: -25px 0 0; padding: 0; outline: none} .slick-arrow i{font-size: 50px} .slick-slide{margin: 0 15px} .slick-list{margin: 0 -15px} .slick-track{display: flex  !important; margin-bottom: 50px} .slick-slide{height: inherit  !important} .slick-dots{margin: 0 auto -40px; padding: 0; list-style: none; text-align: center} .slick-dots li{display: inline-block; margin-bottom: 40px} .slick-dots li::marker{display: none} .slick-dots li button{font-size: 0; text-indent: -9999px; border-radius: 50%; border: none; background: #b2b2b2; outline: none; width: 25px; height: 25px; margin: 0 15px} .slick-dots li.slick-active button{background: #000} .slick-dots .dot-title{position: relative} .slick-dots .dot-title span{position: absolute; text-indent: 0; font-size: 18px; font-weight: bold; top: -20px; left: -50px; right: -50px; text-align: center; opacity: 0; transition: all .5s} .slick-dots li.slick-active .dot-title span, .slick-dots li:hover .dot-title span{opacity: 1} .slider.blue-nav .slick-dots li button{background-color: #b6cede; color: #b6cede} .slider.blue-nav .slick-dots li.slick-active button{background-color: #0d5c91; color: #0d5c91} .slider.green-nav .slick-dots li button{background-color: #c1d2b9; color: #c1d2b9} .slider.green-nav .slick-dots li.slick-active button{background-color: #427c27; color: #427c27} .timeline-slick .slick-track{background-position: 50% 98%; background-repeat: repeat-x} .timeline-slick.blue-nav .slick-track{background-image: url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'xmlns:se='http://svg-edit.googlecode.com'xmlns:xlink='http://www.w3.org/1999/xlink'xmlns:dc='http://purl.org/dc/elements/1.1/'xmlns:cc='http://creativecommons.org/ns%23'xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'width='52'height='52'%3E%3Crectid='backgroundrect'width='100%25'height='100%25'x='0'y='0'fill='none'stroke='none'/%3E%3Cgclass='currentLayer'style=''%3E%3Cpathfill='%234a90d6'fill-opacity='1'stroke='%23B6CEDE'stroke-opacity='1'stroke-width='2'stroke-dasharray='none'stroke-linejoin='round'stroke-linecap='butt'stroke-dashoffset=''fill-rule='nonzero'opacity='1'marker-start=''marker-mid=''marker-end=''d='M25,10L25,32'id='svg_1'/%3E%3C/g%3E%3C/svg%3E")} .timeline-slick.green-nav .slick-track{background-image: url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'xmlns:se='http://svg-edit.googlecode.com'xmlns:xlink='http://www.w3.org/1999/xlink'xmlns:dc='http://purl.org/dc/elements/1.1/'xmlns:cc='http://creativecommons.org/ns%23'xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'width='52'height='52'%3E%3Crectid='backgroundrect'width='100%25'height='100%25'x='0'y='0'fill='none'stroke='none'/%3E%3Cgclass='currentLayer'style=''%3E%3Cpathfill='%234a90d6'fill-opacity='1'stroke='%23C1D2B9'stroke-opacity='1'stroke-width='2'stroke-dasharray='none'stroke-linejoin='round'stroke-linecap='butt'stroke-dashoffset=''fill-rule='nonzero'opacity='1'marker-start=''marker-mid=''marker-end=''d='M25,10L25,32'id='svg_1'/%3E%3C/g%3E%3C/svg%3E")} @media (max-width: 991px) { .slick-slide .row [class*="col-"]{margin-bottom: 20px} } .card-regular, .card-wide { border: 1px solid #c5c9ce; border-bottom-color: #3e8ddd; border-bottom-width: 3px; color: #222; height: 100%; } .card-regular.content-border{ border: none; } .card-regular.content-border .card-content{ border: 3px solid #c5c9ce; border-bottom-color: #3e8ddd; margin-bottom: 20px; } .card-regular.content-border .card-content.full-height{ display: flex; flex-flow: column; flex-grow: 1; } .category .card-regular, .singular .card-regular { padding-bottom: 20px; height: 100%; } .card-regular .card-text, .card-wide .card-text { font-size: 1em; line-height: 1.56; max-height: 75px; overflow: hidden; } .card-regular .card-text { padding: 0 20px; } .card-link, .card-date { display: flex; flex-flow: column; height: 100%; } .card-title {font-size: 20px} .card-title:not(.card-list-title) { display: block; background-color: #fff; margin: 0; padding: 10px 20px 12px; color: #222; } .card-image { overflow: hidden; } .card-image img{width: 100%; height: 300px; object-fit: cover} .card .more{display: inline-block; color: #555; margin: auto 20px 20px} .card a:focus .more{border: 2px solid #3e8ddd  !important; outline: none} .regular-bx-slider .bx-controls{text-align: center} .regular-bx-slider .bx-pager{display: inline-block; position:relative; margin:40px 0 40px} .regular-bx-slider .bx-pager .bx-pager-item{display:inline-block; margin:0 10px; padding:0; position:relative} .regular-bx-slider .bx-pager .bx-pager-item a{display: block; font-size: 0; width:26px; height:26px; background:#000; opacity: .3; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px} .regular-bx-slider .bx-pager .bx-pager-item a:hover{opacity: 1} .regular-bx-slider .bx-pager .bx-pager-item a.active{opacity: 1} .regular-bx-slider .bx-wrapper{position: relative} .regular-bx-slider .bx-controls-direction{position: absolute; top: 50%; width: 100%} .regular-bx-slider .bx-controls-direction a{background: none; border: none; width: 50px; height: 50px; text-align: center; margin: -25px 0 0; padding: 0; outline: none; position: absolute} .bx-prev{left: -100px} .bx-next{right: -100px} .regular-bx-slider .bx-controls-direction a.disabled{display: none} .regular-bx-slider .bx-controls-direction a i{font-size: 50px; color: #000; opacity: .5} .graphs{display: flex} .graphs [class*="col-"]{display: flex; flex-flow: column} .graphs .graph{margin-top: auto} @media (max-width: 991px) { .graphs .graph{margin-bottom: 40px} } .si-boxes .si-box{background-size: cover; border-radius: 8px; color: #fff; padding: 20px 45px 45px; height: 100%} .si-boxes .si-box.bg-1{background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-communities-subpage-supplier-diversity-graph-gradient-bkgd-1.jpg)} .si-boxes .si-box.bg-2{background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-communities-subpage-supplier-diversity-graph-gradient-bkgd-2.jpg)} .si-boxes .si-box .title{font-size: 45px; line-height: 1; margin-bottom: 15px} .si-info-borders{text-align: center; font-size: 1.375em; position: relative} .si-info-borders .title{font-size: 32px; font-weight: 700; line-height: 1} .si-info-borders.left:before, .si-info-borders.right:after{content: ''; position: absolute; top: 0; left: -1px; bottom: 0; width: 2px} .si-info-borders.right:after{left: auto; right: -1px} .si-info-borders.left:before, .si-info-borders.right:after {background: transparent linear-gradient(180deg, #0e8121 0%, #105f8e 100%) 0% 0% no-repeat} .si-info{text-align: center} .si-info .title{font-size: 32px; font-weight: 700; line-height: 1} .bottom-larg-red-border:after{content: ''; width: 100%; max-width: 300px; height: 20px; display: block; margin: 10px auto; background: transparent linear-gradient(264deg, #c75300 0%, #af0200 100%) 0% 0% no-repeat padding-box} .caption{font-size: .875em; font-style: italic; line-height: 1.78; } @media (max-width: 992px) { .xs-mt-40{margin-top: 40px} .si-boxes [class*="col-"]{margin-bottom: 20px} .si-info-borders{margin-bottom: 20px} .si-info-borders.left:before, .si-info-borders.right:after{display: none} } .videoWrapper { position: relative; margin-bottom: 20px; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } span.hightlight{padding: 2px} .blue-bg{background-color: #3e8ddd} .purple-bg{background-color: #8246af} .cyan-bg{background-color: #069cc8} .font-black{color: #000} .centered{text-align: center} .line-height-small, .line-height-small p{line-height: 1.35} .skip-to-content-link { position: absolute; opacity: 0; transform: translateX(-100vw); } .skip-to-content-link:focus { position: relative; opacity: 1; transform: translateX(0); } .circle-image{border-radius: 50%} .static-timeline{text-align: center; margin: 50px 0 0} .static-timeline [class*="col-"]{padding: 0} .static-timeline-header{position: relative; border-bottom: 1px solid #fff; padding-bottom: 15px; font-weight: bold} .static-timeline-header:after{content: ''; position: absolute; bottom: -6px; left: calc(50% - 6px); width: 12px; height: 12px; border-radius: 50%; background-color: #fff} .static-timeline-content{margin: 0 auto; padding: 15px; max-width: 190px} .static-timeline .divider{width: 50px; height: 1px; background-color: #fff; margin: 10px auto} @media (max-width: 991px) { .static-timeline-content{margin-bottom: 20px} } @media (max-width: 991px) { #calvin-crosslin{margin-top: 40px} } @media (max-width: 768px) { p, li, .blockcolor p, .blockcolor p a { font-size: .9375em; line-height: 1.53; } .font-large, .font-large p { font-size: 1.0625em; line-height: 1.35; } } @media (max-width: 480px) { p, li, .leaderswork, .blockcolor p, .blockcolor p a { font-size: .875em; line-height: 1.5; } .font-large, .font-large p { font-size: 1em; line-height: 1.43; } }