/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, footer, header, nav, section { display: block } h1 { font-size: 2em } figcaption, figure, main { display: block } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } a:active, a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0 } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details, menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } input[type=text]::-ms-clear { display: none } @font-face { font-family: 'lato-regular'; font-weight: normal; font-style: normal } @font-face { font-family: 'lato-bold'; font-weight: normal; font-style: normal } * { box-sizing: border-box; margin: 0; outline: none; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale  !important; text-rendering: geometricPrecision  !important; font-family: "lato-regular", sans-serif, Arial, Helvetica; line-height: 1.28; color: #333f48 } main section { width: 100%; overflow: hidden } img { display: block } a, a:hover, a:focus { text-decoration: none; color: #3e8ddd } h1 { font-family: "lato-bold", sans-serif, Arial, Helvetica; font-size: 40px; line-height: 1.13 } @media screen and (min-width: 481px) { h1 { font-size: 46px } } h2 { font-family: "lato-bold", sans-serif, Arial, Helvetica; font-size: 30px; line-height: 1.15 } @media screen and (min-width: 481px) { h2 { font-size: 34px } } h4 { font-family: "lato-bold", sans-serif, Arial, Helvetica; font-size: 20px } @media screen and (min-width: 481px) { h4 { font-size: 22px } } p { margin-bottom: 15px } p strong { font-family: "lato-bold", sans-serif, Arial, Helvetica; font-weight: normal } p.bold { font-family: "lato-bold", sans-serif, Arial, Helvetica; margin-top: 25px } p.small { font-size: 14px } .content { max-width: 1130px; margin: 0 auto; padding: 40px 20px 25px 20px } @media screen and (min-width: 481px) { .content { padding: 55px 46px 45px 46px } } @media screen and (min-width: 769px) { .content { padding: 60px 46px 50px 46px } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .column { padding-left: 10px; padding-right: 10px } section.share #share-btn { position: fixed; top: 0; right: 0; width: 30px; height: 79px; cursor: pointer; z-index: 11; transition: all .5s ease-in-out 0s } section.share .social { position: fixed; top: 0; right: -64px; background: #000; padding: 10px 10px 5px 10px; z-index: 10; opacity: 0; transition: all .5s ease-in-out 0s } section.share .social img { width: 44px; height: 43px; margin-bottom: 5px } section.share.show-share #share-btn { right: 64px } section.share.show-share .social { right: 0; opacity: 1 } section.hero.bg { background-image: url("https://static.lenovo.com/we/images/Womens%20page/soar-header.jpg?dsd"); background-size: cover; background-position: 50% 70%; background-repeat: no-repeat; min-height: 500px } @media screen and (min-width: 720px) { section.hero.bg { min-height: 444px } } section.hero .content { padding-top: 40px } @media screen and (min-width: 481px) { section.hero .content { padding-top: 60px; padding-bottom: 15% } } section.hero h1 { color: #fff; text-align: center; margin-bottom: 15px } section.hero h4 { color: #fff; text-align: center; max-width: 470px; margin: 0 auto } section.intro p { font-size: 20px; line-height: 1.23 } @media screen and (min-width: 481px) { section.intro p { font-size: 22px } } @media screen and (min-width: 481px) { section.diversity .content { padding-top: 45px; padding-bottom: 35px } } @media screen and (min-width: 769px) { section.diversity .content { padding-top: 60px; padding-bottom: 50px } } section.diversity .column { width: 100% } @media screen and (min-width: 769px) { section.diversity .column { width: 50% } } section.diversity .column.col1 { background-image: url("/gb/en/diversity.jpg"); background-size: cover; background-position: 50% 70%; background-repeat: no-repeat; padding-bottom: 90% } @media screen and (min-width: 481px) { section.diversity .column.col1 { padding-bottom: 40% } } @media screen and (min-width: 769px) { section.diversity .column.col1 { padding-bottom: 0 } } section.diversity .column.col2 { background: #46c8e1 } section.diversity h2 { color: #fff; font-size: 28px; margin-bottom: 20px } @media screen and (min-width: 481px) { section.diversity h2 { font-size: 34px; margin-bottom: 25px } } section.diversity p { color: #fff } section.conversation .row { margin-left: -10px; margin-right: -10px } section.conversation .column { width: 100%; padding-left: 10px; padding-right: 10px } @media screen and (min-width: 481px) { section.conversation .column { width: 50% } } @media screen and (min-width: 769px) { section.conversation .column { width: 25% } } section.conversation h2 { text-align: center; margin-bottom: 15px } @media screen and (min-width: 481px) { section.conversation h2 { margin-bottom: 10px } } @media screen and (min-width: 769px) { section.conversation h2 { margin-bottom: 50px } } section.conversation img { margin: 20px auto 20px; width: 100px; height: 100px } @media screen and (min-width: 481px) { section.conversation img { margin: 40px auto 20px } } @media screen and (min-width: 769px) { section.conversation img { margin: 0 auto 25px } } section.conversation p { font-size: 18px } section.forum.bg { background-image: url("https://static.lenovo.com/we/images/Womens%20page/massive-data-header-1.jpg?ghj"); background-size: cover; background-position: 50% 30%; background-repeat: no-repeat; min-height: 535px } section.forum .content { padding-bottom: 30px; max-width: 940px } section.forum .column { margin-bottom: 20px } section.forum .column.col1 { width: 100% } @media screen and (min-width: 600px) { section.forum .column.col1 { width: 57% } } section.forum .column.col2 { width: 100% } @media screen and (min-width: 600px) { section.forum .column.col2 { width: 43% } } section.forum h2 { color: #fff; font-size: 32px; margin-bottom: 15px } @media screen and (min-width: 481px) { section.forum h2 { font-size: 34px } } section.forum h4 { color: #fff; margin-bottom: 20px } @media screen and (min-width: 481px) { section.forum h4 { margin-bottom: 30px } } @media screen and (min-width: 769px) { section.forum h4 { margin-bottom: 35px } } section.forum p, section.forum a { color: #fff } section.speak { background: #ff6a00 } section.speak1 { background:#3e8ddd } @media screen and (min-width: 481px) { section.speak .content, section.speak1 .content { padding-bottom: 30px } } @media screen and (min-width: 769px) { section.speak .content, section.speak1 .content{ max-width: 940px } } section.speak .column.col1, section.speak1 .column.col1 { width: 100% } @media screen and (min-width: 650px) { section.speak .column.col1, section.speak1 .column.col1 { width: 33% } } section.speak .column.col2, section.speak1 .column.col2 { width: 100% } @media screen and (min-width: 650px) { section.speak .column.col2, section.speak1 .column.col2 { width: 67% } } section.speak .column.col2 .content, section.speak1 .column.col2 .content { padding: 0 0 10px 22px } section.speak img, section.speak1 img { max-width: 204px; width: 100%; margin: 0 auto 15px } @media screen and (min-width: 650px) { section.speak img, section.speak1 img { margin: 20px 0 0 0 } } @media screen and (min-width: 769px) { section.speak img, section.speak1 img { max-width: 238px } } section.speak h2, section.speak1 h2 { color: #fff; text-align: center; font-size: 32px; margin-bottom: 30px } @media screen and (min-width: 650px) { section.speak h2, section.speak1 h2 { font-size: 34px; margin-bottom: 50px } } @media screen and (min-width: 769px) { section.speak h2, section.speak1 h2 { margin-bottom: 20px } } section.speak p, section.speak1 p { color: #fff; margin-bottom: 10px } section.speak p.bold, section.speak1 p.bold { margin-bottom: 5px } section.speak span, section.speak1 span { font-size: 24px; font-family: "lato-bold", sans-serif, Arial, Helvetica; color: #fff; line-height: 16px; position: relative; top: 5px } @media screen and (min-width: 481px) { section.speak span, section.speak1 span { top: 3px } } section.speak span.first, section.speak1 span.first { display: inline-block; top: 20px; width: 23px; margin-left: -23px; font-size: 51px } @media screen and (min-width: 769px) { section.speak span.first, section.speak1 span.first { top: 40px; width: 40px; margin-left: -40px; font-size: 86px } } section.comments .content { padding-bottom: 10px } @media screen and (min-width: 650px) { section.comments .content { max-width: 650px; padding: 50px 46px 30px 46px } } @media screen and (min-width: 860px) { section.comments .content { max-width: 1360px; padding: 55px 46px 55px 46px } } section.comments .row.outer { margin-left: 0; margin-right: 0 } @media screen and (min-width: 860px) { section.comments .row.outer { margin-left: -46px; margin-right: -46px } } section.comments .column.outer { width: 100%; padding: 40px 0 } @media screen and (min-width: 860px) { section.comments .column.outer { width: 33.3%; padding: 0 46px } } section.comments .column.outer .row { margin-left: -25px; margin-right: -25px } section.comments .column.outer .column { padding-left: 25px; padding-right: 25px } section.comments .column.outer .col1 { width: 100% } @media screen and (min-width: 650px) { section.comments .column.outer .col1 { width: 38% } } @media screen and (min-width: 860px) { section.comments .column.outer .col1 { width: 100% } } section.comments .column.outer .col2 { width: 100% } @media screen and (min-width: 650px) { section.comments .column.outer .col2 { width: 62% } } @media screen and (min-width: 860px) { section.comments .column.outer .col2 { width: 100% } } @media screen and (min-width: 650px) { section.comments .column.outer.reverse .col1 { -ms-flex-order: 1; order: 1 } } @media screen and (min-width: 860px) { section.comments .column.outer.reverse .col1 { -ms-flex-order: 0; order: 0 } } @media screen and (min-width: 650px) { section.comments .column.outer.reverse .col2 { -ms-flex-order: 0; order: 0 } } @media screen and (min-width: 860px) { section.comments .column.outer.reverse .col2 { -ms-flex-order: 1; order: 1 } } section.comments .column.outer.bordered { border-bottom: 1px solid #ff6a00; border-right: none } @media screen and (min-width: 860px) { section.comments .column.outer.bordered { border-bottom: none; border-right: 1px solid #ff6a00 } } section.comments img { margin: 0 auto 20px; max-width: 180px; width: 100% } @media screen and (min-width: 860px) { section.comments img { max-width: 160px; margin-bottom: 30px } } section.comments h2 { font-size: 16px; line-height: 1.31; font-family: "lato-regular", sans-serif, Arial, Helvetica; font-weight: normal; max-width: 850px; margin: 0 auto } @media screen and (min-width: 481px) { section.comments h2 { font-size: 18px } } @media screen and (min-width: 860px) { section.comments h2 { margin-bottom: 45px } } section.comments p { margin-bottom: 10px } section.comments p.bold { color: #ff6a00; text-align: center; margin-bottom: 5px } section.comments p.small { text-align: center; margin-bottom: 0 } section.comments span { font-size: 24px; font-family: "lato-bold", sans-serif, Arial, Helvetica; color: #ff6a00; line-height: 16px; position: relative; top: 5px } @media screen and (min-width: 481px) { section.comments span { top: 3px } } section.wins .content { padding-top: 40px; padding-bottom: 30px } @media screen and (min-width: 481px) { section.wins .content { padding-top: 45px; padding-bottom: 35px } } @media screen and (min-width: 769px) { section.wins .content { padding-top: 60px; padding-bottom: 50px } } @media screen and (min-width: 1300px) { section.wins .content { padding-top: 10%; padding-bottom: 10% } } section.wins .column { width: 100% } @media screen and (min-width: 760px) { section.wins .column { width: 50% } } section.Leadership .column.col5 { height: 300px; padding: 0; text-align: center; background-color: navy; } section.wins .column.col1, section.wins .column.col4, section.wins .column.col5 { background-size: cover; background-position: 50% 30%; background-repeat: no-repeat; padding-bottom: 75% } @media screen and (min-width: 481px) { section.wins .column.col1, section.wins .column.col4, section.wins .column.col5 { padding-bottom: 65% } } @media screen and (min-width: 760px) { section.wins .column.col1, section.wins .column.col4, section.wins .column.col5 { padding-bottom: 0 } } section.wins .column.col1 { background-image: url("https://static.lenovo.com/we/images/Womens%20page/Diversitas.jpg?123") } section.wins .column.col2 { background: #6ac346 } section.wins .column.col3 { background: #3e8ddd } section.wins .column.col4 { background-image: url("https://static.lenovo.com/we/images/Womens%20page/Women-Leading-the-Way.jpg?123") } section.wins .column.col5 { background-image: url("https://static.lenovo.com/we/images/Womens%20page/d-and-i-video.jpg?sdf"); height:auto; max-height: 440px; } section.wins .column.col6 { background: #3e8ddd } section.wins h2 { color: #fff; font-size: 26px; margin-bottom: 20px } @media screen and (min-width: 481px) { section.wins h2 { font-size: 28px; margin-bottom: 25px } } section.wins p { color: #fff } section.supporting { background: #f04187 } section.supporting .content { padding-top: 40px; padding-bottom: 40px } @media screen and (min-width: 481px) { section.supporting .content { padding-top: 35px; padding-bottom: 35px } } section.supporting h2 { color: #fff; text-align: center } section.findout .content { position: absolute; bottom: 0; max-width: 600px; left: 10px; right: 10px } @media screen and (min-width: 980px) { section.findout .content { position: relative; left: auto; right: auto; bottom: auto; padding: 60px 11% 30px 11% } } section.findout .column { width: 100%; position: relative } @media screen and (min-width: 980px) { section.findout .column { width: 33.3% } } section.findout .column.col1, section.findout .column.col2, section.findout .column.col3 { min-height: 500px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat } @media screen and (min-width: 980px) { section.findout .column.col1, section.findout .column.col2, section.findout .column.col3 { min-height: 400px } } section.findout .column.col1 { background-image: linear-gradient(to top, rgba(0, 0, 0, .9), transparent), url("https://static.lenovo.com/we/images/Womens%20page/Women-In-Africa.jpg?123") } section.findout .column.col2 { background-image: linear-gradient(to top, rgba(0, 0, 0, .9), transparent), url("https://static.lenovo.com/we/images/Womens%20page/InterElles.jpg?123") } section.findout .column.col3 { background-image: linear-gradient(to top, rgba(0, 0, 0, .9), transparent), url("https://static.lenovo.com/we/images/Womens%20page/Women-in-Lenovo-Leadership.jpg?123") } section.findout h2 { color: #fff; font-size: 26px; margin-bottom: 25px } @media screen and (min-width: 481px) { section.findout h2 { font-size: 28px } } @media screen and (min-width: 980px) { section.findout h2 { margin-top: 115px } } section.findout p, section.findout a { color: #fff } section.resources .content { padding-top: 55px; padding-bottom: 0 } section.resources .column { width: 100%; margin-bottom: 45px } @media screen and (min-width: 700px) { section.resources .column { width: 33.3% } } section.resources h2 { font-size: 32px; text-align: center; margin-bottom: 40px } @media screen and (min-width: 700px) { section.resources h2 { font-size: 34px } } section.resources h4 { margin-bottom: 15px } section.resources img { margin: 0 auto 20px; width: 100% } section.youtube-section { position: relative } @media (max-width: 819px) { section.youtube-section { padding-bottom: 56.25%; height: 0 } } section.youtube-section .youtube-frame { display: block; width: 100% } @media (max-width: 819px) { section.youtube-section .youtube-frame { position: absolute; top: 0; left: 0; height: 100% } } section.youtube-section button.mfp-close { font-size: 50px; opacity: 1; right: -12px } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8 } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none  !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none  !important } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #CCC } .mfp-preloader a:hover { color: #FFF } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: -16px; top: -44px; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:hover, .mfp-close:focus { opacity: 1 } .mfp-close:active { top: -43px } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1 } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75) } .mfp-arrow-left { transform-origin: 0 } .mfp-arrow-right { transform-origin: 100% } .mfp-container { padding-left: 12px; padding-right: 12px } } .white-popup { position: relative; background: #FFF; padding: 0; width: auto; max-width: 800px; margin: 44px auto } .mfp-fade.mfp-bg { opacity: 0; transition: all .15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: .8 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all .15s ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .seccond_list_title .text{ border-bottom: 0px solid var(--pale-gray-3)  !important; padding: 5px 0 0  !important; }