html { overflow-x: hidden; } body { color: #1f1e1f; background-color: #FFF; font-family: Lato; padding-right: 0  !important; } 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; } a { color: #0d5c91; outline: 0; } a.more { color: #555; font-weight: bold; } a.more.regular { font-weight: 400; } p { margin: 0; padding: 0; } p:last-child { margin-bottom: 0; } ul { padding-left: 1em; } section { padding: 85px 0; } 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://p4-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-who-we-are-hero.jpg) 50% 50% no-repeat; } .header-history { background: url(https://p1-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-history-hero.jpg) 50% 50% no-repeat; } .header-innovation { background: url(https://p3-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-research-and-innovation-hero.jpg) 50% 50% no-repeat; } .header-businesses { background: url(https://p4-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-our-businesses-hero.jpg) 50% 50% no-repeat; } .header-social-impact { background: url(https://p4-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-d-and-i-hero.jpg) 50% 50% no-repeat; } .image-bg.d-and-i-community-subpage-haben { background-image: url(https://p1-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-d-and-i-community-subpage-haben-bkgd.jpg); background-position: 100% 50%; } .lenovo-logo .row.mx-10 { align-items: center; } .lenovo-logo .row.mx-10 img { max-width: 300px; margin-left: 50px; } @media (max-width: 425px) { .header-who-we-are { background-image: url(https://p1-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-who-we-are-hero-mobile.jpg); } .header-history { background-image: url(https://p4-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-history-hero-mobile.jpg); } .header-innovation { background-image: url(https://p3-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-research-and-innovation-hero-mobile.jpg); } .header-businesses { background-image: url(https://p4-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-our-businesses-hero-mobile.jpg); } .header-social-impact { background-image: url(https://p1-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-d-and-i-hero-mobile.jpg); } .image-bg.d-and-i-community-subpage-haben { background-image: url(https://p2-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-d-and-i-community-subpage-haben-bkgd-mobile.jpg); background-position: 50% 50%; padding: 240px 0 50px; } } h1 { font-size: 2.875em; font-weight: bold; line-height: 1; padding: 0; margin: 0; margin-bottom: 20px; } h2 { font-size: 2em; font-weight: bold; line-height: 1.125; margin-bottom: 20px; } h3 { font-family: Lato; font-size: 1.5em; font-weight: bold; line-height: 1.33; margin-bottom: 20px; margin-top: 0; } 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, .1); } .block-global-programs-shadows-text { padding: 20px 30px; } hr.global-programs-hr-line { margin: 0; border: 1px solid rgba(188, 188, 188, .5); } 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, .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://p2-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-who-we-are-small-horizontal-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover; } .blocks .gradient-2 { background: url(https://p1-ofp.static.pub/ShareResource/cap/about/whoweare/about-who-we-are-small-vertical-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover; } .blocks .gradient-3 { background: url(https://p2-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-who-we-are-small-diagonal-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover; } .blocks .gradient-blue { background: url(https://p4-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-dcg-offerings-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover; } .blocks .gradient-green { background: url(https://p2-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-dcg-offerings-green-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover; } .blocks .gradient-large-1 { background: url(https://p2-ofp.static.pub/ShareResource/cap/about/whoweare/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://p4-ofp.static.pub/ShareResource/cap/about/whoweare/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://p1-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-d-bkgd-1.jpg); } .si-boxes .si-box.bg-2 { background-image: url(https://p4-ofp.static.pub/ShareResource/cap/about/whoweare/lenovo-about-d-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; } }