@charset "utf-8"; #amazon, #netflix, #youtube { display: block; margin: 0; width: 62px; } @font-face { font-family: 'SamsungOne 500'; src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'SamsungOne 700'; src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'SamsungOne 800'; src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SamsungOne 800C'; src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SamsungOne 500C'; src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff'); font-weight: 500; font-style: normal; } #faceslider { display: none; } .moreStories { position: absolute; bottom: 0; left: 0; padding: 0 10% 10%; } #smarthub { top: 25%; position: relative; float: left; margin-right: 110px; width: 705px; height: 483px; left: 20px; } #smarthub figcaption { width: 712px; background: url(../img/ui.png); height: 191px; position: absolute; bottom: 72px; left: 2px; } #smarthub figcaption .hub { position: absolute; left: 2px; top: 20px; } #smarthub figcaption .hub img { opacity: 0; position: absolute; -webkit-transition: all .2s linear; transition: all 0.2s linear; } #smarthub figcaption .hub button img { position: relative; } #amazon, #netflix, #smarthub figcaption nav, #youtube { height: 35px; position: absolute; } #smarthub.amazone .hub img#am, #smarthub.hbo .hub img#hb, #smarthub.netflix .hub img#nf, #smarthub.youtube .hub img#yt { opacity: 1; } #smarthub figcaption nav { top: 141px; width: 615px; left: 95px; } #netflix { border: 0; background: url(../img/allLogos.png) -70px -1px; left: 161px; top: 121px; } .netflix #netflix { z-index: 1; top: 115px; border: 2px solid #fff; } .netflix.over #netflix { z-index: 0; box-shadow: none; top: 115px; border: 2px solid #fff; } #youtube { border: 0; background: url(../img/allLogos.png) -136px -2px; left: 229px; top: 121px; } .youtube #youtube { z-index: 1; box-shadow: 0 2px 4px #888; top: 115px; border: 2px solid #fff; } .youtube.over #youtube { z-index: 0; box-shadow: none; top: 115px; border: 2px solid #fff; } #amazon { border: 0; background: url(../img/allLogos.png) -205px -2px; left: 297px; top: 121px; } .amazone #amazon { z-index: 1; box-shadow: 0 2px 4px #888; top: 115px; border: 2px solid #fff; } .amazone #amazon img, .netflix #netflix img, .youtube #youtube img { opacity: 1!important; top: 25px!important; position: relative; } .amazone.over #amazon { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); z-index: 0; box-shadow: none; top: 111px; } #smarthub figcaption button img { opacity: 0; top: 25px; position: relative; -webkit-transition: all .2s linear; transition: all 0.2s linear; } #smarthub figcaption button.over img, #smarthub figcaption button:hover img { opacity: 1; top: 25px; position: relative; } #smarthub figcaption button { border: 2px solid rgba(255, 255, 255, 0); z-index: 1; -webkit-transition: all .2s linear; transition: all .2s linear; top: 121px; -webkit-animation-name: btn-basic; animation-name: btn-basic; -moz-animation-duration: .7s; -moz-animation-timing-function: ease-in-out; -moz-animation-direction: alternate; -moz-animation-delay: .5s; -moz-animation-iteration-count: infinite; -o-animation-duration: .7s; -o-animation-timing-function: ease-in-out; -o-animation-direction: alternate; -o-animation-delay: .5s; -o-animation-iteration-count: infinite; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } #smarthub figcaption button:hover { z-index: 1; top: 115px; border: 2px solid #fff; } #smarthub #d0, #smarthub #d1, #smarthub #d2 { width: 100%; color: #000; font-size: 9px; text-align: center; line-height: 1.62em; display: none; margin-top: 29em; } #smarthub.amazone #d2, #smarthub.netflix #d0, #smarthub.youtube #d1 { display: block; } #smarthub div strong { display: block; font-size: 12px; line-height: 1.62em; } .feature #quantumColor { background: url(../img/bg.jpg) 50% bottom no-repeat #f5f5f5; background-size: 1940px auto; } .feature #quantumColor h1 { padding-top: 375px; font-size: 72px; margin: auto; width: 665px; line-height: 1.1em; color: #fff; text-shadow: 0 0 10px #102815, 0 0 15px #102815, 0 0 15px #102815, 0 0 15px #102815; } .feature #quantumColor h1 small { line-height: 1.6em; display: block; } .feature #quantumColor h1 label span { text-shadow: none; } .feature #quantumColor label input { opacity: 0; } .feature #quantumColor label input:focus + i { box-shadow: 0 0 10px #003eff; } .feature #quantumColor label { display: block; width: 80px; height: 25px; background: 0 0; border-radius: 50px; position: relative; border: 1px solid #fff; margin-top: 3em; cursor: pointer; } .feature #quantumColor label i { display: block; position: absolute; top: 4px; left: 5px; width: 15px; height: 15px; border-radius: 50px; background: 0 0; -webkit-transition: all .15s linear; transition: all .15s linear; z-index: 1; border: 1px solid #fff; } .feature #quantumColor label input:checked + i { left: 58px; background: #fff; } #quantumColor #on img { display: none; } #quantumColor #on { background: url(../img/quantum-color/on.jpg) 50% bottom no-repeat #f5f5f5; background-size: 1940px auto; height: 100%; width: 100%; position: absolute; opacity: 0; -webkit-transition: all .15s linear; transition: all 0.15s linear; } #quantumColor #on.active { opacity: 1; } .feature #quantumColor label span { display: inline-block; color: #fff; width: 29px; margin: 0; height: 20px; position: relative; top: 1px; left: -1px; font-size: 14px; } #radio1, #radio2, #radio3 { width: 30px; height: 29px; } #blueray-icon, #box-icon, #playstation-icon { top: 145px; width: 86px; height: 67px; z-index: 1; } .feature #quantumColor label span + span { left: 2px; } .feature #quantumColor label input + i + span { color: transparent; } .feature #quantumColor label input:checked + i + span { color: #fff; } #boundless #smart-view { width: 712px; height: 473px; top: 250px; overflow: visible; } .container-fluid, .ks7500 { overflow-x: hidden; } #glow { display: block; background: url(../img/glow.png); width: 225px; height: 225px; position: absolute; top: -111px; right: -115px; -webkit-animation: glowing 10s linear infinite; animation: glowing 10s linear infinite; } #home .texto, .navbar-nav { right: 2vw; position: absolute; } #oneRemote figure { width: 760px; height: 384px; position: relative; float: left; margin-top: 80px; margin-bottom: 291px; padding-left: 0; } #oneRemote .hid { opacity: 0; -webkit-transition: all .2s linear; transition: all 0.2s linear; } #oneRemote span { -webkit-transition: all .5s linear; transition: all 0.5s linear; } #oneRemote figure img { position: absolute; } #playstation-icon { position: absolute; left: 190px; background: url(../img/remote/icons.png); } #box-icon { position: absolute; left: 340px; background: url(../img/remote/icons.png) -151px 0; } #blueray-icon { position: absolute; left: 42px; background: url(../img/remote/icons.png) -151px 0 no-repeat; } #oneRemote #blueray-icon.hid, #oneRemote #box-icon.hid, #oneRemote #playstation-icon.hid { opacity: 0.3; } .feature > article footer.games a { top: 225px; } .feature > article footer.remote a, .feature > article footer.smarthub a { top: 215px; } .feature > article footer.smartview a { top: 265px; } #remote-blueray, #remote-box { position: absolute; top: 520px; opacity: 0.5; } #remote-playstation { position: absolute; top: 480px; left: 570px; background: url(../img/remote/remote01.png); width: 90px; height: 275px; opacity: 0.5; } #remote-box { left: 430px; background: url(../img/remote/remote02.png); width: 92px; height: 236px; } #remote-blueray { left: 711px; background: url(../img/remote/remote03.png); width: 67px; height: 241px; } .one #remote-blueray, .one #remote-box, .one #remote-playstation { left: 135px; opacity: 1; } #radio, #radio1, #radio2, #radio3 { position: absolute; z-index: 3; opacity: 0; } #radio { background: url(../img/remote/wifi.png); width: 48px; height: 50px; top: 175px; left: 833px; } #radio1 { background: url(../img/remote/wifi.png) -9px -165px; top: 147px; left: 119px; } #radio2 { background: url(../img/remote/wifi.png) -9px -113px; top: 178px; left: 95px; } #radio3 { background: url(../img/remote/wifi.png) -10px -62px; top: 283px; left: 46px; } .care-logo, .home-logo { z-index: 10; left: 0; display: none; } .wifi #radio, .wifi #radio1, .wifi #radio2, .wifi #radio3 { -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; opacity: 1; -webkit-animation-name: wifi; animation-name: wifi; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .feature .topFigure h1 { line-height: 1em; } .feature .topFigure h1 small { display: block; left: 3px; position: relative; } .feature > article figure { display: inline-block; width: 48%; vertical-align: top; position: relative; margin: 30px 0; } #connect .aparelho, #connect .tela img, #historia .legenda img { width: 100%; } h2.cadmium, h2.lifespan { font-size: 28px; padding: 3px 0 3px 40px; margin-top: 2em; } .feature > article figure + figure { float: right; } .feature > article figure img { width: 100%; height: auto; } h2.burnin { font-size: 28px; padding: 3px 0 3px 40px; background: url(../img/quantum-display/icons.png) no-repeat; } h2.lifespan { background: url(../img/quantum-display/icons.png) 0 -67px no-repeat; } h2.cadmium { background: url(../img/quantum-display/icons.png) 0 -125px no-repeat; } @-webkit-keyframes glowing { 0% { top: -127px; -webkit-transform: rotate(0); transform: rotate(0); opacity: 0; } 9% { top: -187px; -webkit-transform: rotate(0); transform: rotate(0); opacity: 0; } 10% { top: -187px; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 35% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 0.7; } 50% { opacity: 0; } 100% { top: 380px; opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes glowing { 0% { top: -121px; -webkit-transform: rotate(0); transform: rotate(0); opacity: 0; } 9% { top: -121px; -webkit-transform: rotate(0); transform: rotate(0); opacity: 0.5; } 10% { top: -121px; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 25% { opacity: 1; } 50% { opacity: 0; top: 280px; -webkit-transform: rotate(50deg); transform: rotate(50deg); } 100% { top: 280px; opacity: 0; } } @keyframes wifi { 0% { opacity: 1; } 100% { opacity: 0.5; } } @-webkit-keyframes wifi { 0% { opacity: 1; } 100% { opacity: 0.4; } } @keyframes btn-basic { 0% { box-shadow: 0 0 0 #00d2ff; opacity: 1; } 100% { box-shadow: 0 0 10px #00d2ff; opacity: 0.8; } } @-webkit-keyframes btn-basic { 0% { box-shadow: 0 0 0 #00d2ff; } 100% { box-shadow: 0 0 10px #00d2ff; } } @keyframes btn-up-down { 0% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -ms-transform: translate(0, 5px); -webkit-transform: translate(0, 5px); transform: translate(0, 5px); } } @-webkit-keyframes btn-up-down { 0% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -ms-transform: translate(0, 5px); -webkit-transform: translate(0, 5px); transform: translate(0, 5px); } } @keyframes btn-play { 0% { box-shadow: 0 0 0 #00d2ff, 0 0 0 #00d2ff; } 100% { box-shadow: 0 0 10px #00d2ff, 0 0 10px #00d2ff; } } @-webkit-keyframes btn-play { 0% { box-shadow: 0 0 0 #00d2ff, 0 0 10px #00d2ff; } 100% { box-shadow: 0 0 10px #00d2ff, 0 0 10px #00d2ff; } } #historia .bg { padding-top: 6%; background: url(../img/historia-bg.jpg) bottom center no-repeat; background-size: cover; } #historia .legenda { color: #000; text-align: justify; } #historia .legenda .titulo { font-size: 40px; line-height: 40px; margin-bottom: 1%; padding: 3% 20% 1% 0; } #historia .legenda .sub { font-size: 16px; line-height: 19px; color: #363636; padding: 0 10% 5% 0; } #connect { color: #000; } #connect .subtitle { font-size: 24px; margin-top: 12%; color: #363636; } #connect .title { font-size: 56px; line-height: 56px; padding: 5% 0; color: #363636; } #connect .tela.title, .news { padding: 60px 0; } #connect .texto { color: rgba(0, 0, 0, 0.8); font-size: 16px; line-height: 20px; } #connect hr { border-top: 6px solid #f2f2f2; height: 0; margin: 10% 0; } #connect .aparelho { margin-top: 12%; } #connect .tela { text-align: center; color: #363636; } #connect button { background: url(../img/btn.png) center top no-repeat; border: none; width: 322px; height: 56px; color: #696969; font-family: 'SamsungOne 700'; font-size: 18px; margin: 60px 0 160px; } #resolucao img, .news, .news img { width: 100%; } #connect button span, .news { color: #000; } #home .texto .serie span, #home .texto .sub, #resolucao .slider2 figure p, #resolucao .texto span, .navbar-nav > li:after { font-family: 'SamsungOne 800'; } .news { border-top: 1px solid #d7d7d7; text-align: left; } .news .title { font-size: 22px; line-height: 22px; margin-top: 20px; } .news .desc { font-size: 16px; margin-top: 3%; margin-bottom: 40px; } .home-logo { position: absolute; top: 6%; } .care-logo { position: relative; margin-top: -10%; } .navbar { position: relative; min-height: 0; margin-bottom: 0; border: none; } .navbar-nav { top: 58vh; margin-top: -95px; z-index: 10000; display: none; } .navbar-nav > li > a { color: #363636; font-size: 12px; line-height: 12px; padding: 0; margin: 0; } .nav > li > a { display: inline; } .nav > li > a:hover { text-decoration: none; background-color: transparent; } .navbar-nav > ul { list-style: none; margin-left: 0; padding-right: 0; } .navbar-nav > li { padding-right: 2em; text-indent: -2em; text-align: right; line-height: 20px; float: none; } .navbar-nav > li:after { content: '+'; padding-left: 10px; font-size: 16px; } .navbar-nav > li:hover:after { content: '-'; } #home .htmlVideo { float: left; } #home .texto { color: #343434; font-size: 16px; top: 7%; text-align: right; display: none; } #home .texto .serie span { font-size: 28px; background: 0 0; } #home .texto .sub { margin-top: 10px; font-size: 20px; } .selos-4k img { margin-bottom: 60px; } #resolucao { background-color: #000; } #resolucao .container-fluid { padding: 0; } #resolucao .bg { background: url(../img/4k-bg.jpg) center bottom repeat-x #000; } #resolucao .texto { text-align: center; color: #959595; margin: 10% 0; } #resolucao .texto span { color: #FFF; } #resolucao .seta { margin-top: -38px; z-index: 10; position: absolute; background: url(../img/faixa-seta-preta.png) center no-repeat; height: 38px; width: 100%; } #resolucao .slider2 { background: url(../img/hdrbg-2.png) left top no-repeat; background-size: contain; width: 108%; height: 44px; margin-left: -65px; margin-bottom: 100px; } #resolucao .slider2 .ellipse { background-image: url(../img/ellipse.png); background-repeat: no-repeat; width: 44px; height: 80px; float: left; cursor: pointer; background-position: 0 2px; } #resolucao .slider2 figure { background: url(../img/seta.gif) 12px 23px no-repeat; width: 44px; height: 80px; float: left; cursor: pointer; margin-top: -22px; } #resolucao .slider2 figure p { font-size: 24px; float: left; display: inline; color: #fff; text-align: center; margin: 50px 0 0; } #resolucao .slider2 figure:first-child { margin-left: 20%; } #resolucao .slider2 figure:first-child p { margin-left: 13%; } #resolucao .slider2 figure:nth-child(2) { margin-left: 15%; } #resolucao .slider2 figure:nth-child(2) p { margin-left: 8%; } #resolucao .slider2 figure:nth-child(3) { margin-left: 15%; } #resolucao .slider2 figure:nth-child(3) p { margin-left: -76%; width: 100px; } #resolucao .slider2 figure:nth-child(4) { margin-left: 15%; } #resolucao .slider2 figure:nth-child(4) p { margin-left: -76%; width: 100px; } #design .design-text { height: 600px; padding-top: 110px; } #design .design-text h2 { font-size: 24px; margin-bottom: 60px; } #design .design-text h3 { font-size: 56px; line-height: 56px; letter-spacing: 3px; } #design .design-text p { margin: 60px auto 160px; width: 580px; font-size: 16px; } #design .design-text h2, #design .design-text h3, #design .design-text p { font-family: 'SamsungOne 500'; color: #3d3d3d; text-align: center; } #design .cs, #design .legenda { z-index: 10; left: 5%; color: #fff; width: 60%; position: absolute; } #design .cs { margin-top: -38%; } #design .legenda { margin-top: -42%; } #design .legenda .titulo { font-size: 30px; line-height: 30px; margin-bottom: 4%; } #resolucao .container .row .col-md-6.col-md-offset-3{margin-left: 22%;} #hdr .feature .hdr-box{margin-left:0 !important} #design .carousel-fade .carousel-inner .item { transition-property: opacity; } #design .carousel-fade .carousel-inner .active.left, #design .carousel-fade .carousel-inner .active.right, #design .carousel-fade .carousel-inner .item { opacity: 0; } #design .carousel-fade .carousel-inner .active, #design .carousel-fade .carousel-inner .next.left, #design .carousel-fade .carousel-inner .prev.right, .close { opacity: 1; } #design .carousel-fade .carousel-inner .active.left, #design .carousel-fade .carousel-inner .active.right, #design .carousel-fade .carousel-inner .next, #design .carousel-fade .carousel-inner .prev { left: 0; transform: translate3d(0, 0, 0); } #design .carousel-fade .carousel-control { z-index: 2; } #design .sub { font-size: 71px; line-height: 71px; text-align: left; padding-bottom: 20px; } #design .sub.min { font-size: 30px; line-height: 30px; } #design .seta { margin-top: -43px; z-index: 10; position: absolute; background: url(../img/faixa-seta.png) center no-repeat; height: 38px; width: 100%; } .img-zoom { background: url(../img/inner-zoom/small/imageA.jpg) no-repeat; transition: background .5s linear; height: 100%; padding-top: 50px; padding-bottom: 30px; width: 100%; float: left; } .img-zoom .zoom-controls { float: left; } .img-zoom .zoom-controls a { display: block; width: 64px; height: 64px; background: #ececeb; line-height: 64px; text-align: center; color: #3a3a3a; font-size: 30px; margin-bottom: 2px; margin-left: 50px; } .img-zoom .zoom-controls a:active, .img-zoom .zoom-controls a:focus, .img-zoom .zoom-controls a:hover { text-decoration: none; outline: 0; } .img-zoom .thumbs { float: right; margin-right: 62px; list-style: none; } .img-zoom .thumbs li { width: 140px; height: 92px; margin-bottom: 15px; } .img-zoom .thumbs li a { border: 3px solid #FFF; text-indent: -99999em; line-height: 0; font-size: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; } .img-zoom .thumbs li .img-1 { background-image: url(../img/inner-zoom/thumb/imageA.jpg); } .img-zoom .thumbs li .img-2 { background-image: url(../img/inner-zoom/thumb/imageB.jpg); } .img-zoom .thumbs li .img-3 { background-image: url(../img/inner-zoom/thumb/imageC.jpg); } .img-zoom .thumbs li .img-4 { background-image: url(../img/inner-zoom/thumb/imageD.jpg); } .img-zoom .thumbs li .img-5 { background-image: url(../img/inner-zoom/thumb/imageE.jpg); } #myModal-dist .modal, #myModal-dist .modal-open .modal, .modal, .modal-content, .modal-open .modal { background: #fff; } .modal-dialog { width: 100%; margin: 0; border: none; border-radius: 0; } .modal-body { text-align: center; margin: 0 10%; } .modal-content { box-shadow: none; border: 0; padding: 100px 0; color: #363636; line-height: 54px; text-align: center; } .modal-content .title { font-size: 56px; margin: 5% 0; } .modal-content .texto { font-size: 16px; line-height: 22px; padding: 0 10%; } #myModal-tela .modal-content { text-align: center; line-height: 32px; } #myModal-tela .modal-content img { width: 100%; padding-top: 10%; } #myModal-tela .modal-content .title { font-size: 32px; margin: 5% 8%; } #myModal-tela .modal-content .texto { font-size: 16px; line-height: 22px; padding: 0 10%; color: #626262; } #myModal-dist { height: 100%; } #myModal-dist .modal-dialog { width: 100%; margin: 0; border: none; border-radius: 0; height: 100%; } #myModal-dist .modal-body { text-align: center; margin: 0 10%; } #myModal-dist .modal-content { box-shadow: none; border: 0; background: url(../img/distanciabg.jpg) top center no-repeat; padding: 3% 0; color: #fff; line-height: 54px; text-align: center; height: 100%; border-radius: 0; } #myModal-dist .modal-content img:first-child { width: 100%; } #myModal-dist .modal-content .title { margin: 5% 8%; font-size: 34px; line-height: 40px; } #myModal-dist .modal-content .sub-title { font-family: 'SamsungOne 500'; font-size: 20px; font-weight: 300; margin-bottom: 40px; } #myModal-dist .modal-content .tabela { font-size: 16px; line-height: 24px; font-family: 'SamsungOne 500C'; font-style: italic; margin: 5%; } #myModal-dist .modal-content .cab { margin-top: 5%; } #myModal-dist .modal-content .cab div:first-child, #myModal-dist .modal-content .line div:first-child { text-align: left; font-family: 'SamsungOne 800C'; font-style: normal; border-right: none; } #imagem, .controle { text-align: center; } #myModal-dist .modal-content .line div { border-top: 2px solid #fff; } #myModal-hdr, #myModal-hdr .modal-content, #myModal-quantum, #myModal-quantum .modal-content { background: #000; } button.close { position: absolute; top: 25px; right: 25px; } .close { filter: alpha(opacity=100); } .controle { margin-top: -120px; background: #fff; padding-top: 120px; color: #000; line-height: 54px; } .controle .subtitle { font-size: 24px; margin: 100px 0 60px; color: #363636; } .controle .title { font-size: 56px; margin: 40px 0; color: #363636; } #oneRemote .texto { position: absolute; left: 488px; top: 510px; font-size: 16px; width: 370px; color: #363636; display: none; } #remote { position: absolute; top: 264px; left: 95px; background: url(../img/remote/remote.png); width: 290px; height: 480px; z-index: 2; } #remote-container { height: 824px; overflow: hidden; } #imagem { background: url(../img/quantum-bg.jpg) top center no-repeat #000; color: #fff; } #imagem .subtitle { font-size: 24px; margin-top: 6%; } #imagem .title { font-size: 56px; line-height: 56px; padding: 5% 0; } #imagem .texto { color: #959595; font-size: 16px; line-height: 20px; } #imagem *, #imagem :after, #imagem :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #imagem img { max-width: 100%; } #imagem .video { margin-top: 7%; } #imagem .video img { cursor: pointer; } #imagem .video .rightq { text-align: right; } #imagem .video .texto { margin-top: 4%; font-size: 20px; text-align: left; color: #959595; } #hdr .desc, #hdr .sub p, #hdr .video, .gamefly, .ks7500 .rodape { text-align: center; } #imagem .video .texto div { color: #fff; line-height: 24px; font-size: 24px; } #imagem .cd-image-container { position: relative; width: 100%; max-width: 911px; margin: 0 auto; } #imagem .cd-image-container img { display: block; } #imagem .cd-image-label { position: absolute; top: 0; right: 0; color: #fff; font-weight: 700; padding: 3em 5em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; } #imagem .cd-image-label.is-hidden { visibility: hidden; } #imagem .is-visible .cd-image-label { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #imagem .cd-resize-img { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } #imagem .cd-resize-img img { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none; } #imagem .cd-resize-img .cd-image-label { right: auto; left: 0; } #imagem .is-visible .cd-resize-img { width: 50%; -webkit-animation: cd-bounce-in 0.7s; -moz-animation: cd-bounce-in 0.7s; animation: cd-bounce-in 0.7s; } @-webkit-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @-moz-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } #imagem .cd-handle { position: absolute; height: 361px; width: 100px; left: 50%; top: 50%; margin-left: -50px; margin-top: -255px; background: url(../img/ellipse-qd.png) center center no-repeat; cursor: move; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); -moz-transform: translate3d(0, 0, 0) scale(0); -ms-transform: translate3d(0, 0, 0) scale(0); -o-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } #imagem .is-visible .cd-handle { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s; transition: transform 0.3s 0.7s, opacity 0s 0.7s; } #hdr { background: #000; } #hdr .feature .topFigure { background: #000; width: 100%; position: relative; overflow: hidden; } #hdr .feature .topFigure #hrdval { display: none; } #hdr .ks7500 .feature .topFigure { width: 100%; height: 577px; background: #000; position: relative; overflow: hidden; } #hdr .feature .topFigure .wrapp { width: 100%; height: 100%; position: relative; margin: auto; overflow: hidden; } #hdr #hdr1000 { display: block; background: url(../img/hdr-off.jpg) top center no-repeat; max-width: 100%; background-size: contain; } #hdr #hdr1000 img { width: 100%; height: auto; } #hdr .desc { width: 100%; margin: 17% 0 6%; color: #959595; } #hdr .desc strong { font-family: 'SamsungOne 700'; color: #fff; } #hdr .feature .topFigure #slider { height: 38px; display: block; padding-left: 0; border: 0 solid transparent; background: 0 0; border-radius: 0; cursor: pointer; width: 250px; margin-left: 90px !important; } #hdr .feature .hdr-box { background: url(../img/hdrbg.png) 20px 6px no-repeat #000; margin-left: 35px; } #hdr .feature .topFigure #slider figure { width: 13px; height: 11px; border: none; position: absolute; border-radius: 0; overflow: hidden; background: url(../img/seta.gif); top: 8px; left: 0; } #hdr .feature .topFigure #slider figure.f2 { left: 99%; } #hdr .feature .topFigure #slider figure.f1 { left: 50%; } #hdr .feature .topFigure .ui-slider-handle { width: 38px; display: block; height: 38px; position: relative; background: url(../img/ellipse.png); border: 0; cursor: pointer; margin-top: -10px; outline: 0; left: 17%; } #hdr .feature .topFigure #slider hr { height: 1px; border: 0; margin: 0; padding: 0; position: relative; left: -10px; top: 6px; width: 100%; } #hdr .sub p { font-family: 'SamsungOne 800'; font-size: 24px; float: left; display: inline; color: #fff; } #hdr .sub p:first-child { margin: 0 0 0 51px; } #hdr .sub p:nth-child(2) { margin: 0 0 0 50px; } #hdr .sub p:last-child { margin: 0 0 0 68px; } #hdr .feature .topFigure span { width: 100%; display: block; height: 12px; position: relative; margin-top: -8px; font-size: 12px!important; color: #fff; } #hdr .video { margin-top: 18%; width: 100%; } #hdr .video img { cursor: pointer; } #hdr .video .texto { margin-top: 4%; font-size: 20px; } #hdr .video .texto div { color: #fff; line-height: 24px; font-size: 24px; } .bg-distancia { background: url(../img/bg-distancia.jpg) no-repeat; } .smart { background: #000; height: 365px; } .smart .no-p { width: 100%; } .smart #smarthub { top: 25%; position: relative; float: left; width: 705px; height: 483px; left: 50%; margin-left: -353px; } .smart .topFigure { border: 0; } .mao { position: absolute; margin-top: -22%; left: 0; z-index: 11; } #smarthub figcaption nav { background: url(../img/logos_smart.png); } .gamefly { margin-top: 120px; background: #fff; color: #000; line-height: 54px; } .gamefly .no-p { float: left; } .gamefly .subtitle { font-size: 24px; margin: 60px 0; } .gamefly .title { font-size: 56px; margin: 5% 0; } .gamefly .texto { font-size: 16px; margin: 60px 0 100px; line-height: 20px; color: #8f8f8f; } .gamefly img { width: 100%; margin: 0 0 5%; } .ks7500 .rodape { background: #f2f2f2; width: 100%; padding: 36px 0; } .ks7500 .rodape ul { list-style: none; margin-left: 0; padding-left: 3px; padding-top: 40px; background: url(../img/linha.gif) left no-repeat; font-size: 13px; color: #505050; } .ks7500 .rodape li { padding-left: 1em; text-indent: -1em; text-align: left; line-height: 26px; } .ks7500 footer, .ks7500 footer p { text-align: center; } .ks7500 .rodape li:before { content: url(../img/bullet.png); padding-right: 13px; } .ks7500 footer .logo-ssg { margin-top: 10px; } .ks7500 footer p { color: #505050; font-size: 9px; line-height: 9px; } #rodapecare .container-fluid { background: url(../img/footerbg.jpg) top center no-repeat; width: 100%; height: auto; text-align: center; padding: 7%; } #rodapecare .container-fluid img { margin: 20px 0; } #rodapecare .container-fluid .texto { font-family: 'SamsungOne 800'; color: #fff; font-size: 40px; } .ks7500, .secao .subtitle { font-family: 'SamsungOne 500'; } .ks7500 { max-width: 1400px; } video { opacity: 1; width: 100%; } .no-p { padding: 0; } .tag1, .tag3 { position: absolute; height: 82px; font-size: 38px; padding-left: 3%; z-index: 11; } button, input { outline: 0; } .tag1 { margin-top: 2%; color: #fff; left: 0; background: url(../img/tag1.png) right no-repeat; width: 462px; line-height: 82px; text-align: left; } .estatica #connect .exModal .texto, .secao { text-align: center; } .tag2 { background: url(../img/tag2.png) right no-repeat; margin-top: 10%; } .tag3 { margin-top: 2%; right: 0; background: url(../img/tag3.png) right no-repeat; width: 350px; } .secao { color: #fff; background: #000; line-height: 54px; } .secao .tag2 { margin-top: 7%; } .secao .texto img, .secao .title { margin: 60px 0; } .secao .subtitle { font-size: 24px; line-height: 24px; } .secao .title { font-size: 50px; font-family: 'SamsungOne 500' !important; } .secao .texto { font-size: 16px; color: #959595; line-height: 22px; padding: 0 10%; } .secao .texto .sub { font-size: 10px; margin-bottom: 5%; } .secao hr { border-top: 6px solid #1a1a1a; height: 0; margin: 60px 0 160px; } .secao button { background: url(../img/btn_lrg2.png) center top no-repeat; border: none; width: 372px; height: 56px; color: #696969; font-family: 'SamsungOne 700'; font-size: 18px; margin: 60px 0; } .secao button span { color: #000; } .title { font-family: 'SamsungOne 500' !important; } @media only screen and (max-width: 970px) { .tag1, .tag3 { height: 41px; font-size: 16px; padding-left: 3%; width: 231px; line-height: 41px; } .tag3 { background-size: contain; } .navbar { position: relative; min-height: 0; margin-bottom: 0; border: none; } #design .legenda { margin-top: -42%; } #design .legenda .titulo { font-size: 20px; line-height: 20px; margin-bottom: 4%; } #design .legenda .sub { font-size: 40px; line-height: 40px; } } .estatica #historia img, .estatica .htmlVideo img { width: 100%; } .estatica #connect .exModal .title { font-size: 26px; font-weight: 300; text-align: center; } .estatica .exModal { margin-bottom: 120px; } .estatica #hdr img { margin-top: 70px; } .estatica #resolucao .bg { background: #000; } .estatica #resolucao .bg .row { background: url(../img/4k-bg.jpg) 0 -96px repeat-x #000; } .estatica #myModal-dist .modal-content { border-radius: 0; } .estatica #myModal-dist .modal-content .title { font-size: 34px; line-height: 40px; } .estatica #myModal-dist .modal-content .sub-title { font-family: 'SamsungOne 500'; font-size: 20px; font-weight: 300; margin-bottom: 40px; } .estatica .smart { height: 468px; } .estatica #oneRemote .texto { display: block; } .estatica #connect .exModal img { max-width: 100%; } @media only screen and (max-width: 989px) { .slider2{ margin-left:-30% !important; } #connectAparelho{ width:500px !important; margin-left:15%; } #subtitulo{ text-align:center !important; } #tituloOneConnect{ text-align:center !important; } #textoOneConnect{ text-align:center !important; } .textoSlider{ margin-left:-170px !important; } }