@import url("https://c1-ofp.static.pub/ShareResource/business/device-as-a-service/commonContentPage.eaf28dd9589bc099.css"); @import url("https://fonts.googleapis.com/css?family=Lato:300,400,700"); body { font: 1em/1.75 "Lato",Helvetica,Arial,sans-serif; color: #555  !important; } .contentContainer:before, .contentContainer:after, #bodywrap:before, #bodywrap:after { background: none  !important; content: none; } #mainContent { width: 100%; } #logo_daas img { width: 500px; } ul { list-style: none; } .max_width { max-width: 1200px; margin: auto; padding-bottom: 1em; } h2 { padding: 1em; text-align: center; font-size: 1.5em; font-weight: bold  !important; } div.max_width p { text-align: center; line-height: 1.2em; } div.max_width h2, div.max_width h3 { color: black; } div.max_width .hero_banner_bg h2 { color: white; } .text_normal { font-weight: normal; padding: 1em; display: block; margin: auto; font-size: 1.2em; } .text_normal span { font-weight: bold; font-size: 1.4em; } .background_gray, .texts { background-color: #f8f8f8; } section { padding: 1em; } .show_up { display: block; } .hide_down { display: none; } #hero_banner { background: url("//p2-ofp.static.pub/ShareResource/business/device-as-a-service/imgs/01_lenovo-smb-daas-hero-2020-2.jpg") no-repeat; background-size: cover; display: flex; height: 400px; } .hero_banner_bg { padding: 2em; } .hero_banner_bg img, .hero_banner_bg h2, .hero_banner_bg p { text-align: center; display: block; margin: auto; padding: 1em; color: white; } .hero_banner_bg h2 { line-height: initial; } .call-now { height: 44px; width: 131px; text-align: center; text-align: center; display: block; color: white; background: #1976a1; line-height: 45px; border-radius: 5px; margin: .5em auto; } .items { margin: 20px auto; padding: 1em 0; display: flex; justify-content: space-around; text-align: center; } .item_{ display: inline-block; width: 32%; height: 250px; vertical-align: top; } .item_div { position: relative; } .item_png, .item_text { margin: auto; text-align: center; min-height: 200px; height: auto; position: absolute; left: 18%; top: 40px; width: 200px; } .item_text { background-color: #f8f8f8; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .23); padding: 1em; min-height: 225px; } .item_.info_png { position: absolute; right: 70px; top: 0; } .item_.info_png:hover { cursor: pointer; } .item_img { margin: auto; text-align: center; } .item_.plus_png { margin-top: 35%; } .item_text p span { padding: 1em; font-size: 1.2em; color: #4fb4e3; font-weight: bold; display: inline-block; } .items-copy h3 { font-size: 30px; } .phone { color: #1976a1; } .slider_slider { display: flex; justify-content: space-around; padding-bottom: 3em; } .slide { display: inline-block; } .slide h3 { font-size: 1.1em; text-align: center; font-weight: bold  !important; } .slide h3, .slide .check { padding: .5em; } .check p, .check img { display: inline-block; vertical-align: middle; } .fifty { width: 49%; display: inline-block; margin: auto; text-align: center; } .fifty:nth-of-type(1) { border-right: 1px solid gray; padding-right: 4.5%; } .fifty:nth-of-type(2) { padding-left: 4.5%; } .fifty h3 { padding: 2em; font-weight: bold; font-size: 20px; } .round_ps { padding: .6em; border: 1px solid gray; border-radius: 5px; margin: auto; } .round_ps p { padding: .6em; font-size: 15px; } .banner_lfo { margin: 2em 0; text-align: center; } .price { font-size: 1.5em; font-weight: bold; padding: .3em 1em 1em 1em; } .valign_center h2, .valign_center img { display: inline-block; vertical-align: middle; } .valign_center h2 { font-size: 1.3em; } .valign_center { text-align: center; } .texts div p { padding: 1em; } .img_prod { height: 360px; display: flex; justify-content: center; align-items: center; } section.background_gray > .max_width { max-width: 1400px; } .bundle-container { text-align: center; overflow: hidden; position: relative; height: 380px; width: 100%; overflow-x: scroll; } .background_gray .circle { background: #000; } .controls { display: flex; justify-content: space-around; width: 75px; margin: 0 auto; } .bundle-item{ margin: 2em 0 1em 0; max-width: 100%; } .bundle-item:nth-child(2) { position: absolute; top: 0; right: -100%; } .bundle-item:nth-child(3) { position: absolute; top: 0; right: -200%; } .bundle-item:nth-child(4) { position: absolute; top: 0; right: -300%; } .bundle-item-payment .call-now { width: 200px; margin: 1em auto; } .bundle-item-payment { text-align: center; } .bundle-item-payment div p { font-weight: 900; } .asterisc-info { text-align: center; font-size: 12px; } .view-all { display: flex; align-items: center; justify-content: center; font-weight: 900; color: #1976a1; text-align: center; margin: 1em 0; cursor: pointer; } .bundle-table { max-width: 1200px; margin: 0 auto; transition: .5s ease-in; display: none; } .table-mobile-titles { display: flex; justify-content: space-around; align-items: center; } .table-mobile-titles div { display: flex; align-items: center; } .circle { height: 10px; width: 10px; border-radius: 50%; } .table-mobile-titles div .circle { margin-right: 5px; } .table-mobile-titles div:nth-child(1) .circle, .bundle-table-titles div:nth-child(1) .circle { background: #6ac346; } .table-mobile-titles div:nth-child(2) .circle, .bundle-table-titles div:nth-child(2) .circle { background: #ff6a00; } .table-mobile-titles div:nth-child(3) .circle, .bundle-table-titles div:nth-child(3) .circle { background: #3e8ddd; } .bundle-table .bundle-table-item:first-child .bundle-table-titles p { display: none; } .bundle-table-item{ display: flex; min-height: 40px; border-bottom: 1px solid black; border-right: 1px solid black; align-items: center; justify-content: space-evenly; } .table-item-mobile { display: block; } .table-item-desktop { display: none; } .bundle-table-titles { width: 44%; display: inline-flex; justify-content: space-around; } .bundle-table-titles .circle { height: 15px; width: 15px; } .bundle-table-item-name { display: inline-block; width: 55%; } .bundle-table-checks { width: 44%; display: inline-flex; justify-content: space-around; } .bundle-table-checks div { display: flex; width: 33%; padding: 35px 0; border-left: 1px solid; justify-content: center; } @media (min-width: 750px) { .bundle-item{ max-width: 49%; display: inline-block; } .bundle-item:nth-child(2) { position: relative; right: 0; } .bundle-item:nth-child(3) { right: -50%; } .bundle-item:nth-child(4) { right: -100%; } .bundle-table-checks div { padding: 22px 0; } .table-mobile-titles, .bundle-table-titles .circle { display: none; } .bundle-table .bundle-table-item:first-child .bundle-table-titles p { display: block; } .bundle-item-payment { justify-content: space-between; align-items: center; display: flex; width: 740px; margin: 0 auto; flex-direction: column; } .bundle-item-payment ul li { display: inline-block; padding-right: 5px; } } @media (min-width: 1180px) { .simplify > p { max-width: 65%; margin: 0 auto 30px auto; } .bundle-container { overflow-x: initial; height: 330px; } .bundle-item{ max-width: 24%; } .bundle-item:nth-child(3), .bundle-item:nth-child(4) { position: relative; right: 0; } .controls { display: none; } .bundle-item-payment { text-align: left; flex-direction: row; justify-content: space-around; padding-top: 20px; border-top: 1px solid; width: auto; } .bundle-item-payment > div { display: flex; justify-content: space-between; width: 75%; } .bundle-item-payment > div > ul { display: flex; width: 100%; justify-content: space-around; } .bundle-item-payment ul li { padding-right: 20px; } .bundle-item-payment ul li:nth-child(1), .bundle-item-payment ul li:nth-child(2) { border-right: 1px solid; } .bundle-item-payment div:last-child { width: 20%; } } @media (max-width: 420px) { #hero_banner { background: url("//p3-ofp.static.pub/ShareResource/business/device-as-a-service/imgs/01_lenovo-smb-daas-hero-mobile-2020-2.jpg") no-repeat; } } @media (max-width: 420px) { .items { display: block; margin: auto; } .item_{ display: block; padding-bottom: 2em; width: 100%; margin: auto; } .item_png, .item_text { padding: 0; left: 8%; width: 80%; padding: .5em; } .item_text { background-color: transparent; border-radius: 0px; box-shadow: none; padding: 1em; } .slider_slider { display: block; text-align: left; margin: auto; } .slide { display: block; padding-bottom: 2em; width: 100%; text-align: left; margin: auto; } .hide_down { display: block  !important; } .info_png { display: none; } .round_ps { width: 100%; } } @media (max-width: 480px) { .hero_banner_bg { padding: 0; } .hero_banner_bg h2 { padding: 0; } .valign_center h2 { line-height: 1.4em; } } @media (max-width: 632px) { .fifty { width: 100%; } .round_ps { width: 80%; } .fifty:nth-of-type(1) { border-right: 0px; padding-right: 0%; } .fifty:nth-of-type(2) { padding-left: 0%; } #hero_banner p { display: none; } .item_{ width: 100%; } } @media (max-width: 1180px) { .banner_lfo { display: none; } .items_tablet { display: none  !important; } .item_{ height: auto; } .item_div { position: static; } .item_png, .item_text { margin: auto; text-align: center; min-height: 200px; height: auto; position: static  !important; left: 12%; top: 40px; max-width: 200px  !important; width: 100%  !important; padding-left: 0px  !important; } .info_png { display: none; } .items { display: block; margin: auto; } .item_{ display: block; padding-bottom: 2em; width: 65%; margin: auto; } .item_png, .item_text { padding: 0; left: 8%; width: 80%; padding: .5em; } .item_text { background-color: transparent; border-radius: 0px; box-shadow: none; padding: 1em; } .hide_down { display: block  !important; } .slider_slider { display: block; overflow: hidden; width: 302vw; padding-bottom: 0; min-height: 275px; } .slide { width: 94vw; display: inline-block; } .check p, .check img { display: inline-block  !important; margin: auto; } .check { text-align: center; } div.max_width { overflow: hidden; } .slide_btns { margin: auto; display: block; text-align: center; } .slide_btn { height: 24px; width: 24px; border-radius: 50px; background: gray; display: inline-block; margin: 1em; } .img_prod { height: 290px  !important; } } @media (max-width: 745px) { .item_png, .item_text { left: 4%  !important; } .item_png, .item_text { margin: auto; text-align: center; min-height: 200px; height: auto; position: absolute; left: 5%; top: 40px; width: 200px; } } @media (max-width: 850px) { .check p, .check img { display: block; margin: auto; } .round_ps { width: 100%; } .item_png, .item_text { margin: auto; text-align: center; min-height: 200px; height: auto; position: absolute; left: 12%; top: 40px; width: 200px; } .check, .slide h3 { min-height: 35px; } } @media (max-width: 932px) { .check p, .check img { display: block; margin: auto; } .round_ps { width: 100%; } } @media (max-width: 1000px) { .plus_png { display: none; } .items_tablet { display: block; } .info_png { display: none; } .items .item_.item_text { display: none  !important; } .items .item_.item_png { display: block  !important; } } @media (min-width: 1000px) { .items_tablet { display: none; } .info_png { min-height: 27px; } .table-item-mobile { display: none; } .table-item-desktop { display: block; } } @media (min-width: 1920px) { .link_banner { height: 100px; margin: auto; padding: 2em; display: block; } } @media (max-width: 1919px) { .link_banner{ height: 100px; margin: auto; } }