html { overflow-x: hidden } body { color: #1f1e1f; font-size: 17px; line-height: 25px; background-color: #FFF; font-family: Lato; padding-right: 0  !important } .container { max-width: 1140px  !important } .row:before, .row:after { display: none } .sustainability-links { color: #0d5c91; outline: 0 } .white-sustainability-links { color: #fff; outline: 0; text-decoration: underline; } .brand-feature-stack-wrapper a:hover { text-decoration: underline } p { margin: 0; padding: 0; margin-bottom: 12px; color: #1f1e1f; font-size: 17px; line-height: 25px } p:last-child { margin-bottom: 0 } p a, p em { font-weight: 600 } section { padding: 85px 0 } section.headerimg, section.inovation, section.choosesus, section.dualheadquarters, section.manufacturing, section#intro, section#diversity-slider { padding: 0 } section.inovation img { width: 100% } .headerimg, .headerimgbig { width: 100%; height: 459px; position: relative } .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 } .headerimgwho { background: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-who-we-are-header.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } .headerdiver { background: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-diversity-header.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } .headerboard { background: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-diversity-board-header.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } .headerrecognition { background: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-diversity-recognition-header.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } .headerprograms { background: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-diversity-programs-header.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } .headerinovation { background: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-innovation-header.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } .headerimglocation { background: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-locations-header.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } .headerimgleaders { background: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-leaders-header.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } .headersust { background: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-sustainability-header.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } h1 { line-height: 46px; font-size: 46px; font-weight: bold; color: #000; padding: 0; margin: 0; margin-bottom: 20px } h2 { font-size: 32px; font-weight: bold; line-height: 36px; color: #1f1e1f } h3 { color: #000; font-family: Lato; font-size: 24px; font-weight: bold; line-height: 32px; margin-bottom: 20px; margin-top: 0 } h4 { color: #000; font-family: Lato; font-size: 22px; font-weight: bold; line-height: 32px; margin-bottom: 20px; margin-top: 0 } p.description { line-height: 33px; font-size: 21px; 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 } .blockcolor p, .blockcolor p a { color: #FFF; font-weight: bold; font-size: 16px } .blockcolor p a { text-decoration: underline; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .blockcolor p a:hover { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-decoration: none } .blockcolor2 { padding: 40px; margin-bottom: 6px; flex-direction: column } .blockcolor2 p { color: #FFF; font-size: 16px } .blockcolor2 p span { color: #FFF; font-size: 20px; font-weight: bold; line-height: 30px } .orange { background-color: #ff6a00 } .blue { background-color: #0d5c91 } .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-bottom: -6px } .mt15 { margin-top: 15px } .mt40 { margin-top: 40px } .mt75 { margin-top: 75px } .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 } .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 } #locations .mt15 { margin-top: 0 } .row.mt15 { margin-left: 0; margin-right: 0 } .row.mt15 [class*="col-"] { background-clip: padding-box; border-right: 6px solid #FFF } .vision .row.mt15 { margin-left: 0; margin-right: 0 } .vision .row.mt15 [class*="col-"] { background-clip: padding-box; border-right: 6px solid #f2f2f2 } #locations .row.mt15 [class*="col-"]:nth-child(3n) { border-right: 0 } .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: 22px; line-height: 33px } #big-text p:last-child { margin-bottom: 0 } #big-text p a { font-size: 22px; line-height: 33px } .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: 24px; font-weight: bold; line-height: 32px; 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: 14px } .diversityNav a { margin: 7px 12px } .inpadtext { padding: 0 130px } .inpadtext p.description { font-size: 22px; line-height: 33px; 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 } .choosesus h3 { font-size: 20px; font-weight: bold; line-height: 30px; margin-bottom: 20px; color: #FFF } .reviewssus { background: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-sustainability-CSE-background.png); background-size: cover; background-repeat: no-repeat } .reviewssus h3 { font-size: 20px; font-weight: bold; line-height: 30px; margin-bottom: 20px; color: #000 } .reviewssus a, .choosesus a { font-weight: bold } .reviewssus a:hover, .choosesus a:hover { text-decoration: underline } p.author-review { font-weight: bold } .choosesus-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; height: 600px; background-repeat: no-repeat; background-size: cover; background-position: center center } .choosesus-category { padding: 45px; z-index: 1; width: 100% } .contact-box { background-color: #f2f2f2; padding: 40px 65px 40px 75px; margin-bottom: 6px; flex-direction: column } .contact-box-name { color: #000; font-size: 24px; font-weight: bold; line-height: 27px; text-align: center; margin-bottom: 30px } .mainheadquarters .contact-box-name { text-align: left } .contact-box-name-city { color: #000; font-size: 22px; font-weight: bold; line-height: 25px; text-align: left; margin-bottom: 30px } .firstcontactblock { width: 24%; margin: 0 auto; position: relative } p.adress:before { width: 17px; height: 22px; content: ""; background-image: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-locations-icon-map.png); position: absolute; left: 50px } p.phone:before { width: 21px; height: 20px; content: ""; background-image: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-locations-icon-phone.png); position: absolute; left: 50px } .firstcontactblock p.adress:before { width: 17px; height: 22px; content: ""; background-image: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-locations-icon-map.png); position: absolute; left: -26px } .firstcontactblock p.phone:before { width: 21px; height: 20px; content: ""; background-image: url(https://static.lenovo.com/ww/img/about-lenovo/2019/lenovo-locations-icon-phone.png); position: absolute; left: -26px } .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: 80px } .leadersimg img { max-width: 250px; width: 100%; margin: 0 auto } .leadersname { color: #000; font-size: 22px; line-height: 33px; text-align: center; margin: 5px 0 10px } .leaderswork { opacity: .55; color: #000; font-size: 17px; line-height: 22px; text-align: center; min-height: 70px } .leaderswork.min50 { min-height: 50px } #dboard .leaderinformation { margin-bottom: 20px } .view-button { border: 0; background-color: #0d5c91; border-radius: 2px; line-height: 28px; padding: 18px 23px } a.view-button { color: #fff; font-size: 18px; font-weight: bold  !important; line-height: 28px } @media(max-width:1260px) { .headerimg, .headerimgbig { margin-top: 0 } .inpadtext { padding: 0 50px } .inimgab { right: -35px; margin-left: 35px } .mainheadquarters .contact-box-name { font-size: 22px } } @media(max-width:1024px) { .blockcolor, .blockcolor2 { padding: 35px 15px 40px } .leaderinformation { margin-bottom: 60px } .leaderswork { font-size: 15px; line-height: 21px } .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 } .carousel-background img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: unset  !important; } } @media(max-width:991px) { .contact-box { padding: 40px 15px 40px 35px } #locations p { margin-bottom: 12px; font-size: 15px; line-height: 23px } p.adress:before { left: 10px } p.phone:before { left: 10px } .leaderswork { min-height: 85px } #dboard .leaderswork { min-height: 55px } section { padding: 65px 0 } h2 { margin-bottom: 20px } .headerimg p.description span { display: inline } .inpadtext { padding: 0 25px } .inpadtext p.description, .contact-box-name, .contact-box-name-city { line-height: 26px; font-size: 18px } .inpadtext p.description { margin-bottom: 10px } .contact-box-name, .contact-box-name-city { margin-bottom: 30px } .inpadtext p, .leaderswork { font-size: 14px; line-height: 21px } .inimgab { right: 0px; margin-left: 0px } .mainheadquarters .contact-box-name { font-size: 18px } .leadersname { line-height: 26px; font-size: 16px } a { font-size: 16px } } @media(max-width:768px) { section { padding: 45px 0 } h1 { line-height: 40px; font-size: 40px } h2 { font-size: 28px; line-height: 28px } p.description, .contact-box-name, .contact-box-name-city { line-height: 28px; font-size: 20px } .mainheadquarters .contact-box-name { text-align: left; margin-left: 0 } p { margin-bottom: 12px; font-size: 15px; line-height: 23px } #big-text p { font-size: 17px; line-height: 23px; margin-bottom: 20px } #big-text p a { font-size: 17px; line-height: 23px } a { font-size: 15px } .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: 25px; line-height: 30px } h3 { font-size: 22px; line-height: 26px } .global-interprice-text { font-size: 22px; line-height: 26px; padding: 50px 20px } h4 { font-size: 20px; line-height: 26px } .mt30768 { margin-top: 40px } .mt20768 { padding-top: 20px } .view-button { line-height: 26px; padding: 16px 20px } a.view-button { font-size: 16px; line-height: 26px } } @media(max-width:767px) { .leaderswork { padding: 0 20px } #dboard .leaderswork { padding: 0 } .leadersname { line-height: 28px; font-size: 20px } #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: 0 } #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 } .carousel-background img { height: 100vh; } } @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: 0 } #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: 0 } .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: 24px; line-height: 28px } h3 { font-size: 20px; line-height: 24px; margin-bottom: 15px } h4 { font-size: 18px; line-height: 24px; margin-bottom: 15px } .global-interprice-text { font-size: 20px; line-height: 24px; padding: 40px 20px } .center575 { text-align: center; margin-bottom: 10px } .block-awards { margin-bottom: 40px } .view-button { line-height: 24px; padding: 15px 18px } a.view-button { font-size: 15px; line-height: 24px } } @media(max-width:480px) { section { padding: 35px 0 } h1 { line-height: 35px; font-size: 35px } h2 { font-size: 25px; line-height: 25px } p.description, .inpadtext p.description, .contact-box-name, .contact-box-name-city, .leadersname { line-height: 26px; font-size: 18px } p, .leaderswork { font-size: 14px; line-height: 21px } #big-text p { font-size: 16px; line-height: 23px; margin-bottom: 20px } #big-text p a { font-size: 16px; line-height: 23px } a { font-size: 14px } .reviewsimg img { max-height: 175px } .contact-box-name, .contact-box-name-city { margin-bottom: 20px } .leaderswork { min-height: 65px } .leadersname { line-height: 24px; font-size: 15px } } @media(max-width:480px) { .leaderswork { min-height: 85px; line-height: 20px } .leadersname { line-height: 20px } } .masthead { margin-bottom: 75px } @media(max-width:1227px) and (min-width:1179) { .masthead { margin-bottom: 0px } } @media(max-width:1060px) { .masthead { margin-bottom: 60px } }