/* Sources used in the project */ /* *BACKGROUNDS DEVEM FICAR NO Z-INDEX = 9 */ @font-face { font-family: Titulo; src: url('../fonts/CentraleSans-Bold.woff') format('woff'), url('../fonts/CentraleSans-Bold.ttf') format('truetype'), url('../fonts/centrale-sans-bold.eot'); font-weight: normal; font-style: normal; } @font-face { font-family: Texto; src: url('../fonts/CentraleSansRegular.woff') format('woff'), url('../fonts/CentraleSansRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; } #containerIsee h1{font-family:Titulo, tahoma,arial,verdana; } #containerIsee h2{font-family:Titulo,tahoma,arial,verdana; z-index:1;} #containerIsee h3{font-family:Titulo,tahoma,arial,verdana; z-index:1; } #containerIsee h4{font-family:Titulo,tahoma,arial,verdana; z-index:1; margin:0; padding:0;} #containerIsee p{font-family:Texto, tahoma,arial,verdana; z-index:1; } #containerIsee strong{font-family:Titulo,tahoma,arial,verdana; z-index:1; font-weight: normal;} /* Color definition */ #containerIsee .txtBranco {color:#ffffff;} #containerIsee .txtPreto {color:#000000;} #containerIsee .txtChumbo {color:#2d2d2d;} #containerIsee .txtAzul{color:#001452;} #containerIsee .txt {color:#313131;} #containerIsee .txtBold{font-family:Titulo; font-weight: normal;} #containerIsee .txtAuxiliar{font-family:Auxiliar!important;} #containerIsee .bgBranco {background-color:#ffffff;} #containerIsee .bgCinza {background-color:#e7e7e7;} #containerIsee .bgPreto {background-color:#000000;} #containerIsee .bgAmarelo {background-color:#FF0;} #containerIsee sup {font-size:60%;} /* Blocos informações Genericas para todas as resoluções */ #containerIsee #bloco01, #containerIsee #bloco02, #containerIsee #bloco03, #containerIsee #bloco04, #containerIsee #bloco07, #containerIsee #bloco08, #containerIsee #bloco05, #containerIsee #bloco06, #containerIsee #rodape {float:left; position:relative; margin:0; padding:0; width:100%;} /* ALTURAS */ #containerIsee #bloco01 {height:calc(730/1920*100vw);} #containerIsee #bloco02 {height:calc(650/1920*100vw);} #containerIsee #bloco03 {height:calc(610/1920*100vw);} #containerIsee #bloco04 {height:calc(820/1920*100vw);} #containerIsee #bloco05 {height:calc(600/1920*100vw);} #containerIsee #bloco06 {height:calc(1080/1920*100vw);} #containerIsee #bloco07 {height:calc(1160/1920*100vw);} #containerIsee #bloco08 {height:calc(1080/1920*100vw);} #containerIsee #rodape {height:calc(130/1920*100vw);} /*Backgrounds Blocos*/ #containerIsee #bloco01{background: url('../img/isee-OneBlade-header.jpg') no-repeat center bottom; background-size: cover} #containerIsee #bloco02{background: url('../img/isee-OneBlade-bloco02-1.jpg') no-repeat left bottom; background-size: contain;} #containerIsee #bloco03{background-color: #001452} #containerIsee #bloco04{background-color: #c2d500} #containerIsee #bloco05{background-color: #fff} #containerIsee #bloco06{background-color: #001452} #containerIsee #bloco07{background-color: #c3d600} #containerIsee #bloco08{background-color: #fff} #containerIsee #rodape{background-color: #001452} #containerIsee #rodape {background-color: #001452; padding-bottom:10px; padding-bottom:0.52083333333333vw; display:table;} #containerIsee #rodape {min-height:5vw;} #containerIsee #rodape img {padding-top:1.7vw; padding-bottom:1vw; top: 0.6vw; position: relative;} #containerIsee #rodape .infoLegal {font-size:1vw; color:#ffffff; width:100%; text-align:left; top:2.5vw; padding: 0.5vw; } .zeraPadding{padding: 0!important;}/* Desktop Full Resolution */ @media screen and (min-width:1025px) { /* Setting Font Size */ #containerIsee h1{font-size:calc(50/1920*100vw); line-height:calc(60/1920*100vw); padding-top: calc(120/1920*100vw); padding-bottom: calc(40/1920*100vw); font-weight: normal;} #containerIsee h3{font-size:calc(35/1920*100vw); line-height:calc(25/1920*100vw); padding-top: calc(35/1920*100vw); padding-bottom: calc(35/1920*100vw)} #containerIsee p{font-size:calc(22.33/1920*100vw); line-height:calc(32/1920*100vw);} #containerIsee .mobileDesk {display:none;} #containerIsee .HideDesk {display:none !important;} #containerIsee > .txtLegal {font-size:0.833333333vw;} .HideDesk{display: none} .mobileHide{display: block} #containerIsee > #bloco01 h1{font-family: Texto,tahoma,arial,verdana; font-weight: normal; padding-top: 3vw; } #containerIsee > #bloco01 .logo{padding-top: 3vw} #containerIsee > #bloco02 img{top: 1.2vw; position: relative;} #containerIsee > #bloco02 h1{top: 1.2vw; position: relative;} #containerIsee > #bloco02 .lupa{width: 4vw;height: 5vw;position: absolute;top: 10vw;left: 26vw; cursor: pointer; } .hotspot{background: url('../img/isee-OneBlade-bloco02.jpg') no-repeat left bottom!important; background-size: contain!important;} #containerIsee > #bloco03 img{padding-top: 4vw; } #containerIsee > #bloco03 p{width: 22vw; left: -3vw;} #containerIsee > #bloco04 .barbeador{top: 2vw; position: relative;} #containerIsee > #bloco04 .lava{padding-top: 2vw; position: relative; width: 28vw; float: right;} #containerIsee > #bloco05 .barbeador{top: 7vw; position: relative;} #containerIsee > #bloco05 h1{padding-top: 11vw; padding-bottom: 1vw!important;} #containerIsee > #bloco06 h1, #containerIsee > #bloco07 h1{font-family: Texto,tahoma,arial,verdana; font-weight: normal;} #containerIsee > #bloco06 p{padding-bottom: 3vw} #containerIsee > #bloco07 {width:100%; overflow:hidden;} #containerIsee > #bloco07 iframe{height: 26vw; position: absolute; padding-top: 8vw; margin-right: auto; margin-left: auto; top: 0; bottom: 0; left: 0; right: 0} #containerIsee > #bloco07 .w100{width: 80%; display: block; margin: 0 auto; padding-bottom: 2vw} #containerIsee > #bloco07 .w80{width: 64%; display: block; margin: 0 auto; padding-bottom: 2vw} #containerIsee > .bg1 {background: url('../img/isee-video01.jpg') no-repeat center top; background-size: 100%; background-position-x: 0.5vw;} #containerIsee > .bg2 {background: url('../img/isee-video02.jpg') no-repeat center top; background-size: 100%; background-position-x: 0.5vw;} #containerIsee > .bg3 {background: url('../img/isee-video03.jpg') no-repeat center top; background-size: 100%; background-position-x: 0.5vw;} #containerIsee > #bloco07 #filmeTrip {width:300vw; height:auto; overflow:hidden; float: left; position: relative; margin-top: -2.7vw; z-index: 99; left:0;} #containerIsee > #bloco07 #bloco0701 {width:100vw; height:23vw; z-index:999; float:left; position:relative; background-color: transparent;} #containerIsee > #bloco07 #bloco0702 {width:100vw; height:23vw; z-index:999; float:left; position:relative; background-color: transparent;} #containerIsee > #bloco07 #bloco0703 {width:100vw; height:23vw; z-index:999; float:left; position:relative; background-color: transparent;} #containerIsee > #bloco07 .ajusta-top{top: -4vw} #containerIsee > #bloco07 #bloco0701Setas #bloco0701SetasEsq, #containerIsee > #bloco07 #bloco0702Setas #bloco0701SetasEsq2, #containerIsee > #bloco07 #bloco0703Setas #bloco0701SetasEsq3 {width:5vw; height:4vw; z-index:9999;left: 24vw; top: 13vw; position:absolute; cursor: pointer; color: #000000; background: url('../img/isee-arrow-prev.png') no-repeat center bottom; background-size: contain} #containerIsee > #bloco07 #bloco0701Setas #bloco0701SetasDir, #containerIsee > #bloco07 #bloco0702Setas #bloco0701SetasDir2, #containerIsee > #bloco07 #bloco0703Setas #bloco0701SetasDir3 {width:5vw; height:4vw; z-index:9999;right: 24vw; top: 13vw; position:absolute; cursor: pointer; color: #000000; background: url('../img/isee-arrow-next.png') no-repeat center bottom; background-size: contain} #containerIsee > #bloco07 #bloco0701Setas {width:100vw; height:4.71875vw; z-index:9999; float:left; position:relative;} #containerIsee > #bloco07 #bloco0702Setas {width:100vw; height:4.71875vw; z-index:9999; float:left; position:relative;} #containerIsee > #bloco07 #bloco0703Setas {width:100vw; height:4.71875vw; z-index:9999; float:left; position:relative;} #containerIsee > #bloco08{background: url('../img/isee-OneBlade-background-tabela.jpg') no-repeat center top; background-size: 74%; background-position-y: 14vw } @media screen and (-webkit-min-device-pixel-ratio:0) { #containerIsee > #bloco08{background: url('../img/isee-OneBlade-background-tabela.jpg') no-repeat center top; background-size: 74%; background-position-y: 13vw } #containerIsee > #bloco08 a {top: 0vw!important } } #containerIsee > #bloco08 table{width: 100%; height:38.1vw; top: -0.5vw; position: relative; } #containerIsee > #bloco08 table tbody { left: 3vw;} #containerIsee > #bloco08 td:first-child{width:20.53vw; padding-left: 0vw!important} #containerIsee > #bloco08 td:last-child{width:25.5vw; padding-left: 1vw!important} #containerIsee > #bloco08 tr td{padding-left: 1vw} #containerIsee > #bloco08 tr td p{font-family: Texto,tahoma,arial,verdana; font-weight: normal; font-size: calc(18/1920*100vw); line-height:calc(18/1920*100vw); text-align: left; vertical-align: middle; padding-left: 1vw;} #containerIsee > #bloco08 tr{height: 2vw} #containerIsee > #bloco08 thead{background-color: #001452; font-family: Texto; font-weight: bold; } #containerIsee > #bloco08 a{background-color: #c3d600; padding: 1vw 2vw; text-transform: uppercase; font-family:Titulo, tahoma,arial,verdana; text-decoration: none; top: 1vw; left: 1vw; position: relative;} } /* Tablet */ @media screen and (min-width: 781px) and (max-width: 1024px) { /* ALTURAS */ #containerIsee #bloco01 {height:calc(390/1024*100vw);} #containerIsee #bloco02 {height:calc(420/1024*100vw);} #containerIsee #bloco03 {height:calc(556/1024*100vw);} #containerIsee #bloco04 {height:calc(548/1024*100vw);} #containerIsee #bloco05 {height:calc(392/1024*100vw);} #containerIsee #bloco06 {height:calc(716/1024*100vw);} #containerIsee #bloco07 {height:calc(739/1024*100vw);} #containerIsee #bloco08 {height:calc(796/1024*100vw);} #containerIsee #rodape {height:calc(110/1024*100vw);} /* Setting Font Size */ #containerIsee h1{font-size:calc(40/1024*100vw); line-height:calc(45/1024*100vw); padding-top: calc(60/1024*100vw); padding-bottom: calc(20/1024*100vw)} #containerIsee h3{font-size:calc(35/1024*100vw); line-height:calc(25/1024*100vw); padding-top: calc(35/1024*100vw); padding-bottom: calc(35/1024*100vw)} #containerIsee p{font-size:calc(16/1024*100vw); line-height:calc(21/1024*100vw);} .HideDesk{display: block} .mobileHide{display: block} .HideTb{display: none!important} #containerIsee > #bloco01 h1{padding-top: 3vw; font-family: Texto} #containerIsee > #bloco01 .logo img{padding-top: 3vw; width: 10vw;} #containerIsee > #bloco02 img{top:0.4vw; position: relative;} #containerIsee > #bloco02 .lupa{width: 4vw;height: 5vw;position: absolute;top: 13vw;left: 32vw; cursor: pointer; } .hotspot{background: url('../img/isee-OneBlade-bloco02.jpg') no-repeat left bottom!important; background-size: contain!important;} #containerIsee > #bloco03 .icol-tb-offset-01 { margin-left: 6.333%;} #containerIsee > #bloco03 .w100{padding-top: 8vw} #containerIsee > #bloco04 .lava, #containerIsee > #bloco04 .barbeador{padding-top: 3vw} #containerIsee > #bloco05 .barbeador{padding-top: 6.5vw} #containerIsee > #bloco05 h1{padding-top: 8.5vw} #containerIsee > #bloco06 p{padding-bottom: 6.5vw} #containerIsee > #bloco07 h1{font-family: Texto; padding-bottom: 4vw} #containerIsee > #bloco07 {width:100%; overflow:hidden;} #containerIsee > #bloco07 iframe{height: 30vw; position: absolute; padding-top: 8vw; margin-right: auto; margin-left: auto; top: 0; bottom: 0; left: 0; right: 0} #containerIsee > #bloco07 .w100{width: 80%; display: block; margin: 0 auto; padding-bottom: 2vw} #containerIsee > #bloco07 .w80{width: 64%; display: block; margin: 0 auto; padding-bottom: 2vw} #containerIsee > .bg1 {background: url('../img/isee-video01.jpg') no-repeat center top; background-size: 100%} #containerIsee > .bg2 {background: url('../img/isee-video02.jpg') no-repeat center top; background-size: 100%} #containerIsee > .bg3 {background: url('../img/isee-video03.jpg') no-repeat center top; background-size: 100%} #containerIsee > #bloco07 #filmeTrip {width:300vw; height:auto; overflow:hidden; float: left; position: relative; margin-top: -2.7vw; z-index: 99; left:0;} #containerIsee > #bloco07 #bloco0701 {width:100vw; height:27vw; z-index:999; float:left; position:relative; background-color: transparent;} #containerIsee > #bloco07 #bloco0702 {width:100vw; height:27vw; z-index:999; float:left; position:relative; background-color: transparent;} #containerIsee > #bloco07 #bloco0703 {width:100vw; height:27vw; z-index:999; float:left; position:relative; background-color: transparent;} #containerIsee > #bloco07 .ajusta-top{top: -4vw} #containerIsee > #bloco07 #bloco0701Setas #bloco0701SetasEsq, #containerIsee > #bloco07 #bloco0702Setas #bloco0701SetasEsq2, #containerIsee > #bloco07 #bloco0703Setas #bloco0701SetasEsq3 {width:6vw; height:5vw; z-index:9999;left: 23vw; top: 14vw; position:absolute; cursor: pointer; color: #000000; background: url('../img/isee-arrow-prev.png') no-repeat center bottom; background-size: contain} #containerIsee > #bloco07 #bloco0701Setas #bloco0701SetasDir, #containerIsee > #bloco07 #bloco0702Setas #bloco0701SetasDir2, #containerIsee > #bloco07 #bloco0703Setas #bloco0701SetasDir3 {width:6vw; height:5vw; z-index:9999;right: 23vw; top: 14vw; position:absolute; cursor: pointer; color: #000000; background: url('../img/isee-arrow-next.png') no-repeat center bottom; background-size: contain} #containerIsee > #bloco07 #bloco0701Setas {width:100vw; height:4.71875vw; z-index:9999; float:left; position:relative;} #containerIsee > #bloco07 #bloco0702Setas {width:100vw; height:4.71875vw; z-index:9999; float:left; position:relative;} #containerIsee > #bloco07 #bloco0703Setas {width:100vw; height:4.71875vw; z-index:9999; float:left; position:relative;} #containerIsee > #bloco08{background: url('../img/isee-OneBlade-background-tabela-1024.jpg') no-repeat center top; background-size: 83.34%; background-position-y:16.2vw} @media screen and (-webkit-min-device-pixel-ratio:0) { #containerIsee > #bloco08{background-position-y: 17.5vw; } #containerIsee > #bloco08 a {top: 1vw!important } } #containerIsee > #bloco08 table{width: 100%; height:61.4vw; top: -0.5vw; position: relative; } #containerIsee > #bloco08 th{padding-top: 2vw; padding-bottom: 2vw} #containerIsee > #bloco08 table tbody { left: 3vw;} #containerIsee > #bloco08 td:first-child{width:23.53vw; padding-left: 0vw!important} #containerIsee > #bloco08 td:last-child{width:27.5vw; padding-left: 1vw!important} #containerIsee > #bloco08 tr td{padding-left: 1vw} #containerIsee > #bloco08 tr td p{font-family: Texto,tahoma,arial,verdana; font-weight: normal; font-size: calc(14/1024*100vw); line-height:calc(14/1024*100vw); text-align: left; vertical-align: middle; padding-left: 1vw;} #containerIsee > #bloco08 tr td #quebra{height: 3vw; top: -0.8vw;} #containerIsee > #bloco08 tr{height: 2vw} #containerIsee > #bloco08 thead{background-color: #001452; font-family: Texto; font-weight: bold; text-transform: uppercase;} #containerIsee > #bloco08 a{background-color: #c3d600; padding: 1vw 2vw; text-transform: uppercase; font-family:Titulo, tahoma,arial,verdana; text-decoration: none; top: 1vw; left: 1vw; position: relative;} #containerIsee #rodape .infoLegal { font-size: 1.5vw; margin-left: 3vw} #containerIsee #rodape img {top:0;} } @media screen and (min-width: 1025px) and (max-width: 1300px) { } @media screen and (min-width: 950px) and (max-width: 1024px) { } @media screen and (min-width: 781px) and (max-width: 949px) { } /* ************ Mobile ************ */ /* Mobile max 780 Somente Fontes */ /* @media screen and (min-width: 531px) and (max-width: 780px) { */ @media screen and (max-width: 780px) { /* ALTURAS */ #containerIsee #bloco01 {height:calc(730/780*100vw);} #containerIsee #bloco02 {height:calc(995/780*100vw);} #containerIsee #bloco03 {height:calc(628/780*100vw);} #containerIsee #bloco04 {height:calc(1070/780*100vw);} #containerIsee #bloco05 {height:calc(792/780*100vw);} #containerIsee #bloco06 {height:calc(2321/780*100vw);} #containerIsee #bloco07 {height:calc(1133/780*100vw);} #containerIsee #bloco08 {height:calc(796/780*100vw);} #containerIsee #rodape {height:calc(110/780*100vw);} /* Setting Font Size */ #containerIsee h1{font-size:calc(50/780*100vw); line-height:calc(55/780*100vw); padding-top: calc(90/780*100vw); padding-bottom: calc(38/780*100vw)} #containerIsee h3{font-size:calc(35/780*100vw); line-height:calc(25/780*100vw); padding-top: calc(35/780*100vw); padding-bottom: calc(35/780*100vw)} #containerIsee p{font-size:calc(22/780*100vw); line-height:calc(27/780*100vw);} #containerIsee #bloco01{background: url('../img/isee-OneBlade-header-780.jpg') no-repeat center bottom; background-size: cover} #containerIsee > #bloco01 h1{padding-top: 20vw; font-family: Texto} #containerIsee > #bloco01 h1 br{display: none} #containerIsee > #bloco01 .logo img{padding-top: 6vw; width: 16vw;} #containerIsee > #bloco02 img{top:1.7vw; position: relative;} #containerIsee > #bloco02 p, #containerIsee > #bloco02 h1{text-align: center} #containerIsee > #bloco02 h1 br{display: none;} #containerIsee > #bloco03 .icol-tb-offset-01 { margin-left: 6.333%;} #containerIsee > #bloco03 .w100{padding-top: 8vw} #containerIsee > #bloco03 .slick-next { background: url(../img/isee-arrow-next-02.png) no-repeat center bottom !important; background-size: cover !important;} #containerIsee > #bloco03 .slick-prev { background: url(../img/isee-arrow-prev-02.png) no-repeat center bottom !important; background-size: cover !important;} #containerIsee > #bloco03 .slick-prev, #containerIsee > #bloco03 .slick-next { width: 5vw!important; height: 9vw!important;} #containerIsee > #bloco03 .slick-prev { left: -12vw;} #containerIsee > #bloco03 .slick-next { right: -12vw;} #containerIsee > #bloco03 .slider02{padding-top: 3vw} #containerIsee > #bloco04 .lava{padding-top: 6vw; width: 68vw; display: block; margin: 0 auto} #containerIsee > #bloco04 .barbeador{padding-top: 9vw; width: 78vw; display: block; margin: 0 auto} #containerIsee > #bloco04 h1, #containerIsee > #bloco04 p{text-align: center;} #containerIsee > #bloco05 .barbeador{padding-top: 8vw} #containerIsee > #bloco05 h1, #containerIsee > #bloco05 p{text-align: center;} #containerIsee > #bloco06 p{padding-bottom: 6.5vw} #containerIsee > #bloco07 h1{font-family: Texto; padding-bottom: 6vw!important} #containerIsee > #bloco07 .w80{width: 100%; display: block; position: relative; margin: 0 auto} #containerIsee > #bloco07 .zeraPadding p{ width: 100%; left: 0; padding-top: 2vw } #containerIsee > #bloco07 .zeraPadding .align{left: 0vw!important;} #containerIsee > #bloco07 .alinha{left: 4vw} #containerIsee > #bloco07 .mbPadding{padding-bottom: 8vw!important} #containerIsee > #bloco08{background: url('../img/isee-OneBlade-background-tabela-1024.jpg') no-repeat center top; background-size: 83.5%; background-position-y:16.2vw} #containerIsee > #bloco08 table{width: 100%; height:61.1vw; top: -0.5vw; position: relative; } #containerIsee > #bloco08 table tbody { left: 3vw;} #containerIsee > #bloco08 td:first-child{width:23.53vw; padding-left: 0vw!important} #containerIsee > #bloco08 td:last-child{width:27.5vw; padding-left: 1vw!important} #containerIsee > #bloco08 tr td{padding-left: 1vw} #containerIsee > #bloco08 tr td p{font-family: Texto,tahoma,arial,verdana; font-weight: normal; font-size: calc(14/1024*100vw); line-height:calc(14/1024*100vw); text-align: left; vertical-align: middle; padding-left: 1vw;} #containerIsee > #bloco08 tr td #quebra{height: 3vw; top: -0.8vw;} #containerIsee > #bloco08 tr{height: 2vw} #containerIsee > #bloco08 thead{background-color: #001452; font-family: Texto; font-weight: bold; text-transform: uppercase;} #containerIsee > #bloco08 a{background-color: #c3d600; padding: 1vw 2vw; text-transform: uppercase; font-family:Titulo, tahoma,arial,verdana; text-decoration: none; top: 1vw; left: 1vw; position: relative;} #containerIsee #rodape .infoLegal { font-size: 1.5vw; margin-left: 3vw} #containerIsee #rodape img {top:0;} .HideDesk{display: block} .mobileHide{display: none!important} .HideTb{display: block;} } /* Mobile */ /* @media screen and (min-width: 451px) and (max-width: 780px) { */ @media screen and (max-width: 780px) { #containerIsee { } #containerIsee > #rodape img {width:14vw;} #containerIsee > #rodape .logoinfoLegal {margin:1vw; width:120px;} #containerIsee > #rodape .infoLegal {font-size:2.3vw; width:90%;top: 2.4vw; padding: 1vw;} } @media screen and (max-width: 400px) { } @media screen and (max-width: 320px) { /* #containerIsee h1{font-size:6.8vw; line-height:9vw;} #containerIsee h2{font-size:3.5vw;} #containerIsee h3{font-size:2.8vw;} #containerIsee p{font-size:2.8vw;} */ #containerIsee .mobileHide {display:none !important;} #containerIsee > #rodape .logoinfoLegal {margin: 1vw; padding-top: 2vw; padding-bottom: 5vw; width:25%;} #containerIsee > #rodape p {font-size:6px !important; text-align:center;} #containerIsee .mobileHide {display:none !important;} } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; max-height: 70vw!important; }