/* Sources used in the project */ /* *BACKGROUNDS DEVEM FICAR NO Z-INDEX = 9 */ @font-face { font-family: 'SamsungSharpSans'; src: url(https://media.isee.global/fonts/SamsungSharpSansBd.eot); src: url(https://media.isee.global/fonts/SamsungSharpSansBd.eot?#iefix) format("embedded-opentype"), url(https://media.isee.global/fonts/SamsungSharpSansBd.woff) format("woff"); font-weight: bold; font-style: normal } @font-face { font-family: 'SamsungOne'; src: url(https://media.isee.global/fonts/SamsungOne-400.eot); src: url(https://media.isee.global/fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype"), url(https://media.isee.global/fonts/SamsungOne-400.woff2) format("woff2"), url(https://media.isee.global/fonts/SamsungOne-400.woff) format("woff"), url(https://media.isee.global/fonts/SamsungOne-400.ttf) format("truetype"); font-weight: normal; font-style: normal } @font-face { font-family: 'SamsungOne'; src: url(https://media.isee.global/fonts/SamsungOne-700.eot); src: url(https://media.isee.global/fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype"), url(https://media.isee.global/fonts/SamsungOne-700.woff2) format("woff2"), url(https://media.isee.global/fonts/SamsungOne-700.woff) format("woff"), url(https://media.isee.global/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:SamsungSharpSans,Verdana, Arial; font-weight:400;} #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:500;} #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 #bloco09, #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: 781px) { #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:calc(34/1920*100vw); line-height:calc(38/1920*100vw); } #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(950/1920*100vw)} #containerIsee > #bloco02 {height:calc(1085/1920*100vw)} #containerIsee > #bloco03 {height:calc(750/1920*100vw)} #containerIsee > #bloco04 {height:calc(730/1920*100vw)} #containerIsee > #bloco05 {height:calc(650/1920*100vw)} #containerIsee > #bloco06 {height:calc(570/1920*100vw)} #containerIsee > #bloco07 {height:calc(980/1920*100vw)} #containerIsee > #bloco08 {height:auto;} #containerIsee > #bloco09 {height:calc(1000/1920*100vw)} #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:85%;} #containerIsee > #bloco01 h1 {margin-top:9.8vw; margin-bottom:2.08333333333333vw; margin-left: 2.7vw;} #containerIsee > #bloco01 .textoBox {width:100%;} #containerIsee > #bloco01 .caixas{font-family: SamsungSharpSans,Verdana, Arial; font-weight: 100; float: right; position: absolute; top: 23vw; right: 79vw;} #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 bottom #000; background-size:cover;} #containerIsee > #bloco02 h1{ margin-top: 0vw;} #containerIsee > #bloco02 p{ width: 98%;} #containerIsee > #bloco02 .ondas{ position: absolute; top: 15.3vw; left: 21.2vw; width: calc(1090/1920*100vw); height: calc(750/1920*100vw); background: url(../img/02_ondas.png)no-repeat center bottom transparent; background-size: 100%;} #containerIsee > #bloco03 {background: url(../img/1920/background-03.jpg)no-repeat center top transparent; background-size:105%;} #containerIsee > #bloco03 .txt03{padding-top: 4vw;} #containerIsee > #bloco03 p{ width: 73%; padding-bottom: 2vw;} #containerIsee > #bloco03 img{ width:calc(250/1920*100vw); } #containerIsee > #bloco04{background: url(../img/1920/background-04.jpg)no-repeat center top transparent; background-size:cover;} #containerIsee > #bloco04 .soundbar{position: absolute; top: 4.5vw;width: calc(565/1920*100vw);height: calc(740/1920*100vw); background: url(../img/smarth.png)no-repeat center top transparent;background-size:100%;} #containerIsee > #Bloco04 .soundbar-background { width: calc(565/1920*100vw) !important; height: calc(740/1920*100vw);float: right; z-index: -10; position: absolute; width: 100%; background: url(../img/smarth-2.png) no-repeat center top; background-size: 100%; top: 2vw !important; right: -5.5vw; } #containerIsee > #Bloco04 br{display: none} #containerIsee > #bloco05 {background: url(../img/1920/background-05.jpg)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco05 h1{ margin-top: 4vw;} #containerIsee > #bloco05 p{ width: 68%;} #containerIsee > #bloco06 {background: url(../img/1920/background-06.jpg)no-repeat center top #dedede; background-size:100%;} #containerIsee > #bloco06 h1{font-size: calc(40/1920*100vw); line-height: calc(40/1920*100vw); padding-bottom: 0.3vw !important} #containerIsee > #bloco06 .txt06{margin-top: 3vw} #containerIsee > #bloco06 .ondas .onda-1{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(130deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-1.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas .onda-2{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(130deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-2.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas .onda-3{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(130deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-3.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas{position: relative; top: -2vw; left: 35vw;} #containerIsee > #bloco06 .ondas2 .onda-1{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(360deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-1.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas2 .onda-2{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(360deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-2.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas2 .onda-3{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(360deg);position:absolute;width:8.3333333vw;height:10.9375vw;background: url(../img/onda-3.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas2{position: relative; top: -8vw; left: -8vw;} #containerIsee > #bloco07 {background: #fff;} #containerIsee > #bloco07 h1{margin-top: 2vw;} #containerIsee > #bloco07 p{ width: 54%; margin-left: 17vw;} #containerIsee > #bloco07 .detalhes{position: absolute;bottom: 3vw;left: 2vw;} #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: #dedede;} #containerIsee > #bloco08 .specs{height:auto; padding-bottom:4vw; margin-top: 0vw;} #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; font-weight: 200;} #containerIsee > #bloco09 .bg0902 {position:relative; width:100%; height:100%;background: url(../img/1920/background-0701.jpg)no-repeat center top #dfdfdf; background-size:cover;} #containerIsee > #bloco09 h1{margin-top: 10vw;} #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; 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: 88%; 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(75/780*100vw); line-height:calc(80/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(30/780*100vw);line-height:calc(35/780*100vw); font-weight: 900} #containerIsee h4{font-size:calc(24/780*100vw);} #containerIsee p{font-size:3.205128205128205vw;} #containerIsee .centerMB{text-align: center !important;} #containerIsee .mobileHide {display:none !important;} #containerIsee > #bloco01{z-index: 999 !important;} #containerIsee > #bloco01 {background:url(../img/780/background-01.jpg) no-repeat center top transparent; background-size:100%;height:calc(750/780*100vw);} #containerIsee > #bloco01 .logo {float:left; position:relative; margin-top:8.08333333333333vw; margin-bottom:2.08333333333333vw; height:auto; width:80%;} #containerIsee > #bloco01 h1 { margin-top: 5vw; text-align: center!important;} #containerIsee > #bloco01 .textoBox {width:100%;} #containerIsee > #bloco01 .curved{margin-top: 5vw} #containerIsee > #bloco01 .caixas{display: none} #containerIsee > #bloco02 {height:calc(1200/780*100vw);background:url(../img/1920/background-02.jpg) no-repeat center bottom transparent; background-size:cover; } #containerIsee > #bloco02 h1{ margin-top:5vw;padding-bottom: 2.5vw;} #containerIsee > #bloco02 .ondas{ position: absolute; top: 53.4vw; left: 8.4vw; width: 83%; height: calc(750/780*100vw);background: url(../img/780/02_ondas.png)no-repeat center bottom transparent; background-size: 100%;} #containerIsee > #bloco03 {height:calc(1100/780*100vw);background: url(../img/780/background-03.jpg)no-repeat center top transparent; background-size:cover;} #containerIsee > #bloco03 .txt03{margin-top: 15vw;} #containerIsee > #bloco03 h1{ width: 100%; margin-top: -6vw} #containerIsee > #bloco03 p{margin-left: 4vw; width: 89%;} #containerIsee > #bloco03 img{ width:calc(250/780*100vw); margin-left: 24vw; margin-top: 6vw;} #containerIsee > #bloco04{height:calc(1200/780*100vw); background: url(../img/1920/background-04.jpg)no-repeat center top transparent; background-size:cover;} #containerIsee > #bloco04 .soundbar{position: absolute;left: 4vw; top: 4.5vw;width: calc(565/780*100vw);height: calc(740/780*100vw); background: url(../img/smarth.png)no-repeat center top transparent;background-size:100%;} #containerIsee > #Bloco04 .soundbar-background { width: calc(565/780*100vw) !important;height: calc(740/780*100vw); float: right; z-index: -10; position: absolute; background: url(../img/smarth-2.png) no-repeat center top; background-size: 100%; top: -3vw !important; right: 6.2vw; } #containerIsee > #Bloco04 p br{display: none} #containerIsee > #bloco05 {height:calc(1200/780*100vw);background: url(../img/780/background-05.jpg)no-repeat center top transparent; background-size: 100%;} #containerIsee > #bloco05 h1{ margin-top: 18vw;} #containerIsee > #bloco06 {height:calc(1000/780*100vw);background: url(../img/780/background-06.jpg)no-repeat center top #dfdfdf; background-size:cover;} #containerIsee > #bloco06 .txt06{margin-top: 70vw} #containerIsee > #bloco06 p{width: 95%; margin-left: 2vw;} #containerIsee > #bloco06 .ondas .onda-1{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(130deg);position:absolute;width:10.3333333vw;height:14.9375vw;background: url(../img/onda-1.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas .onda-2{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(130deg);position:absolute;width:10.3333333vw;height:14.9375vw;background: url(../img/onda-2.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas .onda-3{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(130deg);position:absolute;width:10.3333333vw;height:14.9375vw;background: url(../img/onda-3.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas{ position: absolute; top: 0.5vw; left: -2vw;} #containerIsee > #bloco06 .ondas2 .onda-1{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(360deg);position:absolute;width:16.3333333vw;height:20.9375vw;background: url(../img/onda-1.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas2 .onda-2{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(360deg);position:absolute;width:16.3333333vw;height:20.9375vw;background: url(../img/onda-2.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas2 .onda-3{-webkit-transform:scale(0.7) rotate(125deg);-moz-transform:scale(0.7) rotate(125deg);-o-transform:scale(0.7) rotate(125deg);transform:scale(0.7) rotate(360deg);position:absolute;width:16.3333333vw;height:20.9375vw;background: url(../img/onda-3.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco06 .ondas2{position: absolute;top: -80vw; left: -2vw;} #containerIsee > #bloco07 {height: calc(910/780*100vw); background: #fff;} #containerIsee > #bloco07 h1{margin-top: 2vw;} #containerIsee > #bloco07 p{ padding-bottom: 4vw } #containerIsee > #bloco07 .detalhes{ position: absolute; bottom: 6.5vw;} #containerIsee > #bloco07 .detalhes0701{width: calc(160/780 * 100vw);height: calc(100/780 * 100vw);background: url(../img/detalhes0701.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0702{width: calc(160/780 * 100vw);height: calc(100/780 * 100vw);background: url(../img/detalhes0702.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0703{width: calc(160/780 * 100vw);height: calc(100/780 * 100vw);background: url(../img/detalhes0703.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco07 .detalhes0704{width: calc(160/780 * 100vw);height: calc(100/780 * 100vw);background: url(../img/detalhes0704.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco08{height:auto;background: #dbdbdb; padding-bottom:6vw;} #containerIsee > #bloco08 .specs{height:auto; padding-bottom:6vw; margin-top: -1vw;} #containerIsee > #bloco08 .specs img { margin-top: -3vw;margin-left: 20vw;padding-bottom:1vw; width: calc(180/780 *100vw); height: calc(90/780 *100vw);} #containerIsee > #bloco08 .specs strong, #containerIsee > #bloco08 .specs p {text-align: center; font-size: calc(15/780 * 100vw); color:#343434; line-height: calc(18/780 * 100vw) !important;} #containerIsee > #bloco08 .specs span{font-size: calc(15/780 * 100vw); text-align: center;} #containerIsee > #bloco08 .specs h4{color:#343434;padding-bottom: 0 !important; font-weight: 200; text-align: center;} #containerIsee > #bloco08 .first-spec{margin-left: 14vw; width: 36%;} #containerIsee > #bloco08 .first-spec img{margin-left: 8vw;} #containerIsee > #bloco08 .acessorios{position: relative; left: 6vw} #containerIsee > #bloco09 {height:calc(850/780*100vw)} #containerIsee > #bloco09 .bg0902 {position:relative; width:100%; height:100%;background: url(../img/780/background-07.jpg)no-repeat center top #dfdfdf; background-size:cover; background-position-y: -20vw;} #containerIsee > #bloco09 h1{margin-top: 1vw;} #containerIsee > #bloco09 .ondas .onda-1{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:11.3333333vw;height:14.9375vw;background: url(../img/onda0901.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas .onda-2{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:11.3333333vw;height:14.9375vw;background: url(../img/onda0902.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas .onda-3{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:11.3333333vw;height:14.9375vw;background: url(../img/onda0903.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas{position: relative; top: 23vw; left: 75.2vw;} #containerIsee > #bloco09 .ondas1 .onda-1{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:11.3333333vw;height:14.9375vw;background: url(../img/onda0901.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas1 .onda-2{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:11.3333333vw;height:14.9375vw;background: url(../img/onda0902.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas1 .onda-3{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:11.3333333vw;height:14.9375vw;background: url(../img/onda0903.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas1{ position: relative; top: 23vw; left: -3.2vw;} #containerIsee > #bloco09 .ondas2 .onda-1{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:8.3333333vw;height:12.9375vw;background: url(../img/onda0901.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas2 .onda-2{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:8.3333333vw;height:12.9375vw;background: url(../img/onda0902.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas2 .onda-3{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:8.3333333vw;height:12.9375vw;background: url(../img/onda0903.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas2{position: relative; top: 22vw; left: 10.55vw;} #containerIsee > #bloco09 .ondas3 .onda-1{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:8.3333333vw;height:12.9375vw;background: url(../img/onda0901.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas3 .onda-2{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:8.3333333vw;height:12.9375vw;background: url(../img/onda0902.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas3 .onda-3{-webkit-transform:scale(0.7) rotate(360deg);-moz-transform:scale(0.7) rotate(360deg);-o-transform:scale(0.7) rotate(360deg);transform:scale(0.7) rotate(360deg);position:absolute;width:8.3333333vw;height:12.9375vw;background: url(../img/onda0903.png)no-repeat center top transparent; background-size:100%;} #containerIsee > #bloco09 .ondas3{position: relative; top: 22vw; left: 66.5vw;} #containerIsee > #bloco09 .quadro{animation: quadro 3.5s infinite; position: absolute; top: 68.3vw; left: 6.3vw; width: calc(680/780 * 100vw); height: calc(200/780 * 100vw); background: url(../img/quadro.png)no-repeat center top transparent; background-size: 100%;} #containerIsee > #rodape {background-color:#000; padding-top: calc(0/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: 0.5vw;font-size: calc(11/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} } @media (max-width: 350px){ #containerIsee > #bloco02 .ondas{ position: absolute; top: 52vw; left: 8.4vw; width: 83%; height: calc(750/780*100vw);background: url(../img/780/02_ondas.png)no-repeat center bottom transparent; background-size: 100%;} } /*-------------------- 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 quadro { 0% {transform: scale(1, 1) translateY(0vw);} 50% {transform: scale(1.1, 1.1) translateY(-2vw);} 100% {transform: scale(1, 1) translateY(0vw);} } @-moz-keyframes quadro { 0% {transform: scale(1, 1) translateY(0vw);} 50% {transform: scale(1.1, 1.1) translateY(-2vw);} 100% {transform: scale(1, 1) translateY(0vw);} } @-o-keyframes quadro { 0% {transform: scale(1, 1) translateY(0vw);} 50% {transform: scale(1.1, 1.1) translateY(-2vw);} 100% {transform: scale(1, 1) translateY(0vw);} } @keyframes quadro { 0% {transform: scale(1, 1) translateY(0vw);} 50% {transform: scale(1.1, 1.05) translateY(-1vw);} 100% {transform: scale(1, 1) translateY(0vw);} } @-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 (min-width: 781px) { #containerIsee > #footerSamsung {height:auto; width:100%;} #containerIsee > #footerSamsung strong{ font-size: calc(23/1920 *100vw); line-height: calc(30/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;} }