/* 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 !important; padding-bottom:40px !important;} #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 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: #00bae2;} #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 .paddingTop{padding-top: 3vw;} #contarinerIsee .none{display: none;} #containerIsee .display{display: block;} /* Blocos informações Genericas para todas as resoluções */ #containerIsee #bloco01, #containerIsee #bloco02, #containerIsee #bloco03, #containerIsee #bloco04, #containerIsee #bloco05, #containerIsee #bloco06, #containerIsee #bloco07, #containerIsee #bloco08, #containerIsee #bloco09,#containerIsee #bloco10, #containerIsee #bloco11, #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; } #containerIsee .img0501 {background:url(../img/1920/monitor-05.jpg) no-repeat center bottom #ffffff; background-size:100%;} #containerIsee .img0502 {background:url(../img/1920/monitor-05-1.jpg) no-repeat center bottom #ffffff; background-size:100%;} #containerIsee .img0503 {background:url(../img/1920/monitor-05-2.jpg) no-repeat center bottom #ffffff; background-size:100%;} /* Desktop Full Resolution */ @media screen and (min-width: 1025px) { #containerIsee {} #containerIsee .mobileDesk {display:none;} #containerIsee .HideDesk {display:none !important;} /* Setting Font Size */ #containerIsee h1{font-size:3.90625vw; line-height:4.16666666666667vw; } #containerIsee h2{font-size: 2.6041666vw;line-height:3.125vw;} #containerIsee h3{font-size:1.77083333333333vw;} #containerIsee h4{font-size:1.302083333vw;} #containerIsee p{font-size:1.30208333333333vw;} #containerIsee > #bloco01 {height:68vw;} #containerIsee > #bloco01_1 {height: 12vw; margin-top: -1vw;} #containerIsee > #bloco02 {height: 39vw;} #containerIsee > #bloco03 {height:52vw;} #containerIsee > #bloco04 {height:72vw;} #containerIsee > #bloco05 {height:50vw;} #containerIsee > #bloco06 {height:37.2916vw;} #containerIsee > #bloco07 {height:40.96875vw;} #containerIsee > #bloco08 {height:26.302vw;} #containerIsee > .rodape {height: 7vw;} #containerIsee > #bloco01{overflow:hidden;} #containerIsee > #bloco01 .background01{width:100vw;z-index:9;position:absolute;height:66.5vw;background:url(../img/1920/bg-01.jpg) no-repeat center center; background-size:110%;animation: zoomIn 40s infinite ease-in-out;} #containerIsee > #bloco01 .logo {margin-top:2vw;background:url(../img/1920/logoSamsung.png) no-repeat center top; background-size:100%; height:3.95833333333333vw; width:10.20833333333333vw;} #containerIsee > #bloco01 h1 {padding-top:0vw !important; padding-bottom:0vw !important;} #containerIsee > #bloco01 h3 {margin-top:1.8vw;} #containerIsee > #bloco01 .tv01 {width:100%;height: 68vw;z-index:99;background:url(../img/1920/header.png) no-repeat center bottom; background-size:100%;position: absolute;left: 0; } #containerIsee > #bloco01 .circle01 {width:100%;height: 62.80vw;z-index:99;background:url(../img/1920/bg1.png) no-repeat center bottom; background-size:100%;position: absolute;left: 0;top: -8.5vw;} #containerIsee > #bloco01_1{ z-index: -9; } #containerIsee > #bloco01_1 p{padding-top: 1vw;} #containerIsee > #bloco02{z-index: 99;background:url(../img/1920/bg-02.jpg) no-repeat center bottom;background-size: 100%; margin-top: -1vw;} #containerIsee > #bloco02 .spot_1{ z-index: 9999;cursor: pointer; width: 5vw; height: 5vw;position: absolute; left: 22vw; top: 12.5vw;} #containerIsee > #bloco02 .hotspot_link{width:2.6vw;height:2.6vw; cursor: pointer; background: url(../img/1920/fechar.png) no-repeat center top; background-size:100%; position: absolute;top: -0.5vw;right: -1vw;z-index: 9999;} #containerIsee > #bloco02 .hotSpot1{background: #FFF; padding-left: 3vw; padding-bottom: 3vw; padding-right:3vw;border: 2px solid #000; border-radius:30px; position: absolute;top: -24vw;} #containerIsee > #bloco02 .img-01{ width: 22.979vw; height: 12.927vw; background:url(../img/1920/bg-hotspot1.jpg) no-repeat center bottom; background-size: 100%;} #containerIsee > #bloco02 .img-02{ width: 28.3229vw; height: 28.6145vw; background: url(../img/1920/bg-hotspot2.png) no-repeat center bottom; background-size: 75%; float: right; background-position-y: 0vw; background-position-x: 6vw; position: absolute; right: 0; margin-top: 2vw;} #containerIsee > #bloco02 .hotSpot1 p{font-size:1.00208333333333vw !important; width: 90%} #containerIsee > #bloco02 h4{margin-top: 2.5vw} #containerIsee > #bloco03{width: 100%;} #containerIsee > #bloco03 .img-03-off{cursor:pointer; z-index: 9; width:7.552vw;height:2.604166vw; position: absolute;left:18.5vw;top:28vw;} #containerIsee > #bloco03 .bg-03-off{width: 100%; height:53.125vw;background:url(../img/1920/bg-03.jpg) no-repeat center bottom; background-size:100%;z-index: 9; margin-top: -1vw;position: absolute; right: 0vw; top:0vw;} #containerIsee > #bloco03 .bg-03-on{width: 100%; height:53.125vw;background:url(../img/1920/bg-03-on.jpg) no-repeat center bottom; background-size:100%;z-index: 9; margin-top: -1vw;position: absolute; left: 0vw; top: 0vw; } #containerIsee > #bloco03 .texto-03{position: relative;top: -3.5vw;} #containerIsee > #bloco03 h1{padding-bottom: 30px !important} #containerIsee > #bloco04{background:url(../img/1920/bg-04.jpg) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco04 #menu {height:3.125vw; width:43.593vw; float:left; position:relative; margin-left:27.8125vw; z-index:9999;} #containerIsee > #bloco04 #menu1 {cursor: pointer;background:url(../img/1920/btn-04.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw; float:left; position:relative;} #containerIsee > #bloco04 #menu2 {cursor: pointer;background:url(../img/1920/btn-04-1.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw;float:left; position:relative; } #containerIsee > #bloco04 #menu1:hover {cursor: pointer;background:url(../img/1920/btn-04.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw; float:left; position:relative;} #containerIsee > #bloco04 #menu2:hover {cursor: pointer;background:url(../img/1920/btn-04-1.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw;float:left; position:relative; } #containerIsee > #bloco04 #menu1.active {cursor: pointer;background:url(../img/1920/btn-04.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw; float:left; position:relative;} #containerIsee > #bloco04 #menu2.active {cursor: pointer;background:url(../img/1920/btn-04-1.1.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw;float:left; position:relative; } #containerIsee > #bloco04 #menu1.dev {cursor: pointer;background:url(../img/1920/btn-04.1.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw;float:left; position:relative; } #containerIsee > #bloco05 .txtBranco03 {color:#ffffff;} #containerIsee > #bloco05 .txtPreto03 {color:#000000;} #containerIsee > #bloco05 #filmeTrip {width:400vw; height:auto; overflow:hidden; float: left; position: relative; margin-top: -2.7vw; z-index: 99; left:0;} #containerIsee > #bloco05 #menu {height:3.3854vw; width:49.3958vw; float:left; position:relative; margin-top: 1.5vw; margin-left:30.8125vw; z-index:99 !important;} #containerIsee > #bloco05 #menu01 {background:url(../img/1920/btn-05-1.1.png) no-repeat right top transparent; background-size:100%; width:14.0625vw;height:3.3854vw; float:left; position:relative;} #containerIsee > #bloco05 #menu01:hover {background:url(../img/1920/btn-05-1.png) no-repeat right top transparent; background-size:100%; width:14.0625vw; height:3.3854vw; float:left; position:relative;} #containerIsee > #bloco05 #menu01.active {background:url(../img/1920/btn-05-1.png) no-repeat right top transparent; background-size:100%; width:14.0625vw;height:3.3854vw;float:left; position:relative;} #containerIsee > #bloco05 #menu02 {background:url(../img/1920/btn-05-3.png) no-repeat center top transparent; background-size:100%; width:10.4166vw; height:3.3854vw; float:left; position:relative;} #containerIsee > #bloco05 #menu02:hover {background:url(../img/1920/btn-05-3.1.png) no-repeat center top transparent; background-size:100%; width:10.4166vw; height:3.3854vw; float:left; position:relative;} #containerIsee > #bloco05 #menu02.active {background:url(../img/1920/btn-05-3.1.png) no-repeat center top transparent; background-size:100%; width:10.4166vw; height:3.3854vw; float:left; position:relative;} #containerIsee > #bloco05 #menu03 {background:url(../img/1920/btn-05-4.png) no-repeat right top transparent; background-size:100%; width:12.39583333333333vw; height:3.3854vw; float:left; position:relative;} #containerIsee > #bloco05 #menu03:hover {background:url(../img/1920/btn-05-4.1.png) no-repeat right top transparent; background-size:100%; width:12.39583333333333vw;height:3.3854vw; float:left; position:relative; } #containerIsee > #bloco05 #menu03.active {background:url(../img/1920/btn-05-4.1.png) no-repeat right top transparent; background-size:100%; width:12.39583333333333vw;height:3.3854vw;; float:left; position:relative; } #containerIsee #bloco05 #bloco0301 { width:100%; height:100%; float:left; position:relative;} #containerIsee #bloco05 #bloco0301 h1 {} #containerIsee #bloco05 #bloco0301 p {width: 85%;} #containerIsee #bloco05 #bloco0303 { width:100%; height:100%; float:left; position:relative;} #containerIsee #bloco05 #bloco0303 h1 {} #containerIsee #bloco05 #bloco0303 p {width: 85%; } #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 #bloco05 #bloco0304 { width:100%; height:100%; float:left; position:relative;} #containerIsee #bloco05 #bloco0304 h1 {} #containerIsee #bloco05 #bloco0304 p {width: 85%; } #containerIsee > #bloco06 {background:#214b6c;} #containerIsee > #bloco06 .img-06{width: 100%; height: 39.2916vw; background: url(../img/1920/bg-06.png)no-repeat center top transparent; background-size: 100%; position: absolute; top: -2vw;right: 0vw;} #containerIsee > #bloco07{background-color: #cecece;} #containerIsee > #bloco07 img{padding-bottom: 3vw;} #containerIsee > #bloco07 strong{font-size:1.1vw;text-align: left;} #containerIsee > #bloco07 p{font-size:1.1vw;padding-bottom:1vw;text-align: left;} #containerIsee > #bloco07 .specs{padding-top: 1vw;} #containerIsee > #bloco08 {background:url(../img/1920/bg-08.jpg) no-repeat center bottom; background-size:cover;} #containerIsee > .rodape{width:100vw;background: #000;} #containerIsee > .rodape img{padding-top: 1.7vw;} #containerIsee > .rodape p{font-size:.75vw;padding-top: 2.5vw;} #containerIsee > #bloco10 {height: 37vw;} #containerIsee > #bloco10 #pull-left{background:url(../img/samsungClubNovo.jpg) no-repeat top center #000; float: left;height:37vw; background-size:cover;} #containerIsee > #bloco10 #pull-left img{margin: 0 auto; display: block; padding-top: 16vw; width: 42.8vw;} #containerIsee > #bloco10 #pull-left p{padding-top:0.5vw;} #containerIsee > #bloco10 #pull-right{background:url(../img/samsungCare.jpg) no-repeat top center #000;float: right;height:37vw; background-size:cover;} #containerIsee > #bloco10 #pull-right img{margin: 0 auto; display: block; padding-top: 0.2vw; width: 7.8vw;} #containerIsee > #bloco10 #pull-right p{padding-top:0.5vw;} #containerIsee > #bloco10 #pull-right .logoCare{width: 16vw; margin-top: 2vw} #containerIsee > #bloco10 #pull-right h1{padding-top: 2vw !important; padding-bottom: 1vw !important;} #containerIsee > #bloco10 #samsungCare p{font-size: calc(25/1920*100vw)} #containerIsee > #bloco10 .boxAtend {width:100%; float:left; position:relative; background-color:#0088c3; border-radius:2vw; margin-left:auto; margin-right:auto; margin-top:1vw;} #containerIsee > #bloco10 .boxAtend p {font-size:0.7vw !important; line-height:0.9vw; padding-bottom:0.4vw;} } /* Tablet */ @media screen and (min-width: 781px) and (max-width: 1024px) { /* Setting Font Size */ #containerIsee h1{font-size:5.259375vw; line-height:6.04765625vw;padding-top: 6.54vw !important;padding-bottom:1.083333333vw !important;} #containerIsee h3{font-size:2.302083333vw;} #containerIsee h4{font-size:2.302083333vw;} #containerIsee p{font-size:1.8531258vw;} #containerIsee .HideTb {display:none !important;} #containerIsee > #bloco01 {height:71vw;} #containerIsee > #bloco01_1 {height: 15vw; margin-top: -1vw;} #containerIsee > #bloco02 {height: 56vw;} #containerIsee > #bloco03 {height:72.51vw;} #containerIsee > #bloco04 {height:88.35vw;} #containerIsee > #bloco05 {height:60vw;} #containerIsee > #bloco06 {height:53.125vw;} #containerIsee > #bloco07 {height:60.96875vw;} #containerIsee > #bloco08 {height:26.302vw;} #containerIsee > .rodape {height: 9vw;} #containerIsee > #bloco01{overflow:hidden;} #containerIsee > #bloco01 .background01{width:100vw;z-index:9;position:absolute;height:67.8vw;background:url(../img/1920/bg-01.jpg) no-repeat center center; background-size:133%;animation: zoomIn 40s infinite ease-in-out;} #containerIsee > #bloco01 .logo {margin-top:2vw;background:url(../img/1920/logoSamsung.png) no-repeat center top; background-size:100%; height:3.95833333333333vw; width:10.20833333333333vw;} #containerIsee > #bloco01 h1 {padding-top:1.5vw !important; padding-bottom:0vw !important;} #containerIsee > #bloco01 h3 {margin-top:1.8vw;} #containerIsee > #bloco01 .tv01 {width:100%;height: 71.8vw;z-index:99;background:url(../img/1920/header.png) no-repeat center bottom; background-size:100%;position: absolute;left: 0; } #containerIsee > #bloco01_1{ z-index: -9; background:#ffffff} #containerIsee > #bloco01_1 p{padding-top: 1vw;} #containerIsee > #bloco01 .pulse {z-index: 99;animation: pulse 3s infinite ease-in-out; top: 30.1vw; left: 34.3vw; position: absolute; cursor: pointer; width: 3vw; height: 3vw; background: url(../img/1920/isee-luz-pulse.png) no-repeat center center; background-size: cover;} #containerIsee > #bloco01 .pulse2 {z-index: 99;animation: pulse 3s infinite ease-in-out; top: 30.1vw; left: 54.3vw; position: absolute; cursor: pointer; width: 3vw; height: 3vw; background: url(../img/1920/isee-luz-pulse.png) no-repeat center center; background-size: cover;} #containerIsee > #bloco02{z-index: 99;background:url(../img/1920/bg-02.jpg) no-repeat center bottom #FFF;background-size: 100%; margin-top: -1vw;} #containerIsee > #bloco02 .spot_1{cursor: pointer; width: 5vw; height: 5vw;position: absolute; left: 22.5vw;top: 29.5vw;} #containerIsee > #bloco02 .hotspot_link{width:3.6vw;height:3.6vw; cursor: pointer; background: url(../img/1920/fechar.png) no-repeat center top; background-size:100%; position: absolute;top: 0;right: 0;z-index: 9999;} #containerIsee > #bloco02 .hotSpot1{background: #FFF; padding-left: 3vw; padding-bottom: 3vw; padding-right:3vw;border: 2px solid #000; border-radius:30px; position: absolute;top:-12vw;} #containerIsee > #bloco02 .img-01{ width: 31.979vw; height: 16.927vw;background:url(../img/1920/bg-hotspot1.jpg) no-repeat center bottom; background-size: 100%;} #containerIsee > #bloco02 .img-02{ width: 31.3229vw; height: 33.6145vw; background: url(../img/1920/bg-hotspot2.png) no-repeat center bottom; background-size: 100%;float: right; position: absolute; right: 0; margin-top: 2vw;} #containerIsee > #bloco02 h4{margin-top:4vw;padding-bottom: 0 !important} #containerIsee > #bloco02 .hotSpot1 p{font-size:1.50208333333333vw !important; margin-top: -1vw} #containerIsee > #bloco03{width: 100%;} #containerIsee > #bloco03 .img-03-off{cursor:pointer; z-index: 9; width: 15.552vw; height: 5.604166vw; position: absolute; left: 11.5vw;top: 50vw;} #containerIsee > #bloco03 .bg-03-off{width: 100%; height: 76.51vw; background: url(../img/1024/bg-03-off.jpg) no-repeat center bottom; background-size: 100%; z-index: 9; margin-top: -4vw; position: absolute; right: 0vw; top: 0vw;} #containerIsee > #bloco03 .bg-03-on{width: 100%; height: 76.51vw; background: url(../img/1024/bg-03-on.jpg) no-repeat center bottom; background-size: 100%; z-index: 9; margin-top:-4vw;position: absolute; top: 0; left: 0;} #containerIsee > #bloco03 .texto-03{position: relative;top: -3.5vw;} #containerIsee > #bloco03 h1{padding-bottom: 30px !important;} #containerIsee > #bloco04{background:url(../img/1920/bg-04.jpg) no-repeat center bottom; background-size:120%;} #containerIsee > #bloco04 #menu {height:3.125vw; width:43.593vw; float:left; position:relative; margin-left:27.8125vw; z-index:9999;} #containerIsee > #bloco04 #menu1 {cursor: pointer;background:url(../img/1920/btn-04.1.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw; float:left; position:relative;} #containerIsee > #bloco04 #menu2 {cursor: pointer;background:url(../img/1920/btn-04-1.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw;float:left; position:relative; } #containerIsee > #bloco04 #menu1:hover {cursor: pointer;background:url(../img/1920/btn-04.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw; float:left; position:relative;} #containerIsee > #bloco04 #menu2:hover {cursor: pointer;background:url(../img/1920/btn-04-1.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw;float:left; position:relative; } #containerIsee > #bloco04 #menu1.active {cursor: pointer;background:url(../img/1920/btn-04.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw; float:left; position:relative;} #containerIsee > #bloco04 #menu2.active {cursor: pointer;background:url(../img/1920/btn-04-1.1.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw;float:left; position:relative; } #containerIsee > #bloco04 #menu1.dev {cursor: pointer;background:url(../img/1920/btn-04.1.png) no-repeat center top transparent; background-size:100%; width:16.92708vw; height:3.125vw;float:left; position:relative; } #containerIsee > #bloco05 {width:100%; overflow:hidden;} #containerIsee > #bloco05 .txtBranco03 {color:#ffffff;} #containerIsee > #bloco05 .txtPreto03 {color:#000000;} #containerIsee > #bloco05 #filmeTrip {width:400vw; height:auto; overflow:hidden; float: left; position: relative; margin-top: -2.7vw; z-index: 99; left:0;} #containerIsee > #bloco05 #menu {height:4.3854vw; width:62.3958vw; float:left; position:relative; margin-left:20.8125vw; z-index:9999;} #containerIsee > #bloco05 #menu01 {background:url(../img/1920/btn-05-1.1.png) no-repeat right top transparent; background-size:100%; width:22.0625vw;height:6.3854vw; float:left; position:relative;} #containerIsee > #bloco05 #menu01:hover {background:url(../img/1920/btn-05-1.png) no-repeat right top transparent; background-size:100%; width:22.0625vw;height:6.3854vw; float:left; position:relative;} #containerIsee > #bloco05 #menu01.active {background:url(../img/1920/btn-05-1.png) no-repeat right top transparent; background-size:100%; width:22.0625vw;height:6.3854vw;float:left; position:relative;} #containerIsee > #bloco05 #menu02 {background:url(../img/1920/btn-05-3.png) no-repeat center top transparent; background-size:100%; width:16.4166vw; height:7vw; float:left; position:relative;} #containerIsee > #bloco05 #menu02:hover {background:url(../img/1920/btn-05-3.1.png) no-repeat center top transparent; background-size:100%; width:16.4166vw; height:7vw;float:left; position:relative;} #containerIsee > #bloco05 #menu02.active {background:url(../img/1920/btn-05-3.1.png) no-repeat center top transparent; background-size:100%; width:16.4166vw; height:7vw; float:left; position:relative;} #containerIsee > #bloco05 #menu03 {background:url(../img/1920/btn-05-4.png) no-repeat right top transparent; background-size:100%; width:19.39583333333333vw; height:5.3854vw; float:left; position:relative;} #containerIsee > #bloco05 #menu03:hover {background:url(../img/1920/btn-05-4.1.png) no-repeat right top transparent; background-size:100%; width:19.39583333333333vw;height:5.3854vw; float:left; position:relative; } #containerIsee > #bloco05 #menu03.active {background:url(../img/1920/btn-05-4.1.png) no-repeat right top transparent; background-size:100%; width:19.39583333333333vw;height:5.3854vw;; float:left; position:relative; } #containerIsee > #bloco05 #menuInferior {height:2vw; width:14vw; float:left; position:relative; margin-left:46vw; top:-4.5vw; z-index:9999;} #containerIsee > #bloco05 .menuInferior01 {background:url(../img/bullet_01.png) no-repeat center top; background-size:100%; width:2.14583333333333vw; height:2.14583333333333vw; float:left; position:relative; margin-right:0.76vw;} #containerIsee > #bloco05 .menuInferior02 {background:url(../img/bullet_02.png) no-repeat center top; background-size:100%; width:2.14583333333333vw; height:2.14583333333333vw; float:left; position:relative; margin-right:0.76vw; cursor:pointer;} #containerIsee > #bloco05 .menuInferior02:hover {background:url(../img/bullet_01.png) no-repeat center top; background-size:100%; width:2.14583333333333vw; height:2.14583333333333vw; float:left; position:relative; margin-right:0.76vw; cursor:pointer;} #containerIsee > #bloco05 #bloco0301 { margin-top: 0vw;width:100vw; height:100%; z-index:999; float:left; position:relative;} /*#containerIsee > #bloco05 #bloco0301 .img301{width: 92.0416vw;height: 75.3359vw;background:url(../img/1920/monitor-05.png) no-repeat center bottom; background-size:100%;margin-left: 4vw;}*/ #containerIsee > #bloco05 #bloco0301 h1 {} #containerIsee > #bloco05 #bloco0301 p {width: 85%; } #containerIsee > #bloco05 #bloco0303 { margin-top: 0vw;width:100vw; height:100%; z-index:999; float:left; position:relative;} /*#containerIsee > #bloco05 #bloco0303 .img303{width:82.0416vw; height: 69.3359vw;background:url(../img/1920/monitor-05-2.png) no-repeat center bottom; background-size:100%;}*/ #containerIsee > #bloco05 #bloco0303 h1 {} #containerIsee > #bloco05 #bloco0303 p {width: 85%; } #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 > #bloco05 #bloco0304 {margin-top: 0vw; width:100vw; height:100%; z-index:999; float:left; position:relative;} /* #containerIsee > #bloco05 #bloco0304 .img304{width:82.0416vw; height: 69.3359vw;background:url(../img/1920/monitor-05-3.png) no-repeat center bottom; background-size:100%;}*/ #containerIsee > #bloco05 #bloco0304 h1 {} #containerIsee > #bloco05 #bloco0304 p {width: 85%; } #containerIsee > #bloco06 {background:#214b6c;} #containerIsee > #bloco06 .img-06{width: 100%; height: 53.125vw; background: url(../img/1024/bg-06.png)no-repeat center top transparent; background-size: 100%; position: absolute; top: -2vw;right: 0vw;} #containerIsee > #bloco07{background-color: #cecece;} #containerIsee > #bloco07 img{padding-bottom: 3vw;} #containerIsee > #bloco07 strong{text-align: left;} #containerIsee > #bloco07 p{text-align: left;} #containerIsee > #bloco08 {background:url(../img/1920/bg-08.jpg) no-repeat center bottom; background-size:cover;} #containerIsee > #bloco08 h2{} #containerIsee > .rodape{width:100vw;background: #000;} #containerIsee > .rodape img{padding-top: 1.5vw;} #containerIsee > .rodape p{font-size:.95vw;padding-top: 3vw;} #containerIsee > #bloco10 {height: 42vw;} #containerIsee > #bloco10 #pull-left{background:url(../img/samsungClubNovo.jpg) no-repeat top center #000; float: left;height:42vw; background-size:cover;} #containerIsee > #bloco10 #pull-left img{margin: 0 auto; display: block; padding-top: 16vw; width: 42.8vw;} #containerIsee > #bloco10 #pull-left p{padding-top:0.5vw;} #containerIsee > #bloco10 #pull-right{background:url(../img/samsungCare.jpg) no-repeat top center #000;float: right;height:42vw; background-size:cover;} #containerIsee > #bloco10 #pull-right img{margin: 0 auto; display: block; padding-top: 0.2vw; width: 7.8vw;} #containerIsee > #bloco10 #pull-right p{padding-top:0.5vw;} #containerIsee > #bloco10 #pull-right .logoCare{width: 16vw; margin-top: 2vw} #containerIsee > #bloco10 #pull-right h1{padding-top: 2vw !important;font-size: calc(45/1024*100vw); line-height: calc(50/1024*100vw);} #containerIsee > #bloco10 #samsungCare p{font-size: calc(15/1024*100vw); line-height: calc(18/1024*100vw);} #containerIsee > #bloco10 .boxAtend {width:100%; float:left; position:relative; background-color:#0088c3; border-radius:2vw; margin-left:auto; margin-right:auto; margin-top:1vw;} #containerIsee > #bloco10 .boxAtend p {font-size:0.7vw !important; line-height:0.9vw; padding-bottom:0.4vw;} } /* 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:6.615384615384615vw; line-height:6.615384615384615vw; padding-bottom:1.6666vw !important;margin-bottom: 2vw;} #containerIsee h3{font-size:3.205128205128205vw;} #containerIsee h4{font-size:3.205128205128205vw;} #containerIsee p{font-size:3.205128205128205vw;} #containerIsee .hide {display:block !important;} #containerIsee .HideMobile {display:none !important;} #containerIsee .centerMobile {text-align:center !important;} #containerIsee > #bloco01 {height:95.923vw;} #containerIsee > #bloco02 {height:86vw;} #containerIsee > #bloco04 {height:108.8516vw;} #containerIsee > #bloco05 {height:79vw !important;} #containerIsee > #bloco06 {height:110.6208vw;} #containerIsee > #bloco07 {height:119.2307vw;} #containerIsee > #bloco08 {height:68.6813vw;} #containerIsee > #bloco14 {height:17.5vw;} #containerIsee > #bloco01{overflow:hidden;} #containerIsee > #bloco01 .background01{ width: 100vw;z-index: 9; position: absolute; height: 102.923vw; background: url(../img/780/bg-01.png) no-repeat center center; background-size: 120%;animation: zoomIn 40s infinite ease-in-out;} #containerIsee > #bloco01 .logo {margin-top:2vw;background:url(../img/1920/logoSamsung.png) no-repeat center top; background-size:100%; height:3.95833333333333vw; width:16.208333vw;} #containerIsee > #bloco01 h1 {padding-top:5.5vw !important; padding-bottom:0vw !important;} #containerIsee > #bloco01 h3 {margin-top:1.8vw;} #containerIsee > #bloco01 .tv01 {width:100%;height:96.423vw;z-index:99;background:url(../img/780/tv-01.png) no-repeat center bottom; background-size:100%;position: absolute;left: 0; } #containerIsee > #bloco01_1{ z-index: -9; background-color: #fff;padding-bottom: 6vw;} #containerIsee > #bloco01_1 p{padding-top: 1vw;} #containerIsee > #bloco02{z-index: 99;background:url(../img/780/bg-02.jpg) no-repeat center bottom #ffffff;background-size: 100%; margin-top: -1.2vw;} #containerIsee > #bloco02 .spot_1{display:none;cursor: pointer; width: 5vw; height: 5vw;position: absolute; left: 20vw; top: 6.5vw;} #containerIsee > #bloco04{background:url(../img/780/bg-04.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco04 h1{padding-top: 10vw !important;} #containerIsee > #bloco04 #menu {height:7.69vw; width:82.70vw; float:left; position:relative; margin-left:-0.5vw; z-index:9999;} #containerIsee > #bloco04 #menu1 {cursor: pointer;background:url(../img/780/btn-04.png) no-repeat center top transparent; background-size:100%; width:41vw; height:7.69vw; float:left; position:relative;} #containerIsee > #bloco04 #menu1:hover {cursor: pointer;background:url(../img/780/btn-04-hover.png) no-repeat center top transparent; background-size:100%; width:41vw; height:7.69vw; float:left; position:relative;} #containerIsee > #bloco04 #menu1.active {cursor: pointer;background:url(../img/780/btn-04-hover.png) no-repeat center top transparent; background-size:100%; width:41vw; height:7.69vw;float:left; position:relative; } #containerIsee > #bloco04 #menu2 {cursor: pointer;background:url(../img/780/btn-04-1-hover.png) no-repeat center top transparent; background-size:100%; width:41vw; height:7.69vw;float:left; position:relative; } #containerIsee > #bloco04 #menu2:hover {cursor: pointer;background:url(../img/780/btn-04-1.png) no-repeat center top transparent; background-size:100%; width:41vw; height:7.69vw;float:left; position:relative; } #containerIsee > #bloco04 #menu2.active {cursor: pointer;background:url(../img/780/btn-04-1.png) no-repeat center top transparent; background-size:100%; width:41vw; height:7.69vw;float:left; position:relative; } #containerIsee > #bloco04 #menu1.dev2 {cursor: pointer;background:url(../img/780/btn-04-hover.png) no-repeat center top transparent; background-size:100%; width:41vw; height:7.69vw;float:left; position:relative; } /* #containerIsee > #bloco05 {background:url(../img/1920/bg-05.jpg) no-repeat center bottom; background-size:100%;width:100%; overflow:hidden;} */ #containerIsee > #bloco05 .txtBranco03 {color:#ffffff;} #containerIsee > #bloco05 .txtPreto03 {color:#000000;} #containerIsee > #bloco05 #filmeTrip {width:400vw; height:auto; overflow:hidden; float: left; position: relative; margin-top: -2.7vw; z-index: 99; left:0;} #containerIsee > #bloco05 #menu {display:none;height:3.3854vw; width:49.3958vw; float:left; position:relative; margin-left:25.8125vw; z-index:9999;} #containerIsee .img0501 {background:none #ffffff;} #containerIsee .img0501Mobile {background:url(../img/1920/monitor-05.jpg) no-repeat center bottom #ffffff; background-size:100%; height:80vw;} #containerIsee .img0502Mobile {background:url(../img/1920/monitor-05-2.jpg) no-repeat center bottom #ffffff; background-size:100%;height:80vw;} #containerIsee .img0503Mobile {background:url(../img/1920/monitor-05-1.jpg) no-repeat center bottom #ffffff; background-size:100%;height:80vw;} #containerIsee > #bloco05 .slider .img301{padding-top:26vw;width: 81.0416vw; height: 69.3359vw;background:url(../img/1920/monitor-05.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco05 .slider h1 {line-height: 8vw;} #containerIsee > #bloco05 .slider p{ margin-top: -1px !important;} #containerIsee > #bloco05 .slider .img303{padding-top:26vw;width: 81.0416vw; height: 69.3359vw;background:url(../img/1920/monitor-05-2.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco05 .slider h1 {padding-top:30px !important; line-height: 8vw;} #containerIsee > #bloco05 .slider .img304{padding-top:26vw;width: 81.0416vw; height: 69.3359vw;background:url(../img/1920/monitor-05-3.png) no-repeat center bottom; background-size:100%;} #containerIsee > #bloco05 .slider h1 {padding-top:30px !important;line-height: 8vw;} #containerIsee > #bloco06 {background:#214b6c;} #containerIsee > #bloco06 h1 {padding-top: 9vw !important;} #containerIsee > #bloco06 .img-06{width: 100%; height: 108.125vw; background: url(../img/780/bg-07.png)no-repeat center top transparent; background-size: 100%; position: absolute; top: 1vw;right: 0vw;} #containerIsee > #bloco07{background-color: #cecece;} #containerIsee > #bloco07 img{padding-bottom: 3vw;} #containerIsee > #bloco07 strong{text-align: left;} #containerIsee > #bloco07 p{text-align: left;} #containerIsee > #bloco08 {background:url(../img/780/bg-08.jpg) no-repeat center bottom; background-size:cover;} #containerIsee > .rodape{width:100vw;background: #000; } #containerIsee > .rodape img{padding-top: 1.5vw;} #containerIsee > .rodape p{font-size:2vw;padding-top: 3.5vw;} #containerIsee > #bloco10 h1{font-size: 7vw; line-height: 9vw; padding-bottom: 1.083vw;} #containerIsee > #bloco10 p{font-size:3vw;line-height:3.5vw;} #containerIsee > #bloco10 .logoClub {width:85vw !important; margin-top:36vw !important;} #containerIsee > #bloco10 .logoCare {width:36.22916666666667vw !important; margin-top:2vw !important;} #containerIsee > #bloco10 #pull-left{background:url(../img/samsungClubNovo.jpg) no-repeat top center #000; float: left; height:90vw; background-size:cover;} #containerIsee > #bloco10 #pull-left img{margin: 0 auto; display: block; padding-top: 2vw; width: 18vw;} #containerIsee > #bloco10 #pull-left p{padding-top: 1.5vw; width:80%; margin-left:10%; margin-right:10%;} #containerIsee > #bloco10 #pull-right{background:url(../img/samsungCare.jpg) no-repeat top center #000;float: right;height:90vw; background-size:cover;} #containerIsee > #bloco10 #pull-right img{margin: 0 auto; display: block; padding-top: 2.2vw; width:18vw;} #containerIsee > #bloco10 #pull-right p{padding-top: 1.5vw; width:86%; margin-left:7%; margin-right:7%;} #containerIsee > #bloco10 .boxAtend {width:100%; float:left; position:relative; background-color:#0088c3; border-radius:4vw; margin-left:auto; margin-right:auto; margin-top:4vw; padding: 1vw;} #containerIsee > #bloco10 .boxAtend p {font-size:2vw !important; line-height:2.4vw; padding-bottom:0.4vw; padding-top:0.4vw !important;} } @media(max-width: 510px){ #containerIsee > #bloco05 {height:77vw !important;} #containerIsee > #bloco05 .slider {position: relative; top:1vw !important;} #containerIsee .img0501Mobile {background:url(../img/1920/monitor-05.jpg) no-repeat center bottom #ffffff; background-size:100%; height:77vw;} #containerIsee .img0502Mobile {background:url(../img/1920/monitor-05-2.jpg) no-repeat center bottom #ffffff; background-size:100%;height:77vw;} #containerIsee .img0503Mobile {background:url(../img/1920/monitor-05-1.jpg) no-repeat center bottom #ffffff; background-size:100%;height:77vw;} #containerIsee > #bloco05 .slider h1 {padding-top:15px !important;line-height: 8vw;} } @media(max-width: 345px){ #containerIsee > #bloco02 a {font-size:4vw;font-family:SamsungOne,Verdana, Arial; font-weight:400;text-decoration:none;width:81vw;text-align:center; padding-top: 8px; padding-bottom: 4px; height: 40px;color:#222; font-weight: bold; border-radius: 20px; border:4px solid #222;} } @-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; } } @keyframes pulse { 0%{ opacity: 0; } 50%{ opacity: 1; } 100%{ opacity: 0; } } /* Firefox < 16 */ @-moz-keyframes pulse { 0%{ opacity: 0; } 50%{ opacity: 1; } 100%{ opacity: 0; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes pulse { 0%{ opacity: 0; } 50%{ opacity: 1; } 100%{ opacity: 0; } } /* Internet Explorer */ @-ms-keyframes pulse { 0%{ opacity: 0; } 50%{ opacity: 1; } 100%{ opacity: 0; } } /* Opera < 12.1 */ @-o-keyframes pulse { 0%{ opacity: 0; } 50%{ opacity: 1; } 100%{ opacity: 0; } } @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.3,1.3); /* IE 9 */ -webkit-transform: scale(1.3,1.3); /* Safari */ transform: scale(1.3,1.3); /* Standard syntax */ } 100% { -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1); /* Standard syntax */ } }