@font-face { font-family:Centrale; src: url('../fonts/CentraleSansXBold-extrabold.woff'); src: url('../fonts/CentraleSansXBold-extrabold.woff') format('woff'), url('../fonts/CentraleSansXBold-extrabold.woff') format('truetype'), url('../fonts/CentraleSansXBold-extrabold.woff') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family:Centrale; src: url('../fonts/CentraleSansRegular.woff'); src: url('../fonts/CentraleSansRegular.woff') format('woff'), url('../fonts/CentraleSansRegular.woff') format('truetype'), url('../fonts/CentraleSansRegular.woff') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:Centralelight; src: url('../fonts/centralesans-light-webfont.woff2'); src: url('../fonts/centralesans-light-webfont.woff2') format('woff'), url('../fonts/centralesans-light-webfont.woff2') format('truetype'), url('../fonts/centralesans-light-webfont.woff2') format('svg'); } #containerIsee {font-family:Centrale,sans-serif;font-weight:normal;color:#FFFFFF;background-color:#FFFFFF;} #containerIsee .txtBranco {color:#ffffff;} #containerIsee .txtAzul {color: #00445e;} #containerIsee .txtCinza{color:#525252;} /* Comuns em todas as resoluções */ #containerIsee #bloco01, #containerIsee #bloco02, #containerIsee #bloco03, #containerIsee #bloco04, #containerIsee #bloco05, #containerIsee #bloco06, #containerIsee #bloco07, #containerIsee #bloco08, #containerIsee #bloco09, #containerIsee #bloco10 {float:left;position:relative;margin:0;padding:0;width:100%;} #containerIsee .noUi-handle:after, #containerIsee .noUi-handle:before {display:none !important;} @media screen and (min-width: 781px) { #containerIsee .txt01 {font-weight: bold; font-size:3.906vw; line-height: 4.5535vw;text-align: left;} #containerIsee .txt02 {font-weight: normal;font-size:1.302vw; line-height: 2vw;text-align: left;} #containerIsee .txt03 {font-family:Centralelight;font-size:2.083vw; line-height: 2.8vw;text-align: left;} /* Altura dos blocos */ #containerIsee > #bloco01 {height:46.510vw;} #containerIsee > #bloco02 {height:44.271vw;} #containerIsee > #bloco03 {height:45.417vw;} #containerIsee > #bloco04 {height:45.521vw;} #containerIsee > #bloco05 {height:46.45833333vw;} #containerIsee > #bloco06 {height:42.188vw;} #containerIsee > #bloco07 {height:39.271vw;} #containerIsee > #bloco08 {height:45.052vw;} #containerIsee > #bloco09 {height:38.542vw;} #containerIsee > #bloco10 {height:5.729166667vw;} #containerIsee > #bloco01 {background: url('../img/philips_barbeador5000_bloco01_bg.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco01 img{position: absolute;} #containerIsee > #bloco01 h2 {margin-top:17.708vw;left:8.333vw; width:35vw; } #containerIsee > #bloco01 p {position:absolute; top:32vw;left:8.333vw; width:35vw;} #containerIsee > #bloco01 .logophilips {width: 10.72916667vw; height: 10.72916667vw; top:2.500vw; left:8.333vw; } #containerIsee > #bloco01 .selodoisanos {width:8.333vw; height:4.792vw; top:37.656vw; left:8.333vw;} #containerIsee > #bloco01 .selo90 {width:12.292vw; height:12.292vw; bottom:2.969vw; right:25.000vw;} #containerIsee > #bloco01 .selonumeroum {width:13.854vw; height:19.063vw; bottom:0; right:7.083vw;} #containerIsee > #bloco02 {background: url('../img/philips_barbeador5000_bloco02_bg.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco02 h2 {margin-top:11.458vw;} #containerIsee > #bloco02 h3 {margin-top:.7vw; margin-bottom:1vw;} #containerIsee > #bloco02 p { margin-top:.2vw; margin-bottom:1vw;} #containerIsee > #bloco03 {background: url('../img/philips_barbeador5000_bloco03_bg.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco03 h2{margin-top:8vw; margin-bottom: 1.7vw;} #containerIsee > #bloco03 p {width:35vw; margin-top:1vw;} #containerIsee > #bloco03 .laminas {font-family:Centralelight;} #containerIsee > #bloco03 input{display: none; z-index: 9999;} #containerIsee > #bloco03 .funciona {position: absolute; top:12.677vw;left:8.333vw; width:35vw;} #containerIsee > #bloco03 .funciona h2{margin-bottom:3.333vw; } #containerIsee > #bloco03 .funciona .botao{width:15.458vw; height:3.073vw; background-color:#00445e; color:#fff; margin-top:18vw; border-radius:10vw; font-size:1.3vw; line-height:3.073vw; text-align:center; cursor:hand; cursor: pointer;} #containerIsee > #bloco03 input#botaoconheca:checked ~ div.conheca{display: block;} #containerIsee > #bloco03 .conheca {display: none; background-image:url(../img/philips_barbeador5000_bloco03_bg2.jpg); width:100%;height:inherit;position:absolute;background-position:left top;background-color:#FFF;background-repeat:no-repeat;background-size:cover; z-index:8888} #containerIsee > #bloco03 .conheca label{width:2.656vw;height:2.656vw;position: absolute; top:2vw; right:14vw;} #containerIsee > #bloco03 .conheca label:after{content:'\002716';display:block;width:2.656vw;height:2.656vw;border-radius:50%;background-color:#FFF;cursor:hand;cursor:pointer;line-height:2.656vw;text-align:center;font-weight:bold;color:#000;font-size:1.6vw;} #containerIsee > #bloco03 .conheca label:hover:after{color:#FFF;background-color:#000;} #containerIsee > #bloco03 video {width: 70.75vw;height: 40vw;margin-left: 13vw;margin-top: 3vw;} #containerIsee > #bloco04 {background: url('../img/philips_barbeador5000_bloco04_bg.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco04 h2{margin-top:13.7vw; margin-bottom: 1.7vw;} #containerIsee > #bloco04 p {width:39vw; margin-top:1vw;} #containerIsee > #bloco05 {background: url('../img/philips_barbeador5000_bloco05_bg.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco05 h2{margin-top: 14.9vw; margin-bottom:1vw;} #containerIsee > #bloco05 h3{margin-bottom:1vw; width:30vw; font-weight:bold; font-size:1.9vw;line-height:2.3vw;} #containerIsee > #bloco05 p {width:36vw; margin-top:1vw;} #containerIsee > #bloco06 {background:url(../img/philips_barbeador5000_bloco06_bg.jpg) #000000 no-repeat left top;background-size:cover;} #containerIsee > #bloco06 .conteudo{height:inherit;width:inherit;position:absolute;top:0;left:0;z-index:2} #containerIsee > #bloco06 .conteudo h2{text-align:center;margin-top:2.7vw;line-height:5.9vw;} #containerIsee > #bloco06 .conteudo p{text-align:center;} #containerIsee > #bloco06 .conteudo .play{text-align:center;margin-top:8vw;} #containerIsee > #bloco06 .conteudo .play img{margin:0 auto;width:6vw;height:6vw;transition: all 0.4s ease;cursor:hand;cursor:pointer;} #containerIsee > #bloco06 .conteudo .play:hover img{-ms-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);} #containerIsee > #bloco06 .conteudo #play_bt01{display:none;} #containerIsee > #bloco06 .conteudo .video{display:none;position:absolute;top:2vw;left:15vw;z-index:999;background-color:#000000;width:70vw;height:39vw;overflow: hidden;border:#FFFFFF solid 0.14vw;} #containerIsee > #bloco06 .conteudo .video iframe{position:absolute;top:-10vw;left:0.01vw;width:70vw;height:58.5vw;} #containerIsee > #bloco06 .conteudo .video label{top:1vw;right:1vw;position:absolute;font-size:2vw;font-weight:bold;cursor:hand;cursor:pointer;z-index: 999; color:#000; } #containerIsee > #bloco06 .conteudo .video label:hover{font-size:2.1vw;} #containerIsee > #bloco06 .conteudo .video::-webkit-media-controls {display:none;} #containerIsee > #bloco06 .conteudo #play_bt01:checked ~ .video{display:block;} #containerIsee > #bloco06 .youtubeVideos {width: 100.000vw; height:56.250vw;} #containerIsee > #bloco07 {background: url('../img/philips_barbeador5000_bloco07_bg.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco07 h2{margin-top:18.5vw; margin-bottom: 1vw; text-align:right;} #containerIsee > #bloco07 p {width:30vw; text-align:right;left:6vw;} #containerIsee > #bloco07 .textos_isee {position: absolute; left:22vw; top:14vw; padding-left:10.729vw; padding-top:14.896vw; width:20vw; height:5vw; background-image: url('../img/philips_barbeador5000_bloco07_btBg.png');background-size:cover; background-repeat: no-repeat; } #containerIsee > #bloco07 .textos_isee div { width:16.563vw;height:4.323vw;text-align:left; font-size:1vw; line-height:1.4vw; display:none;font-size: 1.302vw;line-height:1.7vw; margin-left:2vw;} #containerIsee > #bloco07 #bt01:checked ~ .textos_isee .bateria_isee {display: block;} #containerIsee > #bloco07 #bt02:checked ~ .textos_isee .tomada_isee {display: block;} #containerIsee > #bloco07 #bt03:checked ~ .textos_isee .trava_isee {display: block;} #containerIsee > #bloco07 #bt04:checked ~ .textos_isee .troca_isee {display: block;} #containerIsee > #bloco07 #bt05:checked ~ .textos_isee .limpeza_isee {display: block;} #containerIsee > #bloco07 #bt01:checked ~ .textos_isee {background-position:0 top; } #containerIsee > #bloco07 #bt02:checked ~ .textos_isee {background-position:-30.729vw top; } #containerIsee > #bloco07 #bt03:checked ~ .textos_isee {background-position:-61.458vw top; } #containerIsee > #bloco07 #bt04:checked ~ .textos_isee {background-position:-92.187vw top; } #containerIsee > #bloco07 #bt05:checked ~ .textos_isee {background-position:-122.916vw top; } #containerIsee > #bloco07 label {position:absolute;width:3.3vw;height:4.688vw;cursor: hand; cursor: pointer; z-index:999; } #containerIsee > #bloco07 label.label01_isee { top:18vw; left: 18vw; width:8.333vw;height:4.688vw; } #containerIsee > #bloco07 label.label02_isee { top:14vw; left: 28.7vw;} #containerIsee > #bloco07 label.label03_isee { top:13vw; left:32.4vw; } #containerIsee > #bloco07 label.label04_isee { top:11vw; left: 36vw; } #containerIsee > #bloco07 label.label05_isee { top:9vw; left: 40vw; } #containerIsee > #bloco07 input{display:none;} #containerIsee > #bloco08 {background: url('../img/philips_barbeador5000_bloco08_bg.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco08 h2{ margin-top:9vw; margin-bottom: 1.7vw; width:35vw;} #containerIsee > #bloco08 h3{font-weight:bold; font-family:Centrale; margin-bottom: 1.7vw; width:35vw;} #containerIsee > #bloco08 p { width:35vw;text-align: left; } #containerIsee > #bloco09 {background: url(../img/philips_barbeador5000_bloco09_bg.jpg) no-repeat center top; background-size:cover;} #containerIsee > #bloco09 h2 {margin-top:9vw; width:25vw;} #containerIsee > #bloco09 p {margin-top:1.4vw; } #containerIsee > #bloco10 {background-color: #1a3455;} #containerIsee > #bloco10 img {width: calc(80/1920*100vw); height: calc(80/1920*100vw); margin-top: 1vw;} #containerIsee > #bloco10 h2{margin-top: 14.9vw; margin-bottom: 1.7vw;} #containerIsee > #bloco10 p {font-size:.84vw; margin-top: 3vw;margin-left: -4vw;} } @media screen and (max-width: 780px) { /* Altura dos blocos */ #containerIsee > #bloco01 {height:186.026vw;} #containerIsee > #bloco02 {height:193.462vw;} #containerIsee > #bloco03 {height:181.282vw;} #containerIsee > #bloco04 {height:184.615vw;} #containerIsee > #bloco05 {height:186.923vw;} #containerIsee > #bloco06 {height:168.846vw;} #containerIsee > #bloco07 {height:155.641vw;} #containerIsee > #bloco08 {height:181.282vw;} #containerIsee > #bloco09 {height:151.282vw;} #containerIsee > #bloco10 {height:50.385vw;} #containerIsee .txt01 {font-weight: bold; font-size:9.615vw; line-height:11vw;text-align: center;} #containerIsee .txt02 {font-weight: normal;font-size:3.205vw; line-height:4vw;text-align: center;} #containerIsee .txt03 {font-family:Centralelight;font-size:5.128vw; line-height:5.5vw;text-align: center;} #containerIsee > #bloco01 {background: url('../img/philips_barbeador5000_bloco01_bg_mb.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco01 img{position: absolute;} #containerIsee > #bloco01 h2 {margin-top:41.795vw;left:15vw; width:71vw; } #containerIsee > #bloco01 p {position:absolute; top:76.923vw;left:15.385vw; width:70vw;font-size:4vw;} #containerIsee > #bloco01 .logophilips {width:26.026vw; height:26.026vw; top:10.000vw; left:37.692vw;} #containerIsee > #bloco01 .selodoisanos {width:23.846vw; height:13.462vw; bottom:10.769vw; right:13.333vw;} #containerIsee > #bloco01 .selo90 {width:24.615vw; height:24.615vw; bottom:29.487vw; right:13.333vw;} #containerIsee > #bloco01 .selonumeroum {width:24.872vw; height:34.231vw; bottom:57.949vw;right:13.333vw;} #containerIsee > #bloco02 {background: url('../img/philips_barbeador5000_bloco02_bg_mb.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco02 h2 {margin-top:11.458vw;} #containerIsee > #bloco02 h3 {margin-top:1.7vw; margin-bottom:7vw;} #containerIsee > #bloco02 p {margin-top:2.2vw; margin-bottom:1vw;} #containerIsee > #bloco03 {background: url('../img/philips_barbeador5000_bloco03_bg_mb.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco03 h2{margin-top:8vw; margin-bottom: 1.7vw;} #containerIsee > #bloco03 p {width: 79vw;margin-top: 1vw;margin-left: 9vw;} #containerIsee > #bloco03 .laminas {font-family:Centralelight;} #containerIsee > #bloco03 input{display: none; z-index: 9999;} #containerIsee > #bloco03 .funciona {position: absolute; top:12.677vw;left:8.333vw; width:35vw;} #containerIsee > #bloco03 .funciona h2{margin-bottom:3.333vw; } #containerIsee > #bloco03 .funciona .botao{width:40.256vw;height:8.846vw; background-color:#00445e; color:#fff;margin-left: 19vw; margin-top:40vw; border-radius:10vw; font-size:3.590vw; line-height:9.073vw; text-align:center; cursor:hand; cursor: pointer;} #containerIsee > #bloco03 input#botaoconheca:checked ~ div.conheca{display: block;} #containerIsee > #bloco03 .conheca {display: none; background-image:url(../img/philips_barbeador5000_bloco03_bg2_mb.jpg); width:100%;height:inherit;position:absolute;background-position:left top;background-color:#FFF;background-repeat:no-repeat;background-size:cover; z-index:8888} #containerIsee > #bloco03 .conheca label{width:2.656vw;height:2.656vw;position: absolute; top:2vw; right:14vw;} #containerIsee > #bloco03 .conheca label:after{content:'\002716';display:block;width:4vw;height:4vw;border-radius:50%;background-color:#FFF;cursor:hand;cursor:pointer;line-height:4vw;text-align:center;font-weight:bold;color:#000;font-size:2vw;} #containerIsee > #bloco03 .conheca label:hover:after{color:#FFF;background-color:#000;} #containerIsee > #bloco03 video {width:70.75vw;height:40vw;margin-left: 13vw;margin-top: 3vw;} #containerIsee > #bloco04 {background: url('../img/philips_barbeador5000_bloco04_bg_mb.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco04 h2{margin-top:13.7vw; margin-bottom: 1.7vw;} #containerIsee > #bloco04 p {width:90vw;margin-top: 1vw;margin-left:5vw;} #containerIsee > #bloco05 {background: url('../img/philips_barbeador5000_bloco05_bg_mb.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco05 h2{margin-top:10.9vw; margin-bottom:1vw;} #containerIsee > #bloco05 h3{margin-bottom:1vw; width:60vw; font-weight:bold; font-size:4vw;line-height:5vw; margin-left:10vw;} #containerIsee > #bloco05 p {width: 79vw;margin-top: 1vw;margin-left:1vw;} #containerIsee > #bloco06 {background:url(../img/philips_barbeador5000_bloco06_bg_mb.jpg) #000000 no-repeat left top;background-size:cover;} #containerIsee > #bloco06 .conteudo{height:inherit;width:inherit;position:absolute;top:0;left:0;z-index:2} #containerIsee > #bloco06 .conteudo h2{text-align:center;margin-top:10.641vw;font-size:9vw; margin-bottom:3vw;} #containerIsee > #bloco06 .conteudo p{text-align:center; margin-top: .6vw;} #containerIsee > #bloco06 .conteudo .play{text-align:center;margin-top:38vw;} #containerIsee > #bloco06 .conteudo .play img{margin:0 auto;width:15.000vw;height:15.000vw;transition: all 0.4s ease;cursor:hand;cursor:pointer;} #containerIsee > #bloco06 .conteudo .play:hover img{-ms-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);} #containerIsee > #bloco06 .conteudo #play_bt01{display:none;} #containerIsee > #bloco06 .conteudo .video{display:none;position:absolute;top:2vw;left:15vw;z-index:999;background-color:#000000;width:70vw;height:39vw;overflow: hidden;border:#FFFFFF solid 0.14vw;} #containerIsee > #bloco06 .conteudo .video iframe{position:absolute;top:-10vw;left:0.01vw;width:70vw;height:58.5vw;} #containerIsee > #bloco06 .conteudo .video label{top:1vw;right:1vw;position:absolute;font-size:2vw;font-weight:bold;cursor:hand;cursor:pointer;z-index: 999; color:#000; } #containerIsee > #bloco06 .conteudo .video label:hover{font-size:2.1vw;} #containerIsee > #bloco06 .conteudo .video::-webkit-media-controls {display:none;} #containerIsee > #bloco06 .conteudo #play_bt01:checked ~ .video{display:block;} #containerIsee > #bloco07 {background: url('../img/philips_barbeador5000_bloco07_bg_mb.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco07 h2{margin-top:7.949vw; margin-bottom: 1vw;} #containerIsee > #bloco07 p {width: 79vw;margin-top: 1vw;margin-left:1vw;} #containerIsee > #bloco07 .textos_isee {position: absolute;left:26vw;top:100vw;padding-left: 28.729vw;padding-top: 32.896vw;width: 20vw;height:7vw;background-image: url('../img/philips_barbeador5000_bloco07_btBg.png');background-size:cover; background-repeat: no-repeat; } #containerIsee > #bloco07 .textos_isee div {width:38.462vw;height:38.462vw;text-align:left; display:none;font-size:2.949vw;line-height:2.949vw;} #containerIsee > #bloco07 #bt01:checked ~ .textos_isee .bateria_isee {display: block;} #containerIsee > #bloco07 #bt02:checked ~ .textos_isee .tomada_isee {display: block;} #containerIsee > #bloco07 #bt03:checked ~ .textos_isee .trava_isee {display: block;} #containerIsee > #bloco07 #bt04:checked ~ .textos_isee .troca_isee {display: block;} #containerIsee > #bloco07 #bt05:checked ~ .textos_isee .limpeza_isee {display: block;} #containerIsee > #bloco07 #bt01:checked ~ .textos_isee {background-position:0 top; } #containerIsee > #bloco07 #bt02:checked ~ .textos_isee {background-position:-60vw top;} #containerIsee > #bloco07 #bt03:checked ~ .textos_isee {background-position:-120vw top;} #containerIsee > #bloco07 #bt04:checked ~ .textos_isee {background-position:-180vw top;} #containerIsee > #bloco07 #bt05:checked ~ .textos_isee {background-position:-240vw top;} #containerIsee > #bloco07 label {position:absolute;width:7.3vw;height:5.688vw;cursor: hand; cursor: pointer; z-index:999; } #containerIsee > #bloco07 label.label01_isee { top:108vw; left: 18vw; width:20.333vw;height:8.688vw; } #containerIsee > #bloco07 label.label02_isee { top:102vw; left:42.7vw;} #containerIsee > #bloco07 label.label03_isee { top:98vw; left:51.4vw; } #containerIsee > #bloco07 label.label04_isee { top:94vw; left:60vw; } #containerIsee > #bloco07 label.label05_isee { top:91vw; left:68vw; } #containerIsee > #bloco07 input{display:none;} #containerIsee > #bloco08 {background: url('../img/philips_barbeador5000_bloco08_bg_mb.jpg') no-repeat center top; background-size:cover;} #containerIsee > #bloco08 h2{font-weight: bold; font-size:9vw; line-height:10vw;text-align: center; margin-top:10vw; margin-bottom:4vw;} #containerIsee > #bloco08 h3{font-weight:bold; font-family:Centrale; margin-bottom:4vw;} #containerIsee > #bloco08 p {} #containerIsee > #bloco09 {background: url(../img/philips_barbeador5000_bloco09_bg_mb.jpg) no-repeat center top; background-size:cover;} #containerIsee > #bloco09 h2 {margin-top:5vw; width:65vw; margin-left:10vw;} #containerIsee > #bloco09 p {margin-top:4vw; width:85vw; } #containerIsee > #bloco10 {background-color: #1a3455;} #containerIsee > #bloco10 .logophilips {width: 46%;} #containerIsee > #bloco10 p {font-size:2.308vw; margin-top:7vw;margin-left:-9vw; margin-bottom:3vw;} }