@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i"); html { overflow-x: hidden } body { color: #1f1e1f; font-size: 17px; line-height: 25px; background-color: #fff; font-family: Lato; padding-right: 0  !important } .climate-change-link { color: #0d5c91; outline: 0; font-weight: 400 } .p { margin: 0; padding: 0; margin-bottom: 15px; color: #222; font-weight: 300; font-size: 18px; line-height: 28px } .p:last-child { margin-bottom: 0 } sub, sup { font-size: .6em } ul, ol { margin-bottom: 0 !important; margin-top: 0 !important; } .container { max-width: 1400px  !important; width: 100% } .row:after, .row:before { display: none } .mobile { display: none } .titleh3 { font-size: 25px; margin-bottom: 20px; margin-top: 2em; font-weight: 700; color: #222; outline: 0 } .titleh3.mt0 { margin-top: 0 } .titleh2 { color: #fff; font-size: 24px; line-height: 40px; text-align: center; text-shadow: 0 2px 4px rgba(0, 0, 0, .5); font-weight: 400; outline: 0 } .titleh1 { color: #fff; font-size: 46px; line-height: 46px; text-align: center; margin-bottom: 0; margin-top: 0; font-weight: 700; outline: 0; text-shadow: 0 2px 4px rgba(0, 0, 0, .5) } .titleh5 { font-size: 42px; margin-bottom: .75em; line-height: 1em } .intros-header .titleh2 { font-size: 18px; line-height: 24px; margin-top: 20px; outline: 0 } p.titlep { font-size: 25px; margin-bottom: 20px; margin-top: 2em; font-weight: 700; outline: 0 } .title-center { text-align: center } .title-uppercase { text-transform: uppercase } .mt0 { margin-top: 0 } .mt20 { margin-top: 20px } .mt30 { margin-top: 30px } .mt45 { margin-top: 45px } .mt50 { margin-top: 50px } .mt60 { margin-top: 45px } .mt65 { margin-top: 100px } .mt70 { margin-top: 70px } .mt90 { margin-top: 90px } .mt250 { margin-top: 250px } .mb0 { margin-bottom: 0 } .mb20 { margin-bottom: 20px } .mb30, p:last-child.mb30 { margin-bottom: 30px } .mb40 { margin-bottom: 40px } .mb45 { margin-bottom: 45px } .mb45, p:last-child.mb45 { margin-bottom: 45px } .mb60, p:last-child.mb60 { margin-bottom: 60px } .mb70 { margin-bottom: 70px } .mb80, p:last-child.mb80 { margin-bottom: 80px } .mb120 { margin-bottom: 120px } .p15 { padding: 10px 15px 10px 0 } .intros { height: 300px; margin-top: 75px; position: relative; background: url(//p3-ofp.static.pub/ShareResource/compliance/emc/bgs/lenovo-regulatory-compliance-header-3.7245324861c56ba6.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } .intros h1.titleh1 sup { font-size: .4em } .intros-header { height: 100%; margin-top: 75px; position: relative; background: url(//p3-ofp.static.pub/ShareResource/compliance/emc/bgs/lenovo-regulatory-compliance-header-3.7245324861c56ba6.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center } .intros.inners { display: flex; align-items: center } .intros.inners.sustainability { background: url(//p3-ofp.static.pub/ShareResource/sustainability-climate-change/img/lenovo-sustainability-header-2020.eb7f8ca706c5debd.jpg) no-repeat; background-position: center top 60%; background-size: cover } .intros.inners.materials { background: url(//p2-ofp.static.pub/ShareResource/sustainability-climate-change/img/materials-header.c8240fa9a2ca35d3.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.operations { background: url(../img/header/operations.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.climate { background: url(//p2-ofp.static.pub/ShareResource/sustainability-climate-change/img/climate-header.c299f6143c193725.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.in_house { background: url(//p4-ofp.static.pub/ShareResource/sustainability-climate-change/img/inhouse-header.a907c5a7627b0d20.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.approach { background: url(../img/header/approach.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.supplier { background: url(https://static.lenovo.com/ww/corp/sustainability/supplier-header.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.performance { background: url(../img/header/performance.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.supply { background: url(//p2-ofp.static.pub/ShareResource/sustainability-climate-change/img/1_supply-chain-header.2815739c65507574.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.water-waste { background: url(//p2-ofp.static.pub/ShareResource/sustainability-climate-change/img/2_water-waste-banner.0c6c1c6b455ea353.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.social-investment { background: url(//p1-ofp.static.pub/ShareResource/sustainability-climate-change/img/3_social-investment-banner.f8856d6b9249ac03.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.resources { background: url(//p3-ofp.static.pub/ShareResource/sustainability-climate-change/img/lenovo-sustainability-header-2020.eb7f8ca706c5debd.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.di { background: url(//p4-ofp.static.pub/ShareResource/sustainability-climate-change/img/4_lenovo-diversity-header.4b4be372130b5e54.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.targets { background: url(//p2-ofp.static.pub/ShareResource/sustainability-climate-change/img/5_targets-banner.9d6b2503a82c148b.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.performance-data { background: url(//p2-ofp.static.pub/ShareResource/sustainability-climate-change/img/6_data-banner.3910aededc28817e.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.product-recycling { background: url(//p1-ofp.static.pub/ShareResource/sustainability-climate-change/img/6_product-recycling-banner.46aa56d19d71c595.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.commitment { background: url(//p2-ofp.static.pub/ShareResource/sustainability-climate-change/img/07_commit-environ-banner-01.b53e19b39bb7a708.png) no-repeat; background-position: center; background-size: cover } .intros.inners.workforce { background: url(//p3-ofp.static.pub/ShareResource/sustainability-climate-change/img/8_workforce-banner.fe5dc5a195d1e34d.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.ethical { background: url(//p1-ofp.static.pub/ShareResource/sustainability-climate-change/img/9_ethical-business-banner.7daf7e4f60d262e6.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.recycled { background: url(//p1-ofp.static.pub/ShareResource/sustainability-climate-change/img/10_recycled-content-banner.75072dee4f72c252.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.productintegrity { background: url(//p4-ofp.static.pub/ShareResource/sustainability-climate-change/img/11_product-integrity-banner.b78d80bca5bcf22d.png) no-repeat; background-position: center; background-size: cover } .intros.inners.packaged-with-env-in-mind { background: url(//p4-ofp.static.pub/ShareResource/sustainability-climate-change/img/12_packaging-banner.7d08b593a574e743.jpg) no-repeat; background-position: center; background-size: cover } .intros.inners.productefficiency { background: url(//p3-ofp.static.pub/ShareResource/sustainability-climate-change/img/13_energy-efficiency-banner.b302750ededec8ed.jpg) no-repeat; background-position: center; background-size: cover } .corp-governance { width: 100%; max-width: 650px; margin: 0 auto } .breadcrumbs { color: #fff; font-size: 13px; line-height: 16px; margin-top: 25px; z-index: 2; padding-left: 0 } @media screen and (min-width:1177px) { .breadcrumbs { padding-left: 70px } } .breadcrumbs a { color: #fff; font-size: 13px; line-height: 16px } .breadcrumbs a:hover { text-decoration: underline } section.information { padding: 45px 0 120px } section.information-padding-60 { padding: 60px 0 } section.information a, section.information-padding-60 a { font-weight: 400; font-size: 18px; line-height: 28px; text-decoration: none } section.information a:hover, section.information-padding-60 a:hover { text-decoration: underline } section.outimg { text-align: center; padding: 20px 0 } section.outimg .row { justify-content: center } section .outimg-img { max-width: 1240px; width: 100%; height: auto  !important; max-height: inherit  !important } section.outtiles .container { max-width: 1180px  !important; margin: 0 auto } section.outtiles .container .list-statbox { margin: 0 -10px; margin-bottom: 20px } .background-material { background-image: url(https://static.lenovo.com/ww/corp/sustainability/materials-mgmt-bg1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff } .background-in_house { background-image: url(https://static.lenovo.com/ww/corp/sustainability/inhouse-bg1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff } .background-in_house2 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/inhouse-bg1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff } .background-supplier { background-image: url(https://static.lenovo.com/ww/corp/sustainability/supplier-bg1.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; padding-bottom: 140px  !important } .background-supplier2 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/supplier-bg2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover } .background-supply-chain2 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/supply-chain-bg2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover } .background-supply { background-color: #f2f2f2 } .background-material p.title { color: #fff; font-size: 22px; font-weight: 700; line-height: 33px } .background-material ul li { color: #fff  !important } .background-bottom-material { background-image: url(https://static.lenovo.com/ww/corp/sustainability/materials-mgmt-bg-cactus.jpg?=xyz); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 340px  !important } .ul-title-index { color: #060; font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom: 10px } ul.ul-index { margin: 0; padding: 0 } ul.ul-index li { list-style: none } ul.ul-index li a { color: #fff; font-size: 17px; line-height: 26px } ul.ul-index li a:hover { text-decoration: underline } .ul-gray { background-color: rgba(196, 190, 182, .5); padding: 20px 20px 10px; margin-bottom: 15px; border-radius: 3px } .ul-gray p { font-size: 15px; margin-bottom: 10px } ul.ul-gray-ul { padding-left: 10px; margin-bottom: 15px } ul.ul-gray-ul li { list-style: none; font-size: 15px; line-height: 26px; color: #222; font-weight: 300; margin: 7px 0 } ul.ul-gray-ul.v2 li p { font-size: 18px; line-height: 28px; color: #222; font-weight: 300; margin-top: 10px } ul.ul-gray-ul.v2 li { list-style: disc; padding-left: 0; margin-left: 12px; list-style-position: unset; font-size: 18px; line-height: 28px } ul.ul-gray-ul.v2 li.orange { color: #ff6a00 } ul.ul-gray-ul.v3 { margin: 30px 0 } ul.ul-gray-ul.v3 li { list-style: disc; padding-left: 0; margin-left: 12px; list-style-position: unset; font-size: 18px; line-height: 28px } ul.ul-gray-ul li a { font-size: 15px; line-height: 26px; font-weight: 300 } ul.ul-gray-ul.v2 li a { font-size: 18px; line-height: 28px } ol.ul-gray-ul { padding-left: 10px; margin-bottom: 15px } ol.ul-gray-ul li { font-size: 18px; line-height: 28px; color: #222; font-weight: 300; margin: 7px 0; padding-left: 10px; list-style-position: inside } ol.ul-gray-ul li a { font-size: 18px; line-height: 28px; font-weight: 300 } .information-right-img { margin: 30px 0 20px 0; text-align: left } .information-center-img { margin: 30px 0 30px 0; text-align: center } .countryorigin-block { padding: 30px 15px; background: #f2f2f2; border-radius: 4px; margin-bottom: 20px; margin-top: 10px } .countryorigin-block p { margin-bottom: 0; font-size: 14px } .countryorigin-block p a { font-weight: 400; font-size: 16px } #battery-page .countryorigin-block p, #battery-page .countryorigin-block p a { font-size: 16px } .countryorigin-block p i { color: #0d5c91; margin-right: 5px; font-size: 17px } .list-statbox { display: flex; flex-wrap: wrap; list-style: none; margin-top: 15px; margin-bottom: 60px; padding: 0 } .list-statbox>li { flex: 1; margin: 10px; width: calc(33.3333% - 20px); padding: 20px 25px } .list-statbox>li.blue { background-color: #0d5c91; box-shadow: 0 25px 25px 0 rgba(62, 141, 221, .18) } .list-statbox>li.green { background-color: #060; box-shadow: 0 25px 25px 0 rgba(106, 195, 70, .18) } .list-statbox>li.pink { background-color: #f04187; box-shadow: 0 25px 25px 0 rgba(240, 65, 135, .18) } .list-statbox>li.blue2 { background-color: #009dd9; box-shadow: 0 25px 25px 0 rgba(240, 65, 135, .18) } .list-statbox>li.orange { background-color: #ff6a00; box-shadow: 0 25px 25px 0 rgba(255, 106, 0, .18) } .list-statbox>li p { font-size: .9em; font-weight: 400; line-height: 1.5em; margin: 0; color: #fff } .list-statbox>li p.large { font-weight: 700; font-size: 1.7em; margin-bottom: 12px; line-height: 1.1em } .list-statbox-wide { max-width: 1100px; margin-left: auto; margin-right: auto } .featblock { padding: 35px 50px } .featblock-odd .featblock-copy { margin-left: 50% } .featblock-copy { max-width: 1100px; width: 50% } .border-gray-block { border: 1px solid #ddd; border-radius: 3px; background-color: #fff; padding: 46px; min-height: 154px; background-image: url(https://static.lenovo.com/ww/corp/sustainability/clock.png); background-repeat: no-repeat; background-position: bottom right; margin-top: 30px } .border-gray-block.pad18 { padding: 46px 10px 18px 46px } .border-gray-block.pad1846 { padding: 46px 46px 18px } .border-gray-block p { color: #222; font-size: 18px; line-height: 28px } .info-img-block { text-align: center } .block-materials { padding: 2.5vw; color: #fff; margin-top: 30px; min-height: 250px } .in_house .block-materials { min-height: 270px } .block-material-number { color: #fff; font-size: 32px; font-weight: 900; line-height: .8em; margin-bottom: 10px } .block-material-number span { font-size: 30px } .block-material-number span.secondary { font-size: 20px; font-weight: 300 } .block-materials p { color: #fff; font-size: 16px; font-weight: 400; line-height: 22px } .block-materials p sub { font-size: .6em; line-height: 1em; font-weight: 600 } .block-climate-border { border: 2px solid #f2f2f2; border-radius: 3px; background-color: #fff; padding: 30px 25px; display: flex; flex-direction: column; margin-bottom: 30px; min-height: 325px; justify-content: space-between } .block-climate-title { color: #222; font-size: 22px; font-weight: 700; line-height: 28px } .block-climate-title img { margin-right: 8px } .block-climate-title p { margin-top: 20px } .climate-button { line-height: 50px; margin-top: 20px } .in_house_desc { color: #777; font-size: 14px; line-height: 23px; margin-top: 25px; font-style: italic } .news-four .container-fluid { padding: 0  !important } .news-block { overflow: hidden; position: relative; padding: 0; vertical-align: middle; text-align: center } .news-block img { width: 100%; vertical-align: middle } .news-block-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 1 } .news-block-info { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 22px; font-weight: 700; line-height: 30px; text-align: center; width: 80% } .approach { display: flex; max-width: 1100px; margin: 35px auto; margin-bottom: 50px } .approach-block { flex: 1; position: relative } .approach-year { color: #222; font-size: 18px; font-weight: 900; line-height: 28px } .approach-year-line { box-sizing: border-box; height: 14px; width: 14px; border: 2px solid #0d5c91; background-color: #fff; border-radius: 50%; margin-top: 20px; margin-bottom: 20px } .approach p { color: #222; font-size: 16px; line-height: 22px; padding: 0 25px 0 0 } .approach-year-line .dot { box-sizing: border-box; height: 14px; width: 14px; border: 2px solid #0d5c91; background-color: #fff; border-radius: 50%; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; position: relative; z-index: 2 } .approach-year-line:before { background-color: #ddd; content: ""; height: 2px; position: absolute; width: 100%; left: 0; right: 0; margin-top: 4px; margin-left: 15px } .glance-graphic-section { margin-top: 35px; margin-bottom: 60px; padding: 0 15px } .glance-block { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin-bottom: 15px  !important } .glance-block-wide { max-width: 1100px; width: 100%; margin: 0; margin-left: auto; margin-right: auto } .glance-year { display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 900; color: #fff  !important; margin: 0; padding: 15px; width: 100px } .glance-list { padding: 20px 30px; align-items: center; width: calc(100% - 100px); margin: 0  !important } .glance-list li { margin-left: 15px; width: 100% } .glance-block>.glance-year.purple { background-color: #8246af } .glance-block>.glance-list.purple { border: 1px solid #8246af } .glance-block>.glance-year.orange2 { background-color: #ff6a00 } .glance-block>.glance-list.orange2 { border: 1px solid #ff6a00 } .glance-block>.glance-year.blue { background-color: #0d5c91 } .glance-block>.glance-list.blue { border: 1px solid #0d5c91 } .glance-block>.glance-year.green { background-color: #060 } .glance-block>.glance-list.green { border: 1px solid #060 } .change-objectives-targets-block { border: 4px solid #f2f2f2; background-color: #fff; padding: 50px 100px; text-align: center; margin-bottom: 15px } .change-objectives-targets-block-notes p { color: #777; font-size: 15px; line-height: 23px } .title-orange { color: #ff6a00; font-size: 25px; font-weight: 700; line-height: 30px; margin-bottom: 25px } .orange { color: #ff6a00 } .white-color { color: #fff  !important } .orange span { display: block } .performance-block, .supplier-block { margin-bottom: 20px; display: flex; flex-direction: row; align-items: center } .supplier-block .titleh4 { margin-bottom: 4px } .supply-chain-block { margin-bottom: 20px; display: -webkit-box; flex-direction: row; align-items: center } .supply-chain-block-img { width: 30px; height: 30px; margin-right: 15px } .supplier-page-gray-block { background-color: #f2f2f2; padding: 37px 75px 10px; text-align: center; font-size: 22px; line-height: 32px } p.author { color: #222; font-size: 18px; line-height: 28px; text-align: center } li.nots, p.nots { color: #777; font-size: 15px; line-height: 23px; font-weight: 300 } .supplier-block-text, .supply-chain-block-text { color: #fff; font-size: 18px; line-height: 28px; font-weight: 300 } .performance-block-img, .supplier-block-number, .supply-chain-block-number { margin-right: 30px } .performance-block-img { min-width: 56px } .performance-block-img img { width: 56px; height: 56px; vertical-align: middle } .performance-block-text { color: #222; font-size: 18px; line-height: 28px; font-weight: 300 } .supplier-block-number span, .supply-chain-block-number span { border: 2px solid #0d5c91; padding: 5px 10px; color: #0d5c91; border-radius: 50%; font-size: 18px; font-weight: 700; line-height: 24px } .contact-block { background-color: #f2f2f2; padding: 50px } .mailto-contact { display: flex; flex-direction: row; align-items: center } .mailto-contact-img { margin-right: 10px } .mailto-contact-img img { vertical-align: middle } .supplier-page a { color: #009dd9  !important } .block-performance { padding: 16px } .block-performance p { color: #fff; font-size: 18px; line-height: 28px; font-weight: 300 } .block-performance p.big { color: #fff; font-size: 40px; font-weight: 900; line-height: 18px; margin-bottom: 16px } .block-performance-three-title { color: #222; font-size: 22px; font-weight: 700; line-height: 30px; margin-bottom: 5px } p.block-performance-three-text { color: #222; font-size: 16px; line-height: 22px } .three-right { text-align: right; background-image: url(https://static.lenovo.com/ww/corp/sustainability/climate-change-performance-orange-nav.png); background-repeat: no-repeat; background-position: top right; min-height: 243px; padding-right: 90px } .three-left { text-align: left; background-image: url(https://static.lenovo.com/ww/corp/sustainability/climate-change-performance-blue-nav.png); background-repeat: no-repeat; background-position: top left; min-height: 243px; padding-left: 90px } .three-center { text-align: center; margin-top: -200px } .none768 { display: none } .vise768 { display: block } .risk-managent-block { box-sizing: border-box; border: 2px solid #f2f2f2; background-color: #f2f2f2; min-height: 380px; padding: 31px; margin-bottom: 30px } .risk-managent-block-title { color: #222; font-size: 12px; font-weight: 700; line-height: 16px; margin-bottom: 10px } .risk-managent-block p { color: #222; font-size: 16px; font-weight: 300; line-height: 22px } .supply-chain-colours { color: #fff; font-size: 14px; font-weight: 700; line-height: 20px; padding: 30px; min-height: 280px } .supply-training-block { background: #f2f2f2; padding: 30px; min-height: 200px; border-radius: 3px; margin-bottom: 30px; border: 1px solid #ccc } .supply-training-block-img { margin-bottom: 15px } .supply-training-block-img img { vertical-align: middle; border: 1px solid #0d5c91; border-radius: 25px } .oval-text { color: #060; font-size: 30px; font-weight: 900; line-height: 40px; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80% } .oval-text p.smalls { color: #222; font-size: 16px; line-height: 18px; text-align: center; margin-top: 6px } .visib575 { display: none } p.oval-desc { color: #222; font-size: 15px; line-height: 21px; text-align: center; margin-top: 20px } .supply-code-conduct-block { background-color: #f2f2f2; padding: 30px; margin-bottom: 20px; border-radius: 3px } .supply-code-conduct-block-title { color: #222; font-size: 24px; font-weight: 300; line-height: 33px; margin-bottom: 15px } ul.supply-code-conduct-ul { padding: 0; margin: 0 } ul.supply-code-conduct-ul li { list-style: none; font-size: 16px; line-height: 22px; color: #222; font-weight: 300; margin: 7px 0; position: relative; padding-left: 30px } ul.supply-code-conduct-ul li:before { content: "\f00c"; font-family: FontAwesome; display: inline-block; width: 1.3em; color: #0d5c91; font-size: 14px; margin-right: 5px; position: absolute; left: 7px; top: 0 } .block-materials.white { background: #fff; min-height: unset; padding: 0; margin-top: 0 } .block-materials.white .block-material-number, .block-materials.white p { color: #000; margin-bottom: 4px } .col-md-3.block-materials.white.black-border { border-top: 3px solid #000; border-bottom: 2px solid #000; margin: 30px 16px; padding: 0 0 20px } .block-materials.blue { border-radius: 3px; background-color: #0d5c91; box-shadow: 0 30px 50px 0 rgba(62, 141, 221, .18) } .block-materials.green { border-radius: 3px; background-color: #060; box-shadow: 0 30px 50px 0 rgba(106, 195, 70, .18) } .block-materials.pink { border-radius: 3px; background-color: #f04187; box-shadow: 0 30px 50px 0 rgba(240, 65, 135, .18) } .block-materials.orange { border-radius: 3px; background-color: #ff6a00; box-shadow: 0 30px 50px 0 rgba(255, 106, 0, .18) } .block-materials.lightGray { border-radius: 3px; background-color: #ddd; box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .1) } .block-materials.lightGray .block-material-number, .block-materials.lightGray p { color: #000 } .block-performance.blue { border-radius: 3px; background: #0d5c91; box-shadow: 0 30px 50px 0 rgba(0, 157, 217, .18) } .block-performance.green { border-radius: 3px; background-color: #060; box-shadow: 0 30px 50px 0 rgba(106, 195, 70, .18) } .supply-chain-colours.blue { border-radius: 3px; background-color: #0d5c91; box-shadow: 0 30px 50px 0 rgba(62, 141, 221, .18); height: 100% } .supply-chain-colours.green { border-radius: 3px; background-color: #060; box-shadow: 0 30px 50px 0 rgba(106, 195, 70, .18); height: 100% } .supply-chain-colours.pink { border-radius: 3px; background-color: #f04187; box-shadow: 0 30px 50px 0 rgba(240, 65, 135, .18); height: 100% } .supply-chain-colours.light-blue { border-radius: 3px; background-color: #009dd9; box-shadow: 0 30px 50px 0 rgba(0, 157, 217, .18); height: 100% } .supply-chain-colours.orange { border-radius: 3px; background-color: #ff6a00; box-shadow: 0 30px 50px 0 rgba(255, 106, 0, .18); height: 100% } .view-button { border: 0; background-color: #0d5c91; border-radius: 3px; line-height: 28px; padding: 18px 23px } a.view-button { color: #fff; font-size: 18px; font-weight: 700  !important; line-height: 28px } .view-button-border { border: 2px solid #009dd9; background-color: #fff; border-radius: 25.5px; line-height: 19px; padding: 14px 45px } a.view-button-border { color: #009dd9; font-size: 14px  !important; font-weight: 700  !important; line-height: 19px  !important } .view-button-border:hover { border: 2px solid #009dd9; background-color: #009dd9 } a.view-button-border:hover { color: #fff; text-decoration: none  !important } .choosesus h3 { font-size: 20px; font-weight: 700; 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: 700; line-height: 30px; margin-bottom: 20px; color: #000 } #intro a, .choosesus a, .reviewssus a { font-weight: 700  !important; color: #7abcc8  !important } .choosesus a:hover, .reviewssus a:hover { text-decoration: underline } p.author-review { font-weight: 700 } .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% } @media(min-width:1600px) { .block-materials { padding: 30px } } @media(max-width:1600px) { .block-materials { padding: 2vw } } @media(min-width:1228px) { .clone-head-table-wrap { margin-top: 0 } } @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; align-items: center } .clone-scroll-bar-wrap { overflow: hidden } .msds-contact { display: flex; margin-left: -30px } } .no-padding { padding: 0  !important } .white { color: #fff  !important } .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 } .headerimgbig { height: 600px } .headerimg, .headerimgbig { width: 100%; position: relative; margin-top: 75px } .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 } p.description { line-height: 33px; font-size: 21px; font-weight: 400; color: #1f1e1f; margin: 0; padding: 0; margin-bottom: 12px } h1.white { line-height: 46px; font-size: 46px; font-weight: 700; color: #000; padding: 0; margin: 0; margin-bottom: 20px } .tablepress { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 40px; margin-top: 20px; border: 0 } .tablepress td, .tablepress th { border: 0; background: 0 } .tablepress tbody td { color: #000; font-size: 14px; line-height: 14px; padding: 15px } .tablepress tbody td p { color: #000; font-size: 14px; line-height: 0 } .tablepress thead th { border-right: 2px solid #fff; border-left: 2px solid #fff } .tablepress thead th:first-child { border-right: 0 } .tablepress thead th:last-child { border-left: 0 } .tablepress tbody td { border-right: 2px solid #fff; border-left: 2px solid #fff } .tablepress tbody td:first-child { border-right: 0 } .tablepress tbody td:last-child { border-left: 0 } .tablepress tfoot th, .tablepress thead th { background-color: #0d5c91; font-weight: 700; vertical-align: middle; color: #fff; font-size: 18px; line-height: 28px; width: 25%; padding: 10px 15px } .tablepress tbody tr:nth-child(even) { background-color: rgba(196, 190, 182, .5) } .tablepress thead tr th:nth-child(3), .tablepress thead tr th:nth-child(4) { text-align: center } .tablepress tbody tr td:nth-child(3), .tablepress tbody tr td:nth-child(4) { text-align: center } .tablepress-pi { margin-top: 35px; margin-bottom: 12px } .tablepress-pi>thead>tr>th { background-color: #0d5c91; border-bottom: 0; color: #fff; border: 0; padding: 20px 15px; font-size: .9em } .tablepress-pi>thead>tr>th:first-child { border-top-left-radius: 4px } .tablepress-pi>thead>tr>th:last-child { border-top-right-radius: 4px } .tablepress-pi>tbody>tr:nth-child(even) { background-color: transparent } .tablepress-pi>tbody>tr>td { border-top-color: #d8e8f8  !important; font-size: .9em; padding: 20px 15px } .tablepress-pi>tbody>tr>td:first-child { border-left: 1px solid #d8e8f8 } .tablepress-pi>tbody>tr>td:last-child { border-right: 1px solid #d8e8f8 } .tablepress-pi>tbody>tr:last-child>td:last-child { border-bottom-right-radius: 4px } .tablepress-pi>tbody>tr:last-child>td:first-child { border-bottom-left-radius: 4px } .tablepress-pi>tbody>tr:last-child>td { border-bottom: 1px solid #d8e8f8 } .tablepress-pi sup a { font-size: .9em; margin-left: 3px } .tablepress2 { border-collapse: collapse; border-spacing: 0; width: 100%; border: 0 } .tablepress2 td, .tablepress2 th { border: 0; background: 0 } .tablepress2 tbody td { color: #222; font-size: 12px; line-height: 15px; padding: 12px 20px } .tablepress2 thead th { background-color: #0d5c91; border: 1px solid #0d5c91; border-radius: 3px 3px 0 0; vertical-align: middle; width: 33%; padding: 23px 20px; color: #fff; font-size: 12px; font-weight: 700; line-height: 15px } .tablepress2 tbody tr { border-bottom: 1px solid #d8e8f8 } .tablepress2 tbody tr.last { font-weight: 700 } ul.nots { color: #777; font-size: 15px; line-height: 23px; font-weight: 300; padding-left: 20px; text-align: left } .title-center img { display: block; margin-left: auto; margin-right: auto } .block-blue { font-size: 24px; line-height: 32px; padding: 60px; border-left-color: #0d5c91; color: #0d5c91; background: #f3f7fc; background: -moz-linear-gradient(top, #f3f7fc 0, #fff 100%); background: -webkit-linear-gradient(top, #f3f7fc 0, #fff 100%); background: linear-gradient(to bottom, #f3f7fc 0, #fff 100%) } .block-blue strong { font-size: 125%; line-height: 1.5 } .block-stripe { padding: 30px 60px; border-left-color: #0d5c91 } .stripe-orange { border-left-color: #ff6a00 } .stripe-green { border-left-color: #060 } section.information .block-blue a { font-size: 24px; line-height: 32px } .marker { position: relative; display: inline-block; width: 16px; height: 16px; border-radius: 8px } .marker-blue { background-color: #0d5c91 } .marker-red { background-color: #ef0125 } .spoiler-toggle:after { position: relative; display: inline-block; vertical-align: baseline; margin-left: 15px; cursor: pointer; content: "\276F"; transform: rotate(90deg) } .spoiler-toggle.active:after { transform: rotate(-90deg) } .spoiler-content { margin-bottom: 15px; display: none } .spoiler-content.active { display: block } .innerlink { color: #222; font-size: 14px  !important; line-height: 1.125em  !important } .bordered { border: 2px solid #ccebf7; padding: 25px 40px; height: 100% } .titleh2-regular { font-size: 30px; line-height: 40px; font-weight: 700 } .table-wrapper { position: relative; width: 100%; overflow-x: auto } .lined-table { min-width: 800px; border-bottom: 3px solid #000; border-collapse: collapse } .lined-table:last-of-type { border-bottom: 0 } .lined-table td, .lined-table th { width: 33.33%; padding: 30px 15px 30px 0; font-size: 22px; line-height: 33px; vertical-align: top } .border-top { border-top: 2px solid #000 } .lined-table td { border-top: 1px solid #000 } .contact-block ol { padding-left: 20px } .contact-block ol li { margin: 15px 0 } .regular-table { min-width: 800px; width: 100%; border-collapse: collapse; margin-bottom: 15px } .regular-table td { border: 2px solid #f2f2f2; padding: 10px; text-align: center } .regular-table tr td:first-of-type { text-align: left } .supply-code-conduct-ul.markv2 li { font-weight: 700; font-size: 18px; line-height: 28px } .freeze-table { height: auto  !important; min-height: inherit  !important } .performance-table { width: 100%; border-top: 4px solid #333; border-bottom: 1px solid #333; color: #000; margin-bottom: 10px; border-collapse: collapse } .performance-table thead th { padding: 8px 20px; line-height: 1.2em; vertical-align: bottom; font-size: .9em } .performance-table tbody td { padding: 8px 20px; vertical-align: top; line-height: 1.3em } .performance-table-hovered tbody tr { transition: .2s all } .performance-table-hovered tbody tr:hover { background-color: rgba(0, 0, 0, .065) } .performance-table-striped tbody tr:nth-child(even) { background-color: rgba(0, 0, 0, .035) } .performance-table-striped tbody tr.tr-noband { background-color: transparent  !important } .performance-table p { margin: 0; font-weight: 400; line-height: 1.3em; font-size: .95em } .clone-head-table-wrap { box-shadow: 4px 0 14px rgba(0, 0, 0, .5) } .td-top { border-top: 1px solid #333  !important } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top: 1px solid #333 } .table>thead>tr>th { border-bottom: 1px solid #333 } .energy-efficiency-table>thead>tr>th { width: 50% } .td-right { text-align: right } .td-bold, .td-bold p { font-weight: 700 } .list-footnotes { font-size: .85em } .list-footnotes>li { margin-bottom: 16px; line-height: 1.3em } .list-footnotes ul { margin-top: 10px } .list-footnotes ul>li { line-height: 1.3em; margin-bottom: 7px } .bg-pr { background-repeat: no-repeat; background-position: center; background-size: cover } .information.bg-pr { padding: 100px 0 } .bg-pr .titleh3, .bg-pr .titleh4, .bg-pr p, .bg-pr ul, .bg-pr ul.ul-gray-ul li { color: #fff } .bg-pr+.information { padding-top: 0 } .bg-pr1 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/product-recycling-banner02.jpg) } .bg-pr2 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/product-recycling-banner03.jpg) } .bg-pr3 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/commit-environ-banner-02.png) } .bg-pr4 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/commit-environ-banner-03.png) } .bg-pr5 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/workforce-banner-02.jpg) } .bg-pr6 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/workforce-banner-03.jpg); background-position: center; background-size: cover } .bg-pr7 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/workforce-banner-04.jpg) } .bg-pr8 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/workforce-banner-05.jpg) } .bg-pr9 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/ethical-business-banner-02.png) } .bg-pr10 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/recycled-content-banner-02.jpg) } .bg-pr11 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/product-integrity-accessibility-bg.png) } .bg-pr12 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/packaging-bg.jpg) } .bg-pr13 { background-image: url(https://static.lenovo.com/ww/corp/sustainability/energy-efficiency-paia-bg.jpg) } .bg-pr.bg-pr5 .titleh3, .bg-pr.bg-pr5 p, .bg-pr.bg-pr5 ul, .bg-pr.bg-pr6 .titleh3, .bg-pr.bg-pr6 p, .bg-pr.bg-pr6 ul, .bg-pr.bg-pr7 .titleh3, .bg-pr.bg-pr7 p, .bg-pr.bg-pr7 ul, .bg-pr.bg-pr7 ul.ul-gray-ul li { color: #000 } .bg-pr7 .block-materials:last-child { margin-bottom: -120px } .bg-pr.bg-pr7 .block-materials p { color: #fff } .bg-pr7 .block-materials { border-radius: 0 } .bg-pr.bg-pr7 .titleh4 { margin-bottom: 15px } .overview2 { background-image: url(//static.lenovo.com/ww/corp/sustainability/responsible-sourcing-overview-bg2@2x.jpg); background-size: cover; padding: 45px 0 } .overview2 p, .overview2 ul li { color: #fff } .contact2 { background-image: url(//static.lenovo.com/ww/corp/sustainability/responsible-sourcing-contact-bg.png); background-size: cover; padding: 45px 0 } .titleh4 { font-weight: 700; margin: 15px 0; color: #000 } @media(max-width:1560px) { .mt60.mb120 { margin-left: 100px } } @media(max-width:1280px) { .mt250 { margin-top: 120px } .mt60.mb120 { margin-left: 80px } .border-gray-block { padding: 18px; min-height: 130px } .border-gray-block.pad1846 { padding: 18px } } @media(max-width:1024px) { .mt60.mb120 { margin-left: 60px } } @media(max-width:991px) { .ul-title-index { font-size: 20px; line-height: 30px } ul.ul-index li a { font-size: 15px; line-height: 24px } .mb120 { margin-bottom: 60px } #five-blocks .col { max-width: 25%; flex-basis: auto; margin-bottom: 20px } .approach p { padding-left: 15px; padding-right: 15px } .featblock { padding: 0 } .featblock-copy, .featblock-odd .featblock-copy { margin: 0; width: auto; padding-left: 15px; padding-right: 15px } .bg-pr5 { background-image: none } .bg-pr5 .featblock-img-mobile { background-image: url(https://static.lenovo.com/ww/corp/sustainability/workforce-banner-02.jpg); padding-top: 65%; background-size: cover; background-position: right center; margin-bottom: 35px } .bg-pr6 { background-image: none } .bg-pr6 .featblock-img-mobile { background-image: url(https://static.lenovo.com/ww/corp/sustainability/workforce-banner-03.jpg); padding-top: 65%; background-size: cover; background-position: left center; margin-bottom: 35px } .bg-pr7 { background-image: none } .bg-pr7 .featblock-img-mobile { background-image: url(https://static.lenovo.com/ww/corp/sustainability/workforce-banner-04.jpg); padding-top: 65%; background-size: cover; background-position: bottom center; margin-bottom: 35px } .bg-pr7 .block-materials:last-child { margin-bottom: 0 } .bg-pr8 { background-image: none } .bg-pr8 .featblock-img-mobile { background-image: url(https://static.lenovo.com/ww/corp/sustainability/workforce-banner-05.jpg); padding-top: 65%; background-size: cover; background-position: bottom center; margin-bottom: 40px } .bg-pr .titleh3, .bg-pr p, .bg-pr ul, .bg-pr ul.ul-gray-ul li { color: #fff } .bg-pr ul, .bg-pr8 .titleh3, .bg-pr8 p, .bg-pr8 ul.ul-gray-ul li { color: #000 } .performance-table tbody td { padding: 8px 12px; font-size: .85em } .performance-table thead th { padding: 6px 12px; font-size: .75em } } @media(max-width:930px) { .mt60.mb120 { margin-left: 25px } } @media(max-width:768px) { section.information, section.information-padding-60 { padding: 40px 0 } .titleh2 { font-size: 18px; line-height: 24px } .titleh1 { font-size: 36px; line-height: 36px } .titleh5 { font-size: 36px } .titleh3.mt50 { margin-top: 30px } .intros-header .titleh2 { font-size: 18px; line-height: 24px; margin-top: 20px } .title-orange, .titleh3, p.titlep { font-size: 20px; margin-top: 15px; margin-bottom: 15px } .performance-block-text, .supplier-block-text, .supply-chain-block-text, .p, p.author { margin-bottom: 12px; font-size: 15px; line-height: 23px } .performance-block-text, .supplier-block-text, .supply-chain-block-text, p.author { margin-bottom: 0 } .border-gray-block { min-height: 100px } .border-gray-block p { font-size: 15px; line-height: 23px } ol.ul-gray-ul li, ol.ul-gray-ul li a, ul.ul-gray-ul li, ul.ul-gray-ul li a, ul.ul-gray-ul.v2 li, ul.ul-gray-ul.v2 li a, ul.ul-gray-ul.v2 li p { font-size: 15px; line-height: 23px } ul.ul-gray-ul.v3 li, ul.ul-gray-ul.v3 li p { font-size: 15px; line-height: 23px } section.information a, section.information-padding-60 a { font-size: 15px; line-height: 23px } .tablepress tfoot th, .tablepress thead th { font-size: 15px; line-height: 15px } .tablepress tbody td, .tablepress tfoot th, .tablepress2 tbody td { font-size: 14px } .tablepress-pi>tbody>tr>td, .tablepress-pi>thead>tr>th { font-size: 14px } .ul-title-index { font-size: 18px; line-height: 25px } ul.ul-index li a { font-size: 14px; line-height: 22px } .information-right-img { text-align: center } .view-button { line-height: 26px; padding: 16px 20px } a.view-button { font-size: 16px; line-height: 26px } .mt70 { margin-top: 15px } .mt90 { margin-top: 50px } .mt50 { margin-top: 15px } .mb70 { margin-bottom: 15px } .change-objectives-targets-block { padding: 15px 30px 30px } .three-right { text-align: left; background-image: none; min-height: 50px; padding-right: 0; margin-bottom: 15px } .three-left { text-align: left; background-image: none; min-height: 50px; padding-left: 0 } .three-center { text-align: left; margin-top: 0 } .scope-img { display: none } .none768 { display: block; margin-bottom: 15px } .vise768 { display: none } p.oval-desc { font-size: 14px; margin-bottom: 20px } #five-blocks .col { max-width: 33%; flex-basis: auto; margin-bottom: 20px } .choosesus-category, .supply-chain-colours { padding: 20px } .reviewsimg img { max-height: 250px; margin-bottom: 30px } .choosesus-item { max-height: 360px } p.description { line-height: 25px; font-size: 16px } h1.white { line-height: 36px; font-size: 36px; margin-bottom: 20px } } @media(max-width:767px) { .list-statbox { justify-content: center } .list-statbox>li { flex: 0 0 auto; margin: 6px; width: calc(50% - 12px); padding: 15px 20px } .list-statbox>li p { font-size: 13px } .list-statbox>li p.large { font-size: 1.4em } .mobile { display: block } .desktop { display: none } ul.ul-gray-ul.v3 { margin: 22px 0 } ul.ul-gray-ul.v3 li, ul.ul-gray-ul.v3 li p { font-size: 14px } .approach { flex-direction: column } .approach p { padding-left: 25px; padding-right: 0 } .approach-block { text-align: left; border-left: 2px solid #eee; margin-left: 10px; padding-bottom: 16px } .approach-year { text-align: left; margin-top: 0; margin-bottom: 0; padding-left: 25px } .approach-year-line { position: absolute; top: -12px; left: -8px } .approach-year-line .dot { margin-left: -8px } .approach-year-line::before { display: none } .block-stripe { padding: 15px 25px; padding-right: 0 } .freeze-table { overflow-y: auto } .freeze-table .performance-table { min-width: 550px } } @media(max-width:610px) { .mt60.mb120 .col { max-width: 33%; flex-basis: auto; margin-bottom: 20px } #five-blocks .col { max-width: 50%; flex-basis: auto; margin-bottom: 20px } } @media(max-width:575px) { .tablepress tfoot th, .tablepress thead th, .tablepress2 thead th { font-size: 12px; line-height: 12px } .tablepress tbody td, .tablepress tfoot th, .tablepress2 tbody td { font-size: 11px } .tablepress tbody td, .tablepress th, .tablepress2 tbody td { padding: 8px 2px; text-align: center } .tablepress thead th { padding: 8px 0 } .tablepress2 thead th { padding: 8px 4px; text-align: center } .performance-block-text, .supplier-block-text, .supply-chain-block-text, .p, p.author { margin-bottom: 12px; font-size: 14px; line-height: 21px } .performance-block-text, .supplier-block-text, .supply-chain-block-text, p.author { margin-bottom: 0 } ol.ul-gray-ul li, ol.ul-gray-ul li a, ul.ul-gray-ul li, ul.ul-gray-ul li a, ul.ul-gray-ul.v2 li, ul.ul-gray-ul.v2 li a, ul.ul-gray-ul.v2 li p { font-size: 14px; line-height: 21px } ul.ul-gray-ul.v3 { padding-left: .5em } section.information a, section.information-padding-60 a { font-weight: 400; font-size: 14px; line-height: 21px } .title-orange, .titleh3, p.titlep { font-size: 18px } .mt250 { margin-top: 90px } .mt60.mb120 { margin-left: 10px } ol.ul-gray-ul, ul.ul-gray-ul { padding-left: 0 } ul.ul-gray-ul li { font-size: 14px; line-height: 20px } ul.ul-gray-ul li a { font-size: 14px; line-height: 20px } .view-button { line-height: 24px; padding: 15px 18px } a.view-button { font-size: 15px; line-height: 24px } .info-img-block p:last-child { margin-bottom: 15px } .border-gray-block.first { margin-top: 0 } .border-gray-block { margin-top: 15px; min-height: 65px; padding: 15px } .block-materials { padding: 20px; color: #fff; margin-top: 15px; min-height: 40px } .in_house .block-materials { min-height: 40px } .block-material-number { font-size: 30px; line-height: .8em; margin-bottom: 5px } .block-climate-border, .risk-managent-block { margin-bottom: 15px; min-height: 100px } .climate-button { margin-top: 20px } .mt15575 { margin-top: 15px } .contact-block, .supplier-page-gray-block, .supply-training-block { padding: 20px } .supply-training-block { margin-bottom: 15px; min-height: 50px } .performance-block-img { margin-right: 15px } .reviewssus { text-align: center } .glance .oval-text p.smalls { display: none } .glance p.smalls.visib575 { color: #222; font-size: 14px; line-height: 16px; text-align: center; margin-top: 6px; display: block } } @media(max-width:480px) { .intros-header { background-position: 90% 0 } section.information, section.information-padding-60 { padding: 30px 0 } .titleh1 { font-size: 32px; line-height: 32px } .titleh5 { font-size: 32px } .title-orange, .titleh3, p.titlep { font-size: 17px } .mt60.mb120 .col { max-width: 50%; margin-bottom: 20px } .ul-title-index { font-size: 17px; line-height: 22px } .mt60.mb120 { margin-left: 0 } #five-blocks .col { max-width: 100%; flex-basis: auto; margin-bottom: 20px } #five-blocks .glance .col { max-width: 50% } .oval-text { font-size: 25px; line-height: 30px } .supply-chain-colours { margin-bottom: 15px; min-height: 50px } } @media(max-width:375px) { .tablepress tfoot th, .tablepress thead th { font-size: 11px; line-height: 11px } .tablepress tbody td, .tablepress tfoot th { font-size: 10px } .tablepress tbody td, .tablepress th { padding: 6px 1px; text-align: center } .tablepress thead th { padding: 6px 0 } } .fast-links { margin: 35px 0 } .fast-links p { margin-bottom: 10px; line-height: 13px; font-size: 13px } .fast-links p a { font-size: 13px; line-height: 13px } .notes-small { margin-top: 35px } p.small { font-size: 12px; line-height: 18px; margin-bottom: 10px; color: #222 } p.small a { font-size: 12px; line-height: 18px } p.small:last-child { margin-bottom: 0 } .table-eccn td { font-size: 14px; line-height: 1.5em; color: #494949; text-align: center } .table-eccn td a { font-size: 14px; line-height: 1.5em; font-weight: 400 } .table-eccn td, .table-eccn th, table.table-eccn { border-collapse: collapse; border: 1px solid #bcbcbc } .table-eccn tbody tr td { padding-right: 3px  !important; padding-left: 3px  !important } @media(max-width:991px) { .table-eccn td { font-size: 12px; line-height: 1.2em } .table-eccn td a { font-size: 12px; line-height: 1.2em } .table-eccn-over { overflow: auto  !important } } #arvr, #longscroll-subseries, .brandCampaign .brand-feature-stack-wrapper, .brandCampaign .hero-banner, .headerimg, .headerimgbig, .intros, .intros-header, .mainContent, .promo { margin-top: 0  !important } .masthead { margin-bottom: 75px } @media(max-width:1227px) { .masthead { margin-bottom: 0 } } @media(max-width:1178) { .masthead { margin-bottom: 75px } } @media(max-width:1060px) { .masthead { margin-bottom: 60px } } img.dcp { width: 60%; margin: 30px 0 } img.gfa { width: 200px; margin-top: 50px } .msaMastheadPage header.a2a_kit { height: 38px } .menu-inner { background-color: rgba(255, 255, 255, .2); padding: 0  !important; margin: 0  !important; height: 40px; border-top: 2px solid #f3f3f3; position: absolute; display: block; width: 100vw; top: 0; z-index: 1 } .menu-nav ul { list-style: none; margin: 0; padding: 0 } .menu-nav ul li { border-right: 1px solid rgba(255, 255, 255, .5); width: 50% } .menu-nav ul:hover li { background: #eee } .menu-nav ul:hover li a.title-li { color: #ababab; text-shadow: unset  !important } .menu-nav ul li a.title-li, .menu-nav ul li span.title-li { padding: 10px 0; text-align: center; font-size: 18px; line-height: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.3px; cursor: pointer } .menu-nav ul li li { border-right: 0; width: 100%; padding: 0; text-align: left } .menu-nav ul:hover li li { background: 0 } .menu-nav ul li:last-child { border-right: 0 } .menu-nav ul li a, .menu-nav ul li span { color: #fff; position: relative } .menu-nav ul li.hovered a, .menu-nav ul li.hovered span { text-decoration: none; background: #fff; color: #060 } #menu ul { list-style: none; margin: 0; padding: 0 } #menu>ul>li { float: left; z-index: 20 } #menu>ul>li:hover { color: #060; text-shadow: none  !important } #menu>ul>li>a, #menu>ul>li>span { text-decoration: none; display: block; z-index: 6; position: relative; text-shadow: 0 0 7px rgba(0, 0, 0, .7) } #menu>ul>li.regtab2>a:hover, #menu>ul>li.regtab2>span:hover { background-color: #fff; color: #060 } #menu>ul>li.regtab1>a:hover, #menu>ul>li.regtab2>span:hover { background-color: #fff; color: #060 } #menu>ul>li.regtab>a:hover, #menu>ul>li.regtab>span:hover { background-color: #fff; color: #060 } #menu>ul>li.hovered>a, #menu>ul>li.hovered>span { background-color: #fff; color: #060 } #menu>ul>li>div { display: none } #menu>ul>li.hovered>div { display: table; position: absolute; background: #fff; z-index: 5; padding: 20px 0; left: 0; width: 100%; min-height: 220px; box-shadow: 0 4px 6px rgba(0, 0, 0, .3) } #menu .ul-title-index { color: #060; font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 10px } #menu ul.ul-index { margin: 0; padding: 0 } #menu ul.ul-index li { list-style: none } #menu ul.ul-index li a { color: #222; font-size: 15px; line-height: 24px; position: relative } #menu ul.ul-index li a:hover { text-decoration: underline } #menu ul.ul-index li ul li { list-style: none; position: relative; padding: 4px 15px; line-height: 16px } #menu ul.ul-index li ul li a { color: #222; font-size: 13px  !important; line-height: 16px } .button-close-menu-top, .navigation-to-homepage { display: none } @media(max-width:1560px) { #menu>ul>li:hover>div { padding-left: 115px } } @media(max-width:1280px) { #menu>ul>li:hover>div { padding-left: 95px } } @media(max-width:1024px) { #menu>ul>li:hover>div { padding-left: 75px } .button-close-menu-top { display: block; margin-bottom: 10px; margin-top: 20px; margin-left: -75px; color: #222  !important; font-size: 16px } .navigation-to-homepage { display: block; margin-bottom: 20px; margin-top: 10px; margin-left: -75px; color: #222  !important; font-size: 16px } .button-close-menu-top a, .navigation-to-homepage a { color: #222  !important; font-size: 16px } } @media(max-width:930px) { #menu>ul>li:hover>div { padding-left: 40px } .button-close-menu-top { display: block; margin-bottom: 10px; margin-left: -40px } .navigation-to-homepage { display: block; margin-left: -40px } } @media(max-width:768px) { #menu .ul-title-index { font-size: 18px; line-height: 25px } #menu ul.ul-index li a { font-size: 14px  !important; line-height: 22px } } @media(max-width:610px) { #menu .col { max-width: 33%; flex-basis: auto; margin-bottom: 20px } } @media(max-width:575px) { .menu-nav ul li a.title-li, .menu-nav ul li span.title-li { padding: 11px 0; font-size: 16px; line-height: 16px } #menu>ul>li:hover>div { padding-left: 25px } .button-close-menu-top { display: block; margin-bottom: 10px; margin-left: -25px; margin-top: 0 } .navigation-to-homepage { margin-left: -25px } } @media(max-width:480px) { #menu .col { max-width: 50%; margin-bottom: 20px } #menu .ul-title-index { font-size: 17px; line-height: 22px } #menu>ul>li:hover>div { padding-left: 15px } .button-close-menu-top { display: block; margin-bottom: 10px; margin-left: -15px } .navigation-to-homepage { margin-left: -15px } } #menu ul.sub-nav { display: none } #menu ul.visible { display: block } .parent i { display: inline-block; position: absolute; left: -15px; top: 0 } #menu ul.ul-index li.parent { padding-left: 15px; position: relative } #lenovo-tabs .nav { min-height: 10px; height: 100%; max-height: 40px; display: flex; justify-content: center; } #lenovo-tabs .tab-pane { outline: 0 } #lenovo-tabs .clear { clear: both; height: 0; font-size: 0; line-height: 0 } #lenovo-tabs .nav-tabs { border-bottom: 1px solid #0d5c91 } #lenovo-tabs .show { display: block  !important; opacity: 1  !important } #lenovo-tabs .nav-tabs>li>a { border: 0; border-radius: 0; line-height: 20px; margin-right: 0; display: block; padding: 10px 16px; position: relative; font-size: 16px; font-weight: 600 } #lenovo-tabs .nav-tabs>li>a:hover { background: #0d5c91; color: #fff; text-decoration: none } #lenovo-tabs .nav-tabs>li>a.active { background: #0d5c91; color: #fff } #lenovo-tabs ul.datasheets img { margin-right: 3px } #lenovo-tabs .titleh3.firsttab { margin-top: 35px } #lenovo-tabs .eco { width: 50%; float: left; line-height: 13px; padding: 7px 0 1px } #lenovo-tabs .pcf { width: 50%; float: left; line-height: 13px; padding: 9px 0 1px } ul.datasheets { margin: 0; padding: 0 } .clear, ul.datasheets:after { clear: both; height: 0; font-size: 0; line-height: 0 } ul.datasheets li { list-style: none; padding-left: 10px; border-bottom: 1px solid #eee; margin: 5px 0; padding-bottom: 2px; clear: both } ul.datasheets li a { font-size: 13px  !important } .eco-title { padding-bottom: 30px; font-size: 15px; line-height: 18px; font-weight: 700 } .eco-title .eco, .eco-title .pcf { line-height: 18px } @media(max-width:768px) { #lenovo-tabs .nav-tabs>li { width: auto; margin: 0 } #lenovo-tabs .nav-tabs>li>a { padding: 5px 15px; text-align: center } .fast-links { margin: 25px 0 } .titleh3.firsttab { margin-top: 25px } } @media(max-width:575px) { ul.datasheets li { padding-left: 0 } .eco-title { padding-bottom: 20px } } #lenovo-tabs .nav-tabs { border-bottom: 0 } #lenovo-tabs .nav-tabs>li>a { text-transform: uppercase; color: #222; font-size: 16px; opacity: .65; line-height: 20px; padding: 10px 12px; border-bottom: 2px solid #f2f2f2 } #lenovo-tabs .nav-tabs>li>a:hover { border-bottom: 2px solid #0d5c91; background: 0; color: #222; opacity: 1 } #lenovo-tabs .nav-tabs>li>a.active { background: 0; color: #222; border-bottom: 2px solid #0d5c91; opacity: 1; font-size: 16px; line-height: 20px; font-weight: 400 } @media(max-width:1091px) { #lenovo-tabs .nav-tabs>li>a { padding: 10px 12px } } @media(max-width:850px) { #lenovo-tabs .nav-tabs>li>a { padding: 10px 10px } } /*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */@-ms-viewport { width: device-width } html { box-sizing: border-box; -ms-overflow-style: scrollbar } *, ::after, ::before { box-sizing: inherit } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media(min-width:576px) { .container { max-width: 540px } } @media(min-width:768px) { .container { max-width: 720px } } @media(min-width:992px) { .container { max-width: 960px } } @media(min-width:1200px) { .container { max-width: 1140px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } @media(min-width:576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @media(min-width:768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @media(min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } @media(min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } .d-none { display: none  !important } .d-inline { display: inline  !important } .d-inline-block { display: inline-block  !important } .d-block { display: block  !important } .d-table { display: table  !important } .d-table-row { display: table-row  !important } .d-table-cell { display: table-cell  !important } .d-flex { display: -ms-flexbox  !important; display: flex  !important } .d-inline-flex { display: -ms-inline-flexbox  !important; display: inline-flex  !important } @media(min-width:576px) { .d-sm-none { display: none  !important } .d-sm-inline { display: inline  !important } .d-sm-inline-block { display: inline-block  !important } .d-sm-block { display: block  !important } .d-sm-table { display: table  !important } .d-sm-table-row { display: table-row  !important } .d-sm-table-cell { display: table-cell  !important } .d-sm-flex { display: -ms-flexbox  !important; display: flex  !important } .d-sm-inline-flex { display: -ms-inline-flexbox  !important; display: inline-flex  !important } } @media(min-width:768px) { .d-md-none { display: none  !important } .d-md-inline { display: inline  !important } .d-md-inline-block { display: inline-block  !important } .d-md-block { display: block  !important } .d-md-table { display: table  !important } .d-md-table-row { display: table-row  !important } .d-md-table-cell { display: table-cell  !important } .d-md-flex { display: -ms-flexbox  !important; display: flex  !important } .d-md-inline-flex { display: -ms-inline-flexbox  !important; display: inline-flex  !important } } @media(min-width:992px) { .d-lg-none { display: none  !important } .d-lg-inline { display: inline  !important } .d-lg-inline-block { display: inline-block  !important } .d-lg-block { display: block  !important } .d-lg-table { display: table  !important } .d-lg-table-row { display: table-row  !important } .d-lg-table-cell { display: table-cell  !important } .d-lg-flex { display: -ms-flexbox  !important; display: flex  !important } .d-lg-inline-flex { display: -ms-inline-flexbox  !important; display: inline-flex  !important } } @media(min-width:1200px) { .d-xl-none { display: none  !important } .d-xl-inline { display: inline  !important } .d-xl-inline-block { display: inline-block  !important } .d-xl-block { display: block  !important } .d-xl-table { display: table  !important } .d-xl-table-row { display: table-row  !important } .d-xl-table-cell { display: table-cell  !important } .d-xl-flex { display: -ms-flexbox  !important; display: flex  !important } .d-xl-inline-flex { display: -ms-inline-flexbox  !important; display: inline-flex  !important } } @media print { .d-print-none { display: none  !important } .d-print-inline { display: inline  !important } .d-print-inline-block { display: inline-block  !important } .d-print-block { display: block  !important } .d-print-table { display: table  !important } .d-print-table-row { display: table-row  !important } .d-print-table-cell { display: table-cell  !important } .d-print-flex { display: -ms-flexbox  !important; display: flex  !important } .d-print-inline-flex { display: -ms-inline-flexbox  !important; display: inline-flex  !important } } .flex-row { -ms-flex-direction: row  !important; flex-direction: row  !important } .flex-column { -ms-flex-direction: column  !important; flex-direction: column  !important } .flex-row-reverse { -ms-flex-direction: row-reverse  !important; flex-direction: row-reverse  !important } .flex-column-reverse { -ms-flex-direction: column-reverse  !important; flex-direction: column-reverse  !important } .flex-wrap { -ms-flex-wrap: wrap  !important; flex-wrap: wrap  !important } .flex-nowrap { -ms-flex-wrap: nowrap  !important; flex-wrap: nowrap  !important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse  !important; flex-wrap: wrap-reverse  !important } .flex-fill { -ms-flex: 1 1 auto  !important; flex: 1 1 auto  !important } .flex-grow-0 { -ms-flex-positive: 0  !important; flex-grow: 0  !important } .flex-grow-1 { -ms-flex-positive: 1  !important; flex-grow: 1  !important } .flex-shrink-0 { -ms-flex-negative: 0  !important; flex-shrink: 0  !important } .flex-shrink-1 { -ms-flex-negative: 1  !important; flex-shrink: 1  !important } .justify-content-start { -ms-flex-pack: start  !important; justify-content: flex-start  !important } .justify-content-end { -ms-flex-pack: end  !important; justify-content: flex-end  !important } .justify-content-center { -ms-flex-pack: center  !important; justify-content: center  !important } .justify-content-between { -ms-flex-pack: justify  !important; justify-content: space-between  !important } .justify-content-around { -ms-flex-pack: distribute  !important; justify-content: space-around  !important } .align-items-start { -ms-flex-align: start  !important; align-items: flex-start  !important } .align-items-end { -ms-flex-align: end  !important; align-items: flex-end  !important } .align-items-center { -ms-flex-align: center  !important; align-items: center  !important } .align-items-baseline { -ms-flex-align: baseline  !important; align-items: baseline  !important } .align-items-stretch { -ms-flex-align: stretch  !important; align-items: stretch  !important } .align-content-start { -ms-flex-line-pack: start  !important; align-content: flex-start  !important } .align-content-end { -ms-flex-line-pack: end  !important; align-content: flex-end  !important } .align-content-center { -ms-flex-line-pack: center  !important; align-content: center  !important } .align-content-between { -ms-flex-line-pack: justify  !important; align-content: space-between  !important } .align-content-around { -ms-flex-line-pack: distribute  !important; align-content: space-around  !important } .align-content-stretch { -ms-flex-line-pack: stretch  !important; align-content: stretch  !important } .align-self-auto { -ms-flex-item-align: auto  !important; align-self: auto  !important } .align-self-start { -ms-flex-item-align: start  !important; align-self: flex-start  !important } .align-self-end { -ms-flex-item-align: end  !important; align-self: flex-end  !important } .align-self-center { -ms-flex-item-align: center  !important; align-self: center  !important } .align-self-baseline { -ms-flex-item-align: baseline  !important; align-self: baseline  !important } .align-self-stretch { -ms-flex-item-align: stretch  !important; align-self: stretch  !important } @media(min-width:576px) { .flex-sm-row { -ms-flex-direction: row  !important; flex-direction: row  !important } .flex-sm-column { -ms-flex-direction: column  !important; flex-direction: column  !important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse  !important; flex-direction: row-reverse  !important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse  !important; flex-direction: column-reverse  !important } .flex-sm-wrap { -ms-flex-wrap: wrap  !important; flex-wrap: wrap  !important } .flex-sm-nowrap { -ms-flex-wrap: nowrap  !important; flex-wrap: nowrap  !important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse  !important; flex-wrap: wrap-reverse  !important } .flex-sm-fill { -ms-flex: 1 1 auto  !important; flex: 1 1 auto  !important } .flex-sm-grow-0 { -ms-flex-positive: 0  !important; flex-grow: 0  !important } .flex-sm-grow-1 { -ms-flex-positive: 1  !important; flex-grow: 1  !important } .flex-sm-shrink-0 { -ms-flex-negative: 0  !important; flex-shrink: 0  !important } .flex-sm-shrink-1 { -ms-flex-negative: 1  !important; flex-shrink: 1  !important } .justify-content-sm-start { -ms-flex-pack: start  !important; justify-content: flex-start  !important } .justify-content-sm-end { -ms-flex-pack: end  !important; justify-content: flex-end  !important } .justify-content-sm-center { -ms-flex-pack: center  !important; justify-content: center  !important } .justify-content-sm-between { -ms-flex-pack: justify  !important; justify-content: space-between  !important } .justify-content-sm-around { -ms-flex-pack: distribute  !important; justify-content: space-around  !important } .align-items-sm-start { -ms-flex-align: start  !important; align-items: flex-start  !important } .align-items-sm-end { -ms-flex-align: end  !important; align-items: flex-end  !important } .align-items-sm-center { -ms-flex-align: center  !important; align-items: center  !important } .align-items-sm-baseline { -ms-flex-align: baseline  !important; align-items: baseline  !important } .align-items-sm-stretch { -ms-flex-align: stretch  !important; align-items: stretch  !important } .align-content-sm-start { -ms-flex-line-pack: start  !important; align-content: flex-start  !important } .align-content-sm-end { -ms-flex-line-pack: end  !important; align-content: flex-end  !important } .align-content-sm-center { -ms-flex-line-pack: center  !important; align-content: center  !important } .align-content-sm-between { -ms-flex-line-pack: justify  !important; align-content: space-between  !important } .align-content-sm-around { -ms-flex-line-pack: distribute  !important; align-content: space-around  !important } .align-content-sm-stretch { -ms-flex-line-pack: stretch  !important; align-content: stretch  !important } .align-self-sm-auto { -ms-flex-item-align: auto  !important; align-self: auto  !important } .align-self-sm-start { -ms-flex-item-align: start  !important; align-self: flex-start  !important } .align-self-sm-end { -ms-flex-item-align: end  !important; align-self: flex-end  !important } .align-self-sm-center { -ms-flex-item-align: center  !important; align-self: center  !important } .align-self-sm-baseline { -ms-flex-item-align: baseline  !important; align-self: baseline  !important } .align-self-sm-stretch { -ms-flex-item-align: stretch  !important; align-self: stretch  !important } } @media(min-width:768px) { .flex-md-row { -ms-flex-direction: row  !important; flex-direction: row  !important } .flex-md-column { -ms-flex-direction: column  !important; flex-direction: column  !important } .flex-md-row-reverse { -ms-flex-direction: row-reverse  !important; flex-direction: row-reverse  !important } .flex-md-column-reverse { -ms-flex-direction: column-reverse  !important; flex-direction: column-reverse  !important } .flex-md-wrap { -ms-flex-wrap: wrap  !important; flex-wrap: wrap  !important } .flex-md-nowrap { -ms-flex-wrap: nowrap  !important; flex-wrap: nowrap  !important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse  !important; flex-wrap: wrap-reverse  !important } .flex-md-fill { -ms-flex: 1 1 auto  !important; flex: 1 1 auto  !important } .flex-md-grow-0 { -ms-flex-positive: 0  !important; flex-grow: 0  !important } .flex-md-grow-1 { -ms-flex-positive: 1  !important; flex-grow: 1  !important } .flex-md-shrink-0 { -ms-flex-negative: 0  !important; flex-shrink: 0  !important } .flex-md-shrink-1 { -ms-flex-negative: 1  !important; flex-shrink: 1  !important } .justify-content-md-start { -ms-flex-pack: start  !important; justify-content: flex-start  !important } .justify-content-md-end { -ms-flex-pack: end  !important; justify-content: flex-end  !important } .justify-content-md-center { -ms-flex-pack: center  !important; justify-content: center  !important } .justify-content-md-between { -ms-flex-pack: justify  !important; justify-content: space-between  !important } .justify-content-md-around { -ms-flex-pack: distribute  !important; justify-content: space-around  !important } .align-items-md-start { -ms-flex-align: start  !important; align-items: flex-start  !important } .align-items-md-end { -ms-flex-align: end  !important; align-items: flex-end  !important } .align-items-md-center { -ms-flex-align: center  !important; align-items: center  !important } .align-items-md-baseline { -ms-flex-align: baseline  !important; align-items: baseline  !important } .align-items-md-stretch { -ms-flex-align: stretch  !important; align-items: stretch  !important } .align-content-md-start { -ms-flex-line-pack: start  !important; align-content: flex-start  !important } .align-content-md-end { -ms-flex-line-pack: end  !important; align-content: flex-end  !important } .align-content-md-center { -ms-flex-line-pack: center  !important; align-content: center  !important } .align-content-md-between { -ms-flex-line-pack: justify  !important; align-content: space-between  !important } .align-content-md-around { -ms-flex-line-pack: distribute  !important; align-content: space-around  !important } .align-content-md-stretch { -ms-flex-line-pack: stretch  !important; align-content: stretch  !important } .align-self-md-auto { -ms-flex-item-align: auto  !important; align-self: auto  !important } .align-self-md-start { -ms-flex-item-align: start  !important; align-self: flex-start  !important } .align-self-md-end { -ms-flex-item-align: end  !important; align-self: flex-end  !important } .align-self-md-center { -ms-flex-item-align: center  !important; align-self: center  !important } .align-self-md-baseline { -ms-flex-item-align: baseline  !important; align-self: baseline  !important } .align-self-md-stretch { -ms-flex-item-align: stretch  !important; align-self: stretch  !important } } @media(min-width:992px) { .flex-lg-row { -ms-flex-direction: row  !important; flex-direction: row  !important } .flex-lg-column { -ms-flex-direction: column  !important; flex-direction: column  !important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse  !important; flex-direction: row-reverse  !important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse  !important; flex-direction: column-reverse  !important } .flex-lg-wrap { -ms-flex-wrap: wrap  !important; flex-wrap: wrap  !important } .flex-lg-nowrap { -ms-flex-wrap: nowrap  !important; flex-wrap: nowrap  !important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse  !important; flex-wrap: wrap-reverse  !important } .flex-lg-fill { -ms-flex: 1 1 auto  !important; flex: 1 1 auto  !important } .flex-lg-grow-0 { -ms-flex-positive: 0  !important; flex-grow: 0  !important } .flex-lg-grow-1 { -ms-flex-positive: 1  !important; flex-grow: 1  !important } .flex-lg-shrink-0 { -ms-flex-negative: 0  !important; flex-shrink: 0  !important } .flex-lg-shrink-1 { -ms-flex-negative: 1  !important; flex-shrink: 1  !important } .justify-content-lg-start { -ms-flex-pack: start  !important; justify-content: flex-start  !important } .justify-content-lg-end { -ms-flex-pack: end  !important; justify-content: flex-end  !important } .justify-content-lg-center { -ms-flex-pack: center  !important; justify-content: center  !important } .justify-content-lg-between { -ms-flex-pack: justify  !important; justify-content: space-between  !important } .justify-content-lg-around { -ms-flex-pack: distribute  !important; justify-content: space-around  !important } .align-items-lg-start { -ms-flex-align: start  !important; align-items: flex-start  !important } .align-items-lg-end { -ms-flex-align: end  !important; align-items: flex-end  !important } .align-items-lg-center { -ms-flex-align: center  !important; align-items: center  !important } .align-items-lg-baseline { -ms-flex-align: baseline  !important; align-items: baseline  !important } .align-items-lg-stretch { -ms-flex-align: stretch  !important; align-items: stretch  !important } .align-content-lg-start { -ms-flex-line-pack: start  !important; align-content: flex-start  !important } .align-content-lg-end { -ms-flex-line-pack: end  !important; align-content: flex-end  !important } .align-content-lg-center { -ms-flex-line-pack: center  !important; align-content: center  !important } .align-content-lg-between { -ms-flex-line-pack: justify  !important; align-content: space-between  !important } .align-content-lg-around { -ms-flex-line-pack: distribute  !important; align-content: space-around  !important } .align-content-lg-stretch { -ms-flex-line-pack: stretch  !important; align-content: stretch  !important } .align-self-lg-auto { -ms-flex-item-align: auto  !important; align-self: auto  !important } .align-self-lg-start { -ms-flex-item-align: start  !important; align-self: flex-start  !important } .align-self-lg-end { -ms-flex-item-align: end  !important; align-self: flex-end  !important } .align-self-lg-center { -ms-flex-item-align: center  !important; align-self: center  !important } .align-self-lg-baseline { -ms-flex-item-align: baseline  !important; align-self: baseline  !important } .align-self-lg-stretch { -ms-flex-item-align: stretch  !important; align-self: stretch  !important } } @media(min-width:1200px) { .flex-xl-row { -ms-flex-direction: row  !important; flex-direction: row  !important } .flex-xl-column { -ms-flex-direction: column  !important; flex-direction: column  !important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse  !important; flex-direction: row-reverse  !important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse  !important; flex-direction: column-reverse  !important } .flex-xl-wrap { -ms-flex-wrap: wrap  !important; flex-wrap: wrap  !important } .flex-xl-nowrap { -ms-flex-wrap: nowrap  !important; flex-wrap: nowrap  !important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse  !important; flex-wrap: wrap-reverse  !important } .flex-xl-fill { -ms-flex: 1 1 auto  !important; flex: 1 1 auto  !important } .flex-xl-grow-0 { -ms-flex-positive: 0  !important; flex-grow: 0  !important } .flex-xl-grow-1 { -ms-flex-positive: 1  !important; flex-grow: 1  !important } .flex-xl-shrink-0 { -ms-flex-negative: 0  !important; flex-shrink: 0  !important } .flex-xl-shrink-1 { -ms-flex-negative: 1  !important; flex-shrink: 1  !important } .justify-content-xl-start { -ms-flex-pack: start  !important; justify-content: flex-start  !important } .justify-content-xl-end { -ms-flex-pack: end  !important; justify-content: flex-end  !important } .justify-content-xl-center { -ms-flex-pack: center  !important; justify-content: center  !important } .justify-content-xl-between { -ms-flex-pack: justify  !important; justify-content: space-between  !important } .justify-content-xl-around { -ms-flex-pack: distribute  !important; justify-content: space-around  !important } .align-items-xl-start { -ms-flex-align: start  !important; align-items: flex-start  !important } .align-items-xl-end { -ms-flex-align: end  !important; align-items: flex-end  !important } .align-items-xl-center { -ms-flex-align: center  !important; align-items: center  !important } .align-items-xl-baseline { -ms-flex-align: baseline  !important; align-items: baseline  !important } .align-items-xl-stretch { -ms-flex-align: stretch  !important; align-items: stretch  !important } .align-content-xl-start { -ms-flex-line-pack: start  !important; align-content: flex-start  !important } .align-content-xl-end { -ms-flex-line-pack: end  !important; align-content: flex-end  !important } .align-content-xl-center { -ms-flex-line-pack: center  !important; align-content: center  !important } .align-content-xl-between { -ms-flex-line-pack: justify  !important; align-content: space-between  !important } .align-content-xl-around { -ms-flex-line-pack: distribute  !important; align-content: space-around  !important } .align-content-xl-stretch { -ms-flex-line-pack: stretch  !important; align-content: stretch  !important } .align-self-xl-auto { -ms-flex-item-align: auto  !important; align-self: auto  !important } .align-self-xl-start { -ms-flex-item-align: start  !important; align-self: flex-start  !important } .align-self-xl-end { -ms-flex-item-align: end  !important; align-self: flex-end  !important } .align-self-xl-center { -ms-flex-item-align: center  !important; align-self: center  !important } .align-self-xl-baseline { -ms-flex-item-align: baseline  !important; align-self: baseline  !important } .align-self-xl-stretch { -ms-flex-item-align: stretch  !important; align-self: stretch  !important } } .cc-targets { margin: 1em 0; padding: 1em; display: inline-flex; align-items: center; width: 100%; background: #060; box-shadow: 0 2px 5px rgba(0, 0, 0, .25) } .cc-targets img.icon { max-height: 125px } .cc-targets span { font-size: 20px; font-weight: 700; line-height: 1.25em; margin-left: 1em; color: #fff } @media(max-width:420px) { .cc-targets { align-items: flex-start } .cc-targets img.icon { max-height: 75px } .cc-targets span { font-size: 16px } } .containerCenter { margin-left: auto; margin-right: auto }