/* 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:4.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:#3a3a3a;} #containerIsee .txtMarrom{color: #8c5831;} #containerIsee .txtAzul{color: #00b3e2;} #containerIsee .bgBranco{background-color:#ffffff;} #containerIsee .bgCinza {background-color:#c0c0c0;} #containerIsee .bgPreto {background-color:#000000;} #containerIsee sup {font-size:50%;} #containerIsee button {cursor:pointer; font-family:SamsungSharpSans,Verdana, Arial;} #containerIsee .h100 {height:100%;} #containerIsee .left{text-align: left !important;} /* Blocos informações Genericas para todas as resoluções */ #containerIsee #bloco01, #containerIsee #bloco02, #containerIsee #bloco03, #containerIsee #bloco04, #containerIsee #bloco04, #containerIsee #bloco05, #containerIsee #bloco06,#containerIsee #concierge, #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 .noUi-handle:after, #containerIsee .noUi-handle:before { display:none !important; } @keyframes zoomIn { 0% { -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1); /* Standard syntax */ } 50% { -ms-transform: scale(1.03,1.03); /* IE 9 */ -webkit-transform: scale(1.03,1.03); /* Safari */ transform: scale(1.03,1.03); /* Standard syntax */ } 100% { -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1); /* Standard syntax */ } } @keyframes zoomInMobile { 0% { -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1); /* Standard syntax */ } 50% { -ms-transform: scale(1.05,1.05); /* IE 9 */ -webkit-transform: scale(1.05,1.05); /* Safari */ transform: scale(1.05,1.05); /* Standard syntax */ } 100% { -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1); /* Standard syntax */ } } #containerIsee .show{opacity: 1;} /* Desktop Full Resolution */ @media screen and (min-width: 1025px) { #easy {margin-left:-5px; padding-left:0.7vw !important;} #durafin {margin-left:-5px; padding-left:0.7vw !important;} #containerIsee {} #containerIsee .mobileHide {display:block;} #containerIsee .HideTB {display:block;} #containerIsee .HideDesk {display:none !important;} /* Setting Font Size */ #containerIsee h1, #containerIsee h3, #containerIsee h4, #containerIsee h5, #containerIsee h6{font-size:calc(75/1920*100vw); line-height:calc(85/1920*100vw);} #containerIsee h2{font-size:calc(72/1920*100vw); line-height:calc(76/1920*100vw);} #containerIsee p{font-size:calc(25/1920*100vw); line-height:calc(32/1920*100vw);} #containerIsee > #bloco01 {height:calc(792/1920*100vw);} #containerIsee > #bloco02 {height:calc(552/1920*100vw);} #containerIsee > #bloco03 {height:calc(768/1920*100vw)!important} #containerIsee > #bloco04 {height:calc(904/1920*100vw);} #containerIsee > #bloco05 {height:calc(700/1920*100vw);} #containerIsee > #bloco06 {height:calc(690/1920*100vw);} #containerIsee > #bloco07 {height:calc(840/1920*100vw);} #containerIsee > #bloco08 {height:calc(720/1920*100vw);} #containerIsee > #bloco14 {height:auto;} #containerIsee > #bloco01 .logo{width: 81%; top: -0.8vw; position: relative;} #containerIsee > #bloco01{background: url("../img/1920/SSG_WindFree_bloco01.jpg") no-repeat center right; background-size: 100%;} #containerIsee > #bloco01 h2{font-size: calc(22/1920*100vw); line-height: normal;} #containerIsee > #bloco01 .paddingHeader{padding-top: calc(50/1920*100vw); font-size: calc(30/1920*100vw);} #containerIsee > #bloco01 h1{padding-top: calc(240/1920*100vw);} #containerIsee > #bloco02{background: url("../img/1920/SSG_WindFree_bloco02.jpg") no-repeat center left #d8e6eb; background-size: 46%;} #containerIsee > #bloco02 p{font-size: calc(35/1920*100vw); line-height: calc(43/1920*100vw); padding-top: calc(138/1920*100vw)} #containerIsee > #bloco02 .hotspot{position: absolute; height: calc(69/1920*100vw); width: calc(90/1920*100vw); background: url("../img/1920/lupa.png") no-repeat center; background-size: cover; left: calc(705/1920*100vw); top: calc(178/1920*100vw); cursor: pointer} #containerIsee > #bloco02 .zoom{position: absolute; height: calc(551/1920*100vw); width: calc(560/1920*100vw); background: url("../img/1920/zoom.png") no-repeat center; background-size: cover; left: calc(409/1920*100vw); cursor: pointer; display: none} #containerIsee > #bloco03{background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;width: 100%; height: 100%;} #containerIsee > #bloco03 h3{padding-top: calc(126/1920*100vw); padding-bottom: calc(50/1920*100vw); z-index: 999999!important; position: absolute; top: 0vw} #containerIsee > #bloco03 p{ z-index: 999999!important; position: absolute;top: 22vw;} #containerIsee > #bloco03 .termometro{width: calc(122/1920*100vw); height: calc(296/1920*100vw); background: url("../img/1920/termometro.png") no-repeat center center transparent; background-size: 100%; left: calc(937/1920*100vw); position: absolute; top: calc(350/1920*100vw); z-index: 999} #containerIsee > #bloco03 .termometro2{width: calc(122/1920*100vw); height: calc(296/1920*100vw); background: url("../img/1920/termometro.png") no-repeat center center transparent; background-size: 100%; left: calc(937/1920*100vw); position: absolute; top: calc(350/1920*100vw); z-index: 999; display: none} #containerIsee > #bloco03 .calor{width: calc(14/1920*100vw); height: calc(89/1920*100vw); position: absolute; background-color: #a20000; left: calc(995/1920*100vw); top: calc(425/1920*100vw); } #containerIsee > #bloco03 .calor2{width: calc(14/1920*100vw); height: calc(89/1920*100vw); position: absolute; background-color: #a20000; left: calc(995/1920*100vw); top: calc(425/1920*100vw); display: none} #containerIsee > #bloco03 .botao .btn1{word-wrap: break-word; background-color: #0072bc; width: 10vw; padding: 0.7vw; border-radius: 0.7vw; cursor: pointer; position: absolute;margin-right: auto; margin-left: auto; top:calc(937/1920*100vw); top: calc(680/1920*100vw); left: 0; right: 0;} #containerIsee > #bloco03 .botao .btn2{word-wrap: break-word; background-color: #0072bc; width: 10vw; padding: 0.7vw; border-radius: 0.7vw; cursor: pointer; position: absolute;margin-right: auto; margin-left: auto; top:calc(937/1920*100vw); top: calc(680/1920*100vw); left: 0; right: 0; display: none} #containerIsee > #bloco03 .txt1, #containerIsee > #bloco03 .txt3{position: absolute; font-size: calc(18/1920*100vw); top: calc(414/1920*100vw); left: calc(867/1920*100vw); width: calc(100/1920*100vw); font-weight: 600; display: none} #containerIsee > #bloco03 .txt2, #containerIsee > #bloco03 .txt4{position: absolute; font-size: calc(18/1920*100vw); top: calc(486/1920*100vw); left: calc(853/1920*100vw); width: calc(123/1920*100vw); font-weight: 600; display: none} /*#containerIsee > #bloco03 .bg1{background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;width: 100%; height: 100%;} #containerIsee > #bloco03 .bg2{background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;width: 100%; height: 100%; display: none;} */ @-webkit-keyframes mudaBG { 0% {background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @-moz-keyframes mudaBG { 0% {background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @-o-keyframes mudaBG { 0% {background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @keyframes mudaBG { 0% {background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @-webkit-keyframes mudaBG2 { 0% {background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @-moz-keyframes mudaBG2 { 0% {background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @-o-keyframes mudaBG2 { 0% {background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @keyframes mudaBG2 { 0% {background: url("../img/1920/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1920/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @-webkit-keyframes calor { 0% { top: calc(425/1920*100vw)} 50% { top: calc(500/1920*100vw)} 100% { top: calc(500/1920*100vw)} } @-moz-keyframes calor { 0% { top: calc(425/1920*100vw)} 50% { top: calc(500/1920*100vw)} 100% { top: calc(500/1920*100vw)} } @-o-keyframes calor { 0% { top: calc(425/1920*100vw)} 50% { top: calc(500/1920*100vw)} 100% { top: calc(500/1920*100vw)} } @keyframes calor { 0% { top: calc(425/1920*100vw)} 50% { top: calc(500/1920*100vw)} 100% { top: calc(500/1920*100vw)} } #containerIsee > #bloco04{background: url("../img/1920/SSG_WindFree_bloco04.jpg") no-repeat bottom right #fff; background-size:29%;} #containerIsee > #bloco04 h4{margin-bottom: 2.5vw;} #containerIsee > #bloco04 .video{height: 26vw; padding-top:2vw; cursor: pointer;} #containerIsee > #bloco04 .texto{font-size: calc(12/1920*100vw); top:11vw; color: #444; left: -1vw;} #containerIsee > #bloco04 .cliqueVideo{top:2vw; cursor: pointer;} #containerIsee > #bloco04 .video{width: 65.5vw; height: 37vw;position: absolute; z-index: 99999999; top: 3vw; left: 0; margin-left: auto; margin-right: auto; right: 0; display: none;} #containerIsee > #bloco04 .mascara{width: 100%; height:100%; background-color: rgba(0, 0, 0, 0.8); position: absolute; z-index: 99999; display: none;} #containerIsee > #bloco04 .fechar{width: calc(40/1920*100vw); height: calc(40/1920*100vw); background: url('../img/close.png') no-repeat center top transparent; background-size: 100%; cursor: pointer; position: absolute; right: 2vw; top: 2vw; z-index: 9999999; display: none} #containerIsee > #bloco04 video{ width: 100%; height: 100%; } #containerIsee > #bloco05{background: url("../img/1920/SSG_WindFree_bloco05.jpg") no-repeat center left #ddd; background-size: contain;} #containerIsee > #bloco05 h3{margin-top: 5vw; padding-bottom: 1vw;} #containerIsee > #bloco05 .botao-mood{transition:1s;background-color: #0072bc; color: #FFF; border: 0; padding: 1vw; border-radius: 1vw; margin-top: 3vw} #containerIsee button:focus{outline: thin dotted; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px;} #containerIsee > #bloco05 .botao-mood:hover{transition:1s;background:#0691eb; } #containerIsee > #bloco05 .botao{display:inline; float:left; transition:1s;background-color: #ebebeb; border: 0; padding: 0.5vw; border-radius: 1vw; margin-top: 2vw} #containerIsee > #bloco05 .botao:hover{transition:1s;background:#0072bc; color: #fff } #containerIsee > #bloco05 .botao-convencional{background-color: #0072bc; color: #fff } #containerIsee > #bloco05 .botao-wind{ margin-left:1vw; float:left;transition:1s;} #containerIsee > #bloco05 .botao-wind:hover{transition:1s;} #containerIsee > #bloco05 #animacao{display:none; height:100%;position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5);} #containerIsee > #bloco05 #hotspot{border-radius:1vw; width: 95%; margin: 2.5%; height:85%; background:#d7d7d7; background-size: contain; } #containerIsee > #bloco05 #fechar{cursor: pointer; position: absolute; top:2vw; right: 2vw; width: calc(60/1920*100vw); height:calc(60/1920*100vw); background: url("../img/fechar.png") no-repeat center left transparent; background-size: contain;} #containerIsee > #bloco05 #background01{position:absolute; top: 0; left: 0;border-top-left-radius:1vw;border-bottom-left-radius:1vw; width: calc(1020/1920*100vw); height: 85%; margin: 2.4%; background: url("../img/1920/SSG_WindFree_bloco05_hotspot01.jpg") no-repeat center left; background-size: contain;} #containerIsee > #bloco05 #background02{display:none;position:absolute; top: 0; left: 0;border-top-left-radius:1vw;border-bottom-left-radius:1vw; width: calc(1020/1920*100vw); height: 85%; margin: 2.4%; background: url("../img/1920/SSG_WindFree_bloco05_hotspot.jpg") no-repeat center left; background-size: contain;} #containerIsee > #bloco06 .menu{z-index: 999999; margin-top: 3vw} #containerIsee > #bloco06 .menu .botao{border-bottom: 0.2vw solid #0072bc;border-right: 0.1vw solid #555;} #containerIsee > #bloco06 .menu button{padding: 0 0.5vw 0 0.5vw; transition:1s;background: none; border: none; font-weight: bolder;} #containerIsee > #bloco06 .menu button:hover{border-bottom: 0.2vw solid #0072bc; font-weight: bolder; } #containerIsee > #bloco06 .menu button:hover p{font-weight: bolder; } #containerIsee > #bloco06 .menu .botao p{font-weight: bolder; } #containerIsee > #bloco06 .virus{position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/1920/SSG_WindFree_bloco06.jpg") no-repeat center left; background-size: cover} #containerIsee > #bloco06 .virus h3{ margin-top: 10vw; padding-bottom: 1vw; } #containerIsee > #bloco06 .easy{display:none; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/1920/SSG_WindFree_bloco0601.jpg") no-repeat center left; background-size: cover;} #containerIsee > #bloco06 .easy h3{ margin-top: 10vw; padding-bottom: 1vw; } #containerIsee > #bloco07{background: url("../img/1920/SSG_WindFree_bloco07-1.jpg") no-repeat center left #ddd; background-size: 100%;} #containerIsee > #bloco07 h3{margin-top: 14vw} #containerIsee > #bloco07 p{width: 84%; padding-top: 2vw!important;} #containerIsee > #bloco07 .pulse{cursor: pointer;; width:calc(141/1920*100vw); height:calc(145/1920*100vw); position: absolute; left: 14.9vw; top: 15.7vw; background: url("../img/1920/pulse.png") no-repeat center; background-size: 100%} .trocaBG{background: url("../img/1920/SSG_WindFree_bloco07.jpg") no-repeat center left #ddd!important; background-size: 100%!important;} #containerIsee > #bloco08 .menu{z-index: 999999; margin-top: 3vw} #containerIsee > #bloco08 .menu .botao{border-bottom: 0.2vw solid #0072bc;border-right: 0.1vw solid #555;} #containerIsee > #bloco08 .menu button{padding: 0 0.5vw 0 0.5vw; transition:1s;background: none; border: none; font-weight: bolder;} #containerIsee > #bloco08 .menu button:hover{border-bottom: 0.2vw solid #0072bc; font-weight: bolder; } #containerIsee > #bloco08 .menu button:hover p{font-weight: bolder; } #containerIsee > #bloco08 .menu .botao p{font-weight: bolder; } #containerIsee > #bloco08 .tripla{position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/1920/SSG_WindFree_bloco08.jpg") no-repeat center right #FFF; background-size: contain;} #containerIsee > #bloco08 .tripla h3{ margin-top: 10vw; padding-bottom: 1vw; } #containerIsee > #bloco08 .tripla p{width: 85%;} #containerIsee > #bloco08 .durafin{display:none; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/1920/SSG_WindFree_bloco09.jpg") no-repeat center right #ebebeb; background-size: contain;} #containerIsee > #bloco08 .durafin h3{ margin-top: 8vw;padding-bottom: 1vw } #containerIsee > #bloco08 .durafin p{width: 84%; } #containerIsee > #bloco14 {background-color:#000000;} #containerIsee > #bloco14 table {width:85%; margin-bottom:2vw; margin-top:2vw;} #containerIsee > #bloco14 img.logoSamsung {width:9.42708333333333vw; height:3.125vw; margin-right:2vw;} #containerIsee > #bloco14 img.logoZonaFranca {width:5.36458333333333vw; height:3.125vw; margin-left:2vw;} #containerIsee > #bloco14 .texto {font-size:0.7vw; line-height: normal;} } @media screen and (min-width: 781px) and (max-width: 1024px) { #easy {margin-left:-6px; padding-left:0.7vw !important;} #durafin {margin-left:-6px; padding-left:0.7vw !important;} #containerIsee {} #containerIsee .mobileHide {display:block;} #containerIsee .HideTB {display:none!important;} #containerIsee .HideDesk {display:block;} /* Setting Font Size */ #containerIsee h1, #containerIsee h3, #containerIsee h4, #containerIsee h5, #containerIsee h6{font-size:calc(50/1024*100vw); line-height:calc(60/1024*100vw); padding-bottom: 1vw} #containerIsee h2{font-size:calc(60/1024*100vw); line-height:calc(64/1024*100vw);} #containerIsee p{font-size:calc(20/1024*100vw); line-height:calc(25/1024*100vw);} #containerIsee > #bloco01 {height:calc(800/1024*100vw);} #containerIsee > #bloco02 {height:calc(465/1024*100vw);} #containerIsee > #bloco03 {height:calc(636/1024*100vw);} #containerIsee > #bloco04 {height:calc(900/1024*100vw);} #containerIsee > #bloco05 {height:calc(580/1024*100vw);} #containerIsee > #bloco06 {height:calc(600/1024*100vw);} #containerIsee > #bloco07 {height:calc(718/1024*100vw);} #containerIsee > #bloco08 {height:calc(640/1024*100vw);} #containerIsee > #bloco14 {height:auto; } #containerIsee > #footerSamsung #samsungClub .logoClub img { width: calc(200/1920*100vw); height: auto; position: absolute; top: 1.3vw !important; left: 11vw;} #containerIsee > #bloco01{background: url("../img/1920/SSG_WindFree_bloco01.jpg") no-repeat center right; background-size: 189%; background-position-x: -56vw;} #containerIsee > #bloco01 h2{font-size: calc(20/1024*100vw); line-height: normal;} #containerIsee > #bloco01 .paddingHeader{padding-top: calc(37/1024*100vw); font-size: calc(27/1024*100vw);} #containerIsee > #bloco01 h1{padding-top: calc(157/1024*100vw); font-size: calc(60/1024*100vw);} #containerIsee > #bloco01 .logo{width: 78%; top: -1.2vw; position: relative; float: right;} #containerIsee > #bloco02{background: url("../img/1920/SSG_WindFree_bloco02.jpg") no-repeat center left #d8e6eb; background-size: 67%; background-position-x: -24vw;} #containerIsee > #bloco02 p{font-size: calc(21/1024*100vw); line-height: normal; padding-top: calc(158/1024*100vw)} #containerIsee > #bloco02 .hotspot{position: absolute; height: calc(69/1024*100vw); width: calc(90/1024*100vw); background: url("../img/1920/lupa.png") no-repeat center; background-size: cover; left: calc(332/1024*100vw); top: calc(178/1024*100vw); cursor: pointer; left: calc(310/1024*100vw); top: calc(148/1024*100vw);} #containerIsee > #bloco02 .zoom{position: absolute; height: calc(347/1024*100vw); width: calc(321/1024*100vw); background: url("../img/1920/zoom.png") no-repeat center; background-size: cover; left: calc(154/1024*100vw); cursor: pointer; display: none; top: calc(54/1024*100vw);} #containerIsee > #bloco03{background: url("../img/1024/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} #containerIsee > #bloco03 h3{padding-top: calc(88/1024*100vw); padding-bottom: calc(20/1024*100vw); left: 7vw; font-size: calc(55/1024*100vw);} #containerIsee > #bloco03 p{width: 31%; left: 7.5vw;} #containerIsee > #bloco03 .termometro, #containerIsee > #bloco03 .termometro2{width: calc(79/1024*100vw); height: calc(228/1024*100vw); background: url("../img/1920/termometro.png") no-repeat center center transparent; background-size: 100%; left: calc(469/1024*100vw); position: absolute; top: calc(292/1024*100vw); z-index: 999;} #containerIsee > #bloco03 .calor, #containerIsee > #bloco03 .calor2{width: calc(10/1024*100vw); height: calc(53/1024*100vw); position: absolute; background-color: #a20000; left: calc(506/1024*100vw); top: calc(360/1024*100vw);} #containerIsee > #bloco03 .botao p{word-wrap: break-word; background-color: #0072bc; width: 17vw; padding: 0.7vw; border-radius: 0.7vw; cursor: pointer; position: absolute; margin-right: auto; margin-left: auto; top: calc(548/1024*100vw); left: 0; right: 0;} #containerIsee > #bloco03 .txt1, #containerIsee > #bloco03 .txt3{position: absolute; font-size: calc(23/1920*100vw); top: calc(651/1920*100vw); left: calc(794/1920*100vw); width: calc(100/1920*100vw); font-weight: 600; display: none;} #containerIsee > #bloco03 .txt2, #containerIsee > #bloco03 .txt4{position: absolute; font-size: calc(23/1920*100vw); top: calc(742/1920*100vw); left: calc(770/1920*100vw); width: calc(154/1920*100vw); font-weight: 600; display: none;} #containerIsee > #bloco14 {background-color:#000000;} #containerIsee > #bloco14 table {width:85%; margin-bottom:2vw; margin-top:2vw;} #containerIsee > #bloco14 img.logoSamsung {width:11.42708333333333vw; margin-right:2vw;} #containerIsee > #bloco14 img.logoZonaFranca {width:8.36458333333333vw; margin-left:2vw;} #containerIsee > #bloco14 .texto {font-size:1vw; line-height: normal;} @-webkit-keyframes mudaBG { 0% {background: url("../img/1024/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 95% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;}} @-moz-keyframes mudaBG { 0% {background: url("../img/1024/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 95% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;}} @-o-keyframes mudaBG { 0% {background: url("../img/1024/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 95% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;}} @keyframes mudaBG { 0% {background: url("../img/1024/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 95% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;}} @-webkit-keyframes mudaBG2 { 0% {background: url("../img/1024/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @-moz-keyframes mudaBG2 { 0% {background: url("../img/1024/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @-o-keyframes mudaBG2 { 0% {background: url("../img/1024/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @keyframes mudaBG2 { 0% {background: url("../img/1024/SSG_WindFree_bloco03.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 80% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} 100% {background: url("../img/1024/SSG_WindFree_bloco03-1.jpg") no-repeat center left #D7D7D7; background-size: 66%;} } @-webkit-keyframes calor { 0% { top: calc(360/1024*100vw)} 60% { top: calc(408/1024*100vw)} 100% { top: calc(408/1024*100vw)} } @-moz-keyframes calor { 0% { top: calc(360/1024*100vw)} 60% { top: calc(408/1024*100vw)} 100% { top: calc(408/1024*100vw)} } @-o-keyframes calor { 0% { top: calc(360/1024*100vw)} 60% { top: calc(408/1024*100vw)} 100% { top: calc(408/1024*100vw)} } @keyframes calor { 0% { top: calc(360/1024*100vw)} 60% { top: calc(408/1024*100vw)} 100% { top: calc(408/1024*100vw)} } #containerIsee > #bloco04{background: #fff;} #containerIsee > #bloco04 h4{margin-bottom: 2.5vw;} #containerIsee > #bloco04 .video{height: 43vw; padding-top: 4vw} #containerIsee > #bloco04 .video video{width: 100%;} #containerIsee > #bloco04 .texto{display: none} #containerIsee > #bloco04 .cliqueVideo{top:2vw; cursor: pointer;} #containerIsee > #bloco04 .video{width: 77.5vw; height: 43vw; position: absolute; z-index: 99999999; top: 17vw; left: 0; margin-left: auto; margin-right: auto; right: 0; display: none;} #containerIsee > #bloco04 .mascara{width: 100%; height:100%; background-color: rgba(0, 0, 0, 0.8); position: absolute; z-index: 99999; display: none;} #containerIsee > #bloco04 .fechar{width: calc(100/1920*100vw); height: calc(106/1920*100vw); background: url('../img/close.png') no-repeat center top transparent; background-size: 100%; cursor: pointer; position: absolute; right: 2vw; top: 2vw; z-index: 9999999; display: none} #containerIsee > #bloco04 video{ width: 100%; height: 100%; } #containerIsee > #bloco05{background: url("../img/1024/SSG_WindFree_bloco05.jpg") no-repeat center left #ddd; background-size: cover; background-position-x: -3vw;} #containerIsee > #bloco05 h3{margin-top: 8vw} #containerIsee > #bloco05 .p{ width: 38%;} #containerIsee > #bloco05 .botao-mood{transition:1s;background-color: #0072bc; color: #FFF; border: 0; padding: 1vw; border-radius: 1vw; margin-top: 5.5vw} #containerIsee button:focus{outline: thin dotted; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px;} #containerIsee > #bloco05 .botao-mood:hover{transition:1s;background:#0691eb; } #containerIsee > #bloco05 .botao{display:inline; float:left; transition:1s;background-color: #ebebeb; border: 0; padding: 0.5vw; border-radius: 1vw; margin-top: 3.5vw} #containerIsee > #bloco05 .botao:hover{transition:1s;background:#0072bc; color: #fff } #containerIsee > #bloco05 .botao-convencional{background-color: #0072bc; color: #fff } #containerIsee > #bloco05 .botao-wind{ margin-left:1vw; float:left;transition:1s;} #containerIsee > #bloco05 .botao-wind:hover{transition:1s;} #containerIsee > #bloco05 #animacao{display:none; height:100%;position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5);} #containerIsee > #bloco05 #hotspot{border-radius:1vw; width: 95%; margin: 2.5%; height:90%; background: #d7d7d7; background-size: contain;} #containerIsee > #bloco05 #fechar{ z-index: 9999999; cursor: pointer; position: absolute; top: 1vw; right: 1vw; width: calc(50/1024*100vw); height: calc(50/1024*100vw); background: url("../img/fechar.png") no-repeat center left transparent; background-size: contain;} #containerIsee > #bloco05 #background01{position:absolute; top: 0; left: 0;border-top-left-radius:1vw;border-bottom-left-radius:1vw; width:90%; height: 90.2%; margin: 2.4%; background: url("../img/1920/SSG_WindFree_bloco05_hotspot01.jpg") no-repeat center left;background-position-x: -25vw; background-size: contain;} #containerIsee > #bloco05 #background02{display:none;position:absolute; top: 0; left: 0;border-top-left-radius:1vw;border-bottom-left-radius:1vw; width:90%; height: 90.2%; margin: 2.4%; background: url("../img/1920/SSG_WindFree_bloco05_hotspot.jpg") no-repeat center left; background-position-x: -25vw;background-size: contain;} #containerIsee > #bloco05 #hotspot h3{margin-top: 5vw} #containerIsee > #bloco07{background: url("../img/1024/SSG_WindFree_bloco07-1.jpg") no-repeat center left #ddd; background-size: 100%;} #containerIsee > #bloco07 h3{margin-top:24vw} #containerIsee > #bloco07 p{width: 84%; padding-top: 2vw!important;} #containerIsee > #bloco07 .pulse{width: calc(95/1024*100vw); height: calc(145/1024*100vw); position: absolute; left: 10.9vw; top: 25vw; background: url("../img/1920/pulse.png") no-repeat center; background-size: 100%;} .trocaBG{background: url("../img/1024/SSG_WindFree_bloco07.jpg") no-repeat center left #ddd!important; background-size: 100%!important;} #containerIsee > #bloco06 .menu{z-index: 999999; margin-top:6vw;} #containerIsee > #bloco06 .menu .botao{border-bottom: 2px solid #0072bc;border-right: 2px solid #555;} #containerIsee > #bloco06 .menu button{padding: 0 0.5vw 0 0.5vw; transition:1s;background: none; border: none; font-weight: bolder;} #containerIsee > #bloco06 .menu button:hover{border-bottom: 2px solid #0072bc; font-weight: bolder; } #containerIsee > #bloco06 .menu button:hover p{font-weight: bolder; } #containerIsee > #bloco06 .menu .botao p{font-weight: bolder; } #containerIsee > #bloco06 .virus{position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/1920/SSG_WindFree_bloco06.jpg") no-repeat center left; background-position-x: -22.5vw; background-size: cover} #containerIsee > #bloco06 .virus h3{ margin-top: 18vw } #containerIsee > #bloco06 .easy{display:none; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/1920/SSG_WindFree_bloco0601.jpg") no-repeat center left; background-position-x: -35vw; background-size: cover;} #containerIsee > #bloco06 .easy h3{ margin-top: 17vw } #containerIsee > #bloco08 .menu{z-index: 999999; margin-top: 6vw} #containerIsee > #bloco08 .menu .botao{border-bottom: 2px solid #0072bc;border-right: 2px solid #555;} #containerIsee > #bloco08 .menu button{padding: 0 0.5vw 0 0.5vw; transition:1s;background: none; border: none; font-weight: bolder;} #containerIsee > #bloco08 .menu button:hover{border-bottom: 0.2vw solid #0072bc; font-weight: bolder; } #containerIsee > #bloco08 .menu button:hover p{font-weight: bolder; } #containerIsee > #bloco08 .menu .botao p{font-weight: bolder; } #containerIsee > #bloco08 .tripla{position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/1024/SSG_WindFree_bloco08.jpg") no-repeat center right #FFF; background-size: contain;} #containerIsee > #bloco08 .tripla h3{ margin-top: 16vw } #containerIsee > #bloco08 .tripla p{width:78%;} #containerIsee > #bloco08 .durafin{display:none; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/1024/SSG_WindFree_bloco09.jpg") no-repeat center right #ebebeb; background-size: contain;} #containerIsee > #bloco08 .durafin h3{ margin-top: 14vw } #containerIsee > #bloco08 .durafin p{width: 119%;} #containerIsee > #bloco14 .blockTB{display: block!important} } /* Mobile */ /* @media screen and (min-width: 451px) and (max-width: 780px) { */ @media screen and (max-width: 780px) { #easy {margin-left:-5px; padding-left:0.7vw !important;} #durafin {margin-left:-5px; padding-left:0.7vw !important;} #containerIsee {} #containerIsee .centerMB{text-align: center!important;} /* Setting Font Size */ #containerIsee h1, #containerIsee h3, #containerIsee h4, #containerIsee h5, #containerIsee h6{font-size:calc(50/780*100vw); line-height:calc(55/780*100vw); padding-bottom: 2vw} #containerIsee h2{font-size:calc(60/780*100vw); line-height:calc(64/780*100vw);} #containerIsee p{font-size:calc(20/780*100vw); line-height:calc(25/780*100vw);} #containerIsee .mobileHide {display:none!important} #containerIsee .HideTB {display:block;} #containerIsee .HideDesk {display:block;} #containerIsee > #bloco01 {height:calc(887/780*100vw);} #containerIsee > #bloco02 {height:calc(465/780*100vw);} #containerIsee > #bloco03 {height:calc(989/780*100vw);} #containerIsee > #bloco04 {height:calc(729/780*100vw);} #containerIsee > #bloco05 {height:calc(780/780*100vw);} #containerIsee > #bloco06 {height:calc(600/780*100vw);} #containerIsee > #bloco07 {height:calc(680/780*100vw);} #containerIsee > #bloco08 {height:calc(700/780*100vw);} #containerIsee > #bloco14 {height:auto;} #containerIsee > #bloco01{background: url("../img/1920/SSG_WindFree_bloco01.jpg") no-repeat center right; background-size: 273%; background-position-x: -96vw;} #containerIsee > #bloco01 h2{font-size: calc(20/780*100vw); line-height: normal; text-align: right!important;} #containerIsee > #bloco01 .paddingHeader{padding-top: calc(38/780*100vw);} #containerIsee > #bloco01 h1{padding-top: calc(200/780*100vw); line-height: 8.2vw;font-size:calc(60/780*100vw); line-height:calc(65/780*100vw);} #containerIsee > #bloco01 .logo{width: 78%; top: -1.2vw; position: relative; float: right;} #containerIsee > #bloco01 .logo2{width: 78%; top: -1.8vw; position: relative; float: right;} #containerIsee > #bloco02{background: url("../img/1920/SSG_WindFree_bloco02.jpg") no-repeat center left #d8e6eb;background-size: 85%; background-position-x: -39vw;} #containerIsee > #bloco02 p{font-size: calc(20/780*100vw); line-height: calc(25/780*100vw); padding-top: calc(140/780*100vw); width: 44%; left: 5vw;} #containerIsee > #bloco02 .hotspot{position: absolute; height: calc(69/780*100vw); width: calc(90/780*100vw); background: url("../img/1920/lupa.png") no-repeat center; background-size: cover; cursor: pointer; left: calc(232/780*100vw); top: calc(148/780*100vw);} #containerIsee > #bloco02 .zoom{position: absolute; height: calc(347/780*100vw); width: calc(321/780*100vw); background: url("../img/1920/zoom.png") no-repeat center; background-size: cover; left: calc(18/780*100vw); cursor: pointer; display: none; top: calc(54/780*100vw);} #containerIsee > #bloco03{background: url("../img/780/SSG_WindFree_bloco03.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} #containerIsee > #bloco03 h3{padding-top: calc(88/780*100vw); padding-bottom: calc(20/780*100vw); font-size: calc(55/780*100vw);} #containerIsee > #bloco03 .termometro, #containerIsee > #bloco03 .termometro2{width: calc(79/780*100vw); height: calc(228/780*100vw); background: url("../img/1920/termometro.png") no-repeat center center transparent; background-size: 100%; left: calc(595/780*100vw); position: absolute; top: calc(606/780*100vw); z-index: 999;} #containerIsee > #bloco03 .calor, #containerIsee > #bloco03 .calor2{width: calc(10/780*100vw); height: calc(53/780*100vw); position: absolute; background-color: #a20000; left: calc(633/780*100vw); top: calc(669/780*100vw);} #containerIsee > #bloco03 .botao p{word-wrap: break-word; background-color: #0072bc; width: 22vw; padding: 1.7vw; border-radius: 1vw; cursor: pointer; position: absolute; margin-right: auto; margin-left: auto; top: calc(395/780*100vw); left: 0; right: 0;} #containerIsee > #bloco03 .txt1, #containerIsee > #bloco03 .txt3{position: absolute; font-size: calc(16/1024*100vw); top: calc(868/1024*100vw); left: calc(703/1024*100vw); width: calc(100/1024*100vw); font-weight: 600; display: none;} #containerIsee > #bloco03 .txt2, #containerIsee > #bloco03 .txt4{position: absolute; font-size: calc(16/1024*100vw); top: calc(927/1024*100vw); left: calc(678/1024*100vw); width: calc(150/1024*100vw); font-weight: 600; display: none;} @-webkit-keyframes mudaBG { 0% {background: url("../img/780/SSG_WindFree_bloco03.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 95% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 100% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} } @-moz-keyframes mudaBG { 0% {background: url("../img/780/SSG_WindFree_bloco03.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 95% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 100% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} } @-o-keyframes mudaBG { 0% {background: url("../img/780/SSG_WindFree_bloco03.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 95% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 100% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} } @keyframes mudaBG { 0% {background: url("../img/780/SSG_WindFree_bloco03.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 95% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 100% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} } @-webkit-keyframes mudaBG2 { 0% {background: url("../img/780/SSG_WindFree_bloco03.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 95% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 100% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} } @-moz-keyframes mudaBG2 { 0% {background: url("../img/780/SSG_WindFree_bloco03.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 95% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 100% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} } @-o-keyframes mudaBG2 { 0% {background: url("../img/780/SSG_WindFree_bloco03.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 95% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 100% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} } @keyframes mudaBG2 { 0% {background: url("../img/780/SSG_WindFree_bloco03.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 95% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} 100% {background: url("../img/780/SSG_WindFree_bloco03-1.jpg") no-repeat center bottom #D7D7D7; background-size: 100%;} } @-webkit-keyframes calor { 0% { top: calc(669/780*100vw)} 60% { top: calc(722/780*100vw);} 100% { top: calc(722/780*100vw)} } @-moz-keyframes calor { 0% { top: calc(669/780*100vw)} 60% { top: calc(722/780*100vw);} 100% { top: calc(722/780*100vw)} } @-o-keyframes calor { 0% { top: calc(669/780*100vw)} 60% { top: calc(722/780*100vw);} 100% { top: calc(722/780*100vw)} } @keyframes calor { 0% { top: calc(669/780*100vw)} 60% { top: calc(722/780*100vw);} 100% { top: calc(722/780*100vw)} } #containerIsee > #bloco04{background: #fff;} #containerIsee > #bloco04 h4{margin-bottom: 2.5vw; margin-bottom: 2.5vw; width: 67%; margin-left: 17vw;} #containerIsee > #bloco04 .video{height: 52vw; padding-top: 4vw} #containerIsee > #bloco04 .video video{width: 100%;} #containerIsee > #bloco04 .texto{display: none} #containerIsee #bloco04 .mascara { height: 60vw;} #containerIsee > #bloco04{background: url('../img/780/PapinhasNestle_bloco04.jpg') no-repeat center top transparent; background-size: 100%; cursor: pointer;} #containerIsee > #bloco04 .video{width: 85vw; height: 59vw;position: absolute; z-index: 99999999; top: 13vw; left: 0; margin-left: auto; margin-right: auto; right: 0; display: none;} #containerIsee > #bloco04 .mascara{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); position: absolute; z-index: 99999; display: none;} #containerIsee > #bloco04 .fechar{width: calc(40/1024*100vw); height: calc(40/1024*100vw); background: url('../img/close.png') no-repeat center top transparent; background-size: 100%; cursor: pointer; position: absolute; right: 2vw; top: 2vw; z-index: 9999999; display: none} #containerIsee > #bloco04 video{ width: 100%; height: 100%; } #containerIsee > #bloco04 .cliqueVideo{top:8.8vw; cursor: pointer;} #containerIsee > #bloco05{background: url("../img/780/SSG_WindFree_bloco05.jpg") no-repeat center left #ddd; background-size: cover;} #containerIsee > #bloco05 h3{margin-top: 8vw; margin-bottom:2vw;} #containerIsee > #bloco05 .p{width: 69%; margin-left: 15vw;} #containerIsee > #bloco05 .esfrie{ width: 70%; margin-left: 15vw} #containerIsee > #bloco05 .botao-mood{position: absolute; bottom: 32vw; right: 15vw;transition:1s;background-color: #0072bc; color: #FFF; border: 0; padding: 1vw; border-radius: 1vw; margin-top: 2vw} #containerIsee button:focus{outline: thin dotted; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px;} #containerIsee > #bloco05 .botao-mood:hover{transition:1s;background:#0691eb; } #containerIsee > #bloco05 .botao{ display: inline; float: left; transition: 1s; background-color: #ebebeb; border: 0; padding: 1.5vw; border-radius: 2vw; margin-top: 2.5vw;} #containerIsee > #bloco05 .botao:hover{transition:1s;background:#0072bc; color: #fff } #containerIsee > #bloco05 .botao-convencional{background-color: #0072bc; color: #fff; margin-left: 22vw } #containerIsee > #bloco05 .sleep{width: 81%; margin-bottom: 2vw;} #containerIsee > #bloco05 .botao-wind{ margin-left:1vw; float:left;transition:1s;} #containerIsee > #bloco05 .botao-wind:hover{transition:1s;} #containerIsee > #bloco05 #animacao{display:none; height:100%;position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5);} #containerIsee > #bloco05 #hotspot{border-radius:3vw; width: 95%; margin: 2.5%; height:90%; background: #d7d7d7; background-size: 100%;} #containerIsee > #bloco05 #fechar{z-index:99999; cursor: pointer; position: absolute; top:2vw; right: 2vw; width: calc(60/780*100vw); height:calc(60/780*100vw); background: url("../img/fechar.png") no-repeat center left transparent; background-size: contain;} #containerIsee > #bloco05 #background01{position:absolute; top: 0; left: 0;border-bottom-left-radius:3vw;border-bottom-right-radius:3vw; width:95.2%; height: 93%; margin: 2.4%; background: url("../img/780/SSG_WindFree_bloco05_hotspot01.jpg") no-repeat center bottom; background-size: 100%;} #containerIsee > #bloco05 #background02{display:none;position:absolute; top: 0; left: 0;border-bottom-left-radius:3vw;border-bottom-right-radius:3vw; width: 95.2%; height: 93%; margin: 2.4%; background: url("../img/780/SSG_WindFree_bloco05_hotspot.jpg") no-repeat center bottom; background-size: 100%;} #containerIsee > #bloco06 .menu{z-index: 999999; margin-top:6vw;} #containerIsee > #bloco06 .menu .botao{border-bottom: 0.2vw solid #0072bc;border-right: 0.1vw solid #555;} #containerIsee > #bloco06 .menu button{padding: 0 0.5vw 0 0.5vw; transition:1s;background: none; border: none; font-weight: bolder;} #containerIsee > #bloco06 .menu button:hover{border-bottom: 0.2vw solid #0072bc; font-weight: bolder; } #containerIsee > #bloco06 .menu button:hover p{font-weight: bolder; } #containerIsee > #bloco06 .menu .botao p{font-weight: bolder; } #containerIsee > #bloco06 .virus{position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/1920/SSG_WindFree_bloco06.jpg") no-repeat center left; background-position-x: -44.5vw; background-size: cover} #containerIsee > #bloco06 .virus h3{ margin-top: 25vw } #containerIsee > #bloco06 .virus p{width: 110%;} #containerIsee > #bloco06 .easy{display:none; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/780/SSG_WindFree_bloco0601.jpg") no-repeat center left; background-position-x: 0vw; background-size: cover;} #containerIsee > #bloco06 .easy h3{ margin-top: 17vw } #containerIsee > #bloco06 .easy p{width: 125%;} #containerIsee > #bloco07{background: url("../img/780/SSG_WindFree_bloco07-1.jpg") no-repeat center left #ddd; background-size: 100%;} #containerIsee > #bloco07 h3{margin-top:17vw} #containerIsee > #bloco07 p{width: 43%; padding-top: 2vw!important;} #containerIsee > #bloco07 .pulse{width: calc(95/780*100vw); height: calc(145/1024*100vw); position: absolute; left: 48.9vw; top: 46vw;; background: url("../img/1920/pulse.png") no-repeat center; background-size: 100%; z-index: 999999999;} .trocaBG{background: url("../img/780/SSG_WindFree_bloco07.jpg") no-repeat center left #ddd!important; background-size: 100%!important;} #containerIsee > #bloco08 .menu{z-index: 999999; margin-top: 6vw} #containerIsee > #bloco08 .menu .botao{border-bottom: 0.2vw solid #0072bc;border-right: 0.1vw solid #555;} #containerIsee > #bloco08 .menu button{padding: 0 0.5vw 0 0.5vw; transition:1s;background: none; border: none; font-weight: bolder;} #containerIsee > #bloco08 .menu button:hover{border-bottom: 0.2vw solid #0072bc; font-weight: bolder; } #containerIsee > #bloco08 .menu button:hover p{font-weight: bolder; } #containerIsee > #bloco08 .menu .botao p{font-weight: bolder; } #containerIsee > #bloco08 .tripla{position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/780/SSG_WindFree_bloco08.jpg") no-repeat center bottom #FFF; background-size: contain;} #containerIsee > #bloco08 .tripla h3{ margin-top: 16vw } #containerIsee > #bloco08 .tripla p{width:97%;} #containerIsee > #bloco08 .durafin{display:none; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("../img/1024/SSG_WindFree_bloco09.jpg") no-repeat center right #ebebeb; background-size: contain;} #containerIsee > #bloco08 .durafin h3{ margin-top: 14vw; font-size: 6.5vw; } #containerIsee > #bloco08 .durafin { background: url("../img/780/durafin.jpg") no-repeat center bottom #FFF; background-size: 100%;} #containerIsee > #bloco14 {background-color:#000000;} #containerIsee > #bloco14 table {width:80%; margin-bottom:2vw; margin-top:2vw;} #containerIsee > #bloco14 img.logoSamsung {width: 27%; height: auto; margin-top: 1vw; margin-bottom: 2vw; position: relative; margin: 0 auto; display: block; padding-bottom: 3vw; float: left; display: inline; vertical-align: middle;top: 5vw} #containerIsee > #bloco14 img.logoZonaFranca {width:27%; height:auto; margin-left:2vw; float: right;padding-bottom: 2vw; display: inline; vertical-align: middle;} #containerIsee > #bloco14 .texto {font-size:2vw; text-align: justify !important;} #containerIsee > #footerSamsung {height:auto; width:100%; } #containerIsee > #footerSamsung h1{font-size:7vw; line-height: 7vw; padding-bottom: 1.083vw; padding-top:5vw;} #containerIsee > #footerSamsung p{font-size:2.5vw; line-height:3vw;} #containerIsee > #footerSamsung .zeraPM{ padding: 0 !important;} #containerIsee > #footerSamsung strong{padding-bottom: 1.083vw; position: relative; top: 17.5vw; } #containerIsee > #footerSamsung .leftMB{margin-left: 5vw;} #containerIsee > #footerSamsung #samsungClub{ background: url(../img/samsungClubNovo.jpg) no-repeat bottom center #000; float: left; height: 78vw; background-size: 100%; width: 100%;} #containerIsee > #footerSamsung #samsungClub .logoClub {width:80vw; margin-top:31vw; margin-left:auto; margin-right:auto;} #containerIsee > #footerSamsung #samsungClub .logoClub img {width: calc(200/780*100vw); height: auto; position: absolute;top:8vw; left: 22vw;} #containerIsee > #footerSamsung #samsungClub .conectado{position: absolute;top: 6.8vw; left: 53vw;} #containerIsee > #footerSamsung #samsungClub .conectado h4{font-size: calc(20/780 * 100vw); line-height:calc(25/780 * 100vw); padding: 0; margin:0; margin-top: -1.7vw;} #containerIsee > #footerSamsung #samsungClub p{margin-top: 2vw; width: 67%; margin-left: 6vw;} #containerIsee > #footerSamsung #samsungCare .conteudo{ position: relative;top: 18vw;} #containerIsee > #footerSamsung #samsungCare {background:url(../img/samsungCare.jpg) no-repeat bottom center #000;float: right; height:83vw; background-size:100%; width:100%;} #containerIsee > #footerSamsung #samsungCare .logoCare img {width: calc(200/780*100vw); height: auto; position: absolute; top: 1.7vw; left:22vw;} #containerIsee > #footerSamsung #samsungCare .conectado{position: absolute;top: 7vw; left: 53vw;} #containerIsee > #footerSamsung #samsungCare .conectado h4{font-size: calc(20/780 * 100vw); line-height:calc(25/780 * 100vw); padding: 0; margin:0; margin-top: -1.7vw;} #containerIsee > #footerSamsung .icone{margin-left: 0vw} #containerIsee > #footerSamsung #samsungCare p{padding-top: 2.5vw; width:95%; margin-left: 2%; margin-right: auto; padding-bottom: 1.5vw;} #containerIsee > #footerSamsung #samsungCare img {margin: 0 auto; display: block; padding-top: 1vw; width:18vw;} #containerIsee > #footerSamsung #samsungClub img {margin: 0 auto; display: block; padding-top: 1vw; width:18vw; margin-top: -6vw;} #containerIsee > #footerSamsung #samsungCare h3{background: #02b2e3; width: 38%; border-radius: 5vw; padding: 3.2vw 1vw 2.8vw 1vw; font-size: calc(22/780*100vw); line-height: calc(20/780*100vw); position: relative; bottom: -1vw; left: 29vw;} #containerIsee > #footerSamsung #samsungClub h3{ background: #02b2e3; width: 38%; border-radius:5vw; padding: 3.2vw 1vw 2.8vw 1vw; font-size: calc(22/780*100vw); line-height: calc(20/780*100vw); position: relative; bottom: -6vw; left: 29vw;} #containerIsee > #footerSamsung h3 a{text-decoration:none; color: #FFF} #containerIsee > #footerSamsung #samsungCare .boxAtend {width:100%; float:left; position:relative; margin-top:1vw;} #containerIsee > #footerSamsung #samsungCare .boxAtend > p {font-weight: bold} #containerIsee > #footerTxtLegal {background-color:#000000; padding-top:3vw; padding-bottom:3vw; width:100%; height:auto;} #containerIsee > #footerTxtLegal .logo {width: 16vw; height:auto; padding-right:2vw;} #containerIsee > #footerTxtLegal p {font-size:1.8vw;} } @media screen and (max-width: 1024px) and ( min-width: 781px) { #containerIsee > #footerSamsung #samsungClub .logoClub img { width: calc(200/1920*100vw); height: auto; position: absolute; top: 1.3vw !important; left: 11vw;} #containerIsee > #footerSamsung #samsungCare h3{background: #02b2e3; width: 38%; border-radius: 3vw; padding: 1.2vw 1vw 1vw 1vw; font-size: calc(22/1920*100vw); line-height: calc(20/1920*100vw); position: relative; bottom: -1vw; left: 9vw;} #containerIsee > #footerSamsung #samsungClub h3{ background: #02b2e3; width: 38%; border-radius: 3vw; padding: 1.2vw 1vw 1vw 1vw; font-size: calc(22/1920*100vw); line-height: calc(20/1920*100vw); position: relative; bottom: -6vw; left: 9vw;} #containerIsee > #footerSamsung h3 a{text-decoration:none; color: #FFF} } @media screen and (min-width: 781px) { #containerIsee > #footerSamsung {height:auto; width:100%;} #containerIsee > #footerSamsung strong{ font-size: calc(22/1920 *100vw); line-height: calc(27/1920 *100vw);padding-bottom: 1.083vw; position: relative; top: 8vw;} #containerIsee > #footerSamsung h4{font-family:SamsungSharpSans,Verdana, Arial; font-size: calc(20/1920*100vw) !important; line-height: calc(24/1920*100vw)} #containerIsee > #footerSamsung span{font-family:SamsungSharpSans,Verdana, Arial; font-size: calc(20/1920*100vw) !important; line-height: calc(25/1920*100vw);} #containerIsee > #footerSamsung p{font-size: 1.142vw;line-height: 1.342vw;} #containerIsee > #footerSamsung .zeraPM{ padding: 0 !important;} #containerIsee > #footerSamsung #samsungClub{background:url(../img/samsungClubNovo.jpg) no-repeat top center #000; float: left;height:38vw; background-position-y: 0.5vw; background-size:cover; width:101%;} #containerIsee > #footerSamsung #samsungClub .logoClub {width:43.333333vw; margin-top:14vw; margin-left:auto; margin-right:auto;} #containerIsee > #footerSamsung #samsungClub .logoClub img {width: calc(200/1920*100vw); height: auto; position: absolute; top: -12.3vw; left:11vw;} #containerIsee > #footerSamsung #samsungClub .conectado{position: absolute;top: 2.5vw; left: 23vw;} #containerIsee > #footerSamsung #samsungClub .conectado h4{font-size: calc(19/1920 * 100vw); padding: 0; margin:0; margin-top: -0.9vw;} #containerIsee > #footerSamsung #samsungClub .conteudo{ position: relative;top:0.5vw; margin-left: 3vw;} #containerIsee > #footerSamsung #samsungCare .conteudo{ position: relative;top: 10.5vw; margin-left: 3vw;} #containerIsee > #footerSamsung #samsungCare .icone{ margin-left: 3.1vw;} #containerIsee > #footerSamsung #samsungCare {background:url(../img/samsungCare.jpg) no-repeat top center #000;float: right; height:38vw; background-size:cover; width:100%;} #containerIsee > #footerSamsung #samsungCare .logoCare img {width: calc(200/1920*100vw); height: auto; position: absolute; top: 0.7vw; left:12vw;} #containerIsee > #footerSamsung #samsungCare .conectado{position: absolute;top: 2.2vw; left: 24vw;} #containerIsee > #footerSamsung #samsungCare .conectado h4{padding: 0; margin:0; margin-top: -0.5vw;} #containerIsee > #footerSamsung #samsungCare p{padding-top:0.5vw;} #containerIsee > #footerSamsung #samsungCare .w105{ width: 107%; margin-left: -0.3vw} #containerIsee > #footerSamsung #samsungCare img {margin: 0 auto; display: block; padding-top: 0vw; width: 7.8vw;} #containerIsee > #footerSamsung #samsungClub img {margin: 0 auto; display: block; padding-top: 0vw; margin-top:-1vw; padding-bottom:0.5vw; width: 7.8vw;} #containerIsee > #footerSamsung #samsungCare .boxAtend {float: left;margin-top: 2.5vw; } #containerIsee > #footerSamsung #samsungCare .boxAtend p { margin-left: 0.5vw; font-size:calc(22/1920*100vw) !important;font-weight: bold; line-height:calc(27/1920*100vw); padding-bottom:0.4vw;} #containerIsee > #footerSamsung #samsungCare h3{background: #02b2e3; width: 38%; border-radius: 3vw; padding: 1.2vw 1vw 1vw 1vw; font-size: calc(22/1920*100vw); line-height: calc(20/1920*100vw); position: relative; bottom: -1vw; left: 9vw;} #containerIsee > #footerSamsung #samsungClub h3{ background: #02b2e3; width: 38%; border-radius: 3vw; padding: 1.2vw 1vw 1vw 1vw; font-size: calc(22/1920*100vw); line-height: calc(20/1920*100vw); position: relative; bottom: -6vw; left: 9vw;} #containerIsee > #footerSamsung h3 a{text-decoration:none; color: #FFF} #containerIsee > #footerTxtLegal {background-color:#000000; padding-top:1vw; padding-bottom:1vw; width:100%; height:auto;} #containerIsee > #footerTxtLegal .logo {width: 8.69791666666667vw; height:auto; padding-right:2vw;} #containerIsee > #footerTxtLegal p {font-size:0.8vw;} } #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;} #containerIsee .anima01{animation: menu01 9s infinite;} #containerIsee .anima02{animation: menu02 9s infinite;} #containerIsee .mao07{animation: mao 2s infinite;} #containerIsee .transition{-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} @-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; } } @media screen and (max-width: 340px) { #containerIsee h2{font-size:calc(55/780*100vw); line-height:calc(55/780*100vw); margin-bottom: 2vw;} #containerIsee > #bloco08 .botoes .seta{ background: url(../img/1920/08_seta.png) no-repeat center center; background-size: 100%; background-position-x: -0.4vw; background-position-y: 0.3vw; height: calc(97/780*100vw); width: calc(97/780*100vw) !important; margin-left: -2.5vw;} #containerIsee > #bloco08 .seta_branca{background:url(../img/1920/08_seta_on.png) no-repeat center top; background-size: 100%; background-position-x: -0.4vw; background-position-y: 0.3vw; height: calc(97/780*100vw); width: calc(97/780*100vw) !important; margin-left: -2.5vw;} } @-webkit-keyframes seta { 0%{ transform: scaleX(0); opacity:0.8;} 100% {transform: scaleX(1); opacity:1;} } @-webkit-keyframes tv { 0%{ transform: translateX(-10vw);} 50%, 100% {transform: translateX(0vw);} } @-webkit-keyframes sombra { 0%{ opacity: 0;} 70%, 100% {opacity: 1;} } @-webkit-keyframes sombras { 0%{ opacity: 0;} 95%, 100% {opacity: 1;} } #containerIsee .top{animation: calor 9s ease-in-out; } #containerIsee .top2{animation: calor 9s ease-in-out; } #containerIsee .mudaBG{animation: mudaBG 9s; animation-fill-mode: forwards;} #containerIsee .mudaBG2{animation: mudaBG 9s; animation-fill-mode: forwards;} #containerIsee .pulse_animation{animation: pulse 2s infinite ease-in-out; } #containerIsee .bounce{animation: pulse 3s ease-in-out; } #containerIsee .pulse_anima{animation: pulse_anima 2s infinite ease-in-out; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2, 1.2); } 100% { transform: scale(1); } } @keyframes pulse_anima { 0% { transform: scale(1); } 50% { transform: scale(1.1, 1.1); } 100% { transform: scale(1); }