<meta charset="utf-8"/>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
<style>
#lp-50mm-geral {width: 100%; height: auto; display: block; background-color: #000000; font-family: 'Open Sans', sans-serif; color: #ffffff; }
#lp-50mm {max-width: 1340px; height: auto; margin: auto; display: block; background-color: #121212; }
#topo-50mm {background: url("https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_50mm_f14/images/bg_topo_lp_lente_50mm_f14.png"); background-position: top center; background-size: cover; width: 100%; display: block; padding-top: 50px; }
.img-100-porcento {display: block; width: 100%; height: auto; }
.h1-50mm {font-size: 26px; font-weight: 600; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #ffffff; margin-bottom: 20px; }
.p-50mm { font-size: 18px; font-weight: 300; line-height: 34px; font-family: 'Open Sans', sans-serif; color: #ffffff; }
.p-50mm-2 { font-size: 18px; font-weight: 300; line-height: 34px; font-family: 'Open Sans', sans-serif; color: #ffffff; text-align: left; max-width: 530px; padding: 70px 0 0 140px;}
.p-50mm-3 { font-size: 18px; font-weight: 300; line-height: 34px; font-family: 'Open Sans', sans-serif; color: #ffffff; text-align: left; padding: 120px 0 0 0;}
.p-50mm-strong {font-weight: 600;}
.centralizado {text-align: center;}
.p-slide {
text-align: center;
font-weight: 300;
font-size: 16px;
line-height: 25px; margin-top: 12px; color: #ccc; font-weight: 300;}
.texto-01 {max-width: 740px; display: block; margin: auto; }
.setas {padding: 20px 0 70px 0; margin: auto; display: block; }
.esq-div {float: left; width: 50%; text-align: center; margin: auto; height: auto; display: block; }
.esq-div img {max-width: 450px !important; margin: auto;}
.dir-div {float: right; width: 50%; display: block; text-align: center; }
#bt-comprar { border: 1px solid #ffffff; width: 300px; height: 38px; padding-top: 17px; display: block; margin: 20px auto; text-align: center; color: #ffffff; text-decoration: none; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 18px;}
#bt-comprar:hover {background-color: #ffffff; color: #000000;}
.hide-desktop {display: none; }
#lente-macro { background: url("https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_100mmf28l_macro/images/macro-hero1.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%;}
#lente-macro img { width: 100%; max-width: 383px; margin: auto; display: block; }
#lente-macro h1 {text-align: center; font-size: 68px; line-height: 100px; letter-spacing: 18px; font-weight: 600; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #ffffff; margin-bottom: 20px; padding-top: 130px; }
#lente-macro h2 {text-align: center; font-size: 20px; line-height: 33px; letter-spacing: 1px; font-weight: 400; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #ffffff; margin-bottom: 0px; padding-top: 0px; width: 820px; height: auto; margin: auto; }
#lente-macro-2 { background: url("https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_100mmf28l_macro/images/macro-hero2.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%;}
#lente-macro-2 h1 {text-align: center; font-size: 55px; line-height: 70px; letter-spacing: 7px; font-weight: 600; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #fd830c; margin-bottom: 20px; padding-top: 80px; width: 800px; margin: auto;}
#lente-macro-2 h2 {text-align: center; font-size: 20px; line-height: 33px; letter-spacing: 1px; font-weight: 300; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #fd830c; margin-bottom: 0px; padding-top: 30px; width: 820px; height: auto; margin: auto; }
#lente-macro-2 .tip {
max-width: 800px; margin: 0 auto; margin-top: 30px;
}
#lente-macro-2 .tip:before {
background: url("https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_100mmf28l_macro/images/tip-white.png") no-repeat center top;
height: 90px;
content: "";
display: block;
z-index: 1;
position: relative;
}
#lente-macro-2 .tip p {
padding: 70px;
margin: -47px 0 0;
background-color: rgba(0,0,0,.4);
font-size: 20px;
text-align: center;
color: #fff;
font-weight: 300;
padding-bottom: 40px;
}
#lente-macro-3 { background: url("https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_100mmf28l_macro/images/macro-hero3.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%;}
#lente-macro-3 h1 {text-align: center; font-size: 55px; line-height: 70px; letter-spacing: 7px; font-weight: 600; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #465061; margin-bottom: 20px; padding-top: 40px; width: 800px; margin: auto;}
#lente-macro-3 h2 {text-align: center; font-size: 20px; line-height: 33px; letter-spacing: 1px; font-weight: 400; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #465061; margin-bottom: 0px; padding-top: 30px; width: 820px; height: auto; margin: auto; }
#lente-macro-3 .tip {
max-width: 800px; margin: 0 auto; margin-top: 30px;
}
#lente-macro-3 .tip:before {
background: url("https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_100mmf28l_macro/images/tip-white.png") no-repeat center top;
height: 90px;
content: "";
display: block;
z-index: 1;
position: relative;
}
#lente-macro-3 .tip p {
padding: 70px;
margin: -47px 0 0;
background-color: rgba(0,0,0,.4);
font-size: 20px;
text-align: center;
color: #fff;
font-weight: 300;
padding-bottom: 40px;
}
#lente-macro-4 { background: url("https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_100mmf28l_macro/images/macro-hero4.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%;}
#lente-macro-4 h1 {text-align: center; font-size: 55px; line-height: 70px; letter-spacing: 7px; font-weight: 600; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #b33d5a; margin-bottom: 20px; padding-top: 40px; width: 800px; margin: auto;}
#lente-macro-4 h2 {text-align: center; font-size: 20px; line-height: 33px; letter-spacing: 1px; font-weight: 400; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #b33d5a; margin-bottom: 0px; padding-top: 30px; width: 820px; height: auto; margin: auto; }
#lente-macro-4 .tip {
max-width: 800px; margin: 0 auto; margin-top: 30px;
}
#lente-macro-4 .tip:before {
background: url("https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_100mmf28l_macro/images/tip-white.png") no-repeat center top;
height: 90px;
content: "";
display: block;
z-index: 1;
position: relative;
}
#lente-macro-4 .tip p {
padding: 70px;
margin: -47px 0 0;
background-color: rgba(0,0,0,.4);
font-size: 20px;
text-align: center;
color: #fff;
font-weight: 300;
padding-bottom: 40px;
}
#lente-macro-5 { background: url("https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_100mmf28l_macro/images/bg_wrapper_video.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%;}
#lente-macro-5 h1 {text-align: center; font-size: 55px; line-height: 70px; letter-spacing: 7px; font-weight: 600; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #fff; margin-bottom: 20px; padding-top: 0; width: 800px; margin: auto; margin-bottom: 40px;}
#lente-macro-5 h2 {text-align: center; font-size: 30px; line-height: 55px; letter-spacing: 2px; font-weight: 300; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #fff; margin-bottom: 0px; padding-top: 80px; width: 820px; height: auto; margin: auto; }
#lente-macro-5 h3 {text-align: center; font-size: 30px; line-height: 55px; letter-spacing: 5px; font-weight: 300; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #fff; margin-bottom: 0px; padding-top:0; width: 820px; height: auto; margin: auto; text-transform: uppercase;}
#lente-macro-5 h4 {text-align: center; font-size: 40px; line-height: 55px; letter-spacing:0; font-weight: 600; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #fff; margin-bottom: 0px; padding-top:0; width: 820px; height: auto; margin: auto; text-transform: uppercase;}
#lente-macro-5 p {text-align: center; font-size: 20px; line-height: 35px; letter-spacing: 0; font-weight: 300; margin-top: 0; font-family: 'Open Sans', sans-serif; color: #fff; margin-bottom: 0px; padding-top:0; width: 820px; height: auto; margin: auto;}
#lente-macro-5 .texto { display: block; margin: auto;}
.embed-container { position: relative; padding-bottom: 56.25%; padding-left: 20%; padding-right: 20%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video-container { padding: 0 15% 0 15%; }
/* ----- // CSS - SLIDE SHOW // ------ */
img {
vertical-align: middle;
}
/* Position the image container-slide-50mm (needed to position the left and right arrow-50mms) */
.container-slide-50mm {
position: relative;
max-width: 770px;
margin: auto;
height: 560px;
}
/* Hide the images by default */
.mySlides-50mm {
display: none;
}
/* Add a pointer when hovering over the thumbnail images */
.cursor {
cursor: pointer;
}
/* next-50mm & prev-50mmious buttons */
.prev-50mm,
.next-50mm {
cursor: pointer;
position: absolute;
top: 44%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 80px;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
opacity: 0.7;
}
.prev-50mm {
left:-76px;
}
/* Position the "next-50mm button" to the right */
.next-50mm {
right: -76px;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev-50mm:hover,
.next-50mm:hover {
background-color: rgba(0, 0, 0, 0.8);
opacity: 1;
}
/* Number text (1/3 etc) */
.numbertext-50mm {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
/*position: absolute;
top: 0;*/
text-align: center;
}
/* container-slide-50mm for image text */
.caption-container-slide-50mm {
text-align: center;
background-color: #222;
padding: 2px 16px;
color: white;
}
.row-50mm:after {
content: "";
display: table;
clear: both;
}
/* Six column-slide-50mms side by side */
.column-slide-50mm {
float: left;
width: 20%;
}
/* Add a transparency effect for thumnbail images */
.demo-slide-50mm {
opacity: 0.6;
}
.active-slide-50mm,
.demo-slide-50mm:hover {
opacity: 1;
}
/* ----- // FIM - CSS - SLIDE SHOW // ------ */
/*BOTÃO VOLTAR AO TOPO*/
/*BOTÃO VOLTAR AO TOPO*/
a[href="#topo"]{
position:fixed;
top: 92%;
right:20px;
display:none;
width:51px;
height: 51px;
background-image: url("https://www.loja.canon.com.br/wcsstore/cdb/pt_BR/marketing/cdb-banners/bt_voltar_topo_pagina_v2.png");
background-position: top center;
background-repeat: no-repeat;
text-decoration:none;
opacity: 0.3;
}
a[href="#topo"]:hover{
text-decoration:none;
background-image: url("https://www.loja.canon.com.br/wcsstore/cdb/pt_BR/marketing/cdb-banners/bt_voltar_topo_pagina_v2_hover.png");
opacity: 1;
}
/* ==== @MEDIA ======================================================================================= */
/* ==== @MEDIA ======================================================================================= */
@media (max-width: 1150px) {
.esq-div {float: none; width: 100%;}
.dir-div {float: none; margin: auto; text-align: center;}
.p-50mm-2 { text-align:center; max-width: 100%; padding: 70px 100px 0 100px;}
.p-50mm-3 { text-align:center; }
.hide-desktop {display: block; }
.hide-mobile {display: none; }
.prev-50mm { left:0; }
.next-50mm {right: 0;}
/* .container-slide-50mm { max-width: 900px; }*/
}
@media (max-width: 880px) {
#lente-macro h1 { font-size: 58px; line-height: 80px; margin-bottom: 40px; }
#lente-macro-2 h1, #lente-macro-3 h1, #lente-macro-4 h1 { font-size: 48px; line-height: 70px; width: 100%;}
#lente-macro h2, #lente-macro-2 h2, #lente-macro-3 h2, #lente-macro-4 h2 { width: 83%; }
#lente-macro-5 h2 {width: 100%; font-size: 18px; line-height: 18px; }
#lente-macro-5 h1 {width: 100%; font-size: 40px; letter-spacing: 0;}
#lente-macro-5 h3 {width: 100%; font-size: 18px; line-height: 18px; }
#lente-macro-5 h4 {width: 90%; font-size: 40px; letter-spacing: 0;}
#lente-macro-5 p {width: 80%; font-size: 18px; }
}
@media (max-width: 790px) {
.texto-01 {max-width: 540px;}
.dir-div { width: 95%;}
.p-50mm-2 { padding: 70px 50px 0 50px;}
.hide-mobile-02 {display: none; }
}
@media (max-width: 700px) {
.container-slide-50mm { height: auto; }
}
@media (max-width: 600px) {
.texto-01 {padding: 0 30px;}
}
@media (max-height: 750px) {
a[href="#topo"]{top: 90%;right:20px;}
}
@media (max-height: 560px) {
a[href="#topo"]{top: 88%;right:20px;}
}
@media (max-height: 450px) {
a[href="#topo"]{top: 86%;right:10px;}
}
@media (max-height: 375px) {
a[href="#topo"]{ display: none !important;}
}
</style>
<nav id="topo"></nav>
<a href="#topo"> </a>
<div id="lp-50mm-geral">
<div id="lp-50mm">
<div id="topo-50mm">
<div class="texto-01">
<p class="p-50mm centralizado"><span style="color: #ccc; letter-spacing: 3px;">LENTE MACRO SÉRIE L</span><br>
<span style="font-size: 80px !important; line-height: 70px; font-weight: 600;">EF 100 <span style="font-size: 60px;">MM</span></span><br>
<span style="font-size: 34px !important; line-height: 50px; letter-spacing: 2px;">F/2.8L MACRO IS USM</span></p>
</div>
<div class="esq-div">
<p class="p-50mm-2"><span style="color: #ccc; font-size: 28px !important; font-weight: 300; line-height: 36px;">Uma lente de tamanho médio,
ótima para closes extremos.</span><br><br>
A grande distância focal desta lente série L te permite ficar bem longe do assunto, assim você pode registrar fotos macro sem projetar sombra numa flor ou assustar um inseto raro. Ela também é uma ótima lente para retratos e tem o recurso de estabilização de imagem (IS) para imagens super nítidas.<br><br>
<span style="color: #32cbff; font-size: 16px !important; font-weight: 300;">Esta lente é ótima para:</span><br>
<strong class="p-50mm-strong">NATUREZA + VIDA SELVAGEM + DETALHES</strong></p>
</div>
<div class="dir-div">
<img class="hide-mobile" src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_100mmf28l_macro/images/100mm_14_2436_C1163_110m.png">
</div>
<br clear="all">
</div>
<!-- .//fim - topo//. -->
<img class="setas centralizado" width="44" height="58" src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_50mm_f18/images/setas_50mm_18.png" alt="" style="width: 44px; height: 58px;">
<!-- //LENTE MACRO - 01// -->
<div id="lente-macro">
<h1>LIBERTE<br>O PODER<br>MACRO</h1>
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_100mmf28l_macro/images/100mm_14_2436_C1163_110m.png">
<h2>Uma lente macro permite que você amplie praticamente qualquer coisa. Uma ótima forma de explorar os mundos em miniatura que existem à nossa volta, a fotografia macro é muito usada para revelar os menores dos assuntos.</h2>
<br clear="all">
<img class="setas centralizado" width="44" height="58" src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_50mm_f18/images/setas_50mm_18.png" alt="" style="width: 44px; height: 58px; padding-bottom: 0; margin-bottom: 0;">
</div>
<!-- //LENTE MACRO - 02// -->
<div id="lente-macro-2">
<h1>INSETOS COMO JAMAIS IMAGINADOS</h1>
<h2>Você pode transformar um inseto do seu quintal em um dinossauro com a lente macro correta. Bem, com a lente e um pouco de paciência, já que é impossível pedir ao inseto para sentar e posar para um retrato.</h2>
<div class="tip">
<p>Não fotografe insetos apenas por cima. Tente ângulos diferentes para resultados mais interessantes.</p>
</div>
<br clear="all">
<img class="setas centralizado" width="44" height="58" src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_50mm_f18/images/setas_50mm_18.png" alt="" style="width: 44px; height: 58px; padding-bottom: 0; margin-bottom: 0; padding-top: 485px;">
</div>
<!-- //LENTE MACRO - 03// -->
<div id="lente-macro-3">
<h1>DETALHES PODEM DAR ÁGUA NA BOCA</h1>
<h2>A macro também é o ingrediente secreto na maior parte das fotografias de alimentos. É a diferença entre um prato sem graça de panquecas e um close mostrando as texturas dos ingredientes.
</h2>
<div class="tip">
<p>A comida sempre fica melhor quando apenas uma parte está em foco.</p>
</div>
<br clear="all">
<img class="setas centralizado" width="44" height="58" src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_50mm_f18/images/setas_50mm_18.png" alt="" style="width: 44px; height: 58px; padding-bottom: 0; margin-bottom: 0; padding-top: 569px;">
</div>
<!-- //LENTE MACRO - 04// -->
<div id="lente-macro-4">
<h1>O DIA-A-DIA PODE SER FASCINANTE</h1>
<h2>Você se impressionaria vendo como são interessantes a maioria dos itens domésticos quando vistos por uma lente macro. Você vai descobrir cores e formas que podem transformar objetos mundanos em pura arte.
</h2>
<div class="tip">
<p>Padrões podem se tornar fascinantes imagens abstratas.</p>
</div>
<br clear="all">
<img class="setas centralizado" width="44" height="58" src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_50mm_f18/images/setas_50mm_18.png" alt="" style="width: 44px; height: 58px; padding-bottom: 0; margin-bottom: 0; padding-top: 765px;">
</div>
<!-- //LENTE MACRO - 05// -->
<div id="lente-macro-5">
<h2>UMA INTRODUÇÃO À MACRO</h2>
<h1>ASSISTA E APRENDA</h1>
<div id="video-container">
<div class="embed-container">
<iframe style="height: 100% !important;" src="https://www.youtube.com/embed/OuNdUUFMnJg" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<br clear="all">
<img class="setas centralizado" width="44" height="58" src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_50mm_f18/images/setas_50mm_18.png" alt="" style="width: 44px; height: 58px; padding-bottom: 70px; margin-bottom: 0; padding-top: 75px;">
<div class="texto">
<h3>Liberte o seu poder </h3>
<h4>e garanta a sua lente macro</h4>
<p>A <strong>Lente EF 100mm f/2.8L Macro IS USM</strong> é a lente Macro mais avançada da linha Canon. Conta uma resolução altíssima, excelente contraste e aberrações cromáticas mínimas. Tudo isso em um design resistente à água e poeira. Uma verdadeira lente L para explorar os menores detalhes da natureza.
</p>
<br clear="all">
<br clear="all"> <br clear="all">
<br>
</div>
</div>
</div>
</div>
