.logoWrapper .logo { background: none; } .logoWrapper .logo a { background-position: 0 0; background-color: #3b8cdb; } #ww-mirage-ces-2018 { position: relative; margin-top: 75px; font-family: "Lato", sans-serif; } #ww-mirage-ces-2018 .sticky-nav-wrapper .logo#sticky-logo { background-size: 100%  !important; } #ww-mirage-ces-2018 .sticky-nav-wrapper .items-container { margin: 0 0 0 -230px; padding: 0 0 0 50%; } #ww-mirage-ces-2018 #hero-banner { width: 100%; background-color: #fff; float: left; } #ww-mirage-ces-2018 #hero-banner .hero-image-1 { background-image: url(https://static.lenovo.com/ww/campaigns/2018/mirage-ces/hero-mirage-solo.png); background-repeat: no-repeat; width: 36%; height: 46.5vw; max-height: 800px; background-size: contain; float: left; position: relative; }#ww-mirage-ces-2018 #hero-banner .hero-content-wrapper { width: 28%; float: left; position: relative; }#ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .mirage-logo { background-image: url(https://static.lenovo.com/ww/campaigns/2018/mirage-ces/logo-lenovo-mirage.png); background-repeat: no-repeat; height: 80px; position: relative; background-position: center; background-size: contain; margin: 80px 0 20px 0; }#ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .mobile-hero-product-img { display: none; }#ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-banner-content { text-align: center; margin-bottom: 4em; }#ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-banner-content h2 { font-size: 3em; font-weight: 700; color: #318cdd; margin: 1.2em 0 0 0; line-height: 1.0em; letter-spacing: -1px; }#ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-banner-content p { font-size: 1em; line-height: 1.3em; letter-spacing: -0.5px; color: #555; margin: 2em auto; }#ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor { position: relative; width: auto; display: flex; justify-content: left; padding-left: 25%; margin-bottom: 1.2em; color: #555; }#ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor::after { width: 0; height: 0; content: ''; z-index: 2; border-left: .75em solid currentcolor; border-bottom: .5em solid transparent; border-top: .5em solid transparent; position: relative; align-self: center; right: -4%; color: #6abf4a; -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor:hover::after { transform: rotate(90deg); } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor .hero-anchor-img { float: left; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor .hero-anchor-text { float: left; padding: .5em 0 0 .75em; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor .hero-anchor-text .hero-anchor-text-large { font-size: 1.5vw; text-transform: uppercase; font-weight: 300; display: block; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor .hero-anchor-text .hero-anchor-text-large::after { content: "\A"; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor .hero-anchor-text .hero-anchor-text-small { font-size: .75vw; font-weight: 400; display: block; line-height: .025em; } #ww-mirage-ces-2018 #hero-banner .hero-image-2 { background-image: url(https://static.lenovo.com/ww/campaigns/2018/mirage-ces/hero-mirage-camera.png); background-repeat: no-repeat; width: 36%; height: 46.5vw; max-height: 800px; background-size: contain; float: left; position: relative; }#ww-mirage-ces-2018 .carousel .carousel-overlay { position: relative; bottom: 95.0%; left: 17%; float: left; height: 44.5vw; z-index: 99; } #ww-mirage-ces-2018 .carousel .carousel-overlay img { height: 100%; }#ww-mirage-ces-2018 .carousel .blade-content-wrapper { float: right; color: #fff; top: -95%; position: relative; right: 6.5em; margin: 0 auto; width: 30%; text-align: left; z-index: 99; transform: none; }#ww-mirage-ces-2018 .carousel .blade-content-wrapper .carousel-logo { margin-bottom: 10%; }#ww-mirage-ces-2018 .carousel .lSSlideOuter { width: 100%; height: 100%; position: relative; } #ww-mirage-ces-2018 .carousel .lSSlideWrapper { width: 100%; height: 100%; } #ww-mirage-ces-2018 .carousel .lSSlideWrapper .lightSlider { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0; } #ww-mirage-ces-2018 .carousel .lslide { max-height: 800px; height: 46.5vw; } #ww-mirage-ces-2018 .carousel .lslide img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #ww-mirage-ces-2018 .carousel ul.lSPager.lSpg { position: relative; display: inline-block; top: -25%; left: -20%; float: right; } #ww-mirage-ces-2018 .carousel ul.lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 10px; } #ww-mirage-ces-2018 .carousel ul.lSPager.lSpg > li a { background-color: #fff; border-radius: 30px; display: inline-block; height: 10px; overflow: hidden; text-indent: -999em; width: 10px; position: relative; z-index: 99; -webkit-transition: all .5s linear 0s; transition: all .5s linear 0s; } #ww-mirage-ces-2018 .carousel ul.lSPager.lSpg > li.active a { background-color: #6abf4a; } #ww-mirage-ces-2018 .carousel .lSAction { width: 26%; position: absolute; left: 64%; top: 70%; }#ww-mirage-ces-2018 .carousel .lSAction > .lSPrev { float: left; } #ww-mirage-ces-2018 .carousel .lSAction > .lSNext { float: right; } #ww-mirage-ces-2018 .carousel .lSAction > a { opacity: 1; } #ww-mirage-ces-2018 .carousel .lSAction > a:hover { color: #e11f7a; } #ww-mirage-ces-2018 .carousel .lSAction .lSPrev, #ww-mirage-ces-2018 .carousel .lSAction .lSNext { height: 78px; width: 42px; margin-top: 0; background-image: none; position: relative; } #ww-mirage-ces-2018 .carousel .lSAction .lSPrev:after, #ww-mirage-ces-2018 .carousel .lSAction .lSNext:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 3.5em; height: 3.5em; border-top: 2px solid #fff; border-left: 2px solid #fff; left: -7px; bottom: 17px; -moz-transform: rotateZ(-232deg) skewX(-15deg); -ms-transform: rotateZ(-232deg) skewX(-15deg); -webkit-transform: rotateZ(-232deg) skewX(-15deg); transform: rotateZ(-232deg) skewX(-15deg); } #ww-mirage-ces-2018 .carousel .lSAction .lSNext:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 3.5em; height: 3.5em; border-top: 2px solid #fff; border-left: 2px solid #fff; left: -7px; bottom: 17px; -moz-transform: rotateZ(-232deg) skewX(-15deg); -ms-transform: rotateZ(-232deg) skewX(-15deg); -webkit-transform: rotateZ(-232deg) skewX(-15deg); transform: rotateZ(-232deg) skewX(-15deg); } #ww-mirage-ces-2018 .carousel .lSAction .lSPrev:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 3.5em; height: 3.5em; border-top: 2px solid #fff; border-left: 2px solid #fff; left: 5px; bottom: 17px; -moz-transform: rotateZ(-52deg) skewX(-15deg); -ms-transform: rotateZ(-52deg) skewX(-15deg); -webkit-transform: rotateZ(-52deg) skewX(-15deg); transform: rotateZ(-52deg) skewX(-15deg); } #ww-mirage-ces-2018 #blade-1 { background-color: #fff; }#ww-mirage-ces-2018 #blade-2 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/solo-standalone.jpg"); } #ww-mirage-ces-2018 #blade-2 .blade-content-wrapper .play-btn .fa-play-circle-o { -webkit-text-stroke: 11px #6abf4a; }#ww-mirage-ces-2018 #blade-3 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/solo-move-natural.jpg"); background-position: left; } #ww-mirage-ces-2018 #blade-3 .blade-content-wrapper .play-btn .fa-play-circle-o { -webkit-text-stroke: 11px #0b65b3; }#ww-mirage-ces-2018 #blade-4 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/solo-daydream-apps.jpg"); }@inlclude breakpoint(up-to-small) { #ww-mirage-ces-2018 #blade-4 .blade-content-wrapper { top: 36%; } }#ww-mirage-ces-2018 #blade-4 .blade-content-wrapper .play-btn .fa-play-circle-o { -webkit-text-stroke: 11px #57af37; }#ww-mirage-ces-2018 #blade-5 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/solo-comfort-zoomed.jpg"); background-position: 100% 0; background-color: #fff; background-size: contain; } #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper { color: #555; } #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper .prod-mirage-solo-small-img { margin-bottom: 3em; }#ww-mirage-ces-2018 #blade-6.carousel ul.lSPager.lSpg { left: -22%; }#ww-mirage-ces-2018 #blade-7 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/camera-soccer-mom.jpg"); }#ww-mirage-ces-2018 #blade-9 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/camera-take-me-everywhere.png"); background-color: #f2f2f2; background-position: 100% 50%; background-size: 50%; } #ww-mirage-ces-2018 #blade-9 .blade-content-wrapper { color: #555; }#ww-mirage-ces-2018 #blade-10 { background-color: #fff; }#ww-mirage-ces-2018 #blade-10 .half-blade { width: 50%; float: left; text-align: center; }#ww-mirage-ces-2018 #blade-10 .half-blade .half-blade-img { width: 75%; }#ww-mirage-ces-2018 #blade-10 .half-blade .half-blade-logo { width: 30%; } #ww-mirage-ces-2018 #blade-10 .notify-me-cta { position: relative; display: block; margin: 5% 0; text-align: center; }#ww-mirage-ces-2018 #blade-10 .notify-me-cta a { color: #fff; font-size: 1.5em; font-weight: 500; text-transform: uppercase; background-color: #09c; padding: 2% 4%; } #ww-mirage-ces-2018 #blade-10 .notify-me-cta a:hover { background-color: #fff; color: #09c; border: 1px solid #09c; }#ww-mirage-ces-2018 #blade-11 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/camera-birthday-party.jpg"); height: 46.5vw; min-height: unset; background-size: cover; background-position: center; } #ww-mirage-ces-2018 #blade-12.carousel .lSAction { left: 36%; top: 82%; } #ww-mirage-ces-2018 #blade-12.carousel.blade { height: 46vw; }#ww-mirage-ces-2018 #blade-12.carousel ul.lSPager.lSpg { top: -16%; left: -46%; }#ww-mirage-ces-2018 .blade { background-repeat: no-repeat; background-size: cover; height: 46.5vw; max-height: 800px; width: 100%; float: left; position: relative; outline: none; overflow: hidden; }#ww-mirage-ces-2018 .blade-content-wrapper { color: #fff; position: absolute; top: 50%; transform: translate(0, -50%); margin: 0 auto; width: 31%; text-align: left; z-index: 99; }#ww-mirage-ces-2018 .blade-content-wrapper.align-left { float: left; left: 5%; }#ww-mirage-ces-2018 .blade-content-wrapper.align-right { float: right; right: 5.5em; }#ww-mirage-ces-2018 .blade-content-wrapper .content-headline { font-size: 2.5em; line-height: 1em; padding-bottom: 4%; font-weight: 300; }#ww-mirage-ces-2018 .blade-content-wrapper .content-body { font-weight: 300; font-size: 1.0em; line-height: 1.4em; }#ww-mirage-ces-2018 .blade-content-wrapper a.play-btn { margin: 5em auto 0 auto; display: block; color: #fff; }#ww-mirage-ces-2018 .blade-content-wrapper a.play-btn .fa-play-circle-o { font-size: 8em; text-align: center; display: block; -webkit-font-smoothing: antialiased; }#ww-mirage-ces-2018 .blade-content-wrapper a.play-btn .play-btn-text { text-align: center; width: 100%; color: #fff; position: absolute; left: 0; }#ww-mirage-ces-2018 .blade-content-wrapper a.play-btn:hover { color: #fee600; } #ww-mirage-ces-2018 .blade-content-wrapper a.play-btn:hover .play-btn-text { color: #fee600; } #ww-mirage-ces-2018 .vr-closeup { overflow: hidden; background: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/camera-soccer-game.jpg") no-repeat; background-attachment: fixed; background-size: cover; background-position: center; max-height: 800px; height: 46.5vw; width: 100vw; }#ww-mirage-ces-2018 .vr-closeup img { height: 100%; width: 100%; object-fit: cover; }#ww-mirage-ces-2018 .vr-closeup .vr-closeup-text { position: relative; color: #fff; font-size: 1em; font-weight: 300; line-height: 1.3em; bottom: 5em; margin: 0 auto; text-align: center; width: 55%; } .lnvmodal .lnvmodal-main .lnvmodal-header { border-bottom: none; padding: 0; } .lnvmodal .lnvmodal-main .lnvmodal-inner { border-radius: 2px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .6); box-shadow: 0 0 30px rgba(0, 0, 0, .6); top: 25%; z-index: 20; width: 35%; height: auto  !important; max-width: 55em; max-width: 95vw; overflow-x: hidden; -webkit-overflow-scrolling: touch; }.lnvmodal .lnvmodal-main .lnvmodal-content { border-bottom: none; padding: 8% 0 0 0; max-height: none; overflow-x: hidden; overflow-y: auto; } .lnvmodal .lnvmodal-main .lnvmodal-content iframe { min-height: 35vh; height: 50vh; width: 100%; } .submit > span { color: #fff; font-size: 3vw; line-height: 3.4vw; font-family: "lato-bold", sans-serif; } .submit { background: #e11f7a; background-image: none; border: 1px solid #e11f7a; float: none; margin: 0 auto; } table { margin-top: 7%; } body { margin: 0; } #oo_tab { display: none; } #oo_tab.oo_tab_right { display: none  !important; } #oo_bar { display: none  !important; } .masthead .pageWrapper { margin-left: 0; width: 100%; max-width: none; } .logoWrapper .logo a { background-image: url(/_ui/desktop/common/ISS_Static/WW/css/themes/owv2/images/masthead/logo-clear.png); } @media (max-width: 60em) { .logoWrapper .logo a { background-size: contain  !important; height: 178px  !important; } .logoWrapper .logo a { background-image: url(https://static.lenovo.com/ww/campaigns/2018/mirage-ces/lenovo-logo-dark-blue-mobile.png); } } @media (max-width: 100em) and (min-width: 68.75em) { #ww-mirage-ces-2018 #hero-banner .hero-image-1 { width: 32%; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper { width: 36%; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor { margin-bottom: 1.2em; } #ww-mirage-ces-2018 #hero-banner .hero-image-2 { width: 32%; } #ww-mirage-ces-2018 .carousel ul.lSPager.lSpg { top: -27%; left: -18.5%; } #ww-mirage-ces-2018 .blade-content-wrapper { width: 30%; } #ww-mirage-ces-2018 .blade-content-wrapper.align-right { right: 4.5em; } #ww-mirage-ces-2018 .vr-closeup { background-size: 182%; } } @media (max-width: 68.75em) { #ww-mirage-ces-2018 #hero-banner .hero-image-1 { display: none; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper { width: 100%; text-align: center; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .mirage-logo { margin: 10px 0 5px 0; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .mobile-hero-product-img { display: block; background: url(https://static.lenovo.com/ww/campaigns/2018/mirage-ces/hero-mirage-mobile.jpg) no-repeat #fff; height: 300px; position: relative; background-position: center; background-size: contain; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-banner-content { margin-bottom: 2em; text-align: center; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-banner-content h2 { margin: .5em 0; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-banner-content p { width: 80%; font-size: 1em; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor { margin-right: 3em; padding-left: 0; display: inline-flex; justify-self: center; } #ww-mirage-ces-2018 #hero-banner .hero-image-2 { display: none; } #ww-mirage-ces-2018 .carousel.blade { background-size: contain; height: 60vw; min-height: 400px; } #ww-mirage-ces-2018 .carousel .carousel-overlay { display: none; } #ww-mirage-ces-2018 .carousel .blade-content-wrapper { top: unset; right: unset; bottom: 21%; width: 100%; float: left; text-align: center; } #ww-mirage-ces-2018 .carousel .blade-content-wrapper .carousel-logo { display: none; } #ww-mirage-ces-2018 .carousel .lSAction { display: none  !important; } #ww-mirage-ces-2018 #blade-1 { background-color: #0a64b2; } #ww-mirage-ces-2018 #blade-2 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/solo-standalone-mobile.jpg"); } #ww-mirage-ces-2018 #blade-2 .blade-content-wrapper .play-btn .fa-play-circle-o { -webkit-text-stroke: 6px #f2f2f2; } #ww-mirage-ces-2018 #blade-3 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/solo-move-natural-mobile.jpg"); background-color: #0a64b2; background-position: top; } #ww-mirage-ces-2018 #blade-3 .blade-content-wrapper { color: #fff; } #ww-mirage-ces-2018 #blade-3 .blade-content-wrapper .play-btn { color: #fff; } #ww-mirage-ces-2018 #blade-3 .blade-content-wrapper .play-btn .fa-play-circle-o { -webkit-text-stroke: 6px #0a64b2; } #ww-mirage-ces-2018 #blade-3 .blade-content-wrapper .play-btn .play-btn-text { color: #fff; } #ww-mirage-ces-2018 #blade-4 .blade-content-wrapper { top: 48%; color: #555; } #ww-mirage-ces-2018 #blade-4 .blade-content-wrapper .play-btn { color: #555; } #ww-mirage-ces-2018 #blade-4 .blade-content-wrapper .play-btn .fa-play-circle-o { -webkit-text-stroke: 6px #f2f2f2; } #ww-mirage-ces-2018 #blade-4 .blade-content-wrapper .play-btn .play-btn-text { color: #555; } #ww-mirage-ces-2018 #blade-4 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/solo-daydream-apps-mobile.jpg"); } #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper .prod-mirage-solo-small-img { display: none; } #ww-mirage-ces-2018 #blade-5 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/solo-comfort-zoomed-mobile.jpg"); background-color: #0a64b2; } #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper { color: #fff; } #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper .play-btn { color: #fff; } #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper .play-btn .fa-play-circle-o { -webkit-text-stroke: 6px #0a64b2; } #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper .play-btn .play-btn-text { color: #fff; } #ww-mirage-ces-2018 #blade-6.carousel { min-height: 450px; } #ww-mirage-ces-2018 #blade-6.carousel .blade-content-wrapper { bottom: 29%; color: #555; } #ww-mirage-ces-2018 #blade-6.carousel ul.lSPager.lSpg { left: -44%; top: -48%; } #ww-mirage-ces-2018 #blade-7 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/camera-soccer-mom-mobile.jpg"); background-color: #6abf4a; } #ww-mirage-ces-2018 #blade-7 .blade-content-wrapper { color: #fff; } #ww-mirage-ces-2018 #blade-9 { background-image: url("https://static.lenovo.com/ww/campaigns/2018/mirage-ces/camera-take-me-everywhere-mobile.jpg"); background-position: top; background-size: contain; } #ww-mirage-ces-2018 #blade-10.blade { max-height: none; height: auto; } #ww-mirage-ces-2018 #blade-10 .half-blade { width: 100%; } #ww-mirage-ces-2018 #blade-10 .notify-me-cta { margin: 6% 0; } #ww-mirage-ces-2018 #blade-10 .notify-me-cta a { font-size: 1.4em; line-height: 1em; padding: 3% 7%; text-align: center; } #ww-mirage-ces-2018 #blade-12.carousel { min-height: 230px; background-color: #000; } #ww-mirage-ces-2018 #blade-12.carousel ul.lSPager.lSpg { top: -19%; left: -37%; } #ww-mirage-ces-2018 .blade { background-size: contain; height: 60vw; min-height: 600px; } #ww-mirage-ces-2018 .blade-content-wrapper { text-align: center; width: 100%; float: left; left: 0; right: 0; color: #555; position: relative; top: 64%; transform: none; } #ww-mirage-ces-2018 .blade-content-wrapper.align-left { left: unset; } #ww-mirage-ces-2018 .blade-content-wrapper.align-right { right: unset; float: left; } #ww-mirage-ces-2018 .blade-content-wrapper .content-headline { font-size: 1.5em; padding-bottom: 2%; font-weight: 300; } #ww-mirage-ces-2018 .blade-content-wrapper .content-body { font-weight: 300; font-size: 1.0em; line-height: 1.4em; width: 90%; margin: 0 auto; } #ww-mirage-ces-2018 .blade-content-wrapper a.play-btn { margin: 1em auto 0 auto; color: #555; } #ww-mirage-ces-2018 .blade-content-wrapper a.play-btn .fa-play-circle-o { font-size: 4em; } #ww-mirage-ces-2018 .blade-content-wrapper a.play-btn .play-btn-text { color: #555; } #ww-mirage-ces-2018 .vr-closeup { height: auto; max-height: none; background-size: 360%; background-color: #000; margin: 0; background-attachment: local; } #ww-mirage-ces-2018 .vr-closeup img { margin-bottom: -0.75em; } #ww-mirage-ces-2018 .vr-closeup .vr-closeup-text { padding: 3% 3%; bottom: 3.5%; background-color: #000; color: #fff; line-height: 1.4em; width: 100%; margin: 0 auto; } .lnvmodal .lnvmodal-main .lnvmodal-inner { width: 85%; top: 30px; margin: auto; } } @media (max-width: 48em) { #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .mirage-logo { margin: 10px auto 5px auto; width: 60%; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .mobile-hero-product-img { height: 175px; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-banner-content h2 { font-size: 2em; margin: 0; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-banner-content p { width: 95%; } #ww-mirage-ces-2018 #hero-banner .hero-content-wrapper .hero-anchor { display: none; } #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper { top: 47%; } #ww-mirage-ces-2018 #blade-6.carousel .blade-content-wrapper { bottom: 51%; } #ww-mirage-ces-2018 #blade-6.carousel ul.lSPager.lSpg { left: -44%; top: -66%; } #ww-mirage-ces-2018 #blade-8.blade { min-height: 300px; height: auto; } #ww-mirage-ces-2018 #blade-10 .notify-me-cta { margin: 10% 0; } #ww-mirage-ces-2018 #blade-10 .notify-me-cta a { padding: 5% 8%; } #ww-mirage-ces-2018 #blade-12.carousel ul.lSPager.lSpg { left: -25%; } #ww-mirage-ces-2018 .blade { height: 75vw; min-height: 550px; } #ww-mirage-ces-2018 .blade-content-wrapper { top: 37%; } #ww-mirage-ces-2018 .blade-content-wrapper .content-headline { font-size: 1.8em; } } @media (min-width: 48em) and (max-width: 68.75em) { #ww-mirage-ces-2018 .carousel.blade { height: 75vw; } #ww-mirage-ces-2018 .carousel .blade-content-wrapper { bottom: 29%; } #ww-mirage-ces-2018 .carousel ul.lSPager.lSpg { top: -45%; left: -38%; } #ww-mirage-ces-2018 #blade-8.blade { height: auto; } #ww-mirage-ces-2018 .blade { height: 75vw; } } @media (min-width: 29em) and (max-width: 48em) { #ww-mirage-ces-2018 .carousel.blade { height: 70vw; } #ww-mirage-ces-2018 .carousel .blade-content-wrapper { bottom: 28%; } #ww-mirage-ces-2018 .carousel ul.lSPager.lSpg { top: -44%; left: -42%; } #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper { top: 63%; } #ww-mirage-ces-2018 #blade-6.carousel .blade-content-wrapper { bottom: 29%; } #ww-mirage-ces-2018 #blade-6.carousel ul.lSPager.lSpg { top: -44%; } #ww-mirage-ces-2018 #blade-12.carousel ul.lSPager.lSpg { left: -36%; } #ww-mirage-ces-2018 .blade { min-height: 650px; } #ww-mirage-ces-2018 .blade-content-wrapper { top: 55%; } #ww-mirage-ces-2018 .vr-closeup { background-size: 260%; } } @media (min-width: 100em) { #ww-mirage-ces-2018 .carousel .carousel-overlay { height: 99.5%; } #ww-mirage-ces-2018 #blade-10 .half-blade .half-blade-img { width: 70%; } } @media (min-width: 68.75em) { #ww-mirage-ces-2018 .carousel .blade-content-wrapper { top: -86%; right: 5%; } } @media (max-width: 29em) { #ww-mirage-ces-2018 .carousel .blade-content-wrapper { bottom: 45%; } #ww-mirage-ces-2018 .carousel ul.lSPager.lSpg { top: -71%; left: -33%; } #ww-mirage-ces-2018 #blade-4.blade { min-height: 600px; } #ww-mirage-ces-2018 #blade-4 .blade-content-wrapper { top: 36%; } #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper { top: 40%; } #ww-mirage-ces-2018 #blade-6.carousel .blade-content-wrapper { bottom: 54%; } #ww-mirage-ces-2018 #blade-6.carousel ul.lSPager.lSpg { top: -76%; } #ww-mirage-ces-2018 .blade-content-wrapper { top: 32%; } .lnvmodal .lnvmodal-main .lnvmodal-inner { left: 0  !important; width: 100%; } } @media screen and (min-width: 29em) and (max-width: 48em) and (orientation: landscape) { #ww-mirage-ces-2018 .carousel ul.lSPager.lSpg { top: -42%; left: -40%; } } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #ww-mirage-ces-2018 .carousel ul.lSPager.lSpg { left: -44%; } } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { #ww-mirage-ces-2018 #blade-2 .blade-content-wrapper { top: 60%; } #ww-mirage-ces-2018 #blade-3 .blade-content-wrapper { top: 60%; } #ww-mirage-ces-2018 #blade-7 .blade-content-wrapper { top: 62%; } } @media screen and (orientation: landscape) { #ww-mirage-ces-2018 #blade-4 .blade-content-wrapper { top: 48%; } } @media screen and (max-width: 48em) and (orientation: landscape) { #ww-mirage-ces-2018 #blade-5 .blade-content-wrapper { top: 64%; } #ww-mirage-ces-2018 #blade-6.carousel .blade-content-wrapper { bottom: 29%; } #ww-mirage-ces-2018 #blade-6.carousel ul.lSPager.lSpg { top: -45%; } #ww-mirage-ces-2018 #blade-12.carousel ul.lSPager.lSpg { left: -35%; } #ww-mirage-ces-2018 .blade { min-height: 650px; } #ww-mirage-ces-2018 .blade-content-wrapper { top: 57%; } } @media (min-width: 46.875em) { .scrolled.logoWrapper .logo a { background-image: url(https://static.lenovo.com/ww/campaigns/2018/mirage-ces/lenovo-logo-small-blue.png); } }