#veeam-hero{ background-image: url('//static.lenovo.com/we/images/veeam-lp/hero_500.png'); background-size: cover; } .v-hero-logos{ padding: 25px; margin: auto; display: block; } .v-hero-title{ color: white; font-size: 2.1em; line-height: 1.4; font-weight: bold; text-align: center; padding: 0px 15px; } .lock-container{ text-align: center; } .v-hero-lock{ padding: 25px 0px; width: 70%; transform: translateX(-35%); } .v-hero-subtitle{ color: white; opacity: .7; font-size: 1.3em; line-height: 1.3; text-align: center; padding: 0px 15px; } .v-hero-links{ padding: 25px 25px 50px; } .v-hero-links a { text-decoration: none; color: white; display: block; font-size: 1.2em; text-align: center; font-weight: bold; line-height: 1.5; } .lock-container-2{ display: none; } .v-blade1-container { padding: 30px 15px; } .div1-head { font-size: 1.5em; line-height: 1.3; font-weight: bold; padding-bottom: 30px; } .div1-copy{ padding-bottom: 25px; } .division1-sub1{ font-weight: bold; padding-bottom: 25px; } .card-container{ width: 100%; text-align: center; padding-bottom: 15px; } .card-head{ background-color: #f1f1f1; color: #6f6f6f; padding: 25px ; line-height: 1.4; } .card-foot{ background-color: #3c8cdd; color: white; padding: 10px; text-decoration: none; display: block; font-weight: bold; } .v-blade2-container{ padding: 0px 15px 35px; } .div2-head { font-size: 1.5em; line-height: 1.3; font-weight: bold; padding-bottom: 30px; text-align: center; } .div2-subtitle { font-size: 1.1em; font-weight: bold; line-height: 1.6; text-align: center; padding-bottom: 25px; } .blade2-divisions{ background-color: #f1f1f1; padding: 25px; } .b2-div-sub img { padding: 15px 0px 30px; margin: auto; display: block; } .b2-div-copy{ font-weight: bold; text-align: center; padding-bottom: 20px; } .division-bars { border-bottom: 1px #6f6f6f solid; } .more-padding { padding-top: 15px; } .blade2-quote { font-size: 1.6em; color: #6f6f6f; line-height: 1.4; font-weight: bold; padding: 30px 0px 15px; text-align: center; } .blade2-quote-by { text-align: center; padding: 0px 0px 30px; font-weight: bold; } .picture-container{ position: relative; } .blade3-sub { background-color: white; padding-bottom: 20px; max-width: 390px; margin: auto; } .b3-text-block{ position: absolute; top: 35px; left: 18px; color: white; font-size: 1.2em; max-width: 150px; line-height: 1.4; } .v-blade3-container { padding: 0px 15px; } .b3-copy { text-align: center; line-height: 1.4; padding: 10px 20px 0px; } .b3-sub-container{ padding-bottom: 25px; } #veeam-blade3{ background-image: url(//static.lenovo.com/we/images/veeam-lp/gradient-bottom.png); background-size: cover; } .div3-head{ color: white; font-size: 1.5em; text-align: center; padding: 25px 0px 10px; font-weight: bold; } .div3-subtitle { color: white; text-align: center; padding-bottom: 20px; } a.b3-links { background-color: #3c8cdd; text-decoration: none; color: white; padding: 10px 25px; display: block; width: fit-content; margin: 15px auto 0px; } .div4-head { font-size: 1.5em; text-align: center; padding: 25px 0px 10px; font-weight: bold; } .blade4-divisions { text-align: center; } .v-blade4-container { padding: 0px 15px; } a.b4-links { background-color: #3c8cdd; text-decoration: none; color: white; padding: 10px 25px; display: block; width: fit-content; margin: 15px auto 0px; } .b4-div-sub { padding: 25px 0px; } .division-bars-2 { border-bottom: 1px #6f6f6f solid; } .v-blade5-container { padding: 0px 15px 100px; } #veeam-blade5 { background-image: url(//static.lenovo.com/we/images/veeam-lp/gradient-bottom.png); background-size: cover; } .v-blade6-container { padding: 0px 15px; text-align: center; margin-top: -85px; } .blade6-sub-copy { max-width: 250px; margin: auto; } .blade6-sub { margin-bottom: 30px; } .div5-head { color: white; font-size: 1.5em; text-align: center; padding: 25px 0px ; font-weight: bold; line-height: 1.3; } .picture-container-2 picture img { transform: translateX(-15px); width:100%; } .b5-div-copy { color: white; text-align: center; padding: 25px 10px; } a.b6-links { background-color: #3c8cdd; text-decoration: none; color: white; padding: 20px 55px; display: block; width: fit-content; margin: 25px auto; } #veeam-blade7{ background-color: #f1f1f1; } .v-blade7-container { padding: 0px 15px; text-align: center; } .div7-head { font-size: 1.5em; padding: 25px 0px; font-weight: bold; } .blade7-sub { padding: 0px 10px 35px; } .blade7-sub-head { font-weight: bold; padding-bottom: 15px; } .lnvmodal-overlay .lnvmodal-main .lnvmodal-content>*{ height: 80vh; } @media only screen and (min-width: 900px) { #veeam-hero{ background-image: url(//static.lenovo.com/we/images/veeam-lp/hero-900.png); background-position: top right; } .v-hero-logos { width: 555px; padding: 55px; margin: unset; display: unset; } .v-hero-title { font-size: 2.2em; line-height: 1.3; font-weight: normal; text-align: left; padding: 0px 55px; max-width: 580px; } .lock-container { display: none; } .v-hero-subtitle { font-size: 1.5em; text-align: left; padding: 25px 55px; max-width: 580px; } .v-hero-links { padding: 25px 55px 50px; } .v-hero-links a { display: inline-block; font-size: 1.4em; font-weight: normal; z-index: 1; position: relative; } .v-hero-links a:nth-child(1):after { content: '|'; padding: 0px 15px; } .lock-container-2{ display: block; position: relative; } .v-hero-lock-2{ position: absolute; bottom: -61px; padding-left: 135px; min-height: 155px; } .v-blade1-container { padding: 30px 55px; } .div1-copy { font-size: 1.1em; } .division1-sub1 { padding: 10px 0px 35px; font-size: 1.1em; } .card-head { font-size: 1.1em; font-weight: bold; min-height: 100px; display: flex; align-items: center; justify-content: center; } .card-foot { font-size: 1.1em; } .division-sub2 { display: flex; } .card-container { padding-right: 20px; } .v-blade2-container { padding: 0px 55px 35px; } .more-padding { padding-top: 0px; } .blade2-divisions { display: flex; } .division-bars { border-bottom: 0px; padding-right: 25px; border-right: 1px #6f6f6f solid; } .more-padding { padding-top: 0px; padding-left: 25px; } .blade3-sub { max-width: 780px; margin: auto; } .b3-text-block { top: 50px; max-width: unset; } .div3-subtitle { font-size: 1.2em; max-width: 780px; margin: auto; } .v-blade4-container { padding: 0px 55px 55px; } .picture-container-2 picture img { transform: translateX(-40%); width: 110%; } .div5-head { max-width: 900px; margin: auto; padding: 50px; } .b5-div-copy { max-width: 900px; margin: auto; } .b4-div-copy { max-width: 1200px; margin: auto; } .b6-divisions { display: flex; justify-content: center; } .blade6-sub { margin-right: 20px; } .v-blade7-container { padding: 25px; } } @media only screen and (min-width: 1920px) { #veeam-hero{ background-image: url(//static.lenovo.com/we/images/veeam-lp/hero.png); background-position: right; max-width: 1800px; margin: auto; } .v-hero-container{ max-width: 1800px; margin:0 auto; } .v-hero-logos { padding: 50px 55px; } .v-hero-title { max-width: 730px; } .v-hero-subtitle { max-width: 730px; } .lock-container-2 { display: none; } .blade1-divisions { display: flex; } .division1-sub1 { padding: 0px; } .blade1-division1 { padding-right: 20px; flex: 1; } .blade1-division2 { flex: 1; } #veeam-blade1{ max-width: 1800px; margin:auto; } .card-head { min-height: 110px; font-weight: normal; } .card-foot { display: flex; align-items: center; justify-content: center; } #veeam-blade2 { max-width: 1800px; margin: auto; } .b2-div-copy{ font-size: 1.2em; } .blade3-divisions { display: flex; justify-content: center; } .b3-sub-container { max-width: 390px; margin-right: 50px; position: relative; } .b3-text-block { top: 35px; max-width: 150px; } #veeam-blade3{ max-height: 445px; margin-bottom: 100px; } .b3-sub-container:after { content: ' '; background-image: url(//static.lenovo.com/we/images/veeam-lp/shadow.png); position: absolute; bottom: -25px; width: 418px; height: 57px; } .blade4-divisions { display: flex; justify-content: center; } .division-bars-2 { border-right: 1px #6f6f6f solid; border-bottom: 0px; } .b4-div-sub { padding: 25px; flex: 1; } .b4-img-container { min-height: 90px; } #veeam-blade4 { max-width: 1800px; margin: auto; } #veeam-blade5 { background-image: url(//static.lenovo.com/we/images/veeam-lp/bottom_hero_1920.png); max-width: 1800px; margin: auto; } .div5-head { max-width: 700px; } .b5-div-copy { max-width: 700px; } .picture-container-2 { position: relative; } .picture-container-2 picture img { position: absolute; right: -11%; top: -85px; width: auto; min-height: 166px; } .blade7-sub img { max-height: 45px; } .b7-divisions { display: flex; justify-content: center; } .blade7-sub { max-width: 300px; margin-right: 25px; } .blade7-sub-head { min-height: 72px; text-align: left; } .blade7-sub-copy { text-align: left; } } #we-lp-overlay { width: 100%; height: 100%; position: fixed; z-index: 9999999999; background: rgba(0, 0, 0, .3); top:0; left:0; display: none; } .we-lp-popup-1, .we-lp-popup-2, .we-lp-popup-3, .we-lp-popup-4 { width: 80%; height: 80%; font-size: .875em; line-height: 1.3; display: none; top: 10%; left: 50%; transform: translate(-50%, 0); position: fixed; z-index: 99999999999999; margin: 0 auto; background: #fff; box-sizing: border-box; margin: 0 auto; } .we-lp-popup-container-1, .we-lp-popup-container-2, .we-lp-popup-container-3, .we-lp-popup-container-4 { width: 100%; height: 100%; position: absolute; } .we-lp-popup-content-1, .we-lp-popup-content-2, .we-lp-popup-content-3, .we-lp-popup-content-4 { width: 100%; height: 90%; background-color: #fff; overflow-x: hidden; overflow-y: auto; position: absolute; top: 27px; bottom: 10px; box-sizing: border-box; margin: 0 auto; text-align: justify; } .we-lp-close_btn { position: absolute; top: 0; right: 0; background: url(/medias/we-events-close-btn.png?context=bWFzdGVyfHJvb3R8MTc5MHxpbWFnZS9wbmd8aGEzL2gwYy85ODUwMjQ0MTM2OTkwLnBuZ3wyMDc0MWE0M2E0NzUxZTBmYmFmYzgzYWUzNmM4YmFmMjhhZGI4ZjllOGM1NjdlZWQxYTc2NDlhYTJkZGI4MTFj) no-repeat -25px 0; width: 25px; height: 25px; background-color: green; z-index: 99999; cursor: pointer; } .we-lp-popup-content-1 h2, .we-lp-popup-content-1 p{ text-align: center; }