/* About Styles */
html {
  overflow-x: hidden;
}
body {
    color: #1F1E1F;
    font-size: 16px;
    /*font-size: 1.125em;*/ /* 18px */
    line-height: 1.66; /* 30px */
    background-color: #FFF;
    font-family: Lato;
    padding-right: 0 !important;
}

img{display: block;}
:focus{border: 2px solid #3E8DDD !important; outline: none;}

/*section a:focus{display: inline-block;}*/

.container  {
    max-width: 1140px !important;
}
.container.wide {
    max-width: 1340px !important;
}
#mainContent{
    width:100% !important;
}
.row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.row:before, .row:after {
    display: none;
}
a {
    color: #0D5C91;
    outline: 0;
}
a.more{color: #555; font-weight: bold;}
a.more.regular{font-weight: 400;}
p {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    font-size: 1.125em; /* 18px */
    line-height: 1.66; /* 30px */
}
p:last-child {
    margin-bottom: 0;
}

ul{padding-left: 1em;}
li{
    font-size: 1.125em; /* 18px */
    line-height: 1.66; /* 30px */
}

section {
    padding: 85px 0;
}
section.headerimg, section.inovation, section.choosesus, section.dualheadquarters, section.manufacturing, section#intro, section#diversity-slider {
    padding: 0;
}
.headerimg, .headerimgbig {
    width: 100%;
    height: 459px;
    position: relative;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center;
}
.headerimgbig {
    height: 600px;
}
.headerimg .intro-content, .headerimgbig .intro-content {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.header-who-we-are {
    background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-hero.jpg) 50% 50% no-repeat;
}
.header-history {
    background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-history-hero.jpg) 50% 50% no-repeat;
}
.header-innovation {
    background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-research-and-innovation-hero.jpg) 50% 50% no-repeat;
}
.header-businesses {
    background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-our-businesses-hero.jpg) 50% 50% no-repeat;
}
.header-social-impact {
    background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-hero.jpg) 50% 50% no-repeat;
}

.image-bg.d-and-i-community-subpage-haben{
    background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-community-subpage-haben-bkgd.jpg);
    background-position: 100% 50%;
}
@media (max-width: 425px) {
    .header-who-we-are {
        background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-hero-mobile.jpg);
    }
    .header-history {
        background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-history-hero-mobile.jpg);
    }
    .header-innovation {
        background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-research-and-innovation-hero-mobile.jpg);
    }
    .header-businesses {
        background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-our-businesses-hero-mobile.jpg);
    }
    .header-social-impact {
        background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-hero-mobile.jpg);
    }

    .image-bg.d-and-i-community-subpage-haben{
        background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-community-subpage-haben-bkgd-mobile.jpg);
        background-position: 50% 50%;
        padding: 240px 0 50px;
    }
}

