/* 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(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);} #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 {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;position:absolute; left:48.45vw; top: 19vw;width:calc(680/1920*100vw); height:calc(100/1920*100vw);background: url(../img/anima0701.jpg) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .anima0702{opacity: 0; position:absolute; left: 48.45vw; top: 24vw;width:calc(680/1920*100vw); height:calc(50/1920*100vw);background: url(../img/anima0702.jpg) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .tvfundo{z-index:-9;position:absolute; left: 46.6vw; top: 4.6vw;width:calc(750/1920*100vw); height:calc(550/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: -0.2vw; 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:28vw;} 30%,60% {opacity: 1; top:19vw;} 100%{ opacity:1; top:28vw;} } @-webkit-keyframes menu02 { 0%, 15%{ top: 31.5vw; opacity:1;} 20%,60% {opacity: 1; top:24vw;} 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: -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: 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;position:absolute; left:48.9vw; top: 19vw;width:calc(490/1024*100vw); height:calc(100/1024*100vw);background: url(../img/anima0701.jpg) no-repeat center top; background-size:100%;} #containerIsee > #bloco07 .anima0702{opacity: 0; position:absolute; left: 48.9vw; top: 24vw;width:calc(490/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:46.5vw; top: 21.5vw; width: calc(481/1024*100vw);height: calc(550/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;} #containerIsee > #footerSamsung #samsungCare p{padding-top:0.5vw; width:70% !important; margin-left:12%;} @-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:39vw;} 100%{ opacity:1; top:50vw;} } @-webkit-keyframes menu02 { 0%, 15%{ top: 50vw; opacity:1;} 20%,60% {opacity: 1; top:45vw;} 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: -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(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: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;} }