/* 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:#ffffff;} #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 #bloco04, #containerIsee #bloco04, #containerIsee #bloco05, #containerIsee #bloco06, #containerIsee #bloco07, #containerIsee #bloco08, #containerIsee #bloco09,#containerIsee #bloco10, #containerIsee #bloco06, #containerIsee #bloco12, #containerIsee #bloco13, #containerIsee #bloco14 {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) { #containerIsee {} #containerIsee .mobileDesk {display:none;} #containerIsee .HideDesk {display:none !important;} #containerIsee button.btsaibaMais {width:calc(327/1920*100vw); height: calc(52/1920*100vw); margin-top:2vw; margin-bottom:2vw; background:url(../img/bt_saibamais_branco.png) no-repeat center center; background-size:100%; text-indent: -9999px; border:none;} #containerIsee button.btsaibaMais:hover {width:calc(327/1920*100vw); height: calc(52/1920*100vw); margin-top:2vw; margin-bottom:2vw; background:url(../img/bt_saibamais_preto.png) no-repeat center center; background-size:100%; text-indent: -9999px; border:none;} /* Setting Font Size */ #containerIsee h1{font-size:6.25vw; line-height:6.4vw;} #containerIsee h2{font-size:calc(72/1920*100vw); line-height:calc(76/1920*100vw);} #containerIsee h3{font-size:1.77083333333333vw;} #containerIsee h4{font-size:1.302083333vw;} #containerIsee p{font-size:1.30208333333333vw;} #containerIsee > #bloco01 {height:45.8125vw;} #containerIsee > #bloco02 {height:calc(872/1920*100vw);} #containerIsee > #bloco03 {height:calc(861/1920*100vw);} #containerIsee > #bloco04 {height:44vw;} #containerIsee > #bloco06 {height:calc(905/1920*100vw);} #containerIsee > #bloco07 {height:calc(845/1920*100vw);} #containerIsee > #bloco14 {height:auto;} #containerIsee .bgVideo {background-color:rgba(0, 0, 0, 0.65); width:100%; height:100%; float:left; position:absolute; z-index:9999; display:none;} #containerIsee .youtube {width:44.42708333333333vw; height:25vw; margin-left:28.046875vw; margin-right:28.046875vw;} #containerIsee .fecharVideo {width:44.42708333333333vw; height:3.125vw; margin-left:28.046875vw; margin-right:28.046875vw; text-align:right; cursor:pointer;} #containerIsee .fecharVideo img {width:3.125vw; height:3.125vw;} #containerIsee > #bloco01 {padding-top:calc(70/1920*100vw); overflow:hidden;} #containerIsee .background01 {background:url(../img/mu6100_01.jpg) no-repeat center top; background-size:cover; z-index:9; float:left; position:absolute; height:100%; width:100%; top:0;} #containerIsee > #bloco01 .logo {background:url(../img/logoUHD.png) no-repeat center top; background-size:100%; height:calc(84/1920*100vw); width:calc(278/1920*100vw); margin-top: -1.5vw;} #containerIsee > #bloco01 h2 {padding-top:calc(490/1920*100vw); padding-bottom:calc(20/1920*100vw);} #containerIsee > #bloco01 h4 {margin-top:calc(-7/1920*100vw);} #containerIsee > #bloco01 h4 span {font-family:SamsungOne,Verdana, Arial; font-weight:normal;} #containerIsee > #bloco01 .selos {width:calc(267/1920*100vw); float:right;} #containerIsee #bloco02 {background:url(../img/mu6100_02.jpg) no-repeat left top; background-size:contain; z-index: 999; float: left; position: relative;} #containerIsee > #bloco02 h2 {margin-top:calc(230/1920*100vw);} #containerIsee > #bloco02 p { text-align:right;} #containerIsee > #bloco02 .selos {width:calc(267/1920*100vw);} #containerIsee > #bloco02 button {margin-left:calc(50/1920*100vw);} #containerIsee > #bloco02 #mascara02{position: absolute; width: 100%; height: 100%;background-color: rgba(0,0,0,1); z-index: 999; display: none;} #containerIsee > #bloco02 .rgb02{position: relative; left: 2vw; top:-1vw;width: calc(305/1920*100vw); height: calc(295/1920*100vw);background:url(../img/rgb02.png) no-repeat center top; background-size:100%; } #containerIsee > #bloco02 .cores02{width: calc(1050/1920*100vw); height: calc(420/1920*100vw);background:url(../img/cores02.png) no-repeat center top; background-size:100%; } #containerIsee > #bloco02 #hotspot02{padding-top: 3.5vw;} #containerIsee > #bloco02 #hotspot02 p{font-size: calc(18/1920*100vw);} #containerIsee > #bloco02 .fechar02{cursor:pointer;position:absolute; right:2vw; top:2vw;width: calc(37/1920*100vw); height: calc(37/1920*100vw);background:url(../img/btFechar.png) no-repeat center top; background-size:100%; } #containerIsee #bloco03 {background:url(../img/mu6100_03.jpg) no-repeat right top #e1e1e1; background-size:contain; z-index: 999; float: left; position: relative; width:100%;} #containerIsee > #bloco03 h2 {margin-top:calc(200/1920*100vw);} #containerIsee > #bloco03 p { text-align:left;} #containerIsee > #bloco04 {width:100%;} #containerIsee > #bloco04 .txtBranco03 {color:#ffffff;} #containerIsee > #bloco04 .txtPreto03 {color:#000000;} #containerIsee > #bloco04 #bloco0403 {background: url(../img/Q8_03_03.jpg) no-repeat center top; background-size: 100%; height: 41.71875vw; z-index: 999; float: left; position: relative;} #containerIsee > #bloco04 #bloco0403 h2 {margin-top:calc(55/1920*100vw);} #containerIsee > #bloco04 #bloco0403 p {} #containerIsee > #bloco04 #bloco0403 img.nits {width:calc(850/1920*100vw); height:calc(570/1920*100vw); margin-top:calc(186/1920*100vw);} #containerIsee > #bloco04 #bloco0403 .nits img {width:calc(850/1920*100vw); height:calc(570/1920*100vw);} #containerIsee > #bloco04 #bloco0403 .nits {position:relative; float:left; margin-top:6vw;} #containerIsee > #bloco04 #bloco0403 #dragBox {background: url(../img/barra.png) no-repeat center bottom; background-size: 100%; width: 29.16666666666667vw; height: 7.1vw; z-index: 999; float: left; position: relative; margin-top: -1vw; padding-right: 3vw;} #containerIsee .noUi-handle { outline: none; background:url(../img/botaoBarra.png) no-repeat center center; background-size:100%; width:5.3125vw; height:5.15625vw; z-index:999; float:left; position:relative; border:none; box-shadow:none; cursor:ew-resize;} #containerIsee .noUi-target {background-color:transparent !important; border-radius:none; border:none !important; box-shadow:none !important;} #containerIsee > #bloco04 #bloco0404 {width:100vw; height:41.71875vw; z-index:999; float:left; position:relative;} #containerIsee > #bloco04 .bloco0404D {background:url(../img/Q8_03_04_Dia.jpg) no-repeat center top; background-size:100%;} #containerIsee > #bloco04 .bloco0404N {background:url(../img/Q8_03_04_Noite.jpg) no-repeat center top; background-size:100%; width:100vw; height:41.71875vw; z-index:999; float:left; position:relative;} #containerIsee > #bloco04 #bloco0404 h2 {margin-top:7vw;} #containerIsee > #bloco04 #bloco0404 p {width:60%; text-align:left;} #containerIsee > #bloco04 #bloco0404 .btDia {background:url(../img/btDia_off.png) no-repeat center top; background-size:100%; width:9.89583333333333vw; height:3.28125vw; float:left; position:relative; margin-top:1.5vw; cursor:pointer;} #containerIsee > #bloco04 #bloco0404 .btDia:hover {background:url(../img/btDia_on.png) no-repeat center top; background-size:100%; width:9.89583333333333vw; height:3.28125vw; float:left; position:relative; margin-top:1.5vw; cursor:pointer;} #containerIsee > #bloco04 #bloco0404 .btDia.active {background:url(../img/btDia_on.png) no-repeat center top; background-size:100%; width:9.89583333333333vw; height:3.28125vw; float:left; position:relative; margin-top:1.5vw; cursor:pointer;} #containerIsee > #bloco04 #bloco0404 .btNoite {background:url(../img/btNoite_off.png) no-repeat center top; background-size:100%; width:9.89583333333333vw; height:3.28125vw; float:left; position:relative; margin-top:1.5vw; margin-left:1vw; cursor:pointer;} #containerIsee > #bloco04 #bloco0404 .btNoite:hover {background:url(../img/btNoite_on.png) no-repeat center top; background-size:100%; width:9.89583333333333vw; height:3.28125vw; float:left; position:relative; margin-top:1.5vw; margin-left:1vw; cursor:pointer;} #containerIsee > #bloco04 #bloco0404 .btNoite.active {background:url(../img/btNoite_on.png) no-repeat center top; background-size:100%; width:9.89583333333333vw; height:3.28125vw; float:left; position:relative; margin-top:1.5vw; margin-left:1vw; cursor:pointer;} #containerIsee > #bloco07 h2 {margin-top:2vw;} #containerIsee > #bloco07 p {width:90%;} #containerIsee > #bloco07 .mao{z-index:99;opacity: 0; position:absolute; left:10vw; top: 15vw; width:calc(630/1920*100vw); height:calc(480/1920*100vw);background: url(../img/mao07.png) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .anima0701{opacity: 0; position:absolute; left: 51vw; top: 17vw; width: calc(580/1920*100vw); height: calc(80/1920*100vw); background: url(../img/anima0701.jpg) no-repeat center top; background-size: 100%;} #containerIsee > #bloco07 .anima0702{opacity: 0; position:absolute; left:51vw; top: 24vw;width:calc(580/1920*100vw); height:calc(40/1920*100vw);background: url(../img/anima0702.jpg) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .tvfundo{ z-index: -9; position: absolute; left:49vw; top: 8.4vw;width: calc(650/1920*100vw); height: calc(450/1920*100vw); background: url(../img/tv07.png) no-repeat center top; background-size: 100%;} #containerIsee > #bloco07 .tv{z-index:9;position:absolute; left: 0vw; top: 0vw; width:100%; height:100%; background: url(../img/tv_semfundo.png) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .animacao{position: absolute;top:22vw; width: 100%;height: 5%;} #containerIsee > #bloco06 {background:url(../img/mu6100_06.jpg) no-repeat center top; background-size:100%;} #containerIsee > #bloco12 {background-color:#f8f8f8;} #containerIsee > #bloco12 h2 {padding-bottom:2vw;} #containerIsee > #bloco12 h3 {font-size:1.5625vw; padding-bottom:2vw;} #containerIsee > #bloco12 img.produto {width:23.90625vw; height:15.26041666666667vw;} #containerIsee > #bloco12 img.icon {width:4.47916666666667vw; height:4.11458333333333vw;} #containerIsee > #bloco12 table {width:100%; text-align:left; margin-bottom:4vw;} #containerIsee > #bloco12 table.compare td {text-align:left; border-top:solid 1px #d7d7d7;} #containerIsee > #bloco12 table.compare td p {text-align:left; font-size:1.04166666666667vw;} #containerIsee > #bloco13 {background:url(../img/samsungClub.jpg) no-repeat center top #000000; background-size:100%;} #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;} @-webkit-keyframes mao { 0%,10% { left:10vw; top: 15vw; opacity:1;} 30%,55% { left:12vw; top: 12vw; opacity:1;} 100% { left:10vw;top: 15vw; opacity:1;} } @-webkit-keyframes menu01 { 0%, 20%{opacity:1; top:28.2vw;} 30%,60% {opacity: 1; top:21.8vw;} 100%{ opacity:1; top:28.2vw;} } @-webkit-keyframes menu02 { 0%, 15%{ top: 31.5vw; opacity:1;} 20%,60% {opacity: 1; top:25.5vw;} 100%{top: 31.5vw; opacity:1;} } } /* Tablet */ @media screen and (min-width: 781px) and (max-width: 1024px) { #containerIsee {} /* Setting Font Size */ #containerIsee h1{font-size:7.32421875vw; line-height:7.32421875vw;} #containerIsee h2{font-size:5.859375vw; line-height:6.34765625vw;} #containerIsee h3{font-size:2.302083333vw;} #containerIsee h4{font-size:1.302083333vw;} #containerIsee p{font-size:1.8531258vw;} #containerIsee .HideTb {display:none !important;} #containerIsee .centerTB{text-align: center !important} #containerIsee > #bloco01 {height:calc(420/1024*100vw);} #containerIsee > #bloco02 {height:calc(872/1024*100vw);} #containerIsee > #bloco03 {height:calc(750/1024*100vw);} #containerIsee > #bloco04 {height:55.5vw;} #containerIsee > #bloco06 {height:calc(560/1024*100vw);} #containerIsee > #bloco07 {height:calc(700/1024*100vw);} #containerIsee > #bloco14 {height:auto;} #containerIsee button.btsaibaMais {width:calc(327/1024*100vw); height: calc(52/1024*100vw); margin-top:4vw; margin-bottom:4vw; background:url(../img/bt_saibamais_branco.png) no-repeat center center; background-size:100%; text-indent: -9999px; border:none;} #containerIsee button.btsaibaMais:hover {width:calc(327/1024*100vw); height: calc(52/1024*100vw); margin-top:4vw; margin-bottom:4vw; background:url(../img/bt_saibamais_preto.png) no-repeat center center; background-size:100%; text-indent: -9999px; border:none;} #containerIsee .bgVideo {background-color:rgba(0, 0, 0, 0.65); width:100%; height:100%; float:left; position:absolute; z-index:9999; display:none;} #containerIsee .youtube {width:44.42708333333333vw; height:25vw; margin-left:28.046875vw; margin-right:28.046875vw;} #containerIsee .fecharVideo {width:44.42708333333333vw; height:3.125vw; margin-left:28.046875vw; margin-right:28.046875vw; text-align:right; cursor:pointer;} #containerIsee .fecharVideo img {width:3.125vw; height:3.125vw;} #containerIsee > #bloco01 {padding-top:calc(70/1024*100vw); overflow:hidden;} #containerIsee .background01 {background:url(../img/mu6100_01.jpg) no-repeat center top; background-size:108%; background-position-y: -2vw; background-position-x: 0vw;z-index:9; float:left; position:absolute; height:100%; width:100%; top:0;} #containerIsee > #bloco01 .logo {margin-top:-5vw;background:url(../img/logoUHD.png) no-repeat left top; background-size:70%; height:calc(84/1024*100vw); width:calc(278/1024*100vw);} #containerIsee > #bloco01 h2 {padding-top:calc(90/1024*100vw); padding-bottom:calc(20/1920*100vw);} #containerIsee > #bloco01 h4 {margin-top:calc(-41/1024*100vw)} #containerIsee > #bloco01 h4 span {font-family:SamsungOne,Verdana, Arial; font-weight:normal;} #containerIsee > #bloco01 .selos {width:calc(267/1024*100vw); float:right; margin-top: 1vw; margin-right: 14vw;} #containerIsee #bloco02 {background:url(../img/mu6100_02.jpg) no-repeat left top; background-size:contain; background-position-x: -36vw; z-index: 999; float: left; position: relative;} #containerIsee > #bloco02 h2 {margin-top:calc(160/1024*100vw);} #containerIsee > #bloco02 p { text-align:right;} #containerIsee > #bloco02 .selos {width:calc(267/1024*100vw); margin-top: 5vw;} #containerIsee > #bloco02 button {margin-left:calc(50/1024*100vw);} #containerIsee > #bloco02 #mascara02{position: absolute; width: 100%; height: 100%;background-color: rgba(0,0,0,1); z-index: 999; display: none;} #containerIsee > #bloco02 .rgb02{ margin-top:2vw;margin-left: 3vw;width: calc(225/1024*100vw); height: calc(295/1024*100vw);background:url(../img/rgb02.png) no-repeat center top; background-size:100%; } #containerIsee > #bloco02 .cores02{width: 100%; height: calc(420/1024*100vw);background:url(../img/cores02.png) no-repeat center top; background-size:100%; } #containerIsee > #bloco02 #hotspot02{padding-top: 9.5vw;} #containerIsee > #bloco02 #hotspot02 p{font-size: calc(18/1024*100vw);} #containerIsee > #bloco02 .fechar02{cursor:pointer;position:absolute; right:0vw; top:4vw;width: calc(37/1024*100vw); height: calc(37/1024*100vw);background:url(../img/btFechar.png) no-repeat center top; background-size:100%; } #containerIsee #bloco03 {background:url(../img/mu6100_03.jpg) no-repeat right top #e1e1e1; background-size:cover; background-position-x: 49vw; background-position-y: -6vw; z-index: 999; float: left; position: relative; width:100%;} #containerIsee > #bloco03 h2 {margin-top:calc(180/1024*100vw);} #containerIsee > #bloco03 p {width: 67%; text-align:left;} #containerIsee > #bloco04 {width:100%; overflow:hidden;} #containerIsee > #bloco04 .txtBranco03 {color:#ffffff;} #containerIsee > #bloco04 .txtPreto03 {color:#000000;} #containerIsee > #bloco04 #bloco0403 {background: url(../img/Q8_03_03.jpg) no-repeat center top; background-size: 115%; width: 100vw; height: 47vw; z-index: 999; float: left; position: relative; } #containerIsee > #bloco04 #bloco0403 h2 {margin-top:4vw;} #containerIsee > #bloco04 #bloco0403 p { width: 102%; right: 0.5vw;} #containerIsee > #bloco04 #bloco0403 img.nits {width:39.0625vw; height:25.5859375vw; margin-top:10vw; margin-left:1vw;} #containerIsee > #bloco04 #bloco0403 #btVideo0303 {margin-left:8vw; margin-top:37vw;} #containerIsee > #bloco04 #fechar0303 {margin-top:5vw; margin-bottom:1vw; z-index:99999;} #containerIsee > #bloco04 #bloco0403 .nits {position:relative; float:left; margin-top:14vw; margin-left:4vw;} #containerIsee > #bloco04 #bloco0403 .nits img {width:40vw; height:auto;} #containerIsee > #bloco04 #bloco0403 #dragBox {background: url(../img/barra.png) no-repeat center bottom; background-size: 100%; width: 29.16666666666667vw; height: 7.1vw; z-index: 999; float: left; position: relative; margin-top: -1vw; padding-right: 2vw; margin-left: 10vw;} #containerIsee .noUi-handle {background:url(../img/botaoBarra.png) no-repeat center center; background-size:100%; width:5.3125vw; height:5.15625vw; z-index:999; float:left; position:relative; border:none; box-shadow:none; cursor:ew-resize;} #containerIsee .noUi-target { background-color:transparent !important; border-radius:none; border:none !important; box-shadow:none !important;} #containerIsee > #bloco06 {background:url(../img/mu6100_06.jpg) no-repeat center top; background-size:100%; background-position-y: 6vw;} #containerIsee > #bloco06 h2 {margin-top:4vw;} #containerIsee > #bloco07 {background: #e1e1e1} #containerIsee > #bloco07 h2 {margin-top:4vw;} #containerIsee > #bloco07 p{ width: 90%; margin-left: 5vw;} #containerIsee > #bloco07 .mao{z-index:99;opacity: 0; position:absolute; left:10vw; top: 15vw; width:calc(430/1024*100vw); height:calc(480/1024*100vw);background: url(../img/mao07.png) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .anima0701{opacity: 0; position: absolute; left: 51vw; top: 19vw; width: calc(380/1024*100vw); height: calc(80/1024*100vw); background: url(../img/anima0701.jpg) no-repeat center top; background-size: 100%;} #containerIsee > #bloco07 .anima0702{opacity: 0; position:absolute; left: 51vw; top: 24vw;width:calc(380/1024*100vw); height:calc(50/1024*100vw);background: url(../img/anima0702.jpg) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .tvfundo{position: absolute; left: 49.8vw; top: 26.5vw; width: calc(410/1024*100vw); height: calc(450/1024*100vw); background: url(../img/tv07.png) no-repeat center top; background-size: 100%;} #containerIsee > #bloco07 .tv{z-index:9;position:absolute; left: 0vw; top: 0vw; width:100%; height:100%; background: url(../img/tv_semfundo.png) no-repeat center top; background-size:120%; background-position-y: 16vw;} #containerIsee > #bloco07 .animacao{position: absolute;top:32vw; width: 100%;height: 5%;} #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.9765625vw;} @-webkit-keyframes mao { 0%,10% { left:3vw; top: 24vw; opacity:1;} 30%,55% { left:4vw; top: 20vw; opacity:1;} 100% { left:3vw;top: 24vw; opacity:1;} } @-webkit-keyframes menu01 { 0%, 20%{opacity:1; top:50vw;} 30%,60% {opacity: 1; top:41.5vw;} 100%{ opacity:1; top:50vw;} } @-webkit-keyframes menu02 { 0%, 15%{ top: 50vw; opacity:1;} 20%,60% {opacity: 1; top:46.5vw;} 100%{top: 50vw; opacity:1;} } } /* Mobile */ /* @media screen and (min-width: 451px) and (max-width: 780px) { */ @media screen and (max-width: 780px) { #containerIsee {} /* Setting Font Size */ #containerIsee h1{font-size:15.38461538461538vw; line-height:15.38461538461538vw; text-align: center!important;} #containerIsee h2{font-size:9.615384615384615vw; line-height:9.615384615384615vw; margin-bottom: 2vw;} #containerIsee h3{font-size:3.205128205128205vw;} #containerIsee h4{font-size:3.205128205128205vw;} #containerIsee p{font-size:3.205128205128205vw;} #containerIsee .HideMobile {display:none !important;} #containerIsee .centerMobile {text-align:center !important;} #containerIsee .centerMB{text-align: center !important} #containerIsee > #bloco01 {height:calc(879/780*100vw);} #containerIsee > #bloco02 {height:calc(1300/780*100vw);} #containerIsee > #bloco03 {height:calc(1080/780*100vw);} #containerIsee > #bloco04 {height:131vw;} #containerIsee > #bloco06 {height:calc(650/780*100vw);} #containerIsee > #bloco07 {height:calc(810/780*100vw);} #containerIsee > #bloco14 {height:auto;} #containerIsee button.btsaibaMais {width:calc(327/1024*100vw); height: calc(52/1024*100vw); margin-top:4vw; margin-bottom:4vw; background:url(../img/bt_saibamais_branco.png) no-repeat center center; background-size:100%; text-indent: -9999px; border:none;} #containerIsee button.btsaibaMais:hover {width:calc(327/1024*100vw); height: calc(52/1024*100vw); margin-top:4vw; margin-bottom:4vw; background:url(../img/bt_saibamais_preto.png) no-repeat center center; background-size:100%; text-indent: -9999px; border:none;} #containerIsee .bgVideo {background-color:rgba(0, 0, 0, 0.65); width:100%; height:100%; float:left; position:absolute; z-index:9999; display:none;} #containerIsee .youtube {width:82.05128205128205vw; height:46.15384615384615vw; margin-left:8.974vw;} #containerIsee .fecharVideo {width:82.05128205128205vw; height:7vw; margin-left:8.974vw; text-align:right; cursor:pointer;} #containerIsee .fecharVideo img {width:5.125vw; height:5.125vw;} #containerIsee > #bloco01 {padding-top:calc(70/780*100vw); overflow:hidden;} #containerIsee .background01 {background:url(../img/mu6100_01.jpg) no-repeat center top; background-size:cover; background-position-x: -103vw; z-index:9; float:left; position:absolute; height:100%; width:100%; top:0;} #containerIsee > #bloco01 .logo { margin-top: -4.5vw;background:url(../img/logoUHD.png) no-repeat left top; background-size:87%; height:calc(84/780*100vw); width:calc(278/780*100vw);position: relative; left: -4vw;} #containerIsee > #bloco01 h2 {padding-top:calc(475/780*100vw); padding-bottom:calc(20/780*100vw);} #containerIsee > #bloco01 h4 {margin-top:calc(-18/780*100vw);} #containerIsee > #bloco01 h4 span {font-family:SamsungOne,Verdana, Arial; font-weight:normal;} #containerIsee > #bloco01 .selos {width:calc(267/780*100vw); float:right; margin-top: 5vw;} #containerIsee #bloco02 {background:url(../img/mu6100_02.jpg) no-repeat left bottom; background-size:100%; background-position-x: 0vw; z-index: 999; float: left; position: relative;} #containerIsee > #bloco02 h2 {margin-top:calc(60/780*100vw);} #containerIsee > #bloco02 p { text-align:right;} #containerIsee > #bloco02 .selos {width:calc(267/780*100vw); margin-top: 5vw;position: relative; left: -25vw;} #containerIsee > #bloco02 button {margin-left:calc(50/780*100vw); position: absolute; left: 19vw; top: 13vw;} #containerIsee > #bloco02 #mascara02{position: absolute; width: 100%; height: 100%;background-color: rgba(0,0,0,1); z-index: 999; display: none;} #containerIsee > #bloco02 .rgb02{ margin-top: 6vw; margin-left: 16vw;width: calc(400/780*100vw); height: calc(400/780*100vw);background:url(../img/rgb02.png) no-repeat center top; background-size:100%; } #containerIsee > #bloco02 .cores02{width: 100%; height: calc(420/780*100vw);background:url(../img/cores02.png) no-repeat center top; background-size:100%; } #containerIsee > #bloco02 #hotspot02{padding-top: 9.5vw; margin-top: 7vw;} #containerIsee > #bloco02 #hotspot02 p{font-size: calc(18/780*100vw); margin-bottom: 1vw; text-align: justify !important;} #containerIsee > #bloco02 .fechar02{cursor:pointer;position:absolute; right:0vw; top:-1vw;width: calc(37/780*100vw); height: calc(37/780*100vw);background:url(../img/btFechar.png) no-repeat center top; background-size:100%; } #containerIsee #bloco03 { background: url(../img/mu6100_03.jpg) no-repeat right bottom #e1e1e1; background-size: 100%; background-position-x: 24vw; background-position-y: 58vw; z-index: 999; float: left; position: relative; width: 100%;} #containerIsee > #bloco03 h2 {margin-top:calc(70/780*100vw);} #containerIsee > #bloco04 {width:100%; overflow:hidden;} #containerIsee > #bloco04 .txtBranco03 {color:#000000;} #containerIsee > #bloco04 .txtPreto03 {color:#000000;} #containerIsee > #bloco04 #filmeTrip {width:400vw; height:auto; overflow:hidden; float: left; position: relative; z-index: 99; left:0;} #imagem .cd-handle {width: 8.427083vw !important; margin-left: -4.2vw !important; background-size: 100% !important;} #imagem img {width:80vw !important;} #imagem .cd-image-container {width: 80vw !important;} #containerIsee > #bloco04 #bloco0403 {background: url(../img/Q8_03_03.jpg) no-repeat center bottom; background-size: 180%; width: 100vw; height: 118vw; z-index: 999; float: left; position: relative;} #containerIsee > #bloco04 #bloco0403 h2 {margin-top:6vw; text-align:center;} #containerIsee > #bloco04 #bloco0403 p {text-align:center;} #containerIsee > #bloco04 #bloco0403 img.nits {width:78.20512820512821vw; height:51.28205128205128vw; margin-top:6vw; margin-left: 10.8974358974359vw;} #containerIsee > #bloco04 #bloco0403 #btVideo0303 {margin-left:34vw; z-index: 99999;} #containerIsee > #bloco04 #fechar0303 {margin-top:35vw; margin-bottom:1vw; z-index:99999;} #containerIsee > #bloco04 #bloco0403 .nitsMobile {float:left; position: absolute; margin-left: 7vw; top: 60vw; width: 87%;} #containerIsee > #bloco07 {background: url(../img/mu6100_07MB.jpg) no-repeat center top #e1e1e1; background-size: 160%; background-position-x: -18vw;background-position-y: 37vw;} #containerIsee > #bloco07 h2 {margin-top:7vw;} #containerIsee > #bloco06 {background:url(../img/mu6100_06.jpg) no-repeat center top; background-size:100%; background-position-y: 30vw;} #containerIsee > #bloco06 p {width:90%; margin-left: 5%; text-align:center;} #containerIsee > #bloco06 h2{margin-top: 7vw;} #containerIsee > #bloco14 {background-color:#000000;} #containerIsee > #bloco14 table {width:80%; margin-bottom:2vw; margin-top:2vw;} #containerIsee > #bloco14 img.logoSamsung {width:100%; height:auto; margin-top: 1vw; margin-bottom: 2vw;} #containerIsee > #bloco14 img.logoZonaFranca {width:5.36458333333333vw; height:3.125vw; margin-left:2vw;} #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:110%; 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 9s infinite;} @-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; } }