h1 {
    font-size: 2.875em; /* 46px */
    font-weight: bold;
    line-height: 1; /* 46px */
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
h2 {
    font-size: 2em; /* 32px */
    font-weight: bold;
    line-height: 1.125; /* 36px */
    margin-bottom: 20px;
}
h3 {
    font-family: Lato;
    font-size: 1.5em; /* 24px */
    font-weight: bold;
    line-height: 1.33; /* 32px */
    margin-bottom: 20px;
    margin-top: 0;
}
h4 {
    font-family: Lato;
    font-size: 1.375em; /* 22px */
    font-weight: bold;
    line-height: 1.81; /* 40px */
    margin-bottom: 30px;
    margin-top: 0;
}
p.description {
    line-height: 1.57; /* 33px */
    font-size: 1.3125em; /* 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;
    height: 100%;
}
.blockcolor p, .blockcolor p a {
    color: #FFF;
    font-size: 1.25em; /* 20px */
}
.blockcolor2 {
    padding: 40px;
    margin-bottom: 6px;
    flex-direction: column;
}
.blockcolor2 p {
    color: #FFF;
    font-size: 1em; /* 16px */
}
.blockcolor2 p span {
    color: #FFF;
    font-size: 1.25em; /* 20px */
    font-weight: bold;
    line-height: 1.5; /* 30px */
}

/* Colours */
.orange {
    background-color: #FF6A00;
}
.blue {
    background-color: #3E8DDD;
}
.red {
    background-color: #E11400;
}
.gray {
    background-color: #485565;
}
.gray-diversity {
    background-color: #333F48;
}
.purple-diversity {
    background-color: #8246AF;
}
.grayback {
    background-color: #F2F2F2;
}
.pink {
    background-color: #F04187;
}
.lightgreen {
    background-color: #6AC304;
}
.lightblue {
    background-color: #46C8E1;
}
.white {
    color: #FFF !important;
}

/* Margin&Padding */
.mt6 {
    margin-top: 6px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mt60 {
    margin-top: 60px;
}
.mt75 {
    margin-top: 75px;
}
.mt100 {
    margin-top: 100px;
}
.mb20 {
    margin-bottom: 20px !important;
}

/* Hooks */
@media only screen and (min-width: 768px) {
    .row.flexs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: -6px;
        margin-right: -16px;
        margin-left: -16px;
        max-width: 100vw;
    }
    .row.flexs.justify-content-center.align-items-center.red {margin-top: 6px;}
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
}
.lastimgin {
    margin-bottom: -6px;
}
.align-items-center {
    align-items: center !important;
}
.justify-content-center {
    justify-content: center !important;
}

.no-padding {
    padding: 0!important;
}

.row-flex, .row-flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.row-flex-wrap {
    -webkit-flex-flow: row nowrap;
    align-content: flex-start;
    flex: 0;
}

/* DiversityPage */
.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: #000000;
    font-family: Lato;
    font-size: 1.375em; /* 22px */
    line-height: 1.5; /* 33px */
}
#big-text p:last-child {
    margin-bottom: 0;
}
#big-text p a {
    font-size: 1.375em; /* 22px */
    line-height: 1.5; /* 33px */
}

