* { box-sizing: border-box; font-family: Lato, Helvetica, Arial, sans-serif } .commonHeader .second_view.show .second_list .second_list_ul.appmenu, .commonHeader .second_view.show .second_list .second_list_ul.appmenu .second_list_item .lazy_href .seccond_list_title .text p { margin-bottom: 0  !important } .commonFooter .pc_footer_nav ul.item li a.lazy_href { text-decoration: none  !important } ul { padding-left: 0  !important; margin-bottom: auto  !important } #shopProducts.container { width: 90%; max-width: 1800px  !important; margin: auto; padding: 0 } #hero-slider { display: block; width: 100%; border: 0 } #hero-slider, #hero-slider .carousel-item { outline: 0 } #hero-carousel { height: 80vh; background-color: #000 } #heroCarousel.think-slider .carousel-fade { overflow: hidden } #heroCarousel .carousel-indicators { position: absolute; right: 0; bottom: 15px  !important; left: 0; z-index: 15; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 0  !important; margin-left: 0  !important; list-style: none; width: 100%  !important } #heroCarousel .carousel-indicators button { cursor: pointer; position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 16px  !important; height: 16px  !important; margin-right: 8px  !important; margin-left: 8px  !important; text-indent: -999px; background-color: rgba(255, 255, 255, .5); border: none  !important; border-radius: 50%  !important } #heroCarousel .carousel-inner { position: relative; width: 100%; overflow: hidden; outline: 0 } #heroCarousel .carousel-overlay { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center } #heroCarousel .carousel-overlay .brand-logo { min-height: 120px; background: radial-gradient(rgba(0, 0, 0, .6) 0, rgba(255, 255, 255, 0) 75%)  !important; background: -moz-radial-gradient(rgba(0, 0, 0, .6) 0, rgba(255, 255, 255, 0) 75%)  !important; background: -webkit-radial-gradient(rgba(0, 0, 0, .6) 0, rgba(255, 255, 255, 0) 75%)  !important } #heroCarousel .carousel-overlay .overlay-btns .btn { display: inline-flex; align-items: center; background: #00000080; border-radius: 3px; color: #fff; text-decoration: none; transition: all .5s ease; border: 1px solid #fff; font-weight: 700; text-align: center; margin: 40px 20px; width: 200px; padding: 10px } #heroCarousel .carousel-overlay .overlay-btns .btn:hover { background-color: #3e8ddd; color: #fff; border: 1px solid #3e8ddd } #heroCarousel .carousel-overlay .overlay-btns .btn span { margin: 0 auto } #heroCarousel .carousel-overlay-right-top { position: absolute; z-index: 5; top: 20px; right: 20px } #heroCarousel .carousel-overlay-right-top img { height: 80px } h2#shopProducts { font-weight: 600; font-size: 54px; color: #000; text-align: center; padding: 80px 0 50px } .featured-thinkpads { padding-bottom: 40px } .featured-thinkpad .card { height: 750px  !important; border: 0 } .featured-thinkpad .card img { border-radius: 0 } .featured-thinkpad .card img.card-img { height: 750px  !important; object-fit: cover  !important } .featured-thinkpad .card .card-img-overlay { text-align: left; color: #fff; padding: 60px 40px } .featured-thinkpad .card .card-img-overlay .thinkpad-z-logo img { height: 80px } .featured-thinkpad .card-img-overlay a { position: absolute; bottom: 40px } .featured-thinkpad .card-img-overlay p { margin-top: 2rem  !important; font-size: 15px  !important } .featured-thinkpad .card-body { padding: 30px; background-color: #f9f8f8 } .featured-thinkpad .card-img-overlay .first-card-title { margin-top: 85px  !important ; text-align: left; } .featured-thinkpad .card-img-overlay .first-card-text { font-size: 15px  !important; } .featured-thinkpad .card-body .card-title.text-center { font-weight: 700; font-size: 32px; letter-spacing: 0; color: #294e95; margin: 10px 0 } .featured-thinkpad .card-body .card-text.featured-thinkpad-price-start { margin-bottom: .2rem } .featured-thinkpad .card-body .card-text.fw-bold { font-size: 20px } .featured-thinkpad .card-body ul { margin: 20px 20px 30px 20px; min-height: 100px; padding: 0 20px  !important } .featured-thinkpad .card-body ul li { list-style-type: disc  !important } .featured-thinkpad .card .card-img-overlay a, .featured-thinkpad .card-body p a.shop-now { background-color: #294e95; margin: 0; padding: 10px 50px; font-size: 16px; font-weight: 600; color: #fff; display: inline-block; white-space: nowrap; border-radius: 4px; border: 1px solid #eaeef5 } .featured-thinkpad .card .card-img-overlay a:hover, .featured-thinkpad .card-body p a.shop-now:hover { background-color: #eaeef5; color: #294e95; border: 1px solid #294e95 } .featured-thinkpad .card .info-overlay { position: absolute; top: 20px; left: 0; background: #e1251b; font-weight: 700; font-size: 14px; letter-spacing: 1.4px; color: #fff; padding: 5px 15px } #seriesList { font-size: 36px; font-weight: 700; color: #000; text-transform: none; text-align: center; padding: 1em 0; width: 90%; line-height: 1.125em; margin: 0 auto 20px } #containerSeries { margin: auto; display: flex; flex-wrap: wrap; justify-content: center } #containerSeries .card-series { width: 250px; height: auto; margin: 10px 15px; text-align: center } #containerSeries .card-series .series-thumb img { height: 185px; margin: 0 auto 1em; display: block } #containerSeries .card-series .title { font-size: 1.25em; font-weight: 600; line-height: 1em; color: #000; white-space: pre-line } #containerSeries .card-series .short-desc { height: 54px; text-transform: none; display: block; line-height: 1.125em; margin: 1em 0; white-space: normal } #containerSeries .card-series .start-at { margin-bottom: 5px } #containerAccessories .card-series .start-price, #containerSeries .card-series .start-price { font-weight: 600 } #containerAccessories .card-series .btn-secondary, #containerSeries .card-series .btn-secondary { width: 100%; text-decoration: none; margin-bottom: 0; text-transform: unset; margin: 0 auto; padding: 10px 50px; display: inline-block; color: #fff; border: 1px solid #eaeef5; background-color: #294e95; border-radius: 4px; font-size: 16px; font-weight: 500; transition: background-color .5s ease 0, color .5s ease 0; -moz-transition: background-color .5s ease 0, color .5s ease 0; -o-transition: background-color .5s ease 0, color .5s ease 0; -webkit-transition: background-color .5s ease, color .5s ease } #containerAccessories .card-series .btn-secondary:hover, #containerSeries .card-series .btn-secondary:hover { background-color: #eaeef5; color: #294e95; border: 1px solid #294e95 } .btn-toggle { width: 90%; line-height: 1.125em; margin: 20px auto 40px; display: flex; justify-content: center } .btn-toggle #toggle { border: 0; font-size: 1.25em; color: #294e95; text-indent: -.175em; cursor: pointer; margin-left: 1.5em; -webkit-transition: 1s; transition: 1s; background: 0 } .btn-toggle #toggle i.show { display: inline-block } .btn-toggle #toggle i.close { display: none } .btn-toggle #toggle span { margin: 0 5px } .dlp_Component_id .sub_header { font-weight: 700 } #accessoriesList { font-size: 1.75em; font-weight: 600; color: #000; text-transform: none; text-align: center; padding: 1.5em 0; width: 90%; line-height: 1.125em; margin: 0 auto } #containerAccessories { width: 90%; margin: auto; display: flex; flex-wrap: wrap; justify-content: center } #containerAccessories .card-series { width: 250px; height: auto; margin: 10px 15px; text-align: center } #containerAccessories .card-series .series-thumb img { height: 225px; margin: 0 auto 1em; display: block } #containerAccessories .card-series .title { font-size: 1.25em; font-weight: 600; line-height: 1em; color: #000; white-space: pre-line; margin-bottom: .5em } .all-accessories a { color: #294e95; text-decoration: none } .all-accessories a:hover { color: #01618d; text-decoration: underline  !important } .tabs { width: 800px; margin: 0 auto } .tab-nav { display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0 } .tab-nav li { flex: 1; text-align: center } .tab-nav a { display: block; padding: 10px; background-color: #ddd; color: #333; text-decoration: none } .tab-nav a.active { background-color: #333; color: #ddd } video { width: 800px } .sticky-header { position: fixed; top: -100px; left: 0; width: 100%; height: 60px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); z-index: 999; transition: top .3s ease-in-out } .navbar-visible { top: 0 } .thinkpad-nav-logo { height: 55px  !important; margin-left: 30px  !important } .sticky-header div .right .btn { padding: 10px 50px; white-space: nowrap; color: #294e95; border: 1px solid #294e95; border-radius: 4px; font-weight: 700 } .sticky-header div .right .btn:hover { background-color: #eaeef5 } .sticky-header div .right .to-top { float: right; background: #d4d4d4; border-radius: 50%; text-align: center; margin: 12px 15px; width: 30px; height: 30px; line-height: 28px; font-size: 16px; color: #fff } .commonHeader .masthead.flex .header_right .utility_nav .utility_nav_item.utility_nav_item_store .lazy_href .utility_nav_item_icon.utility_nav_item_store_icon p { margin-bottom: auto  !important } .premier-support-plus .premier-support-plus__left-side .premier-support-plus__left-side--content h2 { font-weight: 700 } .premier-support-plus .premier-support-plus__left-side .premier-support-plus__left-side--content .btn-wrap .btn { border-radius: 4px }