/* 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 .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(720/1920*100vw);} #containerIsee > #bloco07 {height:calc(845/1920*100vw);} #containerIsee > #bloco08 {height:calc(760/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/mu6400_01.jpg) no-repeat center bottom; 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);} #containerIsee > #bloco01 h2 {padding-top:calc(330/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; margin-top: 11vw;} #containerIsee #bloco02 {background:url(../img/mu6400_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;width: 82%; float: right;} #containerIsee > #bloco02 .selos {width:calc(267/1920*100vw);margin-left: 6vw;} #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/mu6400_03.jpg) no-repeat left top #ffffff; background-size:contain; z-index: 999; float: left; position: relative; width:100%;} #containerIsee > #bloco03 h2 {margin-top:calc(100/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 {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 > #bloco08 {background:url(../img/mu6400_08.jpg) no-repeat right top; background-size:contain;} #containerIsee > #bloco08 p{ width: 74%;} #containerIsee > #bloco08 h2{ margin-top: calc(180/1920*100vw);} #containerIsee > #bloco07 h2 {margin-top:-1vw;} #containerIsee > #bloco07 p { width: 85%; margin-left: 4vw;} #containerIsee > #bloco07 .mao{z-index:99;opacity: 0; position:absolute; left:10vw; top: 15vw; width:calc(330/1920*100vw); height:calc(200/1920*100vw);background: url(../img/mao07.png) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .anima0701{opacity: 0; position:absolute;position:absolute; left:31.4vw; top: 19vw;width:calc(532/1920*100vw); height:calc(123/1920*100vw);background: url(../img/anima0701.png) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .anima0702{opacity: 0; position:absolute; left: 31.4vw; top: 24vw;width:calc(532/1920*100vw); height:calc(105/1920*100vw);background: url(../img/anima0702.png) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .tvfundo{ z-index: -9; position: absolute; left: 29.8vw; top: 13.8vw; width: calc(570/1920*100vw); height: calc(550/1920*100vw); height: calc(550/1920*100vw); background: url(../img/tv07.jpg) no-repeat center top; background-size: 100%; } @-moz-document url-prefix() { #containerIsee > #bloco07 .tvfundo { z-index: -9; position: absolute; left: 29.5vw; top: 13.5vw; width: calc(560/1920*100vw); height: calc(550/1920*100vw); background: url(../img/tv07.jpg) no-repeat center top; background-size: auto auto; background-size: auto auto; 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/mu6400_06.jpg) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco06 p{width: 67%;} #containerIsee > #bloco06 h2{ margin-top: calc(100/1920*100vw);} #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; padding-bottom: 0.2vw;} @-webkit-keyframes mao { 0%,10% { left: 61vw; top: 31vw; opacity:1;} 30%,75% { left:58vw; top: 28vw; opacity:1;} 100% { left:61vw;top: 31vw; opacity:1;} } @-webkit-keyframes menu01 { 0%, 20%{opacity:1; top:42vw;} 30%,80% {opacity: 1; top:31vw;} 100%{ opacity:1; top:42vw;} } @-webkit-keyframes menu02 { 0%, 15%{ top: 42.5vw; opacity:1;} 20%,80% {opacity: 1; top:35vw;} 100%{top: 42.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(842/1024*100vw);} #containerIsee > #bloco03 {height:calc(580/1024*100vw);} #containerIsee > #bloco04 {height:55.5vw;} #containerIsee > #bloco06 {height:calc(840/1024*100vw);} #containerIsee > #bloco07 {height:calc(700/1024*100vw);} #containerIsee > #bloco08 {height:calc(560/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/mu6400_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: -3vw;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(-35/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: 0vw;} #containerIsee #bloco02 {background:url(../img/mu6400_02.jpg) no-repeat left top; background-size:contain; background-position-x: -50vw; 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/mu6400_03.jpg) no-repeat left top #fff; background-size:contain; background-position-x: -17vw; background-position-y: 0vw; z-index: 999; float: left; position: relative; width:100%;} #containerIsee > #bloco03 h2 {margin-top:calc(60/1024*100vw);} #containerIsee > #bloco03 p {width: 100%; text-align:left;} #containerIsee > #bloco04 {width:100%; overflow:hidden;} #containerIsee > #bloco04 .txtBranco03 {color:#ffffff;} #containerIsee > #bloco04 .txtPreto03 {color:#000000;} #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: 0vw;} #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/mu6400_06.jpg) no-repeat center top; background-size: 150%; background-position-y: 29vw; background-position-x: -50vw;} #containerIsee > #bloco06 h2 {margin-top:4vw;} #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(330/1024*100vw); height:calc(200/1024*100vw);background: url(../img/mao07.png) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .anima0701{opacity: 0; position:absolute;position:absolute; left:16.4vw; top: 19vw;width:calc(390/1024*100vw); height:calc(123/1024*100vw);background: url(../img/anima0701.png) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .anima0702{opacity: 0; position:absolute; left: 16.4vw; top: 24vw;width:calc(390/1024*100vw); height:calc(105/1024*100vw);background: url(../img/anima0702.png) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .tvfundo{ z-index: -9; position: absolute; left: 14vw; top: 23vw; width: calc(420/1024*100vw); height: calc(545/1024*100vw); background: url(../img/tv07.jpg) 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: cover; background-position-x: -28vw;background-position-y: 4vw;} #containerIsee > #bloco07 .animacao{position: absolute;top:22vw; width: 100%;height: 5%;} #containerIsee > #bloco08 {background:url(../img/mu6400_08.jpg) no-repeat right top; background-size:contain;} #containerIsee > #bloco08 p{ width: 73%;} #containerIsee > #bloco08 h2{ margin-top: calc(60/1024*100vw);} #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;} #containerIsee > #footerSamsung #samsungCare p{padding-top:0.5vw; width:70% !important; margin-left:12%;} @-webkit-keyframes mao { 0%,10% { left:57vw; top: 46vw; opacity:1;} 30%,75% { left:55vw; top: 44vw; opacity:1;} 100% { left:57vw;top: 46vw; opacity:1;} } @-webkit-keyframes menu01 { 0%, 20%{opacity:1; top:65vw;} 30%,80% {opacity: 1; top:47vw;} 100%{ opacity:1; top:65vw;} } @-webkit-keyframes menu02 { 0%, 15%{ top: 65vw; opacity:1;} 20%,80% {opacity: 1; top:53vw;} 100%{top: 65vw; 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(850/780*100vw);} #containerIsee > #bloco02 {height:calc(1150/780*100vw);} #containerIsee > #bloco03 {height:calc(1050/780*100vw);} #containerIsee > #bloco04 {height:125vw;} #containerIsee > #bloco06 {height:calc(850/780*100vw);} #containerIsee > #bloco07 {height:calc(810/780*100vw);} #containerIsee > #bloco08 {height:calc(900/780*100vw);} #containerIsee > #bloco14 {height:auto;} #containerIsee button.btsaibaMais {width:calc(327/780*100vw); height: calc(52/780*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/780*100vw); height: calc(52/780*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/mu6400_01.jpg) no-repeat center bottom #292019; background-size: 190%; background-position-x: -63vw; z-index: 9; float: left; position: absolute; height: 100%; width: 100%;top: 0;} #containerIsee > #bloco01 .logo { margin-top: -2vw;background:url(../img/logoUHD.png) no-repeat left top; background-size:70%; height:calc(84/780*100vw); width:calc(278/780*100vw);} #containerIsee > #bloco01 h2 {padding-top:calc(35/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: 59vw;} #containerIsee #bloco02 {background:url(../img/mu6400_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(40/780*100vw); position: absolute; left: 15vw; 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: 3vw; 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:-3vw;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/mu6400_03.jpg) no-repeat right bottom #ffffff;background-size: 100%;background-position-x: 0vw; background-position-y: 51vw; z-index: 999;float: left; position: relative; width: 100%;} #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 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: 7vw; width: 87%;} #containerIsee > #bloco07 {background: url(../img/mu6400_07MB.jpg) no-repeat center top #fff; background-size: 200%; background-position-x: -55vw;background-position-y: 18vw;} #containerIsee > #bloco07 h2 {margin-top:2vw;} #containerIsee > #bloco06 {background:url(../img/mu6400_06.jpg) no-repeat center top; background-size: 170%; background-position-y: 46vw; background-position-x: -62vw;} #containerIsee > #bloco06 p {width:90%; margin-left: 5%; text-align:center;} #containerIsee > #bloco06 h2{margin-top: 2vw;} #containerIsee > #bloco08 { background: url(../img/mu6400_08.jpg) no-repeat right top;background-size: contain;background-position-y: 41vw;} #containerIsee > #bloco08 p{ width: 80%; margin-left: 8vw;} #containerIsee > #bloco08 h2{width: 91%; margin-left: 4vw;} #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; padding-bottom: 0.5vw;} #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:2.5vw;} #containerIsee > #footerSamsung .zeraPM{ padding: 0 !important;} #containerIsee > #footerSamsung #samsungClub{background:url(../img/samsungClubNovo.jpg) no-repeat top center #000; float: left; height:70vw; background-size:cover; width:100%;} #containerIsee > #footerSamsung #samsungClub .logoClub {width:80vw; margin-top:31vw; margin-left:auto; margin-right:auto;} #containerIsee > #footerSamsung #samsungClub .logoClub img {width:100%; height:auto;} #containerIsee > #footerSamsung #samsungCare {background:url(../img/samsungCare.jpg) no-repeat top center #000;float: right; height:70vw; background-size:cover; width:100%;} #containerIsee > #footerSamsung #samsungCare .logoCare {width:40vw; margin-top:2vw !important; margin-left:auto; margin-right:auto;} #containerIsee > #footerSamsung #samsungCare .logoCare > img{width: 60%;} #containerIsee > #footerSamsung #samsungCare p{padding-top:1.5vw; width:80%; margin-left:10%; margin-right:auto; padding-bottom:1.5vw;} #containerIsee > #footerSamsung #samsungCare img {margin: 0 auto; display: block; padding-top: 1vw; width:18vw;} #containerIsee > #footerSamsung #samsungCare .boxAtend {width:100%; float:left; position:relative; background-color:#0088c3; border-radius:2vw; margin-left:auto; margin-right:auto; margin-top:1vw;} #containerIsee > #footerSamsung #samsungCare .boxAtend > p {font-size:2vw !important; line-height:2.4vw;} #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;} } #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; } } @media screen and (min-width: 781px) { #containerIsee > #footerSamsung {height:auto; width:100%;} #containerIsee > #footerSamsung h1{font-size: 3vw; line-height: 3.1vw; padding-bottom: 1.083vw; padding-top:2.5vw;} #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:35vw; 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:100%; height:auto;} #containerIsee > #footerSamsung #samsungCare {background:url(../img/samsungCare.jpg) no-repeat top center #000;float: right; height:35vw; background-size:cover; width:100%;} #containerIsee > #footerSamsung #samsungCare .logoCare {width:18.22916666666667vw; margin-top:2vw !important; margin-left:auto; margin-right:auto;} #containerIsee > #footerSamsung #samsungCare .logoCare > img{width:80%; height:auto;} #containerIsee > #footerSamsung #samsungCare p{padding-top:0.5vw;} #containerIsee > #footerSamsung #samsungCare img {margin: 0 auto; display: block; padding-top: 0vw; width: 7.8vw;} #containerIsee > #footerSamsung #samsungCare .boxAtend {width:93%; float:left; position:relative; background-color:#0088c3; border-radius:2vw; margin-left:auto; margin-right:auto; margin-top:1vw; } #containerIsee > #footerSamsung #samsungCare .boxAtend p {font-size:0.7vw !important; line-height:0.9vw; padding-bottom:0.4vw;} #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;} }