.block-awards {
    margin-bottom: 50px;
}
.block-awards:last-child {
    margin-bottom: 0;
}
.diversion-center-img {
    text-align: center;
}
.global-interprice-text {
    color: #FFFFFF;
    font-family: Lato;
    font-size: 1.5em; /* 24px */
    font-weight: bold;
    line-height: 1.33; /* 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,0.1);
}
.block-global-programs-shadows-text {
    padding: 20px 30px;
}

hr.global-programs-hr-line {
    margin: 0;
    border: 1px solid rgba(188,188,188,0.5);
}

p.quotes {
    font-style: italic;
}

/* Diversity nav */
.diversityNav {text-align: center; margin-top: 7px; font-size: 0.875em; /* 14px */}
.diversityNav a {margin: 7px 12px;}

/* InnovationPage */
.inpadtext {
    padding: 0 130px;
}
.inpadtext p.description {
    font-size: 1.375em; /* 22px */
    line-height: 1.5; /* 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;
}

/* LeadersPage */
.leaders .row {display: flex;}
.leaders .row-flex-wrap {
    -webkit-flex-flow: row nowrap;
    justify-content: center;
}
.leaderinformation {
    flex-direction: column;
    text-align: center;
    margin-bottom: 50px;
}
.leadersimg img {
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
}
.leadersname {
    color: #000000;
    font-size: 1.375em; /* 22px */
    line-height: 1.5; /* 33px */
    text-align: center;
    margin: 5px 0 10px;
}
.leaderswork {
    opacity: 0.55;
    color: #000000;
    font-size: 1.0625em; /* 17px */
    line-height: 1.29; /* 22px */
    text-align: center;
    min-height: 70px;
}
.leaderswork.min50 {
    min-height: 50px;
}
#dboard .leaderinformation {
    margin-bottom: 20px;
}

/* Media */
@media (max-width: 1260px) {
    .headerimg, .headerimgbig {
        margin-top: 0;
    }
}
@media (max-width: 1024px) {
    .blockcolor, .blockcolor2 {
        padding: 35px 15px 40px;
    }
    .leaderinformation {
        margin-bottom: 60px;
    }
    .leaderswork {
        font-size: 0.9375em; /* 15px */
        line-height: 1.4; /* 21px */
    }
    .leaders .row {
        margin-left: 20px;
        margin-right: 20px;
    }
    .headerimgwho {background-position: right;}
    .headerimg .intro-content {background-color: rgba(0,0,0,0.1);}
    .headerimg .intro-content h1, .headerimg .intro-content p {color: #fff;text-shadow: 0 0 10px #000;}
    .global-interprice-text {
        padding: 100px 29px;
    }
}
@media (max-width: 991px) {
    .leaderswork {
        min-height: 0;
    }
    section {
        padding: 65px 0;
    }
    h2 {
        margin-bottom: 20px;
    }
    .headerimg p.description span {
        display: inline;
    }
    .inpadtext {
        padding: 0 25px;
    }
    .leadersname {
        line-height: 1.625em; /* 26px */
        font-size: 1.625; /* 16px */
    }
    a {
        font-size: 1em; /* 16px */
    }
}
@media (max-width: 768px) {
    section {
        padding: 45px 0;
    }
    h1 {
        line-height: 1; /* 40px */
        font-size: 2.5em; /* 40px */
    }
    h2 {
        font-size: 1; /* 28px */
        line-height: 1.75em; /* 28px */
    }
    p.description, .contact-box-name, .contact-box-name-city {
        line-height: 1.4; /* 28px */
        font-size: 1.25em; /* 20px */
    }
    .mainheadquarters .contact-box-name {
        text-align: left;
        margin-left: 0;
    }
    p {
        margin-bottom: 12px;
        font-size: 0.9375em; /* 15px */
        line-height: 1.53; /* 23px */
    }
    #big-text p {
        font-size: 1.0625em; /* 17px */
        line-height: 1.35; /* 23px */
        margin-bottom: 20px;
    }
    #big-text p a {
        font-size: 1.0625em; /* 17px */
        line-height: 1.35; /* 23px */
    }
    a {
        font-size: 0.9375em; /* 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, 0.20);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    #locations .row-flex, .row-flex > div[class*='col-'] {
        display: block;
    }
    .mt40 {
        margin-top: 20px;
    }
    .mt75 {
        margin-top: 50px;
    }
    h2 {
        font-size: 1.5625em; /* 25px */
        line-height: 1.2; /* 30px */
    }
    h3 {
        font-size: 1.375em; /* 22px */
        line-height: 1.18; /* 26px */
    }
    .global-interprice-text {
        font-size: 1.375em; /* 22px */
        line-height: 1.18; /* 26px */
        padding: 50px 20px;
    }
    h4 {
        font-size: 1.25em; /* 20px */
        line-height: 1.18; /* 26px */
    }
    .mt30768 {
        margin-top: 40px;
    }
    .mt20768 {
        padding-top: 20px;
    }

    .col-xs-hide{display: none;}

}
@media (max-width: 767px) {
    .leaderswork {
        padding: 0 20px;
    }
    .leadersname {
        line-height: 1.4; /* 28px */
        font-size: 1.25em; /* 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: none;
    }
    #locations .row.mt15 [class*="col-"]:nth-child(3n) {
        border-right: 6px solid #FFF;
    }
    #locations .row-flex-wrap, #whoweare .row-flex-wrap {
        -webkit-flex-flow: column wrap;
    }
}
@media (max-width: 640px) {
    .leaders .row {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media (max-width: 575px) {
    .leaderswork {
        padding: 0;
    }
    #locations .row-flex, .row-flex > div[class*='col-'] {
        display: flex;
    }
    #locations .row.mt15 [class*="col-"] {
        border-right: none;
    }
    #locations .col-xs-6, .mainheadquarters .col-xs-6, .dualheadquarters .col-xs-6, .research .col-xs-6, .manufacturing .col-xs-6, .salescenter .col-xs-6 {
        width: 100%;
        float: none;
    }
    #locations .row.mt15 [class*="col-"]:nth-child(3n) {
        border-right: none;
    }
    .contact-box {
        padding: 25px 15px 20px 25vw;
    }
    .firstcontactblock {width: 100%;}
    .firstcontactblock p.adress:before, .firstcontactblock p.phone:before {left: -10vw;}
    p.adress:before, p.phone:before {
        left: 15vw;
    }
    .mt75 {
        margin-top: 40px;
    }
    .mt30768 {
        margin-top: 30px;
    }
    h2 {
        font-size: 1.5em; /* 24px */
        line-height: 1.16; /* 28px */
    }
    h3 {
        font-size: 1.25em; /* 20px */
        line-height: 1.2; /* 24px */
        margin-bottom: 15px;
    }
    h4 {
        font-size: 1.125em; /* 18px */
        line-height: 1.33; /* 24px */
        margin-bottom: 15px;
    }
    .block-awards {
	    margin-bottom: 40px;
	}
}
@media (max-width: 480px) {
    section {
        padding: 35px 0;
    }
    h1 {
        line-height: 1; /* 35px */
        font-size: 2.1875em; /* 35px */
    }
    h2 {
        font-size: 1; /* 25px */
        line-height: 1.5625em; /* 25px */
    }
    p.description, .inpadtext p.description, .contact-box-name, .contact-box-name-city, .leadersname {
        line-height: 1.44; /* 26px */
        font-size: 1.125em; /* 18px */
    }
    p {
        font-size: 0.875em; /* 14px */
        line-height: 1.5; /* 21px */
    }
    #big-text p {
        font-size: 1em; /* 16px */
        line-height: 1.43; /* 23px */
        margin-bottom: 20px;
    }
    #big-text p a {
        font-size: 1em; /* 16px */
        line-height: 1.43; /* 23px */
    }
    a {
        font-size: 0.875em; /* 14px */
    }
    .reviewsimg img {
        max-height: 175px;
    }
    .contact-box-name, .contact-box-name-city {
        margin-bottom: 20px;
    }
    .leadersname {
        line-height: 1.6; /* 24px */
        font-size: 0.9375em; /* 15px */
    }
}

