[class*='sd-btn'] { padding: 0; border: 0; outline: 0; background: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; text-align: center; cursor: pointer; display: inline-block; position: relative; text-decoration: none; } [class*='sd-btn']::-ms-expand { display: none; } [class*='sd-btn']::-ms-clear { display: none; } [class*='sd-btn']:hover { text-decoration: none; } .sd-btn-x-green { background-image: url(https://static.lenovo.com/ww/campaigns/2018/smartdisplay/rev2-images/lenovo-smart-display-spritesheet.png); background-position: 0px -47px; width: 25px; height: 25px; } .sd-btn-light { height: 49px; border: 1px solid #fefefe; font-size: 16px; line-height: 45px; padding: 0 1.5em; color: #fefefe; text-transform: uppercase; border-radius: 2px; font-weight: 700; } .sd-btn-blue { border-radius: 2px; background-color: #009dd9; color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 50px; padding: 0 2em; -webkit-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; } .sd-btn-blue:hover { background-color: #00668d; } @font-face { font-family: 'GoogleSans-Regular'; src: url("https://static.lenovo.com/ww/campaigns/2018/smartdisplay/webfont/GoogleSans-Regular.woff") format("woff"), url("https://static.lenovo.com/ww/campaigns/2018/smartdisplay/webfont/GoogleSans-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; } [class*='sd-link'] { cursor: pointer; text-decoration: none; } [class*='sd-link']:focus { outline: none; } .sd-link-cplus { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #009dd9; } .sd-link-cplus:before { background-image: url(https://static.lenovo.com/ww/campaigns/2018/smartdisplay/rev2-images/lenovo-smart-display-spritesheet.png); background-position: -53px -47px; width: 22px; height: 22px; display: block; content: ''; margin-right: .5em; } [class*='sd-list'] { list-style: none; padding: 0; margin: 0; } .sd-list-html-icon__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1em; text-align: left; } .sd-list-html-icon__img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 25px; margin-top: 5px; } .sd-list-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sd-list-logo__item { padding: 25px; } html { overflow-x: hidden; } .sd-title-reg { color: #6eba35; font-size: 45px; font-weight: 400; line-height: 1.3; text-align: center; margin: 0 0 1em; } .l-container { margin-left: auto; margin-right: auto; } .l-specification-list { list-style: none; margin: 0; padding: 0; display: grid; grid-column-gap: 40px; grid-row-gap: 30px; } .l-specification-list > li:nth-child(3) { grid-row: 2 / span 4; } .l-specification-list > li { margin-bottom: 15px; } .l-sd-buybox-grid { list-style: none; margin: 0; padding: 0; margin-top: -20px; } .l-sd-buybox-grid > .col { margin-top: 20px; } .sd-hero { position: relative; } .sd-hero__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .5); z-index: 1; } .sd-hero__video-bg { overflow: hidden; max-height: 100vh; } .sd-hero__header { width: 100%; line-height: 1.3; color: #fff; padding: 0 20px; } .sd-hero__title { margin: 0 0 30px; } .sd-hero__title img { max-width: 100%; } .sd-hero__title span {display: none} .sd-hero__descr { font-size: 35px; margin: 0 0 40px; } .sd-hero__descr > :last-child { margin-bottom: 0  !important; } .sd-hero__descr-quote { padding-top: .75em; display: block; font-size: 18px; } .sd-hero__actions { text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; } .sd-hero__actions .sd-btn-light { margin: 0 10px; min-width: 220px; } .sd-tile { position: relative; overflow: hidden; } .sd-tile.is-active .sd-tile__popup { max-height: 9999px; } .sd-tile.is-active .sd-tile__line--link .sd-link-cplus:before { background-image: url(https://static.lenovo.com/ww/campaigns/2018/smartdisplay/rev2-images/lenovo-smart-display-spritesheet.png); background-position: -28px -47px; width: 22px; height: 22px; } .sd-tile.is-active .sd-tile__line--link .sd-link-cplus span:first-child { display: none; } .sd-tile.is-active .sd-tile__line--link .sd-link-cplus span:last-child { display: inline; } .sd-tile__section--img img { display: block; width: 100%; } .sd-tile__inner { padding: 40px 0; max-width: 580px; width: 90%; margin: auto; } .sd-tile__inner > :last-child { margin-bottom: 0  !important; } .sd-tile__line { margin-bottom: 30px; text-align: center; } .sd-tile__line--title { line-height: 1.33; } .sd-tile__line--title .sd-title-reg { text-align: inherit; line-height: inherit; margin-bottom: 0; } .sd-tile__line--msg { font-family: 'GoogleSans-Regular', sans-serif; font-size: 25px; font-weight: 400; line-height: 1.44; } .sd-tile__line--link .sd-link-cplus span:last-child { display: none; } .sd-tile__msg { display: inline-block; border-radius: 10px; background-color: #e3e3e3; padding: .4em .8em; max-width: 95%; } .sd-tile__popup { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fafafa; position: relative; -webkit-box-shadow: inset 1px 1px 8px 2px rgba(0, 0, 0, .1); box-shadow: inset 1px 1px 8px 2px rgba(0, 0, 0, .1); max-height: 0; -webkit-transition: max-height .4s; -o-transition: max-height .4s; transition: max-height .4s; } .sd-tile__popup-close { position: absolute; top: 20px; right: 20px; } .sd-tile__popup-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; padding: 80px 0; color: #222; font-size: 20px; line-height: 1.5; } .sd-tile__popup-content .l-container { max-width: 500px; } .sd-tile__copyright { color: #c4beb6; font-size: 14px; font-weight: 400; } .sd-site-section--autoplay .sd-tile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 90%; margin: auto; } .sd-site-section--autoplay .sd-tile__section { width: 100%; } .sd-site-section--autoplay .sd-tile__section--img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .sd-site-section--autoplay .sd-tile__section--info { margin-bottom: 15px; } .sd-site-section--autoplay .sd-tile__inner { padding: 0  !important; } .sd-site-section--autoplay .sd-tile__msg { margin-left: 0; } .sd-owl-autoplay { margin-bottom: 55px; } .sd-site-section { background-color: #fff; font: 300 18px / 1.67 'Lato'; color: #222; } .sd-site-section * { -webkit-box-sizing: border-box; box-sizing: border-box; } .sd-site-section img.gALogo {width: 250px; margin-top: 16px} .sd-site-section--padding { padding: 130px 0; } .sd-site-section--gray { background-color: #fafafa; } .sd-site-section--copyright { color: #c4beb6; font-size: 14px; font-weight: 400; line-height: 1.57; padding: 17px 0; } .sd-owl-nav { position: relative; } .sd-owl-nav__slide { position: relative; } .sd-owl-nav__slide img { opacity: .4; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; } .sd-owl-nav.owl-carousel .owl-item.active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .sd-owl-nav.owl-carousel .owl-nav { margin: 0; } .sd-owl-nav.owl-carousel .owl-nav [class*='owl-'] { outline: none; } .sd-owl-nav.owl-carousel .owl-nav [class*='owl-'].owl-prev { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(https://static.lenovo.com/ww/campaigns/2018/smartdisplay/rev2-images/lenovo-smart-display-spritesheet.png); background-position: 0px 0px; width: 44px; height: 44px; } .sd-owl-nav.owl-carousel .owl-nav [class*='owl-'].owl-next { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(https://static.lenovo.com/ww/campaigns/2018/smartdisplay/rev2-images/lenovo-smart-display-spritesheet.png); background-position: -47px 0px; width: 44px; height: 44px; } .sd-owl-nav.owl-carousel .owl-nav [class*='owl-'] span { display: none; } .sd-owl-nav.owl-carousel .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } .sd-owl-nav.owl-carousel .owl-dots .owl-dot { width: 50px; height: 3px; background-color: #d8d8d8; margin: 0 2px; } .sd-owl-nav.owl-carousel .owl-dots .owl-dot.active { background-color: #6eba35; } .sd-owl-nav.owl-carousel .owl-dots .owl-dot:focus { outline: none; } .sd-specification { font-size: 15px; line-height: 1.6; } .sd-specification__title { color: #6eba35; font-weight: 700; margin-bottom: 20px; } .sd-specification__list { list-style: none; margin: 0; padding: 0; } .sd-specification__list > :last-child { margin-bottom: 0  !important; } .sd-specification__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 17px; } .sd-specification__sep { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-top: 1px dashed #d7d7d7; min-width: 60px; margin: 15px 10px 0; } .sd-specification__label { -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; color: #666; } .sd-specification__value { text-align: right; } .sd-specification-tabs__nav { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sd-specification-tabs__nav-item { border: 1px solid #c4beb6; position: relative; color: #c4beb6; font-size: 15px; font-weight: 400; } .sd-specification-tabs__nav-item + .sd-specification-tabs__nav-item { margin-left: -1px; } .sd-specification-tabs__nav-item:first-child { border-radius: 4px 0 0 4px; } .sd-specification-tabs__nav-item:last-child { border-radius: 0 4px 4px 0; } .sd-specification-tabs__nav-item.is-active { border-color: #222; color: #222; z-index: 1; } .sd-specification-tabs__nav-btn { display: block; line-height: 40px; padding: 0 22px; min-width: 170px; color: inherit; text-decoration: none; text-align: center; } .sd-specification-tabs__nav-btn:focus { outline: none; } .sd-specification-tabs__content { list-style: none; margin: 0; padding: 0; } .sd-specification-tabs__tab { display: none; list-style: none; padding: 0; } .sd-buybox { border: 1px solid #ebebeb; padding: 110px 85px; } .sd-buybox__img { margin-bottom: 45px; min-height: 165px; } .sd-buybox__info {min-height: 200px} .sd-buybox__img img { display: block; width: 100%; } .sd-buybox__title { font-size: 35px; font-weight: 300; margin: 0 0 .65em; line-height: 1.3; } .sd-buybox__price { font-size: 25px; font-weight: 400; line-height: 1; margin-bottom: 30px; } .sd-buybox__action .sd-btn-blue { min-width: 208px; height: auto; } .sd-how-container__header { max-width: 570px; margin: auto; text-align: center; margin-bottom: 95px; } .sd-how-container__header p { margin: 0; } .sd-how-container__title { margin-bottom: 5px; } .sd-how-container__title .sd-title-reg { margin: 0; } .sd-how-container__details { position: relative; } .sd-detail__img img { display: block; width: 100%; } .sd-detail__descr { color: #6ac346; font-size: 16px; font-weight: 400; line-height: 1.5; width: 325px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: opacity, -webkit-transform .4s .5s linear; transition: opacity, -webkit-transform .4s .5s linear; -o-transition: opacity, transform .4s .5s linear; transition: opacity, transform .4s .5s linear; transition: opacity, transform .4s .5s linear, -webkit-transform .4s .5s linear; } .sd-detail__pointer { background-color: #6ac346; width: 20px; height: 20px; border-radius: 50%; } .sd-detail__pointer:before { position: absolute; top: 50%; left: 50%; content: ''; border-top: 1px solid #6ac346; } .sd-detail--speaker { z-index: 1; } .sd-detail.aos-animate .sd-detail__descr { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @media screen and (min-width: 768px) { .l-specification-list { grid-template-columns: repeat(2, 1fr); } .sd-hero__video-bg .ytplayer-container { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .sd-hero__video-bg .ytplayer-container:before { display: block; content: ""; padding-top: 56.25%; } .sd-hero__video-bg .ytplayer-container > .embed, .sd-hero__video-bg .ytplayer-container iframe, .sd-hero__video-bg .ytplayer-container embed, .sd-hero__video-bg .ytplayer-container object, .sd-hero__video-bg .ytplayer-container video { position: absolute  !important; top: 0  !important; bottom: 0  !important; left: 0  !important; width: 100%  !important; height: 100%  !important; border: 0  !important; } } @media screen and (min-width: 992px) { .sd-hero__header { max-width: 75%; } } @media screen and (min-width: 1280px) { .l-container { width: 1160px; } .sd-hero .l-container {width: 90%} .l-specification-list { grid-column-gap: 70px; } .l-sd-buybox-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .l-sd-buybox-grid { margin-left: -12px; margin-right: -12px; } .l-sd-buybox-grid > .col { padding-left: 12px; padding-right: 12px; } .l-sd-buybox-grid > .col { width: 50%; } .l-sd-buybox-grid > .col { display: -webkit-box; display: -ms-flexbox; display: flex; } .sd-tile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sd-tile.is-active .sd-tile__popup { visibility: visible; opacity: 1; -webkit-transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, -webkit-transform; -o-transition-property: visibility, opacity, transform; transition-property: visibility, opacity, transform; transition-property: visibility, opacity, transform, -webkit-transform; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sd-tile:nth-child(odd) .sd-tile__inner { padding-left: 100px; } .sd-tile:nth-child(even) .sd-tile__section--img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .sd-tile:nth-child(even) .sd-tile__section--info { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .sd-tile:nth-child(even) .sd-tile__inner { padding-right: 100px; } .sd-tile__section { width: 50%; } .sd-tile__section--info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sd-tile__inner { text-align: left; margin: 0; padding: 0; } .sd-tile__line { text-align: left; } .sd-tile__msg { margin-left: -.8em; } .sd-tile__popup { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, -webkit-transform; -o-transition-property: visibility, opacity, transform; transition-property: visibility, opacity, transform; transition-property: visibility, opacity, transform, -webkit-transform; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; max-height: none; z-index: 1; -webkit-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .sd-tile__popup-close { position: absolute; top: 20px; right: 20px; display: inline-block; z-index: 1; } .sd-tile__popup-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sd-tile__popup-content .sd-list-html-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: none; } .sd-tile__popup-content .sd-list-html-icon__item { width: 45%; } .sd-tile__popup-content .sd-list-html-icon__item:nth-last-child(-n + 2) { margin-bottom: 0; } .sd-tile__popup-content .l-container { max-width: none; } .sd-tile__copyright { position: absolute; right: 0; bottom: 85px; left: 0; width: 90%; margin: auto; max-width: 1160px; } .sd-site-section--autoplay .sd-tile__section--info { margin-bottom: 60px; } .sd-site-section--autoplay .sd-tile__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: none; } .sd-site-section--autoplay .sd-tile__line--title { width: 100%; margin-bottom: 50px; text-align: center; } .sd-site-section--autoplay .sd-tile__line--title .sd-title-reg { max-width: 520px; margin: auto; } .sd-site-section--autoplay .sd-tile__line--msg { max-width: 50%; margin-bottom: 0; padding-right: 20px; text-align: right; margin-left: -2px; } .sd-site-section--autoplay .sd-tile__line--descr { max-width: 50%; margin-bottom: 0; padding-left: 20px; } .sd-site-section--autoplay .sd-tile__msg { text-align: left; } .sd-owl-nav__slide { max-width: 800px; } .sd-owl-nav.owl-carousel .owl-stage-outer { overflow: visible; } .sd-how-container__details { height: 685px; } .sd-detail--platform { position: absolute; top: 75px; left: 0; width: 37%; } .sd-detail--speaker { position: absolute; top: 315px; left: 350px; width: 23%; } .sd-detail--display { position: absolute; top: 45px; left: 590px; width: 28%; } .sd-detail--protector { position: absolute; top: 165px; left: 900px; width: 20%; } .sd-detail--platform .sd-detail__descr { position: absolute; top: -90px; left: 15px; } .sd-detail--platform .sd-detail__pointer { position: absolute; top: 180px; left: 310px; -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); transform: rotate(-120deg); } .sd-detail--platform .sd-detail__pointer:before { width: 130px; } .sd-detail--speaker .sd-detail__descr { position: absolute; top: 240px; left: -270px; } .sd-detail--speaker .sd-detail__pointer { position: absolute; top: -120px; left: 340px; -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg); } .sd-detail--speaker .sd-detail__pointer:before { width: 140px; } .sd-detail--display .sd-detail__descr--1 { position: absolute; top: -70px; left: 270px; } .sd-detail--display .sd-detail__descr--1 .sd-detail__pointer { position: absolute; top: 100px; left: -50px; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .sd-detail--display .sd-detail__descr--1 .sd-detail__pointer:before { width: 85px; } .sd-detail--display .sd-detail__descr--2 { position: absolute; top: 550px; left: 170px; } .sd-detail--display .sd-detail__descr--2 .sd-detail__pointer { position: absolute; top: -150px; left: -15px; -webkit-transform: rotate(65deg); -ms-transform: rotate(65deg); transform: rotate(65deg); } .sd-detail--display .sd-detail__descr--2 .sd-detail__pointer:before { width: 140px; } } @media screen and (max-width: 1279px) { .sd-specification-tabs__nav { margin-bottom: 40px; } } @media screen and (max-width: 767px) { .sd-title-reg { font-size: 35px; } .sd-hero__descr { font-size: 25px; } .sd-hero__descr-quote { text-align: right; } .sd-hero__actions { -ms-flex-wrap: wrap; flex-wrap: wrap; } .sd-hero__actions .sd-btn-light { width: 100%; margin-bottom: 17px; } .sd-site-section--padding { padding: 65px 0; } .sd-buybox { padding: 25px 40px; } .sd-buybox__img { margin-bottom: 20px; } .sd-buybox__priceBuy { text-align: center; } .sd-buybox__title { font-size: 25px; } .sd-buybox__action .sd-btn-blue { min-width: 240px; height: auot; } .sd-how-container__header { margin-bottom: 40px; } .sd-how-container__details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; } .sd-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sd-detail + .sd-detail { margin-top: 30px; } .sd-detail:nth-child(odd) .sd-detail__descr-wrap { padding-left: 50px; } .sd-detail:nth-child(even) .sd-detail__descr-wrap { text-align: right; padding-right: 50px; } .sd-detail:nth-child(even) .sd-detail__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 0; } .sd-detail__img { width: 50%; } .sd-detail__descr-wrap { position: relative; width: 50%; max-width: 380px; } .sd-detail__descr { width: 100%; } .sd-detail__descr + .sd-detail__descr { margin-top: 20px; } .sd-detail__pointer { display: none; } .sd-detail--protector { display: none; } } @media screen and (max-width: 575px) { .l-container { width: calc(100% - 50px); } } @media screen and (min-width: 768px) and (max-width: 1279px) { .sd-title-reg { font-size: 40px; } .sd-site-section--padding { padding: 100px 0; } .sd-buybox { padding: 75px 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sd-buybox__img { margin-bottom: 0; margin-right: 25px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .sd-buybox__priceBuy { -ms-flex-negative: 0; flex-shrink: 0; } .sd-buybox__title { font-size: 30px; } } @media screen and (min-width: 576px) and (max-width: 768px) { .l-container { width: 540px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .l-container { width: 710px; } .sd-how-container__header { margin-bottom: 65px; } .sd-how-container__details { height: 570px; } .sd-detail--platform { position: absolute; top: 120px; left: 0; width: 40%; } .sd-detail--speaker { position: absolute; top: 295px; left: 215px; width: 23%; } .sd-detail--display { position: absolute; top: 115px; left: 370px; width: 28%; } .sd-detail--protector { position: absolute; top: 185px; left: 560px; width: 20%; } .sd-detail--platform .sd-detail__descr { position: absolute; top: -120px; left: 15px; } .sd-detail--platform .sd-detail__pointer { position: absolute; top: 180px; left: 200px; -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); transform: rotate(-120deg); } .sd-detail--platform .sd-detail__pointer:before { width: 120px; } .sd-detail--speaker .sd-detail__descr { position: absolute; top: 145px; left: -180px; } .sd-detail--speaker .sd-detail__pointer { position: absolute; top: -70px; left: 220px; -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg); } .sd-detail--speaker .sd-detail__pointer:before { width: 80px; } .sd-detail--display .sd-detail__descr--1 { position: absolute; top: -60px; left: 15px; } .sd-detail--display .sd-detail__descr--1 .sd-detail__pointer { position: absolute; top: 90px; left: 110px; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .sd-detail--display .sd-detail__descr--1 .sd-detail__pointer:before { width: 65px; } .sd-detail--display .sd-detail__descr--2 { position: absolute; top: 340px; left: 10px; } .sd-detail--display .sd-detail__descr--2 .sd-detail__pointer { position: absolute; top: -100px; left: 82px; -webkit-transform: rotate(65deg); -ms-transform: rotate(65deg); transform: rotate(65deg); } .sd-detail--display .sd-detail__descr--2 .sd-detail__pointer:before { width: 90px; } } @media screen and (min-width: 992px) and (max-width: 1279px) { .l-container { width: 960px; } .sd-how-container__details { height: 610px; } .sd-detail--platform { position: absolute; top: 75px; left: 0; width: 43%; } .sd-detail--speaker { position: absolute; top: 315px; left: 300px; width: 23%; } .sd-detail--display { position: absolute; top: 45px; left: 490px; width: 28%; } .sd-detail--protector { position: absolute; top: 165px; left: 755px; width: 20%; } .sd-detail--platform .sd-detail__descr { position: absolute; top: -90px; left: 15px; } .sd-detail--platform .sd-detail__pointer { position: absolute; top: 180px; left: 310px; -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); transform: rotate(-120deg); } .sd-detail--platform .sd-detail__pointer:before { width: 130px; } .sd-detail--speaker .sd-detail__descr { position: absolute; top: 200px; left: -280px; } .sd-detail--speaker .sd-detail__pointer { position: absolute; top: -120px; left: 340px; -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg); } .sd-detail--speaker .sd-detail__pointer:before { width: 140px; } .sd-detail--display .sd-detail__descr--1 { position: absolute; top: -70px; left: 120px; } .sd-detail--display .sd-detail__descr--1 .sd-detail__pointer { position: absolute; top: 100px; left: 50px; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .sd-detail--display .sd-detail__descr--1 .sd-detail__pointer:before { width: 85px; } .sd-detail--display .sd-detail__descr--2 { position: absolute; top: 480px; left: 120px; } .sd-detail--display .sd-detail__descr--2 .sd-detail__pointer { position: absolute; top: -150px; left: 10px; -webkit-transform: rotate(65deg); -ms-transform: rotate(65deg); transform: rotate(65deg); } .sd-detail--display .sd-detail__descr--2 .sd-detail__pointer:before { width: 140px; } } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .sd-btn-x-green { background-image: url(https://static.lenovo.com/ww/campaigns/2018/smartdisplay/rev2-images/lenovo-smart-display-spritesheet@2x.png); background-size: 91px 72px; } .sd-link-cplus:before { background-image: url(https://static.lenovo.com/ww/campaigns/2018/smartdisplay/rev2-images/lenovo-smart-display-spritesheet@2x.png); background-size: 91px 72px; } .sd-tile.is-active .sd-tile__line--link .sd-link-cplus:before { background-image: url(https://static.lenovo.com/ww/campaigns/2018/smartdisplay/rev2-images/lenovo-smart-display-spritesheet@2x.png); background-size: 91px 72px; } .sd-owl-nav.owl-carousel .owl-nav [class*='owl-'].owl-prev { background-image: url(https://static.lenovo.com/ww/campaigns/2018/smartdisplay/rev2-images/lenovo-smart-display-spritesheet@2x.png); background-size: 91px 72px; } .sd-owl-nav.owl-carousel .owl-nav [class*='owl-'].owl-next { background-image: url(https://static.lenovo.com/ww/campaigns/2018/smartdisplay/rev2-images/lenovo-smart-display-spritesheet@2x.png); background-size: 91px 72px; } } .nav .main_Menu span {color:#ccc} .main_Menu_icon .line {background: #ccc} .l-features__section { display: -webkit-box; display: -ms-flexbox; display: flex; } .l-features__section:first-child { border-bottom: 1px solid #d8d8d8; } .sd-rec-lane { text-align: center; } .sd-rec-lane__icons { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 22px; } .sd-rec-lane__icon { -ms-flex-negative: 0; flex-shrink: 0; margin: 0 10px; max-width: 80px; } .sd-rec-lane__icon img { display: block; width: 100%; } .sd-rec-lane__icon img.xlarge { zoom: 50%; } .sd-rec-lane__icon:nth-child(3) { max-width: 59px; } .sd-rec-lane__comment { max-width: 485px; overflow: hidden; margin: auto; } .sd-rec-lane__text { font-weight: 500; font-size: 25px; line-height: 1.25em; } .sd-rec-lane__slide { padding: 0 5px; } .sd-rec-lane__date { font-size: 16px; line-height: 2; } .sd-rec-lane .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; } .sd-rec-lane .owl-stage .owl-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sd-rec-lane .owl-stage .owl-item:not(.active) { visibility: hidden; } .sd-site-section--recc-lane { background-color: #333f48; color: #fff; padding: 25px 0; } .sd-site-section--owl-preview { padding: 60px 0 80px; } .sd-site-section--how-to-set { position: relative; padding: 80px 0; } .sd-site-section--how-to-set.is-active { z-index: 1000; } .sd-site-section--how-to-set.is-active:before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: rgba(0, 0, 0, .5); } .sd-wide-tile { position: relative; text-align: center; margin-bottom: 65px; } .sd-wide-tile.is-active .sd-tile__popup { visibility: visible; opacity: 1; -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; max-height: 9999px; } .sd-wide-tile__img { margin-bottom: 40px; } .sd-wide-tile__img img { display: block; width: 100%; } .sd-wide-tile__title { text-align: inherit; } .sd-wide-tile__main { position: relative; } .sd-wide-tile__info { width: 100%; max-width: 600px; margin: 0 auto 25px; } .sd-wide-tile__descr { margin-bottom: 18px; } .sd-wide-tile__descr > :last-child { margin-bottom: 0  !important; } .sd-wide-tile__msg { margin: 0 40px 40px; } .sd-wide-tile__logos { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin: -25px auto 0; } .sd-wide-tile__logo { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 25px; padding: 0 5px; } .sd-wide-tile__logo img.xlarge {zoom: 50%} .sd-wide-tile__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -20px 35px; } .sd-wide-tile__action { margin: 0 20px; } .sd-wide-tile .sd-tile__popup { -webkit-transform: none; -ms-transform: none; transform: none; } .sd-wide-tile .sd-tile__popup-content { padding: 0; } .sd-wide-tile .sd-tile__popup .l-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sd-wide-tile .sd-tile__copyright { padding: 16px 0 0; position: static; } .sd-wide-tile .sd-tile__copyright .l-container { width: auto; max-width: none; } .sd-link-video { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sd-link-video:before { position: relative; top: 4px; margin-right: 10px; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAADHklEQVRIS52VXWgcVRTHf2dmkyZqELFKk+JLtTObpCrSvAoVaYX6BSqiQluyu8mia1/UVkGhUdBC8QOUINvsNLagQkBQWxWJUPvSNwXRJDubVoQUoxUF2aabujP3yE6y2aybbGLn6cL9n98593yNsNaXPX89tt6EBtdEUoldJpQ/SN/6dzNTWfVy1I9jeBHUXQDKglZVF2zke0LzLoPdhZUYjeCxiVYutRxBzd0gnyDWp8yXZtl4w3wEmAs2UA42Y5uHQR9F5QwXfj3I0D3Bcgf14KHTMW7ZfArlZzT2KgNbfm+aqdGJTRj7ELCFDnc3j0tY1dfAlUiLLZ+DjpN031or9XX3nv886K7l8BrYK7yDsoGU80wDdKSwkwFnvKkzL/8+KiVS7nNRBSJxVCj9ENO6u+H5OX8fwnZEr5CIH1gVnp3sJGadItQnKwVdAHv+KDBN0n2jwdDzB6KOCMMCYr2GbTL0d/+4ooNjhZdBN5Fw9wuVPo2VvyK0BxjcOrEqOOEcZWymneLcMCJnSbi5Bm1uchuWPYLqLiF37jYkOIGGD5Dq/aspuHqZK6QR3U5QzJDuKy/ZHJ+6kUBOYtt7hJH8HdiSpdxxL+muy+sCV0S56bsQPcx8+TEyvZciuxM/XEvQ9g1iBq8e7OX7gNdpufIIe++cawRHqQiPEzMPsa/7z3VF7PkZ0G3MuBmGxCzZZP2NxPgM29pbK56aQVI9PzUFD09cR1tsGOQ0SeeDBu3o1O0YyQL3LbZb/hjIuabtZvQ8lrwCkiGxdXLFdvP8w0AHSffZKriywT7CCu+nv/e3OqOcvwfRPsQqkXBeWnVAvHwXcBLLPEF/z3RtpHP+24i2k4w/fXUj7VdSUCTpvlAb6cop2mydX6DWOCnnzf+3hAoHUH2QC86OajHr1+aY2hT9L0F+IQiHSPfMrrF4ukAOoXQvh9ZHXCVE8MIR0B2IfI2Yj/nHmqV9vhRJSm3ttJpOjPUUIjtR/ZYZ52Bd2y1tt5XCOjrlYEulWHEQBV183eJZ5DsC8976f03/deLlO7Dtm+t/puFFkvFiszT9C4EeTawia47MAAAAAElFTkSuQmCC); } .sd-link-question { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sd-link-question:before { position: relative; top: 4px; margin-right: 15px; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAACbElEQVRIS5WWzXEaQRCFvx6quErOAB3MopNxBigC4QyAxWfjCEwGxmdrDYrAqwiEIhA3tLoIR2B8VRU7rt7hT+wf7JGZ6dev+/VrhLLvJmojXCNSw9omcA4sEZlh7QKxIb3GXVEYyT0Mnjtgv2N5QCTEMKNbn23v/5y3MBUF1iSaWL7R926z4qVBxvMaK/Mb+EMlHtC9XJSRRd/EMsHKGZXqFd2L5f6btyDj5yaxvQf5il+flAY/vODYjzDS2me9A0myMY8YuXpTlk2g8cs58esXoAYsMNUfhxknV12iU0y1tjnfgQTRDGSUycA9DJPerFYhlUobazuHGW+JOUYDfE+FggPRH7WBfa+dWaIgWmCknW68meB7yiz9BU9T0PP6ZA0SLTFxM7PJiYpkiN9opSJpIGMG2eVNyj/VJASdA+jksnBqa9L3whTITRRi4xGfL6eZbPQcJsKvSKU3PVlNTggvmOpFpgA2bRDbEooo52lYAVav9wh3+N4wV+rrUgtBtMT31CqO+7YA9ha/MSp9FERLBbH4Xr69pAYuGiJyTq8+KAVIShbZ05kkco5bR9mNA1EmBTLM1P8JzLc9OVVdp5Q3eBog0iyfk0M2ajH7ll/UmO2crOuWO/EpkHntqH44w11P/GZosNf43qdSxRxbrpR3OTb5LryPrD3seZ3CZDJdWF84erNc+y6luL5QuE8SoPXCQQYne9mu7AWbcZOpY6QL6i+y6h7dZFsZY+07TLVVvOP3S+Lqqub3iCXEmAW99w/bKzpoIh8Q0T3zEXTnZP8vKPcs3TcGXbc1EF2nZ8A/sDNEFsSEmbtmL+H/tPs7jKThDggAAAAASUVORK5CYII=); } .sd-feature { width: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sd-feature--speaker .sd-feature__img img { float: right; } .sd-feature__header { padding: 80px 20px 60px; max-width: 510px; margin: 0 auto; } .sd-feature__header p { margin: 0; } .sd-feature__header p i { color: #999; font-size: .8em; } .sd-feature__title { font-size: 35px; margin-bottom: .5em; } .sd-feature__img { overflow: hidden; } .sd-feature__img img { display: block; width: auto  !important; } .sd-set-steps { text-align: center; } .sd-set-steps__title { margin-bottom: 30px; } .sd-set-steps__steps { list-style: none; margin: 0; padding: 0; margin-bottom: 40px; } .sd-set-steps__step { max-width: 300px; margin: 0 auto; } .sd-set-steps__step--sep:before { display: block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: 30px 0 30px -5px; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAfCAYAAABH0YUgAAABkklEQVRYR93ZTW6CQBQH8P8jpuveoN6gLIRt7WaS7ryBeoCO9AR6BLAHUI8hLmx3Tdj0BvUI7bYxTDNEU0P9gJGWN50t8N78MgMPHgRmQ879Lpy06awbs/DuZWUyPTK56LeukXN/BFLDTfx3B7gNRfJaNh8vVOw9AbjZQRjBuKFCAIPcypSGsUJpjIy9KYBufsspoP8oEn3s5GCHqgLGEnUujC3qHBhrlCmMPcoEZgVKw+5jr0fApMhT0RrUMRiAYCySaAu2CnUMRsA0Eklfn5OhgqV7ma4b+Up+ssjVdoKiDgA3n38Ly1Ay9t4ANGubZIWJFakHChatdqpoWWHcukM9b1bKXwHqqu7ZVJFfvyN+31OfF0EVQf8kBil9T13vyTUbi0Q/+u0ah+oVgGgskmxhrEIVLcDWoOSiNYSi0b95oxjE3kQBvSIgK7ZfWRB7lAmINcoUxBZ1Doglah+IgI8UCKzsJsnY+9H30yAC2mU6tazqlMx1aE1A7Lbfbi/dFMQOlX2wzv1OCrhO6kxN/3p8AVGEw8WJejTpAAAAAElFTkSuQmCC); } .sd-set-steps__step--sep:last-child { display: none; } .sd-set-steps__question { color: #009dd9; font-size: 16px; font-weight: 400; } .sd-set-steps__step-icon { margin-bottom: 20px; } .sd-set-steps__step-icon img { width: 260px; display: block; } .sd-google-msg { display: inline-block; color: #757575; font-family: 'GoogleSans-Regular'; font-size: 25px; font-weight: 400; text-align: right; line-height: 1.44; padding: .8em 1.2em; border-radius: 10px; background-color: #e0e0e0; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .2); box-shadow: 5px 5px 10px rgba(0, 0, 0, .2); } .sd-owl-preview { text-align: center; position: relative; } .sd-owl-preview__msg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 120px; } .sd-owl-preview__msg .sd-google-msg { -webkit-box-shadow: none; box-shadow: none; padding: .5em .8em; } .sd-owl-preview__aside { margin-bottom: 40px; } .sd-owl-preview__header .sd-title-reg { margin-bottom: .75em; text-align: inherit; } .sd-owl-preview__header p { margin: 0; max-width: 450px; } .sd-owl-preview__header p + p { margin-bottom: 1em; } .sd-owl-preview__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .sd-owl-preview__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto 40px; color: #222; font-size: 14px; font-weight: 300; line-height: 1; white-space: nowrap; max-width: 480px; width: 100%; z-index: 1; } .sd-owl-preview__nav-icon { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 54px; height: 54px; border-radius: 50%; border: 1px solid #9b9b9b; } .sd-owl-preview__nav-control { position: relative; padding-top: 64px; color: inherit; cursor: pointer; } .sd-owl-preview__nav-control.is-active { color: #6eba35; } .sd-owl-preview__nav-control.is-active .sd-owl-preview__nav-icon { border-color: #6eba35; } .sd-owl-preview__nav-control.is-active .sd-owl-preview__nav-icon img:nth-child(1) { display: none; } .sd-owl-preview__nav-control:not(.is-active) img:nth-child(2) { display: none; } .sd-set-steps-popup { position: fixed; top: 5vh; right: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; display: none; height: 90vh; z-index: 9999; -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, .15); box-shadow: 0 0 20px 5px rgba(0, 0, 0, .15); max-height: none; } .sd-set-steps-popup ::-webkit-scrollbar { width: 5px; height: 8px; background-color: #d4d4d4; } .sd-set-steps-popup ::-webkit-scrollbar-thumb { background: #949494; } .sd-site-section--how-to-set.is-active .sd-set-steps-popup { display: block; visibility: visible; opacity: 1; -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; } .sd-set-steps-popup .sd-tile__popup-content { overflow-y: scroll; padding: 40px 60px; } .sd-set-steps-popup__ol { list-style: none; margin: 0; padding: 0; margin: 0; padding: 0; } .sd-set-steps-popup__ol-item { margin: 0 0 40px; } .sd-set-steps-popup .sd-title-reg { text-align: inherit; margin-bottom: 35px; } .sd-set-steps-popup__close { position: absolute; top: 20px; right: 20px; } .sd-set-steps-popup__inner { overflow-y: scroll; color: #222; font-size: 20px; font-weight: 300; line-height: 1.5; height: 100%; padding: 45px; } .sd-set-steps-popup__question { font-weight: 400; margin: 0 0 4px; } .l-sd-buybox-grid > .col {width: calc(100% / 3)} .sd-buybox {padding: 40px} .sd-buybox__img {margin-bottom: 20px} @media (min-width: 768px) { .l-features { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #d8d8d8; } .l-features__section { width: calc(100% / 3); border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } .sd-rec-lane__icon { margin: 0 15px; } .sd-site-section--owl-preview { padding: 80px 0 100px; } .sd-site-section--how-to-set { padding: 100px 0; } .sd-wide-tile { margin-bottom: 100px; } .sd-wide-tile__logos { width: 580px; } .sd-wide-tile__logo { padding: 0 10px; } .sd-feature__header { padding-top: 95px; padding-bottom: 20px; } } @media (min-width: 992px) { .sd-rec-lane { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sd-rec-lane__icons { margin-bottom: 0; } .sd-rec-lane__icon { max-width: none; } .sd-rec-lane__icon:nth-child(3) { max-width: none; } .sd-rec-lane__comment { margin: 0; padding-left: 20px; } .sd-site-section--recc-lane { padding: 45px 0; } .sd-set-steps__question { font-size: 20px; } .sd-set-steps__title { margin-bottom: 105px; } .sd-set-steps__steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 100px; } .sd-set-steps__step { margin: 0; } .sd-set-steps__step--sep { margin-top: 130px; } .sd-set-steps__step--sep:before { -webkit-transform: none; -ms-transform: none; transform: none; margin: 0; } .sd-set-steps-popup__close { top: 50px; right: 50px; } .sd-set-steps-popup__inner { padding: 80px; } } @media (min-width: 1280px) { .sd-site-section--owl-preview { padding: 130px 0 150px; } .sd-wide-tile { text-align: left; margin: 0; } .sd-wide-tile:nth-child(odd) .sd-wide-tile__msg .sd-google-msg { float: right; } .sd-wide-tile:nth-child(4) .sd-wide-tile__msg .sd-google-msg { float: right; } .sd-wide-tile__img { margin-bottom: 0; } .sd-wide-tile__main { padding: 80px 0; } .sd-wide-tile__title { margin-bottom: 15px; max-width: 350px; } .sd-wide-tile__msg { position: absolute; top: 120px; width: 100%; padding: 0 10vw; margin: 0; } .sd-wide-tile__msg .sd-google-msg { -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .1); box-shadow: 5px 5px 15px rgba(0, 0, 0, .1); } .sd-wide-tile__info { margin: 0; } .sd-wide-tile__descr { margin-bottom: 30px; } .sd-wide-tile__logos { width: 400px; margin: 0; -ms-flex-item-align: center; align-self: center; } .sd-wide-tile__logo { max-width: 100%; } .sd-wide-tile__actions { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0; } .sd-wide-tile .l-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sd-owl-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: left; } .sd-owl-preview__nav { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 30px 0 0; } .sd-owl-preview__img { max-width: 100%; } .sd-owl-preview__msg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; margin: 0; } .sd-owl-preview__main { -ms-flex-negative: 0; flex-shrink: 0; margin: 0; width: 450px; } .sd-owl-preview__aside { max-width: 680px; width: calc(100% - 490px); margin: 0; } } @media (max-width: 1279.9px) { .sd-wide-tile.is-active .sd-tile__popup { display: block; padding-top: 55px; } .sd-wide-tile .sd-tile__popup { display: none; margin-top: 30px; padding: 30px 0; -webkit-box-shadow: none; box-shadow: none; } .sd-wide-tile .sd-tile__popup:before { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 100vw; height: 100%; background-color: #fafafa; } .sd-wide-tile__msg .sd-google-msg { -webkit-box-shadow: none; box-shadow: none; text-align: right; } .sd-owl-preview__header, .sd-owl-preview__header p {width: 100%; max-width: 600px; margin: 0 auto} .l-sd-buybox-grid > .col {width: 100%} } @media (max-width: 767.7px) { .sd-wide-tile { margin-bottom: 40px; } .sd-buybox {padding: 40px 40px 100px} } @media (max-width: 768px) { .sd-owl-preview__header, .sd-owl-preview__header p {width: 100%; max-width: 600px; margin: 0 auto} .l-features {flex-direction: column} .l-features__section {width: 100%; border-right: none} .l-sd-buybox-grid > .col {width: 100%} } @media (max-width: 420px) { .sd-buybox {padding-bottom: 60px} } .l-smart-items { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -5px; } .l-smart-items__section { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 5px 40px; } .l-smart-items__section:last-child { margin-bottom: 0; } .l-sd-shopnow { list-style: none; margin: 0; padding: 0; } .l-sd-shopnow__section { margin-bottom: 25px; } .l-sd-shopnow__section:last-child { margin-bottom: 0; } .l-features--p3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .l-features--p3 .l-features__section { width: 100%; } .sd-hero { height: 100vh; min-height: 520px; } .sd-hero__header { padding: 0; } .sd-hero__labels { list-style: none; margin: 0; padding: 0; position: absolute; top: 18px; right: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: center; } .sd-hero__labels li { margin: 0 10px; } .sd-hero .l-container { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sd-hero .mb_YTPBar { display: none  !important; } .sd-site-section img.xlarge { zoom: normal  !important; } .sd-site-section img.xlarge.logo--CNN { max-width: 65px; } .sd-site-section img.xlarge.logo--CNBC { max-width: 70px; } .sd-site-section img.xlarge.logo--google-maps { max-width: 190px; } .sd-site-section img.xlarge.logo--youtube-music { max-width: 181px; } .sd-site-section img.xlarge.logo--chromecast { max-width: 139px; } .sd-site-section img.xlarge.logo--spotify { max-width: 116px; } .sd-site-section img.xlarge.logo--google-photos { max-width: 250px; } .sd-site-section img.xlarge.logo--tp-link { max-width: 133px; } .sd-site-section img.xlarge.logo--philips-hue { max-width: 81px; } .sd-site-section img.xlarge.logo--google-nest { max-width: 128px; } .sd-site-section img.xlarge.logo--google-duo { max-width: 190px; } .sd-site-section img.xlarge.logo--wc { max-width: 100px; } .sd-site-section img.xlarge.logo-ta19 { max-width: 125px; } .sd-site-section img.xlarge.logo-br19 { max-width: 125px; } .sd-site-section--smart-items { padding: 50px 0; } .sd-site-section--build-sh { padding-top: 40px; padding-bottom: 40px; } .sd-site-section--copyright { text-align: center; } .sd-site-section--how-to-set .sd-set-steps__steps { margin-bottom: 0; } .sd-smart-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sd-smart-item__label { position: absolute; top: 6.87%; left: 12.06%; z-index: 1; background: #6ac346; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, .1); box-shadow: 0px 2px 10px rgba(0, 0, 0, .1); border-radius: 26px; color: #fff; font-weight: bold; font-size: 16px; line-height: 28px; white-space: nowrap; padding: 0 20px; text-transform: uppercase; } .sd-smart-item__img { display: block; } .sd-smart-item__img img { width: 100%; max-width: unset; } .sd-smart-item__title { font-weight: bold; font-size: 20px; line-height: 28px; text-align: center; } .sd-google-msg { position: relative; background-color: #f1f3f4; -webkit-box-shadow: 5px 8px 13px rgba(0, 0, 0, .1); box-shadow: 5px 8px 13px rgba(0, 0, 0, .1); border-radius: 40px; border-top-right-radius: 0; text-align: right; } .sd-google-msg:after { position: absolute; right: 0; bottom: 98%; content: ''; height: 21px; width: 29px; background-image: url("https://static.lenovo.com/ww/campaigns/2019/smart-display/msg-corner.png"); background-repeat: no-repeat; } .sd-google-msg__icon { position: absolute; top: -60px; right: 5px; width: 50px  !important; height: 50px  !important; border-radius: 50%; } .owl-carousel[class*='owl-carousel--dots'] .owl-dots .owl-dot { border-radius: 50%; width: 20px; height: 20px; margin: 0 7px; } .owl-carousel.owl-carousel--dots-green .owl-dots .owl-dot:not(.active) { background-color: rgba(196, 190, 182, .2); } .owl-carousel.owl-carousel--dots-green .owl-dots .owl-dot.active { background-color: #6ac346; } .owl-carousel.owl-carousel--dots-white .owl-dots .owl-dot:not(.active) { background-color: rgba(255, 255, 255, .5); } .owl-carousel.owl-carousel--dots-white .owl-dots .owl-dot.active { background-color: #fff; } .sd-owl-nav__slide { max-height: 500px; overflow: hidden; } .sd-owl-nav__slide-text { display: none; font-weight: 300; font-size: 20px; line-height: 65px; text-align: center; } .sd-owl-nav .owl-item.active .sd-owl-nav__slide-text { display: block; } .sd-owl-preview__aside { overflow: hidden; } .sd-btn-p3-light { font-size: 16px; line-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 37px; border: 1px solid #333f48; border-radius: 2px; text-transform: uppercase; color: #333f48; height: 50px; } .sd-build-sh__main { margin-bottom: 30px; } .sd-build-sh__main .sd-title-reg { max-width: 80%; margin-left: auto; margin-right: auto; } .sd-build-sh__actions { margin-top: -20px; } .sd-build-sh__actions a { width: 100%; margin-top: 20px; } .sd-buybox--p3 { border-color: #c4beb6; width: 100%; } .sd-buybox--p3 .sd-buybox__title { white-space: nowrap; } .sd-buybox--p3 .sd-buybox__img img { width: 100%; margin: auto; } .sd-buybox--p3 p {font-size: 18px; font-weight: 400; margin-bottom: .5em} .sd-buybox--p3 ul {font-size: 16px; padding: 0 0 18px 18px; text-align: left} .sd-owl-preview { margin-top: -65px; padding-top: 5px; } .sd-owl-preview__main { display: block; position: relative; } .sd-owl-preview__nav-control:nth-child(1) .sd-owl-preview__nav-icon, .sd-owl-preview__nav-control:nth-child(2) .sd-owl-preview__nav-icon { border: none; } .sd-owl-preview__slide { padding-top: 65px; text-align: center; } .sd-owl-preview__slide .sd-google-msg { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 20px; } .sd-tspecs { overflow-x: auto; margin-bottom: 65px; } .sd-tspecs__header { text-align: center; } .sd-tspecs__model { display: block; font-size: 16px; line-height: 32px; font-weight: 700; white-space: nowrap; } .sd-tspecs__row { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: normal; font-size: 15px; line-height: 18px; color: #333f48; border-top: 1px solid #eaeaea; } .sd-tspecs__header .sd-tspecs__row { border-top: none; } .sd-tspecs__row--header { font-weight: bold; background-color: #f6f5f8; border-top: none; } .sd-tspecs__row--header + .sd-tspecs__row { border-top: none; } .sd-tspecs__col { padding: 10px 30px; border-left: 1px solid #f6f5f8; width: calc((100% - 200px) / 3); min-width: 240px; -ms-flex-negative: 0; flex-shrink: 0; background-color: inherit; } .sd-tspecs__col.sd-tspecs__col--header { width: 200px; border-left: none; min-width: 200px } .tspecs-faq { text-align: center; padding: 0 20px; } .tspecs-faq .sd-link-question { white-space: nowrap; } .tspecs-faq .sd-set-steps-popup { text-align: left; } .sd-feature__img img { float: none  !important; margin: auto; } .sd-feature .sd-owl-nav.owl-carousel .owl-dots { margin-bottom: 40px; } .sd-wide-tile__img { margin-bottom: 0; } .sd-wide-tile__img.owl-carousel .owl-dots { position: absolute; right: 0; bottom: 22px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } .sd-wide-tile__img.owl-carousel .owl-dots .owl-dot { outline: 0; } .sd-wide-tile__info { max-width: 640px; } .sd-wide-tile__title { max-width: 100%; } .sd-wide-tile__msg { padding-top: 70px; margin-bottom: 20px; } .sd-wide-tile .sd-list-html-icon__item p { margin: 0; } .sd-tily-popup { display: none; background-color: #fff; } .sd-tily-popup__inner { position: relative; background-color: #fff; text-align: left; padding: 30px; max-height: 90vh; overflow: auto; } .sd-tily-popup__inner *:fucus { outline: 0; } .lity-opened .sd-tily-popup { display: block; } .sd-tily-popup .sd-title-reg { text-align: left; } .sd-tily-popup .sd-set-steps-popup__ol-item { padding: 20px 0; border-top: 1px solid #ccc; margin-bottom: 0; } .sd-tily-popup .sd-set-steps-popup__ol-item:last-child { border-bottom: 1px solid #ccc; } .sd-tily-popup .sd-set-steps-popup__question { font-size: 1.5em; } .sd-link-watch { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sd-link-watch:before { width: 24px; height: 24px; display: block; content: ''; margin-right: .5em; background-image: url("https://static.lenovo.com/ww/campaigns/2019/smart-display/icon-watch.png"); background-repeat: no-repeat; background-size: cover; } @media (min-width: 768px) { .sd-build-sh__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0; } .sd-build-sh__actions a { margin-top: 0; } .sd-hero__labels { top: 70px; right: -15px; } } @media (min-width: 992px) { .l-features--p3 .l-features__section { width: 50%; border-bottom: none; } .sd-hero { height: 752px; } .sd-site-section--build-sh { padding-top: 50px; padding-bottom: 50px; } .sd-build-sh { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sd-build-sh__main { margin-bottom: 0; -ms-flex-negative: 0; flex-shrink: 0; } .sd-build-sh__main .sd-title-reg { max-width: 395px; text-align: left; margin-left: 0; margin-right: 0; } .sd-build-sh__img { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .sd-build-sh__actions { margin-left: -15px; } .sd-build-sh__actions a { width: auto; margin-left: 15px; } } @media (min-width: 76.75em) { .sd-hero__labels { top: 90px; right: -15px; } .sd-hero__labels li { margin: 0 15px; } } @media (min-width: 1280px) { .l-smart-items { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .l-smart-items__section { margin-bottom: 0; } .l-sd-shopnow { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -12px; } .l-sd-shopnow__section { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(33% - 12px); margin-bottom: 0; margin: 0 12px; } .sd-site-section--smart-items { padding: 120px 0 130px; } .sd-site-section--buy .sd-title-reg { margin-bottom: 80px; } .sd-site-section--specs .sd-title-reg { margin-bottom: 90px; } .sd-buybox--p3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 40px; } .sd-buybox--p3 .sd-buybox__title { font-size: 28px; line-height: 34px; margin-bottom: 12px; } .sd-buybox--p3 .sd-buybox__action .sd-btn-blue { max-width: 210px; margin: 0; } .sd-owl-preview { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0; } .sd-owl-preview__nav { position: absolute; top: 100%; } .sd-tspecs { margin-bottom: 100px; } .sd-wide-tile__msg { right: 6%; top: 80px; width: auto; padding-left: 0; padding-right: 0; } .sd-wide-tile__msg.left { left: 6%; top: 80px; } .sd-wide-tile:nth-child(odd) .sd-wide-tile__msg.left .sd-google-msg {float:left} } @media (max-width: 1280px) { .sd-wide-tile__img.owl-carousel { padding-bottom: 25px; margin-bottom: 25px; } .sd-wide-tile__img.owl-carousel .owl-dots { bottom: 0; } .sd-wide-tile__img.owl-carousel .owl-dots .owl-dot:not(.active) { background-color: rgba(196, 190, 182, .2); } .sd-wide-tile__img.owl-carousel .owl-dots .owl-dot.active { background-color: #6ac346; } .l-container--specs { width: 100%; overflow-x: scroll; } } @media (max-width: 768px) { .sd-site-section--specs { padding: 65px 0; } } @media (max-width: 767px) { .sd-hero .l-container { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 30px; } .sd-hero__labels {top: 70px; right: 50%; transform: translateX(50%)} .sd-hero__labels li {margin: 0 5px} .sd-site-section img.xlarge.logo--wc, .sd-site-section img.xlarge.logo-ta19 {height: 85px} .sd-site-section img.xlarge.logo-br19 {height: 55px} .sd-owl-preview__nav { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -20px; } .sd-owl-preview__nav a { margin: 20px 10px 0; } } @media (max-width: 540px) { .tspecs-faq .sd-link-question { font-size: 15px; } .tspecs-faq .sd-link-question:before { margin-right: 8px; } } @media (min-width: 768px) and (max-width: 991px) { .sd-build-sh__actions { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sd-build-sh__actions a { width: calc(50% - 10px); } } @media (min-width: 768px) and (max-width: 1279px) { .sd-buybox--p3 .sd-buybox__priceBuy { width: 430px; max-width: 50%; } .sd-buybox--p3 .sd-buybox__action { width: 100%; } }