<\/p>
<\/iframe><\/p> <p style="text-align:center;"> <\/p> <p style="text-align:center;"> <\/p> <p style="text-align:center;"><img src="https:\/\/www.ekoi.fr\/img\/cms\/cms-legende-galerie-chiappucci.jpg" alt="Claudio Chiappucci A Lenda EKOI" width="1024" height="1552" \/><\/p> <p style="text-align:center;"><img src="https:\/\/www.ekoi.fr\/img\/cms\/cms-legende-casque-depliant-02.jpg" alt="" width="1024" height="745" \/><\/p> <p style="text-align:center;"> <\/p> <p style="text-align:center;"><a href="\/fr\/configurateur\/ekoi-legende-4.html"><img src="https:\/\/www.ekoi.fr\/img\/cms\/cms-legende-casque-depliant-03.jpg" alt="" width="1024" height="745" \/><\/a><\/p> <p style="text-align:center;"> <\/p> <p style="text-align:center;"><a href="\/fr\/configurateur\/ekoi-legende-4.html"><img style="margin-left:auto;margin-right:auto;" src="https:\/\/www.ekoi.fr\/img\/cms\/cms-legende-casque-depliant-04.jpg" alt="" width="1024" height="745" \/><\/a><\/p> </div> </div> </div> </div><!-- #content --> </div><!-- #page --> <div id="subscribeNewsletterBeforeFooter_container"> <div class="col-xs-12 col-md-6 col-lg-4 col-lg-offset-2"> <div class="row subscribeNewsletterBeforeFooter col-lg-12"> <div class="subscribeNewsletterBeforeFooter_title"> <i class="glyphicon glyphicon-envelope"></i> Newsletter </div> <div class="subscribeNewsletterBeforeFooter_form col-lg-12 text-center"> <div class="col-lg-12 col-md-12 text-center"> <input type="text" id="subscribeNewsletter_email" placeholder="Email" /> <button id="subscribeNewsletter_button" class="btn btn-default" onclick="subscribeNewsletter();return false;"> Inscrever-me </button> </div> <div class="col-lg-12 col-md-12"> <div class="col-lg-12 col-md-12" id="subscribeNewsletter_wrong_email"> O formato do email está incorreto. Obrigado por verificar a sua introdução. </div> <div class="col-lg-12 col-md-12" id="subscribeNewsletter_fail"> Ocorreu um erro. </div> <div class="col-lg-12 col-md-12" id="subscribeNewsletter_already"> Este email já está inscrito. </div> <div class="col-lg-12 col-md-12" id="subscribeNewsletter_success"> Inscrição efetuada. </div> </div> </div> <p> Inscreva-se para receber as nossas ofertas exclusivas, vendas flash, brindes e as últimas novidades. </p> </div> </div> <div class="hidden-xs hidden-sm col-md-6 col-lg-4 subscribeNewsletter_social text-center social-links-container" id="seoekoi_footer"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center social-links-header"> <label> Siga-nos! </label> <span> para acompanhar as novidades do universo Ekoï </span> </div> <ul class="social-links"> <li> <a href=" https://www.facebook.com/Ekoicycling " target="_blank" title="Facebook"> <img alt="Facebook" title="Facebook" src="https://cdn.ekoi.com/modules/piedpage/files/v2020/facebook.png?quality=90" /> </a> </li> <li> <a href="https://www.instagram.com/ekoicycling/?hl=pt" target="_blank" title="Instagram"> <img alt="Instagram" title="Instagram" src="https://cdn.ekoi.com/modules/piedpage/files/v2020/instagram.png?quality=90" /> </a> </li> <li> <a href="https://www.strava.com/clubs/ekoi-38020?hl=pt" target="_blank" title="Strava"> <img alt="Strava" title="Strava" src="https://cdn.ekoi.com/modules/piedpage/files/v2020/strava.png?quality=90" /> </a> </li> <li> <a href="https://www.youtube.com/channel/UCmmDvGrMrg54j_Is_y63oTw" target="_blank" title="Youtube"> <img alt="Youtube" title="Youtube" src="https://cdn.ekoi.com/modules/piedpage/files/v2020/youtube.png?quality=90" /> </a> </li> </ul> </div> </div> <script> function subscribeNewsletter() { $('#subscribeNewsletter_success').hide(); $('#subscribeNewsletter_fail').hide(); $('#subscribeNewsletter_already').hide(); $('#subscribeNewsletter_wrong_email').hide(); var email = $('#subscribeNewsletter_email').val().toLowerCase(); var re = /^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i; if (!re.test(email)) { $('#subscribeNewsletter_wrong_email').show(); return; } var url = '/pt/module/ekoinewsletters/subscribe?ajax=1&action=subscribeNewsletter'; $.post(url, { email: email }) .done(function(data) { if (data.trim() == '1') { $('#subscribeNewsletter_success').show(); $('#subscribeNewsletter_email').attr('disabled', 'disabled'); $('#subscribeNewsletter_button').attr('disabled', 'disabled'); } else if (data.trim() == 'already') { $('#subscribeNewsletter_already').show(); } else if (data.trim() == 'fail') { $('#subscribeNewsletter_fail').show(); } }) .fail(function() { $('#subscribeNewsletter_fail').show(); }); } </script> <style> .subscribeNewsletterBeforeFooter { margin: auto; padding: 0 30px 30px 30px; text-align: center; background: #ababab; color: #545454; border-top: 2px solid #ebebeb; font-size: 1.4rem; } .subscribeNewsletterBeforeFooter .btn { color: white; background: #545454; border: 0; border-radius: 0; display: inline-block; font-size: 1.4rem; text-align: center; text-transform: uppercase; transition: background-color 0.3s ease-in-out; padding: 10px 35px; } .subscribeNewsletterBeforeFooter .btn:hover { background-color: #E2001A; color: #fff; transition: background-color 0.3s ease-in-out; } .subscribeNewsletterBeforeFooter_title { font-family: 'Oswald', sans-serif; font-size: 3rem; text-align: center; text-transform: uppercase; margin-bottom: 30px; } .subscribeNewsletterBeforeFooter_title::after { border-bottom: 1px solid #E2001A; content: ''; display: block; padding-bottom: 5px; transition: width .25s ease-in-out; margin: 0 auto; width: 128px; } .subscribeNewsletterBeforeFooter_title:hover::after { transition: width .2s ease-in-out; width: 256px; } .subscribeNewsletterBeforeFooter #subscribeNewsletter_success { color: #488d31; display: none; margin-bottom: 10px; background: white; } .subscribeNewsletterBeforeFooter #subscribeNewsletter_fail, .subscribeNewsletterBeforeFooter #subscribeNewsletter_already, .subscribeNewsletterBeforeFooter #subscribeNewsletter_wrong_email { color: #E2001A; display: none; margin-bottom: 10px; background: white; } .subscribeNewsletterBeforeFooter_form input { max-width: 70%; min-width: 50%; margin-bottom: 10px; color: #545454; } #subscribeNewsletterBeforeFooter_container { font-family: 'Montserrat', sans-serif; color: #fff; margin-left: -15px; display: flex; background: #000000; border-top: 1px solid #5B5B5B; border-bottom: 1px solid #5B5B5B; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter { background: #000000; border: none; color: #fff; padding: 15px; } #subscribeNewsletterBeforeFooter_container>div:first-of-type { width: 50%; text-align: left; } #subscribeNewsletterBeforeFooter_container p { text-align: left; color: #fff; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_title { font-family: 'Montserrat', sans-serif; color: #fff; text-align: left; margin: 8px 0; font-weight: bold; display: flex; align-items: center; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_title:after { display: none; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_title i { vertical-align: top; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_form { margin-bottom: 15px; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_form, #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_form>div:first-of-type { text-align: left; padding: 0; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_form input[type="text"] { margin: 0; padding: 10px; font-size: 1.4rem; display: inline; border: none; vertical-align: middle; max-width: 70%; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_form .btn { font-weight: bold; background: #e2001a; vertical-align: middle; margin-left: -5px; border-radius: 0; max-width: 30%; } .subscribeNewsletterBeforeFooter #subscribeNewsletter_success, .subscribeNewsletterBeforeFooter #subscribeNewsletter_fail, .subscribeNewsletterBeforeFooter #subscribeNewsletter_already, .subscribeNewsletterBeforeFooter #subscribeNewsletter_wrong_email { margin: 10px -15px; padding: 0; background: transparent; } #subscribeNewsletterBeforeFooter_container #seoekoi_footer { margin: 0; padding: 15px; } #subscribeNewsletterBeforeFooter_container #seoekoi_footer .social-links-header label { font-family: 'Montserrat', sans-serif; color: #fff; text-align: left; margin: 0 0 8px 0; font-weight: bold; display: block; text-transform: uppercase; font-size: 30px; text-align: left; } #subscribeNewsletterBeforeFooter_container #seoekoi_footer .social-links-header span { text-align: left; display: block; width: 100%; margin-bottom: 8px; } #subscribeNewsletterBeforeFooter_container #seoekoi_footer ul { text-align: left; } #subscribeNewsletterBeforeFooter_container #seoekoi_footer ul li { margin: 0 10px; } #subscribeNewsletterBeforeFooter_container #seoekoi_footer ul li img { width: 50px; } @media (max-width: 1024px) { #subscribeNewsletterBeforeFooter_container { margin-left: 0; } #subscribeNewsletterBeforeFooter_container>div:first-of-type { padding-left: 0; padding-right: 0; width: 100%; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter { padding: 15px; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_form, #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_form>div:first-of-type, #subscribeNewsletterBeforeFooter_container p { text-align: center !important; } } @media (max-width: 500px) { #subscribeNewsletterBeforeFooter_container #seoekoi_footer .social-links-header label { font-size: 20px; } #subscribeNewsletterBeforeFooter_container .subscribeNewsletterBeforeFooter_form input[type="text"], #subscribeNewsletterBeforeFooter_container .btn { font-size: 11px; } #subscribeNewsletterBeforeFooter_container .btn { padding: 10px 24px; } } </style> <script> var switch_to_index = false; </script> <script> /* O formato do email está incorreto. Obrigado por verificar a sua introdução. Ocorreu um erro. Este email já está inscrito. Inscrição efetuada. */ </script> <footer id="page-footer" > <div class="container-fluid" style='padding-left:0px;padding-right:0px;'> <style>.imgg-lg-12{ width: 98.5%; display: inline-block; vertical-align: top; } .imgg-lg-10{ width: 82.33%; display: inline-block; vertical-align: top; } .imgg-lg-8{ width: 65.41%; display: inline-block; vertical-align: top; } .imgg-lg-6{ width: 49%; display: inline-block; vertical-align: top; } .imgg-lg-4{ width: 32.33%; display: inline-block; vertical-align: top; } .imgg-lg-3{ width: 23.75%; display: inline-block; vertical-align: top; } .imgg-lg-2-5{ width: 19.2%; display: inline-block; vertical-align: top; } .imgg-lg-2{ width: 15.66%; display: inline-block; vertical-align: top; } @media screen and (max-width: 1024px) { .imgg-md-12{ width: 98.5%; display: inline-block; vertical-align: top; } .imgg-md-10{ width: 82.33%; display: inline-block; vertical-align: top; } .imgg-md-8{ width: 65.41%; display: inline-block; vertical-align: top; } .imgg-md-6{ width: 48.75%; display: inline-block; vertical-align: top; } .imgg-md-4{ width: 32.33%; display: inline-block; vertical-align: top; } .imgg-md-3{ width: 23.75%; display: inline-block; vertical-align: top; } .imgg-md-2-5{ width: 19.2%; display: inline-block; vertical-align: top; } .imgg-md-2{ width: 15.66%; display: inline-block; vertical-align: top; } .imgg-col{ margin: 0.125% !important; width: 98.5%; display: inline-block; vertical-align: top; } } @media screen and (max-width: 768px) { .imgg-md-12{ width: 98.5%; display: inline-block; vertical-align: top; } .imgg-md-10{ width: 82.33%; display: inline-block; vertical-align: top; } .imgg-md-8{ width: 65.41%; display: inline-block; vertical-align: top; } .imgg-md-6{ width: 48.75%; display: inline-block; vertical-align: top; } .imgg-md-4{ width: 32.1%; display: inline-block; vertical-align: top; } .imgg-md-3{ width: 23.75%; display: inline-block; vertical-align: top; } .imgg-md-2-5{ width: 19.2%; display: inline-block; vertical-align: top; } .imgg-md-2{ width: 15.66%; display: inline-block; vertical-align: top; } .imgg-col{ margin: 0.125% !important; width: 98.5%; display: inline-block; vertical-align: top; } } @media screen and (max-width: 360px) { .imgg-md-4{ width: 31.5%; display: inline-block; vertical-align: top; } .imgg-md-6{ width: 98.5%; display: inline-block; vertical-align: top; } } .imagegrid{ width: 100%; padding: 0; margin: 0; text-align: center; overflow: hidden; } .imagegriditem{ position: relative; overflow: hidden; margin: 0.25% !important; padding: 0 !important; display: inline-block; vertical-align: top; /* height: fit-content; */ } .imagegriditem:before{ content: ""; display: block; padding-top: 100%; } .imagegriditem img{ position: absolute; width:100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .imagegriditem:hover img{ opacity: 0.7; transform: scale(1.1); } .imgg-col{ position: relative; vertical-align: top; display: inline-block; padding: 0; /*padding: 0.125% 0 0 0;*/ } .imgg-col:before{ content: ""; display: block; padding-top: 199.5%; } .imgg-col .imagegriditem{ width: 100% !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; /*height: 100% !important;*/ } .imagegriditem-col{ height: 100%; } .imagegridlink{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; padding: 0; } .imagegridvideoframe{ position: absolute; top: 0; left: 0; background: black; } .imagegridvideoframe_controls{ position: absolute; font-size: 10px !important; color: white; padding: 0; bottom: 0; right: 0; } .imagegridvideoframe_controls button{ background: none; margin: 5px; border: none; } .imagegridvideoframe_controls button div{ height: 20px; width: 20px; background-size: cover !important; cursor: pointer; } .imagegridvideoframe_controls button .icon_play{ background: url('/modules/ekoiimagegrid/img/play.png'); } .imagegridvideoframe_controls button .icon_pause{ background: url('/modules/ekoiimagegrid/img/pause.png'); } .imagegridvideoframe_controls button .icon_vol_on{ background: url('/modules/ekoiimagegrid/img/vol-on.png'); } .imagegridvideoframe_controls button .icon_vol_off{ background: url('/modules/ekoiimagegrid/img/vol-off.png'); } .imagegridtext{ font-family: 'Oswald', sans-serif; position: absolute; overflow: hidden; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .imagegridtext_over{ opacity: 0; } .imagegridtext_over:hover, .imagegriditem:hover .imagegridtext_over, .imagegriditem_banner:hover .imagegridtext_over { opacity: 1; } .imagegridtext_container{ position: relative; padding: 10px; text-align: center; color: white; overflow-y: auto; overflow-x: hidden; background: none; } .imagegridtext_title{ position: relative; display: table; font-size: 3rem; font-weight: 600; padding: 10px 10px 15px 10px; width: intrinsic; width: fit-content; width: -moz-fit-content; /* max-width: 100%; */ margin: 0 auto; } .imagegridtext_container .imagegridtext_title_underline{ width: 100%; height: 1px; border-bottom: 1px solid #E2001A; margin: 10px auto; opacity: 1; -webkit-transition: all 0.6s; transition: all 0.6s; } .imagegridtext_over .imagegridtext_title_underline{ width: 0%; height: 1px; border-bottom: 1px solid #E2001A; margin: 10px auto; opacity: 0; -webkit-transition: all 0.6s; transition: all 0.6s; } .imagegridtext_container:hover .imagegridtext_title_underline, .imagegriditem:hover .imagegridtext_container .imagegridtext_title_underline{ width: 100%; border-radius: 10px; opacity: 1; -webkit-transition: all 0.6s; transition: all 0.6s; } .imagegridtext_content{ font-family: 'Montserrat', sans-serif; position: relative; display: table; font-size: 1.7rem; font-weight: normal; padding: 10px 10px 15px 10px; text-align: center; /*width: intrinsic; width: fit-content; width: -moz-fit-content; max-width: 100%;*/ width: 100%; overflow: hidden; margin: auto; white-space: normal; } .imagegridtext_button{ position: relative; display: table; font-size: 1.7rem; font-weight: normal; padding: 10px 30px; border: 1px solid white; width: intrinsic; width: fit-content; width: -moz-fit-content; /* max-width: 100%; */ margin: 20px auto 15px auto; color: white; text-decoration: none !important; background: transparent; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .imagegridtext_button:hover{ background: #079f28 !important; color: rgb( 255, 255, 255) !important; } #index .ekoiimagegridcontainer{ width: 100%; margin: 1em 0; padding: 0; /*text-align: center;*/ } .grid-col-text .imgg-col .imagegriditem{ overflow: hidden; position: inherit; } .grid-col-text .imgg-col:before{ content: unset; } .grid-col-text .imgg-col .imagegriditem:before{ content: unset; } .grid-col-text .imgg-col .imagegridtext_container{ padding-top: 0 !important; } .grid-col-text .imgg-col .imagegridtext{ width: 100%; position: relative; display: block !important; background: #fff !important; } .grid-col-text .imgg-col .imagegridtext_over{ opacity: 1; display: block !important; } .grid-col-text .imgg-col .imagegridlink{ overflow: hidden; position: initial; width: 100%; } .grid-col-text .imgg-col .imagegridtext_container, .grid-col-text .imgg-col .imagegridtext, .grid-col-text .imgg-col .imagegridtext_content{ text-align: initial; } .grid-col-text .imgg-col .imagegridtext_content{ padding: 5px; font-size: 12px; } .grid-col-text .imgg-col .imagegriditem img{ position: initial !important; width: 100%; height: auto; } .meap-home{ text-align: left; } @media (max-width: 1024px) { .imagegridtext_title{ /*font-size: 12px;*/ padding: 0px 10px 0px 10px; } .imagegridtext_content{ /*font-size: 8px;*/ padding: 0px 10px 0px 10px; } .imagegridtext_button{ /*font-size: 8px;*/ margin: 5px auto 5px auto; padding: 3px 10px; } .imagegridtext_title_underline{ margin: 3px auto !important; } } @media (max-width: 890px) { .imagegridtext, .imagegridtext_over{ /* display: none !important; */ } .imagegriditem .imagegridtext{ top: 0% !important; bottom: 0 !important; right: 0 !important; left: 0 !important; -webkit-transition: top 0.3s ease-in; -moz-transition: top 0.3s ease-in; -o-transition: top 0.3s ease-in; transition: top 0.3s ease-in; } .imagegridtext_over{ opacity: 1; } .imagegridtext_title{ font-size: 1.7rem; } .imagegridtext_content, .imagegridtext_button{ font-size: 1rem; } } @media (max-width: 480px) { .imagegridtext_title{ font-size: 1.7rem; } .imagegridtext_content, .imagegridtext_button{ font-size: 1rem; } } /** Desktop **/ @media (min-width: 1024px) { .divide-height-desktop-2:before{ content: ""; display: block; padding-top: 49.5%; } .divide-height-desktop-3:before{ content: ""; display: block; padding-top: 32.77%; } .divide-height-desktop-169:before{ content: ""; display: block; padding-top: 56.25%; } .divide-height-desktop-43:before{ content: ""; display: block; padding-top: 75%; } } /** Mobile **/ @media (max-width: 1024px) { .divide-height-mobile-2:before{ content: ""; display: block; padding-top: 49.5%; } .divide-height-mobile-3:before{ content: ""; display: block; padding-top: 32.77%; } .divide-height-mobile-169:before{ content: ""; display: block; padding-top: 56.25%; } .divide-height-desktop-43:before{ content: ""; display: block; padding-top: 75%; } } #index .ekoiimagegridcontainer { padding: 0 !important; } </style> <div class=" row ekoiimagegridcontainer container" id="imagegrid_2489"><div class="page__title ">8 boas razões para comprar na EKOI</div><div class="col-lg-12 hidden-sm hidden-xs" style="margin:0 0 69px 0;padding:0;width:100%;"> <!-- 99 --> <style> .grid--footer { display: grid; grid-template-columns: 1fr; gap: 8px; } .grid--footer > div { padding: 0; } .grid--footer .imagegridlink { position: static; display: block; } .grid--footer .imagegridlink img { height: auto; width: 100%; } .grid--footer .imagegridtext { background: transparent !important; display: block !important; font-family: inherit; position: static; opacity: 1 !important; } .grid--footer .imagegridtext_container { color: inherit !important; padding: 0; } .grid--footer .imagegridtext_content { color: inherit; font-family: inherit; font-size: inherit; padding: 0; } @media screen and (min-width: 1025px) { .grid--footer { grid-template-columns: 1fr 1fr 1fr 1fr; --border-color: rgba(0,0,0,0.25); } } </style> <div class="grid--footer"> <div class=""> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/17e109965ba2e78da4896d50dfbe8b8b_1783498995.jpg?quality=90" /> </a> </div> <div class=""> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/8ea0afe7f294320dd4820b8763596e87_1783498998.jpg?quality=90" /> </a> </div> <div class=""> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/0adc0bb0281f5c8fb761e281dc37a386_1783499000.jpg?quality=90" /> </a> </div> <div class=""> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/64f08d14be418a0bf4794a8e6a000585_1783499003.jpg?quality=90" /> </a> </div> <div class=""> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/772c4952da272d923033936c35be5b23_1783499006.jpg?quality=90" /> </a> </div> <div class=""> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/f1291096d1213ae8d8a603c7a56a40d3_1783499008.jpg?quality=90" /> </a> </div> <div class=""> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/1a6feaf2cfc36c46c96c4afb364d9aec_1783499010.jpg?quality=90" /> </a> </div> <div class=""> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/fed4313a060a26f786b371baa9cf30b3_1783499012.jpg?quality=90" /> </a> </div> </div> </div> <div class="col-lg-12 hidden-md hidden-lg" style="margin:0;padding:0;width:100%;"> <!-- 12 --> <style> .grid--vertical12 { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; } .grid--vertical12 .imagegridlink { display: block; position: relative; } .grid--vertical12 img { width: 100%; } .imagegridvideoframe { max-width: 100%; aspect-ratio: 3 / 4; max-height: 100%; height: 100%; position: relative !important; } @media screen and (min-width: 1025px) { .grid--vertical12 { grid-template-columns: 1fr 1fr 1fr 1fr; } } </style> <div class="grid--vertical12"> <div class="" style="position:relative"> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/17e109965ba2e78da4896d50dfbe8b8b_1783498995.jpg?quality=90" /> </a> </div> <div class="" style="position:relative"> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/8ea0afe7f294320dd4820b8763596e87_1783498998.jpg?quality=90" /> </a> </div> <div class="" style="position:relative"> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/0adc0bb0281f5c8fb761e281dc37a386_1783499000.jpg?quality=90" /> </a> </div> <div class="" style="position:relative"> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/64f08d14be418a0bf4794a8e6a000585_1783499003.jpg?quality=90" /> </a> </div> <div class="" style="position:relative"> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/772c4952da272d923033936c35be5b23_1783499006.jpg?quality=90" /> </a> </div> <div class="" style="position:relative"> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/f1291096d1213ae8d8a603c7a56a40d3_1783499008.jpg?quality=90" /> </a> </div> <div class="" style="position:relative"> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/1a6feaf2cfc36c46c96c4afb364d9aec_1783499010.jpg?quality=90" /> </a> </div> <div class="" style="position:relative"> <a class="imagegridlink" href="" > <img loading="lazy" src="https://cdn.ekoi.com/public/img/modules/ekoiimagegrid/2489/fed4313a060a26f786b371baa9cf30b3_1783499012.jpg?quality=90" /> </a> </div> </div> </div> </div> <script> if( document.cookie.indexOf('youtubeapi=true') !== -1 && (typeof window.YT == "undefined" || typeof window.YT.Player != 'function') ){ var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); } var youtube_grid_players = youtube_grid_players !== false && typeof youtube_grid_players !== 'undefined' ? youtube_grid_players : false; function init_youtube_grid(id){ //~ if( document.cookie.indexOf('youtubeapi=true') === -1){ //~ disabledYoutube($('#'+id).closest('.imagegriditem')); //~ return; //~ } //~ $('#'+id).closest('.imagegriditem').removeClass('disabledYoutube'); if( /* document.cookie.indexOf('youtubeapi=true') !== -1 && */ (typeof window.YT == "undefined" || typeof window.YT.Player != 'function') ){ var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); window.setTimeout(function(){ init_youtube_grid(id) }, 1000); return; } if( !youtube_grid_players) youtube_grid_players = []; var already_init = false; for(var i = 0; i < youtube_grid_players.length; i++) if(youtube_grid_players[i].id == id) already_init = true; var parent_w = document.getElementById(id).parentElement.clientWidth; var parent_h = document.getElementById(id).parentElement.clientHeight; var yt_id = id.split('_yt_')[1]; var autoplay = parseInt( document.getElementById(id).getAttribute('autoplay') ); var mute = parseInt( document.getElementById(id).getAttribute('mute') ); var loop = parseInt( document.getElementById(id).getAttribute('loop') ); var resolution = document.getElementById(id).getAttribute('resolution'); var cover = parseInt( document.getElementById(id).getAttribute('cover') ); var control_play = parseInt( document.getElementById(id).getAttribute('control_play') ); var control_sound = parseInt( document.getElementById(id).getAttribute('control_sound') ); var callback_autoplay = new Function('event', ''+(autoplay ? 'event.target.playVideo();':'' )+(mute ? 'event.target.mute();':'' ) ); var callback_loop = new Function('event', ''+(loop ? 'if(event.target.getPlayerState() == YT.PlayerState.ENDED){event.target.playVideo();}':'' ) ); var player = null; if( !already_init){ player = new YT.Player(id, { host: 'https://www.youtube-nocookie.com', height: parent_h, width: parent_w, videoId: yt_id, playerVars: { autoplay: autoplay, mute: mute, loop: loop, disablekb: 1, modestbranding: 1, rel: 0, controls: 0, showinfo: 0, frameborder: 0, allowfullscreen: 1, cc_load_policy: 1, playlist: yt_id }, events: { 'onReady': callback_autoplay } }); //~ player = new YT.Player(id, //~ { //~ host: 'https://www.youtube-nocookie.com', //~ height: parent_h, //~ width: parent_w, //~ videoId: yt_id, //~ autoplay: autoplay, //~ mute: mute, //~ loop: loop, //~ disablekb: 1, //~ modestbranding: 1, //~ rel: 0, //~ controls: 0, //~ showinfo: 0, //~ frameborder: 0, //~ allowfullscreen: 1, //~ cc_load_policy: 1, //~ playlist: yt_id, //~ events: { //~ 'onReady': callback_autoplay, //~ 'onStateChange': callback_loop //~ } //~ }); } else{ for(var i = 0; i < youtube_grid_players.length; i++) if(youtube_grid_players[i].id == id) player = youtube_grid_players[i].player; } if(cover){ var res_w = parseInt(resolution.split('x')[0]); var res_h = parseInt(resolution.split('x')[1]); var h = parent_w >= parent_h ? parent_w*(res_w/res_h) : parent_h; var w = parent_w > parent_h ? parent_w : parent_h*(res_w/res_h); document.getElementById(id).style.top = (-1*(h-parent_h)/2)+'px'; document.getElementById(id).style.left = (-1*(w-parent_w)/2)+'px'; player.setSize(w,h); document.getElementById(id).style.maxWidth = w+'px'; document.getElementById(id).style.maxHeight = h+'px'; } if( (control_play || control_sound) && !already_init){ /* var controls = ''; if(control_play) controls += '<button onclick="youtube_grid_toggle_play(\'+id+\', this); return false;"><div class="icon_pause" '+(autoplay ? '' : 'style="display:none;"')+'></div><div class="icon_play" '+(autoplay ? 'style="display:none;"' : '')+'></div></button>'; if(control_sound) controls += '<button onclick="youtube_grid_toggle_sound(\'+id+\', this); return false;"><div class="icon_vol_on" '+(mute ? '' : 'style="display:none;"')+'></div><div class="icon_vol_off" '+(mute ? 'style="display:none;"' : '')+'></div></button>'; document.getElementById(id).parentElement.parentElement.querySelector('.imagegridvideoframe_controls').innerHTML = controls; */ } document.getElementById(id).src += '&rel=0&controls=0&showinfo=0&disablekb=1&modestbranding=1'; if( !already_init){ youtube_grid_players[youtube_grid_players.length] = { id: id, player: player }; } } function youtube_grid_toggle_play( id, button){ var butts = button.querySelectorAll('div'); [].forEach.call( butts, function(butt) { if( butt.style.display == 'none'){ butt.style.display = 'inline-block'; } else{ butt.style.display = 'none'; } }); for( var i = 0; i < youtube_grid_players.length; i++){ if(youtube_grid_players[i].id == id){ if(youtube_grid_players[i].player.getPlayerState() != YT.PlayerState.PLAYING ) youtube_grid_players[i].player.playVideo(); else youtube_grid_players[i].player.pauseVideo(); } } } function youtube_grid_toggle_sound( id, button){ var butts = button.querySelectorAll('div'); [].forEach.call( butts, function(butt) { if( butt.style.display == 'none') butt.style.display = 'inline-block'; else butt.style.display = 'none'; }); for( var i = 0; i < youtube_grid_players.length; i++){ if(youtube_grid_players[i].id == id){ if(youtube_grid_players[i].player.isMuted() ) youtube_grid_players[i].player.unMute(); else youtube_grid_players[i].player.mute(); } } } function init_image_grid(){ var yts = document.querySelectorAll('.imagegridvideoframe'); [].forEach.call( yts, function(yt) { init_youtube_grid(yt.id); }); } function image_grid_resize_text(){ return; if( window.location.href.indexOf('admin') !== -1) return; $('.imagegridtext').each(function(){ var container = $(this).find('.imagegridtext_container'); var title = $(this).find('.imagegridtext_title').length ? $(this).find('.imagegridtext_title') : false; var content = $(this).find('.imagegridtext_content').length ? $(this).find('.imagegridtext_content') : false; var button = $(this).find('.imagegridtext_button').length ? $(this).find('.imagegridtext_button') : false; if(typeof title == 'object') var title_size = parseFloat($(title).css('font-size').replace('px','')); else var title_size = 11; if(typeof content == 'object') var content_size = parseFloat($(content).css('font-size').replace('px','')); else content_size = 10; if(typeof button == 'object') var button_size = parseFloat($(button).css('font-size').replace('px','')); else button_size = 10; if(typeof title != 'object' && typeof content != 'object' && typeof button != 'object') return; var i_max = 0; title_size_min = $(window).width() > 840 ? 25 : 15; button_size_min = $(window).width() > 840 ? 8 : 7; content_size_min = $(window).width() > 840 ? 10 : 7; while( $(container).innerHeight() > $(this).height() && i_max < 20){ if(typeof title == 'object'){ title_size = title_size > title_size_min ? title_size - 0.5 : title_size; $(title).css('font-size', title_size+'px'); } if(typeof button == 'object' && $(container).innerHeight() > $(this).height()){ button_size = button_size > button_size_min ? button_size - 0.5 : button_size; $(button).css('font-size', button_size+'px'); } if(typeof content == 'object' && $(container).innerHeight() > $(this).height()){ content_size = content_size > content_size_min ? content_size - 0.5 : content_size; $(content).css('font-size', content_size+'px'); } i_max++; } var this_h = $(this).height(); var bottom = parseInt($(this).css('bottom').replace('px','')); while( $(container).innerHeight() > this_h && bottom > 0){ if(bottom -1 > 0){ bottom-- this_h++ } else bottom = 0; $(this).css('bottom',bottom+'px'); } var top = parseInt($(this).css('top').replace('px','')); while( $(container).innerHeight() > this_h && top > 0){ if( top - 1 >0){ top--; this_h++; } else top = 0; $(this).css('top',top+'px'); } }); } if( typeof oldOnload == 'undefined'){ var oldOnload = false; } //~ if( oldOnload === false){ //~ oldOnload = window.onload; //~ window.onload = function(){ //~ if (typeof oldOnload == 'function') { //~ oldOnload(); //~ } //~ init_image_grid(); //~ }; //~ window.onresize = function(){ //~ init_image_grid(); //~ }; //~ } $(document).ready(function(){ $(window).on( 'resize', function(){ init_image_grid(); }); image_grid_resize_text(); init_image_grid(); }); $(window).on( 'load', function(){ if( (typeof window.YT == "undefined" || typeof window.YT.Player != 'function') ){ var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); } image_grid_resize_text(); init_image_grid(); }); $(document).ready(function(){ if( typeof window.YT == "undefined" || typeof window.YT.Player != 'function'){ var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); } }); </script> <style> .ekoiimagegrid_title{ display: inline-block; background: #333; color: #fff; margin-right: 10px; padding: 5px 10px; text-transform: uppercase; } .ekoiimagegrid_subtitle{ display: inline-block; color: #f00; text-transform: uppercase; font-weight: bold; font-size: 12px; margin: 0; } </style> <div id="seoekoi_footer"> <div class=""> <div class="hidden-lg hidden-md col-sm-12 col-xs-12 text-center social-links-container"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center social-links-header"> <label> Siga-nos! </label> <span> para acompanhar as novidades do universo Ekoï </span> </div> <ul class="social-links"> <li> <a href=" https://www.facebook.com/Ekoicycling " target="_blank" title="Facebook"> <img alt="Facebook" title="Facebook" src="https://cdn.ekoi.com/modules/piedpage/files/v2020/facebook.png?quality=90" /> </a> </li> <li> <a href="https://www.instagram.com/ekoicycling/?hl=pt" target="_blank" title="Instagram"> <img alt="Instagram" title="Instagram" src="https://cdn.ekoi.com/modules/piedpage/files/v2020/instagram.png?quality=90" /> </a> </li> <li> <a href="https://www.strava.com/clubs/ekoi-38020?hl=pt" target="_blank" title="Strava"> <img alt="Strava" title="Strava" src="https://cdn.ekoi.com/modules/piedpage/files/v2020/strava.png?quality=90" /> </a> </li> <li> <a href="https://www.youtube.com/channel/UCmmDvGrMrg54j_Is_y63oTw" target="_blank" title="Youtube"> <img alt="Youtube" title="Youtube" src="https://cdn.ekoi.com/modules/piedpage/files/v2020/youtube.png?quality=90" /> </a> </li> </ul> </div> <style> .teams-links-container label, .flag-links-container label, .social-links-container label { text-transform: uppercase; } .teams-links-container label, .flag-links-container label, .social-links-header { margin: 20px 0; width: 100%; text-align: left; font-weight: bold; font-size: 20px; color: #000; } .teams-links-wrapper { display: flex; flex-wrap: wrap; gap: 64px; } .teams-links-container .teams-link { position: relative; display: inline-block; width: 15%; } .teams-links-container .teams-link:before { padding-top: 0 !important; display: none !important; } .teams-links-container, .flag-links-container { border-top: 1px solid #5B5B5B; } .social-links { display: flex; list-style-type: none; gap: 8px; } .social-links img { max-width: 48px; } @media screen and (max-width: 1024px) { .teams-links-container label, .flag-links-container label, .social-links-header { margin: 20px 0; width: 100%; text-align: center; font-weight: bold; font-size: 14px; } .social-links-container { border-top: 1px solid #5B5B5B !important; border-bottom: 1px solid #5B5B5B !important; padding-bottom: 20px; } .teams-links-container { border-top: none !important; border-bottom: none !important; } } </style> <div class="col-lg-6 col-md-6 text-center teams-links-container"> <label> Parceiro das equipas UCI world tour </label> <div class="teams-links-wrapper"> <div class="teams-link"> <img src="https://cdn.ekoi.com/public/img/layout/footer/teams/lotto-intermarche.png?quality=90" width="100%" /> </div> <div class="teams-link"> <img src="https://cdn.ekoi.com/public/img/layout/footer/teams/nsm.png?quality=90" width="100%" /> </div> <div class="teams-link"> <img src="https://cdn.ekoi.com/public/img/layout/footer/teams/XDS-Astana.png?quality=90" width="100%" /> </div> </div> </div> <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 text-center flag-links-container"> <label> Estamos presentes internacionalmente </label> <style> .flags-links-footer{ text-align: left; padding: 0; } .flags-links-footer li{ display: inline-block; height: 40px; text-align: center; margin: 0 5px calc(5px + 1em) 5px; } .icon-flags-footer{ background: url(https://cdn.ekoi.com/public/img/layout/footer/flags/icon-flags-complete08.png?quality=90) top left no-repeat; display: inline-block; height: 36px; vertical-align: top; width: 36px; } .icon-flags-footer-us{ background-position: 0 0; } .icon-flags-footer-gb{ background-position: -35px 0; } .icon-flags-footer-fr{ background-position: -71px 0; } .icon-flags-footer-es{ background-position: -107px 0; } .icon-flags-footer-de{ background-position: -143px 0; } .icon-flags-footer-it{ background-position: -179px 0; } .icon-flags-footer-nl{ background-position: -215px 0; } .icon-flags-footer-pl{ background-position: -251px 0; } .icon-flags-footer-dk{ background-position: -287px 0; } .icon-flags-footer-cz{ background-position: -323px 0; } .icon-flags-footer-jp{ background-position: -359px 0; } .icon-flags-footer-tw{ background-position: -396px 0; } .icon-flags-footer-hk{ background-position: -432px 0; } .icon-flags-footer-se{ background-position: -468px 0; } .icon-flags-footer-ca{ background-position: -504px 0; } .icon-flags-footer-au{ background-position: -540px 0; } .icon-flags-footer-nz{ background-position: -578px 0; } .icon-flags-footer-ae{ background-position: -614px 0; } .icon-flags-footer-be{ background-position: -651px 0; } @media screen and (max-width: 1024px){ .flags-links-footer{ text-align: center; } } </style> <ul class="flags-links-footer"> <li> <a href="https://www.ekoi.com/en-us/"> <span class="icon-flags-footer icon-flags-footer-us" style="vertical-align:-50%"></span> <br>US </a> </li> <li> <a href="https://www.ekoi.com/en-ca/"> <span class="icon-flags-footer icon-flags-footer-ca" style="vertical-align:-50%"></span> <br>CA </a> </li> <li> <a href="https://www.ekoi.com/en-gb/"> <span class="icon-flags-footer icon-flags-footer-gb" style="vertical-align:-50%"></span> <br>GB </a> </li> <li> <a href="https://www.ekoi.fr/fr/"> <span class="icon-flags-footer icon-flags-footer-fr" style="vertical-align:-50%"></span> <br>FR </a> </li> <li> <a href="https://www.ekoi.com/fr-be/"> <span class="icon-flags-footer icon-flags-footer-be" style="vertical-align:-50%"></span> <br>BE </a> </li> <li> <a href="https://www.ekoi.es/es/"> <span class="icon-flags-footer icon-flags-footer-es" style="vertical-align:-50%"></span> <br>ES </a> </li> <li> <a href="https://www.ekoi.com/de/"> <span class="icon-flags-footer icon-flags-footer-de" style="vertical-align:-50%"></span> <br>DE </a> </li> <li> <a href="https://www.ekoi.it/it/"> <span class="icon-flags-footer icon-flags-footer-it" style="vertical-align:-50%"></span> <br>IT </a> </li> <li> <a href="https://www.ekoi.com/nl/"> <span class="icon-flags-footer icon-flags-footer-nl" style="vertical-align:-50%"></span> <br>NL </a> </li> <li> <a href="https://www.ekoi.com/pl/"> <span class="icon-flags-footer icon-flags-footer-pl" style="vertical-align:-50%"></span> <br>PL </a> </li> <li> <a href="https://www.ekoi.com/da-dk/"> <span class="icon-flags-footer icon-flags-footer-dk" style="vertical-align:-50%"></span> <br>DK </a> </li> <li> <a href="https://www.ekoi.cz/cs-cz/"> <span class="icon-flags-footer icon-flags-footer-cz" style="vertical-align:-50%"></span> <br>CZ </a> </li> <li> <a href="https://www.ekoi.com/ja-jp/"> <span class="icon-flags-footer icon-flags-footer-jp" style="vertical-align:-50%"></span> <br>JP </a> </li> <li> <a href="https://www.ekoi.com/en-tw/"> <span class="icon-flags-footer icon-flags-footer-tw" style="vertical-align:-50%"></span> <br>TW </a> </li> <li> <a href="https://www.ekoi.com/en-hk/"> <span class="icon-flags-footer icon-flags-footer-hk" style="vertical-align:-50%"></span> <br>HK </a> </li> <li> <a href="https://www.ekoi.com/sv-se/"> <span class="icon-flags-footer icon-flags-footer-se" style="vertical-align:-50%"></span> <br>SE </a> </li> <li> <a href="https://www.ekoi.com/en-au/"> <span class="icon-flags-footer icon-flags-footer-au" style="vertical-align:-50%"></span> <br>AU </a> </li> <li> <a href="https://www.ekoi.com/en-nz/"> <span class="icon-flags-footer icon-flags-footer-nz" style="vertical-align:-50%"></span> <br>NZ </a> </li> <li> <a href="https://www.ekoi.com/en-ae/"> <span class="icon-flags-footer icon-flags-footer-ae" style="vertical-align:-50%"></span> <br>AE </a> </li> </ul> </div> </div> </div> </div> <p class="credit"> © Copyright 2008-2026 - EKOI - Todos os direitos reservados - © Créditos fotográficos : EKOI - <a href="https://www.ekoi.com/pt/plan-du-site">mapa do site</a> - <a href="https://www.ekoi.com/pt/content/3-conditions-generales-de-ventes">CGV</a> - <a href="https://www.ekoi.com/pt/content/205-conditions-generales-d-utilisations">CGU</a> - <a href="https://www.ekoi.com/pt/content/206-protection-des-donnees-personnelles">Proteção de dados</a> - <a href="javascript:$('#tarteaucitronManager').click();">Gestão de cookies</a> - <a href="https://www.ekoi.com/pt/content/472-recrutement">Recrutamento</a> </p> </footer> <div class="dialog" id="categories-imagegridempty"> <div class="dialog__container" style="min-height: auto !important"> <div class="dialog__header"> <button class="dialog__close" type="button">Fechar</button> </div> <div class="dialog__body"> <img src="" style="height: auto; width: 100%"> </div> </div> </div> <script> function initEmptyImageGridLinks() { const imageGridLinksEmpty = document.querySelectorAll('.imagegridlink[href=""]'); if (imageGridLinksEmpty.length <= 0) { return; } imageGridLinksEmpty.forEach(function(node) { node.addEventListener('click', function(event) { event.preventDefault(); const target = event.currentTarget.querySelector('img'); document.querySelector('#categories-imagegridempty .dialog__body img').src = target.src; document.getElementById('categories-imagegridempty').classList.add('dialog--visible'); }); }); } initEmptyImageGridLinks(); </script> </body></html>
Carrinho
<\/p>
<\/p>