/* Sources used in the project */ /* *BACKGROUNDS DEVEM FICAR NO Z-INDEX = 9 */ @font-face { font-family: 'SamsungSharpSans'; src: url(../fonts/SamsungSharpSansBd.eot); src: url(../fonts/SamsungSharpSansBd.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungSharpSansBd.woff) format("woff"); font-weight: bold; font-style: normal } @font-face { font-family: 'SamsungOne'; src: url(../fonts/SamsungOne-400.eot); src: url(../fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungOne-400.woff2) format("woff2"), url(../fonts/SamsungOne-400.woff) format("woff"), url(../fonts/SamsungOne-400.ttf) format("truetype"); font-weight: normal; font-style: normal } @font-face { font-family: 'SamsungOne'; src: url(../fonts/SamsungOne-700.eot); src: url(../fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungOne-700.woff2) format("woff2"), url(../fonts/SamsungOne-700.woff) format("woff"), url(../fonts/SamsungOne-700.ttf) format("truetype"); font-weight: bold; font-style: normal } /*************************DRAG**********************************/ #containerIsee img.nits {width:35.20833333333333vw; height:23.07291666666667vw; margin-top:7vw;} #containerIsee .nits img {width:41vw; height:auto;} /*************************DRAG**********************************/ #containerIsee h1{font-family:SamsungSharpSans,Verdana, Arial; padding-top:4.166666667vw; padding-bottom:1.583333333vw;} #containerIsee h2{font-family:SamsungSharpSans,Verdana, Arial; padding-top:4.166666667vw; padding-bottom:1.583333333vw;} #containerIsee h3{font-family:SamsungOne,Verdana, Arial;} #containerIsee h4{font-family:SamsungOne,Verdana, Arial;} #containerIsee p {font-family:SamsungOne,Verdana, Arial; font-weight:400;} #containerIsee strong {font-family:SamsungOne,Verdana, Arial; font-weight:600;} #containerIsee ul li {font-family:SamsungOne,Verdana, Arial;} #containerIsee .zeraPM {padding:0 !important; margin:0 !important;} #containerIsee .ico{padding-top: 2vw !important;} #containerIsee .paddingTop{padding-top: 8vw;} #containerIsee .paddingTop{padding-top: 7vw;} #containerIsee .paddingBottom{padding-bottom: 8vw;} #containerIsee .paddingBottom30px{padding-bottom: 4vw;} /* Color definition */ #containerIsee .txtBranco {color:#ffffff;} #containerIsee .txtPreto {color:#000000;} #containerIsee .txtCinza {color:#666666;} #containerIsee .txtAzul{color: #00c6ff;} #containerIsee .bgBranco {background-color:#ffffff;} #containerIsee .bgCinza {background-color:#c0c0c0;} #containerIsee .bgPreto {background-color:#000000;} #containerIsee .bgAmarelo {background-color:#FF0;} /* Blocos informações Genericas para todas as resoluções */ #containerIsee #bloco01, #containerIsee #bloco02, #containerIsee #bloco03, #containerIsee #bloco04, #containerIsee #bloco05, #containerIsee #bloco06, #containerIsee #bloco07, #containerIsee #bloco08,#containerIsee #bloco09, #containerIsee #bloco10, #containerIsee #bloco11, #containerIsee #especificacoes, #containerIsee #samsungCLub, #containerIsee #rodape, #containerIsee #blocoservice {float:left; position:relative; margin:0; padding:0; width:100%;} /* Desktop Full Resolution */ @media screen and (min-width: 1025px) { #containerIsee .mobileDesk {display:block;} #containerIsee .HideDesk {display:none !important;} #containerIsee .active{opacity: 1 !important} #containerIsee .transition{-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; opacity: 0.25} /* Setting Font Size */ #containerIsee h1{font-size:calc(75/1920 *100vw); line-height:calc(80/1920 *100vw);} #containerIsee h2{font-size:1.883333333vw; line-height: 2.2vw} #containerIsee h3{font-size:1.302083333vw; font-size: 1.802083333vw; line-height: 2.4vw; } #containerIsee h4{font-size: calc(30/1920*100vw); line-height: calc(35/1920*100vw); font-weight:500;} #containerIsee p{font-size:calc(25/1920 *100vw); line-height:calc(30/1920 *100vw);} #containerIsee p strong{font-size:calc(25/1920 *100vw); line-height:calc(30/1920 *100vw);} #containerIsee > #bloco01 {height:calc(1060/1920*100vw)} #containerIsee > #bloco02 {height:calc(1250/1920*100vw)} #containerIsee > #bloco03 {height:calc(1290/1920*100vw)} #containerIsee > #bloco04 {height:calc(640/1920*100vw)} #containerIsee > #bloco05 {height:calc(1340/1920*100vw)} #containerIsee > #bloco06 {height:calc(950/1920*100vw)} #containerIsee > #bloco07 {height:calc(1010/1920*100vw)} #containerIsee > #bloco11 {height:calc(930/1920*100vw)} #containerIsee > #bloco08 {height:auto;} #containerIsee > #bloco09 {height:auto;} #containerIsee > #bloco10 {height:auto;} body{background-color: #000; z-index: -99999} #containerIsee > #bloco01 .video{z-index: -999; width: 100%; height: 100%; position: absolute; left: 0; top: 0;object-fit: cover; } #containerIsee > #bloco01 .flecha{z-index: 99; position: absolute; top: 20vw; right: 28vw; width: calc(500/1920*100vw); height: calc(490/1920*100vw); background: url(../img/flecha.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco01 .homem{z-index: -9; position: absolute; left: 22vw; bottom: 0; width: calc(1020/1920*100vw); height: calc(968/1920*100vw); background: url(../img/1920/img-char.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco01 .logo{margin-top: 3vw} #containerIsee > #bloco01 h1{font-family:SamsungOne,Verdana, Arial; z-index: 9; margin-top: 12.5vw; font-size: calc(130/1920 *100vw); color: #FFF; text-shadow: 0.5vw 1vw 2vw #000} #containerIsee > #bloco01 .qled{z-index: 99; position: relative; left: 7vw; top: 6vw; width: calc(420/1920*100vw); height: calc(280/1920*100vw); background: url(../img/qled.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco02{background: url(../img/1920/qled_02.jpg) top center no-repeat; background-size: cover; } #containerIsee > #bloco02 h1{margin-top: 3vw;} #containerIsee > #bloco03{background: url(../img/1920/qled_03.png) bottom center no-repeat #000; background-size: 100%; } #containerIsee > #bloco03 .motor{ position: absolute; bottom: 8vw; left: 13vw; font-weight: 800;} #containerIsee > #bloco03 .samsung{ position: absolute; bottom: 8vw; right: 20vw; font-weight: 800;} #containerIsee > #bloco03 .padding {padding-top: 5vw!important} #containerIsee > #bloco04{background: url(../img/1920/qled_04.jpg) top right no-repeat #000; background-size: contain; background-position-x: 46vw } #containerIsee > #bloco04 p{width: 95%;} #containerIsee > #bloco04 h1{margin-top: 4vw} #containerIsee > #bloco05{background-color: #000} #containerIsee > #bloco05 .animacao{position: absolute; top: 16vw; left: 2.5vw;} #containerIsee > #bloco05 p{width: 65%;} #containerIsee > #bloco05 .ultrawide{z-index: 99; position: relative; left: 0vw; top: 0vw; width: calc(1815/1920*100vw); height: calc(945/1920*100vw); background: url(../img/1920/img-ultrawide.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco05 .esquerda{ z-index: 99; position: absolute; left: 0vw; top: 0vw; width: calc(1815/1920*100vw); height: calc(945/1920*100vw); background: url(../img/1920/img-ultrawide-cover-left.png) center center no-repeat; background-size: 100%; } #containerIsee > #bloco05 .direita{z-index: 99; position: absolute; left: 0vw; top: 0vw; width: calc(1815/1920*100vw); height: calc(945/1920*100vw); background: url(../img/1920/img-ultrawide-cover-right.png) center center no-repeat; background-size: 100%; } #containerIsee > #bloco05 .convencional{z-index: 99; position: absolute; left: 0vw; top: 0vw; width: calc(1815/1920*100vw); height: calc(945/1920*100vw); background: url(../img/1920/img-ultrawide-info-169.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco05 .super{z-index: 99; position: absolute; left: 0vw; top: 0vw; width: calc(1815/1920*100vw); height: calc(945/1920*100vw); background: url(../img/1920/img-ultrawide-info-329.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco09{background-color: #bebebe; padding: 4vw 0 4vw 0;} #containerIsee > #bloco09 .img01{height: calc(130/1920*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-6.5vw; background-size:90vw; } #containerIsee > #bloco09 .img02{height: calc(130/1920*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-21.5vw; background-size:90vw; } #containerIsee > #bloco09 .img03{height: calc(130/1920*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-35vw; background-size:90vw; } #containerIsee > #bloco09 .img04{height: calc(130/1920*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-48vw; background-size:90vw; } #containerIsee > #bloco09 .img05{height: calc(130/1920*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-59vw; background-size:90vw; } #containerIsee > #bloco09 .img06{height: calc(130/1920*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-73vw; background-size:90vw; } #containerIsee > #bloco09 .img07{height: calc(130/1920*100vw); background: url(../img/refresh-rate.png) center no-repeat; background-size: 100%; } #containerIsee > #bloco09 p{font-size: calc(20/1920 *100vw); line-height: calc(25/1920 *100vw);} #containerIsee > #bloco09 .specs{margin-right: 2%;} #containerIsee > #bloco09 .margin{margin-right: 4%;} #containerIsee .nits {position:relative; float:left; margin-top:6vw;} #containerIsee #dragBox {background: url(../img/barra.png) no-repeat center bottom; background-size: 14%; width: 1vw; height: calc(700/1920 *100vw); z-index: 9999999; float: left; position: absolute; right: 49vw; padding-right: 3vw; top: 6vw; padding-bottom: 7vw;} #containerIsee .noUi-handle {outline:none;background:url(../img/botaoBarra.png) no-repeat center center; background-size:100%; width:7.3125vw; height:4.15625vw; z-index:999; float:left; position:relative; border:none; box-shadow:none; cursor: n-resize; margin-left: -4vw} #containerIsee .noUi-target { background-color:transparent !important; border-radius:none; border:none !important; box-shadow:none !important;} #containerIsee > #bloco10 .drag{width: 100%; height: 57vw; overflow-y: hidden;} #containerIsee > #bloco10 .par1, #containerIsee > #bloco10 .par2, #containerIsee > #bloco10 .par3, #containerIsee > #bloco10 .par4, #containerIsee > #bloco10 .par5, #containerIsee > #bloco10 .par6{} #containerIsee > #bloco10 .block{display: block} #containerIsee > #bloco10 .par7{top: 0;} #containerIsee > #bloco10 .drag .imgCenter{ display: block; margin: 0 auto; padding-top: 2vw; padding-bottom: 2vw} #containerIsee > #bloco10 .par4, #containerIsee > #bloco10 .par5, #containerIsee > #bloco10 .par6{top: -6vw;} #containerIsee > #rodape {height: auto; background-color:#000000;} #containerIsee > #rodape table {width:85%; margin-bottom:2vw; margin-top:2vw;} #containerIsee > #rodape .logoinfoLegal {width:9.42708333333333vw; margin-right:2vw;} #containerIsee > #rodape .logoinfoLegal2 {width:5.36458333333333vw; margin-left:2vw;} #containerIsee > #rodape p {font-size:0.7vw; line-height: normal; left: -6vw;} } /* Tablet */ @media screen and (min-width: 781px) and (max-width: 1024px) { #containerIsee {} .centerTB{text-align: center !important;} /* Setting Font Size */ #containerIsee h1{font-size:calc(60/1024 *100vw); line-height:calc(65/1024 *100vw); padding-top:calc(40/1024 *100vw);padding-bottom:calc(20/1024 *100vw);} #containerIsee h2{font-size:1.883333333vw; line-height: 2.2vw} #containerIsee h3{font-size:3.5vw;line-height: 2.4vw; } #containerIsee h4{font-size: calc(24/1024*100vw); font-weight:500;} #containerIsee p{font-size:calc(20/1024 *100vw); line-height:calc(25/1024 *100vw);} #containerIsee p strong{font-size:calc(20/1024 *100vw); line-height:calc(25/1024 *100vw);} .HideDesk{display: block} .HideTB{display: none!important} .mobileHide{display: block;} #containerIsee > #bloco01 {height:calc(610/1024*100vw)} #containerIsee > #bloco02 {height:calc(820/1024*100vw)} #containerIsee > #bloco03 {height:calc(850/1024*100vw)} #containerIsee > #bloco04 {height:calc(790/1024*100vw)} #containerIsee > #bloco05 {height:calc(870/1024*100vw)} #containerIsee > #bloco06 {height:calc(950/1024*100vw)} #containerIsee > #bloco07 {height:calc(1010/1024*100vw)} #containerIsee > #bloco11 {height:calc(930/1024*100vw)} #containerIsee > #bloco08 {height:auto;} #containerIsee > #bloco09 {height:auto;} #containerIsee > #bloco10 {height:auto; background: #000} #containerIsee > #bloco01 .video{z-index: -999; width: 100%; height: 100%; position: absolute; left: 0; top: 0;object-fit: cover; } #containerIsee > #bloco01 .flecha{z-index: 99; position: absolute; top: 16vw; right: 21.5vw; width: calc(300/1024*100vw); height: calc(310/1024*100vw); background: url(../img/flecha.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco01 .homem{z-index: -9; position: absolute; left: 22vw; bottom: 0; width: calc(580/1024*100vw); height: calc(600/1024*100vw); background: url(../img/1920/img-char.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco01 .logo{margin-top: 5vw; width: calc(130/1024*100vw); } #containerIsee > #bloco01 h1{font-family:SamsungOne,Verdana, Arial;z-index: 9; margin-top: 14.5vw; font-size: calc(80/1024 *100vw); color: #FFF; text-shadow: 0.5vw 1vw 2vw #000} #containerIsee > #bloco01 .qled{z-index: 99; position: relative; left: 7vw; top: 9vw; width: calc(230/1024*100vw); height: calc(150/1024*100vw); background: url(../img/qled.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco02{background: url(../img/1920/qled_02.jpg) bottom center no-repeat #000; background-size: 120%; background-position-x: -18vw; } #containerIsee > #bloco03{background: url(../img/1920/qled_03.png) bottom center no-repeat #000; background-size: 102%; background-position-y: 19vw; background-position-x: -0.5vw; } #containerIsee > #bloco03 .motor{ position: absolute; bottom: 6vw; left: 9vw; font-weight: 800; width: 18%;} #containerIsee > #bloco03 .samsung{ position: absolute; bottom: 6vw; right: 9vw; font-weight: 800; width: 21%; text-align: right;} #containerIsee > #bloco03 p{ width: 78%; margin-left: 11vw;} #containerIsee > #bloco04{background: url(../img/1920/qled_04.jpg) bottom center no-repeat #000; background-size: 75%; background-position-x: 12vw; } #containerIsee > #bloco04 p{ width: 78%; margin-left: 11vw} #containerIsee > #bloco04 h1{margin-top: 2vw} #containerIsee > #bloco05{background-color: #000} #containerIsee > #bloco05 .animacao{position: absolute; top: 30vw; left: 1.5vw;} #containerIsee > #bloco05 p{width: 65%;} #containerIsee > #bloco05 .ultrawide{z-index: 99; position: relative; left: 0vw; top: 0vw; width: calc(1000/1024*100vw); height: calc(550/1024*100vw); background: url(../img/1920/img-ultrawide.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco05 .esquerda{ z-index: 99; position: absolute; left: 0vw; top: 0vw;width: calc(1000/1024*100vw); height: calc(550/1024*100vw); background: url(../img/1920/img-ultrawide-cover-left.png) center center no-repeat; background-size: 100%; } #containerIsee > #bloco05 .direita{z-index: 99; position: absolute; left: 0vw; top: 0vw; width: calc(1000/1024*100vw); height: calc(550/1024*100vw); background: url(../img/1920/img-ultrawide-cover-right.png) center center no-repeat; background-size: 100%; } #containerIsee > #bloco05 .convencional{z-index: 99; position: absolute; left: 0vw; top: 0vw; width: calc(1000/1024*100vw); height: calc(550/1024*100vw); background: url(../img/1920/img-ultrawide-info-169.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco05 .super{z-index: 99; position: absolute; left: 0vw; top: 0vw; width: calc(1000/1024*100vw); height: calc(550/1024*100vw); background: url(../img/1920/img-ultrawide-info-329.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco09{background-color: #bebebe; padding: 1vw 0 8vw 0;} #containerIsee > #bloco09 .curvo{margin-left: 3vw} #containerIsee > #bloco09 .specs{margin-top: 8vw} #containerIsee > #bloco09 .img01{height: calc(130/1024*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-10vw; background-size:170vw; } #containerIsee > #bloco09 .img02{height: calc(130/1024*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-34.5vw; background-size:170vw; } #containerIsee > #bloco09 .img03{height: calc(130/1024*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-60vw; background-size:170vw; } #containerIsee > #bloco09 .img04{height: calc(130/1024*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-86vw; background-size:170vw; } #containerIsee > #bloco09 .img05{height: calc(130/1024*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-110vw; background-size:170vw; } #containerIsee > #bloco09 .img06{height: calc(130/1024*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-135vw; background-size:170vw; } #containerIsee > #bloco09 .img07{height: calc(237/1920*100vw); background: url(../img/refresh-rate.png) center no-repeat; background-size: 100%; } #containerIsee > #bloco09 p{font-size: calc(20/1024 *100vw); line-height: calc(25/1024 *100vw);} #containerIsee .bloco10 #dragBox { background: url(../img/barra.png) no-repeat center bottom; background-size: 14%; width: 1vw; height: calc(800/1024 *100vw); z-index: 9999999; float: left; position: absolute; right: 2vw; padding-right: 3vw; top: 6vw; padding-bottom: 7vw;} #containerIsee #dragBox {background: url(../img/barra.png) no-repeat center bottom; background-size: 14%; width: 1vw; height: calc(1200/1024 *100vw); z-index: 9999999; float: left; position: absolute; right: 2vw; padding-right: 3vw; top: 6vw; padding-bottom: 7vw;} #containerIsee .noUi-handle {utline: none; background: url(../img/botaoBarra.png) no-repeat center center; background-size: 100%; width: 9.313vw; height: 6.156vw; z-index: 999; float: left; position: relative; border: none; box-shadow: none; cursor: n-resize; margin-left: -5.5vw;} #containerIsee .noUi-target { background-color:transparent !important; border-radius:none; border:none !important; box-shadow:none !important;} #containerIsee > #bloco10 .drag .imgCenter{width: 75%!important; display: block; margin: 0 auto; padding-top: 4vw; padding-bottom: 4vw} #containerIsee > #bloco10 .drag p{width: 75%; text-align: center; display: block !important; margin: 0 auto; position: relative; float: none;} #containerIsee > #rodape {height: auto; background-color:#000000; padding: 4vw 0 4vw 0;} #containerIsee > #rodape table {width:85%; margin-bottom:2vw; margin-top:2vw;} #containerIsee > #rodape .logoinfoLegal {width: 16.427083vw; margin-left: 9vw; position: absolute; top: 3vw;} #containerIsee > #rodape .logoinfoLegal2 {width: 10.427083vw; margin-right: 9vw; position: absolute; top: 0vw; right: 0;} #containerIsee > #rodape p {font-size:calc(10/1024 *100vw); line-height: normal; width: 82%; margin-left: 9%; margin-right: 10%; text-align: center; padding: 0vw 0 0 0; top: -1vw; left: 4vw;} } /* Mobile */ /* @media screen and (min-width: 451px) and (max-width: 780px) { */ @media screen and (max-width: 780px) { /* Setting Font Size */ #containerIsee h1{font-size: calc(60/780*100vw); line-height: calc(65/780*100vw);; padding-bottom:2.2666vw !important;} #containerIsee h2 {font-size:calc(45/780*100vw);line-height:calc(50/780*100vw); } #containerIsee h3{font-size:calc(40/780*100vw);line-height:calc(30/780*100vw); font-weight: 900} #containerIsee h4{font-size:calc(24/780*100vw);} #containerIsee p{font-size:calc(20/780*100vw); line-height: calc(25/780*100vw);} #containerIsee .centerMB{text-align: center !important;} #containerIsee .mobileHide {display:none !important;} #containerIsee > #bloco01 {height:calc(550/780*100vw)} #containerIsee > #bloco02 {height:calc(1010/780*100vw)} #containerIsee > #bloco03 {height:calc(870/780*100vw)} #containerIsee > #bloco04 {height:calc(790/780*100vw)} #containerIsee > #bloco05 {height:calc(800/780*100vw)} #containerIsee > #bloco06 {height:calc(950/780*100vw)} #containerIsee > #bloco07 {height:calc(1010/780*100vw)} #containerIsee > #bloco11 {height:calc(930/780*100vw)} #containerIsee > #bloco08 {height:auto;} #containerIsee > #bloco09 {height:auto;} #containerIsee > #bloco01 .video{z-index: -999; width: 100%; height: 100%; position: absolute; left: 0; top: 0;object-fit: cover; } #containerIsee > #bloco01 .flecha{z-index: 99; position: absolute; top: 16vw; right: 15.5vw; width: calc(300/780*100vw); height: calc(310/780*100vw); background: url(../img/flecha.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco01 .homem{z-index: -9; position: absolute; left: 18vw; bottom: 0; width: calc(500/780*100vw); height: calc(520/780*100vw); background: url(../img/1920/img-char.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco01 .logo{margin-top: 9vw; margin-left: -3vw; width: calc(130/780*100vw); } #containerIsee > #bloco01 h1{font-family:SamsungOne,Verdana, Arial;z-index: 9; margin-top: 14.5vw; font-size: calc(65/780 *100vw); color: #FFF; text-shadow: 0.5vw 1vw 2vw #000} #containerIsee > #bloco01 .qled{z-index: 99; position: relative; left: 3vw; top: 14vw; width: calc(230/780*100vw); height: calc(150/780*100vw); background: url(../img/qled.png) center center no-repeat; background-size: contain; } #containerIsee > #bloco02{background: url(../img/1920/qled_02.jpg) bottom center no-repeat #000; background-size: 170%; background-position-x: -29vw; } #containerIsee > #bloco02 h1{ margin-top: 2vw } #containerIsee > #bloco02 p{width: 73%; margin-left: 18vw} #containerIsee > #bloco03{background: url(../img/1920/qled_03.png) bottom center no-repeat #000; background-size: 102%; background-position-y: 40vw; background-position-x: -0.5vw; } #containerIsee > #bloco03 .motor{ position: absolute; bottom: 10vw; left: 8vw; font-weight: 800; width: 18%;} #containerIsee > #bloco03 .samsung{ position: absolute; bottom: 10vw; right: 8vw; font-weight: 800; width: 21%; text-align: right;} #containerIsee > #bloco03 p{ width: 78%; margin-left: 11vw;} #containerIsee > #bloco03 h1{margin-top: 3vw} #containerIsee > #bloco04{background: url(../img/1920/qled_04.jpg) bottom center no-repeat #000; background-size: 95%; background-position-x: 2vw; } #containerIsee > #bloco05{background-color: #000} #containerIsee > #bloco05 .animacao{position: absolute; top: 33vw; width: 100%} #containerIsee > #bloco05 p{ width: 75%; margin-left: 12vw;} #containerIsee > #bloco05 h1{margin-top: 2vw} #containerIsee > #bloco05 .ultrawide{z-index: 99; position: relative; left: 0vw; top: 0vw; width: 100%; height: calc(550/780*100vw); background: url(../img/1920/img-ultrawide.png) center center no-repeat; background-size: 110%; } #containerIsee > #bloco05 .esquerda{ z-index: 99; position: absolute; left: 0vw; top: 0vw;width: 100%; height: calc(550/780*100vw); background: url(../img/1920/img-ultrawide-cover-left.png) center center no-repeat; background-size: 100%; } #containerIsee > #bloco05 .direita{z-index: 99; position: absolute; left: 0vw; top: 0vw; width:100%; height: calc(550/780*100vw); background: url(../img/1920/img-ultrawide-cover-right.png) center center no-repeat; background-size: 100%; } #containerIsee > #bloco05 .convencional{z-index: 99; position: absolute; left: 0vw; top: 2vw; width:100%; height: calc(550/780*100vw); background: url(../img/1920/img-ultrawide-info-169.png) center center no-repeat; background-size: 100%; } #containerIsee > #bloco05 .super{z-index: 99; position: absolute; left: 0vw; top: 0vw; width: 100%; height: calc(550/780*100vw); background: url(../img/1920/img-ultrawide-info-329.png) center center no-repeat; background-size: 105%; } #containerIsee > #bloco09{background-color: #bebebe; padding: 2vw 0 12vw 0;} #containerIsee > #bloco09 .specs{margin-top: 8vw; margin-left: 11vw;} #containerIsee > #bloco09 .img01{height: calc(140/780*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-13vw; background-size:230vw; } #containerIsee > #bloco09 .img02{height: calc(140/780*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-45.5vw; background-size:230vw; } #containerIsee > #bloco09 .img03{height: calc(140/780*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-80vw; background-size:230vw; } #containerIsee > #bloco09 .img04{height: calc(140/780*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-115vw; background-size:230vw; } #containerIsee > #bloco09 .img05{height: calc(140/780*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-148vw; background-size:230vw; } #containerIsee > #bloco09 .img06{height: calc(140/780*100vw); background: url(../img/especificacoes.png) left top no-repeat; background-position-x:-183vw; background-size:230vw; } #containerIsee > #bloco09 .img07{height: calc(344/1920*100vw); background: url(../img/refresh-rate.png) center no-repeat; background-size: 100%; } #containerIsee > #bloco09 p{font-size: calc(20/780 *100vw); line-height: calc(25/780 *100vw);} /*Codigo amanda*/ #containerIsee > #bloco10{background-color: #000;} #containerIsee > #bloco10 .imgCenter{display: block; margin: 0 auto; padding-top: 6vw; padding-bottom: 12vw; width: 108%; left: -3vw; position: relative;} #containerIsee > #bloco10 .range{width: 0.2vw; height: 45vw; position: absolute; margin-right: auto; margin-left: auto; left: 0; right: 0; top: 0; background: #ccc; z-index: 99999999;} #containerIsee > #bloco10 .range .point{width: 1vw; height: 1vw; position: absolute; margin-right: auto; margin-left: auto; left: -0.4vw; right: 0; top: 0.5vw; background: #00c6ff; border-radius: 100%; z-index: 99999999; cursor: n-resize;} #containerIsee > #bloco10 #dragBox {display: none;} #containerIsee > #bloco10 .drag{width: 100%; height: auto; } #containerIsee > #bloco10 .drag::-webkit-scrollbar { width:10px; background:transparent; } /* configurando scroll */ #containerIsee > #bloco10 .drag::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); } #containerIsee > #bloco10 .drag::-webkit-scrollbar-thumb { border-radius:10px; background:transparent; } #containerIsee > #bloco10 p{width: 80%; display: block; float: none; margin: 0 auto; text-align: center} #containerIsee > #bloco10 #step11 img, #containerIsee > #bloco10 #step4 img, #containerIsee > #bloco10 #step10s img{left: -3.8vw;} #containerIsee > #bloco10 #step1 img, #containerIsee > #bloco10 #step3 img, #containerIsee > #bloco10 #step7 img, #containerIsee > #bloco10 #step10 img{left: -3vw;} #containerIsee > #bloco10 #step2 img, #containerIsee > #bloco10 #step8 img{left: -5vw;} #containerIsee > #bloco10 #step4 img{left: -3.5vw;} #containerIsee > #bloco10 #step5 img{left: -2.2vw;} #containerIsee > #bloco10 #step1 img{padding-bottom: 7vw;} #containerIsee > #bloco10 #step2 img{padding-bottom: 7vw; padding-top: 3vw;} #containerIsee > #bloco10 #step3 img{padding-bottom: 10vw; } #containerIsee > #bloco10 #step4 img{padding-bottom: 1vw; } #containerIsee > #bloco10 #step6 img{padding-top: 1vw; padding-bottom:10vw; } #containerIsee > #bloco10 #step7 img{padding-top: 1vw; padding-bottom:8vw; } #containerIsee > #bloco10 #step8 img{padding-top: 1vw; padding-bottom:8vw; } #containerIsee > #bloco10 #step9 img{padding-bottom:8vw; } #containerIsee > #bloco10 #step10 img{padding-bottom:8vw; } #containerIsee > #rodape {height: auto; background-color:#000000; padding: 4vw 0 4vw 0;} #containerIsee > #rodape table {width:85%; margin-bottom:2vw; margin-top:2vw;} #containerIsee > #rodape .logoinfoLegal {width: 16.427083vw; margin-left: 9vw; position: absolute; top:9vw;} #containerIsee > #rodape .logoinfoLegal2 {width: 10.427083vw; margin-right: 9vw; position: absolute; top: 6.5vw; right: 0;} #containerIsee > #rodape p {font-size:calc(10/780 *100vw); line-height: normal; width: 82%; margin-left: 9%; margin-right: 10%; text-align: center; padding: 5vw 0 0 0; top: -4vw; left: 3vw;} } #containerIsee .esq_anima{animation: esquerda infinite 8s alternate ease-in-out; z-index: 999; } #containerIsee .dir_anima{animation: direita infinite 8s alternate ease-in-out; z-index: 999;} #containerIsee .con_anima{animation: convencional infinite 8s alternate ease-in-out; opacity: 0} #containerIsee .sup_anima{animation: sup infinite 8s alternate ease-in-out;opacity: 0} #containerIsee .fadeIn{animation: fadeIn 5s ease-in;} @-webkit-keyframes esquerda { 0%,25% { background-position-x:0vw } 36%, 70% {background-position-x:-38vw; } 81%, 100% {background-position-x:0vw; opacity: 0} } @-moz-keyframes esquerda { 0%,26% { background-position-x:0vw } 36%, 70% {background-position-x:-38vw; } 81%, 100% {background-position-x:0vw; opacity: 0} } @-o-keyframes esquerda { 0%,20% { background-position-x:0vw } 31%, 70% {background-position-x:-38vw; } 81%, 100% {background-position-x:0vw; opacity: 0} } @keyframes esquerda { 0%,25% { background-position-x:0vw } 36%, 70% {background-position-x:-38vw; } 81%, 100% {background-position-x:0vw; opacity: 0} } @-webkit-keyframes fadeIn { 100% {opacity: 0} 100% {opacity: 1} } @-moz-keyframes fadeIn { 100% {opacity: 0} 100% {opacity: 1} } @-o-keyframes fadeIn { 100% {opacity: 0} 100% {opacity: 1} } @keyframes fadeIn { 100% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes direita { 0%,25% { background-position-x:1.5vw } 36%, 70% {background-position-x:40vw; } 81%, 100% {background-position-x:1.5vw; opacity: 0} } @-moz-keyframes direita { 0%,25% { background-position-x:1.5vw } 36%, 70% {background-position-x:40vw; } 81%, 100% {background-position-x:1.5vw; opacity: 0} } @-o-keyframes direita { 0%,25% { background-position-x:1.5vw } 36%, 70% {background-position-x:40vw; } 81%, 100% {background-position-x:1.5vw; opacity: 0} } @keyframes direita { 0%,25% { background-position-x:1.5vw } 36%, 70% {background-position-x:40vw; } 81%, 100% {background-position-x:1.5vw; opacity: 0} } @-webkit-keyframes convencional { 0%, 25% { opacity: 1} 36%, 100% {opacity: 0} } @-moz-keyframes convencional { 0%,15% { opacity: 1} 31%, 100% {opacity: 0} } @-o-keyframes convencional { 0%,15% { opacity: 1} 31%, 100% {opacity: 0} } @keyframes convencional { 0%,25% { opacity: 1} 36%, 100% {opacity: 0} } @-webkit-keyframes sup { 0%,30% { opacity: 0} 40%, 100% {opacity: 1} } @-moz-keyframes sup { 0%,45% { opacity: 0} 55%, 100% {opacity: 1} } @-o-keyframes sup { 0%,45% { opacity: 0} 55%, 100% {opacity: 1} } @keyframes sup { 0%,30% { opacity: 0} 40%, 100% {opacity: 1} }