/* 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{float:left; position:relative; margin:0; padding:0; width:100%;} #containerIsee > #bloco01 {background:url(../img/1920/bg01.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; } #containerIsee > #bloco01 .textoBox {width:90%; text-align:center; margin-left:3%; margin-right:3%; } .active{color: #fff;} #containerIsee > #bloco01 {height:41.405vw;} #containerIsee > #bloco02 {height:23vw;} #containerIsee > #bloco03 {height:40.5vw;} #containerIsee > #bloco04 {height:38.844vw;} #containerIsee > #bloco05 {height:40.904vw;} #containerIsee > #bloco06 {height:33.854vw;} #containerIsee > #bloco07 {height:67.96975vw;} #containerIsee > #bloco08 {height:38.25vw;} #containerIsee > #bloco09 {height:26.76vw;} #containerIsee > #bloco10 {height:53vw;} #containerIsee > #blocoservice {height:32.1vw;} #containerIsee > #bloco05 {background:url(../img/bg_section04.jpg) no-repeat left top #D3E8F9; background-size:100%;} #containerIsee > #bloco05 img {width:100%; margin-top:2.5vw;} #containerIsee > #bloco09 .specs img {padding-bottom:1vw;} #containerIsee > #bloco09 .specs {font-family:Texto,tahoma,arial,verdana; color:#343434; font-size:1.1vw;} #containerIsee > #bloco09 .specs strong {font-family:Specs,tahoma,arial,verdana; color:#000000; font-size:1.1vw;} #containerIsee > #bloco11 {background-color:#000; padding-bottom:10px; padding-bottom:20px; display:table;} #containerIsee > #bloco11 {height:auto;} #containerIsee > #bloco11 .logoinfoLegal {margin:1vw; } .mouseleave{background-color: transparent!important; color:#000!important;} .active-color{color: #c2e8f9!important;} /* Desktop Full Resolution */ @media screen and (min-width: 781px) { #containerIsee {} #containerIsee .mobileDesk {display:none;} #containerIsee .HideDesk {display:none !important;} /* Setting Font Size */ #containerIsee h1{font-size:3.70625vw; line-height:4.2vw;} #containerIsee h2{font-size:1.883333333vw; line-height: 2.2vw} #containerIsee h3{font-size:1.302083333vw; font-size: 1.802083333vw; line-height: 2.4vw; padding-top: 2vw; padding-bottom: 1vw; } #containerIsee p{font-size:1.3421666667vw;} #containerIsee p strong{font-family:SamsungOne,Verdana, Arial; font-weight:700;} #containerIsee > #bloco01 {background:url(../img/1920/bg01.jpg) no-repeat center bottom #fff; background-size:cover;} #containerIsee > #bloco01 .logo {margin-left: 0.2vw;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 h2 {margin-top:0.08333333333333vw; margin-bottom:1.08333333333333vw;} #containerIsee > #bloco01 .boxes .box {width:7.29vw; height: 7.29vw; margin-left:1%; margin-right:1%; border: 2px solid #fff; border-radius: 5px; float: left;} #containerIsee > #bloco01 .boxes .box:first-child{margin-left: 0} #containerIsee > #bloco01 .boxes .box p{font-family:Titulo,Verdana, Arial; font-size:1.3vw; line-height: 1.3vw; margin-top: 25%;} #containerIsee > #bloco01 .boxes #box-1 p{margin-top: 34%;} #containerIsee > #bloco01 .textoBox {width:100%; } #containerIsee > #bloco01 span{font-size: 2.6vw} #containerIsee > #bloco01 sup{font-size: 1.8vw !important} #containerIsee > #bloco02 {background:url(../img/fundo02.jpg) no-repeat center bottom #f4f2ed; background-size:100%;} #containerIsee > #bloco02 p:last-child{font-family: Specs;font-weight: normal; text-transform: uppercase!important; padding-top: 0.927vw; } #containerIsee > #bloco03 {background:url(../img/1920/bg02.jpg) no-repeat center bottom #f4f2ed; background-size:102%; background-position-y: 0vw;} #containerIsee > #bloco03 h1{padding-top: 6.8vw;} #containerIsee > #bloco03 p{padding-left: 0;} #containerIsee > #bloco04{background-color:#000; background-size:102%;} #containerIsee > #bloco04 h1{padding-top: 8vw;} #containerIsee > #bloco04 .bg0400Desk{width:100%; height:38.844vw;background:url(../img/1920/bg04.jpg) no-repeat center bottom #000; background-size: 100%} #containerIsee > #bloco04 .bg0401Desk{width:100%; height:38.844vw;background:url(../img/1920/bg0401.jpg) no-repeat center bottom #000; background-size: 100%} #containerIsee > #bloco04 .bg0402Desk{width:100%; height:38.844vw;background:url(../img/1920/bg0402.jpg) no-repeat center bottom #000; background-size: 100%} #containerIsee > #bloco04 .bg0403Desk{width:100%; height:38.844vw;background:url(../img/1920/bg0403.jpg) no-repeat center bottom #000; background-size: 100%} #containerIsee > #bloco04 .hotspot0400Desk{width: 5vw; height: 5vw; position: absolute; top:10vw; left: 24vw; display: block; cursor: pointer} #containerIsee > #bloco04 .hotspot0401Desk{width: 5vw; height: 5vw; position: absolute; top:8vw; left: 23vw; display: block; cursor: pointer} #containerIsee > #bloco04 .hotspot0402Desk{width: 5vw; height: 5vw; position: absolute; top:10vw; left: 13vw; display: block; cursor: pointer} #containerIsee > #bloco04 .hotspot0403Desk{width: 5vw; height: 5vw; position: absolute; top:18vw; left: 33vw; display: block; cursor: pointer} #containerIsee > #bloco04 p{width: 90%; float: right;} #containerIsee > #bloco05 h1 {padding-top:2vw;} #containerIsee > #bloco05 .logo {padding-top:4.05vw !important;} #containerIsee > #bloco05 .no-padding{padding-right: 0; padding-left: 0} #containerIsee > #bloco05 .img-gif{top: 9vw; position: relative; left: 0; } #containerIsee > #bloco05 .icone-desc{width: 11vw; position: absolute; right: -7.2vw; top:13vw; } #containerIsee > #bloco05 .icone-desc2{display: none; } #containerIsee > #bloco06 {background:url(../img/1920/bg06.jpg) no-repeat center bottom #fff; background-size:cover;} #containerIsee > #bloco06 .cool06{background-color: rgba(255, 255, 255, 0.85);border-radius: 10px;padding: 1vw; padding-bottom:2vw;position: relative;top: 1vw} #containerIsee > #bloco06 .botao {cursor:pointer;width: 100%; max-width: 19.6vw; height: 2.86vw; background: url(../img/1920/btn_video.png) #000 no-repeat center center; background-size: 85%;position: relative; margin-left: 52vw; margin-right: auto;border-radius: 10vw; z-index: 999} #containerIsee > #bloco06 #mascara-2, #containerIsee > #bloco06 #video-2{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);z-index: 999; display: none;} #containerIsee > #bloco06 #video-2 video{display: block;margin: 0 auto; padding-top: 5vw; width: 38.333vw; height: 20.89130434782609vw; } #containerIsee > #bloco06 #video-2 #fechar-2{background: url(../img/botao.png) no-repeat center center; background-size:100%; width:2.435vw; height:2.435vw; position: absolute; right:30.25vw; top: 3.83vw; z-index: 99999; cursor: pointer} #containerIsee > #bloco06 #ponto-2{margin-left: 11% } #containerIsee > #bloco06 p { width: 83%; margin-left: 3vw} #containerIsee > #bloco06 .prateleiras{width: 90%;margin-left: 2vw} #containerIsee > #bloco07 .mascara{background-color: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; display: none; z-index: 999;} #containerIsee > #bloco07 .bg07{width:100%;height:67.96975vw;position:absolute; top:0;left:0;background:url(../img/1920/bg_section07.jpg) no-repeat center bottom transparent; background-size:cover;} #containerIsee > #bloco07 .bg0701{width:100%;height:67.96975vw;position:absolute; top:0;left:0;background:url(../img/1920/bg_section0701.jpg) no-repeat center bottom transparent; background-size:cover;} #containerIsee > #bloco07 a{transition: ease all 0.3s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;font-family:Texto,Titulo,Verdana, Arial;font-size:1.2966805vw;color: #fff; text-decoration: none;} #containerIsee > #bloco07 .menu {height: 4.38541vw; width: 34.47916vw;float: left; position: relative; top: 2vw; left: 31.8125vw;z-index: 9999;} #containerIsee > #bloco07 .link01{transition: ease all 0.6s; -webkit-transition: ease all 0.6s;padding-right: 2vw; cursor: pointer; width: 6.92708vw; height:3.5vw; float: left; position: relative; border-right: 2px solid #fff;} #containerIsee > #bloco07 .link02{transition: ease all 0.6s; -webkit-transition: ease all 0.6s;cursor: pointer; width: 21.92708vw; height: 4.125vw; float: left; position: relative;left: 2vw; } #containerIsee > #bloco07 .link01:hover {transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;padding-right: 2vw; cursor: pointer; color: #4999cb;width: 6.92708vw; height: 3.5vw; float: left; position: relative; border-right: 2px solid #fff;} #containerIsee > #bloco07 .link02:hover {transition: ease all 0.6s; -webkit-transition: ease all 0.6s;-webkit-transition: width all 0.3s;cursor: pointer; color: #4999cb;width: 21.92708vw; height: 4.125vw; float: left; position: relative;left: 2vw; } #containerIsee > #bloco07 #link01.active {padding-right: 2vw; cursor: pointer; color: #4999cb;width: 6.92708vw; height:3.5vw; float: left; position: relative; border-right: 2px solid #fff;} #containerIsee > #bloco07 #link02.active {cursor: pointer; color: #4999cb; width: 21.92708vw; height: 4.125vw; float: left; position: relative;left: 2vw; } #containerIsee > #bloco07 .zIndex9999{z-index: 9999;} #containerIsee > #bloco07 #hotspot_01{cursor:pointer;width: 5vw; height: 4vw; position: absolute;top: 20VW; left: 33VW;} #containerIsee > #bloco07 .hotspot_link{width:3.6vw;height:3.6vw; cursor: pointer; background: url(../img/btFechar.png) no-repeat center top; background-size:100%; position: absolute;top: -1vw;right: -1vw;z-index: 99;} #containerIsee > #bloco07 .hotSpot1{position: relative;top: 12vw;background: url(../img/1920/hotspot1.jpg) no-repeat center right #fff; background-size:100%;background-position-x: 0vw;height:20.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .txtHotspot1{padding-top: 2vw; padding-left: 3vw !important;} #containerIsee > #bloco07 .hotSpot1 p {width: 80%;} #containerIsee > #bloco07 #hotspot_02{cursor:pointer;width: 4vw; height: 4vw; position: absolute;top: 37VW; left: 40.5VW;} #containerIsee > #bloco07 .hotSpot2{position: relative;top: 12vw;background: url(../img/1920/hotspot2.jpg) no-repeat center right #fff; background-size: 83%; background-position-y: 2vw; background-position-x: 5vw;height:25.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot2 p {width: 80%; margin-left: 5vw} #containerIsee > #bloco07 #hotspot_03{cursor:pointer;width: 4vw; height: 4vw; position: absolute;top:37VW; left: 47.5VW;} #containerIsee > #bloco07 .hotSpot3{position: relative;top: 3vw;background: url(../img/1920/hotspot3.jpg) no-repeat center right #fff; background-size: 112%; background-position-y: 0vw; background-position-x: -5vw;height:31.125vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot3 .txt03{padding-bottom: 1vw;} #containerIsee > #bloco07 .hotSpot3 h2{width: 78%;} #containerIsee > #bloco07 .hotSpot3 p{width: 88%;} #containerIsee > #bloco07 #hotspot_04{cursor:pointer;width: 4vw; height: 4vw; position: absolute;top: 30VW; left: 52.5VW;} #containerIsee > #bloco07 .hotSpot4{position: relative;top: 12vw;background: url(../img/1920/hotspot4.jpg) no-repeat center right #fff; background-size: 92%; background-position-y: 0vw; background-position-x: 4vw;height:17.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot4 p {width: 80%;} #containerIsee > #bloco07 #hotspot_05{cursor:pointer;width: 4vw; height: 4vw; position: absolute; top:28VW; left: 42.5VW;} #containerIsee > #bloco07 .hotSpot5{position: relative;top: 12vw;background: url(../img/1920/hotspot5.jpg) no-repeat center right #fff; background-size: 89%; background-position-y: 0vw; background-position-x: 5vw;height:18.7vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot5 p {width: 73%;} #containerIsee > #bloco07 .hotSpot5 h2 {width: 95%;} #containerIsee > #bloco07 #hotspot_08{cursor:pointer;width: 4vw; height: 4vw; position: absolute; top:22VW; left: 47.5VW;} #containerIsee > #bloco07 .hotSpot8{position: relative;top: 12vw;background: url(../img/1920/hotspot8.jpg) no-repeat center right #fff; background-size: 100%; background-position-y: 0vw; background-position-x: 5vw;height:19vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot8 p {width: 90%;} #containerIsee > #bloco07 #hotspot_06{cursor:pointer;width: 4vw; height: 4vw; position: absolute; top:27VW; left: 44VW;} #containerIsee > #bloco07 .hotSpot6{position: relative;top: 12vw;background: url(../img/1920/hotspot6.jpg) no-repeat center right #fff; background-size: 100%; background-position-y: 0vw; background-position-x: 2vw;height:19vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot6 h2{width: 95%} #containerIsee > #bloco07 .hotSpot6 p {width: 85%;} #containerIsee > #bloco07 #hotspot_07{cursor:pointer;width: 4vw; height: 4vw; position: absolute; top: 39.5VW; left: 50VW;} #containerIsee > #bloco07 .hotSpot7{position: relative;top: 12vw;background: url(../img/1920/hotspot7.jpg) no-repeat center right #fff; background-size: 100%; background-position-y: 0vw; background-position-x: 0vw;height:19.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco08 h1{padding-top: 10vw;} #containerIsee > #bloco08 {background:url(../img/1920/bg08.jpg) no-repeat center bottom #fff; background-size:cover;} #containerIsee > #bloco08 p { width: 80%;} #containerIsee > #bloco09{background:url(../img/bg_section10.jpg) repeat center top #afb1b0; background-size:100%;} #containerIsee > #bloco09 h1, #containerIsee > #bloco09 p{text-align: left} #containerIsee > #bloco09 .icones {padding-top:7vw} #containerIsee > #bloco09 .icones .icol-desk-offset-02{ margin-left: 4.333%!important; } #containerIsee > #bloco09 img{display: block; margin: 0 auto; width: 100%; max-width: 478px; padding-bottom: 1vw; padding-top:1vw} #containerIsee > #bloco09 .icones img{width: 100%; max-width: 144px;} #containerIsee > #bloco09 .icones #selo01{width: 70%!important; margin: 0 auto; display: block; top: -0.5vw; position: relative;} #containerIsee > #bloco09 .icones p{text-transform: uppercase; padding-top: 0.8vw; line-height: 1.6vw; width: 10vw; text-align: center; left:-2vw} .HideDesk{display: none!important} .mobileHide{display: block;} .HideTb{display: block;} #containerIsee > #bloco09 p{width: 88%;} #containerIsee > #bloco11 .infoLegal {font-size:13px; width:90%; padding-left: 5%; padding-right: 5%;} #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%;} } @media screen and (max-width: 1024px) { #containerIsee .largura{width: 8% !important} #containerIsee .space{padding-left:0vw !important; width: 87% !important;} } /* ************ Mobile ************ */ @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/sessao01.jpg) no-repeat center bottom #fff; background-size:100%;} #containerIsee > #bloco03 {background:url(../img/768/sessao02.jpg) no-repeat center bottom #ffffff; background-size:102%;} #containerIsee > #bloco04 {background: #000;} #containerIsee > #bloco07 {background:url(../img/768/sessao06.jpg) no-repeat center bottom transparent; background-size:100%;} #containerIsee > #bloco08 {background:url(../img/768/sessao08.jpg) no-repeat center bottom #ccc; background-size:100%;} #containerIsee > #bloco09 {background:url(../img/1024/sessao08.jpg) repeat center bottom #000; background-size:100%;} .mobileHide{display: none !important;} #containerIsee > #bloco11 { height: auto; padding-top: 4vw; padding-bottom: 4vw;} .centerMB{text-align: center !important;} #containerIsee {} /* Setting Font Size */ #containerIsee h1{font-size:7.397vw!important; line-height:8.297vw !important; text-align: center!important; padding-top:7.692vw !important; padding-bottom:6.167vw!important} #containerIsee h2{font-size:3.8vw; line-height: 4vw; padding-top:3.692vw !important; padding-bottom:2.167vw!important} #containerIsee h3{font-size:1.8vw; font-size: 3.8vw; line-height: 4.2vw; } #containerIsee p{font-size:2.8vw;} #containerIsee > #bloco01 {height: 168.974vw;} #containerIsee > #bloco02 {height: 138.46vw;} #containerIsee > #bloco03 {height: 141.66666vw;} #containerIsee > #bloco04 {height: 140vw;} #containerIsee > #bloco06 {height: 112.79vw;} #containerIsee > #bloco08 {height:124.205vw; z-index: 999;} #containerIsee > #bloco07 {height: 167.974vw;} #containerIsee > #bloco01 .logo {float:left; position:relative; margin-top: 6.783vw; margin-bottom: 2.08333333333333vw; height: auto; width: 90%; left:2vw;} #containerIsee > #bloco01 h1 {margin-top:-2vw;} #containerIsee > #bloco01 h2 {margin-top:3vw; margin-bottom:2.08333333333333vw; right:2vw; font-size: 3.3vw;} #containerIsee > #bloco01 .textoBox {width:100%;} #containerIsee > #bloco01 .boxes{padding-top: 3vw;} #containerIsee > #bloco01 .boxes .box {width:21.344vw; height: 21.344vw; min-width: 21.344vw; min-height: 21.344vw; margin-left:5%; margin-right:1%; border: 2px solid #fff; border-radius: 5px; float: left;} #containerIsee > #bloco01 .boxes .box p { font-family: Titulo,Verdana, Arial; font-size: 3.319vw; line-height: 3.2vw; margin-top: 25%;} #containerIsee > #bloco01 .boxes #box-1 p{margin-top: 34%;} #containerIsee > #bloco01 sup{font-size: 5vw !important} #containerIsee > #bloco02 p:last-child{font-family: Specs;font-weight: normal; text-transform: uppercase!important; padding-top: 0.927vw; } #containerIsee > #bloco03 h1{padding-top: 8vw;} #containerIsee > #bloco03 p{padding-left: 0;} #containerIsee > #bloco04 h1{padding-top: 10vw;} #containerIsee > #bloco04 .bg0400{width: 100%;height: 87vw;background: url(../img/1920/bg04.jpg) no-repeat center bottom transparent; background-size: 90%;position: relative; bottom: 0vw; z-index: -9;} #containerIsee > #bloco04 .bg0401{width: 100%;height: 87vw;background: url(../img/1920/bg0401.jpg) no-repeat center bottom transparent; background-size: 90%;position: relative; bottom: 0vw; z-index: -9;} #containerIsee > #bloco04 .bg0402{width: 100%;height: 87vw;background: url(../img/1920/bg0402.jpg) no-repeat center bottom transparent; background-size: 90%;position: relative; bottom: 0vw; z-index: -9;} #containerIsee > #bloco04 .bg0403{width: 100%;height: 87vw;background: url(../img/1920/bg0403.jpg) no-repeat center bottom transparent; background-position-x: 2vw;background-size: 90%;position: relative; bottom: 0vw; z-index: -9;} #containerIsee > #bloco04 .hotspot0400{width: 11vw; height: 11vw; position: absolute; top:22vw; left: 56vw; display: block; cursor: pointer} #containerIsee > #bloco04 .hotspot0401{width: 11vw; height: 11vw; position: absolute; top:18vw; left: 54vw; display: block; cursor: pointer} #containerIsee > #bloco04 .hotspot0402{width: 11vw; height: 11vw; position: absolute; top:20vw; left: 32vw; display: block; cursor: pointer} #containerIsee > #bloco04 .hotspot0403{width: 11vw; height: 11vw; position: absolute; top:40vw; left: 77vw; display: block; cursor: pointer} #containerIsee > #bloco05 {height:182vw; background: url(../img/768/bg_section04.jpg) no-repeat center top #9FBFD8; background-size: 106%;} #containerIsee > #bloco05 h1 {padding-top:4.02vw; } #containerIsee > #bloco05 img {padding-top:5vw;} #containerIsee > #bloco05 .logo {padding-top:5.974vw;} #containerIsee > #bloco05 p{text-align: center} #containerIsee > #bloco05 .img-gif{top:26vw; position: relative; left: 0; } #containerIsee > #bloco05 .icone-desc{display: none; } #containerIsee > #bloco05 .icone-desc2{display: block; width: 35vw; position: absolute; left: -26.5vw; top: 30vw; } #containerIsee > #bloco06 .bg06{height:112.79vw;background:url(../img/768/sessao0601.jpg) no-repeat center bottom; background-size: 100%} #containerIsee > #bloco06 .bg0601{height: 112.79vw;background:url(../img/768/sessao0602.jpg) no-repeat center bottom; background-size: 100%} #containerIsee > #bloco06 h1{margin-left: 5vw;margin-top: 1vw;} #containerIsee > #bloco06 .texto03{ background-color: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; padding-bottom: 9vw; padding-top: 6vw; padding-left: 15vw; padding-right: 15vw;} #containerIsee > #bloco06 .texto0301{ background-color: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; padding-bottom: 9vw; padding-top: 6vw; padding-left: 15vw; padding-right: 15vw;} #containerIsee > #bloco06 h2{font-size: 5.128vw;line-height: 5.3vw} #containerIsee > #bloco07 .texto06 p{margin-left: 12vw} #containerIsee > #bloco07 .mascara{background-color: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; display: none; z-index: 999;} #containerIsee > #bloco07 .bg07{width:100%;height:167.974vw;position:absolute; top:0;left:0;background:url(../img/768/sessao0702.jpg) no-repeat center bottom transparent; background-size:cover;} #containerIsee > #bloco07 .bg0701{width:100%;height:167.974vw;position:absolute; top:0;left:0;background:url(../img/768/sessao0701.jpg) no-repeat center bottom transparent; background-size:cover;} #containerIsee > #bloco07 a{transition: ease all 0.3s; -webkit-transition: ease all 0.3s;-webkit-transition: width all 0.3s;font-family:Texto,Titulo,Verdana, Arial;font-size:1.2966805vw;color: #fff; text-decoration: none;} #containerIsee > #bloco07 .menu { height: 10.38541vw; width: 100%; float: left; position: relative; top: 11vw;left:4vw;z-index: 9999;} #containerIsee > #bloco07 .link01{font-size:3.8vw;transition: ease all 0.6s; -webkit-transition: ease all 0.6s;padding-right: 2vw; cursor: pointer;width: 32.92708vw;height: 5.5vw; float: left; position: relative; color:#fff; border-right: 2px solid #fff;} #containerIsee > #bloco07 .link02{ font-size: 3.8vw; transition: ease all 0.6s; -webkit-transition: ease all 0.6s; cursor: pointer; width: 36.92708vw; height: 6.125vw; float: left; position: relative; left: 2vw;} #containerIsee > #bloco07 .link01:hover {transition: ease all 0.6s; -webkit-transition: ease all 0.6s; -webkit-transition: width all 0.3s;padding-right: 2vw; cursor: pointer; color: #4999cb;width: 32.92708vw;height: 5.5vw; float: left; position: relative; border-right: 2px solid #fff;} #containerIsee > #bloco07 .link02:hover {transition: ease all 0.6s; -webkit-transition: ease all 0.6s;-webkit-transition: width all 0.3s;cursor: pointer; color: #4999cb;width: 32.92708vw;height: 5.5vw; float: left; position: relative;left: 2vw; } #containerIsee > #bloco07 #link01MB.active {padding-right: 2vw; color: #4999cb; width: 32.92708vw;height: 5.5vw; float: left; position: relative; border-right: 2px solid #fff;} #containerIsee > #bloco07 #link02MB.active {cursor: pointer; color: #4999cb; width: 32.92708vw;height: 5.5vw; float: left; position: relative;left: 2vw; } #containerIsee > #bloco07 .zIndex9999{z-index: 9999;} #containerIsee > #bloco07 #hotspot_01{cursor:pointer;width: 9vw; height: 9vw; position: absolute;top: 61VW; left: 11VW;} #containerIsee > #bloco07 .hotspot_link{width:7.6vw;height:7.6vw; cursor: pointer; background: url(../img/btFechar.png) no-repeat center top; background-size:100%; position: absolute;top: -1vw;right: -1vw;z-index: 99;} #containerIsee > #bloco07 .hotSpot1{position: relative;top: 12vw;background: url(../img/1920/hotspot1.jpg) no-repeat center right #fff; background-size:100%; background-position-y: 20vw;background-position-x: -21vw;height:55.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .txtHotspot1{padding-top: 3vw;} #containerIsee > #bloco07 .hotSpot1 p {width: 100%;} #containerIsee > #bloco07 #hotspot_02{cursor:pointer;width: 9vw; height: 9vw; position: absolute;top: 102VW; left: 27.5VW;} #containerIsee > #bloco07 .hotSpot2{position: relative;top: 12vw;background: url(../img/1920/hotspot2.jpg) no-repeat center right #fff; background-size: 100%; background-position-y: 14vw; background-position-x: 0vw;height:55.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot2 p {width: 100%; margin-left: 0vw} #containerIsee > #bloco07 #hotspot_03{cursor:pointer;width: 9vw; height: 9vw; position: absolute;top:101VW; left: 45.5VW;} #containerIsee > #bloco07 .hotSpot3{position: relative;top: 3vw;background: url(../img/1920/hotspot3.jpg) no-repeat center right #fff; background-size: 129%; background-position-y: 0vw; background-position-x: -16vw;height:66.125vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot3 .txt03{padding-bottom: 1vw;} #containerIsee > #bloco07 #hotspot_04{;cursor:pointer;width: 9vw; height: 9vw; position: absolute;top:84VW; left: 56VW;} #containerIsee > #bloco07 .hotSpot4{position: relative;top: 12vw;background: url(../img/1920/hotspot4.jpg) no-repeat center right #fff; background-size: 105%; background-position-y: 0vw; background-position-x: -2vw;height:40.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot4 p {width: 80%;} #containerIsee > #bloco07 #hotspot_05{cursor:pointer;width: 9vw; height: 9vw; position: absolute; top:78VW; left: 32.5VW;} #containerIsee > #bloco07 .hotSpot5{position: relative;top: 12vw;background: url(../img/1920/hotspot5.jpg) no-repeat center right #fff; background-size: 116%; background-position-y: 0vw; background-position-x: -7vw;height:44.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot5 p {width: 80%;} #containerIsee > #bloco07 .hotSpot5 h2 {width: 95%;} #containerIsee > #bloco07 #hotspot_08{cursor:pointer;width: 9vw; height: 9vw; position: absolute; top:64VW; left: 45.5VW;} #containerIsee > #bloco07 .hotSpot8{position: relative;top: 12vw;background: url(../img/1920/hotspot8.jpg) no-repeat center right #fff; background-size: 117%; background-position-y: 0vw; background-position-x: -3vw;height:44.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot8 p {width: 90%;} #containerIsee > #bloco07 #hotspot_06{cursor:pointer;width: 9vw; height: 9vw; position: absolute; top:77VW; left: 37VW;} #containerIsee > #bloco07 .hotSpot6{position: relative;top: 12vw;background: url(../img/1920/hotspot6.jpg) no-repeat center right #fff; background-size: 114%; background-position-y: 0vw; background-position-x:-5vw;height:43.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco07 .hotSpot6 h2{width: 95%} #containerIsee > #bloco07 .hotSpot6 p {width: 85%;} #containerIsee > #bloco07 #hotspot_07{cursor:pointer;width: 9vw; height: 9vw; position: absolute; top: 107.5VW; left: 52VW;} #containerIsee > #bloco07 .hotSpot7{position: relative;top: 12vw;background: url(../img/1920/hotspot7.jpg) no-repeat center right #fff; background-size: 114%; background-position-y: 0vw; background-position-x: -5vw;height:43.2vw;border-radius:20px;z-index: 9999;} #containerIsee > #bloco08 h1{padding-top: 10vw;} #containerIsee > #bloco08 img{display: none;} #containerIsee > #bloco08 p{margin-left: 10vw} #containerIsee > #bloco09{height: 112.36vw!important} #containerIsee > #bloco09 img{display: block; margin: 0 auto; width: 100%; max-width: 478px; padding-bottom: 2vw; padding-top:2vw} #containerIsee > #bloco09 .icones img{width: 100%;} #containerIsee > #bloco09 .icones p {text-transform: uppercase; padding-top: 0.8vw; line-height: 3vw; text-align: center;} #containerIsee > #bloco09 .icones #selo01{width: 56%; margin: 0 auto; display: block;} #containerIsee > #bloco09 .icones #selo02{width: 84%; margin: 0 auto; display: block;} #containerIsee > #bloco09 .icones{left: -2vw; padding-top: 4vw} #containerIsee > #bloco11 .infoLegal {font-size:10px; width:90%; padding-left: 5%; padding-right: 5%;} #containerIsee > #bloco11 .logoinfoLegal {margin:1vw; width:120px; padding-left: 2vw;padding-bottom: 2.5vw;} #containerIsee > #footerSamsung #samsungCare { height: 82vw!important; background-size: 111%!important;} } } @media screen and (max-width: 400px) { #containerIsee h1{font-size:6.8vw; line-height:7vw;} #containerIsee h2{font-size:3.5vw;} #containerIsee h3{font-size:2.8vw;} #containerIsee p{font-size:2.8vw;} #containerIsee > #bloco05 { height:178vw} #containerIsee > #bloco08 .botao{margin-top:107vw;} #containerIsee > #bloco09 .icones {margin-left: 4%;} #containerIsee > #bloco04 ul { padding-top: 22.981vw;} #containerIsee > #bloco01 h2 { font-size: 3.4vw; margin-top: 1.38333333333333vw;} #containerIsee > #bloco01 { height: 161.625vw;} #containerIsee > #bloco02 { height: 54vw;} #containerIsee > #bloco05 h1 { padding-top: 0 !important;} } #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; } }