/* Sources used in the project */ /* *BACKGROUNDS DEVEM FICAR NO Z-INDEX = 9 */ /* Sources used in the project */ /* *BACKGROUNDS DEVEM FICAR NO Z-INDEX = 9 */ #containerIsee h1{font-family:'SamsungSharpSans',Verdana, Arial; padding-top:4.166666667vw; padding-bottom:1.083333333vw;} #containerIsee h2{font-family:SamsungSharpSans,Verdana, Arial; padding-top:1.166666667vw; padding-bottom:1.083333333vw;} #containerIsee h3{font-family:SamsungSharpSans,Verdana, Arial;} #containerIsee h4{font-family:SamsungSharpSans,Verdana, Arial;} #containerIsee p {font-family:SamsungOne,Verdana, Arial; font-weight:400;} #containerIsee p strong {font-family:SamsungOne,Verdana, Arial; font-weight:700;} #containerIsee ul li {font-family:SamsungOne,Verdana, Arial;} /* Color definition */ #containerIsee .txtBranco {color:#ffffff;} #containerIsee .txtPreto {color:#000000;} #containerIsee .txtCinza {color:#2f2f2f;} #containerIsee .txtAzulTitulo {color:#1b273d;} #containerIsee .txtMarrom {color:#4e4941;} #containerIsee .txtCinzaClaro{color:#e1e1e1} #containerIsee .bgBranco {background-color:#ffffff;} #containerIsee .bgPreto {background-color:#000000;} #containerIsee .bgCinza01{background: #dedede} #containerIsee .bgCinza02{background: #dedede} #containerIsee .bgCinza03{background: #dedede} #containerIsee .bgCinza04{background: #36bcd7; color: #dedede;} #containerIsee .txtCenter{text-align: center !important;} #containerIsee .txtLeft{text-align: left !important;} /* 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{float:left; position:relative; margin:0; padding:0; width:100%;} /* Desktop Full Resolution */ @media screen and (min-width: 1025px) { #containerIsee > #bloco01 {height:calc(1060/1920*100vw);} #containerIsee > #bloco02 {height:calc(1200/1920*100vw);} #containerIsee > #bloco03 {height:calc(920/1920*100vw);} #containerIsee > #bloco04 {height:calc(800/1920*100vw);} #containerIsee > #bloco05 {height:calc(1100/1920*100vw);} #containerIsee > #bloco06 {height:calc(720/1920*100vw);} #containerIsee > #bloco07 {height:calc(1180/1920*100vw);} #containerIsee > #bloco08 {height:calc(730/1920*100vw);} #containerIsee > #bloco09 {height:calc(860/1920*100vw);} #containerIsee > #bloco10 {height: auto;} #containerIsee > #bloco11 {height:calc(80/1920*100vw);} #containerIsee > #bloco11 {background-color:#000; padding-bottom:10px; padding-bottom:10px; display:table;} #containerIsee > #bloco11 {height:auto; padding-bottom: 2vw} #containerIsee {padding-bottom: 100px;} #containerIsee .mobileDesk {display:none;} #containerIsee .HideDesk {display:none !important;} /* Setting Font Size */ #containerIsee h1{font-size:3.70625vw; line-height:4.2vw;} #containerIsee h2{font-size:2.083333333vw;} #containerIsee h3{font-size:1.302083333vw; font-size: 1.802083333vw; line-height: 2.4vw; padding-top: 2vw; padding-bottom: 1vw; } #containerIsee p{font-size:1.3421666667vw;} #containerIsee p strong{font-family:SamsungOne,Verdana, Arial; font-weight:700;} #containerIsee > #bloco01 {background:url(../img/1920/isee-j5-01.jpg) no-repeat center bottom transparent; background-size:cover;} #containerIsee > #bloco01 .logo {float:left; position:relative; margin-top:4.08333333333333vw; margin-bottom:3.08333333333333vw; height:auto; width:100%;} #containerIsee > #bloco01 h1{padding-top: 1vw; padding-left: 1vw; } #containerIsee > #bloco01 h2 {margin-top:2.4vw; margin-bottom:1.08333333333333vw; font-size: calc(40/1920 *100vw); line-height: calc(45/1920 *100vw); } #containerIsee > #bloco02 {background:url(../img/1920/isee-j5-02.jpg) no-repeat center bottom transparent; background-size:cover;} #containerIsee > #bloco02 .elegante{margin-top: 8vw;} #containerIsee > #bloco02 .celular02{ margin-top: 6vw;width:calc(490/1920*100vw);height:calc(950/1920*100vw); background:url(../img/1920/celular-0201.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .celular0201{ margin-top: 6vw;width:calc(490/1920*100vw);height:calc(950/1920*100vw); background:url(../img/1920/celular-0202.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .celular0202{ margin-top: 6vw;width:calc(490/1920*100vw);height:calc(950/1920*100vw); background:url(../img/1920/celular-0203.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .celular0203{ margin-top: 6vw;width:calc(490/1920*100vw);height:calc(950/1920*100vw); background:url(../img/1920/celular-0204.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .rotacao{position: relative;top: 23vw;left: 18vw;width:calc(180/1920*100vw);height:calc(200/1920*100vw); background:url(../img/icon/icon-02.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .btnRotacionar{cursor:pointer;position: relative;top: 18vw;left: 14vw;background-color: #3c3c3c; padding: 1vw 2vw 1vw 2vw; border-radius: 1vw; border: none; font-weight: bold;} #containerIsee > #bloco03 {background:url(../img/1920/isee-j5-03.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco03 h1{padding-top: 5vw;} #containerIsee > #bloco03 p{ width: 96%; margin-left: 2vw } #containerIsee > #bloco03 .icones{width:calc(150/1920*100vw);height:calc(335/1920*100vw); background:url(../img/icon/icon-03.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco03 .cameras{position:relative; top:calc(120/1920*100vw); } #containerIsee > #bloco03 .cameras h1{padding: 0 !important; font-size: 5.5vw; margin-top: 1.5vw; margin-left: 1.5vw;} #containerIsee > #bloco03 .camera{margin-top: 4vw} #containerIsee > #bloco03 .camera .f1{font-size: 2vw} #containerIsee > #bloco04 {background:url(../img/1920/isee-j5-04.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco04 h1{padding-top: 5vw;} #containerIsee > #bloco04 .p{ width: 92%; margin-left: 4vw;} #containerIsee > #bloco04 .icones{width:calc(150/1920*100vw);height:calc(335/1920*100vw); background:url(../img/icon/icon-04.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco04 .cameras{position:relative; top:calc(120/1920*100vw); } #containerIsee > #bloco04 .cameras h1{padding: 0 !important; font-size: 5.5vw; margin-top: 1.5vw; } #containerIsee > #bloco04 .camera{margin-top: 4vw} #containerIsee > #bloco04 .camera .f1{font-size: 2vw} #containerIsee > #bloco05 {background:url(../img/1920/isee-j5-05.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco05 h1{padding-top: 5.5vw; } #containerIsee > #bloco06 {background:url(../img/1920/isee-j5-06.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco06 .celular{ position: relative; top: -3vw;left: 2vw;width:calc(400/1920*100vw);height:calc(795/1920*100vw); background:url(../img/1920/celular-06.png) no-repeat left bottom transparent; background-size: 100%;} #containerIsee > #bloco06 .icon0601{ margin-top: 2vw;height:calc(200/1920*100vw); background:url(../img/icon/icon-0601.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco06 h1{ padding-bottom:0.4vw !important} #containerIsee > #bloco06 .icon0602{ margin-top: 2vw;height:calc(200/1920*100vw); background:url(../img/icon/icon-0602.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco06 .edite{margin-top: 2vw} #containerIsee > #bloco06 .texto0601{margin-top: 2vw} #containerIsee > #bloco07 .faça{margin-top: 16vw} #containerIsee > #bloco07 .faça h1{font-size: calc(215/1920 *100vw)} #containerIsee > #bloco07 .celular07{width: calc(700/1920*100vw);height: calc(850/1920*100vw);background: url(../img/1920/celular-07.png) no-repeat center center transparent; background-size: 100%; position: absolute; z-index: 8;top: 15vw;left: 23vw;} #containerIsee > #bloco07 .velocidade{margin-top: 2vw;} #containerIsee > #bloco07 .light07{width: calc(700/1920*100vw);height: calc(850/1920*100vw);background: url(../img/1920/light-07.png) no-repeat center center transparent; background-size: 100%; position: absolute; z-index: 5;top: 15vw;left: 23vw;} #containerIsee > #bloco07 .cinza07{width: calc(700/1920*100vw);height: calc(850/1920*100vw);background: url(../img/1920/background-07.png) no-repeat center center transparent; background-size: 100%; position: absolute; z-index: -9;top: 15vw;left: 23vw;} #containerIsee > #bloco07 p{ width: 90%; margin-left: 4vw;} #containerIsee > #bloco08 {background:url(../img/1920/isee-j5-08.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco08 .icones08{width:calc(460/1920*100vw);height:calc(730/1920*100vw); background:url(../img/1920/isee-j5-08.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco08 h1{margin-top: 4vw} #containerIsee > #bloco08 .p{width: 97%} #containerIsee > #bloco09 .section-memoria{margin-top:10vw;padding-bottom: 0.5vw} #containerIsee > #bloco09 .memoria{padding-top: 3vw;font-size: calc(150/1920 *100vw) } #containerIsee > #bloco09 .memoriaLeft{border-right: 6px solid #000} #containerIsee > #bloco09 .p{ width: 90%; margin-left: 4vw;} #containerIsee > #bloco09 h1{margin-top: 2vw;} #containerIsee > #bloco10 .px20{margin-left:2vw;font-size: calc(20/1920 *100vw);font-weight: bold;text-align: left;} #containerIsee > #bloco10 .px25{text-align: left;font-size: calc(25/1920 *100vw);width: 75%;margin-left:2vw;padding-bottom: 1vw; border-bottom: 1px solid #ccc} #containerIsee > #bloco10 td{padding-bottom: 1vw;} #containerIsee > #bloco10 img{/*width:calc(150/1920*100vw);height:calc(370/1920*100vw);*/ padding: 40px 0;} #containerIsee > #bloco10 .paddingBottom{padding-bottom: 4vw} #containerIsee .rodape{width:100vw;background: #000;} #containerIsee .rodape img{padding-top: 2.5vw;} #containerIsee .rodape p{font-size:.75vw;padding-top: 2.5vw;} #containerIsee .rodape .logoSamsung{margin-top: 2vw} .HideDesk{display: none!important} .mobileHide{display: block;} } @media screen and (min-width:781px) and (max-width:1024px) { #containerIsee {} #containerIsee .mobileDesk {display:none;} #containerIsee .HideDesk {display:inline-block !important;} #containerIsee .HideTb {display:none !important;} /* Setting Font Size */ #containerIsee h1{padding-top:7.8125vw !important; padding-bottom:3.10625vw !important;font-weight: normal;font-variant-ligatures: none;word-spacing: -2px;font-size:5.8593vw; line-height:6vw; } #containerIsee h2{font-weight: normal;font-variant-ligatures: none;word-spacing: -2px; font-size: 6.3476vw; line-height: 6.55vw} #containerIsee h3{font-weight: normal;font-variant-ligatures: none;font-size:1.77083333333333vw;} #containerIsee h4{font-weight: normal;font-variant-ligatures: none;font-size:1.302083333vw;} #containerIsee p{font-size: 1.7578vw;line-height: 2.5vw;font-weight: 300;} .HideDesk{display: none !important} .mobileHide{display: block;} #containerIsee > #bloco01 {height:calc(570/1024*100vw);} #containerIsee > #bloco02 {height:calc(690/1024*100vw);} #containerIsee > #bloco03 {height:calc(810/1024*100vw);} #containerIsee > #bloco04 {height:calc(810/1024*100vw);} #containerIsee > #bloco05 {height:calc(935/1024*100vw);} #containerIsee > #bloco06 {height:calc(465/1024*100vw);} #containerIsee > #bloco07 {height:calc(980/1024*100vw);} #containerIsee > #bloco08 {height:calc(650/1024*100vw);} #containerIsee > #bloco09 {height:calc(720/1024*100vw);} #containerIsee > #bloco10 {height: auto; padding-bottom: 40px;} #containerIsee > #bloco11 {height:calc(80/1024*100vw);} #containerIsee > #bloco11 {background-color:#000; padding-bottom:10px; padding-bottom:10px; display:table;} #containerIsee > #bloco11 {height:auto; padding-bottom: 4vw;} #containerIsee {} #containerIsee > #bloco01 {background:url(../img/1024/isee-j5-01.jpg) no-repeat center bottom transparent; background-size:cover;} #containerIsee > #bloco01 .logo {width:80% !important;float:left; position:relative; margin-top:4.08333333333333vw; margin-bottom:3.08333333333333vw; height:auto; width:100%;} #containerIsee > #bloco01 h1{font-size:3.90625vw !important; line-height:4.16666666666667vw !important; padding-left: 3vw; margin-top: -6vw } #containerIsee > #bloco01 h2 {margin-top:2.7vw; margin-bottom:1.08333333333333vw; font-size: calc(23/1024 *100vw); line-height: calc(25/1024 *100vw); } #containerIsee > #bloco02 {background:url(../img/1920/isee-j5-02.jpg) no-repeat center bottom transparent; background-size:cover;} #containerIsee > #bloco02 .elegante{margin-top: 5vw;} #containerIsee > #bloco02 .celular02{ margin-top: 6vw;width:calc(250/1024*100vw);height:calc(500/1024*100vw); background:url(../img/1920/celular-0201.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .celular0201{ margin-top: 6vw;width:calc(250/1024*100vw);height:calc(500/1024*100vw); background:url(../img/1920/celular-0202.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .celular0202{ margin-top: 6vw;width:calc(250/1024*100vw);height:calc(500/1024*100vw); background:url(../img/1920/celular-0203.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .celular0203{ margin-top: 6vw;width:calc(250/1024*100vw);height:calc(500/1024*100vw); background:url(../img/1920/celular-0204.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .rotacao{position: relative;top: 39vw;left: 15vw;width:calc(90/1024*100vw);height:calc(100/1024*100vw); background:url(../img/icon/icon-02.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .btnRotacionar{cursor:pointer;position: relative;top: 13vw;left: 9vw;background-color: #3c3c3c; padding: 1vw 2vw 1vw 2vw; border-radius: 1vw; border: none; font-weight: bold;} #containerIsee > #bloco02 .txtCinza{width: 83%} #containerIsee > #bloco03 {background:url(../img/1024/isee-j5-03.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco03 h1{padding-top: 5vw;} #containerIsee > #bloco03 p{ width: 90%; margin-left: 3.5vw;} #containerIsee > #bloco03 .p{ width: 96%; margin-left: 2vw } #containerIsee > #bloco03 .icones{margin-left:2vw;margin-top:-11vw;width:calc(100/1024*100vw);height:calc(300/1024*100vw); background:url(../img/icon/icon-03.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco03 .cameras{position:relative; top:calc(120/1024*100vw); } #containerIsee > #bloco03 .cameras h1{padding: 0 !important; font-size: 7.5vw; margin-top: 1.5vw; margin-left: 1.5vw;} #containerIsee > #bloco03 .camera{margin-top: -3vw;padding-left: 3vw} #containerIsee > #bloco03 .camera .f1{font-size: 2.5vw} #containerIsee > #bloco04 {background:url(../img/1024/isee-j5-04.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco04 h1{padding-top: 5vw;} #containerIsee > #bloco04 .p{ width: 87%; margin-left: 4vw } #containerIsee > #bloco04 .icones{margin-top:-11vw;width:calc(100/1024*100vw);height:calc(300/1024*100vw); background:url(../img/icon/icon-04.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco04 .cameras{position:relative; top:calc(120/1024*100vw); } #containerIsee > #bloco04 .cameras h1{padding: 0 !important; font-size: 7.5vw; margin-top: 1.5vw; margin-left: 1.5vw;} #containerIsee > #bloco04 .camera{margin-top: -3vw;margin-left: -9vw} #containerIsee > #bloco04 .camera .f1{font-size: 2.5vw} #containerIsee > #bloco05 {background:url(../img/1024/isee-j5-05.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco05 h1{padding-top: 5.5vw; } #containerIsee > #bloco05 p{width: 98%} #containerIsee > #bloco06 {background:url(../img/1920/isee-j5-06.jpg) no-repeat left bottom transparent; background-size: cover;background-position-x: -8vw;} #containerIsee > #bloco06 .celular{ position: relative; top: -9vw;left: 7vw;width:calc(310/1024*100vw);height:calc(625/1024*100vw); background:url(../img/1920/celular-06.png) no-repeat left bottom transparent; background-size: 100%;} #containerIsee > #bloco06 .icon0601{ margin-top: 2vw;height:calc(180/1024*100vw); background:url(../img/icon/icon-0601.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco06 h1{ padding-bottom:1.4vw !important} #containerIsee > #bloco06 .icon0602{ margin-top: 2vw;height:calc(180/1024*100vw); background:url(../img/icon/icon-0602.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco06 .edite{margin-top: 2vw} #containerIsee > #bloco06 h1{font-size:calc(31.75/1024*100vw) !important; line-height:calc(34/1024*100vw) !important;} #containerIsee > #bloco06 .postagem{margin-left: 2vw} #containerIsee > #bloco07 .faça{margin-top: 18vw} #containerIsee > #bloco07 .faça h1{font-size: calc(126/1024 *100vw)} #containerIsee > #bloco07 .celular07{width: calc(410/1024*100vw);height: calc(730/1024*100vw);background: url(../img/1920/celular-07.png) no-repeat center center transparent; background-size: 100%; position: absolute; z-index: 8;top: 27vw;left: 23vw;} #containerIsee > #bloco07 .velocidade{margin-top: 6vw;} #containerIsee > #bloco07 .light07{width: calc(410/1024*100vw);height: calc(730/1024*100vw);background: url(../img/1920/light-07.png) no-repeat center center transparent; background-size: 100%; position: absolute; z-index: 5;top: 27vw;left: 23vw;} #containerIsee > #bloco07 .cinza07{width: calc(410/1024*100vw);height: calc(730/1024*100vw);background: url(../img/1920/background-07.png) no-repeat center center transparent; background-size: 100%; position: absolute; z-index: -9;top: 27vw;left: 23vw;} #containerIsee > #bloco08 {background:url(../img/1920/isee-j5-08.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco08 .icones08{margin-top:7vw; margin-left: 8vw;width:calc(700/1024*100vw);height:calc(130/1024*100vw); background:url(../img/1024/isee-j5-08.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco08 h1{margin-top: 0vw} #containerIsee > #bloco08 p{width: 90%} #containerIsee > #bloco09 .section-memoria{margin-top:10vw;padding-bottom: 0.5vw} #containerIsee > #bloco09 .memoria{font-size: calc(125/1024 *100vw) } #containerIsee > #bloco09 .memoriaLeft{border-right: 6px solid #000;margin-left: 5vw;} #containerIsee > #bloco10 .px20{margin-left:6vw;font-size: calc(20/1024 *100vw);font-weight: bold;text-align: left;} #containerIsee > #bloco10 .px25{text-align: left;font-size: calc(25/1024 *100vw);width: 70%;margin-left:6vw;padding-bottom: 1vw; border-bottom: 1px solid #ccc} #containerIsee > #bloco10 td{padding-bottom: 1.5vw;} #containerIsee > #bloco10 img{width:calc(150/1024*100vw);height:calc(370/1024*100vw);} #containerIsee > #bloco10 .paddingBottom{padding-bottom: 6vw} #containerIsee > #bloco10 th{width: 42vw} #containerIsee > #bloco10 .paddingTable{height: 6vw} #containerIsee > .rodape{width:100vw;background: #000;} #containerIsee > .rodape img{padding-top: 4vw;} #containerIsee > .rodape .logoSamsung{width: 60%;margin-top: 2.5vw; position:relative; left: -4vw} #containerIsee > .rodape .logoManaus{width: 40%} #containerIsee > .rodape p{font-size:1vw; line-height:1.3vw;padding-top: 2.5vw;} } /***************** VERSÃO MOBILE *****************/ @media screen and (max-width:780px) { #containerIsee {} #containerIsee .hideMobile {display:none;} #containerIsee .centerMB{text-align: center !important;} /* Setting Font Size */ #containerIsee h1{font-size:7.615384615384615vw; line-height:7.615384615384615vw; padding-top: 4vw; padding-bottom:1.6666vw !important;margin-bottom: 2vw;} #containerIsee h3{font-size:3.205128205128205vw;} #containerIsee h4{font-size:3.205128205128205vw;} #containerIsee p{font-size:calc(20/780*100vw);} #containerIsee > #bloco01 {height:calc(435/780*100vw);} #containerIsee > #bloco02 {height:calc(1000/780*100vw);} #containerIsee > #bloco03 {height:calc(700/780*100vw);} #containerIsee > #bloco04 {height:calc(860/780*100vw);} #containerIsee > #bloco05 {height:calc(820/780*100vw);} #containerIsee > #bloco06 {height:calc(1570/780*100vw);} #containerIsee > #bloco07 {height:calc(870/780*100vw);} #containerIsee > #bloco08 {height:calc(630/780*100vw);} #containerIsee > #bloco09 {height:calc(630/780*100vw);} #containerIsee > #bloco10 {height:calc(2450/780*100vw); background-color: #e7e7e7} #containerIsee > #bloco11 {height:calc(330/780*100vw);} #containerIsee > #bloco11 {background-color:#000; padding-bottom:10px; padding-bottom:10px; display:table;} #containerIsee > #bloco11 {height:auto; padding-bottom: 5vw;} #containerIsee > #bloco01 {background:url(../img/1024/isee-j5-01.jpg) no-repeat center bottom transparent; background-size:cover;} #containerIsee > #bloco01 .logo {width:80% !important;float:left; position:relative; margin-top:4.08333333333333vw; margin-bottom:3.08333333333333vw; height:auto; width:100%;} #containerIsee > #bloco01 h1{font-size:3.90625vw !important; line-height:4.16666666666667vw !important; padding-left: 3vw; margin-top: -4vw } #containerIsee > #bloco01 h2 {margin-top:2.7vw; margin-bottom:1.08333333333333vw; font-size: calc(21/780 *100vw); line-height: calc(25/1024 *100vw); } #containerIsee > #bloco02 {background:url(../img/1920/isee-j5-02.jpg) no-repeat center bottom transparent; background-size:cover;} #containerIsee > #bloco02 .elegante{margin-top: 5vw;} #containerIsee > #bloco02 .celular02{ margin-top: 6vw;width:calc(250/780*100vw);height:calc(500/780*100vw); background:url(../img/1920/celular-0201.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .celular0201{ margin-top: 6vw;width:calc(250/780*100vw);height:calc(500/780*100vw); background:url(../img/1920/celular-0202.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .celular0202{ margin-top: 6vw;width:calc(250/780*100vw);height:calc(500/780*100vw); background:url(../img/1920/celular-0203.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .celular0203{ margin-top: 6vw;width:calc(250/780*100vw);height:calc(500/780*100vw); background:url(../img/1920/celular-0204.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .rotacao{position: absolute;top: 15vw;left: 11vw;width:calc(100/780*100vw);height:calc(100/780*100vw); background:url(../img/icon/icon-02.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco02 .btnRotacionar{cursor:pointer;position: absolute;top: 30vw;left: 3vw;background-color: #3c3c3c; padding: 1vw 2vw 1vw 2vw; border-radius: 1vw; border: none; font-weight: bold;} #containerIsee > #bloco02 .txtCinza{width: 100%} #containerIsee > #bloco03 {background:url(../img/780/isee-j5-03.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco03 h1{padding-top: 8vw;} #containerIsee > #bloco03 .p{ width: 70%; margin-left: 14vw; } #containerIsee > #bloco03 .icones{margin-left:2.5vw;margin-top:-15vw;width:calc(100/780*100vw);height:calc(300/780*100vw); background:url(../img/icon/icon-03.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco03 .cameras{position:relative; top:calc(120/780*100vw); } #containerIsee > #bloco03 .cameras h1{padding: 0 !important; font-size: 11.5vw; margin-top: 3.5vw; margin-left: 0vw;} #containerIsee > #bloco03 .camera{margin-top: -5vw;padding-left: 3vw} #containerIsee > #bloco03 .camera .f1{font-size: 3vw; margin-top: -1.5vw} #containerIsee > #bloco04 {background:url(../img/1024/isee-j5-04.jpg) no-repeat left bottom #f0f0f0; background-size: cover; background-position-x: -27vw;} #containerIsee > #bloco04 h1{padding-top: 9vw;} #containerIsee > #bloco04 p{width: 94%; margin-left: 2vw} #containerIsee > #bloco04 .icones{margin-top:-15vw;width:calc(100/780*100vw);height:calc(300/780*100vw); background:url(../img/icon/icon-04.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco04 .cameras{position:relative; top:calc(120/780*100vw); } #containerIsee > #bloco04 .cameras h1{padding: 0 !important; font-size: 11.5vw; margin-top: 3vw; margin-left:0vw;} #containerIsee > #bloco04 .camera{margin-top: -6vw;margin-left: -3vw} #containerIsee > #bloco04 .camera .f1{font-size: 3.5vw;margin-top: -1.8vw} #containerIsee > #bloco05 {background:url(../img/1024/isee-j5-05.jpg) no-repeat left bottom #000; background-size: 117%; background-position-x: -5vw; background-position-y: 3vw;} #containerIsee > #bloco05 h1{padding-top: 7.5vw; } #containerIsee > #bloco05 p{ width: 89%; margin-left: 4vw;} #containerIsee > #bloco06 {background:#000;} #containerIsee > #bloco06 .celular{ position: relative; top: 5vw;left: 9.5vw;width:calc(310/780*100vw);height:calc(625/780*100vw); background:url(../img/1920/celular-06.png) no-repeat left bottom transparent; background-size: 100%;} #containerIsee > #bloco06 .celular01{ position: relative; top: 5vw;left: 9.5vw;width:calc(310/780*100vw);height:calc(625/780*100vw); background:url(../img/1920/celular-0601.png) no-repeat left bottom transparent; background-size: 100%;} #containerIsee > #bloco06 .icon0601{ margin-top: -3vw;height:calc(180/780*100vw); background:url(../img/icon/icon-0601.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco06 h1{ padding-bottom:0vw !important} #containerIsee > #bloco06 .icon0602{ margin-top: -3vw;height:calc(180/780*100vw); background:url(../img/icon/icon-0602.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco06 .edite{margin-top: 2vw} #containerIsee > #bloco06 h1{font-size:calc(31.75/780*100vw) !important; line-height:calc(33/780*100vw) !important;} #containerIsee > #bloco06 .postagem{margin-left: 2vw} #containerIsee > #bloco06 .postagem2{margin-left: 2vw; } #containerIsee > #bloco06 .texto0601{margin-top: 8vw} #containerIsee > #bloco06 p{font-size:calc(15.25/780*100vw) !important;} #containerIsee > #bloco07 .faça{margin-top: 25vw} #containerIsee > #bloco07 .faça h1{font-size: calc(126/1024 *100vw)} #containerIsee > #bloco07 .celular07{width: calc(380/780*100vw);height: calc(710/780*100vw);background: url(../img/1920/celular-07.png) no-repeat center center transparent; background-size: 100%; position: absolute; z-index: 8;top: 30vw;left: 18.7vw;} #containerIsee > #bloco07 .velocidade{margin-top: 6vw;} #containerIsee > #bloco07 .light07{width: calc(380/780*100vw);height: calc(710/780*100vw);background: url(../img/1920/light-07.png) no-repeat center center transparent; background-size: 100%; position: absolute; z-index: 5;top: 35vw;left: 18.7vw;} #containerIsee > #bloco07 .cinza07{width: calc(380/780*100vw);height: calc(710/780*100vw);background: url(../img/1920/background-07.png) no-repeat center center transparent; background-size: 100%; position: absolute; z-index: -9;top: 35vw;left: 18.7vw;} #containerIsee > #bloco07 p{width: 97%; margin-left: 1vw} #containerIsee > #bloco08 {background:url(../img/1920/isee-j5-08.jpg) no-repeat left bottom transparent; background-size: cover;} #containerIsee > #bloco08 .icones08{margin-top:9vw;width:calc(660/780*100vw);height:calc(120/780*100vw); background:url(../img/1024/isee-j5-08.png) no-repeat center center transparent; background-size: 100%} #containerIsee > #bloco08 h1{margin-top: 2vw; margin-left: 4vw} #containerIsee > #bloco08 p{width:100%; margin-left: 4vw} #containerIsee > #bloco09 h1{margin-top: 4vw} #containerIsee > #bloco09 .section-memoria p{font-size: calc(16/780 *100vw) } #containerIsee > #bloco09 .section-memoria{margin-top:10vw;padding-bottom: 0.5vw} #containerIsee > #bloco09 .memoria{font-size: calc(97/780 *100vw) } #containerIsee > #bloco09 .memoriaLeft{border-right: 5px solid #000;margin-left: 5vw;} #containerIsee > #bloco09 p{width: 97%; margin-left: 1vw} #containerIsee > #bloco10 .px20{margin-left:6vw;font-size: calc(20/780 *100vw);font-weight: bold;text-align: left;} #containerIsee > #bloco10 .px25{text-align: left;font-size: calc(25/780 *100vw);width: 70%;margin-left:6vw;padding-bottom: 1vw; border-bottom: 1px solid #ccc} #containerIsee > #bloco10 td{padding-bottom: 1.5vw;} #containerIsee > #bloco10 img{width:calc(150/780*100vw);height:calc(370/780*100vw);} #containerIsee > #bloco10 .paddingBottom{padding-bottom: 6vw} #containerIsee > #bloco10 th{width: 42vw} #containerIsee > #bloco10 .paddingTable{height: 6vw} #containerIsee > .rodape{width:100vw;background: #000;} #containerIsee > .rodape img{padding-top: 4vw;} #containerIsee > .rodape .logoSamsung{margin-top: 3.5vw} #containerIsee > .rodape p{font-size:1.25vw; line-height:1.4vw;padding-top: 6.5vw;} } #containerIsee .fadeIn {-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;} @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } #containerIsee .luz { animation: luz 4s infinite ease-out; } @-webkit-keyframes luz { 0% {transform: translateY(0);} 50% {transform: translateY(5vw);} 100% {transform: translateY(0);} } @-moz-keyframes luz { 0% {transform: translateY(0);} 50% {transform: translateY(5vw);} 100% {transform: translateY(0);} } @-o-keyframes luz { 0% {transform: translateY(0);} 50% {transform: translateY(5vw);} 100% {transform: translateY(0);} } @keyframes luz { 0% {transform: translateY(0);} 50% {transform: translateY(5vw);} 100% {transform: translateY(0);} }