@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; } @import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,700"); .mainContent, .promo, #arvr, .headerimg, .headerimgbig, .brandCampaign .hero-banner, .brandCampaign .brand-feature-stack-wrapper, #longscroll-subseries, .intros { margin-top: 0  !important; } [data-icon]:before{ content: unset  !important; } .masthead { margin-bottom: 75px; } @media (max-width: 1227px) { .masthead { margin-bottom: 0px; } } @media (max-width: 1178) { .masthead { margin-bottom: 75px; } } @media (max-width: 1060px) { .masthead { margin-bottom: 60px; } } [class*="thinkreality-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*="thinkreality-btn"]::-ms-expand { display: none; } [class*="thinkreality-btn"]::-ms-clear { display: none; } [class*="thinkreality-btn"]:hover { text-decoration: none; } .thinkreality-btn-x-green { background-image: url(https://p2-ofp.static.pub/ShareResource/thinkrealitya3/img/css-sprite.ccf89c25bb5a2a32.png); background-position: 0px -47px; width: 25px; height: 25px; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .thinkreality-btn-x-green { background-image: url(https://p4-ofp.static.pub/ShareResource/thinkrealitya3/img/spritesheet-2x.b5c9b764cb821818.png); background-size: 91px 72px; } } .thinkreality-btn-light { border: 1px solid #fefefe; font-size: 1.125em; line-height: 1; padding: 19px 65px; color: #fefefe; border-radius: 2px; font-weight: 700; background-color: rgba(0, 0, 0, .7); } .thinkreality-btn-light:hover { background: #fefefe; color: #000; } .thinkreality-btn-blue-border { height: 49px; border: 1px solid #009dd9; font-size: 1em; line-height: 2.813em; padding: 0 1.5em; color: #009dd9; border-radius: 2px; font-weight: 700; } .thinkreality-btn-blue-border:hover { background: #009dd9; color: #fff; } .thinkreality-btn-blue { border-radius: 2px; background-color: #3e8ddd; color: #fff; font-size: 1.125em; font-weight: 700; line-height: 1; padding: 20px 65px; -webkit-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; min-width: 220px; } .thinkreality-btn-blue-2 { border-radius: 2px; background-color: #3e8ddd; color: #fff; font-size: 1em; font-weight: 400; line-height: 1; padding: 16px 30px; -webkit-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; width: 150px; height: 50px; } .thinkreality-btn-blue:hover, .thinkreality-btn-blue-2:hover { background-color: #00668d; } [class*="thinkreality-link"] { cursor: pointer; text-decoration: none; } [class*="thinkreality-link"]:focus { outline: none; } .thinkreality-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; } .thinkreality-link-cplus:before { background-image: url("https://p2-ofp.static.pub/ShareResource/thinkrealitya3/img/css-sprite.ccf89c25bb5a2a32.png"); background-position: -53px -47px; width: 22px; height: 22px; display: block; content: ""; margin-right: .5em; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .thinkreality-link-cplus:before { background-image: url("https://p4-ofp.static.pub/ShareResource/thinkrealitya3/img/spritesheet-2x.b5c9b764cb821818.png"); background-size: 91px 72px; } } [class*="thinkreality-list"] { list-style: none; padding: 0; margin: 0; } .thinkreality-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: 1.8em; } .thinkreality-list-html-icon__img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 25px; margin-top: 5px; } .thinkreality-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; } .thinkreality-list-logo__item { padding: 25px; } html { overflow-x: hidden; } .hero-banner.hero-video-exists { height: 0px; } h1 { display: none; } .video-background { overflow: hidden; height: 100%; background: url(https://p4-ofp.static.pub/ShareResource/thinkrealitya3/img/lenovo-campaign-thinkreality-a3-phase3-hero-image-mobile.57df44dd33853c24.jpg) center; background-size: cover; } .video-background iframe { width: 100vw; height: 56.25vw; } .thinkreality-title-reg { color: #6eba35; font-size: 2.813em; font-weight: 400; line-height: 1.3; text-align: center; margin: 0 0 1em; } @media screen and (min-width: 769px) and (max-width: 1279px) { .thinkreality-title-reg { font-size: 2.5em; margin: 0; } } @media screen and (max-width: 768px) { .thinkreality-title-reg { font-size: 2.188em; margin: 0; } } @media screen and (max-width: 420px) { .thinkreality-title-reg { font-size: 1.75em; margin: 0; } } .thinkreality-hero__content .l-container { margin-left: 5%; } .l-container { margin-left: auto; margin-right: auto; } @media screen and (max-width: 575px) { .l-container { width: calc(100% - 80px); } } @media screen and (min-width: 576px) and (max-width: 768px) { .l-container { width: 90vw; } } @media screen and (min-width: 769px) and (max-width: 991px) { .l-container { width: 710px; } } @media screen and (min-width: 992px) and (max-width: 1279px) { .l-container { width: 960px; } } @media screen and (min-width: 1280px) { .l-container { width: 1160px; } } .l-specification-list { list-style: none; margin: 0; padding: 0; display: grid; grid-column-gap: 40px; grid-row-gap: 30px; } @media screen and (max-width: 768px) { .video-background a { display: none; } } @media screen and (min-width: 769px) { .l-specification-list { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1280px) { .l-specification-list { grid-column-gap: 70px; } } .l-thinkreality-buybox-grid { list-style: none; margin: 0; padding: 0; margin-top: -20px; } @media screen and (min-width: 1280px) { .l-thinkreality-buybox-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1280px) { .l-thinkreality-buybox-grid { margin-left: -12px; margin-right: -12px; } .l-thinkreality-buybox-grid > .col { padding-left: 12px; padding-right: 12px; } } .l-thinkreality-buybox-grid > .col { margin-top: 20px; } @media screen and (min-width: 1280px) { .l-thinkreality-buybox-grid > .col { width: 50%; } } @media screen and (min-width: 1280px) { .l-thinkreality-buybox-grid > .col { display: -webkit-box; display: -ms-flexbox; display: flex; } } .thinkreality-hero { position: relative; height: 45vw; max-height: calc(100vh - 75px); background-color: #000; background-size: cover; background-position: center; } .thinkreality-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; z-index: 1; } @media screen and (max-width: 768px) { .thinkreality-hero { height: 75vw; background-position-x: right; } .thinkreality-hero__content { align-items: unset; margin-top: 80px; } } @media screen and (max-width: 420px) { .thinkreality-hero { height: 100vh; max-height: 100vh; background-position-x: 77vh; } } .thinkreality-hero__video-bg { overflow: hidden; max-height: 100vh; } @media screen and (min-width: 769px) { .thinkreality-hero__video-bg .ytplayer-container { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .thinkreality-hero__video-bg .ytplayer-container:before { display: block; content: ""; padding-top: 56.25%; } .thinkreality-hero__video-bg .ytplayer-container > .embed, .thinkreality-hero__video-bg .ytplayer-container iframe, .thinkreality-hero__video-bg .ytplayer-container embed, .thinkreality-hero__video-bg .ytplayer-container object, .thinkreality-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; } } .GAlogo { position: absolute; top: 20px; right: 20px; width: 225px; } @media screen and (max-width: 420px) { .GAlogo { top: unset; bottom: 40px; } } .thinkreality-hero__header { width: 100%; line-height: 1.3; color: #fff; padding: 0 20px; } .thinkreality-hero__header img.logo { max-width: 100%; margin-bottom: 40px; } .thinkreality-hero__title { margin: 0 0 30px; } .thinkreality-hero__title img { max-width: 100%; } .thinkreality-hero__descr { font-size: 1.5em; margin: 20px 0 40px; color: #000; font-weight: 400; } .thinkreality-hero__descr > :last-child { margin-bottom: 0  !important; } @media screen and (max-width: 1080px) { .thinkreality-hero__descr { font-size: 1.5em; } } @media screen and (max-width: 420px) { .thinkreality-hero__descr { font-size: 1.125em; font-weight: 400; color: #fff; } } .thinkreality-hero__descr-quote { padding-top: .75em; display: block; font-size: 1.125em; } @media screen and (max-width: 768px) { .thinkreality-hero__descr-quote { text-align: right; } } .thinkreality-hero__actions { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; } .thinkreality-hero__actions .thinkreality-btn-light { margin: 0 0 0 50px; min-width: 220px; } @media screen and (max-width: 768px) { .thinkreality-hero__actions { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 420px) { .thinkreality-hero__actions .thinkreality-btn-light { background: #fff; color: #000; box-shadow: 0 2px 5px rgba(0, 0, 0, .5); } } .thinkreality-tile { position: relative; overflow: hidden; background: #f6f6f6; } @media screen and (min-width: 1280px) { .thinkreality-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; } } @media screen and (max-width: 420px) { .thinkreality-tile { background: #fff; } } .thinkreality-tile.is-active .thinkreality-tile__popup { max-height: 9999px; } @media screen and (min-width: 1280px) { .thinkreality-tile.is-active .thinkreality-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); } } .thinkreality-tile.is-active .thinkreality-tile__line--link .thinkreality-link-cplus:before { background-image: url("https://p2-ofp.static.pub/ShareResource/thinkrealitya3/img/css-sprite.ccf89c25bb5a2a32.png"); background-position: -28px -47px; width: 22px; height: 22px; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .thinkreality-tile.is-active .thinkreality-tile__line--link .thinkreality-link-cplus:before { background-image: url(https://p4-ofp.static.pub/ShareResource/thinkrealitya3/img/spritesheet-2x.b5c9b764cb821818.png); background-size: 91px 72px; } } .thinkreality-tile.is-active .thinkreality-tile__line--link .thinkreality-link-cplus span:first-child { display: none; } .thinkreality-tile.is-active .thinkreality-tile__line--link .thinkreality-link-cplus span:last-child { display: inline; } .thinkreality-tile__section--floatleft { order: -1; } @media screen and (min-width: 1280px) { .thinkreality-tile:nth-child(even) .thinkreality-tile__section--img { -webkit-box-ordinal-group: 2; } .thinkreality-tile:nth-child(even) .thinkreality-tile__section--info { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (min-width: 1280px) { .thinkreality-tile__section { width: 50%; min-height: 35vw; } .thinkreality-tile__section--cover { min-height: 50vw; } } .thinkreality-tile__section--img img { display: block; width: 100%; } @media screen and (min-width: 1280px) { .thinkreality-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; } } .thinkreality-tile__inner { padding: 40px 100px; width: 100%; margin: auto; } .thinkreality-tile__inner > :last-child { margin-bottom: 0  !important; } @media screen and (min-width: 1280px) { .thinkreality-tile__inner { text-align: left; margin: 0; } } @media screen and (max-width: 420px) { .thinkreality-tile__inner { padding: 80px 40px; } } .thinkreality-tile__line { margin-bottom: 20px; text-align: center; } @media screen and (min-width: 1280px) { .thinkreality-tile__line { text-align: left; } } .thinkreality-tile__line--title { line-height: 1.33; } .thinkreality-tile__line--title .thinkreality-title-reg { text-align: inherit; line-height: 1.125em; margin-bottom: 0; } .thinkreality-tile__line--msg { font-family: "GoogleSans-Regular", sans-serif; font-size: 1.563em; font-weight: 400; line-height: 1.44; } @media screen and (max-width: 1080px) { .thinkreality-tile__line--msg { font-size: 1.125em; } } .thinkreality-tile__line--link .thinkreality-link-cplus span:last-child { display: none; } .thinkreality-tile__msg { display: inline-block; border-radius: 10px; background-color: #e3e3e3; padding: .4em .8em; max-width: 95%; } .thinkreality-tile__msg.blank { display: none; } @media screen and (min-width: 1280px) { .thinkreality-tile__msg { margin-left: -0.8em; } } .thinkreality-tile__popup { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f6f6f6; 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; } @media screen and (min-width: 1280px) { .thinkreality-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); } } .thinkreality-tile__popup-close { display: none; } @media screen and (min-width: 1280px) { .thinkreality-tile__popup-close { position: absolute; top: 50px; right: 100px; display: inline-block; z-index: 1; } } .thinkreality-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: 1.25em; line-height: 1.5; } .thinkreality-tile__popup-content .l-container { max-width: 500px; } @media screen and (min-width: 1280px) { .thinkreality-tile__popup-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .thinkreality-tile__popup-content .thinkreality-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; } .thinkreality-tile__popup-content .thinkreality-list-html-icon__item { width: 45%; } .thinkreality-tile__popup-content .thinkreality-list-html-icon__item:nth-last-child(-n + 2) { margin-bottom: 0; } .thinkreality-tile__popup-content .l-container { max-width: none; } } .thinkreality-tile__copyright { color: #c4beb6; font-size: .875em; font-weight: 400; } @media screen and (min-width: 1280px) { .thinkreality-tile__copyright { position: absolute; right: 0; bottom: 85px; left: 0; width: 90%; margin: auto; max-width: 1160px; } } .thinkreality-site-section--autoplay .thinkreality-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: 100%; margin: auto; } @media screen and (max-width: 420px) { .thinkreality-site-section--autoplay .thinkreality-tile { flex-direction: column-reverse; } } .thinkreality-site-section--autoplay .thinkreality-tile__section { width: 100%; } .thinkreality-site-section--autoplay .thinkreality-tile__section--img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background: #fff; } .thinkreality-site-section--autoplay .thinkreality-tile__section--info { margin-bottom: 15px; } @media screen and (min-width: 1280px) { .thinkreality-site-section--autoplay .thinkreality-tile__section--info { margin-bottom: 60px; } } .thinkreality-site-section--autoplay .thinkreality-tile__inner { padding: 0  !important; } @media screen and (min-width: 1280px) { .thinkreality-site-section--autoplay .thinkreality-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; } } @media screen and (min-width: 1280px) { .thinkreality-site-section--autoplay .thinkreality-tile__line--title { width: 100%; margin-bottom: 50px; text-align: center; } .thinkreality-site-section--autoplay .thinkreality-tile__line--title .thinkreality-title-reg { max-width: 600px; margin: auto; } .thinkreality-site-section--autoplay .thinkreality-tile__line--msg { max-width: 50%; margin-bottom: 0; padding-right: 20px; text-align: right; margin-left: -2px; } .thinkreality-site-section--autoplay .thinkreality-tile__line--descr { max-width: 50%; margin-bottom: 0; padding-left: 20px; } } .thinkreality-site-section--autoplay .thinkreality-tile__msg { position: absolute; top: 5vw; left: 30px; } @media screen and (min-width: 1280px) { .thinkreality-site-section--autoplay .thinkreality-tile__msg { text-align: left; } } .thinkreality-owl-autoplay { margin-bottom: 55px; } .thinkreality-site-section { overflow-x: hidden; background-color: #fff; font: 400 18px / 1.67 "Lato"; color: #222; } .thinkreality-site-section * { -webkit-box-sizing: border-box; box-sizing: border-box; } .thinkreality-site-section--padding { padding: 40px 0; } @media screen and (min-width: 769px) and (max-width: 1279px) { .thinkreality-site-section--padding { padding: 60px 0px; } } @media screen and (max-width: 768px) { .thinkreality-site-section--padding { padding: 40px; } } @media screen and (max-width: 420px) { .thinkreality-site-section--padding { padding: 40px 0; } } .thinkreality-site-section--gray { background-color: #f6f6f6; } .thinkreality-site-section--copyright { color: #c4beb6; font-size: .875em; font-weight: 400; line-height: 1.57; padding: 17px 0; } .thinkreality-owl-nav { position: relative; margin: 40px 0 100px; } .thinkreality-owl-nav__slide { position: relative; } .owl-carousel .owl-item img { width: 85%; margin: 0px auto; } @media screen and (min-width: 1280px) { .thinkreality-owl-nav__slide { max-width: 800px; } } @media screen and (max-width: 420px) { .owl-carousel .owl-item img { width: 100%; } } .thinkreality-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; } .thinkreality-owl-nav.owl-carousel .owl-item.active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } @media screen and (min-width: 1280px) { .thinkreality-owl-nav.owl-carousel .owl-stage-outer { overflow: visible; } } .thinkreality-owl-nav.owl-carousel .owl-nav { margin: 0; } .thinkreality-owl-nav.owl-carousel .owl-nav [class*="owl-"] { outline: none; border: none; } .thinkreality-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://p2-ofp.static.pub/ShareResource/thinkrealitya3/img/css-sprite.ccf89c25bb5a2a32.png"); background-position: 0px 0px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .thinkreality-owl-nav.owl-carousel .owl-nav [class*="owl-"].owl-prev { background-image: url(https://p4-ofp.static.pub/ShareResource/thinkrealitya3/img/spritesheet-2x.b5c9b764cb821818.png); background-size: 91px 72px; } } .thinkreality-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://p2-ofp.static.pub/ShareResource/thinkrealitya3/img/css-sprite.ccf89c25bb5a2a32.png"); background-position: -47px 0px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .thinkreality-owl-nav.owl-carousel .owl-nav [class*="owl-"].owl-next { background-image: url(https://p4-ofp.static.pub/ShareResource/thinkrealitya3/img/spritesheet-2x.b5c9b764cb821818.png); background-size: 91px 72px; } } .thinkreality-owl-nav.owl-carousel .owl-nav [class*="owl-"] span { display: none; } .thinkreality-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; } .thinkreality-owl-nav.owl-carousel .owl-dots .owl-dot { width: 50px; height: 3px; background-color: #d8d8d8; margin: 0 2px; border: none; } .thinkreality-owl-nav.owl-carousel .owl-dots .owl-dot.active { background-color: #e1140a; } .thinkreality-owl-nav.owl-carousel .owl-dots .owl-dot:focus { outline: none; } .thinkreality-specification { font-size: .938em; line-height: 1.6; padding-top: 24px; } .thinkreality-specification__title { color: #6eba35; font-weight: 700; margin-bottom: 20px; } .thinkreality-specification__list { list-style: none; margin: 0; padding: 0; } .thinkreality-specification__list > :last-child { margin-bottom: 0  !important; } .thinkreality-specification__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; } .thinkreality-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; } .thinkreality-specification__label { -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; color: #666; } .thinkreality-specification__value { text-align: right; } .thinkreality-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; } @media screen and (max-width: 1279px) { .thinkreality-specification-tabs__nav { margin-bottom: 40px; } } .thinkreality-specification-tabs__nav-item { border: 1px solid #c4beb6; position: relative; color: #c4beb6; font-size: .938em; font-weight: 400; } .thinkreality-specification-tabs__nav-item + .thinkreality-specification-tabs__nav-item { margin-left: -1px; } .thinkreality-specification-tabs__nav-item:first-child { border-radius: 4px 0 0 4px; } .thinkreality-specification-tabs__nav-item:last-child { border-radius: 0 4px 4px 0; } .thinkreality-specification-tabs__nav-item.is-active { border-color: #222; color: #222; z-index: 1; } .thinkreality-specification-tabs__nav-btn { display: block; line-height: 2.5em; padding: 0 22px; min-width: 170px; color: inherit; text-decoration: none; text-align: center; } .thinkreality-specification-tabs__nav-btn:focus { outline: none; } .thinkreality-specification-tabs__content { list-style: none; margin: 0; padding: 0; } .thinkreality-specification-tabs__tab { display: none; list-style: none; padding: 0; } .thinkreality-buybox { padding: 80px 80px 20px; display: flex; flex-flow: row-reverse; } .thinkreality-buybox__info { display: flex; flex-flow: column; justify-content: center; } @media screen and (min-width: 769px) and (max-width: 1279px) { .thinkreality-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; } } @media screen and (max-width: 768px) { .thinkreality-buybox { padding: 25px 40px 100px; } } @media screen and (max-width: 420px) { .thinkreality-buybox { flex-flow: column; padding: 20px 0; } } .thinkreality-buybox__img { padding: 0 0 0 60px; } @media screen and (min-width: 769px) and (max-width: 1279px) { .thinkreality-buybox__img { margin-bottom: 0; margin-right: 25px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media screen and (max-width: 768px) { .thinkreality-buybox__img { margin-bottom: 20px; } } @media screen and (max-width: 420px) { .thinkreality-buybox__img { margin-bottom: 20px; padding: 0; } } .thinkreality-buybox__img img { display: block; width: 100%; } @media screen and (min-width: 769px) and (max-width: 1279px) { .thinkreality-buybox__info { -ms-flex-negative: 0; flex-shrink: 0; } } @media screen and (max-width: 768px) { .thinkreality-buybox__info { text-align: center; } } .thinkreality-buybox__title { font-size: 2.188em; font-weight: 400; margin: 0 0 .65em; line-height: 1.3; color: #6eba35; white-space: nowrap; } @media screen and (min-width: 769px) and (max-width: 1279px) { .thinkreality-buybox__title { font-size: 1.875em; } } @media screen and (max-width: 768px) { .thinkreality-buybox__title { font-size: 1.563em; } } .thinkreality-buybox__price { font-size: 1.563em; font-weight: 400; line-height: 1; margin-bottom: 30px; } .thinkreality-buybox__action .thinkreality-btn-blue { min-width: 208px; width: auto; height: auto; } @media screen and (max-width: 768px) { .thinkreality-buybox__action .thinkreality-btn-blue { min-width: 240px; } } .thinkreality-how-container__header { max-width: 75%; margin: auto; text-align: center; margin-bottom: 40px; } @media screen and (min-width: 769px) and (max-width: 991px) { .thinkreality-how-container__header { margin-bottom: 65px; max-width: 100%; } } @media screen and (max-width: 768px) { .thinkreality-how-container__header { margin-bottom: 0px; max-width: 100%; padding: 0 40px; } } @media screen and (max-width: 420px) { .thinkreality-how-container__header { padding: 0; } } .thinkreality-how-container__header p { margin: 0; } .thinkreality-how-container__title { margin-bottom: 5px; } .thinkreality-how-container__title .thinkreality-title-reg { margin: 0 auto 20px; } .thinkreality-how-container__details { position: relative; } @media screen and (min-width: 1280px) { .thinkreality-how-container__details { height: 685px; } } @media screen and (min-width: 992px) and (max-width: 1279px) { .thinkreality-how-container__details { height: 610px; } } @media screen and (min-width: 769px) and (max-width: 991px) { .thinkreality-how-container__details { height: 570px; } } @media screen and (max-width: 768px) { .thinkreality-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; } } .thinkreality-detail__img img { display: block; width: 100%; } .thinkreality-detail__descr { color: #6ac346; font-size: 1em; 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; } .thinkreality-detail__pointer { background-color: #6ac346; width: 20px; height: 20px; border-radius: 50%; } .thinkreality-detail__pointer:before { position: absolute; top: 50%; left: 50%; content: ""; border-top: 1px solid #6ac346; } .thinkreality-detail--speaker { z-index: 1; } .thinkreality-detail.aos-animate .thinkreality-detail__descr { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @media screen and (min-width: 1280px) { .thinkreality-detail--platform { position: absolute; top: 75px; left: 0; width: 37%; } .thinkreality-detail--speaker { position: absolute; top: 315px; left: 350px; width: 23%; } .thinkreality-detail--display { position: absolute; top: 45px; left: 590px; width: 28%; } .thinkreality-detail--protector { position: absolute; top: 165px; left: 900px; width: 20%; } .thinkreality-detail--platform .thinkreality-detail__descr { position: absolute; top: -90px; left: 15px; } .thinkreality-detail--platform .thinkreality-detail__pointer { position: absolute; top: 180px; left: 310px; -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); transform: rotate(-120deg); } .thinkreality-detail--platform .thinkreality-detail__pointer:before { width: 130px; } .thinkreality-detail--speaker .thinkreality-detail__descr { position: absolute; top: 240px; left: -270px; } .thinkreality-detail--speaker .thinkreality-detail__pointer { position: absolute; top: -120px; left: 340px; -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg); } .thinkreality-detail--speaker .thinkreality-detail__pointer:before { width: 140px; } .thinkreality-detail--display .thinkreality-detail__descr--1 { position: absolute; top: -70px; left: 270px; } .thinkreality-detail--display .thinkreality-detail__descr--1 .thinkreality-detail__pointer { position: absolute; top: 100px; left: -50px; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .thinkreality-detail--display .thinkreality-detail__descr--1 .thinkreality-detail__pointer:before { width: 85px; } .thinkreality-detail--display .thinkreality-detail__descr--2 { position: absolute; top: 550px; left: 170px; } .thinkreality-detail--display .thinkreality-detail__descr--2 .thinkreality-detail__pointer { position: absolute; top: -150px; left: -15px; -webkit-transform: rotate(65deg); -ms-transform: rotate(65deg); transform: rotate(65deg); } .thinkreality-detail--display .thinkreality-detail__descr--2 .thinkreality-detail__pointer:before { width: 140px; } } @media screen and (min-width: 992px) and (max-width: 1279px) { .thinkreality-detail--platform { position: absolute; top: 75px; left: 0; width: 43%; } .thinkreality-detail--speaker { position: absolute; top: 315px; left: 300px; width: 23%; } .thinkreality-detail--display { position: absolute; top: 45px; left: 490px; width: 28%; } .thinkreality-detail--protector { position: absolute; top: 165px; left: 755px; width: 20%; } .thinkreality-detail--platform .thinkreality-detail__descr { position: absolute; top: -90px; left: 15px; } .thinkreality-detail--platform .thinkreality-detail__pointer { position: absolute; top: 180px; left: 310px; -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); transform: rotate(-120deg); } .thinkreality-detail--platform .thinkreality-detail__pointer:before { width: 130px; } .thinkreality-detail--speaker .thinkreality-detail__descr { position: absolute; top: 200px; left: -280px; } .thinkreality-detail--speaker .thinkreality-detail__pointer { position: absolute; top: -120px; left: 340px; -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg); } .thinkreality-detail--speaker .thinkreality-detail__pointer:before { width: 140px; } .thinkreality-detail--display .thinkreality-detail__descr--1 { position: absolute; top: -70px; left: 120px; } .thinkreality-detail--display .thinkreality-detail__descr--1 .thinkreality-detail__pointer { position: absolute; top: 100px; left: 50px; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .thinkreality-detail--display .thinkreality-detail__descr--1 .thinkreality-detail__pointer:before { width: 85px; } .thinkreality-detail--display .thinkreality-detail__descr--2 { position: absolute; top: 480px; left: 120px; } .thinkreality-detail--display .thinkreality-detail__descr--2 .thinkreality-detail__pointer { position: absolute; top: -150px; left: 10px; -webkit-transform: rotate(65deg); -ms-transform: rotate(65deg); transform: rotate(65deg); } .thinkreality-detail--display .thinkreality-detail__descr--2 .thinkreality-detail__pointer:before { width: 140px; } } @media screen and (min-width: 769px) and (max-width: 991px) { .thinkreality-detail--platform { position: absolute; top: 120px; left: 0; width: 40%; } .thinkreality-detail--speaker { position: absolute; top: 295px; left: 215px; width: 23%; } .thinkreality-detail--display { position: absolute; top: 115px; left: 370px; width: 28%; } .thinkreality-detail--protector { position: absolute; top: 185px; left: 560px; width: 20%; } .thinkreality-detail--platform .thinkreality-detail__descr { position: absolute; top: -120px; left: 15px; } .thinkreality-detail--platform .thinkreality-detail__pointer { position: absolute; top: 180px; left: 200px; -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); transform: rotate(-120deg); } .thinkreality-detail--platform .thinkreality-detail__pointer:before { width: 120px; } .thinkreality-detail--speaker .thinkreality-detail__descr { position: absolute; top: 145px; left: -180px; } .thinkreality-detail--speaker .thinkreality-detail__pointer { position: absolute; top: -70px; left: 220px; -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg); } .thinkreality-detail--speaker .thinkreality-detail__pointer:before { width: 80px; } .thinkreality-detail--display .thinkreality-detail__descr--1 { position: absolute; top: -60px; left: 15px; } .thinkreality-detail--display .thinkreality-detail__descr--1 .thinkreality-detail__pointer { position: absolute; top: 90px; left: 110px; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .thinkreality-detail--display .thinkreality-detail__descr--1 .thinkreality-detail__pointer:before { width: 65px; } .thinkreality-detail--display .thinkreality-detail__descr--2 { position: absolute; top: 340px; left: 10px; } .thinkreality-detail--display .thinkreality-detail__descr--2 .thinkreality-detail__pointer { position: absolute; top: -100px; left: 82px; -webkit-transform: rotate(65deg); -ms-transform: rotate(65deg); transform: rotate(65deg); } .thinkreality-detail--display .thinkreality-detail__descr--2 .thinkreality-detail__pointer:before { width: 90px; } } @media screen and (max-width: 768px) { .thinkreality-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; } .thinkreality-detail + .thinkreality-detail { margin-top: 30px; } .thinkreality-detail:nth-child(odd) .thinkreality-detail__descr-wrap { padding-left: 50px; } .thinkreality-detail:nth-child(even) .thinkreality-detail__descr-wrap { text-align: right; padding-right: 50px; } .thinkreality-detail:nth-child(even) .thinkreality-detail__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 0; } .thinkreality-detail__img { width: 50%; } .thinkreality-detail__descr-wrap { position: relative; width: 50%; max-width: 380px; } .thinkreality-detail__descr { width: 100%; } .thinkreality-detail__descr + .thinkreality-detail__descr { margin-top: 20px; } .thinkreality-detail__pointer { display: none; } .thinkreality-detail--protector { display: none; } } section.thinkreality-site-section.thinkreality-site-section--padding.thinkreality-site-section--legal { padding: 0; font-size: .875em; background: #f6f6f6; color: #c4beb6; font-weight: 400; } .thinkreality-site-section--awards { color: #000; background-image: url("https://p4-ofp.static.pub/ShareResource/thinkrealitya3/img/lenovo-brand-pattern.067e1ab562f7ddc5.png"); background-color: #eee; } .thinkreality-awards { display: flex; padding: 20px; justify-content: center; align-items: center; } .thinkreality-awards .thinkreality-awards__quote { width: auto; } .thinkreality-awards .thinkreality-award__badges { min-width: 520px; margin-left: 40px; text-align: center; } .thinkreality-awards img { width: 125px; height: auto; } .thinkreality-awards img.redDot { width: 175px; margin-left: 40px; } .thinkreality-awards img.adcentral { width: 100px; margin-left: 40px; } .thinkreality-awards p { text-align: center; } .thinkreality-awards b { font-size: 1.375em; } @media screen and (max-width: 1227px) { .thinkreality-awards { top: 0; } } @media screen and (max-width: 1178px) { .thinkreality-awards { top: 20px; } } @media screen and (max-width: 991px) { .thinkreality-awards { flex-flow: column; } .thinkreality-awards .thinkreality-award__badges { margin-left: 0; min-width: auto; } } @media screen and (max-width: 768px) { .video-background { max-height: 100vh; } } @media screen and (max-width: 420px) { .thinkreality-awards { flex-flow: wrap; } .thinkreality-awards img { width: auto; height: 100px; margin-left: unset; margin: 0 15px 15px; } .thinkreality-awards img.adcentral { height: auto; } .thinkreality-awards__quotes { margin-bottom: 0px; text-align: center; } .quote { width: 100%; padding: 0; } .thinkreality-awards__icons { width: 80%; margin: 30px auto; justify-content: space-around; } } .thinkreality-site-section--gallery { background: #f6f6f6; } a.button, button { background: #fff; } .thinkreality-featureSummary { display: flex; justify-content: space-around; } .thinkreality-featureSummary .feature { display: flex; flex-direction: column; width: 100px; margin: 20px 40px; font-size: 1em; line-height: 1.125em; } .thinkreality-featureSummary .feature img { width: 100px; height: 100px; margin-bottom: 16px; } @media screen and (max-width: 768px) { .thinkreality-featureSummary .feature { margin: 20px; } } @media screen and (max-width: 420px) { .thinkreality-featureSummary { flex-flow: wrap; } } .thinkreality-site-section--autoplay { padding: 0 0; } .thinkreality-site-section--autoplay .l-container, .thinkreality-site-section--autoplay .owl-carousel .owl-item img { width: 100%; margin: 0 0  !important; } .thinkreality-site-section--autoplay .thinkreality-tile__section--info { margin-bottom: 0; width: 50%; position: absolute; top: 5vw; left: 5vw; background: #fff; } .thinkreality-site-section--autoplay .thinkreality-tile__line--msg { max-width: 100%; text-align: left; } .thinkreality-site-section--startDayText { padding: 40px 0 80px; } .thinkreality-tile__section--img .owl-dots { position: absolute; top: 35vw; width: 100%; justify-content: center; display: flex; } .thinkreality-tile__section--img .owl-dots .owl-dot { width: 20px; height: 20px; background: rgba(255, 255, 255, .6); border-radius: 50%; margin: 0 8px; outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, .2); border: none; } .thinkreality-tile__section--img .owl-dots .owl-dot.active { background: #fff; } @media screen and (max-width: 420px) { .thinkreality-site-section--autoplay .thinkreality-tile__section--info { position: relative; width: 100%; margin-bottom: 25px; } .thinkreality-site-section--startDayText { padding-top: 20px; } .thinkreality-site-section--autoplay .thinkreality-tile__section { height: 65vw; } .owl-carousel .owl-item { height: 55vw; } .thinkreality-site-section--autoplay .thinkreality-tile__msg { top: 37vw; } .thinkreality-tile__section--img .owl-dots { top: 55vw; } .thinkreality-tile__section--img .owl-dots .owl-dot { background: #fff; } .thinkreality-tile__section--img .owl-dots .owl-dot.active { background: #ccc; } } .thinkreality-tile__section--img { background-size: cover; background-position: center; padding-top: 37vw; } .thinkreality-tile__section--img .thinkreality-tile__line { text-align: center; } .thinkreality-tile-design .thinkreality-tile__line { margin-bottom: 0; } .thinkreality-thinkpad ul { padding: 0; display: flex; } .thinkreality-thinkpad li { text-align: center; list-style: none; flex: 1; } .thinkreality-thinkpad li p { text-align: center; width: 170px; margin: 0 auto; } .thinkreality-thinkpad li:last-child { margin-right: 0; } @media screen and (max-width: 1279px) { .thinkreality-tile__section--img { padding-top: 56.25vw; } } @media screen and (max-width: 620px) { .thinkreality-thinkpad ul { display: block; } } @media screen and (max-width: 420px) { .thinkreality-tile__section--img .thinkreality-tile__line { position: absolute; width: 100%; top: 50vw; } } .thinkreality-set-steps__question { font-size: 1.25em; color: #009dd9; text-align: center; font-weight: 400; } .thinkreality-link-question { display: inline-flex; align-items: center; color: #009dd9; } .thinkreality-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=); } .thinkreality-site-section--setUp.is-active .thinkreality-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; } .thinkreality-site-section--setUp { position: relative; padding: 80px 0; } .thinkreality-site-section--setUp.is-active { z-index: 1000; } .thinkreality-site-section--setUp.is-active:before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: rgba(0, 0, 0, .5); } .thinkreality-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; } .thinkreality-set-steps-popup ::-webkit-scrollbar { width: 5px; height: 8px; background-color: #d4d4d4; } .thinkreality-set-steps-popup ::-webkit-scrollbar-thumb { background: #949494; } .thinkreality-set-steps-popup .thinkreality-tile__popup-content { overflow-y: scroll; padding: 40px 60px; } .thinkreality-set-steps-popup__ol { margin: 0; padding: 0 1em; } .thinkreality-set-steps-popup__ol-item { margin: 0 0 40px; font-weight: 400; } .thinkreality-set-steps-popup .thinkreality-title-reg { text-align: inherit; margin-bottom: 35px; } .thinkreality-set-steps-popup__close { position: absolute; top: 20px; right: 20px; } .thinkreality-set-steps-popup__inner { overflow-y: scroll; color: #222; font-size: 1.25em; font-weight: 300; line-height: 1.5; height: 100%; padding: 45px; } .thinkreality-set-steps-popup__question { font-weight: 400; margin: 0 0 4px; } .thinkreality-set-steps-popup__answer { font-weight: 300; } @media screen and (max-width: 768px) { .thinkreality-site-section--setUp.is-active .thinkreality-set-steps-popup { width: 80vw; } } .thinkreality-container__header { text-align: center; max-width: 925px; margin: 40px auto 60px; } .case-link { color: #0d5c91; text-decoration: underline; } h1.gradient, h2.gradient { display: inline-block; background: #e1140a; background: linear-gradient(115deg, #e1140a 40%, #333f48 80%, #000 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 200%; } h1, h2 { line-height: 1.25em; } h1 + p, h2 + p { margin-top: 0; } .thinkreality-hero .video-background video { width: 100%; } .thinkreality-hero__content .amd-logo { position: absolute; top: 30px; right: 30px; } .think-video-slider { width: 100%; margin: 0; } .think-video-slider-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 1280px) { .think-video-slider { width: 50%; } } .thinkreality-tackle { position: relative; height: 45vw; max-height: calc(100vh - 75px); background-size: cover; background-position: center; } .thinkreality-tackle-2 { position: relative; height: 37vw; max-height: calc(100vh - 75px); background-size: cover; background-position: center; } .thinkreality-tackle-2 img { position: absolute; right: 3%; top: 5%; } .thinkreality-notifyme { position: relative; height: 35vw; max-height: calc(100vh - 75px); background-size: cover; background-position: center bottom; } .thinkreality-notifyme__header .logo { margin-bottom: 20px; } .thinkreality-notifyme__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; z-index: 1; } .thinkreality-notifyme__info { max-width: 330px; font: 16px/26px "Lato"; } .thinkreality-notifyme__link { color: #000; position: relative; transition: .2s ease-out; } .thinkreality-notifyme__link::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background-color: #000; transition: .2s ease-out; } .thinkreality-notifyme__link:hover { color: #e1140a; } .thinkreality-notifyme__link:hover::after { background-color: #e1140a; } .thinkreality-slider-main.slick-initialized .slick-slide { display: flex; align-items: center; background-color: #fff; outline: none; } .thinkreality-slider-main.slick-initialized .slick-slide video { height: 100%; } .thinkreality-slider-section__slider-p { margin-top: 0; } .thinkreality-slider-section__vid-nav p { font-size: 1em; line-height: 1.188em; } .thinkreality-slider-section__vid-nav { height: 180px; } @media screen and (max-width: 1279px) { .thinkreality-slider-section__slider-content { text-align: center; margin: 0 auto; display: block; } .thinkreality-slider-section__slider-desc { text-align: center; } .thinkreality-slider-section__vid-nav .slick-dots { display: inline-block; } } @media screen and (max-width: 1180px) { .thinkreality-slider-main .slick-slide, .thinkreality-slider-main .slick-slide.slick-active { height: 56.25vw; } } body .lity-iframe-container { height: 560px; } body .lity-iframe-container iframe { background: #fff; padding: 20px; } .footer-bar_3-logos { display: none; } .thinkreality-notifyme { height: 38vw; } @media screen and (max-width: 840px) { .thinkreality-hero__header img.logo { max-width: 400px; } .thinkreality-notifyme__header .logo { max-width: 280px; } .thinkreality-tackle-2 img { width: 10%; } } @media screen and (max-width: 768px) { .thinkreality-hero__content .amd-logo { top: auto; bottom: 20px; width: 100px; } .thinkreality-hero .video-background video { height: 100%; width: auto; } .thinkreality-notifyme { height: 50vw; } .thinkreality-notifyme__info { width: 275px; } .thinkreality-tile__instructions { display: none; } } @media screen and (max-width: 640px) { .thinkreality-hero { height: 90vw; min-height: 480px; } .thinkreality-hero__header img.logo { max-width: 60vw; display: block; margin: auto; margin-bottom: 40px; } .thinkreality-hero__header .thinkreality-hero__actions { display: block; text-align: center; } .thinkreality-hero__actions a, .thinkreality-hero__actions a.thinkreality-btn-light { margin: 0 auto 20px; padding: 20px 45px; width: 240px; max-width: 100%; } .thinkreality-tile__inner { padding: 40px 40px; } .thinkreality-notifyme { height: 80vw; background-position: 80% 0%; } .thinkreality-notifyme .thinkreality-notifyme__actions { text-align: center; } .thinkreality-notifyme .thinkreality-notifyme__actions a, .thinkreality-notifyme .thinkreality-notifyme__actions a.thinkreality-btn--thin-r2 { display: block; width: 280px; max-width: 280px; margin: 10px auto; } .thinkreality-notifyme__header .logo { display: block; margin: auto; margin-bottom: 30px; } .thinkreality-notifyme__info { text-align: center; margin: auto; margin-top: 20px; width: 330px; } body .lity-iframe-container { height: 635px; } .thinkreality-notifyme__content { -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding-top: 50px; } } @media screen and (max-width: 490px) { body .lity-iframe-container { overflow: scroll; } body .lity-iframe-container iframe { height: 870px; } .thinkreality-notifyme { height: 120vw; } } .thinkreality-sticky-header { width: 100%; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 6px 25px; border-bottom: 1px solid #c4c4c4; z-index: 997; } .thinkreality-sticky-header .thinkreality-btn-blue { font-size: 1em; font-weight: 700; line-height: 1; padding: 15px 35px; -webkit-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; min-width: 100px; } .thinkreality-sticky-header .logo { width: 130px; } .masthead .pageWrapper { position: relative  !important; } .masthead { margin-bottom: 0px; } .thinkreality-quote-section { background-color: #f6f6f6; } .thinkreality-quote-container { width: 100%; display: flex; padding: 50px 100px; } .thinkreality-ces-awards { width: 50%; display: flex; align-items: center; justify-content: center; } .gear-diary-award { width: 12.5em; } .award-caption { margin: 0; width: 8.125em; text-align: center; line-height: 1.25; color: #222; } .chrome-unboxed-award { margin-right: 80px; } .chrome-unboxed-award img { width: 8.125em; } .thinkreality-quote { width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .quote { font-size: 1.125em; font-weight: bold; line-height: 1.5em; text-align: center; margin: 0; margin-bottom: 15px; color: #222; } .quote-caption { text-align: center; margin: 0; color: #222; } @media screen and (max-width: 1280px) { .thinkreality-quote-container { flex-direction: column; } .thinkreality-ces-awards { width: 100%; } .thinkreality-quote { width: 100%; } .thinkreality-ces-awards { margin-bottom: 50px; } } @media screen and (min-width: 576px) and (max-width: 768px) { .thinkreality-quote-container { width: 90%; padding: 50px 0px; margin: auto; } } @media screen and (max-width: 575px) { .thinkreality-quote-container { padding: 50px 40px; } .chrome-unboxed-award { margin-right: 30px; } } .thinkreality-message-link { width: 75%; margin: 25px auto; border: 1px solid #009dd9; display: block; text-align: center; padding: 5px; }