/* 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 } #containerIsee h1{font-family:SamsungSharpSans,Verdana, Arial; padding-top:4.166666667vw; padding-bottom:1.083333333vw;} #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: #00b3e2;} #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 #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 {} #containerIsee .mobileDesk {display:none;} #containerIsee .HideDesk {display:none !important;} /* 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(24/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 span{font-size: calc(16.66/1920*100vw); } #containerIsee > #bloco01 {height:calc(820/1920*100vw)} #containerIsee > #bloco02 {height:calc(1015/1920*100vw)} #containerIsee > #bloco03 {height:calc(1010/1920*100vw)} #containerIsee > #bloco04 {height:calc(730/1920*100vw)} #containerIsee > #bloco05 {height:calc(1010/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 > #bloco01 {background:url(../img/1920/background-01.jpg) no-repeat center top transparent; background-size:cover;} #containerIsee > #bloco01 .logo {float:left; position:relative; margin-top:2.58333333333333vw; margin-bottom:4.58333333333333vw; height:auto; width:90%;} #containerIsee > #bloco01 h1 {margin-top:18.5vw; margin-bottom:2.08333333333333vw;} #containerIsee > #bloco01 .textoBox {width:100%;} #containerIsee > #blocoservice { background-color:#dcdcdc; background-size:cover;} #containerIsee > #blocoservice .logoService {float:left; position:relative; margin-top:2.5vw; margin-bottom:2.5vw; height:auto; width:100%;} #containerIsee > #blocoservice h1 {width:80%; padding-top:6vw;} #containerIsee > #bloco02 {background: url(../img/1920/background-02.jpg)no-repeat center top #ffffff; background-size:100%;} #containerIsee > #bloco02 h1{ margin-top: 8vw;} #containerIsee > #bloco02 p{ width: 98%;} #containerIsee > #bloco03 {background: url(../img/1920/background-03.jpg)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .txt03{padding-top: 26vw;} #containerIsee > #bloco03 .onda-1{-webkit-transform:scale(0.7) rotate(40deg);-moz-transform:scale(0.7) rotate(40deg);-o-transform:scale(0.7) rotate(40deg);transform:scale(0.7) rotate(45deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-1.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .onda-2{-webkit-transform:scale(0.7) rotate(40deg);-moz-transform:scale(0.7) rotate(40deg);-o-transform:scale(0.7) rotate(40deg);transform:scale(0.7) rotate(45deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-2.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .onda-3{-webkit-transform:scale(0.7) rotate(40deg);-moz-transform:scale(0.7) rotate(40deg);-o-transform:scale(0.7) rotate(40deg);transform:scale(0.7) rotate(45deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-3.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .soundbar03{position:absolute; top:0; left:0; width:calc(720/1920 * 100vw); height: calc(970/1920 * 100vw); background: url(../img/1920/soundbar-03.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .soundbarBackground03{animation: onda 2s infinite linear;position:absolute; top:0; left:0; z-index:-9;width:calc(720/1920 * 100vw); height: calc(970/1920 * 100vw); background: url(../img/1920/soundEfeito-03.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .ondas{position: relative; top: 18vw; left: 20vw;} #containerIsee > #bloco03 p{ width: 89%;} #containerIsee > #bloco04{background: #e7e7e7;padding-top:0vw; padding-bottom:2vw;} #containerIsee > #bloco04 .soundbar{width: 100%;height: 12.239vw; background: url(../img/soundbar-1.png)no-repeat center top transparent;background-size:100%;} #containerIsee > #Bloco04 .soundbar-background {float:right;z-index: -10; position:absolute; width:100%; height: 13.5vw; background:url(../img/soundbar-2.png) no-repeat center top; background-size:100%;top:21vw !important; right:0vw;cursor:pointer;} #containerIsee > #bloco04 .padding-top{position:relative; top: 60px !important;} #containerIsee > #bloco04 .smart{width: 100%;height: 38.5416vw; background: url(../img/smarth-1.png)no-repeat center top transparent;background-size:100%; margin-top: 5vw;} #containerIsee > #bloco04 .smart-background {float:right;z-index: 10; position:absolute; width:100%; height: 38.5416vw; background:url(../img/smarth-2.png) no-repeat center top; background-size:100%;margin-top:5vw; right:0vw;cursor:pointer;} #containerIsee > #bloco04 p{ width: 95%;} #containerIsee > #bloco05 {background: url(../img/1920/background-05.jpg)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco05 h1{ margin-top: 6vw;} #containerIsee > #bloco05 p{ width:88%;} #containerIsee > #bloco06 {background: url(../img/1920/background-06.jpg)no-repeat center top #dfdfdf; background-size:100%;} #containerIsee > #bloco06 .txt06{margin-top: 3vw} #containerIsee > #bloco06 .produto0601{margin-top:2vw;transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;width: calc(240/1920 * 100vw);height: calc(290/1920 * 100vw);background: url(../img/circulo01.png)no-repeat center top transparent; background-size:132%;} #containerIsee > #bloco06 .produto0602{margin-top:2vw;transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;width: calc(240/1920 * 100vw);height: calc(290/1920 * 100vw);background: url(../img/circulo02.png)no-repeat center top transparent; background-size:104%;} #containerIsee > #bloco06 .produto0603{margin-top:2vw;transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;width: calc(360/1920 * 100vw);height: calc(290/1920 * 100vw);background: url(../img/circulo03.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .produto0601:hover{transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} #containerIsee > #bloco06 .produto0602:hover{transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} #containerIsee > #bloco06 .produto0603:hover{transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} #containerIsee > #bloco06 p{ width: 86%;} #containerIsee > #bloco07 {background: url(../img/1920/background-07.jpg)no-repeat center bottom #000; background-size:100%;} #containerIsee > #bloco07 h1{margin-top: 1vw;} #containerIsee > #bloco07 .detalhes{ position: absolute; bottom: 2.5vw;} #containerIsee > #bloco07 .detalhes0701{width: calc(250/1920 * 100vw);height: calc(150/1920 * 100vw);background: url(../img/detalhes0701.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0702{width: calc(250/1920 * 100vw);height: calc(150/1920 * 100vw);background: url(../img/detalhes0702.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0703{width: calc(250/1920 * 100vw);height: calc(150/1920 * 100vw);background: url(../img/detalhes0703.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0704{width: calc(250/1920 * 100vw);height: calc(150/1920 * 100vw);background: url(../img/detalhes0704.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco08{background: #dfdfdf;} #containerIsee > #bloco08 .specs{height:auto; padding-bottom:4vw; margin-top: 2vw;} #containerIsee > #bloco08 .specs img {padding-bottom:1vw;width: calc(200/1920 *100vw); height: calc(100/1920 *100vw);} #containerIsee > #bloco08 .specs strong, #containerIsee > #bloco08 .specs p {font-size: calc(16/1920 *100vw); line-height: calc(20/1920 *100vw); color:#343434; text-align: left; } #containerIsee > #bloco08 .specs span{font-size: 0.95vw;} #containerIsee > #bloco08 .specs h4{color:#343434;} #containerIsee > #bloco11 {background: url(../img/1920/background-08.jpg)no-repeat center top #ffffff; background-size:cover;} #containerIsee > #bloco11 h1{ margin-top: 8vw;} #containerIsee > #bloco11 p{ width: 82%;} #containerIsee > #rodape {background-color:#000; padding-top:calc(0/1920*100vw); padding-bottom:calc(0/1920*100vw); display:table;} #containerIsee > #rodape {height:auto;} #containerIsee > #rodape .logoinfoLegal {margin:-1vw 1vw; width: 8vw; } #containerIsee > #rodape .logoinfoLegal2 { margin-right: 1vw; width: 6vw;} #containerIsee > #rodape .infoLegal {margin-left: 1vw; font-size: calc(12/1920 *100vw) !important; line-height: calc(16/1920 *100vw) !important; width: 84%; padding-bottom: 20px; padding-left: 5%; padding-right: 5%;} #containerIsee > #bloco10 h1{font-size: 3vw; line-height: 3.1vw; padding-bottom: 1.083vw; padding-top:2.5vw;} #containerIsee > #bloco10 p{font-size: 1.142vw;line-height: 1.342vw;} #containerIsee > #bloco10 .logoClub {width:43.333333vw !important; margin-top:14vw !important;} #containerIsee > #bloco10 .logoCare {width:18.22916666666667vw !important; margin-top:2vw !important;} #containerIsee > #bloco10 {height: 37vw;} #containerIsee > #bloco10 #pull-left{background:url(../img/samsungClubNovo.jpg) no-repeat top center #000; float: left;height:37vw; background-size:cover;} #containerIsee > #bloco10 #pull-left img{margin: 0 auto; display: block; padding-top: 1vw; width: 7.8vw;} #containerIsee > #bloco10 #pull-left p{padding-top:0.5vw;} #containerIsee > #bloco10 #pull-right{background:url(../img/samsungCare.jpg) no-repeat top center #000;float: right;height:37vw; background-size:cover;} #containerIsee > #bloco10 #pull-right img{margin: 0 auto; display: block; padding-top: 0.2vw; width: 7.8vw;} #containerIsee > #bloco10 #pull-right p{padding-top:0.5vw;} #containerIsee > #bloco10 .boxAtend {width:100%; float:left; position:relative; background-color:#0088c3; border-radius:2vw; margin-left:auto; margin-right:auto; margin-top:1vw;} #containerIsee > #bloco10 .boxAtend p {font-size:0.7vw !important; line-height:0.9vw; padding-bottom:0.4vw;} } /* 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(75/1024 *100vw); line-height:calc(80/1024 *100vw); padding-top:calc(80/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(25/1024 *100vw); line-height:calc(30/1024 *100vw);} #containerIsee p strong{font-size:calc(25/1024 *100vw); line-height:calc(30/1024 *100vw);} #containerIsee span{font-size: calc(16.66/1024*100vw); } .HideDesk{display: none !important} .mobileHide{display: block;} #containerIsee > #bloco01{height: 80vw; position:relative;z-index: 9999 !important;} #containerIsee > #bloco01 {background:url(../img/1920/background-01.jpg) no-repeat center bottom transparent; background-size:cover !important;} #containerIsee > #bloco01 .logo {float:left; position:relative; margin-top:4.08333333333333vw; margin-bottom:2.08333333333333vw; height:auto; width:100%; left:2vw;} #containerIsee > #bloco01 h1 {margin-top:46vw; text-align: left !important;} #containerIsee > #bloco01 h2 {margin-top:14.08333333333333vw !important; margin-bottom:2.08333333333333vw;font-size:9.859375vw !important; right:2vw;} #containerIsee > #bloco01 .textoBox {width:100%;} #containerIsee > #bloco01 .curved{font-size: 4.5vw;margin-top:2vw;} #containerIsee > #bloco02 {background: url(../img/1920/background-02.jpg) no-repeat center left transparent; background-size: 150%; background-position-y: 0vw; background-position-x: -24vw; height: calc(730/1024*100vw);} #containerIsee > #bloco02 p{ width: 90%;} #containerIsee > #bloco03 {height:calc(1060/1024*100vw);background: url(../img/1920/background-03.jpg)no-repeat center top transparent; background-size:cover;} #containerIsee > #bloco03 .txt03{margin-top: 48vw;} #containerIsee > #bloco03 h1{ width: 104%; margin-top: -5vw;} #containerIsee > #bloco03 .onda-1{-webkit-transform:scale(0.7) rotate(40deg);-moz-transform:scale(0.7) rotate(40deg);-o-transform:scale(0.7) rotate(40deg);transform:scale(0.7) rotate(45deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-1.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .onda-2{-webkit-transform:scale(0.7) rotate(40deg);-moz-transform:scale(0.7) rotate(40deg);-o-transform:scale(0.7) rotate(40deg);transform:scale(0.7) rotate(45deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-2.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .onda-3{-webkit-transform:scale(0.7) rotate(40deg);-moz-transform:scale(0.7) rotate(40deg);-o-transform:scale(0.7) rotate(40deg);transform:scale(0.7) rotate(45deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-3.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .soundbar03{ position: absolute; top: 30vw; left: -14vw; width: calc(500/1024 * 100vw); height: calc(700/1024 * 100vw); background: url(../img/1920/soundbar-03.png)no-repeat center top transparent; background-size: 100%;} #containerIsee > #bloco03 .soundbarBackground03{ animation: onda 2s infinite linear; position: absolute; top: 44vw; left: -9vw; z-index: -9; width: calc(400/1024 * 100vw); height: calc(800/1024 * 100vw); background: url(../img/1920/soundEfeito-03.png)no-repeat center top transparent;background-size: 100%;} #containerIsee > #bloco03 .ondas{display:none;position: relative; top: 18vw; left: 28vw;} #containerIsee > #bloco04{height:160vw;} #containerIsee > #bloco04 .soundbar{position:relative;top:87vw;width: 100%;height: 80vw; background: url(../img/soundbar-1.png)no-repeat center top transparent;background-position-y:42vw;background-size:100%;} #containerIsee > #Bloco04 .soundbar-background {float:right;z-index: -13; position:absolute; width:100%; height: 80vw; background:url(../img/soundbar-2.png) no-repeat center top; background-size:100%;top:129vw !important; right:0vw;cursor:pointer;} #containerIsee > #bloco04 .padding-top{position:relative; top: 60px !important;} #containerIsee > #bloco04 .smart{margin-top:-15vw;width: 100%;height: 100.5416vw; background: url(../img/smarth-1.png)no-repeat center top transparent;background-size:100%;} #containerIsee > #bloco04 .smart-background {float:right;z-index: -10; position:absolute; width:100%; height: 140.5416vw; background:url(../img/smarth-2.png) no-repeat center top; background-size:100%;margin-top:1px; top:-15vw;right:0vw;cursor:pointer;} #containerIsee > #bloco05 {height:calc(780/1024*100vw);background: url(../img/1920/background-05.jpg)no-repeat center top transparent; background-size: 145%; background-position-x: -1vw;} #containerIsee > #bloco05 h1{ margin-top: 6vw;} #containerIsee > #bloco06 {height:calc(950/1024*100vw);background: url(../img/1920/background-06.jpg)no-repeat center top #dfdfdf; background-size:cover; background-position-x: -28vw;} #containerIsee > #bloco06 .txt06{margin-top: 3vw} #containerIsee > #bloco06 .produto0601{margin-top:2vw;transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;width: calc(180/1024 * 100vw);height: calc(290/1024 * 100vw);background: url(../img/circulo01.png)no-repeat center top transparent; background-size:133%; left: -2vw; position: relative;} #containerIsee > #bloco06 .produto0602{margin-top:2vw;transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;width: calc(180/1024 * 100vw);height: calc(290/1024 * 100vw);background: url(../img/circulo02.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .produto0603{margin-top:2vw;transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;width: calc(280/1024 * 100vw);height: calc(290/1024 * 100vw);background: url(../img/circulo03.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .produto0601:hover{transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} #containerIsee > #bloco06 .produto0602:hover{transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} #containerIsee > #bloco06 .produto0603:hover{transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} #containerIsee > #bloco06 p{ width: 95%;} #containerIsee > #bloco07 {height:calc(1010/1024*100vw);background: url(../img/1920/background-07.jpg)no-repeat center top #000; background-size:cover;} #containerIsee > #bloco07 h1{margin-top: 2vw;} #containerIsee > #bloco07 .detalhes{ position: absolute; bottom: 2.5vw;} #containerIsee > #bloco07 .detalhes0701{width: calc(220/1024 * 100vw);height: calc(150/1024 * 100vw);background: url(../img/detalhes0701.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0702{width: calc(220/1024 * 100vw);height: calc(150/1024 * 100vw);background: url(../img/detalhes0702.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0703{width: calc(220/1024 * 100vw);height: calc(150/1024 * 100vw);background: url(../img/detalhes0703.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0704{width: calc(220/1024 * 100vw);height: calc(150/1024 * 100vw);background: url(../img/detalhes0704.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco08{height:auto;background: #dfdfdf;} #containerIsee > #bloco08 .specs{height:auto; padding-bottom:6vw; padding-right: 2vw; margin-top: 2vw;} #containerIsee > #bloco08 .specs img {width: calc(200/1024 *100vw); height: calc(100/1024 *100vw);padding-bottom:1vw;} #containerIsee > #bloco08 .specs strong, #containerIsee > #bloco08 .specs p {font-size: calc(14/1024 * 100vw); color:#343434; text-align: left; line-height: calc(18/1024 * 100vw);} #containerIsee > #bloco08 .specs span{font-size: calc(17/1024 * 100vw);} #containerIsee > #bloco08 .specs h4{color:#343434;} #containerIsee > #bloco08 .first-spec{margin-left: 14vw} #containerIsee > #bloco11 {height: calc(550/1024*100vw); background: url(../img/1920/background-08.jpg)no-repeat center top #ffffff; background-size:cover;} #containerIsee > #bloco11 h1{ margin-top: 2vw;} #containerIsee > #bloco11 p{ width: 82%;} #containerIsee > #rodape {background-color:#000; padding-top: calc(0/1024 *100vw); padding-bottom: calc(0/1024 *100vw); display:table;} #containerIsee > #rodape {height:auto;} #containerIsee > #rodape .logoinfoLegal {margin-left:6vw; margin-right: 0vw; width: 12vw; } #containerIsee > #rodape .logoinfoLegal2 { margin-right: 4vw; width: 9vw;} #containerIsee > #rodape .infoLegal { margin-left: 3vw; font-size: calc(11/1024*100vw) !important; line-height: 135%;width: 82%; padding-bottom: 20px; padding-left: 5%; padding-right: 5%;} } /* 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(61/780*100vw); line-height: calc(67/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(17/780*100vw);} #containerIsee p{font-size:3.205128205128205vw;} #containerIsee .centerMB{text-align: center !important;} #containerIsee .mobileHide {display:none !important;} #containerIsee > #bloco01{height: 70vw; z-index: 999 !important;} #containerIsee > #bloco01 {background:url(../img/780/background-01.jpg) no-repeat center bottom transparent; background-size:100%;height:calc(600/780*100vw);} #containerIsee > #bloco01 .logo {float:left; position:relative; margin-top:3.083333vw; margin-bottom:2.08333333333333vw; height:auto; width:80%;} #containerIsee > #bloco01 h1 {margin-top:42vw; text-align: left !important;} #containerIsee > #bloco01 .textoBox {width:100%;} #containerIsee > #bloco01 .curved{margin-top: 5vw} #containerIsee > #bloco02 {height:calc(830/780*100vw);background:url(../img/1920/background-02.jpg) no-repeat center bottom #fcfcfc; background-size:150%; } #containerIsee > #bloco02 p{text-align: left;} #containerIsee > #bloco02 h1{ margin-top:5vw;padding-bottom: 2.5vw;} #containerIsee > #bloco03 {height:calc(1800/780*100vw);background: url(../img/780/background-03.jpg)no-repeat center top transparent; background-size:cover;} #containerIsee > #bloco03 .txt03{margin-top: 55vw;} #containerIsee > #bloco03 h1{ width: 104%; margin-top: 5vw} #containerIsee > #bloco03 p{margin-left: 4vw; width: 89%;} #containerIsee > #bloco03 .onda-1{display:none;-webkit-transform:scale(0.7) rotate(40deg);-moz-transform:scale(0.7) rotate(40deg);-o-transform:scale(0.7) rotate(40deg);transform:scale(0.7) rotate(45deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-1.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .onda-2{display:none;-webkit-transform:scale(0.7) rotate(40deg);-moz-transform:scale(0.7) rotate(40deg);-o-transform:scale(0.7) rotate(40deg);transform:scale(0.7) rotate(45deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-2.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .onda-3{display:none;-webkit-transform:scale(0.7) rotate(40deg);-moz-transform:scale(0.7) rotate(40deg);-o-transform:scale(0.7) rotate(40deg);transform:scale(0.7) rotate(45deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-3.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco03 .soundbar03{ position: absolute; top: 105vw; left: 8vw; width: calc(650/780 * 100vw); height: calc(800/780 * 100vw); background: url(../img/1920/soundbar-03.png)no-repeat center top transparent; background-size: 100%;} #containerIsee > #bloco03 .soundbarBackground03{animation: onda 2s infinite linear; position: absolute; top: 105vw;left: 8vw; z-index: -9; width: calc(650/780 * 100vw); height: calc(850/780 * 100vw); background: url(../img/1920/soundEfeito-03.png)no-repeat center top transparent; background-size: 100%;} #containerIsee > #bloco03 .ondas{position: relative; top: 18vw; left: 20vw;} #containerIsee > #bloco04{height:calc(1800/780*100vw);} #containerIsee > #bloco04 h1{padding-top: 10vw} #containerIsee > #bloco04 p{ width: 83%; left: 7vw;} #containerIsee > #bloco04 .soundbar{position: relative;top: 67vw;width: 100%; height: 80vw; background: url(../img/soundbar-1.png)no-repeat center top transparent; background-position-y: 42vw;background-position-x: 3vw; background-size: 114%;} #containerIsee > #bloco04 .soundbar-background { float: right; z-index: -13; position: absolute; width: 100%; height: 80vw; background: url(../img/soundbar-2.png) no-repeat center left; background-size: 114%; top: 84vw !important; right: 0vw; cursor: pointer;} #containerIsee > #bloco04 .padding-top{position:relative; top: calc(40/780*100vw) !important;} #containerIsee > #bloco04 .smart{margin-top: -75vw; width: 100%; height: 142.5416vw;background: url(../img/smarth-1.png)no-repeat center top transparent; background-size: 100%;} #containerIsee > #bloco04 .smart-background { float: right; z-index: -10; position: absolute; width: 100%; height: 142.5416vw;background: url(../img/smarth-2.png) no-repeat center top;background-size: 100%;margin-top: 1px; top: -74vw; right: 0vw; cursor: pointer;} #containerIsee > #bloco05 {height:calc(1300/780*100vw);background: url(../img/780/background-05.jpg)no-repeat center top transparent; background-size: 100%;} #containerIsee > #bloco05 h1{ margin-top: 112vw;} #containerIsee > #bloco06 {height:calc(1500/780*100vw);background: url(../img/780/background-06.jpg)no-repeat center top #dfdfdf; background-size:cover;} #containerIsee > #bloco06 .txt06{margin-top: 3vw} #containerIsee > #bloco06 p{width: 95%; margin-left: 2vw;} #containerIsee > #bloco06 .produto0601{margin-top:21vw;transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s; width: calc(180/780 * 100vw); height: calc(290/780 * 100vw);background: url(../img/circulo01.png)no-repeat center top transparent;background-size: 100%; position: absolute;top: 52vw; left: 53vw;} #containerIsee > #bloco06 .produto0602{margin-top:12vw;transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s; width: calc(180/780 * 100vw); height: calc(290/780 * 100vw); background: url(../img/circulo02.png)no-repeat center top transparent; background-size: 100%; position: absolute; top: 73vw; left: 10vw;} #containerIsee > #bloco06 .produto0603{margin-top:18vw;transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s; width: calc(280/780 * 100vw); height: calc(290/780 * 100vw); background: url(../img/circulo03.png)no-repeat center top transparent; background-size: 100%; position: absolute; top: 90vw; left: 45vw;} #containerIsee > #bloco06 .produto0601:hover{transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} #containerIsee > #bloco06 .produto0602:hover{transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} #containerIsee > #bloco06 .produto0603:hover{transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} #containerIsee > #bloco07 {height: calc(1200/1024*100vw); background: url(../img/1920/background-07.jpg)no-repeat center top #000; background-size: 130%; background-position-y: 18vw;} #containerIsee > #bloco07 h1{margin-top: 2vw;} #containerIsee > #bloco07 .detalhes{ position: absolute; bottom: 2.5vw; left: -4vw;} #containerIsee > #bloco07 .detalhes0701{width: calc(220/780 * 100vw);height: calc(150/780 * 100vw);background: url(../img/detalhes0701.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0702{width: calc(220/780 * 100vw);height: calc(150/780 * 100vw);background: url(../img/detalhes0702.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0703{width: calc(220/780 * 100vw);height: calc(150/780 * 100vw);background: url(../img/detalhes0703.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0704{width: calc(220/780 * 100vw);height: calc(150/780 * 100vw);background: url(../img/detalhes0704.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco08{height:auto;background: #dfdfdf;} #containerIsee > #bloco08 .specs{height:auto; padding-bottom:6vw; margin-top: 2vw;} #containerIsee > #bloco08 .specs img {padding-bottom:1vw; width: calc(180/780 *100vw); height: calc(90/780 *100vw);} #containerIsee > #bloco08 .specs strong, #containerIsee > #bloco08 .specs p {font-size: calc(12/780 * 100vw); color:#343434; text-align: left; line-height: calc(16/780 * 100vw) !important;} #containerIsee > #bloco08 .specs span{font-size: calc(12/780 * 100vw);} #containerIsee > #bloco08 .specs h4{color:#343434;} #containerIsee > #bloco08 .first-spec{margin-left: 13vw; width: 28%;} #containerIsee > #bloco11 {height: calc(500/780*100vw); background: url(../img/1920/background-08.jpg)no-repeat center top #ffffff; background-size:cover;} #containerIsee > #bloco11 h1{ margin-top: 4vw;} #containerIsee > #bloco11 p{ width: 88%;} #containerIsee > #rodape {background-color:#000; padding-top: calc(20/780 *100vw); padding-bottom: calc(20/780 *100vw); display:table;} #containerIsee > #rodape {height:auto;} #containerIsee > #rodape .logoinfoLegal { margin-left: 0vw; width: 16vw; margin-top: -2vw} #containerIsee > #rodape .logoinfoLegal2 { width: 13vw; margin-left: 3vw; position: relative; left: 2vw;margin-top: -4vw} #containerIsee > #rodape .infoLegal {margin-left: 1vw; font-size: calc(9/780 *100vw) !important; line-height: 135%; padding-bottom: calc(20/780 *100vw); padding-left: 5%; padding-right: 5%;} #containerIsee > #footerSamsung {height:auto; width:100%; } #containerIsee > #footerSamsung h1{font-size:7vw; line-height: 7vw; padding-bottom: 1.083vw; padding-top:5vw;} #containerIsee > #footerSamsung p{font-size:2.5vw; line-height:3vw;} #containerIsee > #footerSamsung .zeraPM{ padding: 0 !important;} #containerIsee > #footerSamsung strong{padding-bottom: 1.083vw; position: relative; top: 17.5vw; } #containerIsee > #footerSamsung .leftMB{margin-left: 5vw;} #containerIsee > #footerSamsung #samsungClub{ background: url(../img/samsungClubNovo.jpg) no-repeat bottom center #000; float: left; height: 77vw; background-size: 100%; width: 100%;} #containerIsee > #footerSamsung #samsungClub .logoClub {width:80vw; margin-top:31vw; margin-left:auto; margin-right:auto;} #containerIsee > #footerSamsung #samsungClub .logoClub img {width: calc(200/780*100vw); height: auto; position: absolute;top:7vw; left: 22vw;} #containerIsee > #footerSamsung #samsungClub .conectado{position: absolute;top: 6.8vw; left: 53vw;} #containerIsee > #footerSamsung #samsungClub .conectado h4{font-size: calc(19/780 * 100vw); padding: 0; margin:0; margin-top: -1.7vw;} #containerIsee > #footerSamsung #samsungClub p{margin-top: 2vw; width: 67%; margin-left: 6vw;} #containerIsee > #footerSamsung #samsungCare .conteudo{ position: relative;top: 19vw;} #containerIsee > #footerSamsung #samsungCare {background:url(../img/samsungCare.jpg) no-repeat bottom center #000;float: right; height:77vw; background-size:100%; width:100%;} #containerIsee > #footerSamsung #samsungCare .logoCare img {width: calc(200/780*100vw); height: auto; position: absolute; top: 1.7vw; left:22vw;} #containerIsee > #footerSamsung #samsungCare .conectado{position: absolute;top: 7vw; left: 53vw;} #containerIsee > #footerSamsung #samsungCare .conectado h4{font-size: calc(19/780 * 100vw); padding: 0; margin:0; margin-top: -1.7vw;} #containerIsee > #footerSamsung .icone{margin-left: 0vw} #containerIsee > #footerSamsung #samsungCare p{padding-top: 2.5vw; width: 100%; margin-left: 0%; margin-right: auto; padding-bottom: 1.5vw;} #containerIsee > #footerSamsung #samsungCare img {margin: 0 auto; display: block; padding-top: 1vw; width:18vw;} #containerIsee > #footerSamsung #samsungClub img {margin: 0 auto; display: block; padding-top: 1vw; width:18vw; margin-top: -6vw;} #containerIsee > #footerSamsung #samsungCare .boxAtend {width:100%; float:left; position:relative; margin-top:1vw;} #containerIsee > #footerSamsung #samsungCare .boxAtend > p {font-weight: bold} } /*-------------------- ANIMACAO --------------------*/ #containerIsee .transition{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;} #containerIsee .fadeOut {-webkit-animation: fadeIn 1s ease-in-out;-moz-animation: fadeIn 1s ease-in-out;-o-animation: fadeIn 1s ease-in-out;animation: fadeIn 1s ease-in-out;} #containerIsee .fadein{ -webkit-animation: fadein 3s infinite linear; -moz-animation: fadein 3s infinite linear; -ms-animation: fadein 3s infinite linear; -o-animation: fadein 3s infinite linear; animation: fadein 3s infinite linear; } #containerIsee .fadein2{ -webkit-animation: fadeinn 3s infinite linear; -moz-animation: fadeinn3s infinite linear; -ms-animation: fadeinn 3s infinite linear; -o-animation: fadeinn 3s infinite linear; animation: fadeinn 3s infinite linear; } @keyframes fadein { from { opacity: 0.4; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0.4; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0.4; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0.4; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0.4; } to { opacity: 1; } } @-webkit-keyframes fadeOut {0% { opacity: 1; }100% { opacity:0; } } @-moz-keyframes fadeOut {0% { opacity: 1;}100% { opacity: 0; }} @-o-keyframes fadeOut {0% { opacity: 1; }100% { opacity: 0; }} @keyframes fadeOut {0% { opacity: 1; }100% { opacity: 0; }} #ondas { animation: ondas 2s infinite linear; } @-webkit-keyframes ondas { 0% {opacity:0.30;} 50% {opacity:1.00;} 100% {opacity:0.30;} } @-moz-keyframes ondas { 0% {opacity:0.30;} 50% {opacity:1.00;} 100% {opacity:0.30;} } @-o-keyframes ondas { 0% {opacity:0.30;} 50% {opacity:1.00;} 100% {opacity:0.30;} } @keyframes ondas { 0% {opacity:0.20;} 50% {opacity:1.00;} 100% {opacity:0.20;} } #ondas-fraca { animation: onda 2s infinite linear; } @-webkit-keyframes onda { 0% {opacity:0.30;} 50% {opacity:1.00;} 100% {opacity:0.30;} } @-moz-keyframes onda { 0% {opacity:0.30;} 50% {opacity:1.00;} 100% {opacity:0.30;} } @-o-keyframes onda { 0% {opacity:0.30;} 50% {opacity:1.00;} 100% {opacity:0.30;} } @keyframes onda { 0% {opacity:0.10;} 50% {opacity:0.50;} 100% {opacity:0.10;} } #onda-1 { animation: ondaum 3.5s infinite 0.5s; opacity: 0; } #onda-2 { animation: ondaum 3.5s infinite 1s; opacity: 0; } #onda-3{ animation: ondaum 3.5s infinite 1.5s; opacity: 0; } @-webkit-keyframes ondaum { 0% {opacity:0;} 50% {opacity:1.00;} 100% {opacity:0;} } @-moz-keyframes ondaum { 0% {opacity:0;} 50% {opacity:1.00;} 100% {opacity:0;} } @-o-keyframes ondaum { 0% {opacity:0;} 50% {opacity:1.00;} 100% {opacity:0;} } @keyframes ondaum { 0% {display:0;} 50% {opacity:1.0;} 100% {opacity:0;} } @media screen and (max-width: 1024px) and ( min-width: 781px) { #containerIsee > #footerSamsung #samsungClub .logoClub img { width: calc(200/1920*100vw); height: auto; position: absolute; top: 1.3vw !important; left: 11vw;} } @media screen and (min-width: 781px) { #containerIsee > #footerSamsung {height:auto; width:100%;} #containerIsee > #footerSamsung strong{ font-size: calc(22/1920 *100vw); line-height: calc(28/1920 *100vw);padding-bottom: 1.083vw; position: relative; top: 6.5vw;} #containerIsee > #footerSamsung h4{font-family:SamsungSharpSans,Verdana, Arial; font-size: calc(19/1920*100vw) !important; line-height: calc(22/1920*100vw)} #containerIsee > #footerSamsung span{font-family:SamsungSharpSans,Verdana, Arial; font-size: calc(19/1920*100vw) !important; line-height: calc(22/1920*100vw)} #containerIsee > #footerSamsung p{font-size: 1.142vw;line-height: 1.342vw;} #containerIsee > #footerSamsung .zeraPM{ padding: 0 !important;} #containerIsee > #footerSamsung #samsungClub{background:url(../img/samsungClubNovo.jpg) no-repeat top center #000; float: left;height:35vw; background-size:cover; width:101%;} #containerIsee > #footerSamsung #samsungClub .logoClub {width:43.333333vw; margin-top:14vw; margin-left:auto; margin-right:auto;} #containerIsee > #footerSamsung #samsungClub .logoClub img {width: calc(200/1920*100vw); height: auto; position: absolute; top: -12.7vw; left:11vw;} #containerIsee > #footerSamsung #samsungClub .conectado{position: absolute;top: 2.2vw; left: 24vw;} #containerIsee > #footerSamsung #samsungClub .conectado h4{font-size: calc(19/1920 * 100vw); padding: 0; margin:0; margin-top: -0.9vw;} #containerIsee > #footerSamsung #samsungCare .conteudo{ position: relative;top: 10vw; margin-left: 3vw;} #containerIsee > #footerSamsung #samsungCare .icone{ margin-left: 3.1vw;} #containerIsee > #footerSamsung #samsungCare {background:url(../img/samsungCare.jpg) no-repeat top center #000;float: right; height:35vw; background-size:cover; width:100%;} #containerIsee > #footerSamsung #samsungCare .logoCare img {width: calc(200/1920*100vw); height: auto; position: absolute; top: 0.3vw; left:12vw;} #containerIsee > #footerSamsung #samsungCare .conectado{position: absolute;top: 2.2vw; left: 25vw;} #containerIsee > #footerSamsung #samsungCare .conectado h4{font-size: calc(19/1920 * 100vw); padding: 0; margin:0; margin-top: -0.9vw;} #containerIsee > #footerSamsung #samsungCare p{padding-top:0.5vw;} #containerIsee > #footerSamsung #samsungCare .w105{ width: 107%; margin-left: -0.3vw} #containerIsee > #footerSamsung #samsungCare img {margin: 0 auto; display: block; padding-top: 0vw; width: 7.8vw;} #containerIsee > #footerSamsung #samsungClub img {margin: 0 auto; display: block; padding-top: 0vw; margin-top:-1vw; padding-bottom:0.5vw; width: 7.8vw;} #containerIsee > #footerSamsung #samsungCare .boxAtend {float: left;margin-top: 3vw; } #containerIsee > #footerSamsung #samsungCare .boxAtend p { margin-left: 0.5vw; font-size:calc(22/1920*100vw) !important;font-weight: bold; line-height:calc(26/1920*100vw); padding-bottom:0.4vw;} #containerIsee > #footerTxtLegal {background-color:#000000; padding-top:1vw; padding-bottom:1vw; width:100%; height:auto;} #containerIsee > #footerTxtLegal .logo {width: 8.69791666666667vw; height:auto; padding-right:2vw;} #containerIsee > #footerTxtLegal p {font-size:0.8vw;} }