/* Sources used in the project */ /* *BACKGROUNDS DEVEM FICAR NO Z-INDEX = 9 */ /* Sources used in the project */ /* *BACKGROUNDS DEVEM FICAR NO Z-INDEX = 9 */ @font-face { font-family: 'SamsungSharpSans'; src: url(../fonts/SamsungSharpSansBd.eot); src: url(../fonts/SamsungSharpSansBd.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungSharpSansBd.woff) format("woff"); font-weight: bold; font-style: normal } @font-face { font-family: 'SamsungOne'; src: url(../fonts/SamsungOne-400.eot); src: url(../fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungOne-400.woff2) format("woff2"), url(../fonts/SamsungOne-400.woff) format("woff"), url(../fonts/SamsungOne-400.ttf) format("truetype"); font-weight: normal; font-style: normal } @font-face { font-family: 'SamsungOne'; src: url(../fonts/SamsungOne-700.eot); src: url(../fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungOne-700.woff2) format("woff2"), url(../fonts/SamsungOne-700.woff) format("woff"), url(../fonts/SamsungOne-700.ttf) format("truetype"); font-weight: bold; font-style: normal } #containerIsee h1{font-family:'SamsungSharpSans',Verdana, Arial; padding-top:4.166666667vw; padding-bottom:1.083333333vw;} #containerIsee h2{font-family:SamsungSharpSans,Verdana, Arial; padding-top: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:#ffffff;} #containerIsee .txtAzulTitulo {color:#1b273d;} #containerIsee .txtAzul {color:#102652;} #containerIsee .bgBranco {background-color:#ffffff;} #containerIsee .bgCinza {background-color:#c0c0c0;} #containerIsee .bgPreto {background-color:#000000;} #containerIsee .bgAmarelo {background-color:#FF0;} /* Blocos informações Genericas para todas as resoluções */ #containerIsee #bloco01, #containerIsee #bloco02, #containerIsee #bloco03, #containerIsee #bloco04, #containerIsee #bloco05, #containerIsee #bloco06, #containerIsee #bloco07, #containerIsee #bloco08, #containerIsee #bloco09, #containerIsee #bloco10, #containerIsee #bloco11, #containerIsee #bloco12,#containerIsee #bloco13, #containerIsee #bloco14, #containerIsee #bloco15{float:left; position:relative; margin:0; padding:0; width:100%;} #containerIsee > #bloco01 {background:url(../img/bg_section01.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee > #bloco01 .padding-top{padding-top: 1vw;} #containerIsee > #bloco01 .logo {float:left; position:relative; margin-top:5vw; height:auto; width:100%;} #containerIsee > #bloco01 h2 {font-family:SamsungSharpSans,Verdana, Arial; font-size:1.6vw; line-height: 1.9vw;} #containerIsee > #bloco01 {height:0;padding-bottom: 41.75%;} #containerIsee > #bloco02 {height:23vw;} #containerIsee > #bloco03 {height:40.5vw;} #containerIsee > #bloco04 {height:38.844vw;} #containerIsee > #bloco12 {height:38.844vw;} #containerIsee > #bloco13 {height: 0; padding-bottom: 43.7%;} #containerIsee > #bloco05 {height:33.904vw;} #containerIsee > #bloco06 {height:43.229vw;} #containerIsee > #bloco07 {height: 0; padding-bottom: 53.75%;} #containerIsee > #bloco08 {height:32.4vw;} #containerIsee > #bloco14 {height: 0; padding-bottom: 64.5%;} #containerIsee > #bloco15 {height: 0; padding-bottom: 41.75%;} #containerIsee > #bloco09 { height: 0; padding-bottom: 35.9%; background: #afb1b0 url(../img/bg_section10.jpg) top center no-repeat; background-size: 100%; } #containerIsee > #bloco09 h1 { margin-top: 9%; } #containerIsee > #bloco10 {height:53vw;} #containerIsee > #blocoservice {height:32.1vw;} #containerIsee > #bloco11 {background-color:#000; padding-top: 1.5vw; padding-bottom:1.5vw; display:table;} #containerIsee > #bloco11 {height:auto;} #containerIsee > #bloco11 .logoinfoLegal { padding: 1vw; width: 8.69791666666667vw; } #containerIsee > #bloco11 .infoLegal { line-height: 1vw; font-size: 0.8vw;} #containerIsee > #bloco08 .tabletHide{display: block} #containerIsee > #bloco08 .tabletShow{display: none} .mouseleave{background-color: transparent!important; color:#000!important;} .active-color{color: #c2e8f9!important;} #containerIsee > #bloco05 input { display: none !important; } #bloco05 .inner { width: 200%; } #bloco05 article { width: 50%; float: left; position: relative; } #bloco05 .slider-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; transform: translateZ(0); transition: all 500ms ease-out; } #bloco05 .slider-wrapper .inner { transform: translateZ(0); transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); } #bloco05 .slider-wrapper img { display: block; width: 100%; } /*---- SET POSITION FOR SLIDE ----*/ #bloco05 .slider-prev-next-control { height: 50px; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #bloco05 .slider-prev-next-control label { display: none; width: 10%; height: 125%; cursor: pointer; } #bloco05 .slider-prev-next-control label::after { display: block; } #bloco05 .slider-prev-next-control label:nth-child(1)::after { content: ""; width: 100%; height: 100%; background: url(../img/isee-arrow-next.png) center no-repeat; background-size: contain; padding-left: 15px; } #bloco05 .slider-prev-next-control label:nth-child(2)::after { content: ""; width: 100%; height: 100%; background: url(../img/isee-arrow-prev.png) center no-repeat; background-size: contain; padding-left: 8px; } #bloco05 .slider-prev-next-control label:nth-child(1) { display: block; float: right; margin-right: 5px; } #bloco05 label:nth-child(2) { display: block; float: left; margin-left: 5px; } #bloco05 .slider-wrapper .inner { margin-left: 0%; } #bloco05 #slide1:checked ~ .slider-wrapper .inner { margin-left: -100%; } #bloco05 { position: relative; } #bloco07 .icol-desk-10 { width: 30% !important; } @media (max-width:780px) { #bloco07 .icol-desk-10 { width: 85% !important; } } #bloco07 input { display: none; } #bloco07 #bloco07-cont-1, #bloco07 #bloco07-cont-2, #bloco07 #bloco07-cont-3{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all .5s ease-in-out 0s; } #bloco07 #bloco07-cont-2, #bloco07 #bloco07-cont-3, #bloco07 #bloco07-2:checked ~ #bloco07-cont-1, #bloco07 #bloco07-3:checked ~ #bloco07-cont-1 { opacity: 0; visibility: hidden; } #bloco07 #bloco07-2:checked ~ #bloco07-cont-2 { opacity: 1; visibility: visible; } #bloco07 #bloco07-3:checked ~ #bloco07-cont-3 { opacity: 1; visibility: visible; } #bloco07 #bloco07-1:checked ~ .iconesRecursos .icone0701{transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0601-on.png) no-repeat center bottom; background-size:100%;} #bloco07 #bloco07-2:checked ~ .iconesRecursos .icone0702 {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0602-on.png) no-repeat center bottom; background-size:100%;} #bloco07 #bloco07-3:checked ~ .iconesRecursos .icone0703 {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0603-on.png) no-repeat center bottom; background-size:100%;} /* Desktop Full Resolution */ @media screen and (min-width: 781px) { #containerIsee .mobileDesk {display:none;} #containerIsee .HideDesk {display:none !important;} /* Setting Font Size */ #containerIsee h1{font-size:35px; line-height:39px;} #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: 13px; line-height: 1.25em;} #containerIsee p strong{font-family:SamsungOne,Verdana, Arial; font-weight:700;} #containerIsee > #bloco01 {background: url(../img/bg_section01.jpg) top center no-repeat; background-size:contain;} #containerIsee > #bloco01 .logo {float:left; position:relative; margin-top:1.08333333333333vw; margin-bottom:1.08333333333333vw; height:auto; width:100%;} #containerIsee > #bloco01 h1{padding-top: 5vw; letter-spacing: -0.15vw; font-size: 3.5vw; line-height: 4.5vw;} #containerIsee > #bloco01 .geladeira {width: calc(405/1920*100vw); height: calc(843/1920*100vw); background: url(../img/isee-geladeira-grande.png) no-repeat center bottom; background-size:100%; position: absolute; top:0; right:26vw; -webkit-animation: geladeira 30s infinite;-moz-animation: geladeira 30s infinite;-o-animation: geladeira 30s infinite;animation: geladeira 30s infinite; z-index: 999999} #containerIsee > #bloco01 h2 {margin-top:0.08333333333333vw; margin-bottom:1.08333333333333vw;} #containerIsee > #bloco01 .selo-digital{padding-top: 10.5vw} #containerIsee > #bloco03 {background:url(../img/bg_section02.jpg) no-repeat left bottom #fff; background-size: contain;} #containerIsee > #bloco03 h1{padding-top: 8vw;} #containerIsee > #bloco03 p{padding-left: 0;} #containerIsee > #bloco03 .hotspot{position: absolute; width: 4.5vw; height: 4.5vw; top: 13.5vw; left: 31vw; cursor: pointer; } #containerIsee > #bloco03 .lupa{width: 22.08vw; height: 22.70vw; position: absolute; background-size: 100%;top: 4vw; left: 22vw; cursor: pointer; display: none; } #containerIsee > #bloco04{background:url(../img/bg_section03.jpg) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco04 h1{padding-top: 6vw;} #containerIsee > #bloco04 p{width: 33%} #containerIsee > #bloco12{background:url(../img/bg_section0603.jpg) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco12 h1{padding-top: 6vw;} #containerIsee > #bloco12 p{width: 33%} #containerIsee > #bloco13{background:url(../img/bg_section013.jpg) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco13 h1{padding-top: 60px;} #containerIsee > #bloco13 p{width: 33%} #containerIsee > #bloco14{background:url(../img/bg_section14.jpg) no-repeat top left; background-size:contain; background-color: #000; vertical-align: middle;} #containerIsee > #bloco14 h1{padding-top: 17vw;} #containerIsee > #bloco14 img{position: absolute; animation: animation-bloco14 5s infinite; opacity: 0;} #containerIsee > #bloco14 img:nth-child(1){width: 62%; top: 61%; left: 0%;animation-delay: 1s;} #containerIsee > #bloco14 img:nth-child(2){width: 26%; top: 58%; left: 13%; animation-delay: 0s;} #containerIsee > #bloco14 img:nth-child(3){width: 83%; top: 73%; left: 0%;animation-delay: 4s;} #containerIsee > #bloco14 img:nth-child(4){width: 36%; top: 74%; left: 0%;animation-delay: 2s;} #containerIsee > #bloco14 img:nth-child(5){width: 59%; top: 79%; left: 0%;animation-delay: 3s;} @keyframes animation-bloco14 { 0%{ opacity: 0; } 40%,60%{ opacity: 1; } 100%{ opacity: 0; } } #containerIsee > #bloco15{background:url(../img/bg_section015.gif) no-repeat top left; background-size:contain; background-color: #000; vertical-align: middle;} #containerIsee > #bloco15 h1{padding-top: 6vw;} #containerIsee > #bloco05 .bg05{height:33.904vw;background:url(../img/bg_section0501.jpg) no-repeat center bottom; background-size: 100%} #containerIsee > #bloco05 .bg0501{height: 33.904vw;background:url(../img/bg_section0502.jpg) no-repeat center bottom; background-size: 100%} #containerIsee > #bloco05 h1{margin-top: 1vw} #containerIsee > #bloco05 p{width: 93%;} #containerIsee > #bloco05 .bg0501 h1{width: 60%;} #containerIsee > #bloco05 .bg0501 p{width: 87%;} #containerIsee > #bloco07 h1{margin-top:1vw} #containerIsee > #bloco07 .luz{width: 12.91vw; height: 3.9vw; position: absolute; right: 21.5vw; top: 7.5vw; background: url('../img/isee-hotspot-geladera.png') no-repeat center center; background-size: 100%; -webkit-animation: luz 3s infinite;-moz-animation: luz 3s infinite;-o-animation: luz 3s infinite;animation: luz 3s infinite;} #containerIsee > #bloco07 .iconesRecursos {position:absolute;bottom: 5%;left: 10%;height:auto;width: auto;} #containerIsee > #bloco07 .bg{z-index:-9;position:absolute;top: 0;width:100%;height: 77%;background:url(../img/bg_section0603.jpg) no-repeat right bottom transparent;background-size:cover;} #containerIsee > #bloco07 .bg0701{z-index:-9;position:absolute;top:0;width:100%;height: 77%;background:url(../img/bg_section0604.jpg) no-repeat right bottom transparent;background-size:cover;} #containerIsee > #bloco07 .bg0702{z-index:-9;position:absolute;top:0;width:100%;height: 77%;background:url(../img/bg_section0603.jpg) no-repeat right bottom transparent; background-size:cover;} #containerIsee > #bloco07 .bg0703{z-index:-9;position:absolute;top:0;width:100%;height: 77%;background:url(../img/bg_section0606.jpg) no-repeat right bottom transparent; background-size:cover;} #containerIsee > #bloco07 .icone0701 {z-index: 999;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:1vw;float:left; position:relative; background:url(../img/btn0601.png) no-repeat center bottom; background-size:100%; width:calc(54/1920*100vw); height:calc(54/1920*100vw); margin-right:2vw;} #containerIsee > #bloco07 .icone0702 {z-index: 999;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:1vw;float:left; position:relative; background:url(../img/btn0602.png) no-repeat center bottom; background-size:100%; width:calc(54/1920*100vw); height:calc(54/1920*100vw); margin-right:2vw;} #containerIsee > #bloco07 .icone0703 {z-index: 999;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:1vw;float:left; position:relative; background:url(../img/btn0603.png) no-repeat center bottom; background-size:100%; width:calc(54/1920*100vw); height:calc(54/1920*100vw); margin-right:2vw;} #containerIsee > #bloco07 .icone0704 {z-index: 999;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:1vw;float:left; position:relative; background:url(../img/btn0604.png) no-repeat center bottom; background-size:100%; width:calc(54/1920*100vw); height:calc(54/1920*100vw); margin-right:2vw;} #containerIsee > #bloco07 .icone0705 {z-index: 999;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:1vw;float:left; position:relative; background:url(../img/btn0605.png) no-repeat center bottom; background-size:100%; width:calc(54/1920*100vw); height:calc(54/1920*100vw); margin-right:2vw;} #containerIsee > #bloco07 .icone0706 {z-index: 999;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:1vw;float:left; position:relative; background:url(../img/btn0606.png) no-repeat center bottom; background-size:100%; width:calc(54/1920*100vw); height:calc(54/1920*100vw); margin-right:2vw;} #containerIsee > #bloco07 .icone0701:hover, #containerIsee > #bloco07 .icone0701.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0601-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0702:hover, #containerIsee > #bloco07 .icone0702.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0602-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0703:hover, #containerIsee > #bloco07 .icone0703.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0603-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0704:hover, #containerIsee > #bloco07 .icone0704.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0604-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0705:hover, #containerIsee > #bloco07 .icone0705.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0605-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0706:hover, #containerIsee > #bloco07 .icone0706.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0606-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco13 .anima013 { position: absolute;width: 100%;height: 100%; top: 0; left: 0;} #containerIsee > #bloco13 .anima013 img {position:absolute;top:0%;left:0%;} #containerIsee > #bloco13 .anima013 img:nth-child(1) {position:absolute;top:10%;left:57%;width: 15%; animation: pulse 2s infinite;} #containerIsee > #bloco13 .anima013 img:nth-child(2) {position:absolute;top:3.3%;left:46.2%;width: 36%;} #containerIsee > #bloco07 .textoRefrigerador p {padding-bottom:3vw; width: 86%;} #containerIsee > #bloco07 p strong{font-size: calc(20/1920*100vw); padding-bottom: 2vw;} #containerIsee > #bloco07 .anima070401{position:absolute;top: 20%;left: 55%;width: 20%;height: 0;background:url(../img/anima060401.png) no-repeat right bottom transparent;background-size:100%;padding-bottom: 7%;} #containerIsee > #bloco07 .anima070402{position:absolute;top: 30%;left: 55%;width: 20%;height: 0;background:url(../img/anima060402.png) no-repeat right bottom transparent;background-size:100%;padding-bottom: 7%;} #containerIsee > #bloco07 .anima070403{position:absolute;top: 36%;left: 55%;width: 20%;height: 0;background:url(../img/anima060403.png) no-repeat right bottom transparent;background-size:100%;padding-bottom: 7%;} #containerIsee > #bloco07 .anima070404{position:absolute;top: 43%;left: 55%;width: 20%;height: 0;background:url(../img/anima060404.png) no-repeat right bottom transparent;background-size:100%;padding-bottom: 7%;} #containerIsee > #bloco07 .anima0705{position:absolute;top: 22%;left: 56%;width: 17%;height: 0;background:url(../img/anima0605.png) no-repeat right bottom transparent;background-size:100%;padding-bottom: 12%;} #containerIsee > #bloco09 h1, #containerIsee > #bloco09 p{text-align: left} .HideDesk{display: none!important} .mobileHide{display: block;} .HideTb{display: block;} #containerIsee > #footerSamsung #samsungClub { background: url(../img/samsungClubNovo.jpg) no-repeat top center #000; background-position-x: center; background-size: auto auto; float: left; height: 37vw!important; background-size: 105%!important; width: 100%; background-position-x: 0vw; } #containerIsee > #footerSamsung #samsungCare { background: url(../img/samsungCare.jpg) no-repeat top center #000; background-size: auto auto; float: right; height: 37vw!important; background-size: 100%; width: 100%; } } /* ************ 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;} #bloco04 #video video { display: block; margin: 0 auto; padding-top: 20vw;width: 92.333vw; height: 88.891vw;} } @media screen and (max-width: 346px) { #containerIsee > #bloco10 p {font-size:2.9vw; width:95%;} #containerIsee > #bloco01 { height: 159.625vw; } } /* Mobile */ /* @media screen and (min-width: 451px) and (max-width: 780px) { */ @media screen and (max-width: 780px) { #containerIsee > #bloco02 br, #containerIsee > #bloco03 br, #containerIsee > #bloco05 br,#containerIsee > #bloco06 br, #containerIsee > #bloco07 h1 br, #containerIsee > #bloco08 br, #containerIsee > #bloco09 br, #containerIsee > #bloco10 br{display: none} #containerIsee > #bloco01 {background:url(../img/768/bg_section01.jpg) no-repeat center bottom #fff; background-size:100%;} #containerIsee > #bloco03 {background:url(../img/bg_section02.jpg) no-repeat center bottom transparent; background-size:100%;} #containerIsee > #bloco04 {background:url(../img/768/bg_section04.jpg) no-repeat center bottom #fcf5f2; background-size:cover;} #containerIsee > #bloco12 {background:url(../img/768/bg_section0603.jpg) no-repeat center bottom #fcf5f2; background-size:cover;} #containerIsee > #bloco13 {background:url(../img/768/bg_section13.jpg) no-repeat center bottom #fcf5f2; background-size:cover;} #containerIsee > #bloco06 {background:url(../img/768/sessao05.jpg) no-repeat center bottom #fff; background-size:100%;} #containerIsee > #bloco08 {background:url(../img/768/sessao07.jpg) no-repeat center bottom #ccc; background-size:100%;} #containerIsee > #bloco14 {background:url(../img/768/bg_section14.jpg) no-repeat center bottom #ccc; background-size:100%;} #containerIsee > #bloco15 {background:url(../img/bg_section015.gif) no-repeat center bottom #fff; background-size:100%;} .HideDesk{display: block} .mobileHide{display: none!important;} .HideTb{display: block;} #containerIsee > #bloco11 { height: auto; padding: 5vw 0 5vw 0;} #containerIsee > #bloco11 .infoLegal { line-height: 1.9vw; font-size: 1.5vw;} /* Setting Font Size */ #containerIsee h1{font-size:7.397vw!important; line-height:8.397vw!important; text-align: center!important; padding-top:9.167vw!important; padding-bottom:6.167vw!important} #containerIsee h2{font-size:2.44140625vw;} #containerIsee h3{font-size:1.8vw; font-size: 3.8vw; line-height: 4.2vw; } #containerIsee p{font-size:2.8vw;} #containerIsee > #bloco01 {height: calc(1330/910*100vw);padding-bottom: 0;} #containerIsee > #bloco01 .logo {float:left; position:relative; margin-top: 5.783vw; margin-bottom: 2.08333333333333vw; height: auto; width: 90%; left:2vw;} #containerIsee > #bloco01 h1 {margin-top:2vw;} #containerIsee > #bloco01 h2 {margin-top:4.583vw; margin-bottom:2.08333333333333vw; right:2vw; font-size: 3vw;line-height: 3.2vw;} #containerIsee > #bloco01 .selo-digital{padding-top: 78vw; left: -4vw; position: relative;} #containerIsee > #bloco01 .geladeira{display: none} #containerIsee > #bloco02 {height:50vw;} #containerIsee > #bloco02 {background:url(../img/fundo02.jpg) no-repeat center bottom #f4f2ed; background-size:100%;} #containerIsee > #bloco03{height: calc(1080/780*100vw);} #containerIsee > #bloco03 {background: url(../img/bg_section02.jpg) no-repeat center bottom #fff; background-size: 200%;background-position-x: -9vw; } #containerIsee > #bloco03 h1{width: 75%; margin-left: 8vw;} #containerIsee > #bloco03 p{text-align: center;} #containerIsee > #bloco03 .hotspot{position: absolute; width: 6.5vw; height: 6.5vw; top: 89.1vw; left: 63.7vw; cursor: pointer; } #containerIsee > #bloco03 .lupa{width: 33.08vw; height: 33.7vw; position: absolute; background-size: 100%; top: 67vw; left: 51vw; cursor: pointer; display: none; } #containerIsee > #bloco04 {height:calc(1200/780*100vw)} #containerIsee > #bloco04 p {text-align: center;} #containerIsee > #bloco12 {height: calc(1360/780*100vw);} #containerIsee > #bloco12 p {text-align: center;} #containerIsee > #bloco13 {height: calc(1120/780*100vw);} #containerIsee > #bloco13 p {text-align: center;} #containerIsee > #bloco13 .anima013 { position: absolute;width: 100%;height: 100%; top: 0; left: 0;} #containerIsee > #bloco13 .anima013 img {position:absolute;top:0%;left:0%;} #containerIsee > #bloco13 .anima013 img:nth-child(1) {position:absolute;top:46.5%;left:28%;width: 30%; animation: pulse 2s infinite;} #containerIsee > #bloco13 .anima013 img:nth-child(2) {position:absolute;top:42.5%;left:6.4%;width: 72%;} #containerIsee > #bloco14 {height: 145.8vw;} #containerIsee > #bloco14 p {text-align: center;} #containerIsee > #bloco14 img{position: absolute; animation: animation-bloco14 5s infinite; opacity: 0;} #containerIsee > #bloco14 img:nth-child(1){width: 62%; bottom: 12%; left: 13%;animation-delay: 1s;} #containerIsee > #bloco14 img:nth-child(2){width: 26%; bottom: 24%; left: 28%; animation-delay: 0s;} #containerIsee > #bloco14 img:nth-child(3){width: 98%; bottom: 0%; left: 0%;animation-delay: 4s;} #containerIsee > #bloco14 img:nth-child(4){width: 36%; bottom: 12%; left: 26%;animation-delay: 2s;} #containerIsee > #bloco14 img:nth-child(5){width: 59%; bottom: 7%; left: 14%;animation-delay: 3s;} @keyframes animation-bloco14 { 0%{ opacity: 0; } 40%,60%{ opacity: 1; } 100%{ opacity: 0; } } #containerIsee > #bloco15 {height: 146vw;} #containerIsee > #bloco15 {background: url(../img/768/bg_section015.gif) no-repeat left bottom #fff; background-size: contain;} #containerIsee > #bloco15 p {text-align: center;} #containerIsee > #bloco05{height:calc(1140/780*100vw);} #containerIsee > #bloco05 .bg05{height:calc(1140/780*100vw);background:url(../img/768/bg_section0501.jpg) no-repeat center bottom; background-size: cover} #containerIsee > #bloco05 .bg0501{height:calc(1140/780*100vw);background:url(../img/768/bg_section0502.jpg) no-repeat center bottom; background-size: cover;background-position-y: 9vw;} #containerIsee > #bloco05 h1 {padding-top:4.02vw; } #containerIsee > #bloco05 p{text-align: center !important;} #containerIsee > #bloco05 h1{width: 71%; margin-left: 15vw;} #containerIsee > #bloco07 h1{margin-top:1vw} #containerIsee > #bloco07{height:calc(1360/780*100vw);} #containerIsee > #bloco07 .iconesRecursos {position:absolute; bottom:8vw;left:11vw;height:auto;} #containerIsee > #bloco07 p{text-align: center !important;} #containerIsee > #bloco07 .bg0701{z-index:-9;position:absolute;top:0;width:100%;height:174.82vw;background:url(../img/768/bg_section0604.jpg) no-repeat right bottom #ffefff; background-size:cover;} #containerIsee > #bloco07 .bg0702{z-index:-9;position:absolute;top:0;width:100%;height:174.82vw;background:url(../img/768/bg_section0603.jpg) no-repeat right bottom #ffefff; background-size:cover;} #containerIsee > #bloco07 .bg0703{z-index:-9;position:absolute;top:0;width:100%;height:174.82vw;background:url(../img/768/bg_section0606.jpg) no-repeat right bottom #ffefff; background-size:cover;} #containerIsee > #bloco07 .icone0701 {margin-left:26vw;margin-right:3vw;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:3vw;float:left; position:relative; background:url(../img/btn0601.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw);} #containerIsee > #bloco07 .icone0702 {margin-right:3vw;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:3vw;float:left; position:relative; background:url(../img/btn0602.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw); } #containerIsee > #bloco07 .icone0703 {margin-right:3vw;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:3vw;float:left; position:relative; background:url(../img/btn0603.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw); } #containerIsee > #bloco07 .icone0704 {margin-right:3vw;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:3vw;float:left; position:relative; background:url(../img/btn0604.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw);} #containerIsee > #bloco07 .icone0705 {margin-right:3vw;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:3vw;float:left; position:relative; background:url(../img/btn0605.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw);} #containerIsee > #bloco07 .icone0706 {margin-right:3vw;transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;cursor:pointer;margin-top:3vw;float:left; position:relative; background:url(../img/btn0606.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw);} #containerIsee > #bloco07 .icone0701:hover, #containerIsee > #bloco07 .icone0701.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0601-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0702:hover, #containerIsee > #bloco07 .icone0702.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0602-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0703:hover, #containerIsee > #bloco07 .icone0703.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0603-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0704:hover, #containerIsee > #bloco07 .icone0704.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0604-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0705:hover, #containerIsee > #bloco07 .icone0705.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0605-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco07 .icone0706:hover, #containerIsee > #bloco07 .icone0706.active {transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;background:url(../img/btn0606-on.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco13 .anima0701 { width: 100%; height: 100%; top: 0%; left: 0%; } #containerIsee > #bloco13 .anima0701 .sensor0701 {position:absolute;top:66vw;left:22%;float:left; background:url(../img/anima0601.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw);} #containerIsee > #bloco13 .anima0701 .sensor0702 {position:absolute;top:67vw;left: 47%;float:left; background:url(../img/anima0601.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw);} #containerIsee > #bloco13 .anima0701 .sensor0703 {position:absolute;top:53%;left:34%;float:left; background:url(../img/anima0601.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw);} #containerIsee > #bloco13 .anima0701 .sensor0704 {position:absolute;top:70%;left:44%;float:left; background:url(../img/anima0601.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw);} #containerIsee > #bloco13 .anima0701 .sensor0705 {position:absolute;top:73%;left:24%;float:left; background:url(../img/anima0601.png) no-repeat center bottom; background-size:100%; width:calc(54/780*100vw); height:calc(54/780*100vw);} #containerIsee > #bloco07 .textoRefrigerador p {padding-bottom:3vw;} #containerIsee > #bloco07 p strong{font-size: calc(20/780*100vw); padding-bottom: 2vw; margin-left: -10vw;} #containerIsee > #bloco07 .anima070401{position:absolute;top:66.5vw;left:17.5vw;width:calc(330/780*100vw);height:calc(120/780*100vw);background:url(../img/anima060401.png) no-repeat right bottom transparent; background-size:100%;} #containerIsee > #bloco07 .anima070402{position:absolute;top:77vw;left:17.5vw;width:calc(330/780*100vw);height:calc(120/780*100vw);background:url(../img/anima060402.png) no-repeat right bottom transparent; background-size:100%;} #containerIsee > #bloco07 .anima070403{position:absolute;top:87.5vw;left:17.5vw;width:calc(330/780*100vw);height:calc(80/780*100vw);background:url(../img/anima060403.png) no-repeat right bottom transparent; background-size:100%;} #containerIsee > #bloco07 .anima070404{position:absolute;top:94vw;left:17.5vw;width:calc(330/780*100vw);height:calc(80/780*100vw);background:url(../img/anima060404.png) no-repeat right bottom transparent; background-size:100%;} #containerIsee > #bloco07 .anima0705{position:absolute;top:70.5vw;left:21vw;width:calc(260/780*100vw);height:calc(180/780*100vw);background:url(../img/anima0605.png) no-repeat right bottom transparent; background-size:100%;} #containerIsee > #bloco09 { height: auto; padding-bottom: 10%; background: #e7e7e7 url(../img/bg_section10.jpg) top right no-repeat; background-size: 141%; } #containerIsee > #bloco09 h1 { margin-top: 60%; } #containerIsee > #bloco11 .logoinfoLegal { padding: 3vw; width: 15.697917vw;} } #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; } } @keyframes pulse { 0% { opacity: 0.4;} 50% { opacity: 1;} 100% { opacity: 0.4;} } @-webkit-keyframes pulse { 0% { opacity: 0.4;} 50% { opacity: 1;} 100% { opacity: 0.4;} } @-o-keyframes pulse { 0% { opacity: 0.4;} 50% { opacity: 1;} 100% { opacity: 0.4;} } @-moz-keyframes pulse { 0% { opacity: 0.4;} 50% { opacity: 1;} 100% { opacity: 0.6;} } #containerIsee .pulse{-webkit-animation: pulse 3s infinite;-moz-animation: pulse 3s infinite;-o-animation: pulse 3s infinite;animation: pulse 3s infinite;} #containerIsee .transition{transition: ease all 0.5s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;} #containerIsee .left { color: #000; }