/* Sources used in the project */ /* *BACKGROUNDS DEVEM FICAR NO Z-INDEX = 9 */ @font-face{font-family:Titulo; src:url(../fonts/Poppins-SemiBold.ttf);} @font-face{font-family:NomeProduto; src:url(../fonts/Poppins-Regular.ttf);} @font-face{font-family:Texto; src:url(../fonts/OpenSans-Regular.ttf);} @font-face{font-family:Specs; src:url(../fonts/OpenSans-Semibold.ttf);} #containerIsee h1{padding-top:4.166666667vw; padding-bottom:2.083333333vw; letter-spacing:-1px;} #containerIsee h2{font-family:NomeProduto,Verdana, Arial; letter-spacing:-1px;} #containerIsee h3{font-family:Titulo,Titulo,Verdana, Arial; } #containerIsee p {font-family:Texto,Titulo,Verdana, Arial; letter-spacing:0px;} #containerIsee p strong {font-family:Specs,Titulo,Verdana, Arial; letter-spacing:0px; font-weight:bold;} #containerIsee ul li {font-family:Texto,Titulo,Verdana, Arial;} /* Color definition */ #containerIsee .txtBranco {color:#ffffff;} #containerIsee .txtPreto {color:#000000;} #containerIsee .txtCinza {color:#ffffff;} #containerIsee .bgBranco {background-color:#ffffff;} #containerIsee .bgCinza {background-color:#c0c0c0;} #containerIsee .bgPreto {background-color:#000000;} #containerIsee .bgAmarelo {background-color:#FF0;} #containerIsee sup {font-size:50%;} #containerIsee button {cursor:pointer;} #containerIsee .h100 {height:100%;} /* Blocos informações Genericas para todas as resoluções */ #containerIsee #bloco01, #containerIsee #bloco02, #containerIsee #bloco03, #containerIsee #bloco04, #containerIsee #bloco05, #containerIsee #bloco06, #containerIsee #bloco07, #containerIsee #bloco08, #containerIsee #bloco09,#containerIsee #bloco10, #containerIsee #bloco11, #containerIsee #digitalInverter {float:left; position:relative; margin:0; padding:0; width:100%;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0601.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos0602.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos0603.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos0604.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos0605.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos0606.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos0607.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos0608.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos0609.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos06010.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos06011.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos06012.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos06013.active, #containerIsee > #bloco06 #nomeciclos .nomeclicos06014.active {color:#62c6fa;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0601, #containerIsee > #bloco06 #nomeciclos .nomeclicos0602, #containerIsee > #bloco06 #nomeciclos .nomeclicos0603, #containerIsee > #bloco06 #nomeciclos .nomeclicos0604, #containerIsee > #bloco06 #nomeciclos .nomeclicos0605, #containerIsee > #bloco06 #nomeciclos .nomeclicos0606, #containerIsee > #bloco06 #nomeciclos .nomeclicos0607, #containerIsee > #bloco06 #nomeciclos .nomeclicos0608, #containerIsee > #bloco06 #nomeciclos .nomeclicos0609, #containerIsee > #bloco06 #nomeciclos .nomeclicos06010, #containerIsee > #bloco06 #nomeciclos .nomeclicos06011, #containerIsee > #bloco06 #nomeciclos .nomeclicos06012, #containerIsee > #bloco06 #nomeciclos .nomeclicos06013, #containerIsee > #bloco06 #nomeciclos .nomeclicos06014 { } @-webkit-keyframes mao { 0% { margin-top: 10vw; opacity:1;} 100% { margin-top: 0vw; opacity:1;} } @-webkit-keyframes flutua { 0% { margin-top: 0vw;} 50% { margin-top: 1.7vw;} 100% { margin-top: 0vw;} } @-webkit-keyframes tampa { 0% { opacity:0;} 10%,75% { opacity:1;} 85%,100% { opacity:0;} } @-webkit-keyframes braco { 0%,10% { right:-32vw; opacity:1;} 30%,65% { right:0vw; opacity:1;} 75%,100% { right:-32vw; opacity:1;} } @-webkit-keyframes meia { 0%,10% { right:-15vw; opacity:1;} 30%,45% { right:17vw; opacity:1; background-size:100%; top:18vw;} 65%,100% { right:17vw; opacity:0; background-size:50%; top:21vw; right:21vw;} } #containerIsee > #bloco11 {height:auto;} #containerIsee > #bloco11 {background-color:#000000; padding-top:1.5vw; padding-bottom:1.5vw;} #containerIsee > #bloco11 .logoinfoLegal {margin:1vw;} #containerIsee > #bloco11 p {line-height:1vw; font-size:0.8vw;} #containerIsee > #bloco11 img {padding:1vw; width:8.69791666666667vw;} /* Desktop Full Resolution */ @media screen and (min-width: 1025px) { #containerIsee .mobileDesk {display:none !important;} #containerIsee .HideDesk {display:none !important;} #containerIsee .hideDesk {display:none !important;} /* Setting Font Size */ #containerIsee h1{font-size:3.70625vw; line-height:4.2vw;} #containerIsee h2{font-size:1.77083333333333vw;} #containerIsee h3{font-size:1.302083333vw;} #containerIsee p{font-size:1.1421666667vw;} #containerIsee p strong{font-family:Specs; font-weight: normal;} #containerIsee > #bloco01 {height:42vw;} #containerIsee > #bloco02 {height:36.92708333333333vw;} #containerIsee > #bloco03 {height:35.52083333333333vw;} #containerIsee > #bloco04 {height:36vw;} #containerIsee > #bloco05 {height:auto;} #containerIsee > #bloco06 {height:54vw;} #containerIsee > #bloco07 {height:42.1875vw;} #containerIsee > #bloco08 {height:auto; margin-bottom:-1vw;} #containerIsee > #bloco09 {height:26.94vw;} #containerIsee > #bloco10 {height:34.5vw;} #containerIsee > #digitalInverter {height:auto;} #containerIsee .buttonPreto {border:solid 0.3vw #000000; background-color:transparent; border-radius:50px; width:20vw; margin-top:3vw; margin-bottom:3vw; line-height:1.3vw; padding-top:0.5vw; padding-bottom:0.5vw;} #containerIsee .buttonBranco {border:solid 0.3vw #ffffff; background-color:transparent; border-radius:50px; width:20vw; margin-top:3vw; margin-bottom:3vw; line-height:1.3vw; padding-top:0.5vw;padding-bottom:0.5vw;} #containerIsee .buttonBrancoGrande {border:solid 0.3vw #ffffff; background-color:transparent; border-radius:50px; width:20vw; margin-top:3vw; margin-bottom:3vw; line-height:1.9vw; padding-top:1vw; padding-bottom:1vw;} #containerIsee .buttonBrancoGrande p {font-family:Specs,Titulo,Verdana, Arial; letter-spacing:0px; font-weight:bold; font-size:1.5625vw;} #containerIsee > #bloco01 {background:url(../img/addwash_01.jpg) no-repeat center bottom #c1d7d1; background-size:100%; padding-top:1.51041666666667vw;} #containerIsee > #bloco01 .logo {background:url(../img/logoSamsungPreto.png) no-repeat center top; background-size:100%; height:1.77083333333333vw; width:100%;} #containerIsee > #bloco01 h2 {margin-top:-0.50vw;} #containerIsee > #bloco02 {background:url(../img/addwash_02.jpg) no-repeat center bottom #c1d7d1; background-size:100%; z-index:999;} #containerIsee > #bloco02 P {width:90%; margin-right:10%;} #containerIsee > #bloco02 #bulletZoom {float:left; position:absolute; overflow:hidden; width:49vw; height:38.5vw; right:0; display:nonse;} #containerIsee > #bloco02 #bulletZoom .liga {float:right; position:relative; right:5vw; width:18.75vw; top:1vw;} #containerIsee > #bloco02 #bulletZoom .inicioPause {float:right; position:relative; right:3.6vw; top:0.5vw; width:7.60416666666667vw; animation: flutua 2s infinite; animation-timing-function:linear;} /* animacao bloco02 */ #containerIsee > #bloco02 #animacao {float:left; position:absolute; overflow:hidden; width:49vw; height:38.5vw; right:0; display:none;} #containerIsee > #bloco02 #animacao .braco{float:right; position:absolute; background:url(../img/braco.png) no-repeat right top; background-size:100%; width:29.375vw; height:36.97vw; right:0; z-index:9999; animation: braco 8s; animation-timing-function:ease-out; opacity:0;} #containerIsee > #bloco02 #animacao .meia{float:right; position:absolute; background:url(../img/meia.png) no-repeat right top; background-size:100%; width:15.15625vw; height:16.61458333333333vw; right:17vw; z-index:999; top:18vw; animation: meia 8s; animation-timing-function:ease-out; opacity:0;} #containerIsee > #bloco02 #animacao .tampa{float:right; position:absolute; background:url(../img/tampa.png) no-repeat right top; background-size:100%; width:20.05208333333333vw; height:25.15625vw; right:15.15vw; z-index:99; margin-top:13.1vw; animation: tampa 8s; animation-timing-function:ease-out; opacity:0;} #containerIsee > #bloco03 {background:url(../img/addwash_03.jpg) no-repeat center top; background-size:100%; z-index:9;} #containerIsee > #bloco03 P {width:90%; margin-left:5%; margin-right:5%; z-index:9;} #containerIsee > #bloco03 button {border:solid 0.3vw #000000; background-color:transparent; border-radius:50px; width:20vw; margin-top:3vw; margin-bottom:3vw; line-height:1.3vw; padding-top:0.5vw; padding-bottom:0.5vw;} #containerIsee > #bloco03 button:hover {border:solid 0.3vw #ffffff; background-color:transparent; border-radius:50px; width:20vw; margin-top:3vw; margin-bottom:3vw; line-height:1.3vw; padding-top:0.5vw; padding-bottom:0.5vw;} #containerIsee > #bloco03 #hotSpotFundo {float:left; position:absolute; background-color: rgba(0,0,0,0.7); width:100%; height:100%; z-index:9999; display:none;} #containerIsee > #bloco03 #hotSpot {width:36.45833333333333vw; height:19.27083333333333vw; background-color:#ffffff; border-radius:10px; margin:auto; margin-top:8vw;} #containerIsee > #bloco03 #hotSpot #fechar {float:right; position:relative; width:auto; margin-top:1vw; margin-right:1vw;} #containerIsee > #bloco03 #hotSpot #fechar img {width:1.92708333333333vw; min-width:2vw;} #containerIsee > #bloco03 #hotSpot .img {float:right; position:absolute; margin-top:9vw; margin-right:15vw; text-align:right; width:35.5vw;} #containerIsee > #bloco03 #hotSpot .img img {width:3.85416666666667vw;} #containerIsee > #bloco03 #hotSpot h1 {font-size:2.08vw; line-height:2.4vw; text-align:left; padding-left:1.5vw; width:70%; margin-top:0; padding-top:2vw;} #containerIsee > #bloco03 #hotSpot p { text-align:left; width:75%; margin-top:0; padding-top:0vw;} #containerIsee > #bloco03 .icons {width:100%; height:auto;} #containerIsee > #bloco04 {background:url(../img/addwash_04.jpg) no-repeat center top #222224; background-size:100%; padding-top:1.51041666666667vw;} #containerIsee .bubbleBG {background:url(../img/addwash_05.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee .ecoBG {background:url(../img/addwash_05B.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee > #bloco05 #ecobubble {float:left; position:relative; height:auto; padding-bottom:4vw;} #containerIsee > #bloco05 #bubbleShot {float:left; position:relative; height:auto; padding-bottom:4vw; display:none;} #containerIsee > #bloco05 button.btBloco05A {position:relative; background-color:#004d71; border:none; border-top-left-radius:50px; border-bottom-left-radius:50px; padding-bottom:0.5vw; padding-top:0.5vw; width:12vw; margin-right:-2px;} #containerIsee > #bloco05 button.btBloco05B {position:relative; background-color:#004d71; border:none; border-top-right-radius:50px; border-bottom-right-radius:50px; padding-bottom:0.5vw; padding-top:0.5vw; width:12vw; margin-left:-2px;} #containerIsee > #bloco05 button.btBloco05A:hover {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05A.active {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05A.active p {font-family:Specs,Titulo,Verdana, Arial; letter-spacing:0px; font-weight:bold;} #containerIsee > #bloco05 button.btBloco05B:hover {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05B.active {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05B.active p {font-family:Specs,Titulo,Verdana, Arial; letter-spacing:0px; font-weight:bold;} #containerIsee > #bloco05 button.buttonBrancoGrande:hover {border-color:#000000;} #containerIsee > #bloco05 .buttonBrancoGrande p strong:hover {color:#000000 !important;} #containerIsee > #bloco05 #hotSpotFundo0501 {float:left; position:absolute; background-color: rgba(0,0,0,0.7); width:100%; height:100%; z-index:9999; display:none;} #containerIsee > #bloco05 #hotSpot0501 {width:46vw; height:25vw; margin:auto; margin-top:8vw;} #containerIsee > #bloco05 #hotSpot0501 #fechar0501 {float:right; position:relative; width:auto; margin-top:1vw;} #containerIsee > #bloco05 #hotSpot0501 #fechar0501 img {width:1.92708333333333vw; min-width:2vw;} #containerIsee > #bloco05 #hotSpot0501 #videoYoutube0501 {width:44.42708333333333vw; height:25vw;} #containerIsee > #bloco05 #hotSpotFundo0502 {float:left; position:absolute; background-color: rgba(0,0,0,0.7); width:100%; height:100%; z-index:9999; display:none;} #containerIsee > #bloco05 #hotSpot0502 {width:46vw; height:25vw; margin:auto; margin-top:8vw;} #containerIsee > #bloco05 #hotSpot0502 #fechar0502 {float:right; position:relative; width:auto; margin-top:1vw;} #containerIsee > #bloco05 #hotSpot0502 #fechar0502 img {width:1.92708333333333vw; min-width:2vw;} #containerIsee > #bloco05 #hotSpot0502 #videoYoutube0502 {width:44.42708333333333vw; height:25vw;} #containerIsee > #bloco05 .margin6v {padding-top:6vw;} #containerIsee > #bloco06 {background:url(../img/addwash_06.jpg) no-repeat center bottom #000000; background-size:100%;} #containerIsee > #bloco06 #ciclos p {padding-bottom:3vw;} #containerIsee > #bloco06 #ciclos p strong {color:#24caf5; font-size:1.5625vw; line-height:3.5vw;} #containerIsee > #bloco06 #ciclos {float:left; position:absolute; top:16vw; height:9vw;} #containerIsee > #bloco06 #nomeciclos {float:left; position:absolute; top:29.3vw;} #containerIsee > #bloco06 #nomeciclos p {font-size:0.72916666666667vw; color:#ffffff; text-align:left; float:left; position:absolute; line-height:0.8vw; letter-spacing:0px;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0601 {width:auto; margin-left:2.5vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0602 {width:auto; margin-left:2.5vw; margin-top:1.85vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0603 {width:auto; margin-left:2.5vw; margin-top:3.4vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0604 {width:auto; margin-left:2.5vw; margin-top:5.5vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0605 {width:auto; margin-left:2.5vw; margin-top:7.2vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0606 {width:auto; margin-left:2.5vw; margin-top:8.9vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0607 {width:auto; margin-left:2.5vw; margin-top:10.1vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0608 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:0vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0609 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:1.85vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06010 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:3.4vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06011 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:5.5vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06012 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:7.2vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06013 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:8.9vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06014 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:10.1vw;cursor:pointer;} #containerIsee > #bloco07 {background:url(../img/addwash_0701.jpg) no-repeat center top #000000; background-size:100%; padding-top:1.51041666666667vw;} #containerIsee > #bloco07 .iconesRecursos {padding-top:3vw; padding-bottom:8vw; height:auto;} #containerIsee > #bloco07 .icone0701 {float:left; position:relative; background:url(../img/icon01_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0702 {float:left; position:relative; background:url(../img/icon02_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0703 {float:left; position:relative; background:url(../img/icon03_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0704 {float:left; position:relative; background:url(../img/icon04_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0705 {float:left; position:relative; background:url(../img/icon05_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0706 {float:left; position:relative; background:url(../img/icon06_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0707 {float:left; position:relative; background:url(../img/icon07_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0701:hover, #containerIsee > #bloco07 .icone0701.active {background:url(../img/icon01_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0702:hover, #containerIsee > #bloco07 .icone0702.active {background:url(../img/icon02_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0703:hover, #containerIsee > #bloco07 .icone0703.active {background:url(../img/icon03_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0704:hover, #containerIsee > #bloco07 .icone0704.active {background:url(../img/icon04_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0705:hover, #containerIsee > #bloco07 .icone0705.active {background:url(../img/icon05_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0706:hover, #containerIsee > #bloco07 .icone0706.active {background:url(../img/icon06_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0707:hover, #containerIsee > #bloco07 .icone0707.active {background:url(../img/icon07_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .textoRecurosos p {padding-bottom:3vw; color:#ffffff; text-align:left;} #containerIsee > #bloco07 .textoRecurosos p strong {color:#24caf5; font-size:1.5625vw; line-height:3.5vw;} #containerIsee > #bloco07 .luzes {float:left; position:absolute; width:auto; margin-top:1vw; width:100%; height:100%;} #containerIsee > #bloco07 .luz0701 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top:1.8vw; margin-left:-2.2vw;} #containerIsee > #bloco07 .luz0702 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top:5.9vw; margin-left:-3.5vw;} #containerIsee > #bloco07 .luz0703 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 10.1vw; margin-left: -5.1vw;} #containerIsee > #bloco07 .luz0704 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 14.3vw; margin-left: -6.6vw;} #containerIsee > #bloco07 .luz0705 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 4.7vw; margin-left: 18.1vw;} #containerIsee > #bloco07 .luz0706 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 9.1vw; margin-left: 16.9vw;} #containerIsee > #bloco07 .luz0707 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 13.5vw; margin-left: 15.3vw;} #containerIsee > #bloco08 {background-color:#ffffff; padding-top:1.51041666666667vw; z-index:1; overflow:hidden; } #containerIsee > #bloco08 h1 {margin-top:4vw;} #containerIsee > #bloco09 {background:url(../img/addwash_09.jpg) no-repeat center bottom; background-size:100%; z-index:99;} #containerIsee > #bloco09 #mascaraMaoCel {width:32.03125vw; height:29.95vw; float:left; position:absolute; margin-top:-3vw; overflow:hidden;} #containerIsee > #bloco09 .maoCel {background:url(../img/maoCel.png) no-repeat center top; background-size:100%; width:35.15625vw; height:29.8vw; float:left; position:absolute; animation: mao 1s; animation-timing-function:linear; left:0;} #containerIsee > #bloco09 #boxApp {width:22.39583333333333vw; height:13vw; float:left; position:absolute; margin-top:10vw; margin-left:23vw; border:solid 2px #ffffff; border-radius:15px; z-index:99;} #containerIsee > #bloco09 #boxApp p {float:right; width:11vw; padding:1vw;} #containerIsee > #bloco09 #boxApp p img {padding-top:1vw;} #containerIsee > #bloco09 h1 {padding-bottom:1vw; margin-top:2.5vw;} #containerIsee > #bloco09 p {float:right; width:80%;} #containerIsee > #bloco09 .imgGoogle {width:6.25vw;} #containerIsee > #bloco09 .imgApple {width:7.23958333333333vw;} #containerIsee > #digitalInverter {background:url(../img/digitalInverterBG.jpg) repeat center top #afb1b0; background-size:100%;} #containerIsee > #digitalInverter .txt80 {width:70%; margin-left:15%; margin-right:15%;} #containerIsee > #digitalInverter img{display: block; margin: 0 auto; width:10.67708333333333vw; padding-top:4vw} #containerIsee > #digitalInverter .icones img{width: 100%; max-width: 124px;} #containerIsee > #digitalInverter .icones p{text-transform: uppercase; padding-top: 0.8vw; line-height: 1.2vw; padding-bottom:5vw;} #containerIsee .HideDesk {display:none !important;} } /* Tablet */ @media screen and (min-width: 781px) and (max-width: 1024px) { #containerIsee {} /* Setting Font Size */ #containerIsee h1{font-size:4.2vw; line-height:4.8vw;} #containerIsee h2{font-size:2.44140625vw;} #containerIsee h3{font-size:1.8vw;} #containerIsee p{font-size:1.8vw;} #containerIsee .HideTb {display:none !important;} #containerIsee .HideTablet {display:none !important;} #containerIsee > #bloco01 {height:45vw;} #containerIsee > #bloco02 {height:44vw;} #containerIsee > #bloco03 {height:48vw;} #containerIsee > #bloco04 {height:43vw;} #containerIsee > #bloco05 {height:48vw;} #containerIsee > #bloco06 {height:62vw;} #containerIsee > #bloco07 {height:57vw;} #containerIsee > #bloco08 {height:auto; margin-bottom:-1vw;} #containerIsee > #bloco09 {height:40vw;} #containerIsee > #bloco09 {height:40vw;} #containerIsee > #digitalInverter {height:auto;} #containerIsee .buttonPreto {border:solid 0.3vw #000000; background-color:transparent; border-radius:50px; width:20vw; margin-top:3vw; margin-bottom:3vw; line-height:1.3vw; padding-top:0.5vw; padding-bottom:0.5vw;} #containerIsee .buttonBranco {border:solid 0.3vw #ffffff; background-color:transparent; border-radius:50px; width:20vw; margin-top:3vw; margin-bottom:3vw; line-height:1.3vw; padding-top:0.5vw;padding-bottom:0.5vw;} #containerIsee .buttonBrancoGrande {border:solid 0.3vw #ffffff; background-color:transparent; border-radius:50px; width:20vw; margin-top:3vw; margin-bottom:3vw; line-height:1.9vw; padding-top:1vw; padding-bottom:1vw;} #containerIsee .buttonBrancoGrande p {font-family:Specs,Titulo,Verdana, Arial; letter-spacing:0px; font-weight:bold; font-size:1.5625vw;} #containerIsee > #bloco01 {background:url(../img/addwash_01.jpg) no-repeat center bottom #c1d7d1; background-size:100%; padding-top:3.51041666666667vw;} #containerIsee > #bloco01 .logo {background:url(../img/logoSamsungPreto.png) no-repeat center top; background-size:100%; height:2.5vw; width:12.109375vw;} #containerIsee > #bloco01 h2 {margin-top:-0.50vw;} #containerIsee > #bloco02 {background:url(../img/addwash_0201.jpg) no-repeat center top #c1d7d1; background-size:100%; z-index:999;} #containerIsee > #bloco02 P {width:90%; margin-right:10%;} #containerIsee > #bloco02 #bulletZoom {float:left; position:absolute; overflow:hidden; width:49vw; height:38.5vw; right:0; display:nonew;} #containerIsee > #bloco02 #bulletZoom .liga {float:right; position:relative; right:5vw; width:25vw; top:1vw;} #containerIsee > #bloco02 #bulletZoom .inicioPause {float:right; position:relative; right:3.2vw; top:1.5vw; width:8vw; animation: flutua 2s infinite; animation-timing-function:linear;} /* animacao bloco02 */ #containerIsee > #bloco02 #animacao {float:left; position:absolute; overflow:hidden; width:49vw; height:42.5vw; right:0; display:none;} #containerIsee > #bloco02 #animacao .braco{float:right; position:absolute; background:url(../img/braco.png) no-repeat right top; background-size:100%; width:29.375vw; height:36.97vw; right:0; z-index:9999; animation: braco 8s; animation-timing-function:ease-out;} #containerIsee > #bloco02 #animacao .meia{float:right; position:absolute; background:url(../img/meia.png) no-repeat right top; background-size:100%; width:15.15625vw; height:16.61458333333333vw; right:17vw; z-index:999; top:18vw; animation: meia 8s; animation-timing-function:ease-out; opacity:0;} #containerIsee > #bloco02 #animacao .tampa{float:right; position:absolute; background:url(../img/tampa.png) no-repeat right top; background-size:100%; width:20.05208333333333vw; height:25.15625vw; right:15.15vw; z-index:99; margin-top:14.9vw; animation: tampa 8s; animation-timing-function:ease-out;} #containerIsee > #bloco03 {background:url(../img/addwash_03.jpg) no-repeat center top; background-size:130%; z-index:9;} #containerIsee > #bloco03 P {width:90%; margin-left:5%; margin-right:5%; z-index:9;} #containerIsee > #bloco03 button {border:solid 0.3vw #000000; background-color:transparent; border-radius:2.3vw; width:33vw; margin-top:3vw; margin-bottom:3vw; line-height:2.4vw; padding-top:0.5vw; padding-bottom:0.5vw;} #containerIsee > #bloco03 button:hover {border:solid 0.3vw #ffffff;} #containerIsee > #bloco03 #hotSpotFundo {float:left; position:absolute; background-color: rgba(0,0,0,0.7); width:100%; height:100%; z-index:9999; display:none;} #containerIsee > #bloco03 #hotSpot {width:46vw; height:28vw; background-color:#ffffff; border-radius:10px; margin:auto; margin-top:8vw;} #containerIsee > #bloco03 #hotSpot #fechar {float:right; position:relative; width:auto; margin-top:1vw; margin-right:1vw;} #containerIsee > #bloco03 #hotSpot #fechar img {width:1.92708333333333vw; min-width:2vw;} #containerIsee > #bloco03 #hotSpot .img {float:right; position:absolute; margin-top:12vw; margin-right:0vw; text-align:right; width:44vw;} #containerIsee > #bloco03 #hotSpot .img img {width:7vw;} #containerIsee > #bloco03 #hotSpot h1 {font-size:2.08vw; line-height:2.4vw; text-align:left; padding-left:1.5vw; width:70%; margin-top:0; padding-top:2vw;} #containerIsee > #bloco03 #hotSpot p { text-align:left; width:75%; margin-top:0; padding-top:0vw;} #containerIsee > #bloco03 .icons {width:100%; height:auto;} #containerIsee > #bloco04 {background: url(../img/addwash_04.jpg) no-repeat center top #000000; background-size: 120%; padding-top: 1.51041666666667vw; background-position-x: -16vw;} #containerIsee .bubbleBG {background:url(../img/addwash_05.jpg) no-repeat center top #000000; background-size:125%;} #containerIsee .ecoBG {background:url(../img/addwash_05B.jpg) no-repeat center top #000000; background-size:125%;} #containerIsee > #bloco05 #ecobubble {float:left; position:relative; height:auto; padding-bottom:4vw;} #containerIsee > #bloco05 #bubbleShot {float:left; position:relative; height:auto; padding-bottom:4vw; display:none;} #containerIsee > #bloco05 button.btBloco05A {position:relative; background-color:#004d71; border:none; border-top-left-radius:50px; border-bottom-left-radius:50px; padding-bottom:0.5vw; padding-top:0.5vw; width:18vw; margin-right:-2px;} #containerIsee > #bloco05 button.btBloco05B {position:relative; background-color:#004d71; border:none; border-top-right-radius:50px; border-bottom-right-radius:50px; padding-bottom:0.5vw; padding-top:0.5vw; width:18vw; margin-left:-2px;} #containerIsee > #bloco05 button.btBloco05A:hover {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05A.active {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05A.active p {font-family:Specs,Titulo,Verdana, Arial; letter-spacing:0px; font-weight:bold;} #containerIsee > #bloco05 button.btBloco05B:hover {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05B.active {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05B.active p {font-family:Specs,Titulo,Verdana, Arial; letter-spacing:0px; font-weight:bold;} #containerIsee > #bloco05 button.buttonBrancoGrande:hover {border-color:#000000;} #containerIsee > #bloco05 .buttonBrancoGrande p strong:hover {color:#000000 !important;} #containerIsee > #bloco05 #hotSpotFundo0501 {float:left; position:absolute; background-color: rgba(0,0,0,0.7); width:100%; height:100%; z-index:9999; display:none;} #containerIsee > #bloco05 #hotSpot0501 {width:46vw; height:25vw; margin:auto; margin-top:8vw;} #containerIsee > #bloco05 #hotSpot0501 #fechar0501 {float:right; position:relative; width:auto; margin-top:1vw;} #containerIsee > #bloco05 #hotSpot0501 #fechar0501 img {width:1.92708333333333vw; min-width:2vw;} #containerIsee > #bloco05 #hotSpot0501 #videoYoutube0501 {width:44.42708333333333vw; height:25vw;} #containerIsee > #bloco05 #hotSpotFundo0502 {float:left; position:absolute; background-color: rgba(0,0,0,0.7); width:100%; height:100%; z-index:9999; display:none;} #containerIsee > #bloco05 #hotSpot0502 {width:46vw; height:25vw; margin:auto; margin-top:8vw;} #containerIsee > #bloco05 #hotSpot0502 #fechar0502 {float:right; position:relative; width:auto; margin-top:1vw;} #containerIsee > #bloco05 #hotSpot0502 #fechar0502 img {width:1.92708333333333vw; min-width:2vw;} #containerIsee > #bloco05 #hotSpot0502 #videoYoutube0502 {width:44.42708333333333vw; height:25vw;} #containerIsee > #bloco05 .margin6v {padding-top:4vw;} #containerIsee > #bloco06 {background:url(../img/addwash_06.jpg) no-repeat center bottom #000000; background-size:100%;} #containerIsee > #bloco06 #ciclos p {padding-bottom:3vw;} #containerIsee > #bloco06 #ciclos p strong {color:#24caf5; font-size:2vw; line-height:3.5vw;} #containerIsee > #bloco06 #ciclos {float:left; position:absolute; top:21vw; height:9vw;} #containerIsee > #bloco06 #nomeciclos {float:left; position:absolute; top:37.6vw;} #containerIsee > #bloco06 #nomeciclos p {font-size:0.72916666666667vw; color:#ffffff; text-align:left; float:left; position:absolute; line-height:0.8vw; letter-spacing:0px;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0601 {width:auto; margin-left:2.5vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0602 {width:auto; margin-left:2.5vw; margin-top:1.85vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0603 {width:auto; margin-left:2.5vw; margin-top:3.4vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0604 {width:auto; margin-left:2.5vw; margin-top:5.5vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0605 {width:auto; margin-left:2.5vw; margin-top:7.2vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0606 {width:auto; margin-left:2.5vw; margin-top:8.9vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0607 {width:auto; margin-left:2.5vw; margin-top:10.1vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0608 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:0vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0609 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:1.85vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06010 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:3.4vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06011 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:5.5vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06012 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:7.2vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06013 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:8.9vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06014 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:10.1vw;cursor:pointer;} #containerIsee > #bloco07 {background:url(../img/addwash_0701.jpg) no-repeat center top #000000; background-size:100%; padding-top:1.51041666666667vw;} #containerIsee > #bloco07 .iconesRecursos {padding-top:3vw; padding-bottom:8vw; height:auto;} #containerIsee > #bloco07 .icone0701 {float:left; position:relative; background:url(../img/icon01_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0702 {float:left; position:relative; background:url(../img/icon02_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0703 {float:left; position:relative; background:url(../img/icon03_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0704 {float:left; position:relative; background:url(../img/icon04_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0705 {float:left; position:relative; background:url(../img/icon05_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0706 {float:left; position:relative; background:url(../img/icon06_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0707 {float:left; position:relative; background:url(../img/icon07_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:5.10416666666667vw; height:5vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0701:hover, #containerIsee > #bloco07 .icone0701.active {background:url(../img/icon01_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0702:hover, #containerIsee > #bloco07 .icone0702.active {background:url(../img/icon02_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0703:hover, #containerIsee > #bloco07 .icone0703.active {background:url(../img/icon03_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0704:hover, #containerIsee > #bloco07 .icone0704.active {background:url(../img/icon04_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0705:hover, #containerIsee > #bloco07 .icone0705.active {background:url(../img/icon05_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0706:hover, #containerIsee > #bloco07 .icone0706.active {background:url(../img/icon06_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0707:hover, #containerIsee > #bloco07 .icone0707.active {background:url(../img/icon07_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .textoRecurosos p {padding-bottom:3vw; color:#ffffff; text-align:left;} #containerIsee > #bloco07 .textoRecurosos p strong {color:#24caf5; font-size:1.5625vw; line-height:3.5vw;} #containerIsee > #bloco07 .luzes {float:left; position:absolute; width:auto; margin-top:1vw; width:100%; height:100%;} #containerIsee > #bloco07 .luz0701 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top:1.8vw; margin-left:-2.2vw;} #containerIsee > #bloco07 .luz0702 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top:5.9vw; margin-left:-3.5vw;} #containerIsee > #bloco07 .luz0703 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 10.1vw; margin-left: -5.1vw;} #containerIsee > #bloco07 .luz0704 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 14.3vw; margin-left: -6.6vw;} #containerIsee > #bloco07 .luz0705 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 4.7vw; margin-left: 18.1vw;} #containerIsee > #bloco07 .luz0706 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 9.1vw; margin-left: 16.9vw;} #containerIsee > #bloco07 .luz0707 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 13.5vw; margin-left: 15.3vw;} #containerIsee > #bloco08 {background-color:#ffffff; padding-top:1.51041666666667vw; z-index:1; overflow:hidden; } #containerIsee > #bloco08 h1 {margin-top:2vw;} #containerIsee > #bloco08 p {margin-bottom:6vw;} #containerIsee > #bloco08 .drag {padding-top:2vw;} #containerIsee > #bloco09 {background:url(../img/addwash_09.jpg) no-repeat center bottom #000000; background-size:160%; z-index:99;} #containerIsee > #bloco09 #mascaraMaoCel {width:50vw; height:44vw; float:left; position:absolute; margin-top:-3vw; overflow:hidden;} #containerIsee > #bloco09 .maoCel {background:url(../img/maoCel.png) no-repeat center top; background-size:100%; width:48vw; height:43vw; float:left; position:absolute; animation: maod 1s; animation-timing-function:linear; left:0;} #containerIsee > #bloco09 #boxApp p {float:right; width:16vw; padding:1vw;} #containerIsee > #bloco09 #boxApp p img {padding-top:1vw;} #containerIsee > #bloco09 h1 {padding-bottom:1vw;} #containerIsee > #bloco09 p {float:right; width:67%;} #containerIsee > #bloco09 .imgGoogle {width:6.25vw;} #containerIsee > #bloco09 .imgApple {width:7.23958333333333vw;} #containerIsee > #bloco09 #boxApp { width: 30vw; height: 16vw; float: left; position: absolute; margin-top: 7vw; margin-left: 34vw; border: solid 2px #ffffff; border-radius: 15px; z-index: 99;} #containerIsee > #digitalInverter {background:url(../img/digitalInverterBG.jpg) repeat center top #afb1b0; background-size:100%;} #containerIsee > #digitalInverter p {font-size:1.4vw !important; line-height:1.5vw !important;} #containerIsee > #digitalInverter .txt80 {width:70%; margin-left:15%; margin-right:15%;} #containerIsee > #digitalInverter img{display: block; margin: 0 auto; width:10.67708333333333vw; padding-top:4vw} #containerIsee > #digitalInverter .icones img{width: 6.8359375vw;} #containerIsee > #digitalInverter .icones p{text-transform: uppercase; padding-top: 0.8vw; line-height: 2.2vw; padding-bottom:5vw;} } @media screen and (min-width: 1025px) and (max-width: 1380px) { #containerIsee h1{font-size:3.70625vw; line-height:4.2vw;} #containerIsee h2{font-size:2.083333333vw;} #containerIsee h3{font-size:1.302083333vw;} #containerIsee p{font-size:1.141666667vw;} } /* ************ Mobile ************ */ /* Mobile max 780 Somente Fontes */ @media screen and (min-width: 531px) and (max-width: 780px) { #containerIsee h1{font-size:7.5vw; line-height:9vw;padding-top: 1vw; padding-bottom: 1vw} #containerIsee h2{font-size:3.5vw;} #containerIsee h3{font-size:2.8vw;} #containerIsee p{font-size:2.8vw;} } @media screen and (max-width: 520px) { #containerIsee h1{font-size:6.0vw; line-height:9vw;} #containerIsee h2{font-size:3.2vw;} #containerIsee h3{font-size:2.8vw;} #containerIsee p{font-size:2.8vw;} } /* Mobile max 520 Somente Fontes */ @media screen and (max-width: 530px) { #containerIsee h1{font-size:7.0vw; line-height:9vw;} #containerIsee h2{font-size:4.2vw;} #containerIsee h3{font-size:3.8vw;} #containerIsee p{font-size:3.8vw;} } @media screen and (max-width: 346px) { #containerIsee > #bloco10 p {font-size:2.9vw; width:95%;} } /* Mobile */ /* @media screen and (min-width: 451px) and (max-width: 780px) { */ @media screen and (max-width: 780px) { #containerIsee {} /* Setting Font Size */ #containerIsee h1{font-size:7.397vw; line-height:7.397vw; text-align: center!important;} #containerIsee h2{font-size:2.44140625vw;} #containerIsee h3{font-size:1.8vw;} #containerIsee p{font-size:2.8vw;} #containerIsee .HideMobile {display:none !important;} #containerIsee .centerMobile {text-align:center !important;} #containerIsee > #bloco01 {height:74vw;} #containerIsee > #bloco02 {height:135vw;} #containerIsee > #bloco03 {height:77vw;} #containerIsee > #bloco04 {height:127vw;} #containerIsee > #bloco05 {height:72vw;} #containerIsee > #bloco06 {height:125vw;} #containerIsee > #bloco07 {height:119vw;} #containerIsee > #bloco08 {height:auto;} #containerIsee > #bloco09 {height:100vw;} #containerIsee > #digitalInverter {height:auto;} #containerIsee .buttonPreto {border:solid 0.3vw #000000; background-color:transparent; border-radius:50px; width:20vw; margin-top:3vw; margin-bottom:3vw; line-height:1.3vw; padding-top:0.5vw; padding-bottom:0.5vw;} #containerIsee .buttonBranco {border:solid 0.3vw #ffffff; background-color:transparent; border-radius:50px; width:20vw; margin-top:3vw; margin-bottom:3vw; line-height:1.3vw; padding-top:0.5vw;padding-bottom:0.5vw;} #containerIsee .buttonBrancoGrande {border:solid 0.3vw #ffffff; background-color:transparent; border-radius:50px; width:45vw; margin-top:3vw; margin-bottom:3vw; line-height:1.9vw; padding-top:2vw; padding-bottom:2vw;} #containerIsee .buttonBrancoGrande p {font-family:Specs,Titulo,Verdana, Arial; letter-spacing:0px; font-weight:bold; font-size:3.5vw;} #containerIsee > #bloco01 {background:url(../img/addwash_01.jpg) no-repeat center bottom #c1d7d1; background-size:160%; padding-top:3.51041666666667vw; background-position-x:-40vw;} #containerIsee > #bloco01 .logo {background:url(../img/logoSamsungPreto.png) no-repeat center top; background-size:100%; height:2.5vw; width:12.109375vw;} #containerIsee > #bloco01 h2 {margin-top:-0.50vw;} #containerIsee > #bloco01 h1 {margin-top:1.5vw;} #containerIsee > #bloco02 {background:url(../img/addwash_0202.jpg) no-repeat center bottom #000000; background-size:100%; z-index:999; background-position-y:40vw; background-position-x:2vw;} #containerIsee > #bloco02 #bulletZoom {float:left; position:absolute; overflow:hidden; width:49vw; height:38.5vw; right:0; display:nonew;} #containerIsee > #bloco02 #bulletZoom .liga {float:right; position:relative; right:5vw; width:25vw; top:1vw;} #containerIsee > #bloco02 #bulletZoom .inicioPause {float:right; position:relative; right:3.2vw; top:1.5vw; width:8vw; animation: flutua 2s infinite; animation-timing-function:linear;} /* animacao bloco02 */ #containerIsee > #bloco02 #animacao {float:left; position:absolute; overflow:hidden; width:49vw; height:42.5vw; right:0; display:none;} #containerIsee > #bloco02 #animacao .braco{float:right; position:absolute; background:url(../img/braco.png) no-repeat right top; background-size:100%; width:29.375vw; height:36.97vw; right:0; z-index:9999; animation: braco 8s; animation-timing-function:ease-out;} #containerIsee > #bloco02 #animacao .meia{float:right; position:absolute; background:url(../img/meia.png) no-repeat right top; background-size:100%; width:15.15625vw; height:16.61458333333333vw; right:17vw; z-index:999; top:18vw; animation: meia 8s; animation-timing-function:ease-out; opacity:0;} #containerIsee > #bloco02 #animacao .tampa{float:right; position:absolute; background:url(../img/tampa.png) no-repeat right top; background-size:100%; width:20.05208333333333vw; height:25.15625vw; right:15.15vw; z-index:99; margin-top:14.9vw; animation: tampa 8s; animation-timing-function:ease-out;} #containerIsee > #bloco03 {background:url(../img/addwash_03.jpg) no-repeat center top; background-size:210%; z-index:9;} #containerIsee > #bloco03 p {width:90%; margin-left:5%; margin-right:5%; z-index:9;} #containerIsee > #bloco03 button {border:solid 0.3vw #000000; background-color:transparent; border-radius:2.3vw; width:50vw; margin-top:3vw; margin-bottom:3vw; line-height:2.4vw; padding-top:1.5vw; padding-bottom:1.5vw;} #containerIsee > #bloco03 button:hover {border:solid 0.3vw #ffffff;} #containerIsee > #bloco03 #hotSpotFundo {float:left; position:absolute; background-color: rgba(0,0,0,0.7); width:100%; height:100%; z-index:9999; display:none;} #containerIsee > #bloco03 #hotSpot {width:80vw; height:40vw; background-color:#ffffff; border-radius:10px; margin:auto; margin-top:20vw;} #containerIsee > #bloco03 #hotSpot #fechar {float:right; position:relative; width:auto; margin-top:1vw; margin-right:1vw;} #containerIsee > #bloco03 #hotSpot #fechar img {width:4vw;} #containerIsee > #bloco03 #hotSpot .img {float:right; position:absolute; margin-top:16vw; margin-right:0vw; text-align:right; width:77vw;} #containerIsee > #bloco03 #hotSpot .img img {width:13vw;} #containerIsee > #bloco03 #hotSpot h1 {font-size:5vw; line-height:5vw; text-align:left !important; padding-left:1.5vw; width:70%; margin-top:0; padding-top:2vw;} #containerIsee > #bloco03 #hotSpot p { text-align:left; width:75%; margin-top:0; padding-top:0vw; margin-left:1.6vw !important;} #containerIsee > #bloco03 .icons {width:100%; height:auto;} #containerIsee > #bloco04 {background: url(../img/addwash_04Mobile.jpg) no-repeat center bottom #000000; background-size: 100%; padding-top: 1.51041666666667vw;} #containerIsee > #bloco04 p {padding-top:3vw;} #containerIsee .bubbleBG {background:url(../img/addwash_05.jpg) no-repeat center top #000000; background-size:170%;} #containerIsee .ecoBG {background:url(../img/addwash_05B.jpg) no-repeat center top #000000; background-size:170%;} #containerIsee > #bloco05 #ecobubble {float:left; position:relative; height:auto; padding-bottom:4vw;} #containerIsee > #bloco05 #bubbleShot {float:left; position:relative; height:auto; padding-bottom:4vw; display:none;} #containerIsee > #bloco05 button.btBloco05A {position:relative; background-color:#004d71; border:none; border-top-left-radius:50px; border-bottom-left-radius:50px; padding-bottom:0.5vw; padding-top:0.5vw; width:25vw; margin-right:-2px;} #containerIsee > #bloco05 button.btBloco05B {position:relative; background-color:#004d71; border:none; border-top-right-radius:50px; border-bottom-right-radius:50px; padding-bottom:0.5vw; padding-top:0.5vw; width:25vw; margin-left:-2px;} #containerIsee > #bloco05 button.btBloco05A:hover {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05A.active {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05A.active p {font-family:Specs,Titulo,Verdana, Arial; letter-spacing:0px; font-weight:bold;} #containerIsee > #bloco05 button.btBloco05B:hover {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05B.active {background-color:#009be2;} #containerIsee > #bloco05 button.btBloco05B.active p {font-family:Specs,Titulo,Verdana, Arial; letter-spacing:0px; font-weight:bold;} #containerIsee > #bloco05 button.buttonBrancoGrande:hover {border-color:#000000;} #containerIsee > #bloco05 .buttonBrancoGrande p strong:hover {color:#000000 !important;} #containerIsee > #bloco05 #hotSpotFundo0501 {float:left; position:absolute; background-color: rgba(0,0,0,0.7); width:100%; height:100%; z-index:9999; display:none;} #containerIsee > #bloco05 #hotSpot0501 {width:66vw; height:42vw; margin:auto; margin-top:8vw;} #containerIsee > #bloco05 #hotSpot0501 #fechar0501 {float:right; position:relative; width:auto; margin-top:1vw;} #containerIsee > #bloco05 #hotSpot0501 #fechar0501 img {width:1.92708333333333vw; min-width:4vw;} #containerIsee > #bloco05 #hotSpot0501 #videoYoutube0501 {width:66vw; height:42vw;} #containerIsee > #bloco05 #hotSpotFundo0502 {float:left; position:absolute; background-color: rgba(0,0,0,0.7); width:100%; height:100%; z-index:9999; display:none;} #containerIsee > #bloco05 #hotSpot0502 {width:66vw; height:42vw; margin:auto; margin-top:8vw;} #containerIsee > #bloco05 #hotSpot0502 #fechar0502 {float:right; position:relative; width:auto; margin-top:1vw;} #containerIsee > #bloco05 #hotSpot0502 #fechar0502 img {width:1.92708333333333vw; min-width:4vw;} #containerIsee > #bloco05 #hotSpot0502 #videoYoutube0502 {width:66vw; height:42vw;} #containerIsee > #bloco05 .margin6v {padding-top:8vw;} #containerIsee > #bloco06 {background:url(../img/addwash_06Mobile.jpg) no-repeat center bottom #000000; background-size:100%;} #containerIsee > #bloco06 #ciclos p {padding-bottom:3vw;} #containerIsee > #bloco06 #ciclos p strong {color:#24caf5; font-size:2vw; line-height:3.5vw;} #containerIsee > #bloco06 #ciclos {float:left; position:absolute; top:21vw; height:9vw;} #containerIsee > #bloco06 #nomeciclos {float:left; position:absolute; top:37.6vw;} #containerIsee > #bloco06 #nomeciclos p {font-size:0.72916666666667vw; color:#ffffff; text-align:left; float:left; position:absolute; line-height:0.8vw; letter-spacing:0px;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0601 {width:auto; margin-left:2.5vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0602 {width:auto; margin-left:2.5vw; margin-top:1.85vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0603 {width:auto; margin-left:2.5vw; margin-top:3.4vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0604 {width:auto; margin-left:2.5vw; margin-top:5.5vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0605 {width:auto; margin-left:2.5vw; margin-top:7.2vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0606 {width:auto; margin-left:2.5vw; margin-top:8.9vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0607 {width:auto; margin-left:2.5vw; margin-top:10.1vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0608 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:0vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos0609 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:1.85vw; cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06010 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:3.4vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06011 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:5.5vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06012 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:7.2vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06013 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:8.9vw;cursor:pointer;} #containerIsee > #bloco06 #nomeciclos .nomeclicos06014 {width:auto; text-align:right; position:absolute; float:right; right:3.7vw; margin-top:10.1vw;cursor:pointer;} #containerIsee > #bloco07 {background:url(../img/addwash_0701.jpg) no-repeat center bottom #000000; background-size: 200%; background-position-y: 50.5vw; background-position-x: 0vw;} #containerIsee > #bloco07 .iconesRecursos {padding-top:3vw; padding-bottom:8vw; height:auto;} #containerIsee > #bloco07 .icone0701 {float:left; position:relative; background:url(../img/icon01_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:9.10416666666667vw; height:9vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0702 {float:left; position:relative; background:url(../img/icon02_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:9.10416666666667vw; height:9vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0703 {float:left; position:relative; background:url(../img/icon03_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:9.10416666666667vw; height:9vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0704 {float:left; position:relative; background:url(../img/icon04_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:9.10416666666667vw; height:9vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0705 {float:left; position:relative; background:url(../img/icon05_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:9.10416666666667vw; height:9vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0706 {float:left; position:relative; background:url(../img/icon06_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:9.10416666666667vw; height:9vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0707 {float:left; position:relative; background:url(../img/icon07_Bl7.png) no-repeat center bottom #000000; background-size:100%; width:9.10416666666667vw; height:9vw; margin-right:0.5vw;} #containerIsee > #bloco07 .icone0701:hover, #containerIsee > #bloco07 .icone0701.active {background:url(../img/icon01_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0702:hover, #containerIsee > #bloco07 .icone0702.active {background:url(../img/icon02_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0703:hover, #containerIsee > #bloco07 .icone0703.active {background:url(../img/icon03_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0704:hover, #containerIsee > #bloco07 .icone0704.active {background:url(../img/icon04_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0705:hover, #containerIsee > #bloco07 .icone0705.active {background:url(../img/icon05_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0706:hover, #containerIsee > #bloco07 .icone0706.active {background:url(../img/icon06_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0707:hover, #containerIsee > #bloco07 .icone0707.active {background:url(../img/icon07_Bl7_on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .textoRecurosos p {padding-bottom:3vw; color:#ffffff; text-align:left;} #containerIsee > #bloco07 .textoRecurosos p strong {color:#24caf5; font-size:1.5625vw; line-height:3.5vw;} #containerIsee > #bloco07 .luzes {float:left; position:absolute; width:auto; margin-top:1vw; width:100%; height:100%;} #containerIsee > #bloco07 .luz0701 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top:1.8vw; margin-left:-2.2vw;} #containerIsee > #bloco07 .luz0702 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top:5.9vw; margin-left:-3.5vw;} #containerIsee > #bloco07 .luz0703 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 10.1vw; margin-left: -5.1vw;} #containerIsee > #bloco07 .luz0704 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 14.3vw; margin-left: -6.6vw;} #containerIsee > #bloco07 .luz0705 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 4.7vw; margin-left: 18.1vw;} #containerIsee > #bloco07 .luz0706 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 9.1vw; margin-left: 16.9vw;} #containerIsee > #bloco07 .luz0707 {background:url(../img/luzPainel.png) no-repeat center bottom; background-size:100%; width:20.83333333333333vw; height:20.83333333333333vw; margin-top: 13.5vw; margin-left: 15.3vw;} #containerIsee > #bloco08 {background-color:#ffffff; padding-top:1.51041666666667vw; z-index:1; overflow:hidden; } #containerIsee > #bloco08 h1 {margin-top:2vw;} #containerIsee > #bloco08 p {margin-bottom:6vw;} #containerIsee > #bloco09 {background:url(../img/addwash_09Mobile.jpg) no-repeat center top #000000; background-size:250%; z-index:99;} #containerIsee > #bloco09 #mascaraMaoCel {width:32.03125vw; height:35vw; float:left; position:absolute; margin-top:-3vw; overflow:hidden;} #containerIsee > #bloco09 .maoCel {background:url(../img/maoCel.png) no-repeat center top; background-size:100%; width:32.03125vw; height:35vw; float:left; position:absolute; animation: mao 1s; animation-timing-function:linear;} #containerIsee > #bloco09 .maoCelMobile {background:url(../img/maoCel.png) no-repeat center bottom; background-size:100%; width:65vw; height:60vw; float:left; position:absolute; top:40vw; z-index:999;} #containerIsee > #bloco09 #boxApp {width: 40vw; height: 36vw; float: left; position: absolute; margin-top: 58vw; margin-left: 53vw; border: solid 2px #ffffff; border-radius: 15px; z-index: 99;} #containerIsee > #bloco09 #boxApp p {float:right; width:26vw; padding:2vw;} #containerIsee > #bloco09 #boxApp p img {padding-top:3vw;} #containerIsee > #bloco09 h1 {padding-bottom:1vw; width:93.5%; margin-right:3vw;} #containerIsee > #bloco09 p {float:right; width:90%; padding-right:3vw; padding-top:3vw;} #containerIsee > #bloco09 .imgGoogle {width:20vw;} #containerIsee > #bloco09 .imgApple {width:20vw;} #containerIsee > #digitalInverter {background:url(../img/digitalInverterBG.jpg) repeat center top #afb1b0; background-size:100%;} #containerIsee > #digitalInverter p {font-size:1.4vw !important; line-height:1.5vw !important;} #containerIsee > #digitalInverter .txt80 {width:70%; margin-left:15%; margin-right:15%;} #containerIsee > #digitalInverter img{display: block; margin: 0 auto; width:10.67708333333333vw; padding-top:4vw} #containerIsee > #digitalInverter .icones img{width: 6.8359375vw;} #containerIsee > #digitalInverter .icones p{text-transform: uppercase; padding-top: 0.8vw; line-height: 2.2vw; padding-bottom:5vw;} } @media screen and (max-width: 400px) { #containerIsee h1{font-size:6.8vw; line-height:9vw;} #containerIsee h2{font-size:3.5vw;} #containerIsee h3{font-size:2.8vw;} #containerIsee p{font-size:2.8vw;} } #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; } }