/* Adjust Old Masthead */
.masthead {margin-bottom: 75px;}
@media (max-width: 1227px) {
  .masthead {margin-bottom: 0px;}
}
@media (max-width: 1178) {
  .masthead {margin-bottom: 75px;}
}
@media (max-width: 1060px) {
  .masthead {margin-bottom: 60px;}
}

/* About Styles 2021 */
.blocks{display: flex;}
.blocks [class*="col-"]{margin-bottom: 30px;}
.blocks .gradient-1{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-small-horizontal-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover;}
.blocks .gradient-2{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-small-vertical-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover;}
.blocks .gradient-3{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-small-diagonal-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover;}

.blocks .gradient-blue{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-dcg-offerings-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover;}
.blocks .gradient-green{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-dcg-offerings-green-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover;}

.blocks .gradient-large-1{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-large-horizontal-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover;}
.blocks .gradient-large-2{background: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-who-we-are-large-vertical-blue-gradient-bkgd.jpg) 50% 50% no-repeat; background-size: cover;}

.blocks .bg-image{background-position: 50%; background-repeat: no-repeat; background-size: cover;}

.blockcolor h2, .blockcolor h3, .blockcolor h4{color: #fff;}
.blockcolor a{font-weight: bold;}

.block-large, .block-large p, .block-large p a{font-size: 1.125em; line-height: 1.66; /* 30px */}

.box{border: 1px solid #949494; padding: 30px; position: relative; margin-bottom: 30px;}
.box img{display: block;}
.border-left-gradient:before{content: ''; position: absolute; top: 0; left: -1px; bottom: 0; width: 5px; background: transparent linear-gradient(180deg, #0D5C91 0%, #4C1984 100%) 0% 0% no-repeat;}
.border-left-gradient.color-1:before{background: transparent linear-gradient(180deg, #007F01 0%, #0C5C8F 100%) 0% 0% no-repeat;}
.border-left-gradient.color-2:before{background: transparent linear-gradient(180deg, #9B1058 0%, #5B187C 100%) 0% 0% no-repeat;}
.border-left-gradient.color-3:before{background: transparent linear-gradient(180deg, #187D91 0%, #0D5C91 100%) 0% 0% no-repeat;}
.border-left-gradient.color-4:before{background: transparent linear-gradient(180deg, #C34300 0%, #B30E00 100%) 0% 0% no-repeat;}
.border-left-gradient.color-5:before{background: transparent linear-gradient(180deg, #52595D 0%, #0D1012 100%) 0% 0% no-repeat;}

@media only screen and (max-width: 991px) {
    .box.border-left-gradient{text-align: center;}
    .box.border-left-gradient img{margin: 0 auto;}
}

.link-tile{margin-bottom: 24px;}
.link-tile a{display: flex; align-items: center;}
.link-tile a .link-overlay{position: absolute; padding: 20px; font-size: 1.375em; /* 22px */ font-weight: bold; color: #fff;}
.link-tile img{width: 100%;}

.row.mx-6{margin-left: -3px; margin-right: -3px;}
.row.mx-6 > [class*="col-"]{padding-left: 3px; padding-right: 3px;}

.row.mx-10{margin-left: -5px; margin-right: -5px;}
.row.mx-10 > [class*="col-"]{padding-left: 5px; padding-right: 5px;}

.row.mx-20{margin-left: -10px; margin-right: -10px;}
.row.mx-20 > [class*="col-"]{padding-left: 10px; padding-right: 10px;}

.row.mx-50{margin-left: -25px; margin-right: -25px;}
.row.mx-50 > [class*="col-"]{padding-left: 25px; padding-right: 25px;}

.row.mx-60{margin-left: -30px; margin-right: -30px;}
.row.mx-60 > [class*="col-"]{padding-left: 30px; padding-right: 30px;}

.row.mx-100{margin-left: -50px; margin-right: -50px;}
.row.mx-100 > [class*="col-"]{padding-left: 50px; padding-right: 50px;}

.tab-style-nav{float: left; width: 100%; border-bottom: 1px solid #0D5C91; margin-bottom: 60px;}
.tab-style-nav ul{float: left; margin: 0; padding: 0; list-style: none;}
.tab-style-nav ul li{float: left;}
.tab-style-nav ul li.active{background-color: #0D5C91; border: 2px solid #0D5C91;}
.tab-style-nav ul li a{padding: 0px 20px; color: #0D5C91;}
.tab-style-nav ul li.active a{color: #fff;}

.tab-style-nav.center{overflow:hidden; position:relative;}
.tab-style-nav.center ul{clear:left; float:left; position:relative; left:50%; text-align:center;}
.tab-style-nav.center ul li{display:block; float:left; position:relative; right:50%;}

@media only screen and (max-width: 480px) {
    .tab-style-nav ul li a{padding: 0 10px;}
}

.image-background, .image-bg{background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center; padding: 100px 0; min-height: 500px; display: flex; align-items: center;}

.font-white, .font-white p, .font-white h1, .font-white h2, .font-white h3, .font-white h4, .font-white a{color: #fff;}
.font-white a{font-weight: bold;}
.font-white a.regular{font-weight: 400;}

.font-large, .font-large p{font-size: 1.375em; line-height: 1.5; /* 33px */}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text-center{text-align: center;}
.text-center img{margin-left: auto; margin-right: auto;}

.awards{text-align: center;}
.awards [class*="col-"]{display: flex; flex-flow: column; justify-content: space-between; margin-bottom: 50px;}
.awards a{height: 70%; display: flex; align-items: center;}
.awards p{height: calc(30% - 30px);}
.awards img{margin: 0 auto 30px; transition: all 0.5s ease;}
.awards img:hover{transform: scale(1.05);}

.partners{text-align: center;}
.partners [class*="col-"]{display: flex; flex-flow: column; justify-content: space-between; margin-bottom: 50px;}
.partners a{height: 70%; display: flex; align-items: center;}
.partners p{height: calc(30% - 30px);}
.partners img{margin: 0 auto;}

/* Modal */
.lity{background-color: #7D7D7D;}
.lity-content{max-width: calc(100vw - 200px); /*max-height: calc(100vh - 100px);*/ overflow: scroll; background: #fff;}
.lity-content:after{box-shadow: none;}
.lity-content .text-content{background: #fff; padding: 0 15px; max-width: 1340px; outline: none;}
.lity-content .text-content [class*="col-"]{padding: 55px 75px;}

@media only screen and (max-width: 992px) {
    .lity-content{max-width: calc(100vw - 20px);}
    .lity-content .text-content [class*="col-"] {
        padding: 25px 25px;
    }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.lity-content::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.lity-content {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.bg-gradient-blue-vertical{background: transparent linear-gradient(180deg, #0D5C91 0%, #4C1984 100%) 0% 0% no-repeat;}

/* Slider */
.slick-slide{outline: none;}

.slick-arrow{position: absolute; top: 50%;}
.slick-prev{left: -150px;}
.slick-next{right: -150px;}

.rss-slider .slick-prev{left: -100px;}
.rss-slider .slick-next{right: -100px;}

.slick-arrow{background: none; border: none; width: 50px; height: 50px; text-align: center; margin: -25px 0 0; padding: 0; outline: none;}
.slick-arrow i{font-size: 50px;}

.slick-slide{margin: 0 15px;}
.slick-list{margin: 0 -15px;}

.slick-track{display: flex !important; margin-bottom: 50px;}
.slick-slide{height: inherit !important;}

.slick-dots{margin: 0 auto -40px; padding: 0; list-style: none; text-align: center;}
.slick-dots li{display: inline-block; margin-bottom: 40px;}
.slick-dots li::marker{display: none;}
.slick-dots li button{font-size: 0; text-indent: -9999px; border-radius: 50%; border: none; background: #B2B2B2; outline: none; width: 25px; height: 25px; margin: 0 15px;}
.slick-dots li.slick-active button{background: #000;}

.slick-dots .dot-title{position: relative;}
.slick-dots .dot-title span{position: absolute; text-indent: 0; font-size: 18px; /*1.125em*/  font-weight: bold; top: -20px; left: -50px; right: -50px; text-align: center; opacity: 0; transition: all 0.5s;}
.slick-dots li.slick-active .dot-title span,
.slick-dots li:hover .dot-title span{opacity: 1;}

.slider.blue-nav .slick-dots li button{background-color: #B6CEDE; color: #B6CEDE;}
.slider.blue-nav .slick-dots li.slick-active button{background-color: #0D5C91; color: #0D5C91;}

.slider.green-nav .slick-dots li button{background-color: #C1D2B9; color: #C1D2B9;}
.slider.green-nav .slick-dots li.slick-active button{background-color: #427C27; color: #427C27;}

.timeline-slick .slick-track{background-position: 50% 98%; background-repeat: repeat-x;}
.timeline-slick.blue-nav .slick-track{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:se='http://svg-edit.googlecode.com' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='52' height='52'%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none'/%3E%3Cg class='currentLayer' style=''%3E%3Cpath fill='%234a90d6' fill-opacity='1' stroke='%23B6CEDE' stroke-opacity='1' stroke-width='2' stroke-dasharray='none' stroke-linejoin='round' stroke-linecap='butt' stroke-dashoffset='' fill-rule='nonzero' opacity='1' marker-start='' marker-mid='' marker-end='' d='M25,10L25,32' id='svg_1'/%3E%3C/g%3E%3C/svg%3E");}
.timeline-slick.green-nav .slick-track{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:se='http://svg-edit.googlecode.com' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='52' height='52'%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none'/%3E%3Cg class='currentLayer' style=''%3E%3Cpath fill='%234a90d6' fill-opacity='1' stroke='%23C1D2B9' stroke-opacity='1' stroke-width='2' stroke-dasharray='none' stroke-linejoin='round' stroke-linecap='butt' stroke-dashoffset='' fill-rule='nonzero' opacity='1' marker-start='' marker-mid='' marker-end='' d='M25,10L25,32' id='svg_1'/%3E%3C/g%3E%3C/svg%3E");}

@media (max-width: 991px) {
    .slick-slide .row [class*="col-"]{margin-bottom: 20px;}
}

/*Cards Slider*/
.card-regular,
.card-wide {
    border: 1px solid #C5C9CE;
    border-bottom-color: #3e8ddd;
    border-bottom-width: 3px;
    color: #222222;
    height: 100%;
}
.card-regular.content-border{
    border: none;
}
.card-regular.content-border .card-content{
    border: 3px solid #C5C9CE;
    border-bottom-color: #3e8ddd;
    margin-bottom: 20px;
}
.card-regular.content-border .card-content.full-height{
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}
.category .card-regular,
.singular .card-regular {
    padding-bottom: 20px;
    height: 100%;
}
.card-regular .card-text,
.card-wide .card-text {
    font-size: 1em; /* 16px */
    line-height: 1.56; /* 25px */
    max-height: 75px;
    overflow: hidden;
}
.card-regular .card-text {
    padding: 0 20px;
}
.card-link,
.card-date {
    display: flex;
    flex-flow: column;
    height: 100%;
}
.card-title {font-size: 20px;}
.card-title:not(.card-list-title) {
    display: block;
    background-color: #fff;
    margin: 0;
    padding: 10px 20px 12px;
    color: #222222;
}
.card-image {
    overflow: hidden;
}
.card-image img{width: 100%; height: 300px; object-fit: cover;}

.card .more{display: inline-block; color: #555; margin: auto 20px 20px;}

.card a:focus .more{border: 2px solid #3E8DDD !important; outline: none;}



/* BxSlider */
.regular-bx-slider .bx-controls{text-align: center;}
.regular-bx-slider .bx-pager{display: inline-block; position:relative; margin:40px 0 40px;}
.regular-bx-slider .bx-pager .bx-pager-item{display:inline-block; margin:0 10px; padding:0; position:relative;}
.regular-bx-slider .bx-pager .bx-pager-item a{display: block; font-size: 0; width:26px; height:26px; background:#000; opacity: 0.3; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px;}
.regular-bx-slider .bx-pager .bx-pager-item a:hover{opacity: 1;}
.regular-bx-slider .bx-pager .bx-pager-item a.active{opacity: 1;}

.regular-bx-slider .bx-wrapper{position: relative;}
.regular-bx-slider .bx-controls-direction{position: absolute; top: 50%; width: 100%;}
.regular-bx-slider .bx-controls-direction a{background: none; border: none; width: 50px; height: 50px; text-align: center; margin: -25px 0 0; padding: 0; outline: none; position: absolute;}
.bx-prev{left: -100px;}
.bx-next{right: -100px;}
.regular-bx-slider .bx-controls-direction a.disabled{display: none;}
.regular-bx-slider .bx-controls-direction a i{font-size: 50px; color: #000; opacity: 0.5;}

/* RSS Slider */
/* .rss-slider{display: flex;} */

/* Graphs */
.graphs{display: flex;}
.graphs [class*="col-"]{display: flex; flex-flow: column;}
.graphs .graph{margin-top: auto;}
@media (max-width: 991px) {
    .graphs .graph{margin-bottom: 40px;}
}

/* SI Pages */
.si-boxes .si-box{background-size: cover; border-radius: 8px; color: #fff; padding: 20px 45px 45px; height: 100%;}
.si-boxes .si-box.bg-1{background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-communities-subpage-supplier-diversity-graph-gradient-bkgd-1.jpg);}
.si-boxes .si-box.bg-2{background-image: url(https://static.lenovo.com/ww/corp/about/2021/lenovo-about-d-and-i-communities-subpage-supplier-diversity-graph-gradient-bkgd-2.jpg);}
.si-boxes .si-box .title{font-size: 45px; line-height: 1; margin-bottom: 15px;}

.si-info-borders{text-align: center; font-size: 1.375em; /* 22px */ position: relative;}
.si-info-borders .title{font-size: 32px; font-weight: 700; line-height: 1;}
.si-info-borders.left:before,
.si-info-borders.right:after{content: ''; position: absolute; top: 0; left: -1px; bottom: 0; width: 2px;}
.si-info-borders.right:after{left: auto; right: -1px;}
.si-info-borders.left:before,
.si-info-borders.right:after
{background: transparent linear-gradient(180deg, #0E8121 0%, #105F8E 100%) 0% 0% no-repeat;}

.si-info{text-align: center;}
.si-info .title{font-size: 32px; font-weight: 700; line-height: 1;}

.bottom-larg-red-border:after{content: ''; width: 100%; max-width: 300px; height: 20px; display: block; margin: 10px auto; background: transparent linear-gradient(264deg, #C75300 0%, #AF0200 100%) 0% 0% no-repeat padding-box;}

.caption{font-size: 0.875em; font-style: italic; line-height: 1.78; /* 25px */}

@media (max-width: 992px) {
    .xs-mt-40{margin-top: 40px;}

    .si-boxes [class*="col-"]{margin-bottom: 20px;}
    .si-info-borders{margin-bottom: 20px;}
    .si-info-borders.left:before, .si-info-borders.right:after{display: none;}
}

/* MISC */
.videoWrapper {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

span.hightlight{padding: 2px;}
.blue-bg{background-color: #3E8DDD;}
.purple-bg{background-color: #8246AF;}
.cyan-bg{background-color: #069CC8;}

.font-black{color: #000;}

.centered{text-align: center;}

.line-height-small,
.line-height-small p{line-height: 1.35;}


.skip-to-content-link {
  position: absolute;
  opacity: 0;
  transform: translateX(-100vw);
  /*transition: transform 0.3s;*/
}

.skip-to-content-link:focus {
  position: relative;
  opacity: 1;
  transform: translateX(0);
}

.circle-image{border-radius: 50%;}

/* Static Timeline */
.static-timeline{text-align: center; margin: 50px 0 0;}
.static-timeline [class*="col-"]{padding: 0;}
.static-timeline-header{position: relative; border-bottom: 1px solid #fff; padding-bottom: 15px; font-weight: bold;}
.static-timeline-header:after{content: ''; position: absolute; bottom: -6px; left: calc(50% - 6px); width: 12px; height: 12px; border-radius: 50%; background-color: #fff;}
.static-timeline-content{margin: 0 auto; padding: 15px; max-width: 190px;}

.static-timeline .divider{width: 50px; height: 1px; background-color: #fff; margin: 10px auto;}

@media (max-width: 991px) {
    .static-timeline-content{margin-bottom: 20px;}
}


/* MISC Responsive */
@media (max-width: 991px) {
    #calvin-crosslin{margin-top: 40px;}
}
@media (max-width: 768px) {
    p, li,
    .blockcolor p, .blockcolor p a {
        font-size: 0.9375em; /* 15px */
        line-height: 1.53; /* 23px */
    }
   .font-large, .font-large p {
        font-size: 1.0625em;
        line-height: 1.35;
    }
}
@media (max-width: 480px) {
    p, li, .leaderswork,
    .blockcolor p, .blockcolor p a {
        font-size: 0.875em; /* 14px */
        line-height: 1.5; /* 21px */
    }
    .font-large, .font-large p {
        font-size: 1em; /* 16px */
        line-height: 1.43; /* 23px */
    }
}