shoptalkeurope.bnetwork.com
Open in
urlscan Pro
2600:9000:2304:f200:1e:b763:f500:93a1
Public Scan
URL:
https://shoptalkeurope.bnetwork.com/Index.aspx?utm_campaign=Shoptalk%20Europe%202023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz...
Submission: On February 21 via manual from BE — Scanned from DE
Submission: On February 21 via manual from BE — Scanned from DE
Form analysis 1 forms found in the DOM
Name: aspnetForm — POST Index.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email
<form name="aspnetForm" method="post"
action="Index.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email"
onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm" class="b-form">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="/wEPaA8FDzhkYjE0MjJkODNkYjJmZRgDBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WBwVQY3RsMDAkdWNOYXZCYXIkTGVnYWxNZW50aW9uc0FuZFByaXZhY3lQb2xpY3kkcnBDb29raWVzR3JvdXBzJGN0bDAwJGNoa0dyb3VwT25PZmYFJGN0bDAwJHd1Y1NlYXJjaFBvcHVwJGRkbEhvdGVsc0dyb3VwcwUrY3RsMDAkd3VjU2VhcmNoUG9wdXAkY2JsRWNvQ2VydGlmaWNhdGlvbnMkMAUrY3RsMDAkd3VjU2VhcmNoUG9wdXAkY2JsRWNvQ2VydGlmaWNhdGlvbnMkMQUrY3RsMDAkd3VjU2VhcmNoUG9wdXAkY2JsRWNvQ2VydGlmaWNhdGlvbnMkMgUrY3RsMDAkd3VjU2VhcmNoUG9wdXAkY2JsRWNvQ2VydGlmaWNhdGlvbnMkMwUrY3RsMDAkd3VjU2VhcmNoUG9wdXAkY2JsRWNvQ2VydGlmaWNhdGlvbnMkMwVWY3RsMDAkTGVmdENvbnRlbnRQbGFjZUhvbGRlciR3dWNIb3RlbHNCeUNhdGVnb3JpZXNTdWdnZXN0aW9uJHd1Y05vSG90ZWxzJGd2WW91clJlcXVlc3QPZ2QFTGN0bDAwJExlZnRDb250ZW50UGxhY2VIb2xkZXIkd3VjSG90ZWxzQnlDYXRlZ29yaWVzJHd1Y05vSG90ZWxzJGd2WW91clJlcXVlc3QPZ2TCj1GZ/Joy+ZM0cc3lMLxhIwXRvg==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=gN1Hm4oKCYW7zcT0M0Im480a1h8p2a18tNst6RJHXc9nrAYygjrByiNanuNQc-1uerd6b2Aw-bVvIJDmNJ91LIeTmEM1&t=637811765229275428" type="text/javascript"></script>
<script src="/WebResource.axd?d=3Ki-sb2eKk_TBP4PrpuhF50-Aaqr40aXXy6hdi06j7Jg_UVNMWVds9wXaFv78HIJmytOydxcmudL8UdSARdNuZ3zO0WUtuzrJ3yKRrZFXb5N1FK1F_tPa90he7WUEfzRnCH7tA2&t=638118953680000000" type="text/javascript"></script>
<script src="/WebResource.axd?d=e0iuUYa3S31KaXr3WOwjvvbRCLUkz0xAmMwozPOkYzuSqV1kmZSaZ1EH7Ig5c_ebcQyfr_N351tSYTafFSrXrfTnb421IWpvclFqdns1s9GgLelamq1o68fKz4n8Z0Pfqbx8iw2&t=638118953680000000" type="text/javascript"></script>
<script src="Scripts/daterangepicker.js?v=8DACBCE63897200" type="text/javascript"></script>
<link href="CSS/DynamicFilters.css?v=8DA85EA4EF70700" type="text/css" rel="stylesheet">
<script src="Scripts/bootstrap3-typeahead.min.js?v=8DA8411DDFCF700" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=pzfLPiOF-QMcHKLJDh-PpACw7o-JlgeqIsAtLoXkEJuhZH4fsQ9eIcYvaAFOGikfre_QhfMIaMfo_Giqcar_4LmFTfrt_uFbz2iHpXj0Zhyit3O9AO-s_8v5jlvk8LBOPOL_y9OBLDblx37nL2n-U7ah5Ek1&t=2265eaa7" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=OGi0smhDUu0NGYm2caLVT-3cLymIEv-hxuNZ0gFuDkUFkm8O6wKzlkqm9YkzsRF-hyzyM7SOPDUyrwi1j1k9lbrEQrcBBZgXEgxoL9k---aWBzKcPeAFZI_tD94hpC3jic5YMMWg6_hQmlBcAkmslVd6zgc1&t=ffffffffaa493ab8" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=vNjCE9qEP_WPdGPR8p16sBLXnlCWwLXjPlulPJahvcuqh12-au4hVVJVQpXRe5-B8fgArTrtYZjXVIbvZnMKbzKNP_n3jC23QHSWg1CqpF0XI9oZkh0HMkviGnGNqeRQIazesJRfAvJmqtJUXLEmjUAZ20_Ol19zhs4RFNoZQ-xL8iUz0&t=ffffffffaa493ab8"
type="text/javascript"></script>
<script src="/ScriptResource.axd?d=2gu2BFgyYBw2VOdCXpEEpnpBzNN0iIp_IzH_UyGO-bFXEkIbDeUG_F936OQHriZqe1-2biWW6TuFw2xrAn4DCopncqcdKk3QZf1stL_TPyX8lw32P8dMeAKEGahe6esyIGsltiCYWnnbDinra7vXAxCzWws1&t=ffffffffaa493ab8" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=oHJjYeoLTJDdUsHwWSDD99ZQApd_EO-CdN6gAm96_mP8Obx_RNoFz7yONDZNgdGY3Ba96NmN4BiCiqGPhkyuZYIHiVr0kgmS1CHq9iM7qumEdjFfbvQMmZ7-hfh4qjYch4RLtw2&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=c1OiCOkXqOywyD7NgN60jWvJl-hJbyDc8hjXUywPJIpFb5azs5v5i2BsRh7HfSwEfqA3GJvnb7zOoimEtF4RjzKlgz6vSwionBx4xzjhrMg_aAdG0&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=ySlzEOm9_2gQizYUhTYN0XLuI7ujgilk-ThIBU_vyMxhw94ThyPKmz2eTajGlcz3wf5PhTSpuquU5SuCUE9z9tSZr1I1ln51fQ9EXJcfQjXCUVQW0&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=IKEYw432wiC3uYxkRsQvaibOPiMMj5dnxPda4AZlujFuAT4oOVstitN5RI3Hqjs5okOQxwweMGmbq8r3P9uOmYWo93BEda8bBNfHIGv8FiBwmtn60&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=e_HwnrurWPRFaEzc6eI0ACj9yBZsWwLjIQr91S2gPHmYcvH0pYxfw2uE2aLNW9KJe19O8ak_eS9hegBH5f8XrcRyea6kyc76Ddb4iLd54NmPQHeG0&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=asCopfunw-7e50a4bThWMAtj8B7ipY4b_h5ZjIIk1sYq6NKzR8pD2BXd1xB9oVELF86RLSOLEx7XjHJO0BNdpbvMIrwmWqEwbRvUvM3qD0_6__UO0&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=rrkQqWco4EDTV7PnMbjWgrZrwTbshs1XR0RS3fnLeFe-8Vj-XVTimRkqMiZ2EuLvxOcSELYKhv-YC-XJXcsXuSLb78K6dejk8FmcYthsNiQhKatuU42OrzmdFU0Ud1qLPgRF9w2&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=yprfOEAFxnFzBo0ckCwtXNG5xbHuiCLrW2SJb9l2U3I1Vfs28WMBlRMpHm0XVlISGxzpvJBRmbdVUqYlRSuUkcjpwUBPT4GJkpsCg5O3FP2i8roT0&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=6hDFCBoycPC-sa68VcAmNp3l8fZgwJ8Renc4hRvkTRzcbFNOGAhWh8ZnWkSLv6RJ6ra17siXnNsRNMSKlOUTdfgQkNe7jNHmkaD8DB_zH95SH87p0&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=Nov-Q7HR_y8f8sd5RZYV2vkYF_qFvMls6SrE8tkdXFT57bfYDDLAUDRDDktEjnLSPiJUOXy8sUz614W65VAl24lVip1SdUWXeCEMB_m5NpuC8FEEMtpvlWI2vDIwFSeh7eeA7A2&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=kPCR2A5Q6HbpFvA-7KR5AsqwrbFE4Cq8Fin0mGEEQ-g8lQ2enmdiak2bEBCULkBjh96H6yJDCKWquxzCbkuiMP4-wpbb5oLqvB2-6zCvcjleO6V90&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=qo4lywniDQWxfnAJSKQrpLrCcN78aM9XqDMTQNo8CCXv92KAw-ZNp2vMd4uVRB_8No7v_eMYzD8iNNULWBxAXMAQZvgXfW3rWdmjUnJSvYeu9HHl0&t=7d5986a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=o_5MnLrjDBgDg3nrd0od-IKJKU5g3qGzYPkCa6qHpSDdx53f95uyRYD7cuHHKsdwIltwYTYv1P2Xo-IpASOho5whoAMGUdnCg3zpsJ9-unqk4mzr0&t=7d5986a" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
//]]>
</script>
<div>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="90059987">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION"
value="/wEdAPUCC2sgrTLBQP2nqy9GUF/VgeTi9Ym6sWvqUx46pliNSEr5D4fFj3Zu2+hbsC1+98VqeUkjdAsQW8ZU6cepZ/u0FN043TSX2kihJIaPp9FIofwsybzH15n41+diZxCYBd7P6Wo0phaqf/BP6WtljeG+MJMnGfku5h99U4Hn9WRaOBu3nkd2LptFqab+zlFKALqx9l/sBsS4q03ScSLJpqfBFNJNOl9zA99+1dvizaM+GMN7Fxv9QlmwZ4D5DhPxGR3Dno6WEg7PN72/D2a3KM8AmF5NKDb5CeB93WEAL9ovAvzw9zwb1C6nQTqh1Kj6YpNF084OfbH/2+kp8GIJbaQr8B6/eN/0vFPGh1qlKEhYKKofmrosPG4crDc0scTMtfNSnh1BS12w28OEYyKOaFZSWE6FaVQw90sj364Kzm4uOv5o+Fy1vqj5pn3JQIhWXoGLOvmeD7JxBwER714geevdWwH2Aplpw5FrvURRULKDxZXhH2mohk2IabrkWEbEs7NZltBF1PaD9Xhjle/9hX0vXqDlYD3hmwyCOreXJ/l4O7dLmtcTlJkufPAd3phPfZncnQIxGrFkLgxSoBHYHHjZs7sbN7PS7VssQrvLb7KkuMUtVoJ1teiulQrkBasnTBu0GpxDtZNqPMG5ofa+AKYMTagsndiijxipkK5ORJlhKjYKT6cZ1/r70kbn53xOH/zveh3T7UEBqrHYLweXiKZsfnsESNTU79GLwfVS2IoLHJqkMoLfxAHXUn58zXyHMyJGNgTbsBc6rlnzAgnh4hgjaQpXRBwpLFnTcKbnjy5QmZz/HAs1RkSNaAsggOGsxSk91RqhEMPMM1XhgNv8uiyDMm7yP9+2FeVxZdy1sa0Jk+I9BHUXQgRWtuj405Fk76thoNaoaamI5l/6STVT4PziiCdwfP6uaAuIUHB/QcRTYrLo8iLzq5BJE/tatR6wtZ79LOasRLErVaXCPEiP5D6BSzzB9NpGPC+G2gGjzxepe9rL9EXkVIriWmWCs7tFij2B7TLRBtVJBg2Np3qrj6e7ZKBrKBPdp0vOqwyEQmASk7GGlybfshHXJDSa8/gv6Kpi13ZJi4gILGm2yApN4g5pzUz5JCKsLeAs6bNdTlr0hxwCrDC+JH+tEBZP7wWnxD/b1cx46TdTsCVWjx8m8FJQyUXZyWtZesXwLFp6YFmIV6czc9+Stuey/B+SwI1olgW99EbrjLo7LKGLluXGj5YvR1qticZBL4lps1Bgi7iAziJCgOThcTHIWU/z7XgiL7aEXffK1Pw3gXyMLCk8nNi2sNSqgF1W167kDg0p6qFwtpHSOC1Bfm/IoQf1IgABBsr+xvQrj7DUgBtHRHweD35uet6os77iC/OP6gyhEN1c4zJrdT1TtubUwDwz4TQM5nZHqIMrUIleWKU3u/dlL+asdfnKAvu6yF1b28hl/9phfbdS34Rp4E+tqNihlqYoJ+dRUjzifT5H1QLH9t6QsAPG0u/0B/myi0d7NxS9mjfgjIQYkmlQyFT6sMNRChTS3AQDzwD+jtxk3wsV/RCEn3hsOU4zaZJCo5lpgxBjAFAf4XuOSY/RPaRLir3XANbScwZCPrjh5pg2PGQIKpMsa0s7wv2+Mi+Ju4CbPj64F3+riCD0LaoVufGU9u448o5g0SuIOakCaNeVwPV6fxwBJgIj4J7KNGgJwlNwhzo4Ba08nNoZttMOQgSYiw0u5ATJoyP3uDqpGGKgsEc6Gb5KymwF9o6og9mvqrs/VQqW6ScFt/uTOjyyn9zvxxNIMDSI8pmKaqOQkQuLx5bHwh5IzAmWsYIXuAOfnsnvIKzMDLBPd2VNJExtIN9uOEkelGvAisj71T9DE6V5q8UAXXGvlXovfNcKEb8pCB4VEs8LRHnyCR2gUyYXzvzOZVJfnjleh3+rIAYMop2rHcZk7fEKWUMHg8u/Nc4Vt3qbvc3dpei0EB3d2brG5cdoywmgP38SuU7FnSGMuHToupHqJIvNrovhHG59WTwSIGYJDtWcWVxCdaEi5vvEt9pTLYR3n1H5/g4y99HhS/7yF7kFAmcRhSoj0bYhj6gwcpyyokHDQeViVREz5YznxDcJ+TsJcbrBhwexCcnNj4LDPZR+niIfkwsJyciOQGfdXPa7gc1rG1oblomhaj4/r1Rwq9LFKNSxhCn2yz6MgxlJD+5qHsNxy8YG39U8GIkun3Rd1jP1sEqRckY12gggP4Cru6MsJeVSKxtCDrzlkjwaeDN2jrgK/w3saQ1P0T/w6nKv3UtQmJSkmjwfFlwaQAPZ0g10t5zwzTg3QxP5gavSn+6dTLLUt7l+Y2Q+PnnBn4HbJsWHR13buWWjFPQ16WrwWxeuhaosJWrVZyK2EMu8Skot83fxHlb7JvVpK7W2P0hYJznEjcTr3/UpLFXDtheoxrd4dq2hWuv7Nx01tTyqIhobpVN76/RC3yvvhF5NoOvEDtBaBKb8/OYmQHJG7Ho5qiAdYdQt7oEyOJ/bjw7MR7q8Io2vdmxV6t3hdJh3+rJFNzTY5ohTDQ9bkFk8lrqpP4we1Xo01zoG8FDk6w8F35R+6JOj7g/LTFK3ZlHjssxwtxiK+E8oZLWknu6jo53Y+PSe+tcVKjJ+bJo2oWw1+HQQJAen1/uv2lUHcp716jnvAQ1a2rgtReZ33EyBRZpm+drFmk5FjjavypUO8zqV8wbWkOEk6S64wpIEtYAVEwe7x5ByDF0+KWSlRqAii0krAaxqu5KZriA3zKNL2Y//16OSF1zEOKsm/Jdo/mu7YbCiVWWopROLa5si9d/xHHBafNdrUnnCdaMehXAi/ri7+/6ZT2Uwb0v2kOoDHj5HhpxIXe8JZygenYAhYIBmipWZG3C4cU+sedjdzK38RXQN2Zu6l1Z5t63iAdkSZ77Lt431qUFEXCbdVRMSnXDjHZFkzbTv6N8ebmcPJTh9Kpv+ku51kR0VT0dCz8W/Y4GQPBi2eGkRXLkRRavHkynIQ5aR06GE3kBKV1IQjEqhdCdL4iiF594IKH8mNFEcb+Lr+ls8EuC5jg78Zhp/qfN573Yq6F6slZjV7VmEHmR+u8Mpom5heVo4C7PricSSUrzC+Twq4k7XjtFx4OfpaRCz8F4lhsJfw6dLgZBViEuypXeMHJPY96TAvMP3zqkFnpNHw6dEr+aOZTY7NiKRKwqjXoTX39QHCaCXIQ6I64Bq/3jFO6otFW83SDZf45fOvoptNFvDfhiX57YxW7VWgeFwq/J1mrI8kb2w8ld4R/JsG3PCgRhVrL26IQNUwGD/bvstewjH6NpLRpL3v45JKIv8N1T0erDCJtpnzmMh5xihe7qSXAYzXiMwBO92kB9N9bo4iWziRhwfQqlzPXPs8F5UzHcWOFVcRTWE8+XHnbWbYAgnSTJmmyTjHFekoXZj5OAd/bL3IHhnzHkwbMyWo1NAy5EySOudEvw59ea46NAqNUUwJ2EoKfv9TJurI1zZi3T/iN2LWLtXcAGNKeS3mcwm0CYlklomKtA9RNrte8zJm9dAyR7u+5awBLnwBJEVbUHA9j2dzNui/Q6qrNhfNKJB8g5fy72/1x8CiPRYBJB4F+jk4sOje/nqfj2NHh3SDhc/n2wP2Y+wN2wuJdUOyqkdDNui4TAdQg5JaDkGAavKOJgWuGCUBBzIR86OGbSH6aRqge3lDvjAgLjrTGeuouaMB5Ai5WUlFvXUu9kt//1EASmqUkyRz8mU2GgWSC0PJFe3gmjVzJFVfaocta9an27m+i+jq8Qr1rfpEkNhci67fzmEzT6wfQ54cLxYVYSnb6TZEZFFGxJWFv7+MyCfTQfhmNRGgMGizwbXfOnc703GsD+wLmYUpqwp0f82J17pJbuF0J1Cu5Rmju7LDr7KXW+yohstVjCZLuU31E+mgjB31w1Re/Wo9yu/d/REVHiia2JC2jcGHyJrNimyHvVxyICNHwfRy9ngIYeIPYaJ7XnXsWh3BO71M/XHZjzCJAjS7Nue/gWcyjPvaVzGZFljx5WmWfpBByVCMYPAUeW5UClqctvoOpv6UQBxl6Awg5iLPbEKp8lL3WlNzWHj6IB1Q113bBtmW5MlOxMKl6hpj8pO8lqrTpV2bDuHkKugCWMcaDILwOgGE6dumXa56iitfBa6GGMZw9LmWwz1D+82KV2ZzR/D4G7CITpyWeJBEF6ZqOhZqRWgVqbv5cF7Cj+vllF+Ob99KD/OnPgRLtxnmlteByRtwUMtUcjYiOZEBNFF06B52N08Pj8UU9uTFIDCVSi1IvHRuC5wz/DdUkmuHgVmmE3WyNrEb2QjAUr7U9NS0UlPtrIeYybbX/1M1T6MSY8dWd2z3u/5ETYPMN7GhaMbLsxo5a7vXOX9kRfO/1sQCHaaJEA+hXcOI1kBh8kN8wOD2K8JBASe9bBXCbv8Zknar4CgLU+t9ooPTwERdSAu1OUkfh4YsqxMB1zMPdI2MH1VElUa12sLFGv5zUd4G69MvsHluqznxuTHVEkZERICG8K7XOn6vHtweb2Om9T9BEtpJYqLKW2c0NnNwGAjuvjJd1x5od+5cT47rc0IDUB3hv04FUE73pnjPF+hdgMjfevRdLibeyJ5YhXVZUr8aE2I+xV+4BOuPQ+p1xXj9hQzi32DhJePH4HQFNgf3RmGhwxAuYBgbYb5tYMVaX9Bt1P6xagG+Ehf/wAZWMZJft4jawRYCKUefL6MMqz+16BL3ymNwsdf7SuhiooYDrBBppAzOcC1PGwxBFonYw823UC8GRruIFg2jtNkYxFthLj8BF+ErdaWWOOZ9vYoE+MZq4AlR9XQ1lLlhIDVfCEhC5buZZkRVUmtLoyZ7CF0Ldt8UZSBlaLVc0Er/yV5MqSfraJ3Lk3kaVzww79FxunzoxAjkQmqdD81enoj9tNpYNo5qXIwBTI0rqFWOXoFRe1WIBv8YanYg/PUHJGhuAHJ02ZLG18qEsIr9K/vcGl+f+StK/xm7OBUxVKY/5qaPc8hcdPAiWjxlsx+d9NtWzz1NsKmPP6BFBsc7g1EfwSRB+C5lxc3pWy5ZY8ezgLfTV1HcmJJVKrnFMd5a5mv6mx/PQAzUcjwKJuGxUPrKFPyMoz+1KVfLF/9/NTmfIFiiGV2MUsA3dxhHYvDZvdYhvOSLDOAJ5fdmnOu0zgsN7n8mKPX2EUGrHanpILjeZSDKWVSj13Bgvwkt3p6skcfKBDmWgZQ8VIUabEtwzP2SFP9+wplL17PoY2koG/y1bZjLKHpPKk9v/BpVVsuM4A0v6skv9BGXj5sYXB7q9er5u5hd7jQ9teuL950d6TmXSiMhAyJSgslnbUx8ZcZHFWMEjvGcakH+xHyHjC5UI+G/yj4sqFn4uIl6A/iEATN9sX5vaLlbb8xv/RYFecng20GSQVc9aUDyVMRwm2nj/I6ltiduso5ju5QkgYc2CHxwDI4NJAFBRIFCZ25MO/Hz3ZtxgJZf1SOBcA88RgBo6x+v9fcFjRg7YwhkE9Jgxw/p+PKVUHvbkVZkGww9hraaFEqUqcU/a68mfOGSrbI9eHU9ewGh3SMm5q6j3x3/LKyncLKMRN+F0QrAA2N3amx7Urkps27KJWXirCjt2Gr2MD9K3v0+OKxg6U8Ye1vEj41NDkjJA0LDlwz71JY09N+zf1IPTSGLimCLQ+DIstCFvHE5Exz2c/wFIivbBlFli8eReu4vbTeKOFjwbCLgOx9tiRp5qYI6Ju74wB+Yl2Dpl1nRqgZpElmFWm58wOp3uzNHYnWD1n3J3nKaLOd3YM2t2RS4NZ/rWvHuJ+0CEKxjLDhJ21nOQmXejNAykowHGOY4WPNZHkU7iedk6FUEpr9MNf8CcLSO8FYHb2SLJY2Yj6+gllDE3bZL8mhx/p5k2gkC15uL32gnL2Y1uYblcalJ8qxjB6rqB8/kOXIhUty+ANpg9Oykel9qKgKZtRn3N6bxU6U+iYcbiX0uBWACbbcIZTgDj13fFjOfqNqNDxzZbPX0eoX7xw91qVz7Q8yyoczet5EIubZnJInp5bTkM+OstkN84BrOZ2zY59eVeqIoVfw03r9qlza3g2mj/cmcp7+b9j3LP2PslJU91PfcvLDMzGmcVI9lXCaTdyY8YiaO8nyipg7ZNsnrOm/TuFHKmcDJxXQRlf7HjSwjcdRs5fRPAXpKvPN4Pg3Xvcl/P/BNr+kSmjOUfoFwMR3pyk7m7SK6fdsEgk6jC7msc/W1z4/cLNmW/6s3bpEW1htIF4bjPe/nHLnRw/mp9eRoOoP30iFG7SYUdw1OtEP9RTE3yWz7jShPMzV29CG8rFXykudaJhY6Vb+L7yBHUo+pVJI/pBH0+PXFH1KK9P3/iSmdfVEy6qBfYq2cL0uJrVoFJLDwcANFC1r54OoVNBz4nz9QkzG4AjDGM87BPia9arfYQehgsoOGK6GPzTSkphMosADnhoYonLPH3LlIt6ZydoPYheYzrraRdWRRVwmbqN8b/tBqBEvgAoESnJCSQwPlPawB1fU9NO3MJ8hbrugGimpSbOZrYukAah4R7b0WO8XH2U+D+GxfVUM5bZZsHTS6nnKqCxsXR/0sMTzy0ZkeZFrWWE5uTrVwlxiqtEUfqVI07jHWLqjp2ep1bUKPG7qW5yQ3RwqItLSPwNij+GVeFyC3wNNTQErZfuiEcf8m+Q7qwo0GW24G03BCXeQuO2Pf3z6XenOo4zQs2y97u0gi/cSL+BJuL17RSjKzg+oVS0dLlfgWeyds4h6OYKUfiEgaOhM/27dzI//4NIaQnS3CdeoCYVm2gxDTHUD3oMek4ZcZvXJoFNpYg4yXqWTQm8j3fAA6qwQ4uSdDUJgZRDRxh0GpqiOCaBZnM778+qwKifraLwKOEisCN/ws96a1VShRlqpLggDzd7Fy2y3GQ0P/pl8QCqMUduElkjuo7X5sGC8jdAL/HBaa1fBn2tARWoX4O+58tV63lFmC9GMNicIIJsTbjayhG/IRlMwzbsURG4oiVewQyVtPTvfUAcuPLdPcABKPLt4Wz1ac9hx9VufMvwpkl5p9YL58i937bVftqbll797XIQdP4fvwubdfPjA2Dn3fAYfN1W0tU9aQ00wJPhCskVi/n8sz09qgN+R4iybsLwS4BplSI1zRB3F71LVcMpZqvInxfGvxzWXX7whC7R/EM+qvskfTbhibwY017EFVYvqjTgjKKpd88qKIz2SuiwqxXA1A3W5miQ0j4Z0rJFc5DU71H5ZtRh8OB7N/3oTbgrPOdc2Ed0I1RMUeSzu5qFI8EI9KGNLtfhUNwpZSajdq8DRz2MHFMfHRpeatzruqoOxSfqyIkBSUW52VTK07f1M+9aoKscJUAJarvQGnebqauIeUf7cYfyjYYmPvLiRelsBgernHes5Ys5bcLlCfiyqMACjoU9Btz4576pKZI5LhhfxYEINZK6O6snVtC8BH7ctLb0bJ5P7t9toJDCvqkjVsF0EHyjxfrODu1OULiNoVpxJ/3FzMlIRggWxxONDJ8pl5X0sc2URpCzRD5HA4SipyUUTNjaZCh4pieQp4Y3E251G19ufDgxVph3rrrdfa7BqDM8CRc9UURkywZe4nhlTDoN/pO6kG91GdFrfh6rAy24DRhYu/HWUnO8u8N34xIhe8S64Yg3xZWYQO9L9jRL6bWLh2q2bYF+xNNtMhtbBo5qW+hz3+96iR0O0nAAm1A71fziatDeZZpoTGCV0kWGpvlcqnjOzFkKIgA86ENEiMMhWOiqCgmLnHGbxYW4Gw9z23XRdtrML6DmQu5a5OWavpAbbovJotxonSKKgIoEVmKDtt9lL0M+/C/cPznvFMzGzE6Bw0Pjncb06d1y0lROOkC1d/E27RgavK12fBS1bE9+iC0DhnMxBb8Ic3YPpHG1ZD9rO0pKh31SJH5eAJGbWD2VohfYkEL8DDbKPIOShVBE38YPMCW2pipt7YHyJPp5BlrIEfyDs1g/s/KL1z0dfuo5Ea9INkWe3anH0">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$sm', 'aspnetForm', ['tctl00$upNavBar', '', 'tctl00$wucSearch$wucDynamicFilters$upDynamicFilters', '', 'tctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucDynamicFilters$upDynamicFilters', '',
'tctl00$wucSignInSwitch$upLogin', '', 'tctl00$wucSignInSwitch$upSignUp', '', 'fctl00$wucSignInSwitch$wucReservationContactForm$upInvoice', '', 'tctl00$wucSignInSwitch$UpdatePanel1', ''
], ['ctl00$wucSearch$wucDynamicFilters$timerLazyLoad', '', 'ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucDynamicFilters$timerLazyLoad', ''], [], 90, 'ctl00');
//]]>
</script>
<input type="hidden" name="ctl00$Variables" id="ctl00_Variables">
<script type="text/javascript">
function GetVariable(name) {
var jsonVariables = $('#ctl00_Variables').val();
var obj = JSON.parse(jsonVariables);
return eval("obj." + name);
}
</script>
<div id="page-loader" class="b-loader" style="display: none">
<div class="spinner">
</div>
</div>
<div align="center">
</div>
<div class="banner">
<div class="BannerColorLeft">
</div>
<div class="BannerImg">
<a id="ctl00_hlCustomerWebsite" href="https://shoptalkeurope.com" target="_blank"><img id="ctl00_imgBanner" class="imgBanner" src="https://s3.eu-west-1.amazonaws.com/files.bnetwork.com/Prod/Upload/4ad88d3a-40f3-4617-9651-4a2f115a7522/Graphics/Banner.png" style="border-width: 0px; width: unset;"></a>
<div id="ctl00_pnlBannerMap">
</div>
</div>
<div class="BannerColorRight" style="text-align: right">
</div>
</div>
<div class="backgroundHome" style="">
<div class="navbarmenu">
<div id="ctl00_upNavBar">
<link rel="stylesheet" href="CSS/navBar.css?v=8DA8411C6257300">
<div id="ctl00_ucNavBar_SideNavbar" class="SideNavBar">
<style>
#ctl00_ucNavBar_SideNavbar_closeBtn {
display: none;
position: absolute;
top: 0;
left: 0;
margin-left: min(85%, 380px);
color: white;
font-size: 50px;
cursor: pointer;
z-index: 75;
transform: translateY(-5px);
transition: visibility 0.5s;
}
#ctl00_ucNavBar_SideNavbar_overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background-color: rgba(0, 0, 0, 0.7);
}
#ctl00_ucNavBar_SideNavbar_main-container {
position: absolute;
width: 100%;
height: 100%;
overflow-y: scroll;
}
#ctl00_ucNavBar_SideNavbar_sub-container {
position: absolute;
width: 100%;
height: 100%;
overflow-y: scroll;
background-color: white;
transform: translateX(380px);
}
#ctl00_ucNavBar_SideNavbar_mainMenu {
margin-top: 5px;
padding: 15px 0px 15px 25px;
font-weight: bold;
}
#ctl00_ucNavBar_SideNavbar_mainMenu:hover {
background-color: #eaeded;
cursor: pointer;
}
</style>
<div id="ctl00_ucNavBar_SideNavbar_overlay" onclick="closeNav('ctl00_ucNavBar_SideNavbar')"></div>
<div id="ctl00_ucNavBar_SideNavbar_closeBtn" onclick="closeNav('ctl00_ucNavBar_SideNavbar')">×</div>
<div class="sidenav" id="ctl00_ucNavBar_SideNavbar_sidenav" style="animation:collapse;">
<div class="sidenavHeader">
<div style="display: flex; width: 98%; align-items: baseline;">
<a class="nmi-link modalSignInSwitchToggleLink" href="#" data-href="SignIn.aspx" style="color: white"><i class="fas fa-user-circle" aria-hidden="true"></i> Sign in</a>
</div>
</div>
<div id="ctl00_ucNavBar_SideNavbar_main-container" class="sidenavMenu">
<a href="/" target=""><div class="sidenavContent"><i class="fal fa-home" aria-hidden="true"></i> Home</div></a><a href="javascript:LoadUserControl('Contact.ascx', 'Contact us');" target=""><div class="sidenavContent"><i class="fal fa-phone" aria-hidden="true"></i> Contact us</div></a>
<hr class="sidenavSeparator">
<div class="sidenavContentHeader">Menu</div><a href="#CancellationPolicy.aspx&title=Cancellation Policy" target=""><div class="sidenavContent">Cancellation Policy</div></a><a href="#" onclick="openChild('ctl00_ucNavBar_SideNavbar',this, '0_1')">
<div class="sidenavRow">
<div>more information</div>
<i class="fas fa-chevron-right" style="color: #8e9090" aria-hidden="true"></i>
</div>
</a>
<div class="sidenavChildContainer" data-path="0_1" data-depth="3"><a href="#FAQ.aspx&title=faq" target=""><div class="sidenavContent">faq</div></a></div>
<div class="sidenavChildContainer" data-path="0_1" data-depth="3"><a href="#GeneralInformation.aspx&title=general information" target=""><div class="sidenavContent">general information</div></a></div>
</div>
<div id="ctl00_ucNavBar_SideNavbar_sub-container" style="display: none;">
<div id="ctl00_ucNavBar_SideNavbar_mainMenu"><i class="fas fa-chevron-left" style="color: #8e9090" aria-hidden="true"></i> Main Menu </div>
<hr class="sidenavSeparator">
<div id="ctl00_ucNavBar_SideNavbar_sub-container-content">
</div>
</div>
<div class="sidenavFooter">
<a class="navbar-brand logo" href="Home.aspx">
<img class="imgBnetworkHome" alt="bnetwork" src="images/logos/Logo-BNetwork-SW.png" style="border-width: 0px;">
</a>
</div>
</div>
<script>
document.querySelectorAll(".sidenavRow").forEach(row => {
row.addEventListener("click", () => {
document.getElementById("ctl00_ucNavBar_SideNavbar_main-container").style.animation = "mainAway 0.3s forwards";
document.getElementById("ctl00_ucNavBar_SideNavbar_sub-container").style.animation = "subBack 0.3s forwards";
});
});
document.getElementById("ctl00_ucNavBar_SideNavbar_mainMenu").addEventListener("click", () => {
document.getElementById("ctl00_ucNavBar_SideNavbar_main-container").style.animation = "mainBack 0.3s forwards";
document.getElementById("ctl00_ucNavBar_SideNavbar_sub-container").style.animation = "subPush 0.3s forwards";
})
</script>
</div>
<nav class="navbar navbar-expand-lg navbar-inverse navbar-dark shadow-5-strong" style="height: 90%;">
<div class="container-fluid px-0">
<div class="navbar-header">
<div id="ctl00_ucNavBar_pnlMobileMenu">
<div class="navbar-mobile-item nmi-filters d-none" data-toggle="modal" data-target="#SearchPopupFilters">
<i class="fal fa-search" style="color: #130a04;" aria-hidden="true"></i>
</div>
<div class="navbar-mobile-item nmi-map d-none" data-display-map="mobile">
<i class="fal fa-map-marker-alt" style="color: #130a04;" aria-hidden="true"></i>
</div>
<div class="d-inline-block pl-2">
<span id="ctl00_ucNavBar_SideNavButton" class="sidenav-button mx-0 d-inline-block d-xl-none" onclick="openNav('ctl00_ucNavBar_SideNavbar')">☰</span>
<a class="navbar-brand logo home mx-0 d-none d-sm-inline-block" href="Home.aspx">
<i class="fal fa-home" aria-hidden="true"></i>
</a>
<a class="navbar-brand logo" href="Home.aspx">
<img id="ctl00_ucNavBar_imgBnetwork" class="imgBnetworkHome d-sm-inline" alt="bnetwork" src="images/logos/Logo-BNetwork-SB.png" style="border-width:0px;">
</a>
</div>
<div class="navbar-mobile-item nmi-timeout" style="display: none;">
<a><i class="fal fa-stopwatch" style="color: #130a04;" aria-hidden="true"></i>
<span class="nmi-text-timeout"></span>
</a>
</div>
</div>
</div>
<div class="collapse-md navbar-collapse justify-content-end mt-3 mb-2" id="myNavbar">
<ul class="nav navbar-nav mb-lg-0 d-inline-block d-lg-flex">
<li class="nav-item hvr-underline-from-center navbar-mobile-item d-inline-block d-lg-none">
<a class="nmi-filters" data-toggle="modal" data-target="#SearchPopupFilters" data-tippy-content="Search" data-tippy-zindex="9999999999" tabindex="0">
<i class="fal fa-search" aria-hidden="true"></i>
</a>
</li>
<li class="nav-item hvr-underline-from-center d-none d-md-inline-block">
<a class="nmi-link" data-tippy-content="Contact" href="javascript:LoadUserControl('Contact.ascx', 'Contact us');" data-tippy-zindex="9999999999"><i class="fal fa-phone" aria-hidden="true"></i>
</a>
</li>
<li id="ctl00_ucNavBar_liBasket" class="hvr-underline-from-center">
<a id="ctl00_ucNavBar_hlBasket" class="nmi-link modalSignInSwitchToggleLink" data-tippy-content="My basket" href="#" data-tippy-zindex="9999999999" data-href="Basket.aspx">
<i class="fal fa-shopping-cart" aria-hidden="true"></i>
</a>
</li>
<li class="hvr-underline-from-center">
<a data-tippy-content="Show / hide map" class="MapSwitchTextTippy" data-display-map="true" style="outline:none;cursor:pointer;" data-tippy-zindex="9999999999" tabindex="0"><i class="fal fa-map-marked-alt Color2" aria-hidden="true"></i></a>
<script type="text/javascript">
var showmap;
function initctl00_ucNavBar_wucShowMap() {
var isIntegratedMobileWebsite = 'False';
let isMobile = isIntegratedMobileWebsite == "True" ? true : $(window).width() < 768;
if (!isMobile) {
showmap = $.session.get('displayOSM');
if ($.session.get('displayOSM') === undefined) {
showmap = true;
$.session.set('displayOSM', showmap);
} else {
showmap = $.session.get('displayOSM');
}
showmap = showmap || false;
$(".MapSwitchTextTippy").data('display-map', showmap);
$(".MapSwitchTextTippy").attr('data-display-map', showmap);
ShowHideMap(showmap, showmap, false /* pas d'animation au load*/ );
ShowTextMap(showmap);
}
//Nasser 01/02/21 le click était appelé plusieurs fois
$('[data-display-map]').off('click');
//rémi, on change pas le selecteur du click !!!
$('[data-display-map]').click(function() {
var sender = this;
if ($(this).data('display-map') !== 'mobile') {
var display = JSON.parse($(this).data('display-map'));
$(this).data('display-map', !display);
$(this).attr('data-display-map', !display);
$.session.set('displayOSM', !display);
ShowTextMap(!display);
ShowHideMap(!display, !display, true /* animate*/ );
} else {
var display = $('#left').is(':visible');
$.session.set('displayOSM', display);
//exception
var isIntegratedMobileWebsite = 'False' == "True" ? true : false;
if (!isIntegratedMobileWebsite) {
if (display) {
$(sender).children('i').removeClass('fa-map-marker-alt').addClass('fa-map-marker-alt-slash');
} else {
$(sender).children('i').removeClass('fa-map-marker-alt-slash').addClass('fa-map-marker-alt');
}
}
ShowHideMap(display, display, false);
}
});
}
$(document).ready(function() {
initctl00_ucNavBar_wucShowMap();
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {
initctl00_ucNavBar_wucShowMap();
});
});
/*********** START REGION MAP ***********/
function ShowHideMap(dmap, loadHotelsMarkers, animate, callback) {
var loadHotel;
dmap = dmap == undefined ? false : JSON.parse(dmap);
loadHotel = loadHotelsMarkers == undefined ? false : JSON.parse(loadHotelsMarkers);
var isIntegratedMobileWebsite = 'False';
var isMobile = isIntegratedMobileWebsite == "True" ? true : $(window).width() < 768;
var width = '100%';
var html = 'Show map';
//Lorsque l'on ouvre la map
if (dmap === true) {
width = '55%';
html = 'Hide map';
$(".HotelContainer").removeClass("col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3");
$(".HotelContainer").addClass("col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6");
$('.left').removeClass('map-off').addClass('map-on'); //.trigger('classChange');
$.session.set('displayOSM', true);
} else {
$(".HotelContainer").removeClass("col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6");
$(".HotelContainer").addClass("col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3");
$('.left').removeClass('map-on').addClass('map-off'); //.trigger('classChange');
$.session.set('displayOSM', false);
}
var animationDuration = animate == true ? 1000 : 0;
function onComplete(e) {
//On prévient que la visibilité de la carte a changée
$('.left').trigger('classChange');
let hasChatWidget = typeof Tawk_API !== 'undefined' && Tawk_API;
if (dmap) {
$(".FooterOnMap").show();
if (isMobile && hasChatWidget && typeof Tawk_API.hideWidget !== 'undefined') {
Tawk_API.hideWidget();
}
} else {
$(".FooterOnMap").hide();
if (isMobile && hasChatWidget && typeof Tawk_API.showWidget !== 'undefined') {
Tawk_API.showWidget();
}
}
//Resize hotel images after map's fully visible
hotelImageWidth(function() {
refreshHotelsListSliders();
});
if (typeof callback === 'function') {
callback();
}
};
if ($('#left').length > 0) {
if (isMobile) {
if (dmap == true) {
$('#left').hide(0, onComplete);
} else {
$('#left').show(0, onComplete);
}
} else {
$('#left').stop().animate({
'flex-basis': width
}, animationDuration, onComplete);
}
} else {
onComplete();
}
}
function ShowTextMap(display) {
var textShowHideMap = "Hide map";
if (!display || display == "false") {
textShowHideMap = "Show map";
}
$(".MapSwitchText").text(textShowHideMap);
}
</script>
</li>
<li id="liTimeOut" style="display: none !important;">
<a><i class="fal fa-stopwatch" aria-hidden="true"></i><span class="nmi-text-timeout"></span></a>
</li>
<li id="ctl00_ucNavBar_liUser" class="ic-usr hvr-underline-from-center d-none d-md-inline-block">
<a id="ctl00_ucNavBar_hlUser" class="ic-usr nmi-link modalSignInSwitchToggleLink" data-tippy-content="My account" href="#" data-tippy-zindex="9999999999" data-href="SignIn.aspx"><i id="ctl00_ucNavBar_iUser" class="fal fa-user" aria-hidden="true"></i></a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right d-none d-xl-flex">
<li class="hvr-underline-from-center"><a href="#CancellationPolicy.aspx&title=Cancellation Policy" target="" class="">CANCELLATION POLICY</a></li>
<li class="dropdown"><a class="dropdown-toggle " data-toggle="dropdown" href="#">MORE INFORMATION<span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-right">
<li><a href="#FAQ.aspx&title=faq" target="" class="dropdown-item ">FAQ</a></li>
<li><a href="#GeneralInformation.aspx&title=general information" target="" class="dropdown-item ">GENERAL INFORMATION</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<a id="ctl00_ucNavBar_lbTargetControlID" class="Hidden" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ucNavBar$lbTargetControlID", "", true, "", "", false, true))"></a>
<div id="ctl00_ucNavBar_pnlTimeout" class="ConfirmFinish" style="display: none; position: fixed; z-index: 20002;">
<div id="TimeOut1Minute"> Your basket will be emptied in 1 minute - Please confirm the option(s) you would like so secure by validating your basket.<br>
<br>
<a id="ctl00_ucNavBar_lbGoToBasket" class="button standart ico ico-addToBasket" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ucNavBar$lbGoToBasket", "", true, "", "", false, true))" style="float: right; margin: 0">Go to my basket</a>
</div>
<div id="TimeOutTooLate"> Sorry, the time is exceeded, reservations are canceled.<br>
<br>
<input type="submit" name="ctl00$ucNavBar$btnCloseTimeout" value="Close"
onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ucNavBar$btnCloseTimeout", "", true, "", "", false, false))" id="ctl00_ucNavBar_btnCloseTimeout"
class="button standart ico ico-close" style="float: right; margin: 0">
</div>
</div>
<a id="ctl00_ucNavBar_lbTargetControlBankTransfer" class="Hidden" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ucNavBar$lbTargetControlBankTransfer", "", true, "", "", false, true))"></a>
<div id="ctl00_ucNavBar_pnlPopupBankTransfer" class="ConfirmFinish" style="display: none; position: fixed; z-index: 20002;">
<div class="mainDivText">
<table>
<tbody>
<tr>
<td><b>Bank transfer</b></td>
</tr>
<tr>
<td><strong>Bank transfer: </strong>(bank fees are payable by the applicant):<br><strong>Beneficiary company name:</strong> B NETWORK BARCELONA MANAGEMENT S.L.<br><strong>Beneficiary company address:</strong> Carrer Aragó 314 1o 1a
– 08009 Barcelona - Spain<br><strong>Bank name:</strong> BBVA<br><strong>Bank address: </strong>Passeig de Gràcia, 25 - 08007 Barcelona - Spain.<br><strong>Account number:</strong> 01822342140201757380<br><strong>Iban:
</strong>ES4101822342140201757380<br><strong>Swift/Bic:</strong> BBVAESMMXXX<br>Please indicate your company reference code: [%=CodeSociete%]</td>
</tr>
</tbody>
</table>
</div>
</div>
<a id="ctl00_ucNavBar_lbModalPopupTargetControlID" class="Hidden" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ucNavBar$lbModalPopupTargetControlID", "", true, "", "", false, true))"></a>
<div id="ctl00_ucNavBar_pnlModalPopup" class="ConfirmFinish" style="display: none; position: fixed; z-index: 20002;">
<input type="submit" name="ctl00$ucNavBar$btnCloseModalPopup" value="Close"
onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ucNavBar$btnCloseModalPopup", "", true, "", "", false, false))" id="ctl00_ucNavBar_btnCloseModalPopup"
class="button standart ico ico-close" style="float: right; margin: 0">
</div>
<div class="container">
<!-- Custom Page -->
<div class="modal fade" id="modalContentPage" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title Color1" id="modalTitle"></h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<div id="ContentCtl"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default modal-close" data-dismiss="modal"><i class="fal fa-times" aria-hidden="true"></i> Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<style>
#modalConsentCookies .modal-dialog.modal-lg {
margin: 30px auto;
}
#modalConsentCookies .modal-content {
height: 645px;
overflow: hidden;
}
#modalConsentCookies .modal-title.heading {
text-align: center;
display: inline-block;
}
#modalConsentCookies .modal-body {
max-height: calc(100% - 65px);
overflow: auto;
}
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-2368285-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
var gaProperty = 'UA-2368285-1';
function ga() {
dataLayer.push(arguments);
}
ga('js', new Date());
ga('config', 'UA-2368285-1');
</script>
<script type="text/javascript">
var firstCall = true;
function tagAnalyticsCNILInitialized(s, e) {
if (firstCall && s.isGranted('ga')) {
ga('create', gaProperty, 'auto'); // Créer le tracker.
ga('send', 'pageview'); // Envoyer l'information qu'une page a été visitée.
firstCall = false;
}
}
</script>
<script id="ctl00_ucNavBar_LegalMentionsAndPrivacyPolicy_cookieConsent" type="text/javascript">
var options = {
cookieName: 'hasConsent',
expiration: 2678400000,
cookies: [{
key: 'ga',
description: 'Audience measurement cookies by Google Analytics',
cookies: ['__utma', '__utmb', '__utmc', '__utmt', '__utmv', '__utmz', '_ga', '_gat', '_gid']
}],
modalConsent: '#modalConsentCookies',
banner: {
container: 'body',
html: '<div class="cookie-consent" id="cookie-banner-message">\
<span class="cookie-title">About Cookies on This Site</span> : <br/>\
<span class="cookie-text">\
By clicking on the "Accept" button, you agree to the use of analytical and marketing cookies aimed at obtaining information on the use of this site to improve our services and better understand your consumption patterns. By clicking on the “Cookies Settings”, you can get more information about the cookies used, and select those you want to accept or decline.<br/>\
<!-- <a class="cookie-more" href="javascript:tagAnalyticsCNIL.CookieConsent.showInform()" style="text-decoration:underline;"> To learn more and manage the settings of your cookies click here.</a>-->\
<br/> \
<div class="cookie-buttons">\
<button name = "acceptAllCookies" onclick="tagAnalyticsCNIL.CookieConsent.acceptAll();" type="button" class="btn btn-cookies-accept">Accept all</button>\
<button name = "rejectAllCookies" type="button" onclick="tagAnalyticsCNIL.CookieConsent.rejectAll();" id="optout-button" class="btn btn-cookies-reject">Reject all </button>\
\
<button name = "cookie-more" onclick="tagAnalyticsCNIL.CookieConsent.showInform();" type="button" class="btn btn-cookies-settings">Cookies Settings</button>\
\
<!--<a class="cookie-more" href="javascript:tagAnalyticsCNIL.CookieConsent.showInform()" style="text-decoration:underline;"> To learn more and manage the settings of your cookies click here.</a>-->\
\
</div>\
</span>\
</div>',
cssClass: 'bounceInUp',
onAcceptAll: function(s, e) {},
onRejectAll: function(s, e) {}
},
onInitialize: function(s, e) {
tagAnalyticsCNILInitialized(s, e);
},
onStatusChange: function(s, e) {
tagAnalyticsCNILInitialized(s, e);
}
};
var tagAnalyticsCNIL = {
CookieConsent: new CommonControls.Controls.CookieConsent(options)
};
tagAnalyticsCNIL.CookieConsent.start();
</script>
<div class="modal fade" id="modalConsentCookies" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content" style="overflow:hidden;">
<div class="modal-header text-center">
<h3 class="modal-title w-100 heading">Legal mentions and privacy policy</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="white-text" aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-justify">
<div id="contact_modal_legalmention">
<a data-toggle="collapse" href="#cookiesDetails" aria-expanded="false" aria-controls="cookiesDetails">
<h4 class="fg-main-dark">
<i class="fa fa-plus fa-xs mr-2" style="margin-right: 5px;" aria-hidden="true"></i><span>cookies</span>
</h4>
</a>
<div id="cookiesDetails" class="collapse in">
<p>bnetwork respects the privacy of every person who visits their website.</p>
<p>When you visit our website, a cookie may automatically install on your browser. This is a small temporary file that takes the form of a character string storing information related to personalization functions that is used to
record user navigation information for the sole purpose of improving the quality of the information. from our website.</p>
<p>You will find below a list of the cookies that we use on this website with for each the possibility to remove it:</p>
<ul style="padding-left:25px;">
<li>Navigation cookie facilitating the opening and the navigation on our site,</li>
<li>Session cookie to provide you with certain features that you have requested, such as access to restricted pages,</li>
<li>Cookie to memorize information about a form that you filled on our site,</li>
<li>Audience measurement cookie to know the use and the general frequentation of the site (most consulted pages or error messages).</li>
</ul>
<div class="table-responsive">
<table class="table table-bordered">
<tbody>
<tr>
<td>
<p class="p-wrap">Cookies providing a service specifically requested by the user or facilitating navigation</p>
</td>
</tr>
<tr>
<td>
<table class="" style="width: 100%">
<tbody>
<tr>
<td style="width: 95%; padding-right: 20px">
<p class="p-wrap">Audience measurement cookies by Google Analytics </p>
</td>
<td>
<label class="switch" data-cookie-consent="ga">
<input id="ctl00_ucNavBar_LegalMentionsAndPrivacyPolicy_rpCookiesGroups_ctl00_chkGroupOnOff" type="checkbox" name="ctl00$ucNavBar$LegalMentionsAndPrivacyPolicy$rpCookiesGroups$ctl00$chkGroupOnOff">
<span class="slider round"></span>
</label>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<div style="float: right; padding-right: 0px;">
<button name="ConfirmSelection" type="button" onclick="tagAnalyticsCNIL.CookieConsent.saveSettings();" id="optout-button" class="btn btn-primary mx-4">Save</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p></p>
<p>If you decide to disable cookies on our site, you may not be able to enjoy the benefits of the website.</p>
<p></p>
</div>
<a data-toggle="collapse" href="#legalNotice" aria-expanded="false" aria-controls="legalNotice">
<h4 class="fg-main-dark mt-5">
<i class="fa fa-plus fa-xs mr-2" aria-hidden="true" style="margin-right: 5px;"></i>legal notice and general conditions of use
</h4>
</a>
<div id="legalNotice" class="collapse">
<p></p>
<p>The website <a href="https://www.bnetwork.com" class="fg-main-pink">www.bnetwork.com</a> provides information about the bnetwork Company.</p>
<p>It is published by bnetwork, a simplified joint stock company:</p>
<p>With a capital of 300 000 euros</p>
<p>
</p>
<p>Listed with the <span class="text-transform-none">RCS Cannes</span>. under number 489 937 573., whose registered office is located at <span class="text-transform-none">1 rue Raphaël – 06400 Cannes</span></p>
<p>
</p>
<p>Intra-Community <span class="text-transform-none">VAT number is FR 55 489 937 573</span></p>
<p>
</p>
<p>The Editor of bnetwork portal is <span class="text-transform-none">Stephane GONZALVEZ-FILONE</span>, in the capacity of President of Bnetwork<span class="text-transform-none">SAS</span></p>
<p>To contact the webmaster: <a href="mailto:info@bnetwork.com" class="fg-main-pink">info@bnetwork.com</a><br></p>
<p>The bnetwork online system was designed by the company <span class="text-transform-none">Beyond IT</span>, subsidiary of bnetwork, located at:<span class="text-transform-none"> 1 rue Raphaël – 06400 Cannes</span>. The
bnetwork portal is hosted on <span class="text-transform-none">AWS cloud (Amazon company)</span>.</p>
<p></p>
<p>The photographs and visuals of the products presented on our site as an indication have no contractual character. </p>
</div>
<a data-toggle="collapse" href="#privacyPolicy" aria-expanded="false" aria-controls="privacyPolicy">
<h4 class="fg-main-dark mt-5">
<i class="fa fa-plus fa-xs mr-2" aria-hidden="true" style="margin-right: 5px;"></i>privacy policy
</h4>
</a>
<div id="privacyPolicy" class="collapse">
<h5 class="mt-3">DATA PROTECTION AND CIVIL LIBERTIES</h5>
<p>The personal data collected by the contact form (title, last name, first name, company, email address and phone number) are intended only for the use of bnetwork which is responsible for their processing and preservation.</p>
<p>Data collected in the online booking process is required for the management of accommodation. We share this information with: </p>
<ul>
<li>The hotels or the real estate agencies concerned to organize your accommodation.</li>
<li>The event’s organizer for security and management purposes.</li>
<li>The service providers that need this to provide you services like transportation, ticketing, etc. </li>
</ul>
<p></p>
<p>In accordance with the requirements of <span class="text-transform-none">European Regulation No. 2016/679</span> relating to data, files and freedoms, the personal data collected on the bnetwork site are the subject of a
declaration to the <span class="text-transform-none">Delegate for the Protection of data (DPO)</span> from bnetwork. The data thus collected will not be assigned, exchanged or rented to a third party.</p>
<p>Pursuant to the aforementioned law, users are informed that they have a right to access, correct and delete data pertaining to them.</p>
<p>This right can be exercised either directly on the website, by email (<a href="mailto:info@bnetwork.com" class="fg-main-pink">info@bnetwork.com</a>) or by writing to: <span class="text-transform-none">bnetwork – 1 rue Raphaël
– 06400, Cannes (France)</span></p>
<h5 class="mt-5">DATA PROTECTION DELEGATE (DPO)</h5>
<p></p>
<p>bnetwork has appointed a <span class="text-transform-none">Data Protection Officer (DPO)</span> to ensure the protection of personal data and the respect of the law in the company. You can contact him for any information or
for the exercise of your rights at the following address:</p>
<p>bnetwork</p>
<p><span class="text-transform-none">Data Protection Officer</span></p>
<p><span class="text-transform-none">1 rue Raphaël, 06400 Cannes</span></p>
<p>or by email at <a href="mailto:info@bnetwork.com" class="fg-main-pink">info@bnetwork.com</a></p>
<p>You can finally seize the <span class="text-transform-none">National Commission Informatique et Libertés (CNIL)</span>.</p>
<p></p>
<h5 class="mt-5">INTELLECTUAL PROPERTY</h5>
<p></p>
<p>The present site and the elements reproduced are the property of bnetwork or are the object of a right of use or exploitation in favor of bnetwork. The brands and logos (semi-figurative trade name) of bnetwork are registered
trademarks. The general structure, software, texts, images, videos, sounds, animations, and more generally all the information and contents appearing on the site are subject to the legislation protecting the copyright.</p>
<p>Any total or partial representation, reproduction, modification or alteration of all or part of the website or its content, by any process, and on any media, shall constitute an infringement penalized by articles L 335-2 et
seq. of the French Intellectual Property Code</p>
<p>Any databases that may appear on the bnetwork portal are protected by the provisions of the law of 1 July 1998 that transposed the European Directive of 11 March 1996 on the legal protection of databases to French
intellectual property law. In this respect, bnetwork expressly prohibits any re-use, reproduction or extraction of any items from these databases. The user shall incur liability for any unauthorized re-use, reproduction or
extraction. bnetwork reserves the right, immediately and without notice, to delete any content: message, text, image, or graphic that contravenes the laws and regulations in force and in particular the regulations specified
above. In the event that you should wish to use any of the content of the site (text, image, etc.), you must obtain express, prior, written authorization from bnetwork, by writing to the address provided in the "Legal
Information" paragraph or by sending an email to the webmaster.</p>
<p></p>
<h5 class="mt-5">LINKS</h5>
<p></p>
<p>The links to external websites from the bnetwork portal have been subject to express, prior authorization.</p>
<p>However, as bnetwork is not the publisher of these sites, it has no control over their content. Consequently, in no event may bnetwork be held liable for the content of sites accessed in this way, or for any collection or
transmission of personal data, installation of cookies or any other process with the same purposes, carried out by these sites.</p>
<p>You may not create a hyperlink to the bnetwork portal without an express, prior, written authorization from bnetwork. Any requests must be sent to the editor of the bnetwork portal.</p>
<p></p>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<div id="cookiesWrapper">
</div>
</div>
<script type="text/javascript">
var latestCenterNavWidth = 0;
var latestRightNavWidth = 0;
if (window.top != window.self) {
$('#ctl00_ucNavBar_SideNavButton').removeClass('d-inline-block').addClass('d-none');
$('#ctl00_ucNavBar_SideNavButtonIMW').removeClass('d-inline-block').addClass('d-none');
$('.navbar-brand.logo.home').removeClass('d-sm-inline-block');
$('<a href="#" onclick="history.back();"><i class="fas fa-chevron-left fa-lg" style="margin-top: 5px;"></i></a>').insertBefore('.navbar-brand.logo.home');
$('a.navbar-brand.logo').prop('href', 'javascript:history.back();');
}
$(document).ready(function() {
var defaultTimeoutInSeconds = 0;
var timeoutInSeconds = 0;
var alert1Min = 0;
function getTimeout() {
var m = Math.floor(timeoutInSeconds / 60);
var s = timeoutInSeconds - (m * 60);
if (s < 10) {
s = "0" + s;
}
$('.nmi-text-timeout').text(m + ":" + s);
$('.nmi-text-timeout').css('color', '#9d9d9d');
if (timeoutInSeconds < defaultTimeoutInSeconds / 6) {
$('.nmi-text-timeout').css('color', '#ff0000');
} else if (timeoutInSeconds < defaultTimeoutInSeconds / 3) {
$('.nmi-text-timeout').css('color', '#ff5a00');
} else if (timeoutInSeconds < defaultTimeoutInSeconds / 2) {
$('.nmi-text-timeout').css('color', '#ffb400');
}
timeoutInSeconds -= 1;
if (timeoutInSeconds >= 0) {
setTimeout(function() {
getTimeout()
}, 1000);
if (timeoutInSeconds <= 60 && timeoutInSeconds > 57) {
if (alert1Min == 0) {
JAlert("", "", "#TimeOut1Minute", "custom", false, false, false);
alert1Min = 1;
}
}
} else {
JAlert("", "", "#TimeOutTooLate", "custom", false, false, false);
}
}
if (timeoutInSeconds > 0) {
$('#liTimeOut').show();
getTimeout();
}
CheckModalToOpen();
$(window).on('hashchange', function() {
CheckModalToOpen();
});
$(window).resize(function() {
checkNavBarHeight();
});
checkNavBarHeight();
$('#modalContentPage').on('hidden.bs.modal', function(e) {
history.pushState("", document.title, window.location.pathname + window.location.search);
});
});
$(window).resize(function() {
checkNavBarHeight();
});
//check pour passer en mode mobile
function checkNavBarHeight() {
var windowWidth = $(window).width();
var rightNavbarWidth = $('#myNavbar > ul:first-child').outerWidth();
var leftNavbarWidth = 0;
//Marge de sécurité
var centerNavbarWidth = 5;
var isIntegratedMobileWebsite = 'False' == "True" ? true : false;
var mobileMode = false;
$(".navbar-header > .logo").each(function() {
leftNavbarWidth += $(this).outerWidth();
});
$('#myNavbar > ul:last-child > li').each(function() {
centerNavbarWidth += $(this).outerWidth();
});
if (!mobileMode || isIntegratedMobileWebsite) {
if (windowWidth - rightNavbarWidth - leftNavbarWidth <= centerNavbarWidth || $(window).width() < 985 || isIntegratedMobileWebsite) {
latestCenterNavWidth = centerNavbarWidth;
latestRightNavWidth = rightNavbarWidth;
//$('.navbar.navbar-inverse').addClass('navbar-mobile');
mobileMode = true;
}
} else {
if (latestCenterNavWidth < windowWidth - leftNavbarWidth - latestRightNavWidth && $(window).width() >= 985) {
//$('.navbar.navbar-inverse').removeClass('navbar-mobile');
mobileMode = false;
}
}
}
function closeTimeOutPopup() {
var modal = $find("popupTimeout");
modal.hide();
}
function InitModalPopup(pageTitle) {
$("#modalTitle").text(pageTitle);
$("#ContentCtl").empty();
$('#modalContentPage').modal('show');
$("#ContentCtl").append('Loading, please wait...');
}
function LoadCustomPage(pageGuid, pageTitle) {
InitModalPopup(pageTitle);
$.ajax({
type: "POST",
url: "JQuery.aspx/LoadCustomPage",
data: '{PageGuid: "' + pageGuid + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(r) {
$("#ContentCtl").empty();
$("#ContentCtl").append(r.d);
}
});
history.pushState(pageGuid, pageTitle, '#' + pageGuid + ((pageTitle.length > 0) ? ("&title=" + pageTitle) : ''));
}
function LoadUserControl(ucName, pageTitle) {
InitModalPopup(pageTitle);
$.ajax({
type: "POST",
url: "JQuery.aspx/LoadUserControl",
data: '{ucName: "' + ucName + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(r) {
$("#ContentCtl").empty();
$("#ContentCtl").append(r.d);
}
});
history.pushState(ucName, pageTitle, '#' + ucName + ((pageTitle.length > 0) ? ("&title=" + pageTitle) : ''));
}
function updateQueryStringParameter(uri, key, value) {
var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
var separator = uri.indexOf('?') !== -1 ? "&" : "?";
if (uri.match(re)) {
return uri.replace(re, '$1' + key + "=" + value + '$2');
} else {
return uri + separator + key + "=" + value;
}
}
function LoadPage(pageName, pageTitle) {
InitModalPopup(pageTitle);
$.get(pageName, function(result) {
$result = $(result);
$("#ContentCtl").empty();
$result.find('#mainDivText').appendTo('#ContentCtl');
//$result.find('script').appendTo('#ContentCtl');
}, 'html');
//$("#ContentCtl").load(pageName + " #mainDivText");
history.pushState(pageName, pageTitle, '#' + pageName + ((pageTitle.length > 0) ? ("&title=" + pageTitle) : ''));
}
function LoadText(text, pageTitle) {
InitModalPopup(pageTitle);
$.ajax({
type: "POST",
url: "JQuery.aspx/LoadText",
data: "{Text: '" + text + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(r) {
$("#ContentCtl").empty();
$("#ContentCtl").append(r.d);
}
});
history.pushState(pageTitle, '', '#' + pageTitle);
}
function isGuid(value) {
var regex = /[a-f0-9]{8}(?:-[a-f0-9]{4}){3}-[a-f0-9]{12}/i;
var match = regex.exec(value);
return match != null;
}
function CheckModalToOpen() {
if (window.location.hash) {
//remove leading hash char
var hash = window.location.hash.substring(1);
//split hash params
var hashParams = hash.split('&').reduce(function(array, item) {
var parts = item.split('=');
var key = parts[0];
var value = parts[1];
if (parts.length == 1) {
key = 'default';
value = parts[0];
}
array[key] = value;
return array;
}, {});
var popupName = hashParams['default'];
var popupTitle = hashParams['title'];
if (!popupTitle) {
popupTitle = "";
}
popupTitle = decodeURI(popupTitle);
if (isGuid(popupName)) {
LoadCustomPage(popupName, popupTitle);
} else {
if (popupName.slice(-5) == ".ascx") {
LoadUserControl(popupName, popupTitle);
} else if (popupName.slice(-5) == ".aspx") {
LoadPage(popupName, popupTitle);
}
}
}
}
//check pour le switch entre list et map pour les IMW
function checkHotelListIMW(displayMap) {
if (displayMap == "1") {
$("#btnHotelListIMW").removeClass('ico-list-imw-active').addClass('ico-list-imw');
$("#btnMapIMW").removeClass('ico-map-imw').addClass('ico-map-imw-active');
$("#btnHotelListIMW").attr("disabled", false);
$("#btnMapIMW").attr("disabled", true);
} else {
$("#btnHotelListIMW").removeClass('ico-list-imw').addClass('ico-list-imw-active');
$("#btnMapIMW").removeClass('ico-map-imw-active').addClass('ico-map-imw');
$("#btnHotelListIMW").attr("disabled", true);
$("#btnMapIMW").attr("disabled", false);
}
}
function openBankTransfer() {
JAlert('', '', '#ctl00_ucNavBar_pnlPopupBankTransfer', 'custom', 'l', false, true, false);
}
</script>
<div data-act-control-type="modalPopupBackground" id="popupTimeout_backgroundElement" class="modalBackground" style="display: none; position: fixed; left: 0px; top: 0px; z-index: 10000;"></div>
<div data-act-control-type="modalPopupBackground" id="ctl00_ucNavBar_popupBankTransfer_backgroundElement" class="modalBackground" style="display: none; position: fixed; left: 0px; top: 0px; z-index: 10000;"></div>
<div data-act-control-type="modalPopupBackground" id="ctl00_ucNavBar_modalPopup_backgroundElement" class="modalBackground" style="display: none; position: fixed; left: 0px; top: 0px; z-index: 10000;"></div>
</div>
</div>
<div id="ctl00_pnlFilters" class="filters">
<script type="text/javascript" src="Scripts/jquery.watermark.js"></script>
<script type="text/javascript" src="Scripts/jquery-slider.js"></script>
<script type="text/javascript" src="Scripts/ion.rangeSlider.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap-checkbox.js"></script>
<script type="text/javascript" src="Scripts/bootstrap-select.min.js"></script>
<link rel="stylesheet" type="text/css" href="CSS/searchMenu.css?v=8DA8411C6257300">
<link rel="stylesheet" type="text/css" href="CSS/ion.rangeSlider.min.css">
<link rel="stylesheet" type="text/css" href="CSS/bootstrap-select.min.css">
<script type="text/javascript">
var mobileFilterSelected = [];
var categoryTypeFilter;
var mobileMode = detectMob();
var modeHotel = true;
var modeChanged = false;
var isModeHotel = (modeHotel === true);
function OnFullScreenDateRangePickerApply(ev, picker) {
picker.setText(picker.startDate.format('dddd DD/MM') + ' - ' + picker.endDate.format('dddd DD/MM'));
$(".spanDate").html('<i class="fal fa-calendar-check"></i>' + picker.startDate.format('dddd DD/MM') + ' - ' + picker.endDate.format('dddd DD/MM'));
var dateFrom = picker.startDate.format('DD/MM/YYYY');
var dateTo = picker.endDate.format('DD/MM/YYYY');
var params = "DateFrom@DateTo";
params = params.split('@');
redirectFilters(params, dateFrom, dateTo);
}
function initctl00_wucSearch() {
var categoryTypeFilter = $("#ctl00_wucSearch_pnlCategoryType");
setPropertyTypePlaceholder();
$('.cbp').checkboxpicker();
$('.cbpAllOnly').checkboxpicker({
offLabel: 'All',
onLabel: 'Only',
offActiveCls: 'btn-warning'
});
$('.cbpYesNo').checkboxpicker({
offLabel: 'No',
onLabel: 'Yes',
offActiveCls: 'btn-warning'
});
if (_hasApartments && isModeHotel) {
tippy('.tippy-property-type', {
arrow: true,
arrowType: 'sharp',
placement: 'top',
theme: 'custom',
zIndex: 20003,
content: "Check out our apartment selection!",
showOnInit: true,
trigger: 'manual',
sticky: true,
onShow: function(instance) {
setTimeout(function() {
instance.hide();
}, 5000)
}
});
}
$('.fullScreenFilter:not(.fullScreenFilterDates)').click(function(e) {
// if not the same or text: click on a child
if (e.target === this || (e.target.nodeName == 'SPAN' && e.target.className.indexOf("irs") < 0 && e.target.className.indexOf("text") < 0)) {
$('.fullScreenFilter').removeClass('focus-visible');
// Hide all fullScreenFilterPopup except current
$('.fullScreenFilterPopup').not($(this).children()).fadeOut('fast');
// Toggle current
var $this = $(this);
var posLeft = ($this.offset().left);
var posTop = ($this.offset().top) + 50;
var positionValueByBrowser = "fixed";
var isIE = /*@cc_on!@*/ false || !!document.documentMode;
if (isIE) {
positionValueByBrowser = "-ms-device-fixed";
}
$('.fullScreenFilterPopup', $this).css({
position: positionValueByBrowser,
top: posTop,
left: posLeft
}).fadeToggle('fast');
$('.fullScreenFilterBackground').addClass('fullScreenFilterPopupBackground');
$this.addClass('focus-visible');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutationRecord) {
//console.log('style changed!');
if (!$(".fullScreenFilterPopup").is(":visible")) {
$this.removeClass('focus-visible');
}
});
});
var target = $('.fullScreenFilterPopup:visible')[0];
observer.observe(target, {
attributes: true,
attributeFilter: ['style']
});
$('.fullScreenFilterPopup').on("classChanged", function() {
if (!$(".fullScreenFilterPopup").is(":visible")) {
$this.removeClass('focus-visible');
}
});
}
});
$('.fullScreenFilterDates').click(function(e) {
// Hide all fullScreenFilterPopup except current
$('.fullScreenFilterPopup').not($(this).children()).fadeOut('fast');
});
$(window).resize(function() {
calcFilters();
mobileMode = detectMob();
});
//Rooms Slider
$("#ctl00_wucSearch_sliderNbRooms").ionRangeSlider({
skin: "round",
from: getDefaultValue("NbRooms", 1),
min: 1,
max: 5,
step: 1,
grid: false,
onChange: function(data) {
if ($("#ctl00_wucSearch_sliderNbTwins").data() != undefined && $("#ctl00_wucSearch_sliderNbTwins").data().from > data.from) {
var rooms = $("#ctl00_wucSearch_sliderNbTwins").data("ionRangeSlider").update({
from: data.from
});
}
if (typeof UpdateNumberOfRoomsForOccupancy_ctl00_wucSearch_wucFilterOccupancy === "function") { // Check if function exists : used in Controls.FilterOccupancy
UpdateNumberOfRoomsForOccupancy_ctl00_wucSearch_wucFilterOccupancy(data.from);
}
}
});
//Twins Slider
$("#ctl00_wucSearch_sliderNbTwins").ionRangeSlider({
skin: "round",
from: getDefaultValue("NbTwins", 1),
min: 1,
max: 5,
step: 1,
grid: false,
onChange: function(data) {
if ($("#ctl00_wucSearch_sliderNbRooms").data().from < data.from) {
var rooms = $("#ctl00_wucSearch_sliderNbRooms").data("ionRangeSlider");
rooms.update({
from: data.from
});
}
}
});
// Bedrooms
$.getMinMaxBedrooms = function(isMin) {
if ($.urlParam('NbBedrooms') != undefined && $.urlParam('NbBedrooms') != "") {
let bedrooms = $.urlParam('NbBedrooms').split(',');
return (isMin == 1) ? Math.min.apply(Math, bedrooms) : Math.max.apply(Math, bedrooms);
} else {
return (isMin == 1) ? 102 : 5;
}
};
function prettifyValue(n) {
return (n == 0 ? "Studio" : n);
}
$(".js-range-slider-bedrooms").ionRangeSlider({
skin: "round",
type: "double",
from: $.getMinMaxBedrooms(1),
to: $.getMinMaxBedrooms(0),
min: 102,
max: 5,
max_postfix: "+",
prettify: prettifyValue,
step: 1,
grid: false
});
if ($.urlParam('IsVilla') != undefined && $.urlParam('IsVilla') == "true") {
$('#inputIsVilla').prop('checked', true);
}
// Default Text
setFiltersText();
// Search
$('input.fullScreenFilterSearch').keydown(function(e) {
if (e.keyCode == 13) {
$('.fullScreenFilterSearchAction').click();
}
});
$('input.fullScreenFilterSearch').on('input paste change', function(e) {
if (mobileMode) {
if ($(".fullScreenFilterSearch").val()) {
$(".fullScreenFilterSearch").addClass("BackColor1 fullScreenFilterSelected");
$(".fullScreenFilterSearchAction").addClass("fullScreenFilterSelected");
} else {
$(".fullScreenFilterSearch").removeClass("BackColor1 fullScreenFilterSelected");
$(".fullScreenFilterSearchAction").removeClass("fullScreenFilterSelected");
}
}
})
// Cancel
$('.fullScreenFilterCancel').click(function(e) {
closeFilterPopup();
});
$(document).mouseup(function(e) {
var container = $(".fullScreenFilterPopup");
var containerDateRangePicker = $(".daterangepicker");
var selectpicker = $(".selectpicker");
var dropdownSelectPicker = $('.bootstrap-select > .dropdown-menu.open');
// if the target of the click isn't the container nor a descendant of the container
if (!container.is(e.target) && container.has(e.target).length === 0 && !containerDateRangePicker.is(e.target) && containerDateRangePicker.has(e.target).length === 0 && !selectpicker.is(e.target) && selectpicker.has(e.target)
.length === 0 && !dropdownSelectPicker.is(e.target) && dropdownSelectPicker.has(e.target).length === 0) {
$('.fullScreenFilterPopup').fadeOut('fast');
$('.fullScreenFilterBackground').removeClass('fullScreenFilterPopupBackground');
}
});
// Validate
$('.fullScreenFilterValidate').click(function(e) {
validateFilter(this);
});
//Phones & Tablets
if (mobileMode == true) {
$('.wrapperFullScreenFilter').hide();
}
calcFilters();
}
$(document).ready(function() {
initctl00_wucSearch();
});
// return the query string value
$.urlParam = function(name) {
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.search);
if (results == null) {
return null;
} else {
return results[1] || '';
}
}
function calcFilters() {
if ($(window).width() <= 984) {
$('body').addClass("hideFilters");
} else {
$('body').removeClass("hideFilters");
}
}
function setFiltersText() {
// Date
var date = '';
if ($.urlParam('DateFrom') != undefined && $.urlParam('DateFrom') != "") {
date += moment(getDefaultValue("DateFrom", ''), 'DD/MM/YYYY').format('dddd DD/MM');
} else if (mobileFilterSelected.indexOf('DateFrom') !== -1) {
date += $('.fullScreenFilterDates').data('daterangepicker').startDate._d.format('dddd dd/MM');
}
if ($.urlParam('DateTo') != undefined && $.urlParam('DateTo') != "") {
date += ' - ' + moment(getDefaultValue("DateTo", ''), 'DD/MM/YYYY').format('dddd DD/MM');
} else if (mobileFilterSelected.indexOf('DateTo') !== -1) {
date += ' - ' + $('.fullScreenFilterDates').data('daterangepicker').endDate._d.format('dddd dd/MM');
}
if (date == '') {
date = '<i class="fal fa-calendar-alt"></i> Dates';
} else {
date = '<i class="fal fa-calendar-check"></i> ' + decodeURIComponent(date);
filterSelected(".spanDate");
}
$(".spanDate").html(date);
// Rooms
$(".spanRooms").html('<i class="fak fa-bedroom"></i> Number of rooms');
if ($.urlParam('NbRooms') != undefined && $.urlParam('NbRooms') != "") {
$("#spanCountRooms").html($.urlParam('NbRooms'));
$('#divCountRooms').show();
filterSelected(".spanRooms");
} else if (mobileFilterSelected.indexOf('NbRooms') !== -1) {
$("#spanCountRooms").html($("#ctl00_wucSearch_sliderNbRooms").data().from);
$('#divCountRooms').show();
filterSelected(".spanRooms");
}
// Bedrooms
var bedrooms = 0;
nbBedRooms = [];
if ($.urlParam('NbBedrooms') != undefined && $.urlParam('NbBedrooms') != "") {
bedrooms = $.urlParam('NbBedrooms').split(',').filter(function(x) {
return x <= 5
}).length;
} else if (mobileFilterSelected.indexOf('NbBedrooms') !== -1) {
for (i = $(".js-range-slider-bedrooms").data().from; i <= $(".js-range-slider-bedrooms").data().to; i++) {
nbBedRooms.push(i);
}
if ($('.js-range-slider-bedrooms').data().to == 5) {
for (i = 6; i <= 357; i++) {
nbBedRooms.push(i);
}
}
bedrooms = nbBedRooms.filter(function(x) {
return x <= 5
}).length;
}
if ($.urlParam('IsVilla') != undefined && $.urlParam('IsVilla') != "" || mobileFilterSelected.indexOf('IsVilla') !== -1) {
bedrooms++;
}
if (bedrooms > 0) {
$("#spanCountBedrooms").html(bedrooms);
$('#divCountBedrooms').show();
filterSelected(".spanBedrooms");
}
$(".spanBedrooms").html('<i class="fak fa-bedroom"></i> Bedrooms');
// Hotels Architecture Types
if ($.urlParam('HotelsArchitectureTypesGuids') != undefined && $.urlParam('HotelsArchitectureTypesGuids') != "" || mobileFilterSelected.indexOf('HotelsArchitectureTypesGuids') !== -1) {
var hotelsArchitectureTypesArray = [];
if (mobileFilterSelected.indexOf('HotelsArchitectureTypesGuids') !== -1) {
var cblHotelsArchitectureTypes = $('#ctl00_wucSearch_cblHotelsArchitectureTypes input:checked');
cblHotelsArchitectureTypes.each(function() {
hotelsArchitectureTypesArray.push(1);
});
} else {
hotelsArchitectureTypesArray = $.urlParam('HotelsArchitectureTypesGuids').split(',');
}
if (hotelsArchitectureTypesArray.length > 0) {
$("#spanCountArchitecture").html(hotelsArchitectureTypesArray.length);
$('#divCountArchitecture').show();
filterSelected(".spanHotelsArchitectureTypes");
} else {
filterUnSelected(".spanHotelsArchitectureTypes");
}
}
$(".spanHotelsArchitectureTypes").html('<i class="fal fa-spa"></i> ');
// More filters
var filters = [
["HotelName"],
["DateFrom", "DateTo"],
["NbRooms", "Occupancies", "NbTwins"],
["RateFrom", "RateTo", "RateByNight"],
["HotelsArchitectureTypesGuids"],
["NbStars"],
["EcoCertificationGuids"],
["IsWalkingDistance", "WalkingTiming", "IsDrivingTiming", "DrivingTimingFrom", "DrivingTimingTo", "IsMetroTiming", "MetroTimingFrom", "MetroTimingTo"],
["EquipmentWeight"],
["RatingFrom", "RatingTo"],
["MeetingRoomsCapacityFrom", "MeetingRoomsCapacityTo", "IsMeetingRoomCapacityStanding", "MeetingRoomsOnly"],
["HasCRC"],
["NbBedrooms", "IsVilla"],
["NbPersons"],
["NbBathrooms"],
["AreaGuids"],
["Partners"],
["IsOnRequest", "IsPayableOnline"]
//, ["CategoryType"]
,
["ValidationStatusCode"],
["EventLocationGuid"],
["EventVisitorCategoryGuid", "EventVisitorSubCategoryGuid"]
];
var morefilters = 0;
var params;
var query = window.location.search.substring(1);
var queries = query.split('&');
queries.forEach(function(param, index) {
params = param.split('=');
filters = $.grep(filters, function(el, i) {
if ($.inArray(params[0], el) > -1) {
morefilters++;
return false;
}
return true;
});
});
if (morefilters > 0) {
var fs = (morefilters > 1) ? 'filters selected' : 'filter selected';
if (morefilters > 0) {
$('#divMoreFilters').attr('data-tippy-content', morefilters + ' ' + fs);
}
$("#spanMoreFilters").html(morefilters);
$(".fullScreenMoreFilters").addClass("BackColor1 fullScreenFilterSelected");
} else {
$('#divMoreFilters').hide();
}
}
// Filter Selected
function filterSelected(className) {
$(className).parent().addClass("BackColor1 fullScreenFilterSelected");
}
// Filter UnSelected
function filterUnSelected(className) {
$(className).parent().removeClass("BackColor1 fullScreenFilterSelected");
}
// Redirect
function redirect(queryString, page = "Index.aspx") {
displayLoader(true);
queryString.replace(/^-+|-+(?=-|$)/g, '');
var urlToRedirect = page + queryString;
window.location = urlToRedirect;
}
// Default value
function getDefaultValue(param, defaultValue) {
if ($.urlParam(param) != undefined) {
if (param == "DateFrom" || param == "DateTo") {
return decodeURIComponent($.urlParam(param));
} else {
return $.urlParam(param);
}
}
return defaultValue;
}
//Test device
function detectMob() {
if ((navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(
/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)) && $(window).width() < 985) {
return true;
} else {
return false;
}
}
function checkCategoryType(mode) {
var isHotelTypeSelected = $('#cbCategoryTypeHotel').is(':checked');
var isApartHotelTypeSelected = $('#cbCategoryTypeApartHotel').is(':checked');
var isApartTypeSelected = $('#cbCategoryTypeApart').is(':checked');
switch (mode) {
case 'hotel':
//type appartement coché en plus du type hotel ou hotel appart => on décoche les apparts
if (isApartTypeSelected && (isHotelTypeSelected || isApartHotelTypeSelected)) {
$('#cbCategoryTypeApart').prop('checked', false);
}
//plus rien n'est coché => on coche les apart hotels
if (!isApartTypeSelected && !isHotelTypeSelected && !isApartHotelTypeSelected) {
$('#cbCategoryTypeApartHotel').prop('checked', true);
}
break;
case 'aparthotel':
//type appartement coché et type hotel ou hotel appart => on décoche les apparts
if (isApartTypeSelected && (isHotelTypeSelected || isApartHotelTypeSelected)) {
$('#cbCategoryTypeApart').prop('checked', false);
}
//plus rien n'est coché => on coche les hotels
if (!isApartTypeSelected && !isHotelTypeSelected && !isApartHotelTypeSelected) {
$('#cbCategoryTypeHotel').prop('checked', true);
}
break;
case 'apart':
//tout est coché, on décoche hotel et appart hotel
if (isApartTypeSelected && (isHotelTypeSelected || isApartHotelTypeSelected)) {
$('#cbCategoryTypeHotel').prop('checked', false);
$('#cbCategoryTypeApartHotel').prop('checked', false);
}
//le type appart vient d'etre décoché, on coche les 2 autres types
else if (!isApartTypeSelected) {
$('#cbCategoryTypeHotel').prop('checked', true);
$('#cbCategoryTypeApartHotel').prop('checked', true);
}
break;
}
}
function setPropertyTypePlaceholder() {
let placeholder = '';
if ($('#cbCategoryTypeHotel').prop('checked')) {
placeholder = 'Hotels';
} else if ($('#cbCategoryTypeApart').prop('checked')) {
placeholder = 'Apartments';
} else {
placeholder = '';
}
if ($('#cbCategoryTypeHotel').prop('checked') && $('#cbCategoryTypeApartHotel').prop('checked')) {
placeholder = 'Hotels, Residences...';
} else if (!$('#cbCategoryTypeHotel').prop('checked') && $('#cbCategoryTypeApartHotel').prop('checked')) {
placeholder = 'Residences & Apart Hotels';
}
$(".spanCategoryType").html('<i class="fal fa-home"></i>' + placeholder);
}
// Validation
function redirectFilters(params, dateFrom, dateTo) {
var addToQuery = "";
var query = window.location.search.substring(1);
var queries = query.split('&');
if (mobileMode && $(".fullScreenFilterSearch").val()) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^HotelName=[a-zA-Z0-9,.\-!? ]*|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
addToQuery += "&HotelName=" + $(".fullScreenFilterSearch").val();
}
var newParameters = [];
var compteur = 0;
var removeDynamicFilter = true;
params.forEach(function(param) {
var checked = [];
switch (param) {
case "CategoryType":
var type = 'null';
queries.forEach(function(uparam, index) {
if (uparam.match(/^CategoryType=[a-zA-Z0-9,.\-!? ]*$/) || uparam.match(/^TakeApartHotels=[a-zA-Z0-9,.\-!? ]*$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
if ($('#cbCategoryTypeHotel').is(':checked')) {
type = 'hotel';
if (!isModeHotel) {
modeChanged = true;
} else {
modeChanged = false;
}
} else if ($('#cbCategoryTypeApart').is(':checked')) {
type = 'apart';
if (isModeHotel) {
modeChanged = true;
} else {
modeChanged = false;
}
}
addToQuery += "&CategoryType=" + type + "&TakeApartHotels=" + ($('#cbCategoryTypeApartHotel').is(':checked') ? "true" : "false");
break;
case "DateFrom":
removeDynamicFilter = false;
queries.forEach(function(uparam, index) {
if (uparam.match(/^DateFrom=\d+[^/]+$/) || uparam.match(/^DateTo=\d+[^/]+$/) || uparam.match(/^DateFrom=([0-2][0-9]|(3)[0-1])(\/)(((0)[0-9])|((1)[0-2]))(\/)\d{4}$/) || uparam.match(
/^DateTo=([0-2][0-9]|(3)[0-1])(\/)(((0)[0-9])|((1)[0-2]))(\/)\d{4}$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
addToQuery += "&DateFrom=" + encodeURIComponent(dateFrom) + "&DateTo=" + encodeURIComponent(dateTo);
break;
case "NbRooms":
removeDynamicFilter = false;
var minRooms, fromRooms, minTwins, fromTwins, defaultOccupancy, occupancy;
if ($("#ctl00_wucSearch_sliderNbRooms").data() != undefined) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^NbRooms=([0-9]+)$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
minRooms = $("#ctl00_wucSearch_sliderNbRooms").data().ionRangeSlider.result.min;
fromRooms = $("#ctl00_wucSearch_sliderNbRooms").data().from;
}
if ($("#ctl00_wucSearch_sliderNbTwins").data() != undefined) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^NbTwins=([0-9]+)$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
minTwins = $("#ctl00_wucSearch_sliderNbTwins").data().ionRangeSlider.result.min;
fromTwins = $("#ctl00_wucSearch_sliderNbTwins").data().from;
}
if ($("#ctl00_wucSearch_wucFilterOccupancy_hfOccupancies").length > 0) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^Occupancies=[a-zA-Z0-9,.\-!? ]*|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
defaultOccupancy = $("#ctl00_wucSearch_wucFilterOccupancy_hfDefaultOccupancies").val();
occupancy = $("#ctl00_wucSearch_wucFilterOccupancy_hfOccupancies").val();
}
if (fromRooms != minRooms || defaultOccupancy != occupancy) {
addToQuery += "&NbRooms=" + fromRooms;
}
if (fromTwins != minTwins) {
addToQuery += "&NbTwins=" + fromTwins;
}
if (defaultOccupancy != occupancy) {
addToQuery += "&Occupancies=" + occupancy;
}
break;
case "NbBedrooms":
queries.forEach(function(uparam, index) {
if (uparam.match(/^NbBedrooms=([0-9],?)+$/) || uparam.match(/^IsVilla=true$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
for (i = $(".js-range-slider-bedrooms").data().from; i <= $(".js-range-slider-bedrooms").data().to; i++) {
checked.push(i);
}
if ($('.js-range-slider-bedrooms').data().to == 5) {
for (i = 6; i <= 357; i++) {
checked.push(i);
}
}
if ($('#inputIsVilla').is(":checked")) {
addToQuery += "&IsVilla=true";
}
addToQuery += "&NbBedrooms=" + checked.join(",");
break;
case "HotelsArchitectureTypesGuids":
var checkBox = document.getElementById('ctl00_wucSearch_cblHotelsArchitectureTypes');
var options = checkBox.getElementsByTagName('input');
var listOfSpans = checkBox.getElementsByTagName('span');
var choosed = 0;
for (var i = 0; i < options.length; i++) {
if (options[i].checked) {
choosed = 1;
}
}
if (choosed == 0) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^HotelsArchitectureTypesGuids=[a-zA-Z0-9,.\-!? ]*|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
}
queries.forEach(function(uparam, index) {
if (uparam.match(/^HotelsArchitectureTypesGuids=|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
var defaultArchitecture = false
for (var i = 0; i < listOfSpans.length; i++) {
if (listOfSpans[i].getAttribute("jsvalue") == "00000000-0000-0000-0000-000000000000" && options[i].checked == true) {
defaultArchitecture = true;
}
}
if (!defaultArchitecture) {
var cblHotelsArchitectureTypes = $('#ctl00_wucSearch_cblHotelsArchitectureTypes input:checked');
cblHotelsArchitectureTypes.each(function() {
checked.push($(this).parent().attr('jsvalue'));
});
if (checked.length != 0) {
addToQuery += "&HotelsArchitectureTypesGuids=" + checked.join(",");
}
} else {
addToQuery += "&HotelsArchitectureTypesGuids=" + "00000000-0000-0000-0000-000000000000";
}
break;
}
compteur++
});
//Revenir à la prmière page quand on choisi un filtre
if (query.indexOf("pn") != -1) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^pn=\d+$/)) {
query = query.replace(uparam, "pn=1");
}
});
}
if (removeDynamicFilter) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^Filter=|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
}
var tablNewParameter = addToQuery.split('&');
if (modeChanged) {
displayLoader(true);
window.location.href = "ChangeAccommodationMode.aspx?Redirect=" + location.pathname.split("/").slice(-1);
} else {
if (addToQuery.length > 0) {
for (var i = 0; i < addToQuery.length; i++) {
if (addToQuery.startsWith("&")) {
addToQuery = addToQuery.replace("&", "");
}
if (addToQuery.endsWith("&")) {
addToQuery = addToQuery.slice(0, -1);
}
}
redirect("?" + addToQuery + (query.length > 0 ? "&" + query : ""));
} else {
redirect(query.length > 0 ? "?" + query : "");
}
}
}
function validateFilter(source) {
if ($(source).is("[disabled]")) {
return false;
} else {
var params = $(source).attr("param");
params = params.split('@');
$.when($('.fullScreenFilterValidate').parent().fadeOut('slow')).done(function() {
//Mantis 10060 : Don't redirect with mobile device
if (mobileMode !== true) {
redirectFilters(params);
} else {
if ($('#cbCategoryTypeHotel').is(':checked')) {
if (!isModeHotel) {
modeChanged = true;
} else {
modeChanged = false;
}
} else if ($('#cbCategoryTypeApart').is(':checked')) {
if (isModeHotel) {
modeChanged = true;
} else {
modeChanged = false;
}
}
if (modeChanged) {
displayLoader(true);
window.location.href = "ChangeAccommodationMode.aspx?Redirect=" + location.pathname.split("/").slice(-1);
} else {
//Keep all selected filters in mobile mode
switch (params[0]) {
case "CategoryType":
if (!mobileFilterSelected.indexOf('CategoryType') !== -1) {
mobileFilterSelected.push('CategoryType');
}
break;
default:
if (!mobileFilterSelected.indexOf(params[0]) !== -1) {
mobileFilterSelected.push(params[0]);
}
break;
}
$('.fullScreenFilterBackground').removeClass('fullScreenFilterPopupBackground');
setFiltersText();
}
}
setPropertyTypePlaceholder();
});
}
}
function closeFilterPopup() {
$('.fullScreenFilterPopup').fadeOut('fast');
$('.fullScreenFilterBackground').removeClass('fullScreenFilterPopupBackground');
}
</script>
<table id="ctl00_wucSearch_filterBar" class="tableFullScreenFilter">
<tbody>
<tr>
<td id="ctl00_wucSearch_ctl01" style="width: 100%;">
<div class="wrapperFullScreenFilter">
<!-- Dates -->
<div id="ctl00_wucSearch_pnlDates">
<div class="fullScreenFilter fullScreenFilterDates">
<span class="spanDate"><i class="fal fa-calendar-alt" aria-hidden="true"></i> Dates</span>
</div>
</div>
<input type="hidden" name="ctl00$wucSearch$DateRangePicker$hfStartDate" id="ctl00_wucSearch_DateRangePicker_hfStartDate">
<input type="hidden" name="ctl00$wucSearch$DateRangePicker$hfEndDate" id="ctl00_wucSearch_DateRangePicker_hfEndDate">
<!-- Category Types -->
<!-- Architecture -->
<!-- Rooms -->
<div id="ctl00_wucSearch_pnlRooms" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl00_wucSearch_btSearchByNbRooms')">
<div class="fullScreenFilter">
<span class="spanRooms"><i class="fak fa-bedroom" aria-hidden="true"></i> Number of rooms</span>
<div id="divCountRooms" class="nmi-container countfilters">
<i class="fas fa-circle nmi-color2" aria-hidden="true"></i>
<span id="spanCountRooms"></span>
</div>
<div class="fullScreenFilterPopup">
<div class="filterParent">
<div class="filterSliderLeft"><i class="fak fa-bedroom f-filter" data-tippy-content="Number of rooms" aria-hidden="true" data-tippy-zindex="9999999999" tabindex="0"></i></div>
<div class="filterChildRight">
<span class="irs irs--round js-irs-0"><span class="irs"><span class="irs-line" tabindex="0"></span><span class="irs-min">1</span><span class="irs-max">5</span><span class="irs-from" style="visibility: hidden;">0</span><span
class="irs-to" style="visibility: hidden;">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span class="irs-bar irs-bar--single"></span><span class="irs-shadow shadow-single"></span><span
class="irs-handle single"><i></i><i></i><i></i></span></span><input name="ctl00$wucSearch$sliderNbRooms" type="text" id="ctl00_wucSearch_sliderNbRooms" class="js-range-slider-rooms irs-hidden-input" tabindex="-1"
readonly="">
</div>
</div>
<div id="ctl00_wucSearch_pnlTwins" class="filterParent">
<div class="filterSliderLeft">
<div data-tippy-content="Number of twin rooms" data-tippy-zindex="9999999999" tabindex="0">
<i class="fal fa-bed-alt f-filter" style="position: absolute; font-size: 16px; top: 17px; left: -5px;" aria-hidden="true"></i><i class="fal fa-bed-alt f-filter" style="position: absolute; font-size: 16px; top: 17px; left: 13px;" aria-hidden="true"></i>
</div>
</div>
<div class="filterChildRight">
<span class="irs irs--round js-irs-1"><span class="irs"><span class="irs-line" tabindex="0"></span><span class="irs-min">1</span><span class="irs-max">5</span><span class="irs-from" style="visibility: hidden;">0</span><span
class="irs-to" style="visibility: hidden;">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span class="irs-bar irs-bar--single"></span><span class="irs-shadow shadow-single"></span><span
class="irs-handle single"><i></i><i></i><i></i></span></span><input name="ctl00$wucSearch$sliderNbTwins" type="text" id="ctl00_wucSearch_sliderNbTwins" class="js-range-slider-twins irs-hidden-input" tabindex="-1"
readonly="">
</div>
</div>
<a title="Cancel" class="fullScreenFilterCancel button standart standartShort unselected"><i class="fal fa-undo" aria-hidden="true"></i> Cancel</a><a onclick="return false;" id="ctl00_wucSearch_btSearchByNbRooms" class="fullScreenFilterValidate button standart standartShort Color1" param="NbRooms" title="Validate" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$wucSearch$btSearchByNbRooms", "", true, "", "", false, true))"><i class="fal fa-check" aria-hidden="true"></i> Validate</a>
</div>
</div>
</div>
<!-- Bedrooms -->
</div>
<div class="daterangepicker ltr auto-apply show-calendar opensright">
<div class="calendar-header">
<div class="calendar-title"></div>
</div>
<div class="ranges"></div>
<div class="drp-calendar left map-on">
<div class="calendar-table"></div>
<div class="calendar-time" style="display: none;"></div>
</div>
<div class="drp-calendar right">
<div class="calendar-table"></div>
<div class="calendar-time" style="display: none;"></div>
</div>
<div class="calendar-footer"></div>
<div class="drp-buttons"><span class="drp-selected"></span><button class="cancelBtn btn btnLg btn-default" type="button" causesvalidation="False">Cancel</button><button class="applyBtn btn btnLg btn-primary" disabled="disabled"
type="button" causesvalidation="False">Validate</button> </div>
</div>
</td>
<td style="vertical-align:top">
<span id="ctl00_wucSearch_wucDynamicFilters_upDynamicFilters" class="">
<span id="ctl00_wucSearch_wucDynamicFilters_timerLazyLoad" style="visibility:hidden;display:none;"></span>
<div id="ctl00_wucSearch_wucDynamicFilters_ctl01" style="display:none;" role="status" aria-hidden="true">
<div class="loader dynamic-filters-loader text-center">
<span></span><span></span><span></span>
</div>
</div>
</span>
<div class="dropdown bootstrap-select mx-1 ddpicker filter-holder fullScreenQuickFilters d-none d-lg-block w-auto"><select name="ctl00$wucSearch$wucDynamicFilters$ddlFilters"
onchange="javascript:setTimeout('__doPostBack(\'ctl00$wucSearch$wucDynamicFilters$ddlFilters\',\'\')', 0)" id="ctl00_wucSearch_wucDynamicFilters_ddlFilters"
class="selectpicker mx-1 ddpicker filter-holder fullScreenQuickFilters d-none d-lg-block w-auto" data-header="Quick filter" tabindex="-98">
<option selected="selected" value=" " title="Quick filter" class="placeholder">See all hotels</option>
<option value="WalkingDistance" data-loader="">Walking distance</option>
<option value="Ecological" data-loader="">Ecological</option>
<option value="Economic" data-loader="">Economic</option>
<option value="MostBooked" data-loader="">Most booked</option>
<option value="TravelerRating" data-loader="">Traveler rating</option>
</select><button type="button" class="btn dropdown-toggle btn-light" data-toggle="dropdown" role="button" data-id="ctl00_wucSearch_wucDynamicFilters_ddlFilters" title="Quick filter">
<div class="filter-option">
<div class="filter-option-inner">
<div class="filter-option-inner-inner">Quick filter</div>
</div>
</div>
</button>
<div class="dropdown-menu " role="combobox">
<div class="popover-header"><button type="button" class="close" aria-hidden="true">×</button>Quick filter</div>
<div class="inner show" role="listbox" aria-expanded="false" tabindex="-1">
<ul class="dropdown-menu inner show"></ul>
</div>
</div>
</div>
</td>
<td style="vertical-align:top">
<div class="wrapperFullScreenFilter" style="white-space:nowrap; padding-right:5px!important;">
<!-- More Filters -->
<div class="fullScreenMoreFilters" data-toggle="modal" data-target="#SearchPopupFilters">
<span><i class="fal fa-search" aria-hidden="true"></i> Filters</span>
<div id="divMoreFilters" class="nmi-container morefilters" data-tippy-content="" tabindex="0" data-tippy-zindex="9999999999" style="display: none;">
<i class="fas fa-circle nmi-color2" aria-hidden="true"></i>
<span id="spanMoreFilters"></span>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="fullScreenFilterBackground"></div>
</div>
<script type="text/javascript" src="Scripts/jquery.watermark.js"></script>
<script type="text/javascript" src="Scripts/jquery-slider.js"></script>
<script type="text/javascript" src="Scripts/ion.rangeSlider.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap-checkbox.js"></script>
<script type="text/javascript" src="Scripts/bootstrap-select.min.js"></script>
<link rel="stylesheet" type="text/css" href="CSS/searchPopup.css?v=8DAFD47A9D28D00">
<link rel="stylesheet" type="text/css" href="CSS/ion.rangeSlider.min.css">
<link rel="stylesheet" type="text/css" href="CSS/bootstrap-select.min.css">
<style>
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
color: var(--primary);
}
</style>
<script type="text/javascript">
var categoryTypeFilter;
var modeHotel = true;
var isModeHotel = (modeHotel === true);
function OnPopupDateRangePickerApply(ev, picker) {
picker.setText(picker.startDate.format('dddd DD/MM') + ' - ' + picker.endDate.format('dddd DD/MM'));
$(".spanSearchPopupDate").html('<i class="fal fa-calendar-check"></i> ' + picker.startDate.format('dddd DD/MM') + ' - ' + picker.endDate.format('dddd DD/MM'));
$("#inputPopupRateByNight").prop("disabled", false);
checkPopupRates();
loadPopupHotels();
}
function initPopupctl00_wucSearchPopup() {
var categoryTypeFilter = $("#ctl00_wucSearchPopup_pnlCategoryType");
setPopupPropertyTypePlaceholder();
$('.cbp').checkboxpicker();
$('.cbpAllOnly').checkboxpicker({
offLabel: 'All',
onLabel: 'Only',
offActiveCls: 'btn-warning'
});
$('.cbpWalkingDistance input[type="checkbox"]').change(function() {
loadPopupHotels();
let isChecked = this.checked;
if (isChecked) {
$('.cbpWalkingDistance label').removeClass('btn-default');
$('.cbpWalkingDistance label').addClass('btn-warning');
$('#ctl00_wucSearchPopup_pnlDrivingTiming').hide();
$('#ctl00_wucSearchPopup_pnlMetroTiming').hide();
} else {
$('.cbpWalkingDistance label').removeClass('btn-warning');
$('.cbpWalkingDistance label').addClass('btn-default');
$('#ctl00_wucSearchPopup_pnlDrivingTiming').show();
$('#ctl00_wucSearchPopup_pnlMetroTiming').show();
}
});
$('.cbpYesNo').checkboxpicker({
offLabel: 'No',
onLabel: 'Yes',
offActiveCls: 'btn-warning'
});
$('.cbpByNight').checkboxpicker({
offLabel: 'per stay',
onLabel: 'per night',
offActiveCls: 'btn-warning'
});
$('.cbpYesNoIcons').checkboxpicker({
offLabel: 'btn-default',
onCls: 'btn-default',
offActiveCls: 'btn-warning'
});
$('.cbpSeatedStanding').checkboxpicker({
offLabel: 'Seated',
onLabel: 'Standing',
offActiveCls: 'btn-warning'
});
$('#ctl00_wucSearchPopup_ddlEventLocations').selectpicker();
$('#ctl00_wucSearchPopup_ddlHotelsGroups').selectpicker({
noneSelectedText: 'Select Group',
selectedTextFormat: 'count > 8',
selectAllText: 'Select all',
deselectAllText: 'Unselect all',
header: 'Group',
liveSearchNormalize: true,
actionsBox: true,
dropupAuto: true,
hideDisabled: false,
multipleSeparator: ', ',
showContent: true,
showIcon: true,
showSubtext: true,
showTick: true,
size: 10,
style: 'form-control',
styleBase: 'form-control',
width: '100%'
});
if (_hasApartments && isModeHotel) {
tippy('.tippy-property-type', {
arrow: true,
arrowType: 'sharp',
placement: 'top',
theme: 'custom',
zIndex: 20003,
content: "Check out our apartment selection!",
showOnInit: true,
trigger: 'manual',
sticky: true,
onShow: function(instance) {
setTimeout(function() {
instance.hide();
}, 5000)
}
});
}
$('.popupResetFilters').click(function() {
resetPopupEventVisitorCategory();
var queryString = "";
//si date demandé on ne les supprime pas
if (false == true && $('.searchPopupFilterDates').data('daterangepicker') != null) {
dateFrom = $('.searchPopupFilterDates').data('daterangepicker').startDate._d.format('dd/MM/yyyy');
dateTo = $('.searchPopupFilterDates').data('daterangepicker').endDate._d.format('dd/MM/yyyy');
} else if ($.urlPopupParam('DateFrom') != undefined && $.urlPopupParam('DateFrom') != "") {
dateFrom = $.urlPopupParam('DateFrom');
dateTo = $.urlPopupParam('DateTo');
}
queryString += "?DateFrom=" + encodeURIComponent(dateFrom) + "&DateTo=" + encodeURIComponent(dateTo);
popupRedirect(queryString);
});
// Rate Slider
$(".sliderPopup-rates").ionRangeSlider({
skin: "round",
type: "double",
step: 10,
grid_snap: true,
onFinish: function(data) {
loadPopupHotels();
}
});
if (true == true) {
if ($.urlPopupParam('DateFrom') == undefined || $.urlPopupParam('DateFrom') == "" || $.urlPopupParam('DateTo') == undefined || $.urlPopupParam('DateTo') == "") {
$('#inputPopupRateByNight').prop('checked', true);
$("#inputPopupRateByNight").prop("disabled", true);
$('#divToggleRates').attr('data-tippy-content', 'Please select dates first');
} else if ($.urlPopupParam('RateByNight') != undefined && $.urlPopupParam('RateByNight') != "") {
$('#inputPopupRateByNight').prop('checked', true);
}
}
checkPopupRates();
// hotelsGroups
$("#ctl00_wucSearchPopup_ddlHotelsGroups").on("changed.bs.select", loadPopupHotels);
if ($.urlPopupParam('HotelsGroupsGuids') != undefined) {}
//Walking Distance
if ($.urlPopupParam('IsWalkingDistance') != undefined) {
$("#inputPopupIsWalkingDistance").prop('checked', (getDefaultValue("IsWalkingDistance", false) == "true")).change();
}
//Walking Timing Slider
$(".sliderPopup-walkingTiming").ionRangeSlider({
skin: "round",
from: getPopupDefaultValue("WalkingTiming", 1),
min: 1,
max: 10,
step: 1,
postfix: " min",
grid: showPopupSliderGrid(1, 10, 1),
grid_snap: true,
onFinish: function(data) {
loadPopupHotels();
}
});
// Driving Timing Slider
$(".sliderPopup-drivingTiming").ionRangeSlider({
skin: "round",
type: "double",
from: getPopupDefaultValue("DrivingTimingFrom", 0),
to: getPopupDefaultValue("DrivingTimingTo", 10),
min: 0,
max: 10,
step: 1,
postfix: " min",
grid: showPopupSliderGrid(0, 10, 1),
grid_snap: true,
onFinish: function(data) {
loadPopupHotels();
}
});
// Metro Timing Slider
$(".sliderPopup-metroTiming").ionRangeSlider({
skin: "round",
type: "double",
from: getPopupDefaultValue("MetroTimingFrom", 0),
to: getPopupDefaultValue("MetroTimingTo", 15),
min: 0,
max: 15,
step: 1,
postfix: " min",
grid: showPopupSliderGrid(0, 15, 1),
grid_snap: true,
onFinish: function(data) {
loadPopupHotels();
}
});
//Rooms Slider
$("#ctl00_wucSearchPopup_sliderNbRooms").ionRangeSlider({
skin: "round",
from: getPopupDefaultValue("NbRooms", 1),
min: 1,
max: 20,
step: 1,
grid: showPopupSliderGrid(1, 20, 1),
grid_snap: true,
onChange: function(data) {
if ($("#ctl00_wucSearchPopup_sliderNbTwins").data() != undefined && $("#ctl00_wucSearchPopup_sliderNbTwins").data().from > data.from) {
$("#ctl00_wucSearchPopup_sliderNbTwins").data("ionRangeSlider").update({
from: data.from
});
}
if (typeof UpdateNumberOfRoomsForOccupancy_ctl00_wucSearchPopup_wucFilterOccupancy === "function") { // Check if function exists : used in Controls.FilterOccupancy
UpdateNumberOfRoomsForOccupancy_ctl00_wucSearchPopup_wucFilterOccupancy(data.from);
}
},
onFinish: function(data) {
loadPopupHotels();
}
});
//Twins Slider
$("#ctl00_wucSearchPopup_sliderNbTwins").ionRangeSlider({
skin: "round",
from: getPopupDefaultValue("NbTwins", 1),
min: 1,
max: 20,
step: 1,
grid: showPopupSliderGrid(1, 20, 1),
grid_snap: true,
onChange: function(data) {
if ($("#ctl00_wucSearchPopup_sliderNbRooms").data().from < data.from) {
$("#ctl00_wucSearchPopup_sliderNbRooms").data("ionRangeSlider").update({
from: data.from
});
}
},
onFinish: function(data) {
loadPopupHotels();
}
});
// Persons Slider
$(".sliderPopup-persons").ionRangeSlider({
skin: "round",
from: getPopupDefaultValue("NbPersons", 1),
min: 1,
max: 8,
step: 1,
grid: showPopupSliderGrid(1, 8, 1),
grid_snap: true,
onFinish: function(data) {
loadPopupHotels();
}
});
// Bathrooms Slider
$(".sliderPopup-bathrooms").ionRangeSlider({
skin: "round",
from: getPopupDefaultValue("NbBathrooms", 1),
min: 1,
max: 3,
step: 1,
grid: showPopupSliderGrid(1, 3, 1),
grid_snap: true,
onFinish: function(data) {
loadPopupHotels();
}
});
// Rating Slider
var ratingFrom = ($.urlPopupParam('RatingFrom') != undefined && $.urlPopupParam('RatingFrom') != "") ? '' : '3';
var ratingTo = ($.urlPopupParam('RatingTo') != undefined && $.urlPopupParam('RatingTo') != "") ? '' : '5';
$(".sliderPopup-rating").ionRangeSlider({
skin: "round",
type: "double",
from: ratingFrom,
to: ratingTo,
min: 3,
max: 5,
step: 0.5,
grid: showPopupSliderGrid(3, 5, 0.5),
grid_snap: true,
onFinish: function(data) {
loadPopupHotels();
}
});
$("#inputIsbnetwork, #inputIsbookingCom").change(function() {
let isBnetworkInputChanged = $(this).attr("id") === 'inputIsbnetwork';
let showBnetworkOffer = document.getElementById('inputIsbnetwork')?.checked;
let minRating = showBnetworkOffer ? 3 : 7;
let sliderRating = $(".sliderPopup-rating").data().ionRangeSlider;
var currentFrom = $(".sliderPopup-rating").data().from;
let currentTo = $(".sliderPopup-rating").data().to;
if (isBnetworkInputChanged && showBnetworkOffer && currentFrom == 7) currentFrom = 3;
sliderRating.update({
min: minRating,
from: Math.max(currentFrom, minRating),
to: Math.min(currentTo, 5)
});
});
// Bedrooms
$.getPopupMinMaxBedrooms = function(isMin, value) {
if (value != undefined && value != "") {
let bedrooms = value.split(',');
return (isMin == 1) ? Math.min.apply(Math, bedrooms) : Math.max.apply(Math, bedrooms);
} else {
return (isMin == 1) ? 102 : 5;
}
};
function prettifyValue(n) {
return (n == 0 ? "Studio" : n);
}
$(".sliderPopup-bedrooms").ionRangeSlider({
skin: "round",
type: "double",
from: $.getPopupMinMaxBedrooms(1, $.urlPopupParam('NbBedrooms')),
to: $.getPopupMinMaxBedrooms(0, $.urlPopupParam('NbBedrooms')),
min: 102,
max: 5,
max_postfix: "+",
prettify: prettifyValue,
step: 1,
grid: showPopupSliderGrid(102, 5, 1),
grid_snap: true,
onFinish: function(data) {
loadPopupHotels();
}
});
if ($.urlPopupParam('IsVilla') != undefined && $.urlPopupParam('IsVilla') == "true") {
$('#inputPopupIsVilla').prop('checked', true);
}
// Stars
var starMin = 1;
var starMax = 4;
var starArray = ($.urlPopupParam('NbStars') != undefined) ? $.urlPopupParam('NbStars').split(',').filter(Boolean) : "";
if (starArray.length > 0) {
starArray = starArray.filter(function(x) {
return x > 0
});
starMin = Math.min.apply(null, starArray);
starMax = Math.max.apply(null, starArray);
}
$(".sliderPopup-stars").ionRangeSlider({
skin: "round",
type: "double",
from: starMin,
to: starMax,
min: 1,
max: 4,
step: 1,
grid: showPopupSliderGrid(1, 4, 1),
grid_snap: true,
onFinish: function(data) {
loadPopupHotels();
}
});
if ($.urlPopupParam('NbStars') != undefined) {
if ($.urlPopupParam('NbStars').indexOf('-1') != -1) {
$('#inputHostel').prop('checked', true);
}
if ($.urlPopupParam('NbStars').indexOf('-2') != -1) {
$('#inputRiad').prop('checked', true);
}
if ($.urlPopupParam('NbStars').indexOf('-3') != -1) {
$('#inputGuestHouse').prop('checked', true);
}
} else {
$('#inputHostel').prop('checked', true);
$('#inputRiad').prop('checked', true);
$('#inputGuestHouse').prop('checked', true);
}
//Meeting room
$(".sliderPopup-meetingrooms").ionRangeSlider({
skin: "round",
type: "double",
from: getPopupDefaultValue("MeetingRoomsCapacityFrom", 1),
min: 0,
max: 1,
step: 10,
postfix: "",
grid: showPopupSliderGrid(0, 1, 10),
grid_snap: true,
onFinish: function(data) {
loadPopupHotels();
}
});
if ($.urlPopupParam('IsMeetingRoomCapacityStanding') != undefined && $.urlPopupParam('IsMeetingRoomCapacityStanding') != "") {
$('#ctl00_wucSearchPopup_inputMeetingRoomsCapacity').prop('checked', true);
}
checkPopupMeetingRooms();
// Partners
var partners = $('.partnersClass');
if ($.urlPopupParam('Partners') != undefined && $.urlPopupParam('Partners') != "") {
var partnerArray = $.urlPopupParam('Partners').split(',');
if (partnerArray.length > 0) {
//Check only selected
for (let i = 0; i < partnerArray.length; ++i) {
$("input[title='" + partnerArray[i] + "']").prop('checked', true);
}
}
} else {
//Check all
for (let i = 0; i < partners.length; ++i) {
$(partners[i]).prop('checked', true);
}
}
// EventVisitorSubCategory
if ($.urlPopupParam('EventVisitorSubCategoryGuid') != undefined && $.urlPopupParam('EventVisitorSubCategoryGuid') != '00000000-0000-0000-0000-000000000000') {
resetPopupEventVisitorCategory();
}
// Hotel name
$('.fullScreenFilterSearch').change(function(e) {
loadPopupHotels();
});
// Areas
$('#ctl00_wucSearchPopup_cblAreas').click(function(e) {
loadPopupHotels();
});
// Certifications
$('#inputPopupHasCRC').change(function(e) {
loadPopupHotels();
});
// Architecture Types
$('#ctl00_wucSearchPopup_cblHotelsArchitectureTypes').click(function(e) {
loadPopupHotels();
});
// Categories
$('#ctl00_wucSearchPopup_ddlEventsVisitorsCategories').change(function(e) {
loadPopupHotels();
});
$('#ctl00_wucSearchPopup_ddlEventsVisitorsSubCategories').change(function(e) {
loadPopupHotels();
});
// Event Locations
$('#ctl00_wucSearchPopup_ddlEventLocations').change(function(e) {
loadPopupHotels();
});
// Bedrooms
$('#inputPopupIsVilla').change(function(e) {
loadPopupHotels();
});
// Amenities
$('#ctl00_wucSearchPopup_cblEquipments').click(function(e) {
loadPopupHotels();
});
// Eco Certifications
$('#ctl00_wucSearchPopup_cblEcoCertifications').click(function(e) {
loadPopupHotels();
});
// On Request
$('#inputPopupIsPayableOnline').change(function(e) {
loadPopupHotels();
});
$('#inputPopupIsOnRequest').change(function(e) {
loadPopupHotels();
});
// validation Status
$('#ctl00_wucSearchPopup_cblValidationStatus').click(function(e) {
loadPopupHotels();
});
// Meeting rooms
$('#inputPopupMeetingRoomsOnly').change(function(e) {
loadPopupHotels();
checkPopupMeetingRooms();
});
// Partners
$('.partnersClass').change(function(e) {
loadPopupHotels();
});
// Default Text
setPopupFiltersText();
// Validate
$('.searchPopupFilterValidate').click(function(e) {
redirectPopupFilters();
});
}
$(document).ready(function() {
initPopupctl00_wucSearchPopup();
$('#SearchPopupFilters').on('show.bs.modal', function() {
if (typeof filterValues !== 'undefined') {
// Dates
var dateFrom = filterValues[filterNames.indexOf("DateFrom")];
var dateTo = filterValues[filterNames.indexOf("DateTo")];
if (dateFrom != "" && dateTo != "") {
$('.searchPopupFilterDates').data('daterangepicker').startDate = moment(dateFrom, 'DD/MM/YYYY');
$('.searchPopupFilterDates').data('daterangepicker').endDate = moment(dateTo, 'DD/MM/YYYY');
var date = moment(dateFrom, 'DD/MM/YYYY').format('dddd DD/MM');
date += ' - ' + moment(dateTo, 'DD/MM/YYYY').format('dddd DD/MM');
date = '<i class="fal fa-calendar-check"></i> ' + decodeURIComponent(date);
$(".searchPopupDates").addClass("searchPopupFilterSelected");
$(".spanSearchPopupDate").html(date);
}
// Architecture
if (filterValues[filterNames.indexOf("HotelsArchitectureTypesGuids")] != undefined) {
var hotelsArchitectureTypesArray = filterValues[filterNames.indexOf("HotelsArchitectureTypesGuids")].split(',');
if (hotelsArchitectureTypesArray.length > 0) {
var checkBox = document.getElementById('ctl00_wucSearchPopup_cblHotelsArchitectureTypes');
var options = checkBox.getElementsByTagName('input');
var listOfSpans = checkBox.getElementsByTagName('span');
for (var i = 0; i < options.length; i++) {
options[i].checked = ($.inArray(listOfSpans[i].getAttribute("JSValue"), hotelsArchitectureTypesArray) !== -1);
}
$(".searchPopupArchitectureTypes").addClass("searchPopupFilterSelected");
}
}
// Rooms
var nbRooms = filterValues[filterNames.indexOf("NbRooms")];
var nbTwins = filterValues[filterNames.indexOf("NbTwins")];
var occupancies = filterValues[filterNames.indexOf("Occupancies")];
if (nbRooms != "" && nbRooms != undefined) {
$("#ctl00_wucSearchPopup_sliderNbRooms").data("ionRangeSlider").update({
from: nbRooms
});
$(".searchPopupRooms").addClass("searchPopupFilterSelected");
}
if ((nbRooms != "" && nbRooms != undefined) || (occupancies != "" && occupancies != undefined)) {
if (typeof UpdateNumberOfRoomsForOccupancy_ctl00_wucSearchPopup_wucFilterOccupancy === "function") { // Check if function exists : used in Controls.FilterOccupancy
UpdateNumberOfRoomsForOccupancy_ctl00_wucSearchPopup_wucFilterOccupancy(0);
if (occupancies != "" && occupancies != undefined) {
InitOccupancies_ctl00_wucSearchPopup_wucFilterOccupancy(occupancies);
} else if (nbRooms != "" && nbRooms != undefined) {
UpdateNumberOfRoomsForOccupancy_ctl00_wucSearchPopup_wucFilterOccupancy(nbRooms);
}
$(".searchPopupRooms").addClass("searchPopupFilterSelected");
}
}
if (nbTwins != "" && nbTwins != undefined) {
$("#ctl00_wucSearchPopup_sliderNbTwins").data("ionRangeSlider").update({
from: nbTwins
});
$(".searchPopupRooms").addClass("searchPopupFilterSelected");
}
// Category Type
var categoryType = filterValues[filterNames.indexOf("CategoryType")];
var takeApartHotel = filterValues[filterNames.indexOf("TakeApartHotels")];
if (categoryType != "" && categoryType != undefined) {
$('#cbPopupCategoryTypeHotel').prop('checked', (categoryType == "hotel"));
$('#cbPopupCategoryTypeApart').prop('checked', (categoryType == "apart"));
}
if (takeApartHotel != "" && takeApartHotel != "null" && takeApartHotel != undefined) {
$('#cbPopupCategoryTypeApartHotel').prop('checked', (takeApartHotel == "true"));
}
// Bedrooms
var nbBedrooms = filterValues[filterNames.indexOf("NbBedrooms")];
var isVilla = filterValues[filterNames.indexOf("IsVilla")];
if (nbBedrooms != undefined) {
var checkedNbBedrooms = [];
if ($(".sliderPopup-bedrooms").data() != undefined) {
for (i = $(".sliderPopup-bedrooms").data().from; i <= $(".sliderPopup-bedrooms").data().to; i++) {
checkedNbBedrooms.push(i);
}
if ($('.sliderPopup-bedrooms').data().to == 5) {
for (i = 6; i <= 357; i++) {
checkedNbBedrooms.push(i);
}
}
}
if (nbBedrooms != checkedNbBedrooms.join(",")) {
$(".sliderPopup-bedrooms").data("ionRangeSlider").update({
from: $.getPopupMinMaxBedrooms(1, nbBedrooms),
to: $.getPopupMinMaxBedrooms(0, nbBedrooms)
});
$(".searchPopupBedrooms").addClass("searchPopupFilterSelected");
}
}
if (isVilla != "" && isVilla != undefined) {
$('#inputPopupIsVilla').prop('checked', (isVilla == "true"));
$(".searchPopupBedrooms").addClass("searchPopupFilterSelected");
}
// Rates
var rateFrom = defaultRateFrom = filterValues[filterNames.indexOf("RateFrom")];
var rateTo = defaultRateTo = filterValues[filterNames.indexOf("RateTo")];
var inputRateByNight = filterValues[filterNames.indexOf("RateByNight")];
if (rateFrom != undefined || rateTo != undefined) {
if ($(".sliderPopup-rates").data() != undefined) {
defaultRateFrom = $(".sliderPopup-rates").data().ionRangeSlider.result.min;
defaultRateTo = $(".sliderPopup-rates").data().ionRangeSlider.result.max;
}
if (rateFrom != defaultRateFrom && rateFrom != undefined) {
$("#ctl00_wucSearchPopup_sliderNbTwins").data("ionRangeSlider").update({
from: rateFrom
});
$(".searchPopupRate").addClass("searchPopupFilterSelected");
}
if (rateTo != defaultRateTo && rateTo != undefined) {
$("#ctl00_wucSearchPopup_sliderNbTwins").data("ionRangeSlider").update({
to: rateTo
});
$(".searchPopupRate").addClass("searchPopupFilterSelected");
}
}
if (inputRateByNight != "" && inputRateByNight != undefined) {
$('#inputPopupRateByNight').prop('checked', (inputRateByNight == "true"));
$(".searchPopupRate").addClass("searchPopupFilterSelected");
}
}
});
$('[data-tippy-content]').attr('data-tippy-zindex', '9999999999');
// If cancelled by user no update
//$('#SearchPopupFilters').on('hide.bs.modal', function () {
// if (typeof filterValues !== 'undefined') {
// }
//});
});
// return the query string value
$.urlPopupParam = function(name) {
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.search);
if (results == null) {
return null;
} else {
return results[1] || '';
}
}
function setPopupFiltersText() {
// Name
$(".fullScreenFilterSearch").watermark("Hotel name");
if ($.urlPopupParam('HotelName') != undefined) {
$(".fullScreenFilterSearch").val('');
$(".searchPopupHotelName").addClass("searchPopupFilterSelected");
}
// Date
var date = '';
if ($.urlPopupParam('DateFrom') != undefined && $.urlPopupParam('DateFrom') != "") {
date += moment(getPopupDefaultValue("DateFrom", ''), 'DD/MM/YYYY').format('dddd DD/MM');
} else {
date += 'Tuesday 09/05';
}
if ($.urlPopupParam('DateTo') != undefined && $.urlPopupParam('DateTo') != "") {
date += ' - ' + moment(getPopupDefaultValue("DateTo", ''), 'DD/MM/YYYY').format('dddd DD/MM');
} else {
date += ' - ' + 'Thursday 11/05';
}
if (date == '') {
date = '<i class="fal fa-calendar-alt"></i> Dates';
} else {
date = '<i class="fal fa-calendar-check"></i> ' + decodeURIComponent(date);
$(".searchPopupDates").addClass("searchPopupFilterSelected");
}
$(".spanSearchPopupDate").html(date);
// Rooms
if ($.urlPopupParam('NbRooms') != undefined || $.urlPopupParam('Occupancies') != undefined || $.urlPopupParam('NbTwins') != undefined) {
$(".searchPopupRooms").addClass("searchPopupFilterSelected");
}
// Architecture
if ($.urlPopupParam('HotelsArchitectureTypesGuids') != undefined) {
$(".searchPopupArchitectureTypes").addClass("searchPopupFilterSelected");
}
// Prices
if ($.urlPopupParam('RateFrom') != undefined || $.urlPopupParam('RateTo') != undefined || $.urlPopupParam('RateByNight') != undefined) {
$(".searchPopupRate").addClass("searchPopupFilterSelected");
}
// Stars
if ($.urlPopupParam('NbStars') != undefined) {
$(".searchPopupStar").addClass("searchPopupFilterSelected");
}
// Areas
if ($.urlPopupParam('AreaGuids') != undefined) {
$(".searchPopupAreas").addClass("searchPopupFilterSelected");
}
// Categories
if ($.urlPopupParam('EventVisitorCategoryGuid') != undefined || $.urlPopupParam('EventVisitorSubCategoryGuid') != undefined) {
$(".searchPopupEventsVisitorsCategories").addClass("searchPopupFilterSelected");
}
// Eco certifications
if ($.urlPopupParam('EcoCertificationGuids') != undefined) {
$(".searchPopupEcoCertifications").addClass("searchPopupFilterSelected");
}
// Certifications
if ($.urlPopupParam('HasCRC') != undefined) {
$(".searchPopupCertifications").addClass("searchPopupFilterSelected");
}
// Event locations
if ($.urlPopupParam('EventLocationGuid') != undefined) {
$(".searchPopupEventLocations").addClass("searchPopupFilterSelected");
}
// Distance
if ($.urlPopupParam('IsWalkingDistance') != undefined || $.urlPopupParam('WalkingTiming') != undefined || $.urlPopupParam('IsDrivingTiming') != undefined || $.urlPopupParam('DrivingTimingFrom') != undefined || $.urlPopupParam(
'DrivingTimingTo') != undefined || $.urlPopupParam('IsMetroTiming') != undefined || $.urlPopupParam('MetroTimingFrom') != undefined || $.urlPopupParam('MetroTimingTo') != undefined) {
$(".searchPopupDistance").addClass("searchPopupFilterSelected");
}
// Bedrooms
if ($.urlPopupParam('NbBedrooms') != undefined || $.urlPopupParam('IsVilla') != undefined) {
$(".searchPopupBedrooms").addClass("searchPopupFilterSelected");
}
// Persons
if ($.urlPopupParam('NbPersons') != undefined) {
$(".searchPopupPersons").addClass("searchPopupFilterSelected");
}
// Bathrooms
if ($.urlPopupParam('NbBathrooms') != undefined) {
$(".searchPopupBathrooms").addClass("searchPopupFilterSelected");
}
// Equipments
if ($.urlPopupParam('EquipmentWeight') != undefined) {
$(".searchPopupEquipments").addClass("searchPopupFilterSelected");
}
// Rating
if ($.urlPopupParam('RatingFrom') != undefined || $.urlPopupParam('RatingTo') != undefined) {
$(".searchPopupRating").addClass("searchPopupFilterSelected");
}
// Partners
if ($.urlPopupParam('EventLocationGuid') != undefined) {
$(".searchPopupPartners").addClass("searchPopupFilterSelected");
}
// Validation Status
if ($.urlPopupParam('ValidationStatusCode') != undefined) {
$(".searchPopupValidationStatus").addClass("searchPopupFilterSelected");
}
// On Request
if ($.urlPopupParam('IsOnRequest') != undefined || $.urlPopupParam('IsPayableOnline') != undefined) {
$(".searchPopupOnRequest").addClass("searchPopupFilterSelected");
}
// Meeting rooms
if ($.urlPopupParam('MeetingRoomsCapacityFrom') != undefined || $.urlPopupParam('MeetingRoomsCapacityTo') != undefined || $.urlPopupParam('IsMeetingRoomCapacityStanding') != undefined || $.urlPopupParam('MeetingRoomsOnly') != undefined) {
$(".searchPopupMeetingRooms").addClass("searchPopupFilterSelected");
}
}
// Redirect
function popupRedirect(queryString, page = "Index.aspx") {
displayLoader(true);
queryString.replace(/^-+|-+(?=-|$)/g, '');
var urlToRedirect = page + queryString;
window.location = urlToRedirect;
}
// Default value
function getPopupDefaultValue(param, defaultValue) {
if ($.urlPopupParam(param) != undefined) {
if (param == "DateFrom" || param == "DateTo") {
return decodeURIComponent($.urlPopupParam(param));
} else {
return $.urlPopupParam(param);
}
}
return defaultValue;
}
function showPopupSliderGrid(min, max, step) {
// Less than 5 values: display a grid
return (max - min) / step <= 5;
}
function checkPopupCategoryType(mode) {
loadPopupHotels();
var isHotelTypeSelected = $('#cbPopupCategoryTypeHotel').is(':checked');
var isApartHotelTypeSelected = $('#cbPopupCategoryTypeApartHotel').is(':checked');
var isApartTypeSelected = $('#cbPopupCategoryTypeApart').is(':checked');
switch (mode) {
case 'hotel':
//type appartement coché en plus du type hotel ou hotel appart => on décoche les apparts
if (isApartTypeSelected && (isHotelTypeSelected || isApartHotelTypeSelected)) {
$('#cbPopupCategoryTypeApart').prop('checked', false);
}
//plus rien n'est coché => on coche les apart hotels
if (!isApartTypeSelected && !isHotelTypeSelected && !isApartHotelTypeSelected) {
$('#cbPopupCategoryTypeApartHotel').prop('checked', true);
}
break;
case 'aparthotel':
//type appartement coché et type hotel ou hotel appart => on décoche les apparts
if (isApartTypeSelected && (isHotelTypeSelected || isApartHotelTypeSelected)) {
$('#cbPopupCategoryTypeApart').prop('checked', false);
}
//plus rien n'est coché => on coche les hotels
if (!isApartTypeSelected && !isHotelTypeSelected && !isApartHotelTypeSelected) {
$('#cbPopupCategoryTypeHotel').prop('checked', true);
}
break;
case 'apart':
//tout est coché, on décoche hotel et appart hotel
if (isApartTypeSelected && (isHotelTypeSelected || isApartHotelTypeSelected)) {
$('#cbPopupCategoryTypeHotel').prop('checked', false);
$('#cbPopupCategoryTypeApartHotel').prop('checked', false);
}
//le type appart vient d'etre décoché, on coche les 2 autres types
else if (!isApartTypeSelected) {
$('#cbPopupCategoryTypeHotel').prop('checked', true);
$('#cbPopupCategoryTypeApartHotel').prop('checked', true);
}
break;
}
}
function setPopupPropertyTypePlaceholder() {
let placeholder = '';
if ($('#cbPopupCategoryTypeHotel').prop('checked')) {
placeholder = 'Hotels';
} else if ($('#cbPopupCategoryTypeApart').prop('checked')) {
placeholder = 'Apartments';
} else {
placeholder = '';
}
if ($('#cbPopupCategoryTypeHotel').prop('checked') && $('#cbPopupCategoryTypeApartHotel').prop('checked')) {
placeholder = 'Hotels, Residences...';
} else if (!$('#cbPopupCategoryTypeHotel').prop('checked') && $('#cbPopupCategoryTypeApartHotel').prop('checked')) {
placeholder = 'Residences & Apart Hotels';
}
}
function checkPopupRates() {
if ($('.sliderPopup-rates').length) {
var nights = 1;
var hideToggleRates = false;
if (!$('#inputPopupRateByNight').is(":checked")) {
var picker = $('.searchPopupFilterDates').data('daterangepicker');
if (picker != null && picker.startDate != null) {
nights = Math.floor((picker.endDate._d - picker.startDate._d) / 86400000);
}
}
var min_range = 0 * nights;
var max_range = 600 * nights;
var from_rate = min_range;
var to_rate = max_range;
if ($.urlPopupParam('RateFrom') != undefined && $.urlPopupParam('RateFrom') != "") {
from_rate = '';
}
if ($.urlPopupParam('RateTo') != undefined && $.urlPopupParam('RateTo') != "") {
to_rate = '';
}
if (parseInt(from_rate) > max_range) {
from_rate = min_range.toString();
}
if (parseInt(to_rate) > max_range) {
to_rate = max_range.toString();
}
$(".sliderPopup-rates").data("ionRangeSlider").update({
from: from_rate,
to: to_rate,
min: min_range,
max: max_range,
grid: showPopupSliderGrid(min_range, max_range, 10)
});
if (hideToggleRates) {
$('#divToggleRates').hide();
} else {
$('#divToggleRates').show();
}
}
}
function checkPopupMeetingRooms() {
if ($('.sliderPopup-meetingrooms').length) {
var isStanding = $('#ctl00_wucSearchPopup_inputMeetingRoomsCapacity').is(":checked");
var min_range = 0;
var max_range = isStanding ? 1 : 1;
var from_meetingRoomsCapacity = min_range;
var to_meetingRoomsCapacity = max_range;
if ($.urlPopupParam('MeetingRoomsCapacityFrom') != undefined && $.urlPopupParam('MeetingRoomsCapacityFrom') != "") {
from_meetingRoomsCapacity = '';
}
if ($.urlPopupParam('MeetingRoomsCapacityTo') != undefined && $.urlPopupParam('MeetingRoomsCapacityTo') != "") {
to_meetingRoomsCapacity = '';
}
if (parseInt(from_meetingRoomsCapacity) > max_range) {
from_meetingRoomsCapacity = min_range.toString();
}
if (parseInt(to_meetingRoomsCapacity) > max_range) {
to_meetingRoomsCapacity = max_range.toString();
}
$(".sliderPopup-meetingrooms").data("ionRangeSlider").update({
from: from_meetingRoomsCapacity,
to: to_meetingRoomsCapacity,
min: min_range,
max: max_range
});
if ($.urlPopupParam('MeetingRoomsOnly') != undefined && $.urlPopupParam('MeetingRoomsOnly') == "true") {
$('#inputPopupMeetingRoomsOnly').prop('checked', true);
}
}
}
function resetPopupEventVisitorCategory() {
$('#ctl00_wucSearchPopup_ddlEventsVisitorsSubCategories').val('00000000-0000-0000-0000-000000000000');
$('#ctl00_wucSearchPopup_ddlEventsVisitorsCategories').val('00000000-0000-0000-0000-000000000000');
}
// Generate querystring
function queryStringPopupFilters() {
var addToQuery = "";
var query = window.location.search.substring(1);
var queries = query.split('&');
var removeDynamicFilter = true;
// "CategoryType":
var pnlCategoryType = document.getElementById('ctl00_wucSearchPopup_pnlCategoryType');
if (pnlCategoryType != null) {
var type = 'hotel';
var takeApartHotel = 'true';
queries.forEach(function(uparam, index) {
if (uparam.match(/^CategoryType=[a-zA-Z0-9,.\-!? ]*$/) || uparam.match(/^TakeApartHotels=[a-zA-Z0-9,.\-!? ]*$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
if ($('#cbPopupCategoryTypeHotel').length) {
if ($('#cbPopupCategoryTypeHotel').is(':checked')) {
type = 'hotel';
} else if ($('#cbPopupCategoryTypeApart').is(':checked')) {
type = 'apart';
} else {
type = 'null';
}
if ($('#cbPopupCategoryTypeApartHotel').is(':checked')) {
takeApartHotel = 'true';
} else {
takeApartHotel = 'false';
}
} else {
type = 'hotel';
takeApartHotel = 'true';
}
addToQuery += "&CategoryType=" + type + "&TakeApartHotels=" + takeApartHotel;
}
// "HotelName"
queries.forEach(function(uparam, index) {
if (uparam.match(/^EventHotelGuid=[a-zA-Z0-9,.\-!? ]*$/) || uparam.match(/^HotelName=[a-zA-Z0-9,.\-!? ]|%20*$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
if ($(".fullScreenFilterSearch").val()) {
addToQuery += "&HotelName=" + encodeURIComponent($(".fullScreenFilterSearch").val());
}
// "DateFrom":
var pnlDates = document.getElementById('ctl00_wucSearchPopup_pnlDates');
if (pnlDates != null) {
var dateFrom = '';
var dateTo = '';
if ($('.searchPopupFilterDates').data('daterangepicker') != null) {
dateFrom = $('.searchPopupFilterDates').data('daterangepicker').startDate !== undefined ? $('.searchPopupFilterDates').data('daterangepicker').startDate._d.format('dd/MM/yyyy') : '';
dateTo = $('.searchPopupFilterDates').data('daterangepicker').endDate !== undefined ? $('.searchPopupFilterDates').data('daterangepicker').endDate._d.format('dd/MM/yyyy') : '';
}
if (false == true && dateFrom == '' || dateTo == '') {
$('.searchPopupFilterDates').data('daterangepicker').show();
return;
}
queries.forEach(function(uparam, index) {
if (uparam.match(/^DateFrom=\d+[^/]+$/) || uparam.match(/^DateTo=\d+[^/]+$/) || uparam.match(/^DateFrom=([0-2][0-9]|(3)[0-1])(\/)(((0)[0-9])|((1)[0-2]))(\/)\d{4}$/) || uparam.match(
/^DateTo=([0-2][0-9]|(3)[0-1])(\/)(((0)[0-9])|((1)[0-2]))(\/)\d{4}$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
if (dateFrom != '' && dateTo != '') {
addToQuery += "&DateFrom=" + encodeURIComponent(dateFrom) + "&DateTo=" + encodeURIComponent(dateTo);
}
}
// "NbRooms":
var pnlRooms = document.getElementById('ctl00_wucSearchPopup_pnlRooms');
if (pnlRooms != null) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^NbRooms=([0-9]+)$/) || uparam.match(/^NbTwins=([0-9]+)$/) || uparam.match(/^Occupancies=[a-zA-Z0-9,.\-!? ]*|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
// Exclude from default value
var minRooms, fromRooms, minTwins, fromTwins, defaultOccupancy, occupancy;
if ($("#ctl00_wucSearchPopup_sliderNbRooms").data() != undefined) {
minRooms = $("#ctl00_wucSearchPopup_sliderNbRooms").data().ionRangeSlider.result.min;
fromRooms = $("#ctl00_wucSearchPopup_sliderNbRooms").data().from;
}
if ($("#ctl00_wucSearchPopup_sliderNbTwins").data() != undefined) {
minTwins = $("#ctl00_wucSearchPopup_sliderNbTwins").data().ionRangeSlider.result.min;
fromTwins = $("#ctl00_wucSearchPopup_sliderNbTwins").data().from;
}
if ($("#ctl00_wucSearchPopup_wucFilterOccupancy_hfOccupancies").length > 0) {
defaultOccupancy = $("#ctl00_wucSearchPopup_wucFilterOccupancy_hfDefaultOccupancies").val();
occupancy = $("#ctl00_wucSearchPopup_wucFilterOccupancy_hfOccupancies").val();
}
if (fromRooms != minRooms || defaultOccupancy != occupancy) {
addToQuery += "&NbRooms=" + fromRooms;
}
if (fromTwins != minTwins) {
addToQuery += "&NbTwins=" + fromTwins;
}
if (defaultOccupancy != occupancy) {
addToQuery += "&Occupancies=" + occupancy;
}
}
// "HotelsArchitectureTypesGuids":
var pnlHotelsArchitectureTypes = document.getElementById('ctl00_wucSearchPopup_pnlHotelsArchitectureTypes');
if (pnlHotelsArchitectureTypes != null) {
var checkedArchitectures = [];
var checkBox = document.getElementById('ctl00_wucSearchPopup_cblHotelsArchitectureTypes');
var options = checkBox.getElementsByTagName('input');
var listOfSpans = checkBox.getElementsByTagName('span');
var choosed = 0;
for (var i = 0; i < options.length; i++) {
if (options[i].checked) {
choosed = 1;
}
}
if (choosed == 0) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^HotelsArchitectureTypesGuids=[a-zA-Z0-9,.\-!? ]*|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
}
queries.forEach(function(uparam, index) {
if (uparam.match(/^HotelsArchitectureTypesGuids=|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
var defaultArchitecture = false
for (var i = 0; i < listOfSpans.length; i++) {
if (listOfSpans[i].getAttribute("jsvalue") == "00000000-0000-0000-0000-000000000000" && options[i].checked == true) {
defaultArchitecture = true;
}
}
if (!defaultArchitecture) {
var cblHotelsArchitectureTypes = $('#ctl00_wucSearchPopup_cblHotelsArchitectureTypes input:checked');
cblHotelsArchitectureTypes.each(function() {
checkedArchitectures.push($(this).parent().attr('jsvalue'));
});
if (checkedArchitectures.length != 0) {
addToQuery += "&HotelsArchitectureTypesGuids=" + checkedArchitectures.join(",");
}
} else {
addToQuery += "&HotelsArchitectureTypesGuids=" + "00000000-0000-0000-0000-000000000000";
}
}
// "RateFrom":
var pnlPrices = document.getElementById('ctl00_wucSearchPopup_pnlPrices');
if (pnlPrices != null) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^RateFrom=([0-9]+)$/) || uparam.match(/^RateTo=([0-9]+)$/) || uparam.match(/^RateByNight=true$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
// Exclude from default value
var min = $(".sliderPopup-rates").data().ionRangeSlider.result.min;
var max = $(".sliderPopup-rates").data().ionRangeSlider.result.max;
var from = $(".sliderPopup-rates").data().from;
var to = $(".sliderPopup-rates").data().to;
if (from != min || to != max) {
addToQuery += "&RateFrom=" + from + "&RateTo=" + to;
if ($("#inputPopupRateByNight").is(":checked") || true != true) {
addToQuery += "&RateByNight=true";
}
}
}
//"NbStars":
var pnlStar = document.getElementById('ctl00_wucSearchPopup_pnlStar');
if (pnlStar != null) {
var checkedNbStars = [];
queries.forEach(function(uparam, index) {
if (uparam.match(/^NbStars=\d+(,\d+)*$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
// Exclude from default value
var min = $(".sliderPopup-stars").data().ionRangeSlider.result.min;
var max = $(".sliderPopup-stars").data().ionRangeSlider.result.max;
var from = $(".sliderPopup-stars").data().from;
var to = $(".sliderPopup-stars").data().to;
if (from != min || to != max) {
for (i = from; i <= to; i++) {
checkedNbStars.push(i);
}
}
if ($('#inputHostel').is(":checked")) {
checkedNbStars.push(-1);
}
if ($('#inputRiad').is(":checked")) {
checkedNbStars.push(-2);
}
if ($('#inputGuestHouse').is(":checked")) {
checkedNbStars.push(-3);
}
if (checkedNbStars !== undefined && checkedNbStars.length > 0) {
addToQuery += "&NbStars=" + checkedNbStars.join(",");
}
}
// "AreaGuids":
var pnlAreas = document.getElementById('ctl00_wucSearchPopup_pnlAreas');
if (pnlAreas != null) {
var checkedAreas = [];
queries.forEach(function(uparam, index) {
if (uparam.match(/^AreaGuids=[a-zA-Z0-9,.\-!? ]*$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
var cblAreas = $('#ctl00_wucSearchPopup_cblAreas input:checked');
cblAreas.each(function() {
checkedAreas.push($(this).parent().attr('jsvalue'));
});
if (checkedAreas !== undefined && checkedAreas.length > 0) {
addToQuery += "&AreaGuids=" + checkedAreas.join(",");
}
}
// "EventVisitorCategoryGuid":
var pnlEventsVisitorsCategories = document.getElementById('ctl00_wucSearchPopup_pnlEventsVisitorsCategories');
if (pnlEventsVisitorsCategories != null) {
// "EventVisitorCategoryGuid":
queries.forEach(function(uparam, index) {
if (uparam.match(/^EventVisitorCategoryGuid=[a-zA-Z0-9,.\-!? ]*$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
if ($('#ctl00_wucSearchPopup_ddlEventsVisitorsCategories').val() != undefined && $('#ctl00_wucSearchPopup_ddlEventsVisitorsCategories').val() != '00000000-0000-0000-0000-000000000000') {
addToQuery += "&EventVisitorCategoryGuid=" + $("#ctl00_wucSearchPopup_ddlEventsVisitorsCategories").val();
}
// "EventVisitorSubCategoryGuid":
queries.forEach(function(uparam, index) {
if (uparam.match(/^EventVisitorSubCategoryGuid=[a-zA-Z0-9,.\-!? ]*$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
if ($('#ctl00_wucSearchPopup_ddlEventsVisitorsSubCategories').val() != undefined && $('#ctl00_wucSearchPopup_ddlEventsVisitorsSubCategories').val() != '00000000-0000-0000-0000-000000000000') {
addToQuery += "&EventVisitorSubCategoryGuid=" + $("#ctl00_wucSearchPopup_ddlEventsVisitorsSubCategories").val();
}
}
// "HotelsGroups":
var pnlHotelsGroups = document.getElementById('ctl00_wucSearchPopup_pnlHotelsGroups');
if (pnlHotelsGroups != null) {
var ddlGroups = document.getElementById('ctl00_wucSearchPopup_ddlHotelsGroups');
queries.forEach(function(uparam, index) {
if (uparam.match(/^HotelsGroupsGuids=[a-zA-Z0-9,.\-!? ]*|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
var brands = $('#ctl00_wucSearchPopup_ddlHotelsGroups option:selected');
var selected = '';
$(brands).each(function(index, brand) {
if (selected == '') {
selected += $(this).val();
} else {
selected += "," + $(this).val();
}
//selected.push([$(this).val()]);
});
if (selected != '') addToQuery += "&HotelsGroupsGuids=" + selected;
}
// "EcoCertificationGuids":
var pnlEcoCertifications = document.getElementById('ctl00_wucSearchPopup_pnlEcoCertifications');
if (pnlEcoCertifications != null) {
var checkedECGs = [];
var checkBox = document.getElementById('ctl00_wucSearchPopup_cblEcoCertifications');
var options = checkBox.getElementsByTagName('input');
var listOfSpans = checkBox.getElementsByTagName('span');
var choosed = 0;
for (var i = 0; i < options.length; i++) {
if (options[i].checked) {
choosed = 1;
}
}
if (choosed == 0) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^EcoCertificationGuids=[a-zA-Z0-9,.\-!? ]*|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
}
queries.forEach(function(uparam, index) {
if (uparam.match(/^EcoCertificationGuids=|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
var defaultEco = false
for (var i = 0; i < listOfSpans.length; i++) {
if (listOfSpans[i].getAttribute("jsvalue") == "00000000-0000-0000-0000-000000000000" && options[i].checked == true) {
defaultEco = true;
}
}
if (!defaultEco) {
var cblEcoCertifications = $('#ctl00_wucSearchPopup_cblEcoCertifications input:checked');
cblEcoCertifications.each(function() {
checkedECGs.push($(this).parent().attr('jsvalue'));
});
if (checkedECGs.length != 0) {
addToQuery += "&EcoCertificationGuids=" + checkedECGs.join(",");
}
} else {
addToQuery += "&EcoCertificationGuids=" + "00000000-0000-0000-0000-000000000000";
}
}
// "ValidationStatusCode":
var pnlValidationStatus = document.getElementById('ctl00_wucSearchPopup_pnlValidationStatus');
if (pnlValidationStatus != null) {
var checkBox = document.getElementById('ctl00_wucSearchPopup_cblValidationStatus');
if (checkBox != null) {
var checkedVSCs = [];
var options = checkBox.getElementsByTagName('input');
var listOfSpans = checkBox.getElementsByTagName('span');
var choosed = 0;
for (var i = 0; i < options.length; i++) {
if (options[i].checked) {
choosed = 1;
}
}
if (choosed == 0) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^ValidationStatusCode=[a-zA-Z0-9,.\-!? ]*|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
}
queries.forEach(function(uparam, index) {
if (uparam.match(/^ValidationStatusCode=|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
var cblValidationStatus = $('#ctl00_wucSearchPopup_cblValidationStatus input:checked');
cblValidationStatus.each(function() {
checkedVSCs.push($(this).parent().attr('jsvalue'));
});
if (checkedVSCs.length != 0) {
addToQuery += "&ValidationStatusCode=" + checkedVSCs.join(",");
}
}
}
// "HasCRC":
var pnlCertifications = document.getElementById('ctl00_wucSearchPopup_pnlCertifications');
if (pnlCertifications != null) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^HasCRC=true$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
if ($('#inputPopupHasCRC').is(":checked")) {
addToQuery += "&HasCRC=true";
}
}
// "IsPayableOnline":
var pnlOnRequest = document.getElementById('ctl00_wucSearchPopup_pnlOnRequest');
if (pnlOnRequest != null) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^IsPayableOnline=true$/) || uparam.match(/^IsOnRequest=true$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
if ($('#inputPopupIsPayableOnline').is(":checked")) {
addToQuery += "&IsPayableOnline=true";
}
if ($('#inputPopupIsOnRequest').is(":checked")) {
addToQuery += "&IsOnRequest=true";
}
}
// "EventLocationGuid":
var pnlEventLocations = document.getElementById('ctl00_wucSearchPopup_pnlEventLocations');
if (pnlEventLocations != null) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^EventLocationGuid=[a-zA-Z0-9,.\-!? ]*$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
if ($("#ctl00_wucSearchPopup_ddlEventLocations").val() != undefined && $("#ctl00_wucSearchPopup_ddlEventLocations").val() != "00000000-0000-0000-0000-000000000000") {
addToQuery += "&EventLocationGuid=" + $("#ctl00_wucSearchPopup_ddlEventLocations").val();
}
}
// "Distance":
var pnlDistance = document.getElementById('ctl00_wucSearchPopup_pnlDistance');
if (pnlDistance != null) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^DrivingTimingFrom=([0-9]+)$/) || uparam.match(/^DrivingTimingTo=([0-9]+)$/) || uparam.match(/^IsDrivingTiming=([A-Za-z]+)$/) || uparam.match(/^IsWalkingDistance=true$/) || uparam.match(/^WalkingTiming=([0-9]+)$/) ||
uparam.match(/^MetroTimingFrom=([0-9]+)$/) || uparam.match(/^MetroTimingTo=([0-9]+)$/) || uparam.match(/^IsMetroTiming=true$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
if ($(".sliderPopup-walkingTiming").data() != undefined) {
if ($(".sliderPopup-walkingTiming").data().from > 1) {
addToQuery += "&WalkingTiming=" + $(".sliderPopup-walkingTiming").data().from;
}
}
if ($('#inputPopupIsWalkingDistance').is(":checked")) {
addToQuery += "&IsWalkingDistance=true";
}
if ($(".sliderPopup-drivingTiming").data() != undefined) {
if ($(".sliderPopup-drivingTiming").data().from != 0 || $(".sliderPopup-drivingTiming").data().to != 10) {
addToQuery += "&IsDrivingTiming=true&DrivingTimingFrom=" + $(".sliderPopup-drivingTiming").data().from + "&DrivingTimingTo=" + $(".sliderPopup-drivingTiming").data().to;
}
}
if ($(".sliderPopup-metroTiming").data() != undefined) {
if ($(".sliderPopup-metroTiming").data().from != 0 || $(".sliderPopup-metroTiming").data().to != 15) {
addToQuery += "&IsMetroTiming=true&MetroTimingFrom=" + $(".sliderPopup-metroTiming").data().from + "&MetroTimingTo=" + $(".sliderPopup-metroTiming").data().to;
}
}
}
// "NbBedrooms":
var pnlBedrooms = document.getElementById('ctl00_wucSearchPopup_pnlBedrooms');
if (pnlBedrooms != null) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^NbBedrooms=([0-9],?)+$/) || uparam.match(/^IsVilla=true$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
// Exclude from default value
var min = $(".sliderPopup-bedrooms").data().ionRangeSlider.result.min;
var max = $(".sliderPopup-bedrooms").data().ionRangeSlider.result.max;
var from = $(".sliderPopup-bedrooms").data().from;
var to = $(".sliderPopup-bedrooms").data().to;
if (from != min || to != max) {
var checkedNbBedrooms = [];
for (i = $(".sliderPopup-bedrooms").data().from; i <= $(".sliderPopup-bedrooms").data().to; i++) {
checkedNbBedrooms.push(i);
}
if ($('.sliderPopup-bedrooms').data().to == 5) {
for (i = 6; i <= 357; i++) {
checkedNbBedrooms.push(i);
}
}
if (checkedNbBedrooms !== undefined && checkedNbBedrooms.length > 0) {
addToQuery += "&NbBedrooms=" + checkedNbBedrooms.join(",");
}
}
if ($('#inputPopupIsVilla').is(":checked")) {
addToQuery += "&IsVilla=true";
}
}
// "NbPersons":
var pnlPersons = document.getElementById('ctl00_wucSearchPopup_pnlPersons');
if (pnlPersons != null) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^NbPersons=[0-9]+$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
// Exclude from default value
if ($(".sliderPopup-persons").data() != undefined && $(".sliderPopup-persons").data().from > 1) {
addToQuery += "&NbPersons=" + $(".sliderPopup-persons").data().from;
}
}
// "NbBathrooms":
var pnlBathrooms = document.getElementById('ctl00_wucSearchPopup_pnlBathrooms');
if (pnlBathrooms != null) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^NbBathrooms=([0-9]+)$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
// Exclude from default value
if ($(".sliderPopup-bathrooms").data() != undefined && $(".sliderPopup-bathrooms").data().from > 1) {
addToQuery += "&NbBathrooms=" + $(".sliderPopup-bathrooms").data().from;
}
}
// "EquipmentWeight":
var pnlEquipments = document.getElementById('ctl00_wucSearchPopup_pnlEquipments');
if (pnlEquipments != null) {
var equipmentWeight = 0;
var eco = "";
var checkBox = document.getElementById('ctl00_wucSearchPopup_cblEquipments');
var options = checkBox.getElementsByTagName('input');
var listOfSpans = checkBox.getElementsByTagName('span');
var checked = 0;
for (var i = 0; i < options.length - 1; i++) {
if (options[i].checked) {
checked = 1;
}
}
if (checked == 0) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^EquipmentWeight=([0-9]+)$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
}
for (var i = 0; i < options.length; i++) {
if (!options[options.length - 1].checked) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^EcoCertificationGuids=[a-zA-Z0-9,.\-!? ]*|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
}
}
$('#ctl00_wucSearchPopup_cblEquipments input:checked').each(function() {
if ($(this).parent().attr('jsvalue') == "0") {
eco = "&EcoCertificationGuids=00000000-0000-0000-0000-000000000000";
} else {
equipmentWeight += Math.pow(2, $(this).parent().attr('jsvalue'));
}
});
var succes = 0;
if (equipmentWeight > 0) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^EquipmentWeight=([0-9]+)$/)) {
query = query.replace(uparam + "&", "EquipmentWeight=" + equipmentWeight + "&");
succes = 1;
}
});
}
if (succes == 0 && equipmentWeight > 0) {
addToQuery += "&EquipmentWeight=" + equipmentWeight;
}
if (eco.length > 0) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^EcoCertificationGuids=[a-zA-Z0-9,.\-!? ]*|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
addToQuery += eco;
}
if ($("#" + "ctl00_wucSearchPopup_cblApartmentEquipments" + "_0").is(":checked")) {
addToQuery += "&HasView=true";
}
if ($("#" + "ctl00_wucSearchPopup_cblApartmentEquipments" + "_1").is(":checked")) {
addToQuery += "&HasOutsideSurface=true";
}
}
// "RatingFrom":
var pnlRating = document.getElementById('ctl00_wucSearchPopup_pnlRating');
if (pnlRating != null) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^RatingFrom=[1-9]\d*(\.\d+)?$/)) {
query = query.replace(uparam, "");
} else if (uparam.match(/^RatingTo=[1-9]\d*(\.\d+)?$/)) {
query = query.replace("&" + uparam + "&", "");
}
});
// Exclude from default value
var min = $(".sliderPopup-rating").data().ionRangeSlider.result.min;
var max = $(".sliderPopup-rating").data().ionRangeSlider.result.max;
var from = $(".sliderPopup-rating").data().from;
var to = $(".sliderPopup-rating").data().to;
if (from != min || to != max) {
addToQuery += "&RatingFrom=" + from + "&RatingTo=" + to;
}
}
// "Partners":
var pnlPartners = document.getElementById('ctl00_wucSearchPopup_pnlPartners');
if (pnlPartners != null) {
var checkedPartners = [];
queries.forEach(function(uparam, index) {
if (uparam.match(/^Partners=[a-zA-Z0-9,.\-!? ]*$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
var cblPartners = $('.partnersClass:checkbox:checked')
cblPartners.each(function() {
checkedPartners.push($(this).attr("title"));
});
if (checkedPartners !== undefined && checkedPartners.length > 0) {
addToQuery += "&Partners=" + checkedPartners.join(",");
}
}
// "MeetingRoomsCapacityFrom":
var pnlMeetingRooms = document.getElementById('ctl00_wucSearchPopup_pnlMeetingRooms');
if (pnlMeetingRooms != null) {
var checkedMeetingRooms = [];
queries.forEach(function(uparam, index) {
if (uparam.match(/^MeetingRoomsCapacityFrom=([0-9]+)$/) || uparam.match(/^MeetingRoomsCapacityTo=([0-9]+)$/) || uparam.match(/^IsMeetingRoomCapacityStanding=true$/) || uparam.match(/^MeetingRoomsOnly=true$/) || uparam.match(
/^MeetingRoomTypesGuids=[a-zA-Z0-9,.\-!? ]*/)) {
query = removeKeyFromQuery(query, uparam);
}
});
// Exclude from default value
var min = $(".sliderPopup-meetingrooms").data().ionRangeSlider.result.min;
var max = $(".sliderPopup-meetingrooms").data().ionRangeSlider.result.max;
var from = $(".sliderPopup-meetingrooms").data().from;
var to = $(".sliderPopup-meetingrooms").data().to;
if (from != min || to != max) {
addToQuery += "&MeetingRoomsCapacityFrom=" + from + "&MeetingRoomsCapacityTo=" + to;
}
if ($("#ctl00_wucSearchPopup_inputMeetingRoomsCapacity").is(":checked")) {
addToQuery += "&IsMeetingRoomCapacityStanding=true";
}
var cblMeetingRoomTypes = $('#ctl00_wucSearchPopup_cblMeetingRoomTypes input:checked');
cblMeetingRoomTypes.each(function() {
checkedMeetingRooms.push($(this).parent().attr('jsvalue'));
});
if (checkedMeetingRooms !== undefined && checkedMeetingRooms.length > 0) {
addToQuery += "&MeetingRoomTypesGuids=" + checkedMeetingRooms.join(",");
}
if ($('#inputPopupMeetingRoomsOnly').is(":checked")) {
addToQuery += "&MeetingRoomsOnly=true";
}
}
//Filter changed => first page
if (query.indexOf("pn") != -1) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^pn=\d+$/)) {
query = query.replace(uparam, "pn=1");
}
});
}
if (removeDynamicFilter) {
queries.forEach(function(uparam, index) {
if (uparam.match(/^Filter=|&$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
}
if (addToQuery.length > 0) {
for (var i = 0; i < addToQuery.length; i++) {
if (addToQuery.startsWith("&")) {
addToQuery = addToQuery.replace("&", "");
}
if (addToQuery.endsWith("&")) {
addToQuery = addToQuery.slice(0, -1);
}
}
return (addToQuery + (query.length > 0 ? "&" + query : ""));
} else {
return (query.length > 0 ? query : "");
}
}
// Redirect
function redirectPopupFilters() {
var modeChanged = false;
var pnlCategoryType = document.getElementById('ctl00_wucSearchPopup_pnlCategoryType');
if (pnlCategoryType != null) {
if ($('#cbPopupCategoryTypeHotel').is(':checked')) {
if (!isModeHotel) {
modeChanged = true;
} else {
modeChanged = false;
}
} else if ($('#cbPopupCategoryTypeApart').is(':checked')) {
if (isModeHotel) {
modeChanged = true;
} else {
modeChanged = false;
}
}
}
if (modeChanged) {
displayLoader(true);
window.location.href = "ChangeAccommodationMode.aspx?Redirect=" + location.pathname.split("/").slice(-1);
} else {
var redirect = queryStringPopupFilters();
if (redirect.length > 0) {
redirect = "?" + redirect;
}
popupRedirect(redirect);
}
}
// Show Hotel's disponibility
var calls = 0
function loadPopupHotels() {
calls++;
popupFilterValidateHtml(-1);
var urlXml = 'https://shoptalkeurope.bnetwork.com:443//MapGenerateXML.aspx?Mode=TotalResults&' + queryStringPopupFilters();
downloadUrl(urlXml, function(data) {
var xml = xmlParse(data.responseText);
var results = xml.documentElement.getElementsByTagName("results");
calls--;
if (calls <= 0) {
popupFilterValidateHtml(results[0].getAttribute("value"));
}
});
}
function popupFilterValidateHtml(count) {
$(".searchPopupFilterValidate").prop("disabled", false);
var text = "Show ";
if (count == 0) {
$(".searchPopupFilterValidate").prop("disabled", true);
text = "No results ";
} else {
if (count == -1) {
text += "<i class='fa fa-spinner fa-spin'></i>";
} else {
text += count.toString();
}
if (count == 1) {
text += " hotel";
} else {
text += " hotels";
}
}
$('.searchPopupFilterValidate').html(text);
}
</script>
<div id="ctl00_wucSearchPopup_pnlSearchPopup">
<style>
.mt350 {
margin-top: 354px !important;
}
</style>
<!-- Modal -->
<div class="modal fade" id="SearchPopupFilters" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-custom" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Filters</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- Category Types -->
<!-- Hotel name -->
<div class="searchPopupFilter">
<div class="searchPopupFilterTitle searchPopupHotelName"><i class="fal fa-search" aria-hidden="true"></i> Hotel name</div>
<div class="searchPopupFilterContent">
<script type="text/javascript">
function initctl00_wucSearchPopup_wucSearchAutoComplete() {
$("#ctl00_wucSearchPopup_wucSearchAutoComplete_txtAutoComplete").typeahead({
hint: true,
highlight: true,
minLength: 2,
matcher: function(item) {
return true;
}, //all returned item are OK since they are filtered by the stored proc
source: function(request, response) {
$.ajax({
url: '/JQuery.aspx/GetCompletionHotelsList',
data: "{ 'keyword': '" + request + "'" + $('#ctl00_wucSearchPopup_wucSearchAutoComplete_hfAdditionalParameters').val() + "}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function(data) {
response($(JSON.parse(data.d), function(item) {
return {
value: item.text
}
}));
},
error: function(response) {
console.log(response.responseText);
},
failure: function(response) {
console.log(response.responseText);
}
});
},
autoSelect: true,
displayText: function(item) {
var value = item.text;
if (item.nbStars > 0) {
value += " - " + item.nbStars + " " + "<sup><i class='fal fa-star' aria-hidden='true'></i></sup>";
}
return value;
},
highlighter: function(item) {
// override displaytext into html for stars
return item;
},
select: function(item) {
//Fixes bug of displaytext set to input on select instead of regular text
var val = this.$menu.find(".active").data("value");
this.$element.data("active", val);
if (this.autoSelect || val) {
var newVal = this.updater(val);
if (!newVal) {
newVal = "";
}
//this.$element
// .val(this.displayText(newVal) || newVal)
// .text(this.displayText(newVal) || newVal)
// .change();
this.$element.val(newVal).text(newVal).change();
this.afterSelect(newVal);
}
},
afterSelect: function(item) {
this.$element[0].value = item.text;
$('#ctl00_wucSearchPopup_wucSearchAutoComplete_hfSelectedText').val(item.text);
$('#ctl00_wucSearchPopup_wucSearchAutoComplete_hfSelectedValue').val(item.value);
displayLoader(true);
var query = window.location.search.substring(1);
var queries = query.split('&');
queries.forEach(function(uparam, index) {
if (uparam.match(/^EventHotelGuid=[a-zA-Z0-9,.\-!? ]*$/) || uparam.match(/^HotelName=[a-zA-Z0-9,.\-!? ]|%20*$/)) {
query = removeKeyFromQuery(query, uparam);
}
});
window.location = "Hotel.aspx?EventHotelGuid=" + item.value + (query.length > 0 ? "&" + query : "");
}
});
}
$(document).ready(function() {
initctl00_wucSearchPopup_wucSearchAutoComplete();
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() {
initctl00_wucSearchPopup_wucSearchAutoComplete();
});
});
</script>
<input type="hidden" name="ctl00$wucSearchPopup$wucSearchAutoComplete$hfAdditionalParameters" id="ctl00_wucSearchPopup_wucSearchAutoComplete_hfAdditionalParameters">
<input type="hidden" name="ctl00$wucSearchPopup$wucSearchAutoComplete$hfSelectedValue" id="ctl00_wucSearchPopup_wucSearchAutoComplete_hfSelectedValue">
<input type="hidden" name="ctl00$wucSearchPopup$wucSearchAutoComplete$hfSelectedText" id="ctl00_wucSearchPopup_wucSearchAutoComplete_hfSelectedText">
<input name="ctl00$wucSearchPopup$wucSearchAutoComplete$txtAutoComplete" type="search" readonly="readonly" id="ctl00_wucSearchPopup_wucSearchAutoComplete_txtAutoComplete" class="fullScreenFilterSearch" placeholder="Hotel name"
data-provide="typeahead" autocomplete="off" data-items="4" onfocus="this.removeAttribute('readonly');">
</div>
</div>
<!-- Dates -->
<div id="ctl00_wucSearchPopup_pnlDates" class="searchPopupFilter">
<span class="searchPopupFilterTitle searchPopupDates searchPopupFilterSelected"><i class="fal fa-calendar-check" aria-hidden="true"></i> Dates</span>
<div id="calendarContainer" class="searchPopupFilterContent">
<div class="searchPopupFilterDates">
<span class="spanSearchPopupDate"><i class="fal fa-calendar-check" aria-hidden="true"></i> Tuesday 09/05 - Thursday 11/05</span>
</div>
<input type="hidden" name="ctl00$wucSearchPopup$DateRangePicker$hfStartDate" id="ctl00_wucSearchPopup_DateRangePicker_hfStartDate">
<input type="hidden" name="ctl00$wucSearchPopup$DateRangePicker$hfEndDate" id="ctl00_wucSearchPopup_DateRangePicker_hfEndDate">
</div>
<div class="daterangepicker mt350 ltr auto-apply show-calendar opensright">
<div class="calendar-header">
<div class="calendar-title"></div>
</div>
<div class="ranges"></div>
<div class="drp-calendar left map-on">
<div class="calendar-table"></div>
<div class="calendar-time" style="display: none;"></div>
</div>
<div class="drp-calendar right">
<div class="calendar-table"></div>
<div class="calendar-time" style="display: none;"></div>
</div>
<div class="calendar-footer"></div>
<div class="drp-buttons"><span class="drp-selected"></span><button class="cancelBtn btn btnLg btn-default" type="button" causesvalidation="False">Cancel</button><button class="applyBtn btn btnLg btn-primary" disabled="disabled"
type="button" causesvalidation="False">Validate</button> </div>
</div>
</div>
<!-- Rooms -->
<div id="ctl00_wucSearchPopup_pnlRooms" class="searchPopupFilter">
<span class="searchPopupFilterTitle searchPopupRooms"><i class="fak fa-bedroom" aria-hidden="true"></i> Number of rooms</span>
<div class="searchPopupFilterContent">
<div class="filterParent">
<div class="filterSliderLeft"><i class="fak fa-bedroom f-filter" data-tippy-content="Number of rooms" aria-hidden="true" data-tippy-zindex="9999999999" tabindex="0"></i></div>
<div class="filterChildRight">
<span class="irs irs--round js-irs-5"><span class="irs"><span class="irs-line" tabindex="0"></span><span class="irs-min">1</span><span class="irs-max">20</span><span class="irs-from" style="visibility: hidden;">0</span><span
class="irs-to" style="visibility: hidden;">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span class="irs-bar irs-bar--single"></span><span class="irs-shadow shadow-single"></span><span
class="irs-handle single"><i></i><i></i><i></i></span></span><input name="ctl00$wucSearchPopup$sliderNbRooms" type="text" id="ctl00_wucSearchPopup_sliderNbRooms" class="sliderPopup-rooms irs-hidden-input" tabindex="-1"
readonly="">
</div>
</div>
<div id="ctl00_wucSearchPopup_pnlTwins" class="filterParent">
<div class="filterSliderLeft">
<div data-tippy-content="Number of twin rooms" data-tippy-zindex="9999999999" tabindex="0">
<i class="fal fa-bed-alt f-filter" style="position: absolute; font-size: 16px; top: 17px; left: -5px;" aria-hidden="true"></i><i class="fal fa-bed-alt f-filter" style="position: absolute; font-size: 16px; top: 17px; left: 13px;" aria-hidden="true"></i>
</div>
</div>
<div class="filterChildRight">
<span class="irs irs--round js-irs-6"><span class="irs"><span class="irs-line" tabindex="0"></span><span class="irs-min">1</span><span class="irs-max">20</span><span class="irs-from" style="visibility: hidden;">0</span><span
class="irs-to" style="visibility: hidden;">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span class="irs-bar irs-bar--single"></span><span class="irs-shadow shadow-single"></span><span
class="irs-handle single"><i></i><i></i><i></i></span></span><input name="ctl00$wucSearchPopup$sliderNbTwins" type="text" id="ctl00_wucSearchPopup_sliderNbTwins" class="sliderPopup-twins irs-hidden-input" tabindex="-1"
readonly="">
</div>
</div>
</div>
</div>
<!-- Architecture Types -->
<!-- Prices -->
<div id="ctl00_wucSearchPopup_pnlPrices" class="searchPopupFilter">
<span class="searchPopupFilterTitle searchPopupRate"><i>€</i>Rate per room </span>
<div class="searchPopupFilterContent">
<div id="divToggleRates" class="filterInfo" data-tippy-content="Please select dates first" data-tippy-zindex="9999999999" tabindex="0">
<input type="checkbox" onchange="checkPopupRates();" id="inputPopupRateByNight" class="cbpByNight" hidden="" disabled="">
<div is="0" class="btn-group" style="cursor: not-allowed;"><a is="0" class="btn btn-default">per stay</a><a is="1" class="btn active btn-success">per night</a></div>
</div>
<div class="filterParent">
<div class="filterSliderLeft">
<span class="symbolPopupSearch f-filter" data-tippy-content="Rate per room" data-tippy-zindex="9999999999" tabindex="0">€</span>
</div>
<div class="filterChildRight">
<span class="irs irs--round js-irs-2"><span class="irs"><span class="irs-line" tabindex="0"></span><span class="irs-min">0</span><span class="irs-max">600</span><span class="irs-from">0</span><span class="irs-to">0</span><span
class="irs-single">0</span></span><span class="irs-grid"></span><span class="irs-bar"></span><span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span
class="irs-handle from"><i></i><i></i><i></i></span><span class="irs-handle to"><i></i><i></i><i></i></span></span><input type="text" class="sliderPopup-rates irs-hidden-input" name="rangeRates" value="" tabindex="-1"
readonly="">
</div>
</div>
</div>
</div>
<!-- Stars -->
<!-- Areas -->
<!-- Categories -->
<!-- Hotel group -->
<div id="ctl00_wucSearchPopup_pnlHotelsGroups" class="searchPopupFilter">
<span class="searchPopupFilterTitle searchPopupHotelGroup"><i class="fal fa-layer-group" aria-hidden="true"></i> Group</span>
<div class="searchPopupFilterContent">
<div class="dropdown bootstrap-select show-tick form-control" style="width: 100%;"><select size="4" name="ctl00$wucSearchPopup$ddlHotelsGroups" multiple="multiple" id="ctl00_wucSearchPopup_ddlHotelsGroups" class="form-control"
data-width="auto" data-live-search="true" tabindex="-98">
<option value="4b4693de-c318-432a-b24e-f3074b53cc1d">Hilton</option>
<option value="c96534e6-c917-4af7-81d1-cb0989547c4f">Hoteles Catalonia</option>
<option value="305051b3-9ed9-4968-a43e-85db1e9039e3">Leonardo Hoteles</option>
<option value="6d1e6011-c643-44bf-a2b9-e6ab9201cf80">Marriott</option>
<option value="3714285e-8b70-4e71-80a9-24134b7cf55e">Sb Hotels</option>
</select><button type="button" class="dropdown-toggle form-control bs-placeholder" data-toggle="dropdown" role="button" data-id="ctl00_wucSearchPopup_ddlHotelsGroups" title="Select Group">
<div class="filter-option">
<div class="filter-option-inner">
<div class="filter-option-inner-inner">Select Group</div>
</div>
</div>
</button>
<div class="dropdown-menu " role="combobox">
<div class="popover-header"><button type="button" class="close" aria-hidden="true">×</button>Group</div>
<div class="bs-searchbox"><input type="text" class="form-control" autocomplete="off" role="textbox" aria-label="Search"></div>
<div class="bs-actionsbox">
<div class="btn-group btn-group-sm btn-block"><button type="button" class="actions-btn bs-select-all btn btn-light">Select all</button><button type="button" class="actions-btn bs-deselect-all btn btn-light">Unselect
all</button></div>
</div>
<div class="inner show" role="listbox" aria-expanded="false" tabindex="-1">
<ul class="dropdown-menu inner show"></ul>
</div>
</div>
</div>
</div>
</div>
<!-- Eco certifications -->
<div id="ctl00_wucSearchPopup_pnlEcoCertifications" class="searchPopupFilter">
<span class="searchPopupFilterTitle searchPopupEcoCertifications"><i class="fal fa-leaf" aria-hidden="true"></i> Ecological approach</span>
<div class="searchPopupFilterContent">
<span id="ctl00_wucSearchPopup_cblEcoCertifications" class="searchPopupList"><span jsvalue="00000000-0000-0000-0000-000000000000"><input id="ctl00_wucSearchPopup_cblEcoCertifications_0" type="checkbox"
name="ctl00$wucSearchPopup$cblEcoCertifications$0"><label for="ctl00_wucSearchPopup_cblEcoCertifications_0">At least one Eco commitment</label></span><span jsvalue="af73534c-011e-4c40-8559-c58c8de569e6"><input
id="ctl00_wucSearchPopup_cblEcoCertifications_1" type="checkbox" name="ctl00$wucSearchPopup$cblEcoCertifications$1"><label for="ctl00_wucSearchPopup_cblEcoCertifications_1">BIOSPHERE</label></span><span
jsvalue="aaf2e7d7-b7eb-4982-a058-e840e584a466"><input id="ctl00_wucSearchPopup_cblEcoCertifications_2" type="checkbox" name="ctl00$wucSearchPopup$cblEcoCertifications$2"><label
for="ctl00_wucSearchPopup_cblEcoCertifications_2">ISO 14001</label></span><span jsvalue="0d8b4b6b-f1f3-4c7d-acf6-2b47d4dd4673"><input id="ctl00_wucSearchPopup_cblEcoCertifications_3" type="checkbox"
name="ctl00$wucSearchPopup$cblEcoCertifications$3"><label for="ctl00_wucSearchPopup_cblEcoCertifications_3">ISO 9001</label></span></span>
</div>
</div>
<!-- Certifications -->
<!-- Event locations -->
<!-- Distance -->
<div id="ctl00_wucSearchPopup_pnlDistance" class="searchPopupFilter">
<span class="searchPopupFilterTitle searchPopupDistance"><i class="fal fa-bus" aria-hidden="true"></i> Distance</span>
<div class="searchPopupFilterContent">
<div id="ctl00_wucSearchPopup_pnlIsWalkingDistance" class="filterCheckboxParent">
<div class="filterCheckboxLeft"><i class="fal f-filter fa-walking" data-tippy-content="Walking distance" aria-hidden="true" data-tippy-zindex="9999999999" tabindex="0"></i></div>
<div class="filterChildRight">
<div class="cbpWalkingDistance">
<label class="btn btn-default">
<input type="checkbox" id="inputPopupIsWalkingDistance" class="hidden"> Only walking distance </label>
</div>
</div>
</div>
<div id="ctl00_wucSearchPopup_pnlTiming">
<div id="ctl00_wucSearchPopup_pnlMetroTiming" class="filterParent">
<div class="filterCheckboxLeft"><i class="fal f-filter fa-bus" data-tippy-content="Metro time" aria-hidden="true" data-tippy-zindex="9999999999" tabindex="0"></i></div>
<div class="filterChildRight">
<span class="irs irs--round js-irs-4"><span class="irs"><span class="irs-line" tabindex="0"></span><span class="irs-min">0 min</span><span class="irs-max">15 min</span><span class="irs-from">0</span><span
class="irs-to">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span class="irs-bar"></span><span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span
class="irs-handle from"><i></i><i></i><i></i></span><span class="irs-handle to"><i></i><i></i><i></i></span></span><input type="text" class="sliderPopup-metroTiming irs-hidden-input" name="rangePopupMetroTiming" value=""
tabindex="-1" readonly="">
</div>
</div>
<div id="ctl00_wucSearchPopup_pnlDrivingTiming" class="filterParent">
<div class="filterCheckboxLeft"><i class="fal f-filter fa-car" data-tippy-content="Driving time" aria-hidden="true" data-tippy-zindex="9999999999" tabindex="0"></i></div>
<div class="filterChildRight">
<span class="irs irs--round js-irs-3"><span class="irs"><span class="irs-line" tabindex="0"></span><span class="irs-min">0 min</span><span class="irs-max">10 min</span><span class="irs-from">0</span><span
class="irs-to">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span class="irs-bar"></span><span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span
class="irs-handle from"><i></i><i></i><i></i></span><span class="irs-handle to"><i></i><i></i><i></i></span></span><input type="text" class="sliderPopup-drivingTiming irs-hidden-input" name="rangePopupDrivingTiming"
value="" tabindex="-1" readonly="">
</div>
</div>
</div>
</div>
</div>
<!-- Bedrooms -->
<!-- Persons -->
<!-- Bathrooms -->
<!-- Equipments-->
<!-- Rating -->
<div id="ctl00_wucSearchPopup_pnlRating" class="searchPopupFilter">
<span class="searchPopupFilterTitle searchPopupRating"><i class="fal fa-thumbs-up" aria-hidden="true"></i> Rating</span>
<div class="searchPopupFilterContent">
<div class="filterParent">
<div class="filterSliderLeft"><i class="fal f-filter fa-thumbs-up" data-tippy-content="rating" aria-hidden="true" data-tippy-zindex="9999999999" tabindex="0"></i></div>
<div class="filterChildRight">
<span class="irs irs--round js-irs-7 irs-with-grid"><span class="irs"><span class="irs-line" tabindex="0"></span><span class="irs-min">3</span><span class="irs-max">5</span><span class="irs-from">0</span><span
class="irs-to">0</span><span class="irs-single">0</span></span><span class="irs-grid"><span class="irs-grid-pol" style="left: 0%"></span><span class="irs-grid-text js-grid-text-0" style="left: 0%">3</span><span
class="irs-grid-pol small" style="left: 20%"></span><span class="irs-grid-pol small" style="left: 15%"></span><span class="irs-grid-pol small" style="left: 10%"></span><span class="irs-grid-pol small"
style="left: 5%"></span><span class="irs-grid-pol" style="left: 25%"></span><span class="irs-grid-text js-grid-text-1" style="left: 25%; visibility: hidden;">3.5</span><span class="irs-grid-pol small"
style="left: 45%"></span><span class="irs-grid-pol small" style="left: 40%"></span><span class="irs-grid-pol small" style="left: 35%"></span><span class="irs-grid-pol small" style="left: 30%"></span><span
class="irs-grid-pol" style="left: 50%"></span><span class="irs-grid-text js-grid-text-2" style="left: 50%; visibility: hidden;">4</span><span class="irs-grid-pol small" style="left: 70%"></span><span
class="irs-grid-pol small" style="left: 65%"></span><span class="irs-grid-pol small" style="left: 60%"></span><span class="irs-grid-pol small" style="left: 55%"></span><span class="irs-grid-pol"
style="left: 75%"></span><span class="irs-grid-text js-grid-text-3" style="left: 75%; visibility: hidden;">4.5</span><span class="irs-grid-pol small" style="left: 95%"></span><span class="irs-grid-pol small"
style="left: 90%"></span><span class="irs-grid-pol small" style="left: 85%"></span><span class="irs-grid-pol small" style="left: 80%"></span><span class="irs-grid-pol" style="left: 100%"></span><span
class="irs-grid-text js-grid-text-4" style="left: 100%">5</span></span><span class="irs-bar"></span><span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span
class="irs-handle from"><i></i><i></i><i></i></span><span class="irs-handle to"><i></i><i></i><i></i></span></span><input type="text" class="sliderPopup-rating irs-hidden-input" name="rangeRating" value="" tabindex="-1"
readonly="">
</div>
</div>
</div>
</div>
<!-- Partners -->
<!-- Validation Status -->
<!-- On Request -->
<!-- Meeting rooms-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary mr-auto popupResetFilters"><i class="fal fa-times" aria-hidden="true"></i> Reset filters</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary searchPopupFilterValidate">Validate</button>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
if (window.innerWidth < 984) {
$('.filters').css('display', 'none');
//$('nav').css('display', 'none');
}
</script>
<div class="box" style="height: 964px;">
<div class="section content">
<div id="left" class="left expanded fulls map-on" style="flex-basis: 55%;">
<div class="w-100" style="display: flow-root;">
<style>
.spanAvailableHotels {
display: inline-flex;
padding-right: 15px;
}
</style>
<div class="d-flex d-lg-block float-lg-right">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucDynamicFilters_upDynamicFilters" class="">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucDynamicFilters_timerLazyLoad" style="visibility:hidden;display:none;"></span>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucDynamicFilters_ctl01" style="display:none;" role="status" aria-hidden="true">
<div class="loader dynamic-filters-loader text-center">
<span></span><span></span><span></span>
</div>
</div>
</span>
<div class="dropdown bootstrap-select mx-2 my-2 ddpicker filter-holder d-block d-lg-none"><select name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucDynamicFilters$ddlFilters"
onchange="javascript:setTimeout('__doPostBack(\'ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucDynamicFilters$ddlFilters\',\'\')', 0)" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucDynamicFilters_ddlFilters"
class="selectpicker mx-2 my-2 ddpicker filter-holder d-block d-lg-none" data-header="Quick filter" tabindex="-98">
<option selected="selected" value=" " title="Quick filter" class="placeholder">See all hotels</option>
<option value="WalkingDistance" data-loader="">Walking distance</option>
<option value="Ecological" data-loader="">Ecological</option>
<option value="Economic" data-loader="">Economic</option>
<option value="MostBooked" data-loader="">Most booked</option>
<option value="TravelerRating" data-loader="">Traveler rating</option>
</select><button type="button" class="btn dropdown-toggle btn-light" data-toggle="dropdown" role="button" data-id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucDynamicFilters_ddlFilters" title="Quick filter">
<div class="filter-option">
<div class="filter-option-inner">
<div class="filter-option-inner-inner">Quick filter</div>
</div>
</div>
</button>
<div class="dropdown-menu " role="combobox">
<div class="popover-header"><button type="button" class="close" aria-hidden="true">×</button>Quick filter</div>
<div class="inner show" role="listbox" aria-expanded="false" tabindex="-1">
<ul class="dropdown-menu inner show"></ul>
</div>
</div>
</div>
<div class="mx-auto"></div>
<div class="dropdown bootstrap-select mr-2 my-2 ddpicker sort-holder"><select name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$ddlSort"
onchange="javascript:setTimeout('__doPostBack(\'ctl00$LeftContentPlaceHolder$wucHotelsByCategories$ddlSort\',\'\')', 0)" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_ddlSort"
class="selectpicker mr-2 my-2 ddpicker sort-holder" data-actions-box="true" data-header="Sort hotel list by" tabindex="-98">
<option selected="selected" value=" " class="placeholder" title="Sort hotel list by">Reset</option>
<option value="PriceFrom, Name" class="sort-asc">Rate</option>
<option value="Rank desc, Name" class="sort-asc">Star rating</option>
<option value="Rank, Name" class="sort-desc">Star rating</option>
<option value="Distance" class="sort-asc">Distance</option>
<option value="Name" class="sort-alpha-asc">Name</option>
</select><button type="button" class="btn dropdown-toggle btn-light" data-toggle="dropdown" role="button" data-id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_ddlSort" title="Sort hotel list by">
<div class="filter-option">
<div class="filter-option-inner">
<div class="filter-option-inner-inner">Sort hotel list by</div>
</div>
</div>
</button>
<div class="dropdown-menu " role="combobox">
<div class="popover-header"><button type="button" class="close" aria-hidden="true">×</button>Sort hotel list by</div>
<div class="inner show" role="listbox" aria-expanded="false" tabindex="-1">
<ul class="dropdown-menu inner show"></ul>
</div>
</div>
</div>
</div>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_spanAvailableHotels" class="spanAvailableHotels">
<div style="float: left;">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_lblResults">8</span> <span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_lblAvailableHotels"> hotels available</span>
</div>
</div>
</div>
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_lbTargetControlID6" class="Hidden" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$LeftContentPlaceHolder$wucHotelsByCategories$lbTargetControlID6", "", true, "", "", false, true))"></a>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_pnlNoHotels" class="ConfirmFinish editPopupResa" style="display: none; max-width: 800px; position: fixed; z-index: 20002;">
</div>
<div class="hotels-list-container" style="position: relative;">
<link href="CSS/Slick-Carousel/1.8.1/slick.css" rel="stylesheet">
<link href="CSS/Slick-Carousel/1.8.1/slick-theme.css" rel="stylesheet">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_pnlHotelsContainer" class="HotelsContainer hc-space row mx-auto ">
<script>
var imgPhotosHotels = [];
</script>
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl01$hfBookingComID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_hfBookingComID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl01$hfExpediaID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_hfExpediaID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl01$hfTrawexID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_hfTrawexID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl01$hfTrawexTwxHotelID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_hfTrawexTwxHotelID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl01$hfIsOnBnetwork" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_hfIsOnBnetwork"
value="True">
<div class="HotelContainer col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" data-eventhotelguid="a0675a15-d16e-4128-a463-a07272020f27">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_pnlHotelContainerDetails" class="pnlHotelContainerDetailsIMW">
<div class="position-relative">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl01$hfItemIndex" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_hfItemIndex" value="0">
<div id="anchor0"></div>
<script>
var isOnBnetwork = true;
if (isOnBnetwork) {
imgPhotosHotels.push([0, '9d10f20f-742d-4422-b488-d2c858ebe14e']);
}
</script>
<div class="divHotelImage">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_tagPartner">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_pnlHotelSlides" class="divHotelSlide slick-initialized slick-slider slick-dotted"><button class="slick-prev slick-arrow"
aria-label="Previous" type="button" style="">Previous</button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 5330px; transform: translate3d(-410px, 0px, 0px);">
<div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div id="slick-slide00" class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 410px;" tabindex="0" role="tabpanel" aria-describedby="slick-slide-control00">
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="0"><img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_imgFront" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide01" aria-describedby="slick-slide-control01">
<a id="rptPhotos_ctl00_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide02" aria-describedby="slick-slide-control02">
<a id="rptPhotos_ctl01_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide03" aria-describedby="slick-slide-control03">
<a id="rptPhotos_ctl02_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide04" aria-describedby="slick-slide-control04">
<a id="rptPhotos_ctl03_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide05" aria-describedby="slick-slide-control05">
<a id="rptPhotos_ctl04_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1"><img id="" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="10" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27&ind=0" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
</div>
</div>
<button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button>
<ul class="slick-dots" style="" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 6" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 6" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 6" tabindex="-1">3</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control03" aria-controls="slick-slide03" aria-label="4 of 6" tabindex="-1">4</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control04" aria-controls="slick-slide04" aria-label="5 of 6" tabindex="-1">5</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control05" aria-controls="slick-slide05" aria-label="6 of 6" tabindex="-1">6</button></li>
</ul>
</div>
</div>
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_imgEcoFriendly" class="EcoFriendly" src="Images/eco-friendly.png" style="border-width:0px;">
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_imgBestDeal" class="HotelBestDeal" src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/BestDeal.png"
style="border-width:0px;max-width: 64px;">
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_imgFeature" class="HotelFeature" onerror="this.display='none'"
data-custom-src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/EventsHotels/a0675a15-d16e-4128-a463-a07272020f27/Graphics/Feature.png" src="" style="border-width:0px;max-width: 64px;">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_lblWalkingDistance" class="HotelWalkingDistance">Walking distance: 10 Min</span>
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_lbAddToWishList" class="wishlist" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl01$lbAddToWishList", "", true, "", "", false, true))"><span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_spWhishList" class="fa-stack fa-1x wishlist" style="font-size: 14px;" data-tippy-content="Add to wish list" data-tippy-zindex="9999999999" tabindex="0">
<i class="fas Color-White bookmark-overlay fa-bookmark fa-stack-2x pt-1" aria-hidden="true"></i>
<i class="fal Color2 fa-star fa-stack-1x " aria-hidden="true"></i>
</span></a>
</div>
<div class="row">
<div class="col-6 text-left">
<span class="HotelStarNumber">4</span>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_pnlHotelStarInfo" class="HotelStar HotelRank">
<img src="images/starInverted.png" style="vertical-align: top; width: 12px; height: 12px;">
</div>
</div>
<div class="col-6 text-right">
<div class="ApartmentType">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_lblApartmentType"></span>
</div>
</div>
</div>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_pnlHotelName" class="HotelName HotelNameBestDeal HotelNameWidthExpedia"> Renaissance Barcelona Fira Hotel </div>
<div class="HotelPriceFrom">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_lblPrice">
<div><span class="HotelPriceSpan"><span class="text-muted"><i class="fal fa-sensor-alert" aria-hidden="true"></i> Minimum stay:</span> 2 nights from 580.00 €</span></div>
</span>
</div>
<a href="#" onclick="showOnMap('a0675a15-d16e-4128-a463-a07272020f27')" title="Show on map">
<i class="fas fa-map-marker-alt Color2" aria-hidden="true"></i>
<div class="EventDistance d-inline-block">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_WalkingDistanceFromEvent" class="WalkingDistanceFromEvent">Fira Barcelona Gran Via at 410m</span>
</div>
</a>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_pnlOffers" class="Offers">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_divRate" class="rate only">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl01_pnlRate" class="ratingTrustYou">
<div class="trustyouscore" data-tippy-theme="light-border" data-tippy-htmlcontent="" data-template="trustyouRatingPopupa0675a15-d16e-4128-a463-a07272020f27" tabindex="0">
<div class="value good"> 4.6</div>
</div>
<div id="trustyouRatingPopupa0675a15-d16e-4128-a463-a07272020f27" style="display: none">
<div class="TrustYouBadge">
<a href="https://www.trustyou.com/fr/about/meta-review?ty_id=6ae6d440-28f1-492e-a7ee-fc707d3e8f6e" target="_blank">
<!-- TrustYou Widget -->
<iframe src="https://api.trustyou.com/hotels/6ae6d440-28f1-492e-a7ee-fc707d3e8f6e/seal.html?size=xs&lang=en&key=55d53a8a-12f1-44b0-9a56-966ec273ffd5" allowtransparency="true" frameborder="0" height="24" scrolling="no" width="180">
</iframe>
<!-- /TrustYou Widget -->
<div class="text-center">
<img src="Images/TrustYouRating/trustyou-logo-sm.png" alt="TrustYou">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl02$hfBookingComID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_hfBookingComID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl02$hfExpediaID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_hfExpediaID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl02$hfTrawexID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_hfTrawexID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl02$hfTrawexTwxHotelID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_hfTrawexTwxHotelID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl02$hfIsOnBnetwork" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_hfIsOnBnetwork"
value="True">
<div class="HotelContainer col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" data-eventhotelguid="7bc7f272-91b5-469a-9dc1-cd66fe676e1b">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_pnlHotelContainerDetails" class="pnlHotelContainerDetailsIMW">
<div class="position-relative">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl02$hfItemIndex" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_hfItemIndex" value="1">
<div id="anchor1"></div>
<script>
var isOnBnetwork = true;
if (isOnBnetwork) {
imgPhotosHotels.push([1, '2f0979a5-0036-4287-a9e9-1feb097ff6a0']);
}
</script>
<div class="divHotelImage">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_tagPartner">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_pnlHotelSlides" class="divHotelSlide slick-initialized slick-slider slick-dotted"><button class="slick-prev slick-arrow"
aria-label="Previous" type="button" style="">Previous</button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 5330px; transform: translate3d(-410px, 0px, 0px);">
<div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div id="slick-slide10" class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 410px;" tabindex="0" role="tabpanel" aria-describedby="slick-slide-control10">
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="0"><img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_imgFront" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide11" aria-describedby="slick-slide-control11">
<a id="rptPhotos_ctl00_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide12" aria-describedby="slick-slide-control12">
<a id="rptPhotos_ctl01_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide13" aria-describedby="slick-slide-control13">
<a id="rptPhotos_ctl02_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide14" aria-describedby="slick-slide-control14">
<a id="rptPhotos_ctl03_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide15" aria-describedby="slick-slide-control15">
<a id="rptPhotos_ctl04_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1"><img id="" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="10" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b&ind=1" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
</div>
</div>
<button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button>
<ul class="slick-dots" style="" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control10" aria-controls="slick-slide10" aria-label="1 of 6" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control11" aria-controls="slick-slide11" aria-label="2 of 6" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control12" aria-controls="slick-slide12" aria-label="3 of 6" tabindex="-1">3</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control13" aria-controls="slick-slide13" aria-label="4 of 6" tabindex="-1">4</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control14" aria-controls="slick-slide14" aria-label="5 of 6" tabindex="-1">5</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control15" aria-controls="slick-slide15" aria-label="6 of 6" tabindex="-1">6</button></li>
</ul>
</div>
</div>
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_imgBestDeal" class="HotelBestDeal" src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/BestDeal.png"
style="border-width:0px;max-width: 64px;">
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_imgFeature" class="HotelFeature" onerror="this.display='none'"
data-custom-src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/EventsHotels/7bc7f272-91b5-469a-9dc1-cd66fe676e1b/Graphics/Feature.png" src="" style="border-width:0px;max-width: 64px;">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_lblWalkingDistance" class="HotelWalkingDistance">Walking distance: 10 Min</span>
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_lbAddToWishList" class="wishlist" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl02$lbAddToWishList", "", true, "", "", false, true))"><span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_spWhishList" class="fa-stack fa-1x wishlist" style="font-size: 14px;" data-tippy-content="Add to wish list" data-tippy-zindex="9999999999" tabindex="0">
<i class="fas Color-White bookmark-overlay fa-bookmark fa-stack-2x pt-1" aria-hidden="true"></i>
<i class="fal Color2 fa-star fa-stack-1x " aria-hidden="true"></i>
</span></a>
</div>
<div class="row">
<div class="col-6 text-left">
<span class="HotelStarNumber">1</span>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_pnlHotelStarInfo" class="HotelStar HotelRank">
<img src="images/starInverted.png" style="vertical-align: top; width: 12px; height: 12px;">
</div>
</div>
<div class="col-6 text-right">
<div class="ApartmentType">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_lblApartmentType"></span>
</div>
</div>
</div>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_pnlHotelName" class="HotelName HotelNameBestDeal HotelNameWidthExpedia"> easyHotel Barcelona Fira </div>
<div class="HotelPriceFrom">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_lblPrice">
<div><span class="HotelPriceSpan"><span class="text-muted"><i class="fal fa-sensor-alert" aria-hidden="true"></i> Minimum stay:</span> 2 nights from 300.00 €</span></div>
</span>
</div>
<a href="#" onclick="showOnMap('7bc7f272-91b5-469a-9dc1-cd66fe676e1b')" title="Show on map">
<i class="fas fa-map-marker-alt Color2" aria-hidden="true"></i>
<div class="EventDistance d-inline-block">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_WalkingDistanceFromEvent" class="WalkingDistanceFromEvent">Fira Barcelona Gran Via at 690m</span>
</div>
</a>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_pnlOffers" class="Offers">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_divRate" class="rate only">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl02_pnlRate" class="ratingTrustYou">
<div class="trustyouscore" data-tippy-theme="light-border" data-tippy-htmlcontent="" data-template="trustyouRatingPopup7bc7f272-91b5-469a-9dc1-cd66fe676e1b" tabindex="0">
<div class="value good"> 4.0</div>
</div>
<div id="trustyouRatingPopup7bc7f272-91b5-469a-9dc1-cd66fe676e1b" style="display: none">
<div class="TrustYouBadge">
<a href="https://www.trustyou.com/fr/about/meta-review?ty_id=698e0d9b-ad83-4ac1-8c22-e710dc11f91b" target="_blank">
<!-- TrustYou Widget -->
<iframe src="https://api.trustyou.com/hotels/698e0d9b-ad83-4ac1-8c22-e710dc11f91b/seal.html?size=xs&lang=en&key=55d53a8a-12f1-44b0-9a56-966ec273ffd5" allowtransparency="true" frameborder="0" height="24" scrolling="no" width="180">
</iframe>
<!-- /TrustYou Widget -->
<div class="text-center">
<img src="Images/TrustYouRating/trustyou-logo-sm.png" alt="TrustYou">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl03$hfBookingComID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_hfBookingComID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl03$hfExpediaID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_hfExpediaID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl03$hfTrawexID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_hfTrawexID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl03$hfTrawexTwxHotelID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_hfTrawexTwxHotelID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl03$hfIsOnBnetwork" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_hfIsOnBnetwork"
value="True">
<div class="HotelContainer col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" data-eventhotelguid="0f102404-a823-4e67-bf11-d0da60153e20">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_pnlHotelContainerDetails" class="pnlHotelContainerDetailsIMW">
<div class="position-relative">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl03$hfItemIndex" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_hfItemIndex" value="2">
<div id="anchor2"></div>
<script>
var isOnBnetwork = true;
if (isOnBnetwork) {
imgPhotosHotels.push([2, '09d04d2e-b65a-4d8b-9d9b-20d8d1b93ab3']);
}
</script>
<div class="divHotelImage">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_tagPartner">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_pnlHotelSlides" class="divHotelSlide slick-initialized slick-slider slick-dotted"><button class="slick-prev slick-arrow"
aria-label="Previous" type="button" style="">Previous</button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 5330px; transform: translate3d(-410px, 0px, 0px);">
<div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div id="slick-slide20" class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 410px;" tabindex="0" role="tabpanel" aria-describedby="slick-slide-control20">
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="0"><img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_imgFront" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide21" aria-describedby="slick-slide-control21">
<a id="rptPhotos_ctl00_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide22" aria-describedby="slick-slide-control22">
<a id="rptPhotos_ctl01_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide23" aria-describedby="slick-slide-control23">
<a id="rptPhotos_ctl02_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide24" aria-describedby="slick-slide-control24">
<a id="rptPhotos_ctl03_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide25" aria-describedby="slick-slide-control25">
<a id="rptPhotos_ctl04_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1"><img id="" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="10" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20&ind=2" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
</div>
</div>
<button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button>
<ul class="slick-dots" style="" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control20" aria-controls="slick-slide20" aria-label="1 of 6" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control21" aria-controls="slick-slide21" aria-label="2 of 6" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control22" aria-controls="slick-slide22" aria-label="3 of 6" tabindex="-1">3</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control23" aria-controls="slick-slide23" aria-label="4 of 6" tabindex="-1">4</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control24" aria-controls="slick-slide24" aria-label="5 of 6" tabindex="-1">5</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control25" aria-controls="slick-slide25" aria-label="6 of 6" tabindex="-1">6</button></li>
</ul>
</div>
</div>
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_imgBestDeal" class="HotelBestDeal" src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/BestDeal.png"
style="border-width:0px;max-width: 64px;">
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_imgFeature" class="HotelFeature" onerror="this.display='none'"
data-custom-src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/EventsHotels/0f102404-a823-4e67-bf11-d0da60153e20/Graphics/Feature.png" src="" style="border-width:0px;max-width: 64px;">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_lblWalkingDistance" class="HotelWalkingDistance">Walking distance: 2 Min</span>
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_lbAddToWishList" class="wishlist" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl03$lbAddToWishList", "", true, "", "", false, true))"><span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_spWhishList" class="fa-stack fa-1x wishlist" style="font-size: 14px;" data-tippy-content="Add to wish list" data-tippy-zindex="9999999999" tabindex="0">
<i class="fas Color-White bookmark-overlay fa-bookmark fa-stack-2x pt-1" aria-hidden="true"></i>
<i class="fal Color2 fa-star fa-stack-1x " aria-hidden="true"></i>
</span></a>
</div>
<div class="row">
<div class="col-6 text-left">
<span class="HotelStarNumber">4</span>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_pnlHotelStarInfo" class="HotelStar HotelRank">
<img src="images/starInverted.png" style="vertical-align: top; width: 12px; height: 12px;">
</div>
</div>
<div class="col-6 text-right">
<div class="ApartmentType">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_lblApartmentType"></span>
</div>
</div>
</div>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_pnlHotelName" class="HotelName HotelNameBestDeal HotelNameWidthExpedia"> Hotel Porta Fira 4* Sup </div>
<div class="HotelPriceFrom">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_lblPrice">
<div><span class="HotelPriceSpan"><span class="text-muted"><i class="fal fa-sensor-alert" aria-hidden="true"></i> Minimum stay:</span> 2 nights from 550.00 €</span></div>
</span>
</div>
<a href="#" onclick="showOnMap('0f102404-a823-4e67-bf11-d0da60153e20')" title="Show on map">
<i class="fas fa-map-marker-alt Color2" aria-hidden="true"></i>
<div class="EventDistance d-inline-block">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_WalkingDistanceFromEvent" class="WalkingDistanceFromEvent">Fira Barcelona Gran Via at 220m</span>
</div>
</a>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_pnlOffers" class="Offers">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_divRate" class="rate only">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl03_pnlRate" class="ratingTrustYou">
<div class="trustyouscore" data-tippy-theme="light-border" data-tippy-htmlcontent="" data-template="trustyouRatingPopup0f102404-a823-4e67-bf11-d0da60153e20" tabindex="0">
<div class="value good"> 4.5</div>
</div>
<div id="trustyouRatingPopup0f102404-a823-4e67-bf11-d0da60153e20" style="display: none">
<div class="TrustYouBadge">
<a href="https://www.trustyou.com/fr/about/meta-review?ty_id=ba3fbe12-9f10-49a4-a8e3-b038854c003c" target="_blank">
<!-- TrustYou Widget -->
<iframe src="https://api.trustyou.com/hotels/ba3fbe12-9f10-49a4-a8e3-b038854c003c/seal.html?size=xs&lang=en&key=55d53a8a-12f1-44b0-9a56-966ec273ffd5" allowtransparency="true" frameborder="0" height="24" scrolling="no" width="180">
</iframe>
<!-- /TrustYou Widget -->
<div class="text-center">
<img src="Images/TrustYouRating/trustyou-logo-sm.png" alt="TrustYou">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl04$hfBookingComID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_hfBookingComID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl04$hfExpediaID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_hfExpediaID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl04$hfTrawexID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_hfTrawexID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl04$hfTrawexTwxHotelID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_hfTrawexTwxHotelID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl04$hfIsOnBnetwork" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_hfIsOnBnetwork"
value="True">
<div class="HotelContainer col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" data-eventhotelguid="701f79ae-4dae-4619-9ffa-629dadbcca09">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_pnlHotelContainerDetails" class="pnlHotelContainerDetailsIMW">
<div class="position-relative">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl04$hfItemIndex" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_hfItemIndex" value="3">
<div id="anchor3"></div>
<script>
var isOnBnetwork = true;
if (isOnBnetwork) {
imgPhotosHotels.push([3, 'f0e2fb13-afc2-44af-b144-a266340d8101']);
}
</script>
<div class="divHotelImage">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_tagPartner">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_pnlHotelSlides" class="divHotelSlide slick-initialized slick-slider slick-dotted"><button class="slick-prev slick-arrow"
aria-label="Previous" type="button" style="">Previous</button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 5330px; transform: translate3d(-410px, 0px, 0px);">
<div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div id="slick-slide30" class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 410px;" tabindex="0" role="tabpanel" aria-describedby="slick-slide-control30">
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="0"><img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_imgFront" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide31" aria-describedby="slick-slide-control31">
<a id="rptPhotos_ctl00_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide32" aria-describedby="slick-slide-control32">
<a id="rptPhotos_ctl01_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide33" aria-describedby="slick-slide-control33">
<a id="rptPhotos_ctl02_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide34" aria-describedby="slick-slide-control34">
<a id="rptPhotos_ctl03_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide35" aria-describedby="slick-slide-control35">
<a id="rptPhotos_ctl04_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1"><img id="" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="10" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09&ind=3" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
</div>
</div>
<button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button>
<ul class="slick-dots" style="" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control30" aria-controls="slick-slide30" aria-label="1 of 6" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control31" aria-controls="slick-slide31" aria-label="2 of 6" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control32" aria-controls="slick-slide32" aria-label="3 of 6" tabindex="-1">3</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control33" aria-controls="slick-slide33" aria-label="4 of 6" tabindex="-1">4</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control34" aria-controls="slick-slide34" aria-label="5 of 6" tabindex="-1">5</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control35" aria-controls="slick-slide35" aria-label="6 of 6" tabindex="-1">6</button></li>
</ul>
</div>
</div>
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_imgBestDeal" class="HotelBestDeal" src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/BestDeal.png"
style="border-width:0px;max-width: 64px;">
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_imgFeature" class="HotelFeature" onerror="this.display='none'"
data-custom-src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/EventsHotels/701f79ae-4dae-4619-9ffa-629dadbcca09/Graphics/Feature.png" src="" style="border-width:0px;max-width: 64px;">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_lblWalkingDistance" class="HotelWalkingDistance">Walking distance: 1 Min</span>
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_lbAddToWishList" class="wishlist" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl04$lbAddToWishList", "", true, "", "", false, true))"><span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_spWhishList" class="fa-stack fa-1x wishlist" style="font-size: 14px;" data-tippy-content="Add to wish list" data-tippy-zindex="9999999999" tabindex="0">
<i class="fas Color-White bookmark-overlay fa-bookmark fa-stack-2x pt-1" aria-hidden="true"></i>
<i class="fal Color2 fa-star fa-stack-1x " aria-hidden="true"></i>
</span></a>
</div>
<div class="row">
<div class="col-6 text-left">
<span class="HotelStarNumber">3</span>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_pnlHotelStarInfo" class="HotelStar HotelRank">
<img src="images/starInverted.png" style="vertical-align: top; width: 12px; height: 12px;">
</div>
</div>
<div class="col-6 text-right">
<div class="ApartmentType">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_lblApartmentType"></span>
</div>
</div>
</div>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_pnlHotelName" class="HotelName HotelNameBestDeal HotelNameWidthExpedia"> Hampton by Hilton Barcelona Fira Gran Via </div>
<div class="HotelPriceFrom">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_lblPrice">
<div><span class="HotelPriceSpan"><span class="text-muted"><i class="fal fa-sensor-alert" aria-hidden="true"></i> Minimum stay:</span> 2 nights from 510.00 €</span></div>
</span>
</div>
<a href="#" onclick="showOnMap('701f79ae-4dae-4619-9ffa-629dadbcca09')" title="Show on map">
<i class="fas fa-map-marker-alt Color2" aria-hidden="true"></i>
<div class="EventDistance d-inline-block">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_WalkingDistanceFromEvent" class="WalkingDistanceFromEvent">Fira Barcelona Gran Via at 280m</span>
</div>
</a>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_pnlOffers" class="Offers">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_divRate" class="rate only">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl04_pnlRate" class="ratingTrustYou">
<div class="trustyouscore" data-tippy-theme="light-border" data-tippy-htmlcontent="" data-template="trustyouRatingPopup701f79ae-4dae-4619-9ffa-629dadbcca09" tabindex="0">
<div class="value good"> 4.6</div>
</div>
<div id="trustyouRatingPopup701f79ae-4dae-4619-9ffa-629dadbcca09" style="display: none">
<div class="TrustYouBadge">
<a href="https://www.trustyou.com/fr/about/meta-review?ty_id=d53c8909-a3ba-47db-ace1-10f86cfcac94" target="_blank">
<!-- TrustYou Widget -->
<iframe src="https://api.trustyou.com/hotels/d53c8909-a3ba-47db-ace1-10f86cfcac94/seal.html?size=xs&lang=en&key=55d53a8a-12f1-44b0-9a56-966ec273ffd5" allowtransparency="true" frameborder="0" height="24" scrolling="no" width="180">
</iframe>
<!-- /TrustYou Widget -->
<div class="text-center">
<img src="Images/TrustYouRating/trustyou-logo-sm.png" alt="TrustYou">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl05$hfBookingComID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_hfBookingComID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl05$hfExpediaID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_hfExpediaID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl05$hfTrawexID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_hfTrawexID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl05$hfTrawexTwxHotelID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_hfTrawexTwxHotelID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl05$hfIsOnBnetwork" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_hfIsOnBnetwork"
value="True">
<div class="HotelContainer col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" data-eventhotelguid="f3d51459-141c-4acd-893f-490dc00ad2a4">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_pnlHotelContainerDetails" class="pnlHotelContainerDetailsIMW">
<div class="position-relative">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl05$hfItemIndex" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_hfItemIndex" value="4">
<div id="anchor4"></div>
<script>
var isOnBnetwork = true;
if (isOnBnetwork) {
imgPhotosHotels.push([4, '11925417-2f86-4c85-b57b-0cc74a7a2ede']);
}
</script>
<div class="divHotelImage">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_tagPartner">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_pnlHotelSlides" class="divHotelSlide slick-initialized slick-slider slick-dotted"><button class="slick-prev slick-arrow"
aria-label="Previous" type="button" style="">Previous</button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 6150px; transform: translate3d(-410px, 0px, 0px);">
<div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItNS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div id="slick-slide40" class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 410px;" tabindex="0" role="tabpanel" aria-describedby="slick-slide-control40">
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="0"><img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_imgFront" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide41" aria-describedby="slick-slide-control41">
<a id="rptPhotos_ctl00_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide42" aria-describedby="slick-slide-control42">
<a id="rptPhotos_ctl01_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide43" aria-describedby="slick-slide-control43">
<a id="rptPhotos_ctl02_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide44" aria-describedby="slick-slide-control44">
<a id="rptPhotos_ctl03_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide45" aria-describedby="slick-slide-control45">
<a id="rptPhotos_ctl04_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="6" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide46" aria-describedby="slick-slide-control46">
<a id="rptPhotos_ctl05_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItNS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1"><img id="" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="10" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="12" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="13" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4&ind=4" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvT3RoZXItNS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
</div>
</div>
<button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button>
<ul class="slick-dots" style="" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control40" aria-controls="slick-slide40" aria-label="1 of 7" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control41" aria-controls="slick-slide41" aria-label="2 of 7" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control42" aria-controls="slick-slide42" aria-label="3 of 7" tabindex="-1">3</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control43" aria-controls="slick-slide43" aria-label="4 of 7" tabindex="-1">4</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control44" aria-controls="slick-slide44" aria-label="5 of 7" tabindex="-1">5</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control45" aria-controls="slick-slide45" aria-label="6 of 7" tabindex="-1">6</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control46" aria-controls="slick-slide46" aria-label="7 of 7" tabindex="-1">7</button></li>
</ul>
</div>
</div>
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_imgEcoFriendly" class="EcoFriendly" src="Images/eco-friendly.png" style="border-width:0px;">
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_imgFeature" class="HotelFeature" onerror="this.display='none'"
data-custom-src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/EventsHotels/f3d51459-141c-4acd-893f-490dc00ad2a4/Graphics/Feature.png" src="" style="border-width:0px;max-width: 64px;">
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_lbAddToWishList" class="wishlist" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl05$lbAddToWishList", "", true, "", "", false, true))"><span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_spWhishList" class="fa-stack fa-1x wishlist" style="font-size: 14px;" data-tippy-content="Add to wish list" data-tippy-zindex="9999999999" tabindex="0">
<i class="fas Color-White bookmark-overlay fa-bookmark fa-stack-2x pt-1" aria-hidden="true"></i>
<i class="fal Color2 fa-star fa-stack-1x " aria-hidden="true"></i>
</span></a>
</div>
<div class="row">
<div class="col-6 text-left">
<span class="HotelStarNumber">4</span>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_pnlHotelStarInfo" class="HotelStar HotelRank">
<img src="images/starInverted.png" style="vertical-align: top; width: 12px; height: 12px;">
</div>
</div>
<div class="col-6 text-right">
<div class="ApartmentType">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_lblApartmentType"></span>
</div>
</div>
</div>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_pnlHotelName" class="HotelName HotelNameWidthExpedia"> Catalonia Barcelona Plaza </div>
<div class="HotelPriceFrom">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_lblPrice">
<div><span class="HotelPriceSpan"><span class="text-muted"><i class="fal fa-sensor-alert" aria-hidden="true"></i> Minimum stay:</span> 2 nights from 440.00 €</span></div>
</span>
</div>
<a href="#" onclick="showOnMap('f3d51459-141c-4acd-893f-490dc00ad2a4')" title="Show on map">
<i class="fas fa-map-marker-alt Color2" aria-hidden="true"></i>
<div class="EventDistance d-inline-block">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_WalkingDistanceFromEvent" class="WalkingDistanceFromEvent">Fira Barcelona Gran Via at <span><i class="fal fa-car" data-tippy="driving time" aria-hidden="true" tabindex="0"></i> 10mn</span> <span><i class="fal fa-bus" data-tippy="metro time" aria-hidden="true" tabindex="0"></i> 15mn</span></span>
</div>
</a>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_pnlOffers" class="Offers">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_divRate" class="rate only">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl05_pnlRate" class="ratingTrustYou">
<div class="trustyouscore" data-tippy-theme="light-border" data-tippy-htmlcontent="" data-template="trustyouRatingPopupf3d51459-141c-4acd-893f-490dc00ad2a4" tabindex="0">
<div class="value good"> 4.3</div>
</div>
<div id="trustyouRatingPopupf3d51459-141c-4acd-893f-490dc00ad2a4" style="display: none">
<div class="TrustYouBadge">
<a href="https://www.trustyou.com/fr/about/meta-review?ty_id=d64f988e-987a-4421-ad8d-45ba043bd556" target="_blank">
<!-- TrustYou Widget -->
<iframe src="https://api.trustyou.com/hotels/d64f988e-987a-4421-ad8d-45ba043bd556/seal.html?size=xs&lang=en&key=55d53a8a-12f1-44b0-9a56-966ec273ffd5" allowtransparency="true" frameborder="0" height="24" scrolling="no" width="180">
</iframe>
<!-- /TrustYou Widget -->
<div class="text-center">
<img src="Images/TrustYouRating/trustyou-logo-sm.png" alt="TrustYou">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl06$hfBookingComID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_hfBookingComID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl06$hfExpediaID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_hfExpediaID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl06$hfTrawexID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_hfTrawexID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl06$hfTrawexTwxHotelID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_hfTrawexTwxHotelID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl06$hfIsOnBnetwork" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_hfIsOnBnetwork"
value="True">
<div class="HotelContainer col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" data-eventhotelguid="23226870-5961-437e-b3ec-278fe35c8779">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_pnlHotelContainerDetails" class="pnlHotelContainerDetailsIMW">
<div class="position-relative">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl06$hfItemIndex" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_hfItemIndex" value="5">
<div id="anchor5"></div>
<script>
var isOnBnetwork = true;
if (isOnBnetwork) {
imgPhotosHotels.push([5, '68825aff-7036-421d-ace0-d7387770bed5']);
}
</script>
<div class="divHotelImage">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_tagPartner">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_pnlHotelSlides" class="divHotelSlide slick-initialized slick-slider slick-dotted"><button class="slick-prev slick-arrow"
aria-label="Previous" type="button" style="">Previous</button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 5330px; transform: translate3d(-410px, 0px, 0px);">
<div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div id="slick-slide50" class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 410px;" tabindex="0" role="tabpanel" aria-describedby="slick-slide-control50">
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="0"><img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_imgFront" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide51" aria-describedby="slick-slide-control51">
<a id="rptPhotos_ctl00_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide52" aria-describedby="slick-slide-control52">
<a id="rptPhotos_ctl01_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide53" aria-describedby="slick-slide-control53">
<a id="rptPhotos_ctl02_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide54" aria-describedby="slick-slide-control54">
<a id="rptPhotos_ctl03_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide55" aria-describedby="slick-slide-control55">
<a id="rptPhotos_ctl04_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1"><img id="" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="10" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779&ind=5" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
</div>
</div>
<button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button>
<ul class="slick-dots" style="" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control50" aria-controls="slick-slide50" aria-label="1 of 6" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control51" aria-controls="slick-slide51" aria-label="2 of 6" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control52" aria-controls="slick-slide52" aria-label="3 of 6" tabindex="-1">3</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control53" aria-controls="slick-slide53" aria-label="4 of 6" tabindex="-1">4</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control54" aria-controls="slick-slide54" aria-label="5 of 6" tabindex="-1">5</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control55" aria-controls="slick-slide55" aria-label="6 of 6" tabindex="-1">6</button></li>
</ul>
</div>
</div>
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_imgEcoFriendly" class="EcoFriendly" src="Images/eco-friendly.png" style="border-width:0px;">
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_imgFeature" class="HotelFeature" onerror="this.display='none'"
data-custom-src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/EventsHotels/23226870-5961-437e-b3ec-278fe35c8779/Graphics/Feature.png" src="" style="border-width:0px;max-width: 64px;">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_lblWalkingDistance" class="HotelWalkingDistance">Walking distance: 10 Min</span>
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_lbAddToWishList" class="wishlist" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl06$lbAddToWishList", "", true, "", "", false, true))"><span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_spWhishList" class="fa-stack fa-1x wishlist" style="font-size: 14px;" data-tippy-content="Add to wish list" data-tippy-zindex="9999999999" tabindex="0">
<i class="fas Color-White bookmark-overlay fa-bookmark fa-stack-2x pt-1" aria-hidden="true"></i>
<i class="fal Color2 fa-star fa-stack-1x " aria-hidden="true"></i>
</span></a>
</div>
<div class="row">
<div class="col-6 text-left">
<span class="HotelStarNumber">4</span>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_pnlHotelStarInfo" class="HotelStar HotelRank">
<img src="images/starInverted.png" style="vertical-align: top; width: 12px; height: 12px;">
</div>
</div>
<div class="col-6 text-right">
<div class="ApartmentType">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_lblApartmentType"></span>
</div>
</div>
</div>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_pnlHotelName" class="HotelName HotelNameWidthExpedia"> Hotel SB Plaza Europa </div>
<div class="HotelPriceFrom">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_lblPrice">
<div><span class="HotelPriceSpan"><span class="text-muted"><i class="fal fa-sensor-alert" aria-hidden="true"></i> Minimum stay:</span> 2 nights from 480.00 €</span></div>
</span>
</div>
<a href="#" onclick="showOnMap('23226870-5961-437e-b3ec-278fe35c8779')" title="Show on map">
<i class="fas fa-map-marker-alt Color2" aria-hidden="true"></i>
<div class="EventDistance d-inline-block">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_WalkingDistanceFromEvent" class="WalkingDistanceFromEvent">Fira Barcelona Gran Via at 650m</span>
</div>
</a>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_pnlOffers" class="Offers">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_divRate" class="rate only">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl06_pnlRate" class="ratingTrustYou">
<div class="trustyouscore" data-tippy-theme="light-border" data-tippy-htmlcontent="" data-template="trustyouRatingPopup23226870-5961-437e-b3ec-278fe35c8779" tabindex="0">
<div class="value good"> 4.2</div>
</div>
<div id="trustyouRatingPopup23226870-5961-437e-b3ec-278fe35c8779" style="display: none">
<div class="TrustYouBadge">
<a href="https://www.trustyou.com/fr/about/meta-review?ty_id=f3bc448b-8b18-4dc1-9267-019ea7dfa165" target="_blank">
<!-- TrustYou Widget -->
<iframe src="https://api.trustyou.com/hotels/f3bc448b-8b18-4dc1-9267-019ea7dfa165/seal.html?size=xs&lang=en&key=55d53a8a-12f1-44b0-9a56-966ec273ffd5" allowtransparency="true" frameborder="0" height="24" scrolling="no" width="180">
</iframe>
<!-- /TrustYou Widget -->
<div class="text-center">
<img src="Images/TrustYouRating/trustyou-logo-sm.png" alt="TrustYou">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl07$hfBookingComID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_hfBookingComID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl07$hfExpediaID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_hfExpediaID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl07$hfTrawexID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_hfTrawexID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl07$hfTrawexTwxHotelID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_hfTrawexTwxHotelID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl07$hfIsOnBnetwork" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_hfIsOnBnetwork"
value="True">
<div class="HotelContainer col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" data-eventhotelguid="fee2775d-abb9-4d9e-ada2-585b157b4e86">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_pnlHotelContainerDetails" class="pnlHotelContainerDetailsIMW">
<div class="position-relative">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl07$hfItemIndex" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_hfItemIndex" value="6">
<div id="anchor6"></div>
<script>
var isOnBnetwork = true;
if (isOnBnetwork) {
imgPhotosHotels.push([6, '808fd9b3-7aa1-4d90-bf82-a455e50094df']);
}
</script>
<div class="divHotelImage">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_tagPartner">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_pnlHotelSlides" class="divHotelSlide slick-initialized slick-slider slick-dotted"><button class="slick-prev slick-arrow"
aria-label="Previous" type="button" style="">Previous</button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 5330px; transform: translate3d(-410px, 0px, 0px);">
<div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div id="slick-slide60" class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 410px;" tabindex="0" role="tabpanel" aria-describedby="slick-slide-control60">
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="0"><img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_imgFront" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide61" aria-describedby="slick-slide-control61">
<a id="rptPhotos_ctl00_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide62" aria-describedby="slick-slide-control62">
<a id="rptPhotos_ctl01_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide63" aria-describedby="slick-slide-control63">
<a id="rptPhotos_ctl02_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide64" aria-describedby="slick-slide-control64">
<a id="rptPhotos_ctl03_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide65" aria-describedby="slick-slide-control65">
<a id="rptPhotos_ctl04_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1"><img id="" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="10" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86&ind=6" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
</div>
</div>
<button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button>
<ul class="slick-dots" style="" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control60" aria-controls="slick-slide60" aria-label="1 of 6" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control61" aria-controls="slick-slide61" aria-label="2 of 6" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control62" aria-controls="slick-slide62" aria-label="3 of 6" tabindex="-1">3</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control63" aria-controls="slick-slide63" aria-label="4 of 6" tabindex="-1">4</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control64" aria-controls="slick-slide64" aria-label="5 of 6" tabindex="-1">5</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control65" aria-controls="slick-slide65" aria-label="6 of 6" tabindex="-1">6</button></li>
</ul>
</div>
</div>
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_imgFeature" class="HotelFeature" onerror="this.display='none'"
data-custom-src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/EventsHotels/fee2775d-abb9-4d9e-ada2-585b157b4e86/Graphics/Feature.png" src="" style="border-width:0px;max-width: 64px;">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_lblWalkingDistance" class="HotelWalkingDistance">Walking distance: 10 Min</span>
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_lbAddToWishList" class="wishlist" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl07$lbAddToWishList", "", true, "", "", false, true))"><span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_spWhishList" class="fa-stack fa-1x wishlist" style="font-size: 14px;" data-tippy-content="Add to wish list" data-tippy-zindex="9999999999" tabindex="0">
<i class="fas Color-White bookmark-overlay fa-bookmark fa-stack-2x pt-1" aria-hidden="true"></i>
<i class="fal Color2 fa-star fa-stack-1x " aria-hidden="true"></i>
</span></a>
</div>
<div class="row">
<div class="col-6 text-left">
<span class="HotelStarNumber">4</span>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_pnlHotelStarInfo" class="HotelStar HotelRank">
<img src="images/starInverted.png" style="vertical-align: top; width: 12px; height: 12px;">
</div>
</div>
<div class="col-6 text-right">
<div class="ApartmentType">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_lblApartmentType"></span>
</div>
</div>
</div>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_pnlHotelName" class="HotelName HotelNameWidthExpedia"> AC Hotel Som by Marriott </div>
<div class="HotelPriceFrom">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_lblPrice">
<div><span class="HotelPriceSpan"><span class="text-muted"><i class="fal fa-sensor-alert" aria-hidden="true"></i> Minimum stay:</span> 2 nights from 480.00 €</span></div>
</span>
</div>
<a href="#" onclick="showOnMap('fee2775d-abb9-4d9e-ada2-585b157b4e86')" title="Show on map">
<i class="fas fa-map-marker-alt Color2" aria-hidden="true"></i>
<div class="EventDistance d-inline-block">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_WalkingDistanceFromEvent" class="WalkingDistanceFromEvent">Fira Barcelona Gran Via at 820m</span>
</div>
</a>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_pnlOffers" class="Offers">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_divRate" class="rate only">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl07_pnlRate" class="ratingTrustYou">
<div class="trustyouscore" data-tippy-theme="light-border" data-tippy-htmlcontent="" data-template="trustyouRatingPopupfee2775d-abb9-4d9e-ada2-585b157b4e86" tabindex="0">
<div class="value good"> 4.2</div>
</div>
<div id="trustyouRatingPopupfee2775d-abb9-4d9e-ada2-585b157b4e86" style="display: none">
<div class="TrustYouBadge">
<a href="https://www.trustyou.com/fr/about/meta-review?ty_id=a05221bc-dfde-4b6e-9140-a85e3d68ba30" target="_blank">
<!-- TrustYou Widget -->
<iframe src="https://api.trustyou.com/hotels/a05221bc-dfde-4b6e-9140-a85e3d68ba30/seal.html?size=xs&lang=en&key=55d53a8a-12f1-44b0-9a56-966ec273ffd5" allowtransparency="true" frameborder="0" height="24" scrolling="no" width="180">
</iframe>
<!-- /TrustYou Widget -->
<div class="text-center">
<img src="Images/TrustYouRating/trustyou-logo-sm.png" alt="TrustYou">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl08$hfBookingComID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_hfBookingComID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl08$hfExpediaID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_hfExpediaID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl08$hfTrawexID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_hfTrawexID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl08$hfTrawexTwxHotelID" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_hfTrawexTwxHotelID">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl08$hfIsOnBnetwork" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_hfIsOnBnetwork"
value="True">
<div class="HotelContainer col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" data-eventhotelguid="dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_pnlHotelContainerDetails" class="pnlHotelContainerDetailsIMW">
<div class="position-relative">
<input type="hidden" name="ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl08$hfItemIndex" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_hfItemIndex" value="7">
<div id="anchor7"></div>
<script>
var isOnBnetwork = true;
if (isOnBnetwork) {
imgPhotosHotels.push([7, '6b8a4d15-3b4e-477b-aa76-b8dfe4729451']);
}
</script>
<div class="divHotelImage">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_tagPartner">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_pnlHotelSlides" class="divHotelSlide slick-initialized slick-slider slick-dotted"><button class="slick-prev slick-arrow"
aria-label="Previous" type="button" style="">Previous</button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 6150px; transform: translate3d(-410px, 0px, 0px);">
<div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItNS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div id="slick-slide70" class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 410px;" tabindex="0" role="tabpanel" aria-describedby="slick-slide-control70">
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="0"><img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_imgFront" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide71" aria-describedby="slick-slide-control71">
<a id="rptPhotos_ctl00_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide72" aria-describedby="slick-slide-control72">
<a id="rptPhotos_ctl01_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide73" aria-describedby="slick-slide-control73">
<a id="rptPhotos_ctl02_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide74" aria-describedby="slick-slide-control74">
<a id="rptPhotos_ctl03_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide75" aria-describedby="slick-slide-control75">
<a id="rptPhotos_ctl04_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide" data-slick-index="6" aria-hidden="true" style="width: 410px;" tabindex="-1" role="tabpanel" id="slick-slide76" aria-describedby="slick-slide-control76">
<a id="rptPhotos_ctl05_hlHotel" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItNS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1"><img id="" class="imgHotels" src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjozMjgsImhlaWdodCI6MjIwLCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" style="border-width:0px;"></a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvUm9vbS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="10" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItMi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItMy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="12" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
<div class="slick-slide slick-cloned" data-slick-index="13" aria-hidden="true" style="width: 410px;" tabindex="-1">
<a id="" data-loader="" href="Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9&ind=7" tabindex="-1">
<img src="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvT3RoZXItNS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjMyOCwiaGVpZ2h0IjoyMjAsImZpdCI6ImZpbGwifX0sIlVybENhY2hlS2V5Ijo2MzgxMjUzNDQwMDAwMDAwMDB9" class="imgHotels" alt="">
</a>
</div>
</div>
</div>
<button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button>
<ul class="slick-dots" style="" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control70" aria-controls="slick-slide70" aria-label="1 of 7" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control71" aria-controls="slick-slide71" aria-label="2 of 7" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control72" aria-controls="slick-slide72" aria-label="3 of 7" tabindex="-1">3</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control73" aria-controls="slick-slide73" aria-label="4 of 7" tabindex="-1">4</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control74" aria-controls="slick-slide74" aria-label="5 of 7" tabindex="-1">5</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control75" aria-controls="slick-slide75" aria-label="6 of 7" tabindex="-1">6</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control76" aria-controls="slick-slide76" aria-label="7 of 7" tabindex="-1">7</button></li>
</ul>
</div>
</div>
<img id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_imgFeature" class="HotelFeature" onerror="this.display='none'"
data-custom-src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/EventsHotels/dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9/Graphics/Feature.png" title="New Opening"
src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/HotelsFeatures/c3d9d9ba-32c5-4de4-857e-67a43c3d346b.png" style="border-width:0px;max-width: 64px;">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_lblWalkingDistance" class="HotelWalkingDistance">Walking distance: 10 Min</span>
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_lbAddToWishList" class="wishlist" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucHotelsList$rptHotels$ctl08$lbAddToWishList", "", true, "", "", false, true))"><span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_spWhishList" class="fa-stack fa-1x wishlist" style="font-size: 14px;" data-tippy-content="Add to wish list" data-tippy-zindex="9999999999" tabindex="0">
<i class="fas Color-White bookmark-overlay fa-bookmark fa-stack-2x pt-1" aria-hidden="true"></i>
<i class="fal Color2 fa-star fa-stack-1x " aria-hidden="true"></i>
</span></a>
</div>
<div class="row">
<div class="col-6 text-left">
<span class="HotelStarNumber">4</span>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_pnlHotelStarInfo" class="HotelStar HotelRank">
<img src="images/starInverted.png" style="vertical-align: top; width: 12px; height: 12px;">
</div>
</div>
<div class="col-6 text-right">
<div class="ApartmentType">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_lblApartmentType"></span>
</div>
</div>
</div>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_pnlHotelName" class="HotelName HotelNameWidthExpedia"> Leonardo Royal Hotel Barcelona Fira </div>
<div class="HotelPriceFrom">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_lblPrice">
<div><span class="HotelPriceSpan"><span class="text-muted"><i class="fal fa-sensor-alert" aria-hidden="true"></i> Minimum stay:</span> 2 nights from 560.00 €</span></div>
</span>
</div>
<a href="#" onclick="showOnMap('dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9')" title="Show on map">
<i class="fas fa-map-marker-alt Color2" aria-hidden="true"></i>
<div class="EventDistance d-inline-block">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_WalkingDistanceFromEvent" class="WalkingDistanceFromEvent">Fira Barcelona Gran Via at 900m</span>
</div>
</a>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_pnlOffers" class="Offers">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_divRate" class="rate only">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucHotelsList_rptHotels_ctl08_pnlRate" class="ratingTrustYou">
<div class="trustyouscore" data-tippy-theme="light-border" data-tippy-htmlcontent="" data-template="trustyouRatingPopupdc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9" tabindex="0">
<div class="value good"> 4.5</div>
</div>
<div id="trustyouRatingPopupdc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9" style="display: none">
<div class="TrustYouBadge">
<a href="https://www.trustyou.com/fr/about/meta-review?ty_id=8f1b75f2-42b8-4072-8621-5a4ec1c2129b" target="_blank">
<!-- TrustYou Widget -->
<iframe src="https://api.trustyou.com/hotels/8f1b75f2-42b8-4072-8621-5a4ec1c2129b/seal.html?size=xs&lang=en&key=55d53a8a-12f1-44b0-9a56-966ec273ffd5" allowtransparency="true" frameborder="0" height="24" scrolling="no" width="180">
</iframe>
<!-- /TrustYou Widget -->
<div class="text-center">
<img src="Images/TrustYouRating/trustyou-logo-sm.png" alt="TrustYou">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var nbPhotosLoaded = 0;
function loadImgsHotels() {
var nbToCheck = imgPhotosHotels.length;
for (var i = 0; i < imgPhotosHotels.length; i++) {
var index = imgPhotosHotels[i][0];
var hotelGuid = imgPhotosHotels[i][1];
$.ajax({
type: "GET",
url: "AjaxHotelPhotos.aspx?DivId=" + index + "&HotelGuid=" + hotelGuid + "&EventHotelGuid",
success: function(html) {
var result = $(html).find('#divPhotos').html();
var divIndex = $(html).find('#divId').html();
var hotelPageUrl = $('#divImg' + divIndex + ' > a');
result = $(result);
result.find('a').attr('href', hotelPageUrl.attr('href'));
$("#divImg" + divIndex).after(result);
nbPhotosLoaded++;
checkAllPhotosLoaded(nbToCheck);
}
});
}
}
function checkAllPhotosLoaded(nbToCheck) {
if (nbPhotosLoaded == nbToCheck) {
loadHotelsListSliders();
}
}
function loadCustomFeaturesIcons() {
$('.HotelFeature[data-custom-src]').each(function() {
let imgTag = $(this);
let image_src = imgTag.attr('src');
let image_custom_src = imgTag.attr('data-custom-src');
let awsBucketRelativePath = image_custom_src.replace('https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/', '');
$.ajax({
type: "POST",
url: "JQuery.aspx/AWSFileExists",
data: '{fileUrl: "' + awsBucketRelativePath + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(r) {
if (r.d) {
imgTag.attr('src', image_custom_src);
} else {
if (image_src.lenght == 0) {
imgTag.hide();
}
}
}
});
})
}
$(function() {
loadImgsHotels();
loadCustomFeaturesIcons();
});
</script>
</div>
<script>
$(document).ready(function() {
$('.HotelContainer').mouseenter(function(e) {
var mouseEnter = '';
if (typeof mouseEnter === 'function') {
mouseEnter($(this).attr('data-eventHotelGuid'));
} else {
//onHotelHover($(this).attr('data-eventHotelGuid'));
AnimateMarker($(this).attr('data-eventHotelGuid'), google.maps.Animation.BOUNCE);
}
});
$('.HotelContainer').mouseleave(function(e) {
//onHotelLeave($(this).attr('data-eventHotelGuid'));
var mouseLeave = '';
//var mouseLeave = ('' != '') ? : undefined;
if (typeof mouseLeave === 'function') {
mouseLeave($(this).attr('data-eventHotelGuid'));
} else {
AnimateMarker($(this).attr('data-eventHotelGuid'), null);
}
});
});
</script>
<script src="CSS/Slick-Carousel/1.8.1/slick.min.js"></script>
</div>
<script type="text/javascript">
function initctl00_LeftContentPlaceHolder_wucHotelsByCategories() {
$('[data-tippy-content].HotelBestDeal').click(function(e) {
e.preventDefault();
e.stopPropagation(); //avoid loader trigger
});
// Apple Handling Events
if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i)) {
$('.HotelContainer > a').hover(function(e) {
var el = $(this);
if (el.attr('href')) {
var link = el.attr('href');
window.location = link;
}
});
}
}
$(document).ready(function() {
initctl00_LeftContentPlaceHolder_wucHotelsByCategories();
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {
initctl00_LeftContentPlaceHolder_wucHotelsByCategories();
});
});
</script>
<div class="w-100" style="display: flow-root;">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion_spanAvailableHotels" class="spanAvailableHotels">
<div style="float: left;">
<span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion_lblResults"></span> <span id="ctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion_lblAvailableHotels"></span>
</div>
</div>
</div>
<a id="ctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion_lbTargetControlID6" class="Hidden" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$LeftContentPlaceHolder$wucHotelsByCategoriesSuggestion$lbTargetControlID6", "", true, "", "", false, true))"></a>
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion_pnlNoHotels" class="ConfirmFinish editPopupResa" style="display: none; max-width: 800px; position: fixed; z-index: 20002;">
</div>
<div class="hotels-list-container" style="position: relative;">
<link href="CSS/Slick-Carousel/1.8.1/slick.css" rel="stylesheet">
<link href="CSS/Slick-Carousel/1.8.1/slick-theme.css" rel="stylesheet">
<div id="ctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion_wucHotelsList_pnlHotelsContainer" class="HotelsContainer hc-space row mx-auto ">
</div>
<script>
$(document).ready(function() {
$('.HotelContainer').mouseenter(function(e) {
var mouseEnter = '';
if (typeof mouseEnter === 'function') {
mouseEnter($(this).attr('data-eventHotelGuid'));
} else {
//onHotelHover($(this).attr('data-eventHotelGuid'));
AnimateMarker($(this).attr('data-eventHotelGuid'), google.maps.Animation.BOUNCE);
}
});
$('.HotelContainer').mouseleave(function(e) {
//onHotelLeave($(this).attr('data-eventHotelGuid'));
var mouseLeave = '';
//var mouseLeave = ('' != '') ? : undefined;
if (typeof mouseLeave === 'function') {
mouseLeave($(this).attr('data-eventHotelGuid'));
} else {
AnimateMarker($(this).attr('data-eventHotelGuid'), null);
}
});
});
</script>
<script src="CSS/Slick-Carousel/1.8.1/slick.min.js"></script>
</div>
<script type="text/javascript">
function initctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion() {
$('[data-tippy-content].HotelBestDeal').click(function(e) {
e.preventDefault();
e.stopPropagation(); //avoid loader trigger
});
// Apple Handling Events
if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i)) {
$('.HotelContainer > a').hover(function(e) {
var el = $(this);
if (el.attr('href')) {
var link = el.attr('href');
window.location = link;
}
});
}
}
$(document).ready(function() {
initctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion();
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {
initctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion();
});
});
</script>
<div data-act-control-type="modalPopupBackground" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategories_popupNoHotels_backgroundElement" class="modalBackground" style="display: none; position: fixed; left: 0px; top: 0px; z-index: 10000;">
</div>
<div data-act-control-type="modalPopupBackground" id="ctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion_popupNoHotels_backgroundElement" class="modalBackground"
style="display: none; position: fixed; left: 0px; top: 0px; z-index: 10000;"></div>
</div>
<div class="right">
<script src="Scripts/jquery.interpolator.js"></script>
<script src="Scripts/jquery.objectdata.js"></script>
<script type="text/javascript">
function showOnMap(eventHotelGuid, offsetX = 0, offsetY = 0, showHideMap = true) {
if (!isMapLoad) {
$(document).on('map-loaded', function() {
setTimeout(function() {
showOnMap(eventHotelGuid, offsetX, offsetY, false);
}, 1000);
});
//return;
}
$('[data-display-map]').data('display-map', true);
$('[data-display-map]').attr('data-display-map', true);
if (showHideMap) {
ShowHideMap(true, true, true /* animate*/ );
}
if (window.markersMap) {
if (markersMap != null) {
var map = myMap;
var marker = markersMap[eventHotelGuid];
if (marker == null && typeof mapSimilar !== 'undefined') {
marker = markersSimilar[eventHotelGuid];
if (marker != null) map = mapSimilar;
}
if (marker == null && typeof mapNearby !== 'undefined') {
marker = markersNearby[eventHotelGuid];
if (marker != null) map = mapNearby;
}
if (marker == null && typeof markersCluster !== 'undefined') {
for (var ehGuid in markersCluster) {
if (markersCluster[ehGuid].indexOf(eventHotelGuid) !== -1) {
marker = markersMap[ehGuid];
break;
}
}
}
if (marker != null) {
if (myMarkerClusterer) {
myMarkerClusterer.removeMarker(marker);
}
marker.setMap(map);
var hotelCoord = marker.getPosition();
var eventCoord = eventLatLng;
var bounds = new google.maps.LatLngBounds();
bounds.extend(hotelCoord);
bounds.extend(eventCoord);
//myMap.fitBounds(bounds);
map.panToBounds(bounds);
map.setCenter(bounds.getCenter());
if (offsetX !== 0 || offsetY !== 0) {
map.panBy(offsetX, offsetY);
}
//open infowindow when the mouse is hover an hotel
google.maps.event.trigger(marker, 'click');
}
}
}
return marker;
}
function onHotelHover(eventHotelGuid, offsetX = 0, offsetY = 0) {
if (window.markersMap) {
if (markersMap != null) {
selectMarker(eventHotelGuid, "start");
return;
var marker = markersMap[eventHotelGuid];
if (marker == null) {
for (var ehGuid in markersCluster) {
if (markersCluster[ehGuid].indexOf(eventHotelGuid) !== -1) {
marker = markersMap[ehGuid];
break;
}
}
}
if (marker != null) {
if (myMarkerClusterer) {
myMarkerClusterer.removeMarker(marker);
}
marker.setMap(myMap);
var hotelCoord = marker.getPosition();
var eventCoord = eventLatLng;
var bounds = new google.maps.LatLngBounds();
bounds.extend(hotelCoord);
bounds.extend(eventCoord);
//myMap.fitBounds(bounds);
myMap.panToBounds(bounds);
myMap.setCenter(bounds.getCenter());
if (offsetX !== 0 || offsetY !== 0) {
myMap.panBy(offsetX, offsetY);
}
//open infowindow when the mouse is hover an hotel
google.maps.event.trigger(marker, 'mouseover');
}
}
}
}
function onHotelLeave(eventHotelGuid) {
selectMarker(eventHotelGuid, "stop");
}
</script>
<link rel="stylesheet" href="css/googlemap.css?v=8DB0448D756BF00">
<script type="text/javascript">
// carousel object : {carouselID,eventHotelGuid, imageUrl, class }
const carouselTemplate = "\
<div id='{carouselID}' class='carousel slide' data-ride='carousel' style='max-width: 300px' >\
<div class='carousel-inner' data-EventHotelGuid='{eventHotelGuid}' >\
<div class='carousel-item active' data-target-EventHotelGuid='{eventHotelGuid}'>\
<img class='marker-popup-image d-block w-100' src='{imageUrl}'/>\
</div>\
</div>\
<button class='carousel-control-prev' type='button' data-target='#{carouselID}' data-slide='prev' style='display:none'>\
<span class='carousel-control-prev-icon' aria-hidden='true'></span>\
<span class='sr-only'>Previous</span>\
</button>\
<button class='carousel-control-next' type='button' data-target='#{carouselID}' data-slide='next' style='display:none'>\
<span class='carousel-control-next-icon' aria-hidden='true'></span>\
<span class='sr-only'>Next</span>\
</button>\
</div>";
const carouselItemTemplate = '\
<div class="carousel-item" data-target-EventHotelGuid="{id}">\
<img src="{imageUrl}" class="marker-popup-image d-block w-100" alt="..." style="max-width:300px">\
</div>';
function LoadMap() {
let isMapLoaded = false;
if ($('#left').hasClass('map-on') /* || !$('#left').length */ ) {
/* condition si le div left n'existe pas (exemple Widget)*/
initSimple();
isMapLoaded = true;
$(document).trigger('map-loaded');
} else {
var fnToggleMap = function() {
initSimple();
isMapLoaded = true;
$(document).trigger('map-loaded');
};
$("#left").on('classChange', function() {
if ($('#left').hasClass('map-on')) {
$('#left').off('classChange');
fnToggleMap();
}
});
$(document).on('map-load', function() {
$(document).off('map-load');
fnToggleMap();
});
}
$(document).trigger('map-ready');
}
function ToggleMaps(button, id) {
$('#ctl00_RightContentPlaceHolder_wucPlans_mapsGoogle_btnSimple').removeClass('btnMapFloatingSelected');
$('#ctl00_RightContentPlaceHolder_wucPlans_mapsGoogle_btnPOI').removeClass('btnMapFloatingSelected');
$('#ctl00_RightContentPlaceHolder_wucPlans_mapsGoogle_btnNearby').removeClass('btnMapFloatingSelected');
$('#ctl00_RightContentPlaceHolder_wucPlans_mapsGoogle_btnSimilar').removeClass('btnMapFloatingSelected');
$(button).addClass('btnMapFloatingSelected');
document.getElementById("mapSimple").style.display = "none";
document.getElementById("mapPOI").style.display = "none";
document.getElementById("mapNearby").style.display = "none";
document.getElementById("mapSimilar").style.display = "none";
document.getElementById(id).style.display = "block";
//Alexis: les différentes maps sont initalisés automatiquement au load
if (id == "mapSimple" && typeof initializeSimple == 'function') {
//initializeSimple();
}
if (id == "mapPOI" && typeof fitBoundsMapPOI == 'function') {
fitBoundsMapPOI();
}
if (id == "mapNearby" && typeof fitBoundsNearBy == 'function') {
fitBoundsNearBy();
}
if (id == "mapSimilar" && typeof fitBoundsMapSimilar == 'function') {
fitBoundsMapSimilar();
}
}
function selectMarker(key, status) {
var marker;
if (typeof key === 'object') marker = key;
if (marker === undefined && typeof markersMap === 'object') marker = markersMap[key];
if (marker === undefined && typeof markersSimilar === 'object') marker = markersSimilar[key];
if (marker === undefined && typeof markersNearby === 'object') marker = markersNearby[key];
if (marker === undefined && typeof markersPOI === 'object') marker = markersPOI[key];
if (marker === undefined) return;
if (marker?.icon !== undefined) {
if (marker?.icon?.scaledSize) {
var url = marker.icon.url;
var scallwidth = marker.icon.scaledSize.width;
var scallHeight = marker.icon.scaledSize.height;
if (status == "start" && !marker.icon.isScalled) {
if (markersMap[key]) {
if (myMarkerClusterer) {
myMarkerClusterer.removeMarker(marker);
}
}
marker.setIcon({
url: url,
scaledSize: new google.maps.Size(scallwidth * 1.5, scallHeight * 1.5),
isScalled: true
});
marker.defaultZindex = marker.zIndex;
marker.setZIndex(900000000000);
} else if (status == "stop" && marker.icon.isScalled) {
marker.setIcon({
url: url,
scaledSize: new google.maps.Size(scallwidth / 1.5, scallHeight / 1.5),
isScalled: false
});
if (markersMap[key]) {
if (myMarkerClusterer) {
myMarkerClusterer.addMarker(marker);
}
}
marker.setZIndex(marker.defaultZindex);
}
marker.setMap(myMap);
}
}
}
function AnimateMarker(key, animation) {
var marker;
if (typeof key === 'object') marker = key;
if (marker === undefined && typeof markersMap === 'object') marker = markersMap[key];
if (marker === undefined && typeof markersSimilar === 'object') marker = markersSimilar[key];
if (marker === undefined && typeof markersNearby === 'object') marker = markersNearby[key];
if (marker === undefined && typeof markersPOI === 'object') marker = markersPOI[key];
if (marker === undefined) return;
if (myMarkerClusterer) {
if (myMarkerClusterer.removeMarker(marker)) {
marker.setMap(myMap);
}
}
//if (animation != null) {
// marker.setZIndex(900000000000);
//} else {
// marker.setZIndex(1);
//}
marker.setAnimation(animation);
//if (animation != null) {
// var zIndexes = markersMap.map(c => { return c.getOptions().zIndex; });
// var maxZIndex = Math.max.apply(Math, zIndexes);
// //marker.setOptions({ zIndex: 100000000000 + 1 });
//}
}
function LoadMapPopupCarousel(carouselInner, id) {
$.ajax({
url: 'Maps.aspx/GetHotelPhotos',
data: "{ 'eventHotelGuid': '" + id + "', width:300, height:200, excludeFrontImg:true }",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function(data) {
var images = JSON.parse(data.d);
$.each(images, function(i, imageUrl) {
var itemHtml = $.interpolate(carouselItemTemplate, {
imageUrl,
id
});
$(carouselInner).append($(itemHtml));
$(carouselInner).parent().find('button').css('display', '');
});
},
error: function(response) {
console.log(response.responseText);
},
failure: function(response) {
console.log(response.responseText);
}
});
}
// add marker with content build from cs...
function AddMapMarker(map, markerArray, i, obj) {
var markerPosition = new google.maps.LatLng(obj.lat, obj.lng);
var regIcon = {
url: obj.icon.url
};
if (obj.icon.width != null && obj.icon.height != null) {
regIcon.scaledSize = new google.maps.Size(obj.icon.width ?? 32, obj.icon.height ?? 32);
}
var type = 1;
var isMulti = false;
var marker = new google.maps.Marker({
position: markerPosition,
map: map,
icon: regIcon,
zIndex: (1000 - (type * 10)) /*, animation: google.maps.Animation.DROP */
});
markerArray[obj.id] = marker;
var infowindow = new google.maps.InfoWindow({
content: obj.content
});
google.maps.event.addListener(infowindow, 'domready', function() {
$('.gm-style-iw-d').css('overflow', 'hidden');
$('.gm-style-iw.gm-style-iw-c').addClass(obj.popup_class);
LoadMapPopupCarousel('.carousel-inner[data-EventHotelGuid="' + obj.id + '"]', obj.id);
});
google.maps.event.addListener(marker, 'mouseover', function() {
selectMarker(marker, "start");
});
google.maps.event.addListener(marker, 'mouseout', function() {
selectMarker(marker, "stop");
});
google.maps.event.addListener(marker, 'zoom_changed', function() {
hideInfoBoxesDefault(infowindow); /*showInfoBoxesDefault(infowindow, marker, true);*/
});
if (JSON.parse(isMulti) == false) {
//google.maps.event.addListener(marker, 'click', function () { window.location = "Hotel.aspx?" + guid + (isOnPartners == "true" ? "&IsOnPartners=true" : ""); });
google.maps.event.addListener(marker, 'click', function() {
hideInfoBoxesDefault(infowindow);
showInfoBoxesDefault(infowindow, marker);
if ($(window).width() < 768) {
setCurrentSlide(obj.id);
}
});
}
return marker;
}
</script>
<div class="mapContainer">
<div class="map-btn map-btn-hide">
<a href="#" onclick="SwitchMapEx();return false;" data-tippy-content="Hide map" data-tippy-zindex="9999999999">
<i class="fas fa-times-circle fa-1x" style="font-size: 18px;" aria-hidden="true"></i>
</a>
<script type="text/javascript">
function SwitchMapEx() {
if (typeof SwitchMap == "function") {
SwitchMap();
} else {
$('[data-display-map]').click();
}
}
</script>
</div>
<div id="mapSimple">
<style type="text/css">
@media screen and (max-width: 768px) {
#map_hotelsListMobile {
position: absolute;
bottom: 25px;
height: 9rem;
width: 90vw;
left: 5vw;
background: rgba(0, 0, 0, 0.4);
overflow-x: auto;
overflow-y: hidden;
font-size: 0.9rem;
}
#map_hotelsListMobile .slick-list {
padding: 0px !important;
height: 100%;
}
#map_hotelsListMobile .slick-list .slick-prev,
#map_hotelsListMobile .slick-list .slick-next {
height: 100%;
width: 5vw;
}
#map_hotelsListMobile .slick-list .slick-prev:before,
#map_hotelsListMobile .slick-list .slick-next:before {
color: white;
height: 100%;
font-size: 20px;
font-family: "Font Awesome 5 Pro";
}
#map_hotelsListMobile .slick-list .slick-prev:before {
content: '\f053';
}
#map_hotelsListMobile .slick-list .slick-next:before {
content: '\f054';
}
#map_hotelsListMobile .slick-list .slick-prev {
left: 0;
}
#map_hotelsListMobile .slick-list .slick-next {
right: 0;
}
#map_hotelsListMobile .slick-track {
height: 100%;
}
#map_hotelsListMobile>div>div>.ItemGrid {
display: inline-block;
width: 80vw;
margin: auto;
min-height: 120px;
background-color: white;
margin: 0 5vw 5vw 5vw;
vertical-align: top;
padding: 0 !important;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position: relative;
}
#map_hotelsListMobile>div>div>.ItemGrid .row,
#map_hotelsListMobile>div>div>.ItemGrid .row [class*="col-"] {
height: 100%;
}
#map_hotelsListMobile>div>div>.ItemGrid .imgHotels {
height: 100% !important;
}
}
</style>
<script type="text/javascript">
//03/01/2022 les "??" ne sont pas pris en compte sur les anciens navigateurs
var MapForceShowHotelsSlider = MapForceShowHotelsSlider != "undefined" ? MapForceShowHotelsSlider : false; //MapForceShowHotelsSlider ?? false;
var myMap;
var myMarkerClusterer;
var latlngbounds;
var eventLatLng;
var allMarkersLoaded = false;
var hotelsList = [];
var markersMap = [];
var markersCluster = [];
var currentInfoBox;
var useHotelCluster = true;
var useApartCluster = false;
var catHotel = true;
var isMapLoad = false;
var redirectToBlank = '0';
var ignoreRecenter = false;
var ShowHotelsListInDesktop = false || MapForceShowHotelsSlider;
var ShowHotelsListInMobileDevices = true
var isIntegratedMobileWebsite = ('False' == "True" ? true : false) || MapForceShowHotelsSlider;
var onMapInitialized = function() {};
function initialize() {
if (!isMapLoad) {
isMapLoad = true;
clusterized();
latlngbounds = new google.maps.LatLngBounds();
eventLatLng = new google.maps.LatLng(41.35489575280922, 2.1278589504449537);
// Init
var myOptions = {
zoom: 12,
maxZoom: 19,
center: eventLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
zIndex: 10000,
zoomControl: false,
fullscreenControl: false,
styles: [{
"featureType": "poi",
"stylers": [{
"visibility": "off"
}]
}]
};
myMap = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
$('#map_canvas').resize(function() {
google.maps.event.trigger(myMap, "resize");
});
google.maps.event.addListener(myMap, 'zoom_changed', function() {
google.maps.event.trigger(myMap, "resize");
hideInfoBoxesDefault(null);
});
if (!isIntegratedMobileWebsite) myMap.controls[google.maps.ControlPosition.TOP_RIGHT].push(FullScreenControl(myMap, 'Full screen', 'Exit full screen'));
}
}
function fitBoundsMapSimple() {
if (latlngbounds && myMap) {
myMap.fitBounds(latlngbounds);
myMap.setCenter(latlngbounds.getCenter());
}
}
function MakeChild(point, title, icon) {
var marker = new google.maps.Marker({
position: point,
map: myMap,
icon: icon,
zIndex: 1000
});
var infowindow = new google.maps.InfoWindow({
content: title
});
google.maps.event.addListener(infowindow, 'domready', function() {
$(document).trigger('infowindowload', e);
});
google.maps.event.addListener(marker, 'click', function() {
hideInfoBoxesDefault(infowindow);
showInfoBoxesDefault(infowindow, marker);
});
return marker;
}
//function MakeMarker(map, markerArray, img, point, nom, adresse, codepostal, ville, type, category, nbStars, i, isDisabled, eventHotelGuid, isOnPartners, bookingComHotelID, expediaHotelID, priceFrom, isMulti, isApart) {
function MakeMarker(map, markerArray, index, markerOptions) {
var guid = "EventHotelGuid=" + markerOptions.eventHotelGuid;
var awsMapIconsUrl = 'https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/';
if (markerOptions.isOnPartners != "true" && markerOptions.bookingComHotelID) guid = "BookingComHotelID=" + markerOptions.bookingComHotelID;
else if (markerOptions.isOnPartners != "true" && markerOptions.expediaHotelID) guid = "ExpediaHotelID=" + markerOptions.expediaHotelID;
var icon;
if (JSON.parse(markerOptions.isMulti) == false) {
if (markerOptions.nbStars > 0) {
icon = awsMapIconsUrl + "marker_" + markerOptions.nbStars + "star.png";
} else {
icon = awsMapIconsUrl + "marker_0star.png";
}
} else {
icon = awsMapIconsUrl + "markerMulti_pink.png";
}
var regIcon = {
url: icon,
scaledSize: new google.maps.Size(32, 32)
};
var category2 = " ";
for (var iStars = 0; iStars < markerOptions.nbStars; iStars++) category2 += "<i class='fas fa-star' style='color:var(--color1);'></i>";
var marker = new google.maps.Marker({
position: markerOptions.point,
map: map,
icon: regIcon,
zIndex: (1000 - (markerOptions.type * 10)) /*, animation: google.maps.Animation.DROP */
});
markerArray[markerOptions.eventHotelGuid] = marker;
//var imgString = markerOptions.img.length > 0 ? "<img class='marker-popup-image' src='" + markerOptions.img + "'/>" : "";
//let isMobile = $(window).width() < 768;
//var contentString = (!isMobile ? "<div style='text-align: center;padding-right: 0px;padding-top: 0px;'>" + imgString + "</div>" : "") + "<font color='#000000'>" + nom + (!isMobile ? "<br/>" + (nbStars > 0 ? category : "") + (priceFrom != "" ? "<br />" + priceFrom : "") + "</font>" : "");
//var contentString = (!isMobile ? "<div class='marker-popup-content' data-event-hotel-guid='" + markerOptions.eventHotelGuid +"'>" + imgString + "</div>" : "") + "<div style='padding:5px;max-width:300px;'><font color='#000000'>" + nom + (!isMobile ? category2 + (priceFrom != "" ? "<br />" + priceFrom : "") + "</font></div>" : "");
//if (isMobile) {
//contentString = "<div style='white-space:nowrap;padding: 10px;padding-right: 20px;'><font color='#000000'>" + nom + "</font></div>";
//}
var spanPriceFrom = markerOptions.priceFrom != "" ? "<br/><span class='marker-popup-description-priceFrom'>" + markerOptions.priceFrom + "</span>" : "";
var template = "\
<div class='marker-popup-content' data-event-hotel-guid='{eventHotelGuid}'>{carousel}</div>\
<div class='marker-popup-description'>\
<span class='marker-popup-description-name'>{name}</span>\
<span class='marker-popup-description-stars'>{stars}</span>\
{priceFrom}\
</div>";
var carousel = $.interpolate(carouselTemplate, {
carouselID: 'mapDefaultMarkerCarousel_' + markerOptions.index,
eventHotelGuid: markerOptions.eventHotelGuid,
imageUrl: markerOptions.img,
class: ''
});
contentString = $.interpolate(template, {
eventHotelGuid: markerOptions.eventHotelGuid,
name: markerOptions.nom,
stars: category2,
priceFrom: spanPriceFrom,
carousel: carousel
});
var infowindow = new google.maps.InfoWindow({
content: contentString
});
google.maps.event.addListener(infowindow, 'domready', function(e) {
$('.gm-style-iw-d').css('overflow', 'hidden');
$('.gm-style-iw.gm-style-iw-c').addClass('map-hotel-popup').attr('data-isMulti', markerOptions.isMulti);
if (markerOptions.isMulti) {
$.each(markerOptions.childrens, (iChild, child) => {
LoadMapPopupCarousel('.carousel-inner[data-EventHotelGuid="' + markerOptions.eventHotelGuid + '"]', child.eventHotelGuid);
});
$('.marker-popup-multi[data-targeteventhotelguid="' + markerOptions.eventHotelGuid + '"]').addClass('active');
} else {
LoadMapPopupCarousel('.carousel-inner[data-EventHotelGuid="' + markerOptions.eventHotelGuid + '"]', markerOptions.eventHotelGuid);
}
$('#mapDefaultMarkerCarousel_' + markerOptions.index).on('slid.bs.carousel', function() {
var activeItem = $(this).find('.carousel-item.active');
var targetEventhotelguid = activeItem.data("targetEventhotelguid");
$('.marker-popup-multi').removeClass('active');
var elements = $('.marker-popup-multi[data-targeteventhotelguid="' + targetEventhotelguid + '"]').addClass('active');
if (elements.length > 0) elements[0].scrollIntoView(false);
});
$(document).trigger('infowindowload', e);
});
//google.maps.event.addListener(marker, 'mouseover', function () { hideInfoBoxesDefault(infowindow); showInfoBoxesDefault(infowindow, marker); });
google.maps.event.addListener(marker, 'mouseover', function() {
selectMarker(marker, "start");
});
google.maps.event.addListener(marker, 'mouseout', function() {
selectMarker(marker, "stop");
});
google.maps.event.addListener(marker, 'zoom_changed', function() {
hideInfoBoxesDefault(infowindow); /*showInfoBoxesDefault(infowindow, marker, true);*/
});
if (JSON.parse(markerOptions.isMulti) == true) {
// on ajoute le meme marker dans le tableau avec l'id du sous markeur
$.each(markerOptions.childrens, child => {
markerArray[child.eventHotelGuid] = marker;
});
}
google.maps.event.addListener(marker, 'click', function() {
hideInfoBoxesDefault(infowindow);
showInfoBoxesDefault(infowindow, marker);
if ($(window).width() < 768) {
setCurrentSlide(markerOptions.eventHotelGuid);
}
});
return marker;
}
function is_touch_enabled() {
return ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0);
}
function showInfoBoxesDefault(currentInfowindow, marker, disableAutoPan = false) {
var currentMap = marker.getMap();
selectMarker(marker, "start");
if (currentMap) {
//Recreate InfoWindow to change disableAutoPan property
currentInfowindow.setOptions({
disableAutoPan: disableAutoPan
});
//if (currentInfowindow.disableAutoPan != disableAutoPan) {
// //currentInfowindow = new google.maps.InfoWindow({ content: currentInfowindow.content, disableAutoPan: disableAutoPan});
//}
currentInfowindow.open(currentMap, marker);
} else {
currentInfowindow.close();
}
currentInfoBox = currentInfowindow;
}
function hideInfoBoxesDefault(defaultInfobox) {
if (currentInfoBox != null && currentInfoBox != defaultInfobox) {
selectMarker(currentInfoBox.anchor, "stop");
currentInfoBox.close();
}
}
function LoadHotels() {
var urlXml =
'https://shoptalkeurope.bnetwork.com:443//MapGenerateXML.aspx?Mode=FullHotelList&utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email';
let showHotelsSlider = (ShowHotelsListInMobileDevices && $(window).width() < 768) || ShowHotelsListInDesktop;
CreateHotelsMarkers(
'<?xml version="1.0" encoding="utf-16" standalone="yes"?> <markers> <marker lat="41.35644719767681" lng="2.1234512329101562" type="4" nbStars="4" category="Superior rating. 4 Star" eventHotelGuid="a0675a15-d16e-4128-a463-a07272020f27" bookingComHotelID="" expediaHotelID="" homeAwayID="" isOnPartners="false" adresse="" codepostal="" ville="" pays="" isDisabled="false" isMulti="false" isApart="false" img="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy85ZDEwZjIwZi03NDJkLTQ0MjItYjQ4OC1kMmM4NThlYmUxNGUvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyNzAsImhlaWdodCI6MTI2LCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" rating="92.0" TrustYouID="6ae6d440-28f1-492e-a7ee-fc707d3e8f6e" eventHotelGuids="" priceFrom="from&nbsp; 290.00 €" nom="<b><a href=\'/Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=a0675a15-d16e-4128-a463-a07272020f27\' target=\'_top\'>Renaissance Barcelona Fira Hotel</a></b>" /> <marker lat="41.360908" lng="2.129695" type="8" nbStars="1" category="Budget rating. 1 Star" eventHotelGuid="7bc7f272-91b5-469a-9dc1-cd66fe676e1b" bookingComHotelID="" expediaHotelID="" homeAwayID="" isOnPartners="false" adresse="" codepostal="" ville="" pays="" isDisabled="false" isMulti="false" isApart="false" img="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8yZjA5NzlhNS0wMDM2LTQyODctYTllOS0xZmViMDk3ZmY2YTAvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyNzAsImhlaWdodCI6MTI2LCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" rating="80.0" TrustYouID="698e0d9b-ad83-4ac1-8c22-e710dc11f91b" eventHotelGuids="" priceFrom="from&nbsp; 150.00 €" nom="<b><a href=\'/Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=7bc7f272-91b5-469a-9dc1-cd66fe676e1b\' target=\'_top\'>easyHotel Barcelona Fira</a></b>" /> <marker lat="41.3543932" lng="2.1253484999999728" type="4" nbStars="4" category="Superior rating. 4 Star" eventHotelGuid="0f102404-a823-4e67-bf11-d0da60153e20" bookingComHotelID="" expediaHotelID="" homeAwayID="" isOnPartners="false" adresse="" codepostal="" ville="" pays="" isDisabled="false" isMulti="false" isApart="false" img="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8wOWQwNGQyZS1iNjVhLTRkOGItOWQ5Yi0yMGQ4ZDFiOTNhYjMvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyNzAsImhlaWdodCI6MTI2LCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" rating="90.0" TrustYouID="ba3fbe12-9f10-49a4-a8e3-b038854c003c" eventHotelGuids="" priceFrom="from&nbsp; 275.00 €" nom="<b><a href=\'/Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=0f102404-a823-4e67-bf11-d0da60153e20\' target=\'_top\'>Hotel Porta Fira 4* Sup</a></b>" /> <marker lat="41.355874" lng="2.1248013" type="5" nbStars="3" category="First Class rating. 3 & 4 Star" eventHotelGuid="701f79ae-4dae-4619-9ffa-629dadbcca09" bookingComHotelID="" expediaHotelID="" homeAwayID="" isOnPartners="false" adresse="" codepostal="" ville="" pays="" isDisabled="false" isMulti="false" isApart="false" img="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy9mMGUyZmIxMy1hZmMyLTQ0YWYtYjE0NC1hMjY2MzQwZDgxMDEvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyNzAsImhlaWdodCI6MTI2LCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" rating="91.0" TrustYouID="d53c8909-a3ba-47db-ace1-10f86cfcac94" eventHotelGuids="" priceFrom="from&nbsp; 255.00 €" nom="<b><a href=\'/Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=701f79ae-4dae-4619-9ffa-629dadbcca09\' target=\'_top\'>Hampton by Hilton Barcelona Fira Gran Via</a></b>" /> <marker lat="41.375665" lng="2.148535" type="4" nbStars="4" category="Superior rating. 4 Star" eventHotelGuid="f3d51459-141c-4acd-893f-490dc00ad2a4" bookingComHotelID="" expediaHotelID="" homeAwayID="" isOnPartners="false" adresse="" codepostal="" ville="" pays="" isDisabled="false" isMulti="false" isApart="false" img="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy8xMTkyNTQxNy0yZjg2LTRjODUtYjU3Yi0wY2M3NGE3YTJlZGUvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyNzAsImhlaWdodCI6MTI2LCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" rating="86.0" TrustYouID="d64f988e-987a-4421-ad8d-45ba043bd556" eventHotelGuids="" priceFrom="from&nbsp; 220.00 €" nom="<b><a href=\'/Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=f3d51459-141c-4acd-893f-490dc00ad2a4\' target=\'_top\'>Catalonia Barcelona Plaza</a></b>" /> <marker lat="41.35965348781291" lng="2.1323321693120016" type="4" nbStars="4" category="Superior rating. 4 Star" eventHotelGuid="23226870-5961-437e-b3ec-278fe35c8779" bookingComHotelID="" expediaHotelID="" homeAwayID="" isOnPartners="false" adresse="" codepostal="" ville="" pays="" isDisabled="false" isMulti="false" isApart="false" img="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82ODgyNWFmZi03MDM2LTQyMWQtYWNlMC1kNzM4Nzc3MGJlZDUvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyNzAsImhlaWdodCI6MTI2LCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" rating="83.0" TrustYouID="f3bc448b-8b18-4dc1-9267-019ea7dfa165" eventHotelGuids="" priceFrom="from&nbsp; 240.00 €" nom="<b><a href=\'/Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=23226870-5961-437e-b3ec-278fe35c8779\' target=\'_top\'>Hotel SB Plaza Europa</a></b>" /> <marker lat="41.3612083" lng="2.1326963" type="4" nbStars="4" category="Superior rating. 4 Star" eventHotelGuid="fee2775d-abb9-4d9e-ada2-585b157b4e86" bookingComHotelID="" expediaHotelID="" homeAwayID="" isOnPartners="false" adresse="" codepostal="" ville="" pays="" isDisabled="false" isMulti="false" isApart="false" img="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy84MDhmZDliMy03YWExLTRkOTAtYmY4Mi1hNDU1ZTUwMDk0ZGYvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyNzAsImhlaWdodCI6MTI2LCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" rating="83.0" TrustYouID="a05221bc-dfde-4b6e-9140-a85e3d68ba30" eventHotelGuids="" priceFrom="from&nbsp; 240.00 €" nom="<b><a href=\'/Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=fee2775d-abb9-4d9e-ada2-585b157b4e86\' target=\'_top\'>AC Hotel Som by Marriott</a></b>" /> <marker lat="41.357465" lng="2.137954" type="4" nbStars="4" category="Superior rating. 4 Star" eventHotelGuid="dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9" bookingComHotelID="" expediaHotelID="" homeAwayID="" isOnPartners="false" adresse="" codepostal="" ville="" pays="" isDisabled="false" isMulti="false" isApart="false" img="https://d3q7x7f8c6hxga.cloudfront.net/eyJidWNrZXQiOiJtZWRpYS5ibmV0d29yay5jb20iLCJrZXkiOiJQcm9kL0hvdGVscy82YjhhNGQxNS0zYjRlLTQ3N2ItYWE3Ni1iOGRmZTQ3Mjk0NTEvRnJvbnQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyNzAsImhlaWdodCI6MTI2LCJmaXQiOiJmaWxsIn19LCJVcmxDYWNoZUtleSI6NjM4MTI1MzQ0MDAwMDAwMDAwfQ==" rating="90.0" TrustYouID="8f1b75f2-42b8-4072-8621-5a4ec1c2129b" eventHotelGuids="" priceFrom="from&nbsp; 280.00 €" nom="<b><a href=\'/Hotel.aspx?utm_campaign=Shoptalk+Europe+2023&utm_medium=email&_hsmi=246996437&_hsenc=p2ANqtz--TejQzKl5NXEeiJFub9E6thM695q71sCfNMbzlE9bG8-CsZluyI0H_FCKxSk3w_Lcs6xeGeROJW6jKQYuAadeiUumyLSDYc4h7XSTV-rzuZ7KSYAc&utm_content=246996437&utm_source=hs_email&EventHotelGuid=dc5eaa8a-7757-4d09-b7a8-78ed1c3e39d9\' target=\'_top\'>Leonardo Royal Hotel Barcelona Fira</a></b>" /> </markers>',
showHotelsSlider);
displayDefaultMapLoader(false);
let startTime, endTime;
startTime = new Date();
downloadUrl(urlXml /*+ "&Rnd=" + Math.random()*/ , function(data) {
let endTime = new Date();
let ignoreRecenter = showHotelsSlider || (true && ((endTime.getTime() - startTime.getTime()) / 1000) > 1);
CreateHotelsMarkers(data.responseText, ignoreRecenter);
displayDefaultMapLoader(false);
if (showHotelsSlider) {
FillHotelsList(data.responseText);
}
$(document).trigger('map-hotels-loaded');
});
}
function LoadPOIs() {
var urlXml = 'https://shoptalkeurope.bnetwork.com:443//MapGenerateXML.aspx?Mode=POIs';
downloadUrl(urlXml + "&Rnd=" + Math.random(), function(data) {
CreatePOIsMarkers(data.responseText);
});
}
function LoadEventLocations() {
//var isMobile = isIntegratedMobileWebsite || $(window).width() < 768;
//if (!isMobile) {
var urlXml = 'https://shoptalkeurope.bnetwork.com:443//MapGenerateXML.aspx?Mode=EventLocations&EventLocationGuid=00000000-0000-0000-0000-000000000000';
downloadUrl(urlXml /*+ "&Rnd=" + Math.random()*/ , function(data) {
CreateEventLocationsMarkers(data.responseText);
});
/*}*/
}
function GetHotelGridItem(markerIndex) {
var divItemTemplate = $('#map_hotelsListMobile_itemTemplate').html();
var imgStar = '<img src="images/star2.png" class="d-inline-block" />';
var eventHotelGuid = hotelsList[markerIndex].getAttribute("eventHotelGuid");
var isOnPartners = hotelsList[markerIndex].getAttribute("isOnPartners");
var bookingComHotelID = hotelsList[markerIndex].getAttribute("bookingComHotelID");
var expediaHotelID = hotelsList[markerIndex].getAttribute("expediaHotelID");
var nom = hotelsList[markerIndex].getAttribute("nom");
if (redirectToBlank == "1") {
nom = nom.replace("target='_top'", "target='_blank'");
}
var nbStars = hotelsList[markerIndex].getAttribute("nbStars");
var priceFrom = hotelsList[markerIndex].getAttribute("priceFrom");
var isDisabled = hotelsList[markerIndex].getAttribute("isDisabled");
var isApart = hotelsList[markerIndex].getAttribute("isApart");
var img = hotelsList[markerIndex].getAttribute("img");
var rating = hotelsList[markerIndex].getAttribute("rating");
var trustYouID = hotelsList[markerIndex].getAttribute("TrustYouID");
if (!String.prototype.replaceAll) {
String.prototype.replaceAll = function(search, replacement) {
var target = this;
return target.replace(new RegExp(search, 'g'), replacement);
};
}
var currentItemTemplate = divItemTemplate;
currentItemTemplate = currentItemTemplate.replaceAll('{index}', markerIndex);
currentItemTemplate = currentItemTemplate.replaceAll('{eventHotelGuid}', eventHotelGuid);
currentItemTemplate = currentItemTemplate.replaceAll('{url}', getHotelPageUrl(eventHotelGuid, bookingComHotelID, expediaHotelID, isOnPartners));
currentItemTemplate = currentItemTemplate.replaceAll('{img}', img);
currentItemTemplate = currentItemTemplate.replaceAll('{name}', nom);
currentItemTemplate = currentItemTemplate.replaceAll('{priceFrom}', priceFrom);
currentItemTemplate = currentItemTemplate.replaceAll('{stars}', new Array(parseInt(nbStars) + 1).join(imgStar));
//currentItemTemplate = currentItemTemplate.replaceAll('data-src', 'src');
if (true) {
rating = rating / 20;
}
currentItemTemplate = currentItemTemplate.replaceAll('{rating}', rating);
if (trustYouID) {
currentItemTemplate = currentItemTemplate.replaceAll('{TrustYouURL}', 'https://api.trustyou.com/hotels/' + trustYouID + '/seal.html?size=xs&key=55d53a8a-12f1-44b0-9a56-966ec273ffd5');
currentItemTemplate = currentItemTemplate.replaceAll('{TrustYouIFrameClass}', 'TrustYouIFrame');
} else {
currentItemTemplate = currentItemTemplate.replaceAll('{TrustYouURL}', '');
currentItemTemplate = currentItemTemplate.replaceAll('{TrustYouIFrameClass}', 'd-none');
}
return currentItemTemplate;
}
function FillHotelsList(xmlData) {
var xml = xmlParse(xmlData);
hotelsList = xml.documentElement.getElementsByTagName("marker");
var $divHotelsList = $('#map_hotelsListMobile');
var divHotelsListInnerHtml = $divHotelsList.html();
if (hotelsList.length > 1) {
divHotelsListInnerHtml += GetHotelGridItem(0);
if (hotelsList.length >= 2) {
divHotelsListInnerHtml += GetHotelGridItem(1);
}
if (hotelsList.length >= 3) {
divHotelsListInnerHtml += GetHotelGridItem(2);
}
$divHotelsList.append(divHotelsListInnerHtml);
$divHotelsList.slick({
dots: false,
variableWidth: true,
arrows: true,
swipeToSlide: true,
centerMode: true,
lazyLoad: 'ondemand',
initialSlide: 0,
infinite: false,
appendArrows: '#map_hotelsListMobile > .slick-list'
}).on('afterChange', function(event, slick, currentSlideIndex, nextSlideIndex) {
let currentItem = $(slick.$slides.get(currentSlideIndex));
if (!ignoreRecenter) {
var marker = showOnMap(currentItem.attr('data-eventHotelGuid'), 0, $divHotelsList.height());
if (marker !== undefined) {
myMap.setCenter(marker.position);
}
}
let currentHotelIndex = parseInt(currentItem.attr('data-index'));
if (currentHotelIndex > 0) {
var prevSlide = $divHotelsList.find("[data-index='" + (currentHotelIndex - 1) + "']");
if (prevSlide.length == 0) {
prevSlide = GetHotelGridItem(currentHotelIndex - 1);
slick.currentSlide = currentSlideIndex + 1;
if (currentSlideIndex > 0) {
slick.slickAdd(prevSlide, currentSlideIndex - 1);
} else {
slick.slickAdd(prevSlide, currentSlideIndex, true);
}
}
}
if (hotelsList.length > (currentHotelIndex + 1)) {
var nextSlide = $divHotelsList.find("[data-index='" + (currentHotelIndex + 1) + "']");
if (nextSlide.length == 0) {
nextSlide = GetHotelGridItem(currentHotelIndex + 1);
slick.slickAdd(nextSlide);
}
}
LoadHotelsListTrustYouRating();
ignoreRecenter = false;
});
LoadHotelsListTrustYouRating();
$divHotelsList.removeClass('d-none');
var eventHotelGuid = hotelsList[0].getAttribute("eventHotelGuid");
if (eventHotelGuid) {
onHotelHover(eventHotelGuid, 0, $divHotelsList.height());
}
google.maps.event.addListener(myMap, 'zoom_changed', function() {
let $map_hotelsListMobile = $('#map_hotelsListMobile');
let $hotelsListSlick = $map_hotelsListMobile.slick("getSlick");
let currentItem = $($hotelsListSlick.$slides.get($hotelsListSlick.slickCurrentSlide()));
let currentMarker = markersMap[currentItem.attr('data-eventHotelGuid')];
//google.maps.event.trigger(currentMarker, 'mouseover-nopan');
google.maps.event.trigger(currentMarker, 'zoom_changed');
});
}
}
function LoadHotelsListTrustYouRating() {
$('.TrustYouIFrame[data-src]').each(function() {
$(this).attr('src', $(this).attr('data-src'));
$(this).removeAttr('data-src');
});
}
function setCurrentSlide(eventHotelGuid) {
ignoreRecenter = true;
let $map_hotelsListMobile = $('#map_hotelsListMobile');
let $hotelsListSlick = $map_hotelsListMobile.slick("getSlick");
let slideIndex = $map_hotelsListMobile.find('[data-eventHotelGuid="' + eventHotelGuid + '"]').filter(function(index, element) {
return $(element).attr('data-slick-index') > 0
}).attr('data-slick-index');
if (!slideIndex) {
let hotelsListArray = Array.prototype.slice.call(hotelsList);
let hotelIndex = hotelsListArray.findIndex(function(element) {
return element.getAttribute("eventHotelGuid") === eventHotelGuid;
});
if (hotelIndex >= 0) {
$hotelsListSlick.slickAdd(GetHotelGridItem(hotelIndex));
}
slideIndex = $map_hotelsListMobile.find('[data-eventHotelGuid="' + eventHotelGuid + '"]').filter(function(index, element) {
return $(element).attr('data-slick-index') > 0
}).attr('data-slick-index');
$hotelsListSlick.slickPause();
$hotelsListSlick.slickGoTo(slideIndex, true);
} else {
$hotelsListSlick.slickPause();
$hotelsListSlick.slickGoTo(slideIndex, true);
}
}
function CreateHotelsMarkers(xmlData, ignoreRecenter) {
var xml = xmlParse(xmlData);
var markers = xml.documentElement.getElementsByTagName("marker");
var points = [];
for (var i = 0; i < markers.length; i++) {
var point = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
var eventHotelGuid = markers[i].getAttribute("eventHotelGuid");
if (markersCluster[eventHotelGuid] === undefined) {
markersCluster[eventHotelGuid] = markers[i].getAttribute("eventHotelGuids");
}
if (!(eventHotelGuid in markersMap)) {
var isOnPartners = markers[i].getAttribute("isOnPartners");
var bookingComHotelID = markers[i].getAttribute("bookingComHotelID");
var expediaHotelID = markers[i].getAttribute("expediaHotelID");
var type = markers[i].getAttribute("type");
var adresse = markers[i].getAttribute("adresse");
var codepostal = markers[i].getAttribute("codepostal");
var ville = markers[i].getAttribute("ville");
var nom = markers[i].getAttribute("nom");
if (redirectToBlank == "1") {
nom = nom.replace("target='_top'", "target='_blank'");
}
var category = markers[i].getAttribute("category");
var nbStars = markers[i].getAttribute("nbStars");
var priceFrom = markers[i].getAttribute("priceFrom");
var isDisabled = markers[i].getAttribute("isDisabled");
var isMulti = markers[i].getAttribute("isMulti");
var isApart = markers[i].getAttribute("isApart");
var img = markers[i].getAttribute("img");
var childrens = [];
isMulti = JSON.parse(isMulti);
if (isMulti) {
childrens = $.map(markers[i].children, child => {
return {
eventHotelGuid: child.getAttribute('eventHotelGuid'),
nom: child.getAttribute('nom'),
category: child.getAttribute('category'),
rating: child.getAttribute('rating'),
priceFrom: child.getAttribute('priceFrom'),
isApart: child.getAttribute('isApart'),
isDisabled: child.getAttribute('isDisabled'),
};
});
}
var markerOptions = {
img,
point,
nom,
adresse,
codepostal,
ville,
type,
category,
nbStars,
index: i,
isDisabled,
eventHotelGuid,
isOnPartners,
bookingComHotelID,
expediaHotelID,
priceFrom,
isMulti,
isApart,
childrens
};
var marker = MakeMarker(myMap, markersMap, i, markerOptions);
latlngbounds.extend(point);
points.push(marker);
}
}
if ((useHotelCluster && catHotel) || (useApartCluster && !catHotel)) {
var clusterStyles = [{
textColor: 'white',
url: 'https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_cluster.png',
height: 45,
width: 45
}, {
textColor: 'white',
url: 'https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_cluster.png',
height: 45,
width: 45
}, {
textColor: 'white',
url: 'https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_cluster.png',
height: 45,
width: 45
}];
var options = {
maxZoom: 15,
minimumClusterSize: 15,
gridSize: 100,
styles: clusterStyles
};
if (!myMarkerClusterer) {
myMarkerClusterer = new MarkerClusterer(myMap, points, options); //add the marker to the MarkerClusterer
} else {
for (var i = 0; i < points.length; i++) {
myMarkerClusterer.addMarker(points[i]);
}
}
}
if (!ignoreRecenter) {
window.setTimeout(function() {
if (Object.keys(markersMap) == 0) {
myMap.setZoom(isIntegratedMobileWebsite ? 12 : 15);
}
}, 500);
fitBoundsMapSimple();
}
}
function CreatePOIsMarkers(xmlData) {
var xml = xmlParse(xmlData);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
CreatePOIMarker(markers[i]);
}
}
function CreatePOIMarker(marker) {
var poiIcon = marker.getAttribute("icon");
var point = new google.maps.LatLng(parseFloat(marker.getAttribute("lat")), parseFloat(marker.getAttribute("lng")));
var myMarker = new google.maps.Marker({
position: point,
map: myMap,
icon: poiIcon,
zIndex: 500 /*, animation: google.maps.Animation.DROP*/
});
var contentString = "<div style='white-space:nowrap;padding: 10px;padding-right: 20px;'><b><a href='#'>" + marker.getAttribute("name") + "</a></b><br />" + marker.getAttribute("desc") + "</div>";
var infowindow = new google.maps.InfoWindow({
content: contentString
});
google.maps.event.addListener(myMarker, 'mouseover', function() {
hideInfoBoxesDefault(infowindow);
showInfoBoxesDefault(infowindow, myMarker);
});
}
function CreateEventLocationsMarkers(xmlData) {
var xml = xmlParse(xmlData);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
CreateEventLocationMarker(markers[i]);
}
}
function CreateEventLocationMarker(marker) {
var poiIcon = marker.getAttribute("icon");
var point = new google.maps.LatLng(parseFloat(marker.getAttribute("lat")), parseFloat(marker.getAttribute("lng")));
var myMarker = new google.maps.Marker({
position: point,
map: myMap,
icon: poiIcon,
zIndex: 1000 /*, animation: google.maps.Animation.DROP*/
});
var contentString = "<div style='white-space:nowrap;padding: 10px;padding-right: 20px;'><b><a href='#'><i class='fas fa-landmark px-2'></i>" + marker.getAttribute("name") + "</a></b></div>";
var infowindow = new google.maps.InfoWindow({
content: contentString
});
google.maps.event.addListener(myMarker, 'mouseover', function() {
hideInfoBoxesDefault(infowindow);
showInfoBoxesDefault(infowindow, myMarker);
});
google.maps.event.addListener(myMarker, 'click', function() {
hideInfoBoxesDefault(infowindow);
showInfoBoxesDefault(infowindow, myMarker);
});
latlngbounds.extend(point);
}
function initSimple() {
initialize();
displayDefaultMapLoader(true);
LoadEventLocations();
LoadPOIs();
LoadHotels();
onMapInitialized();
onMapInitialized = function() {};
}
function displayDefaultMapLoader(value) {
if (value) {
$('#defaultmap-loader').show();
} else {
$('#defaultmap-loader').hide();
}
}
function clusterized() {
if ($(window).width() < 768) {
useHotelCluster = useApartCluster = true;
}
}
</script>
<div class="mapContainer">
<div id="defaultmap-loader" class="b-loader" style="position: absolute; display: none;">
<div class="spinner">
</div>
</div>
<div id="map_canvas" class="cadreMapBig" style="position: relative; overflow: hidden;">
<div style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);">
<div class="gm-style" style="position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px;">
<div><button draggable="false" aria-label="Keyboard shortcuts" title="Keyboard shortcuts" type="button"
style="background: none transparent; display: block; border: none; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: absolute; cursor: pointer; user-select: none; z-index: 1000002; outline-offset: 3px; right: 0px; bottom: 0px; transform: translateX(100%);"></button>
</div>
<div tabindex="0" aria-label="Map" aria-roledescription="map" role="region"
style="position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default; touch-action: none;"
aria-describedby="760674AC-3465-4C0C-9631-887C87E89338">
<div style="z-index: 1; position: absolute; left: 50%; top: 50%; width: 100%; will-change: transform; transform: translate(0px, 0px);">
<div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
<div style="position: absolute; z-index: 985; transform: matrix(1, 0, 0, 1, -108, -110);">
<div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: -256px; top: 0px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: -256px; top: -256px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: 0px; top: -256px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: 256px; top: -256px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: 256px; top: 0px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: 256px; top: 256px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: 0px; top: 256px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: -256px; top: 256px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: -256px; top: -512px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: 0px; top: -512px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: 256px; top: -512px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: 256px; top: 512px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: 0px; top: 512px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
<div style="position: absolute; left: -256px; top: 512px; width: 256px; height: 256px;">
<div style="width: 256px; height: 256px;"></div>
</div>
</div>
</div>
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"></div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;">
<div style="position: absolute; left: 0px; top: 0px; z-index: -1;">
<div style="position: absolute; z-index: 985; transform: matrix(1, 0, 0, 1, -108, -110);">
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: 0px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: 0px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: -256px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: -256px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: -256px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: 0px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: 256px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: 256px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: 256px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: -512px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: -512px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: -512px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: 512px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: 512px;"></div>
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: 512px;"></div>
</div>
</div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: -308px; top: 234px; z-index: 960;"><img alt=""
src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_4star.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: -163px; top: 96px; z-index: 920;"><img alt=""
src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_1star.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: -264px; top: 298px; z-index: 960;"><img alt=""
src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_4star.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: -277px; top: 252px; z-index: 950;"><img alt=""
src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_3star.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: 276px; top: -362px; z-index: 960;"><img alt=""
src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_4star.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: -101px; top: 135px; z-index: 960;"><img alt=""
src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_4star.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: -93px; top: 86px; z-index: 960;"><img alt=""
src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_4star.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: 30px; top: 203px; z-index: 960;"><img alt=""
src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_4star.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 30px; height: 42px; overflow: hidden; position: absolute; left: -204px; top: 272px; z-index: 1000;"><img alt=""
src="https://s3.eu-west-1.amazonaws.com/media.bnetwork.com/Prod/Graphics/MapIcons/marker_pink.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; user-select: none; width: 30px; height: 42px; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: 866px; top: -1035px; z-index: 500;"><img alt="" src="Images/POI/hospital.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; user-select: none; width: 32px; height: 32px; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: 875px; top: -1486px; z-index: 500;"><img alt="" src="Images/POI/hospital.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; user-select: none; width: 32px; height: 32px; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: 1290px; top: -803px; z-index: 500;"><img alt="" src="Images/POI/police.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; user-select: none; width: 32px; height: 32px; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="width: 32px; height: 32px; overflow: hidden; position: absolute; left: 289px; top: -343px; z-index: 500;"><img alt="" src="Images/POI/historic.png" draggable="false"
style="position: absolute; left: 0px; top: 0px; user-select: none; width: 32px; height: 32px; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
<div style="position: absolute; z-index: 985; transform: matrix(1, 0, 0, 1, -108, -110);">
<div style="position: absolute; left: 256px; top: 512px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16579!3i12243!4i256!2m3!1e0!2sm!3i634373527!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=101302"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: -256px; top: 256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16577!3i12242!4i256!2m3!1e0!2sm!3i634373539!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=71425"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: 256px; top: 256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16579!3i12242!4i256!2m3!1e0!2sm!3i634373539!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=114757"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: 0px; top: 256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16578!3i12242!4i256!2m3!1e0!2sm!3i634373539!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=93091"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: 0px; top: 512px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16578!3i12243!4i256!2m3!1e0!2sm!3i634373527!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=79636"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: -256px; top: 512px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16577!3i12243!4i256!2m3!1e0!2sm!3i634373527!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=57970"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: -256px; top: 0px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16577!3i12241!4i256!2m3!1e0!2sm!3i634373623!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=114344"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: 256px; top: 0px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16579!3i12241!4i256!2m3!1e0!2sm!3i634373623!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=26605"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16578!3i12241!4i256!2m3!1e0!2sm!3i634373623!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=4939"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: 256px; top: -512px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16579!3i12239!4i256!2m3!1e0!2sm!3i634373623!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=351"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: 256px; top: -256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16579!3i12240!4i256!2m3!1e0!2sm!3i634373623!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=93915"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: 0px; top: -256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16578!3i12240!4i256!2m3!1e0!2sm!3i634373623!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=72249"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: -256px; top: -256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16577!3i12240!4i256!2m3!1e0!2sm!3i634373623!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=50583"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: 0px; top: -512px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16578!3i12239!4i256!2m3!1e0!2sm!3i634373623!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=109756"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div style="position: absolute; left: -256px; top: -512px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation"
src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i15!2i16577!3i12239!4i256!2m3!1e0!2sm!3i634373635!3m17!2sen!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjJ8cC52Om9mZg!4e0!23i1379903&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&token=34235"
style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
</div>
</div>
</div>
<div style="z-index: 3; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px; touch-action: pan-x pan-y;">
<div style="z-index: 4; position: absolute; left: 50%; top: 50%; width: 100%; will-change: transform; transform: translate(0px, 0px);">
<div style="position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"><span id="61468343-7EEF-4819-81DA-5F102D44C81D" style="display: none;">To navigate, press the arrow keys.</span>
<div></div>
<div></div>
<div></div>
<div></div>
<div title="" role="button" tabindex="0" aria-describedby="61468343-7EEF-4819-81DA-5F102D44C81D"
style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: -308px; top: 234px; z-index: 960;"><img alt="" src="https://maps.gstatic.com/mapfiles/transparent.png"
draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" role="button" tabindex="-1" aria-describedby="61468343-7EEF-4819-81DA-5F102D44C81D"
style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: -163px; top: 96px; z-index: 920;"><img alt="" src="https://maps.gstatic.com/mapfiles/transparent.png"
draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" role="button" tabindex="-1" aria-describedby="61468343-7EEF-4819-81DA-5F102D44C81D"
style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: -264px; top: 298px; z-index: 960;"><img alt="" src="https://maps.gstatic.com/mapfiles/transparent.png"
draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" role="button" tabindex="-1" aria-describedby="61468343-7EEF-4819-81DA-5F102D44C81D"
style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: -277px; top: 252px; z-index: 950;"><img alt="" src="https://maps.gstatic.com/mapfiles/transparent.png"
draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" role="button" tabindex="-1" aria-describedby="61468343-7EEF-4819-81DA-5F102D44C81D"
style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: 276px; top: -362px; z-index: 960;"><img alt="" src="https://maps.gstatic.com/mapfiles/transparent.png"
draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" role="button" tabindex="-1" aria-describedby="61468343-7EEF-4819-81DA-5F102D44C81D"
style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: -101px; top: 135px; z-index: 960;"><img alt="" src="https://maps.gstatic.com/mapfiles/transparent.png"
draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" role="button" tabindex="-1" aria-describedby="61468343-7EEF-4819-81DA-5F102D44C81D"
style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: -93px; top: 86px; z-index: 960;"><img alt="" src="https://maps.gstatic.com/mapfiles/transparent.png"
draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" role="button" tabindex="-1" aria-describedby="61468343-7EEF-4819-81DA-5F102D44C81D"
style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: 30px; top: 203px; z-index: 960;"><img alt="" src="https://maps.gstatic.com/mapfiles/transparent.png"
draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" role="button" tabindex="-1" aria-describedby="61468343-7EEF-4819-81DA-5F102D44C81D"
style="width: 30px; height: 42px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: -204px; top: 272px; z-index: 1000;"><img alt="" src="https://maps.gstatic.com/mapfiles/transparent.png"
draggable="false" style="width: 30px; height: 42px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" tabindex="-1" style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: 866px; top: -1035px; z-index: 500;"><img alt=""
src="https://maps.gstatic.com/mapfiles/transparent.png" draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" tabindex="-1" style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: 875px; top: -1486px; z-index: 500;"><img alt=""
src="https://maps.gstatic.com/mapfiles/transparent.png" draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" tabindex="-1" style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: 1290px; top: -803px; z-index: 500;"><img alt=""
src="https://maps.gstatic.com/mapfiles/transparent.png" draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
<div title="" tabindex="-1" style="width: 32px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: 289px; top: -343px; z-index: 500;"><img alt=""
src="https://maps.gstatic.com/mapfiles/transparent.png" draggable="false" style="width: 32px; height: 32px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div>
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 107; width: 100%;"></div>
</div>
</div>
<div class="gm-style-moc" style="z-index: 4; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px; opacity: 0;">
<p class="gm-style-mot"></p>
</div>
<div class="LGLeeN-keyboard-shortcuts-view" id="760674AC-3465-4C0C-9631-887C87E89338" style="display: none;">
<table>
<tbody>
<tr>
<td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key" aria-label="Left arrow">←</kbd></td>
<td aria-label="Move left.">Move left</td>
</tr>
<tr>
<td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key" aria-label="Right arrow">→</kbd></td>
<td aria-label="Move right.">Move right</td>
</tr>
<tr>
<td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key" aria-label="Up arrow">↑</kbd></td>
<td aria-label="Move up.">Move up</td>
</tr>
<tr>
<td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key" aria-label="Down arrow">↓</kbd></td>
<td aria-label="Move down.">Move down</td>
</tr>
<tr>
<td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">+</kbd></td>
<td aria-label="Zoom in.">Zoom in</td>
</tr>
<tr>
<td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">-</kbd></td>
<td aria-label="Zoom out.">Zoom out</td>
</tr>
<tr>
<td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">Home</kbd></td>
<td aria-label="Jump left by 75%.">Jump left by 75%</td>
</tr>
<tr>
<td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">End</kbd></td>
<td aria-label="Jump right by 75%.">Jump right by 75%</td>
</tr>
<tr>
<td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">Page Up</kbd></td>
<td aria-label="Jump up by 75%.">Jump up by 75%</td>
</tr>
<tr>
<td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">Page Down</kbd></td>
<td aria-label="Jump down by 75%.">Jump down by 75%</td>
</tr>
</tbody>
</table>
</div>
</div><iframe aria-hidden="true" frameborder="0" tabindex="-1" style="z-index: -1; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: none;"></iframe>
<div style="pointer-events: none; width: 100%; height: 100%; box-sizing: border-box; position: absolute; z-index: 1000002; opacity: 0; border: 2px solid rgb(26, 115, 232);"></div>
<div>
<div class="gmnoprint" role="menubar" style="margin: 10px; z-index: 0; position: absolute; cursor: pointer; left: 0px; top: 0px;">
<div class="gm-style-mtc" style="float: left; position: relative;"><button draggable="false" aria-label="Show street map" title="Show street map" type="button" role="menuitemradio" aria-checked="true" aria-haspopup="true"
id="025E695E-1B6E-4FB3-AFE6-9D5E75557659"
style="background: none padding-box rgb(255, 255, 255); display: table-cell; border: 0px; margin: 0px; padding: 0px 17px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; font-weight: 500;">Map</button>
<ul role="menu" aria-labelledby="025E695E-1B6E-4FB3-AFE6-9D5E75557659"
style="background-color: white; list-style: none; padding: 2px; margin: 0px; z-index: -1; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; position: absolute; left: 0px; top: 0px; text-align: left; display: none;">
<li tabindex="-1" role="menuitemcheckbox" aria-label="Terrain" draggable="false" title="Show street map with terrain" aria-checked="false" class="ssQIHO-checkbox-menu-item"
style="color: black; font-family: Roboto, Arial, sans-serif; user-select: none; font-size: 18px; background-color: rgb(255, 255, 255); padding: 5px 8px 5px 5px; direction: ltr; text-align: left; white-space: nowrap;">
<span><span
style="-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M19%203H5c-1.11%200-2%20.9-2%202v14c0%201.1.89%202%202%202h14c1.11%200%202-.9%202-2V5c0-1.1-.89-2-2-2zm-9%2014l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22/%3E%3C/svg%3E"); height: 1em; width: 1em; transform: translateY(0.15em); display: none;"></span><span
style="-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22/%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3C/svg%3E"); height: 1em; width: 1em; transform: translateY(0.15em);"></span></span><label
style="cursor: inherit;">Terrain</label></li>
</ul>
</div>
<div class="gm-style-mtc" style="float: left; position: relative;"><button draggable="false" aria-label="Show satellite imagery" title="Show satellite imagery" type="button" role="menuitemradio" aria-checked="false"
aria-haspopup="true" id="A6896A2A-37AD-412F-93F1-C694FA5FD601"
style="background: none padding-box rgb(255, 255, 255); display: table-cell; border: 0px; margin: 0px; padding: 0px 17px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px; vertical-align: middle; color: rgb(86, 86, 86); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;">Satellite</button>
<ul role="menu" aria-labelledby="A6896A2A-37AD-412F-93F1-C694FA5FD601"
style="background-color: white; list-style: none; padding: 2px; margin: 0px; z-index: -1; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; position: absolute; right: 0px; top: 0px; text-align: left; display: none;">
<li tabindex="-1" role="menuitemcheckbox" aria-label="Labels" draggable="false" title="Show imagery with street names" aria-checked="true" class="ssQIHO-checkbox-menu-item"
style="color: black; font-family: Roboto, Arial, sans-serif; user-select: none; font-size: 18px; background-color: rgb(255, 255, 255); padding: 5px 8px 5px 5px; direction: ltr; text-align: left; white-space: nowrap;">
<span><span
style="-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M19%203H5c-1.11%200-2%20.9-2%202v14c0%201.1.89%202%202%202h14c1.11%200%202-.9%202-2V5c0-1.1-.89-2-2-2zm-9%2014l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22/%3E%3C/svg%3E"); height: 1em; width: 1em; transform: translateY(0.15em);"></span><span
style="-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22/%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3C/svg%3E"); height: 1em; width: 1em; transform: translateY(0.15em); display: none;"></span></span><label
style="cursor: inherit;">Labels</label></li>
</ul>
</div>
</div>
</div>
<div></div>
<div>
<div class="fullScreen" style="padding: 5px; position: absolute; right: 0px; top: 0px;">
<div style="background-color: white; border-style: solid; border-width: 1px; border-color: rgb(113, 123, 135); border-radius: 4px; cursor: pointer; text-align: center; box-shadow: rgba(0, 0, 0, 0.298) 0px 1px 4px -1px;">
<div style="font-family: Roboto, Arial, sans-serif; font-size: 11px; font-weight: 400; padding: 5px 10px;"><strong>Full screen</strong></div>
</div>
</div>
</div>
<div></div>
<div><button draggable="false" aria-label="Toggle fullscreen view" title="Toggle fullscreen view" type="button" aria-pressed="false" class="gm-control-active gm-fullscreen-control"
style="background: none rgb(255, 255, 255); border: 0px; margin: 10px; padding: 0px; text-transform: none; appearance: none; position: absolute; cursor: pointer; user-select: none; border-radius: 2px; height: 40px; width: 40px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; overflow: hidden; display: none; top: 35px; right: 0px;"><img
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M0%200v6h2V2h4V0H0zm16%200h-4v2h4v4h2V0h-2zm0%2016h-4v2h6v-6h-2v4zM2%2012H0v6h6v-2H2v-4z%22/%3E%3C/svg%3E"
alt="" style="height: 18px; width: 18px;"><img
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%200v6h2V2h4V0H0zm16%200h-4v2h4v4h2V0h-2zm0%2016h-4v2h6v-6h-2v4zM2%2012H0v6h6v-2H2v-4z%22/%3E%3C/svg%3E"
alt="" style="height: 18px; width: 18px;"><img
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22M0%200v6h2V2h4V0H0zm16%200h-4v2h4v4h2V0h-2zm0%2016h-4v2h6v-6h-2v4zM2%2012H0v6h6v-2H2v-4z%22/%3E%3C/svg%3E"
alt="" style="height: 18px; width: 18px;"></button></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div>
<div class="gmnoprint gm-bundled-control gm-bundled-control-on-bottom" draggable="false" data-control-width="40" data-control-height="40" style="margin: 10px; user-select: none; position: absolute; bottom: 54px; right: 40px;">
<div class="gmnoprint" data-control-width="40" data-control-height="40" style="display: none; position: absolute;">
<div style="background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius: 2px; width: 40px; height: 40px;"><button draggable="false" aria-label="Rotate map clockwise"
title="Rotate map clockwise" type="button" class="gm-control-active"
style="background: none; display: none; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; left: 0px; top: 0px; overflow: hidden; width: 40px; height: 40px;"><img
alt=""
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22/%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M12.06%209.06l4-4-4-4-1.41%201.41%201.59%201.59h-.18c-2.3%200-4.6.88-6.35%202.64-3.52%203.51-3.52%209.21%200%2012.72%201.5%201.5%203.4%202.36%205.36%202.58v-2.02c-1.44-.21-2.84-.86-3.95-1.97-2.73-2.73-2.73-7.17%200-9.9%201.37-1.37%203.16-2.05%204.95-2.05h.17l-1.59%201.59%201.41%201.41zm8.94%203c-.19-1.74-.88-3.32-1.91-4.61l-1.43%201.43c.69.92%201.15%202%201.32%203.18H21zm-7.94%207.92V22c1.74-.19%203.32-.88%204.61-1.91l-1.43-1.43c-.91.68-2%201.15-3.18%201.32zm4.6-2.74l1.43%201.43c1.04-1.29%201.72-2.88%201.91-4.61h-2.02c-.17%201.18-.64%202.27-1.32%203.18z%22/%3E%3C/svg%3E"
style="width: 20px; height: 20px;"><img alt=""
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22/%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M12.06%209.06l4-4-4-4-1.41%201.41%201.59%201.59h-.18c-2.3%200-4.6.88-6.35%202.64-3.52%203.51-3.52%209.21%200%2012.72%201.5%201.5%203.4%202.36%205.36%202.58v-2.02c-1.44-.21-2.84-.86-3.95-1.97-2.73-2.73-2.73-7.17%200-9.9%201.37-1.37%203.16-2.05%204.95-2.05h.17l-1.59%201.59%201.41%201.41zm8.94%203c-.19-1.74-.88-3.32-1.91-4.61l-1.43%201.43c.69.92%201.15%202%201.32%203.18H21zm-7.94%207.92V22c1.74-.19%203.32-.88%204.61-1.91l-1.43-1.43c-.91.68-2%201.15-3.18%201.32zm4.6-2.74l1.43%201.43c1.04-1.29%201.72-2.88%201.91-4.61h-2.02c-.17%201.18-.64%202.27-1.32%203.18z%22/%3E%3C/svg%3E"
style="width: 20px; height: 20px;"><img alt=""
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22/%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22M12.06%209.06l4-4-4-4-1.41%201.41%201.59%201.59h-.18c-2.3%200-4.6.88-6.35%202.64-3.52%203.51-3.52%209.21%200%2012.72%201.5%201.5%203.4%202.36%205.36%202.58v-2.02c-1.44-.21-2.84-.86-3.95-1.97-2.73-2.73-2.73-7.17%200-9.9%201.37-1.37%203.16-2.05%204.95-2.05h.17l-1.59%201.59%201.41%201.41zm8.94%203c-.19-1.74-.88-3.32-1.91-4.61l-1.43%201.43c.69.92%201.15%202%201.32%203.18H21zm-7.94%207.92V22c1.74-.19%203.32-.88%204.61-1.91l-1.43-1.43c-.91.68-2%201.15-3.18%201.32zm4.6-2.74l1.43%201.43c1.04-1.29%201.72-2.88%201.91-4.61h-2.02c-.17%201.18-.64%202.27-1.32%203.18z%22/%3E%3C/svg%3E"
style="width: 20px; height: 20px;"></button>
<div style="position: relative; overflow: hidden; width: 30px; height: 1px; margin: 0px 5px; background-color: rgb(230, 230, 230); display: none;"></div><button draggable="false" aria-label="Rotate map counterclockwise"
title="Rotate map counterclockwise" type="button" class="gm-control-active"
style="background: none; display: none; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; left: 0px; top: 0px; overflow: hidden; width: 40px; height: 40px; transform: scaleX(-1);"><img
alt=""
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22/%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M12.06%209.06l4-4-4-4-1.41%201.41%201.59%201.59h-.18c-2.3%200-4.6.88-6.35%202.64-3.52%203.51-3.52%209.21%200%2012.72%201.5%201.5%203.4%202.36%205.36%202.58v-2.02c-1.44-.21-2.84-.86-3.95-1.97-2.73-2.73-2.73-7.17%200-9.9%201.37-1.37%203.16-2.05%204.95-2.05h.17l-1.59%201.59%201.41%201.41zm8.94%203c-.19-1.74-.88-3.32-1.91-4.61l-1.43%201.43c.69.92%201.15%202%201.32%203.18H21zm-7.94%207.92V22c1.74-.19%203.32-.88%204.61-1.91l-1.43-1.43c-.91.68-2%201.15-3.18%201.32zm4.6-2.74l1.43%201.43c1.04-1.29%201.72-2.88%201.91-4.61h-2.02c-.17%201.18-.64%202.27-1.32%203.18z%22/%3E%3C/svg%3E"
style="width: 20px; height: 20px;"><img alt=""
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22/%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M12.06%209.06l4-4-4-4-1.41%201.41%201.59%201.59h-.18c-2.3%200-4.6.88-6.35%202.64-3.52%203.51-3.52%209.21%200%2012.72%201.5%201.5%203.4%202.36%205.36%202.58v-2.02c-1.44-.21-2.84-.86-3.95-1.97-2.73-2.73-2.73-7.17%200-9.9%201.37-1.37%203.16-2.05%204.95-2.05h.17l-1.59%201.59%201.41%201.41zm8.94%203c-.19-1.74-.88-3.32-1.91-4.61l-1.43%201.43c.69.92%201.15%202%201.32%203.18H21zm-7.94%207.92V22c1.74-.19%203.32-.88%204.61-1.91l-1.43-1.43c-.91.68-2%201.15-3.18%201.32zm4.6-2.74l1.43%201.43c1.04-1.29%201.72-2.88%201.91-4.61h-2.02c-.17%201.18-.64%202.27-1.32%203.18z%22/%3E%3C/svg%3E"
style="width: 20px; height: 20px;"><img alt=""
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0V0z%22/%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22M12.06%209.06l4-4-4-4-1.41%201.41%201.59%201.59h-.18c-2.3%200-4.6.88-6.35%202.64-3.52%203.51-3.52%209.21%200%2012.72%201.5%201.5%203.4%202.36%205.36%202.58v-2.02c-1.44-.21-2.84-.86-3.95-1.97-2.73-2.73-2.73-7.17%200-9.9%201.37-1.37%203.16-2.05%204.95-2.05h.17l-1.59%201.59%201.41%201.41zm8.94%203c-.19-1.74-.88-3.32-1.91-4.61l-1.43%201.43c.69.92%201.15%202%201.32%203.18H21zm-7.94%207.92V22c1.74-.19%203.32-.88%204.61-1.91l-1.43-1.43c-.91.68-2%201.15-3.18%201.32zm4.6-2.74l1.43%201.43c1.04-1.29%201.72-2.88%201.91-4.61h-2.02c-.17%201.18-.64%202.27-1.32%203.18z%22/%3E%3C/svg%3E"
style="width: 20px; height: 20px;"></button>
<div style="position: relative; overflow: hidden; width: 30px; height: 1px; margin: 0px 5px; background-color: rgb(230, 230, 230); display: none;"></div><button draggable="false" aria-label="Tilt map" title="Tilt map"
type="button" class="gm-tilt gm-control-active"
style="background: none; display: block; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; top: 0px; left: 0px; overflow: hidden; width: 40px; height: 40px;"><img
alt=""
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2016%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M0%2016h8V9H0v7zm10%200h8V9h-8v7zM0%207h8V0H0v7zm10-7v7h8V0h-8z%22/%3E%3C/svg%3E"
style="width: 18px;"><img alt=""
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2016%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%2016h8V9H0v7zm10%200h8V9h-8v7zM0%207h8V0H0v7zm10-7v7h8V0h-8z%22/%3E%3C/svg%3E"
style="width: 18px;"><img alt=""
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2016%22%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22M0%2016h8V9H0v7zm10%200h8V9h-8v7zM0%207h8V0H0v7zm10-7v7h8V0h-8z%22/%3E%3C/svg%3E"
style="width: 18px;"></button>
</div>
</div>
<div class="gm-svpc" dir="ltr" title="Drag Pegman onto the map to open Street View" data-control-width="40" data-control-height="40"
style="background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius: 2px; width: 40px; height: 40px; cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default; touch-action: none; position: absolute; left: 0px; top: 0px;">
<div style="position: absolute; left: 50%; top: 50%;"></div>
<div style="position: absolute; left: 50%; top: 50%;"><img
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2023%2038%22%3E%3Cpath%20d%3D%22M16.6%2038.1h-5.5l-.2-2.9-.2%202.9h-5.5L5%2025.3l-.8%202a1.53%201.53%200%2001-1.9.9l-1.2-.4a1.58%201.58%200%2001-1-1.9v-.1c.3-.9%203.1-11.2%203.1-11.2a2.66%202.66%200%20012.3-2l.6-.5a6.93%206.93%200%20014.7-12%206.8%206.8%200%20014.9%202%207%207%200%20012%204.9%206.65%206.65%200%2001-2.2%205l.7.5a2.78%202.78%200%20012.4%202s2.9%2011.2%202.9%2011.3a1.53%201.53%200%2001-.9%201.9l-1.3.4a1.63%201.63%200%2001-1.9-.9l-.7-1.8-.1%2012.7zm-3.6-2h1.7L14.9%2020.3l1.9-.3%202.4%206.3.3-.1c-.2-.8-.8-3.2-2.8-10.9a.63.63%200%2000-.6-.5h-.6l-1.1-.9h-1.9l-.3-2a4.83%204.83%200%20003.5-4.7A4.78%204.78%200%200011%202.3H10.8a4.9%204.9%200%2000-1.4%209.6l-.3%202h-1.9l-1%20.9h-.6a.74.74%200%2000-.6.5c-2%207.5-2.7%2010-3%2010.9l.3.1L4.8%2020l1.9.3.2%2015.8h1.6l.6-8.4a1.52%201.52%200%20011.5-1.4%201.5%201.5%200%20011.5%201.4l.9%208.4zm-10.9-9.6zm17.5-.1z%22%20style%3D%22isolation%3Aisolate%22%20fill%3D%22%23333%22%20opacity%3D%22.7%22/%3E%3Cpath%20d%3D%22M5.9%2013.6l1.1-.9h7.8l1.2.9%22%20fill%3D%22%23ce592c%22/%3E%3Cellipse%20cx%3D%2210.9%22%20cy%3D%2213.1%22%20rx%3D%222.7%22%20ry%3D%22.3%22%20style%3D%22isolation%3Aisolate%22%20fill%3D%22%23ce592c%22%20opacity%3D%22.5%22/%3E%3Cpath%20d%3D%22M20.6%2026.1l-2.9-11.3a1.71%201.71%200%2000-1.6-1.2H5.699999999999999a1.69%201.69%200%2000-1.5%201.3l-3.1%2011.3a.61.61%200%2000.3.7l1.1.4a.61.61%200%2000.7-.3l2.7-6.7.2%2016.8h3.6l.6-9.3a.47.47%200%2001.44-.5h.06c.4%200%20.4.2.5.5l.6%209.3h3.6L15.7%2020.3l2.5%206.6a.52.52%200%2000.66.31l1.2-.4a.57.57%200%2000.5-.7z%22%20fill%3D%22%23fdbf2d%22/%3E%3Cpath%20d%3D%22M7%2013.6l3.9%206.7%203.9-6.7%22%20style%3D%22isolation%3Aisolate%22%20fill%3D%22%23cf572e%22%20opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%2210.9%22%20cy%3D%227%22%20r%3D%225.9%22%20fill%3D%22%23fdbf2d%22/%3E%3C/svg%3E"
alt="Street View Pegman Control" style="height: 30px; width: 30px; position: absolute; transform: translate(-50%, -50%); pointer-events: none;"><img
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2038%22%3E%3Cpath%20d%3D%22M22%2026.6l-2.9-11.3a2.78%202.78%200%2000-2.4-2l-.7-.5a6.82%206.82%200%20002.2-5%206.9%206.9%200%2000-13.8%200%207%207%200%20002.2%205.1l-.6.5a2.55%202.55%200%2000-2.3%202s-3%2011.1-3%2011.2v.1a1.58%201.58%200%20001%201.9l1.2.4a1.63%201.63%200%20001.9-.9l.8-2%20.2%2012.8h11.3l.2-12.6.7%201.8a1.54%201.54%200%20001.5%201%201.09%201.09%200%2000.5-.1l1.3-.4a1.85%201.85%200%2000.7-2zm-1.2.9l-1.2.4a.61.61%200%2001-.7-.3l-2.5-6.6-.2%2016.8h-9.4L6.6%2021l-2.7%206.7a.52.52%200%2001-.66.31l-1.1-.4a.52.52%200%2001-.31-.66l3.1-11.3a1.69%201.69%200%20011.5-1.3h.2l1-.9h2.3a5.9%205.9%200%20113.2%200h2.3l1.1.9h.2a1.71%201.71%200%20011.6%201.2l2.9%2011.3a.84.84%200%2001-.4.7z%22%20fill%3D%22%23333%22%20fill-opacity%3D%22.2%22/%3E%26quot%3B%3C/svg%3E"
alt="Pegman is on top of the Map" style="display: none; height: 30px; width: 30px; position: absolute; transform: translate(-50%, -50%); pointer-events: none;"><img alt="Street View Pegman Control"
src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2050%22%3E%3Cpath%20d%3D%22M34-30.4l-2.9-11.3a2.78%202.78%200%2000-2.4-2l-.7-.5a6.82%206.82%200%20002.2-5%206.9%206.9%200%2000-13.8%200%207%207%200%20002.2%205.1l-.6.5a2.55%202.55%200%2000-2.3%202s-3%2011.1-3%2011.2v.1a1.58%201.58%200%20001%201.9l1.2.4a1.63%201.63%200%20001.9-.9l.8-2%20.2%2012.8h11.3l.2-12.6.7%201.8a1.54%201.54%200%20001.5%201%201.09%201.09%200%2000.5-.1l1.3-.4a1.85%201.85%200%2000.7-2zm-1.2.9l-1.2.4a.61.61%200%2001-.7-.3L28.4-36l-.2%2016.8h-9.4L18.6-36l-2.7%206.7a.52.52%200%2001-.66.31l-1.1-.4a.52.52%200%2001-.31-.66l3.1-11.3a1.69%201.69%200%20011.5-1.3h.2l1-.9h2.3a5.9%205.9%200%20113.2%200h2.3l1.1.9h.2a1.71%201.71%200%20011.6%201.2l2.9%2011.3a.84.84%200%2001-.4.7zM34%2029.6l-2.9-11.3a2.78%202.78%200%2000-2.4-2l-.7-.5a6.82%206.82%200%20002.2-5%206.9%206.9%200%2000-13.8%200%207%207%200%20002.2%205.1l-.6.5a2.55%202.55%200%2000-2.3%202s-3%2011.1-3%2011.2v.1a1.58%201.58%200%20001%201.9l1.2.4a1.63%201.63%200%20001.9-.9l.8-2%20.2%2012.8h11.3l.2-12.6.7%201.8a1.54%201.54%200%20001.5%201%201.09%201.09%200%2000.5-.1l1.3-.4a1.85%201.85%200%2000.7-2zm-1.2.9l-1.2.4a.61.61%200%2001-.7-.3L28.4%2024l-.2%2016.8h-9.4L18.6%2024l-2.7%206.7a.52.52%200%2001-.66.31l-1.1-.4a.52.52%200%2001-.31-.66l3.1-11.3a1.69%201.69%200%20011.5-1.3h.2l1-.9h2.3a5.9%205.9%200%20113.2%200h2.3l1.1.9h.2a1.71%201.71%200%20011.6%201.2l2.9%2011.3a.84.84%200%2001-.4.7z%22%20fill%3D%22%23333%22%20fill-opacity%3D%22.2%22/%3E%3Cpath%20d%3D%22M15.4%2038.8h-4a1.64%201.64%200%2001-1.4-1.1l-3.1-8a.9.9%200%2001-.5.1l-1.4.1a1.62%201.62%200%2001-1.6-1.4L2.3%2015.4l1.6-1.3a6.87%206.87%200%2001-3-4.6A7.14%207.14%200%20012%204a7.6%207.6%200%20014.7-3.1A7.14%207.14%200%200112.2%202a7.28%207.28%200%20012.3%209.6l2.1-.1.1%201c0%20.2.1.5.1.8a2.41%202.41%200%20011%201s1.9%203.2%202.8%204.9c.7%201.2%202.1%204.2%202.8%205.9a2.1%202.1%200%2001-.8%202.6l-.6.4a1.63%201.63%200%2001-1.5.2l-.6-.3a8.93%208.93%200%2000.5%201.3%207.91%207.91%200%20001.8%202.6l.6.3v4.6l-4.5-.1a7.32%207.32%200%2001-2.5-1.5l-.4%203.6zm-10-19.2l3.5%209.8%202.9%207.5h1.6V35l-1.9-9.4%203.1%205.4a8.24%208.24%200%20003.8%203.8h2.1v-1.4a14%2014%200%2001-2.2-3.1%2044.55%2044.55%200%2001-2.2-8l-1.3-6.3%203.2%205.6c.6%201.1%202.1%203.6%202.8%204.9l.6-.4c-.8-1.6-2.1-4.6-2.8-5.8-.9-1.7-2.8-4.9-2.8-4.9a.54.54%200%2000-.4-.3l-.7-.1-.1-.7a4.33%204.33%200%2000-.1-.5l-5.3.3%202.2-1.9a4.3%204.3%200%2000.9-1%205.17%205.17%200%2000.8-4%205.67%205.67%200%2000-2.2-3.4%205.09%205.09%200%2000-4-.8%205.67%205.67%200%2000-3.4%202.2%205.17%205.17%200%2000-.8%204%205.67%205.67%200%20002.2%203.4%203.13%203.13%200%20001%20.5l1.6.6-3.2%202.6%201%2011.5h.4l-.3-8.2z%22%20fill%3D%22%23333%22/%3E%3Cpath%20d%3D%22M3.35%2015.9l1.1%2012.5a.39.39%200%2000.36.42h.14l1.4-.1a.66.66%200%2000.5-.4l-.2-3.8-3.3-8.6z%22%20fill%3D%22%23fdbf2d%22/%3E%3Cpath%20d%3D%22M5.2%2028.8l1.1-.1a.66.66%200%2000.5-.4l-.2-3.8-1.2-3.1z%22%20fill%3D%22%23ce592b%22%20fill-opacity%3D%22.25%22/%3E%3Cpath%20d%3D%22M21.4%2035.7l-3.8-1.2-2.7-7.8L12%2015.5l3.4-2.9c.2%202.4%202.2%2014.1%203.7%2017.1%200%200%201.3%202.6%202.3%203.1v2.9m-8.4-8.1l-2-.3%202.5%2010.1.9.4v-2.9%22%20fill%3D%22%23e5892b%22/%3E%3Cpath%20d%3D%22M17.8%2025.4c-.4-1.5-.7-3.1-1.1-4.8-.1-.4-.1-.7-.2-1.1l-1.1-2-1.7-1.6s.9%205%202.4%207.1a19.12%2019.12%200%20001.7%202.4z%22%20style%3D%22isolation%3Aisolate%22%20fill%3D%22%23cf572e%22%20opacity%3D%22.6%22/%3E%3Cpath%20d%3D%22M14.4%2037.8h-3a.43.43%200%2001-.4-.4l-3-7.8-1.7-4.8-3-9%208.9-.4s2.9%2011.3%204.3%2014.4c1.9%204.1%203.1%204.7%205%205.8h-3.2s-4.1-1.2-5.9-7.7a.59.59%200%2000-.6-.4.62.62%200%2000-.3.7s.5%202.4.9%203.6a34.87%2034.87%200%20002%206z%22%20fill%3D%22%23fdbf2d%22/%3E%3Cpath%20d%3D%22M15.4%2012.7l-3.3%202.9-8.9.4%203.3-2.7%22%20fill%3D%22%23ce592b%22/%3E%3Cpath%20d%3D%22M9.1%2021.1l1.4-6.2-5.9.5%22%20style%3D%22isolation%3Aisolate%22%20fill%3D%22%23cf572e%22%20opacity%3D%22.6%22/%3E%3Cpath%20d%3D%22M12%2013.5a4.75%204.75%200%2001-2.6%201.1c-1.5.3-2.9.2-2.9%200s1.1-.6%202.7-1%22%20fill%3D%22%23bb3d19%22/%3E%3Ccircle%20cx%3D%227.92%22%20cy%3D%228.19%22%20r%3D%226.3%22%20fill%3D%22%23fdbf2d%22/%3E%3Cpath%20d%3D%22M4.7%2013.6a6.21%206.21%200%20008.4-1.9v-.1a8.89%208.89%200%2001-8.4%202z%22%20fill%3D%22%23ce592b%22%20fill-opacity%3D%22.25%22/%3E%3Cpath%20d%3D%22M21.2%2027.2l.6-.4a1.09%201.09%200%2000.4-1.3c-.7-1.5-2.1-4.6-2.8-5.8-.9-1.7-2.8-4.9-2.8-4.9a1.6%201.6%200%2000-2.17-.65l-.23.15a1.68%201.68%200%2000-.4%202.1s2.3%203.9%203.1%205.3c.6%201%202.1%203.7%202.9%205.1a.94.94%200%20001.24.49l.16-.09z%22%20fill%3D%22%23fdbf2d%22/%3E%3Cpath%20d%3D%22M19.4%2019.8c-.9-1.7-2.8-4.9-2.8-4.9a1.6%201.6%200%2000-2.17-.65l-.23.15-.3.3c1.1%201.5%202.9%203.8%203.9%205.4%201.1%201.8%202.9%205%203.8%206.7l.1-.1a1.09%201.09%200%2000.4-1.3%2057.67%2057.67%200%2000-2.7-5.6z%22%20fill%3D%22%23ce592b%22%20fill-opacity%3D%22.25%22/%3E%3C/svg%3E"
style="display: none; height: 40px; width: 40px; position: absolute; transform: translate(-60%, -45%); pointer-events: none;"></div>
</div>
</div>
</div>
<div>
<div style="margin: 0px 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;">
<a target="_blank" rel="noopener" title="Open this area in Google Maps (opens a new window)" aria-label="Open this area in Google Maps (opens a new window)" href="https://maps.google.com/maps?ll=41.365029,2.135993&z=15&t=m&hl=en&gl=US&mapclient=apiv3" style="display: inline;"><div style="width: 66px; height: 26px;"><img alt="Google" src="data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2069%2029%22%3E%3Cg%20opacity%3D%22.3%22%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.4706%207.33616L18.0118%206.79504%2017.4599%206.26493C16.0963%204.95519%2014.2582%203.94522%2011.7008%203.94522c-4.613699999999999%200-8.50262%203.7551699999999997-8.50262%208.395779999999998C3.19818%2016.9817%207.0871%2020.7368%2011.7008%2020.7368%2014.1712%2020.7368%2016.0773%2019.918%2017.574%2018.3689%2019.1435%2016.796%2019.5956%2014.6326%2019.5956%2012.957%2019.5956%2012.4338%2019.5516%2011.9316%2019.4661%2011.5041L19.3455%2010.9012H10.9508V14.4954H15.7809C15.6085%2015.092%2015.3488%2015.524%2015.0318%2015.8415%2014.403%2016.4629%2013.4495%2017.1509%2011.7008%2017.1509%209.04835%2017.1509%206.96482%2015.0197%206.96482%2012.341%206.96482%209.66239%209.04835%207.53119%2011.7008%207.53119%2013.137%207.53119%2014.176%208.09189%2014.9578%208.82348L15.4876%209.31922%2016.0006%208.80619%2017.4706%207.33616z%22/%3E%3Cpath%20d%3D%22M24.8656%2020.7286C27.9546%2020.7286%2030.4692%2018.3094%2030.4692%2015.0594%2030.4692%2011.7913%2027.953%209.39009%2024.8656%209.39009%2021.7783%209.39009%2019.2621%2011.7913%2019.2621%2015.0594c0%203.25%202.514499999999998%205.6692%205.6035%205.6692zM24.8656%2012.8282C25.8796%2012.8282%2026.8422%2013.6652%2026.8422%2015.0594%2026.8422%2016.4399%2025.8769%2017.2905%2024.8656%2017.2905%2023.8557%2017.2905%2022.8891%2016.4331%2022.8891%2015.0594%2022.8891%2013.672%2023.853%2012.8282%2024.8656%2012.8282z%22/%3E%3Cpath%20d%3D%22M35.7511%2017.2905v0H35.7469C34.737%2017.2905%2033.7703%2016.4331%2033.7703%2015.0594%2033.7703%2013.672%2034.7343%2012.8282%2035.7469%2012.8282%2036.7608%2012.8282%2037.7234%2013.6652%2037.7234%2015.0594%2037.7234%2016.4439%2036.7554%2017.2961%2035.7511%2017.2905zM35.7387%2020.7286C38.8277%2020.7286%2041.3422%2018.3094%2041.3422%2015.0594%2041.3422%2011.7913%2038.826%209.39009%2035.7387%209.39009%2032.6513%209.39009%2030.1351%2011.7913%2030.1351%2015.0594%2030.1351%2018.3102%2032.6587%2020.7286%2035.7387%2020.7286z%22/%3E%3Cpath%20d%3D%22M51.953%2010.4357V9.68573H48.3999V9.80826C47.8499%209.54648%2047.1977%209.38187%2046.4808%209.38187%2043.5971%209.38187%2041.0168%2011.8998%2041.0168%2015.0758%2041.0168%2017.2027%2042.1808%2019.0237%2043.8201%2019.9895L43.7543%2020.0168%2041.8737%2020.797%2041.1808%2021.0844%2041.4684%2021.7772C42.0912%2023.2776%2043.746%2025.1469%2046.5219%2025.1469%2047.9324%2025.1469%2049.3089%2024.7324%2050.3359%2023.7376%2051.3691%2022.7367%2051.953%2021.2411%2051.953%2019.2723v-8.8366zm-7.2194%209.9844L44.7334%2020.4196C45.2886%2020.6201%2045.878%2020.7286%2046.4808%2020.7286%2047.1616%2020.7286%2047.7866%2020.5819%2048.3218%2020.3395%2048.2342%2020.7286%2048.0801%2021.0105%2047.8966%2021.2077%2047.6154%2021.5099%2047.1764%2021.7088%2046.5219%2021.7088%2045.61%2021.7088%2045.0018%2021.0612%2044.7336%2020.4201zM46.6697%2012.8282C47.6419%2012.8282%2048.5477%2013.6765%2048.5477%2015.084%2048.5477%2016.4636%2047.6521%2017.2987%2046.6697%2017.2987%2045.6269%2017.2987%2044.6767%2016.4249%2044.6767%2015.084%2044.6767%2013.7086%2045.6362%2012.8282%2046.6697%2012.8282zM55.7387%205.22081v-.75H52.0788V20.4412H55.7387V5.22081z%22/%3E%3Cpath%20d%3D%22M63.9128%2016.0614L63.2945%2015.6492%2062.8766%2016.2637C62.4204%2016.9346%2061.8664%2017.3069%2061.0741%2017.3069%2060.6435%2017.3069%2060.3146%2017.2088%2060.0544%2017.0447%2059.9844%2017.0006%2059.9161%2016.9496%2059.8498%2016.8911L65.5497%2014.5286%2066.2322%2014.2456%2065.9596%2013.5589%2065.7406%2013.0075C65.2878%2011.8%2063.8507%209.39832%2060.8278%209.39832%2057.8445%209.39832%2055.5034%2011.7619%2055.5034%2015.0676%2055.5034%2018.2151%2057.8256%2020.7369%2061.0659%2020.7369%2063.6702%2020.7369%2065.177%2019.1378%2065.7942%2018.2213L66.2152%2017.5963%2065.5882%2017.1783%2063.9128%2016.0614zM61.3461%2012.8511L59.4108%2013.6526C59.7903%2013.0783%2060.4215%2012.7954%2060.9017%2012.7954%2061.067%2012.7954%2061.2153%2012.8161%2061.3461%2012.8511z%22/%3E%3C/g%3E%3Cpath%20d%3D%22M11.7008%2019.9868C7.48776%2019.9868%203.94818%2016.554%203.94818%2012.341%203.94818%208.12803%207.48776%204.69522%2011.7008%204.69522%2014.0331%204.69522%2015.692%205.60681%2016.9403%206.80583L15.4703%208.27586C14.5751%207.43819%2013.3597%206.78119%2011.7008%206.78119%208.62108%206.78119%206.21482%209.26135%206.21482%2012.341%206.21482%2015.4207%208.62108%2017.9009%2011.7008%2017.9009%2013.6964%2017.9009%2014.8297%2017.0961%2015.5606%2016.3734%2016.1601%2015.7738%2016.5461%2014.9197%2016.6939%2013.7454h-4.9931V11.6512h7.0298C18.8045%2012.0207%2018.8456%2012.4724%2018.8456%2012.957%2018.8456%2014.5255%2018.4186%2016.4637%2017.0389%2017.8434%2015.692%2019.2395%2013.9838%2019.9868%2011.7008%2019.9868zM29.7192%2015.0594C29.7192%2017.8927%2027.5429%2019.9786%2024.8656%2019.9786%2022.1884%2019.9786%2020.0121%2017.8927%2020.0121%2015.0594%2020.0121%2012.2096%2022.1884%2010.1401%2024.8656%2010.1401%2027.5429%2010.1401%2029.7192%2012.2096%2029.7192%2015.0594zM27.5922%2015.0594C27.5922%2013.2855%2026.3274%2012.0782%2024.8656%2012.0782S22.1391%2013.2937%2022.1391%2015.0594C22.1391%2016.8086%2023.4038%2018.0405%2024.8656%2018.0405S27.5922%2016.8168%2027.5922%2015.0594zM40.5922%2015.0594C40.5922%2017.8927%2038.4159%2019.9786%2035.7387%2019.9786%2033.0696%2019.9786%2030.8851%2017.8927%2030.8851%2015.0594%2030.8851%2012.2096%2033.0614%2010.1401%2035.7387%2010.1401%2038.4159%2010.1401%2040.5922%2012.2096%2040.5922%2015.0594zM38.4734%2015.0594C38.4734%2013.2855%2037.2087%2012.0782%2035.7469%2012.0782%2034.2851%2012.0782%2033.0203%2013.2937%2033.0203%2015.0594%2033.0203%2016.8086%2034.2851%2018.0405%2035.7469%2018.0405%2037.2087%2018.0487%2038.4734%2016.8168%2038.4734%2015.0594zM51.203%2010.4357v8.8366C51.203%2022.9105%2049.0595%2024.3969%2046.5219%2024.3969%2044.132%2024.3969%2042.7031%2022.7955%2042.161%2021.4897L44.0417%2020.7095C44.3784%2021.5143%2045.1997%2022.4588%2046.5219%2022.4588%2048.1479%2022.4588%2049.1499%2021.4487%2049.1499%2019.568V18.8617H49.0759C48.5914%2019.4612%2047.6552%2019.9786%2046.4808%2019.9786%2044.0171%2019.9786%2041.7668%2017.8352%2041.7668%2015.0758%2041.7668%2012.3%2044.0253%2010.1319%2046.4808%2010.1319%2047.6552%2010.1319%2048.5914%2010.6575%2049.0759%2011.2323H49.1499V10.4357H51.203zM49.2977%2015.084C49.2977%2013.3512%2048.1397%2012.0782%2046.6697%2012.0782%2045.175%2012.0782%2043.9267%2013.3429%2043.9267%2015.084%2043.9267%2016.8004%2045.175%2018.0487%2046.6697%2018.0487%2048.1397%2018.0487%2049.2977%2016.8004%2049.2977%2015.084zM54.9887%205.22081V19.6912H52.8288V5.22081H54.9887zM63.4968%2016.6854L65.1722%2017.8023C64.6301%2018.6072%2063.3244%2019.9869%2061.0659%2019.9869%2058.2655%2019.9869%2056.2534%2017.827%2056.2534%2015.0676%2056.2534%2012.1439%2058.2901%2010.1483%2060.8278%2010.1483%2063.3818%2010.1483%2064.6301%2012.1768%2065.0408%2013.2773L65.2625%2013.8357%2058.6843%2016.5623C59.1853%2017.5478%2059.9737%2018.0569%2061.0741%2018.0569%2062.1746%2018.0569%2062.9384%2017.5067%2063.4968%2016.6854zM58.3312%2014.9115L62.7331%2013.0884C62.4867%2012.4724%2061.764%2012.0454%2060.9017%2012.0454%2059.8012%2012.0454%2058.2737%2013.0145%2058.3312%2014.9115z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 66px; height: 26px; user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></a>
</div>
</div>
<div></div>
<div>
<div style="display: inline-flex; position: absolute; right: 0px; bottom: 0px;">
<div class="gmnoprint" style="z-index: 1000001;">
<div draggable="false" class="gm-style-cc" style="user-select: none; position: relative; height: 14px; line-height: 14px;">
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
<div style="width: 1px;"></div>
<div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div>
</div>
<div
style="position: relative; padding-right: 6px; padding-left: 6px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;">
<button draggable="false" aria-label="Keyboard shortcuts" title="Keyboard shortcuts" type="button"
style="background: none; display: inline-block; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; color: rgb(0, 0, 0); font-family: inherit; line-height: inherit;">Keyboard
shortcuts</button></div>
</div>
</div>
<div class="gmnoprint" style="z-index: 1000001;">
<div draggable="false" class="gm-style-cc" style="user-select: none; position: relative; height: 14px; line-height: 14px;">
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
<div style="width: 1px;"></div>
<div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div>
</div>
<div
style="position: relative; padding-right: 6px; padding-left: 6px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;">
<button draggable="false" aria-label="Map Data" title="Map Data" type="button"
style="background: none; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; color: rgb(0, 0, 0); font-family: inherit; line-height: inherit; display: none;">Map
Data</button><span style="">Map data ©2023 Google, Inst. Geogr. Nacional, Institut Cartografic de Catalunya</span></div>
</div>
</div>
<div class="gmnoscreen">
<div style="font-family: Roboto, Arial, sans-serif; font-size: 11px; color: rgb(0, 0, 0); direction: ltr; text-align: right; background-color: rgb(245, 245, 245);">Map data ©2023 Google, Inst. Geogr. Nacional, Institut
Cartografic de Catalunya</div>
</div><button draggable="false" aria-label="Map Scale: 200 m per 56 pixels" title="Map Scale: 200 m per 56 pixels" type="button" class="gm-style-cc" aria-describedby="6C0CAEF4-076F-4B5D-ABF5-69B783B5F3FA"
style="background: none; display: none; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; height: 14px; line-height: 14px;">
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
<div style="width: 1px;"></div>
<div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div>
</div>
<div
style="position: relative; padding-right: 6px; padding-left: 6px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;">
<span>200 m </span>
<div style="position: relative; display: inline-block; height: 8px; bottom: -1px; width: 60px;">
<div style="width: 100%; height: 4px; position: absolute; left: 0px; top: 0px;"></div>
<div style="width: 4px; height: 8px; left: 0px; top: 0px; background-color: rgb(255, 255, 255);"></div>
<div style="width: 4px; height: 8px; position: absolute; background-color: rgb(255, 255, 255); right: 0px; bottom: 0px;"></div>
<div style="position: absolute; background-color: rgb(102, 102, 102); height: 2px; left: 1px; bottom: 1px; right: 1px;"></div>
<div style="position: absolute; width: 2px; height: 6px; left: 1px; top: 1px; background-color: rgb(102, 102, 102);"></div>
<div style="width: 2px; height: 6px; position: absolute; background-color: rgb(102, 102, 102); bottom: 1px; right: 1px;"></div>
</div>
</div><span id="6C0CAEF4-076F-4B5D-ABF5-69B783B5F3FA" style="display: none;">Click to toggle between metric and imperial units</span>
</button>
<div class="gmnoprint gm-style-cc" draggable="false" style="z-index: 1000001; user-select: none; position: relative; height: 14px; line-height: 14px;">
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
<div style="width: 1px;"></div>
<div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div>
</div>
<div
style="position: relative; padding-right: 6px; padding-left: 6px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;">
<a href="https://www.google.com/intl/en_US/help/terms_maps.html" target="_blank" rel="noopener" style="text-decoration: none; cursor: pointer; color: rgb(0, 0, 0);">Terms of Use</a></div>
</div>
<div draggable="false" class="gm-style-cc" style="user-select: none; position: relative; height: 14px; line-height: 14px;">
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
<div style="width: 1px;"></div>
<div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div>
</div>
<div
style="position: relative; padding-right: 6px; padding-left: 6px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;">
<a target="_blank" rel="noopener" title="Report errors in the road map or imagery to Google" dir="ltr" href="https://www.google.com/maps/@41.3650291,2.1359931,15z/data=!10m1!1e1!12b1?source=apiv3&rapsrc=apiv3" style="font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); text-decoration: none; position: relative;">Report a map error</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="map_hotelsListMobile" class="d-none"></div>
<div id="map_hotelsListMobile_itemTemplate" class="d-none">
<div class="ItemGrid" data-eventhotelguid="{eventHotelGuid}" data-index="{index}">
<a href="{url}" class="stretched-link"></a>
<div class="row no-gutters mt-0">
<div class="col-4">
<img class="imgHotels" data-lazy="{img}">
</div>
<div class="col-8">
<div class="py-2 px-3">
<div>{name}</div>
<div class="mb-2">{stars}</div>
<div class="d-inline-block ratingTrustYou">
<iframe data-src="{TrustYouURL}" class="{TrustYouIFrameClass}" allowtransparency="true" frameborder="0" height="24" scrolling="no" width="215"></iframe>
</div>
<div class="pull-right mt-2">
<span class="Color1">{priceFrom}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="Scripts/GoogleMapFullScreenControl.js"></script>
<script type="text/javascript" src="Scripts/markerclustererv2.aspx"></script>
<script type="text/javascript" src="Scripts/util.js?v=8DA8411DDFCF700"></script>
<script type="text/javascript" src="Scripts/utils.js?v=8DB0448D756BF00"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=weekly&language=en&key=AIzaSyBMIbQ_d_XGNBqovgFyNY3FBopA1zlttFk&callback=LoadMap" async="" defer=""></script>
</div>
</div>
<div id="ctl00_pnlOverlayAboutUs" class="aboutUs overlay" style="display: block;">
<img src="Images/logos/Logo-BNetwork-SB.png">
<div class="bnetwork">
<img src="Images/logos/Logo-b.png" id="ctl00_b_Booking" style="float: left; height: 35px; padding-right: 10px;"> bnetwork is an accommodation management
specialist. <a href="https://www.bnetwork.com" target="_blank" class="Color1">Click here to access to our website.</a>
</div>
<a class="close" href="javascript:toggleAboutUs(100, true);">×</a>
</div>
</div>
<div id="ctl00_wucChat_pnlChat">
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API = Tawk_API || {},
Tawk_LoadStart = new Date();
(function() {
var s1 = document.createElement("script"),
s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/63cebffec2f1ac1e202f3100/1gnfprv5b';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
</div>
<a id="ctl00_lbTargetControlID" class="Hidden" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$lbTargetControlID", "", true, "", "", false, true))"></a>
<div id="ctl00_pnlWarning" class="ConfirmFinish" style="display: none; width: 650px; position: fixed; z-index: 20002;">
<span id="ctl00_lblError" class="Warning"></span><br>
<br>
<br>
<br>
<input type="submit" name="ctl00$btClosePopupError" value="Close" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$btClosePopupError", "", true, "", "", false, false))"
id="ctl00_btClosePopupError" class="button standart ico ico-close">
</div>
<!-- Modal -->
<div id="modalSignInSwitch" class="modal modal-custom fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
<style>
.select2-drop {
z-index: 9999999999 !important;
}
</style>
<script type="text/javascript">
//appel depuis aspx pour que la popup ne soit pas bloqué par le navigateur
</script>
<ul class="nav nav-tabs">
<li role="presentation" class="nav-item btn-radius-top">
<a class="nav-link active btn-radius-top" data-toggle="tab" href="#loginTab">Login</a>
</li>
<li role="presentation" class="nav-item btn-radius-top">
<a class="nav-link btn-radius-top" data-toggle="tab" href="#signUpTab">Create my account</a>
</li>
</ul>
<div class="tab-content">
<div id="loginTab" class="tab-pane active" style="position: relative">
<div id="ctl00_wucSignInSwitch_upLogin">
<div id="ctl00_wucSignInSwitch_wucLogin_pnlAuthentication" class="reservationContactForm" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl00_wucSignInSwitch_wucLogin_LoginButton')"
style="text-align:center;max-width: 100%;">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<div class="position-relative">
<div class="styled-input wide">
<input name="ctl00$wucSignInSwitch$wucLogin$UserName" type="text" id="ctl00_wucSignInSwitch_wucLogin_UserName" class="pureTextBox input-radius"> <label>Email</label><span></span>
<img src="images/LoginUser3.png" width="20" style="position: absolute; left: 290px; top: 4px;" alt="">
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="position-relative">
<div class="styled-input wide">
<input name="ctl00$wucSignInSwitch$wucLogin$Password" type="password" id="ctl00_wucSignInSwitch_wucLogin_Password" class="pureTextBox input-radius"> <label>Password</label><span></span>
<img src="images/Lock3.png" width="20" style="position: absolute; left: 290px; top: 4px;" alt="">
</div>
</div>
</td>
</tr>
<tr>
<td style="text-align: left">
<a href="ForgotPassword.aspx">Reset my password</a>
</td>
</tr>
</tbody>
</table>
<br>
<div style="text-align: justify;">
<div id="lcaptcha" style="margin: 5px 0px"></div>
<div style="">
<input type="submit" name="ctl00$wucSignInSwitch$wucLogin$LoginButton" value="Login" id="ctl00_wucSignInSwitch_wucLogin_LoginButton" class="button standart ico ico-signin">
</div>
</div>
</div>
<script>
var captchaLogin;
var onloadCallbackGoogleCaptcha = function() {
captchaLogin = grecaptcha.render('lcaptcha', {
'sitekey': '6LeIDkYUAAAAAGBFxr3TRxD3qCSAhyfXkMuGI0tZ',
'theme': 'light'
});
};
</script>
</div>
<div id="ctl00_wucSignInSwitch_ctl00" style="display:none;" role="status" aria-hidden="true">
<div class="b-loader">
<div class="spinner">
</div>
</div>
</div>
</div>
<div id="signUpTab" class="tab-pane" style="position: relative">
<div id="ctl00_wucSignInSwitch_upSignUp">
<link href="CSS/select2.css" rel="stylesheet">
<script type="text/javascript" src="Scripts/select2.min.js"></script>
<script type="text/javascript">
function HelpOver(id) {
document.getElementById(id).style.display = "block";
}
function HelpOut(id) {
document.getElementById(id).style.display = "none";
}
function initCountries() {
$("#ctl00_wucSignInSwitch_wucReservationContactForm_ddlCountry").select2({
dropdownParent: $('#ctl00_wucSignInSwitch_wucReservationContactForm_pnlContact')
});
}
$(document).ready(function() {
initCountries();
});
</script>
<style type="text/css">
.select2-container .select2-choice {
height: 30px;
width: 330px;
}
.invoiceForm {
margin-top: 50px;
margin-bottom: 30px;
}
</style>
<div id="ctl00_wucSignInSwitch_wucReservationContactForm_pnlContact">
<script type="text/javascript">
/* Code because we are in an UpdatePanel */
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {
BindEvents();
initCountries();
});
</script>
<br>
<span id="ctl00_wucSignInSwitch_wucReservationContactForm_lblTitle">
<h3>Your contact details</h3>
</span>
<br>
<table id="tableRegular">
<tbody>
<tr id="ctl00_wucSignInSwitch_wucReservationContactForm_trLastname">
<td>
<div class="styled-input wide"><input name="ctl00$wucSignInSwitch$wucReservationContactForm$txtLastname" type="text" id="ctl00_wucSignInSwitch_wucReservationContactForm_txtLastname" class="pureTextBox"><label>Last
name*</label><span></span></div>
</td>
<td> </td>
</tr>
<tr id="ctl00_wucSignInSwitch_wucReservationContactForm_trFirstname">
<td>
<div class="styled-input wide"><input name="ctl00$wucSignInSwitch$wucReservationContactForm$txtFirstname" type="text" id="ctl00_wucSignInSwitch_wucReservationContactForm_txtFirstname" class="pureTextBox"><label>First
name*</label><span></span></div>
</td>
<td> </td>
</tr>
<tr id="ctl00_wucSignInSwitch_wucReservationContactForm_trEmail">
<td>
<div class="styled-input wide"><input name="ctl00$wucSignInSwitch$wucReservationContactForm$txtEmail" type="text" id="ctl00_wucSignInSwitch_wucReservationContactForm_txtEmail"
class="pureTextBox"><label>Email*</label><span></span></div>
</td>
<td>
</td>
<td></td>
</tr>
<tr id="ctl00_wucSignInSwitch_wucReservationContactForm_trMobile">
<td>
<div class="styled-input wide divAccount">
<input name="ctl00$wucSignInSwitch$wucReservationContactForm$txtMobile" type="text" id="ctl00_wucSignInSwitch_wucReservationContactForm_txtMobile" class="pureTextBox">
<label>Mobile*</label><span></span>
</div>
</td>
<td> </td>
</tr>
<tr id="ctl00_wucSignInSwitch_wucReservationContactForm_trCompany">
<td>
<div class="styled-input wide">
<input name="ctl00$wucSignInSwitch$wucReservationContactForm$txtCompany" type="text" id="ctl00_wucSignInSwitch_wucReservationContactForm_txtCompany" class="pureTextBox">
<label>Company*</label><span></span>
</div>
</td>
<td> </td>
</tr>
<tr>
<td>
<script type="text/javascript">
function validatePasswordStrength(source, args) {
args.IsValid = checkStrength_ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword(args.Value);
console.log("args.IsValid: " + args.IsValid);
}
function checkStrength_ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword(password) {
var isValid = true;
var validationRules =
'[{"Rank":1,"Text":"Numbers and letters","RegexPattern":"^(?:.*[a-zA-Z]+.*)(?:.*[0-9]+.*)$","IsMandatory":true},{"Rank":2,"Text":"1 lowercase & 1 uppercase","RegexPattern":"([A-Z])","IsMandatory":false},{"Rank":3,"Text":"1 special character (!%&@#$^*?_~)","RegexPattern":"([!,%,&,@,#,$,^,*,?,_,~])","IsMandatory":false},{"Rank":4,"Text":"At least 6 characters","RegexPattern":"^.{6,}$","IsMandatory":true}]';
if (validationRules?.length) {
var strength = 0;
var jsonValidationRules = JSON.parse(
'[{"Rank":1,"Text":"Numbers and letters","RegexPattern":"^(?:.*[a-zA-Z]+.*)(?:.*[0-9]+.*)$","IsMandatory":true},{"Rank":2,"Text":"1 lowercase & 1 uppercase","RegexPattern":"([A-Z])","IsMandatory":false},{"Rank":3,"Text":"1 special character (!%&@#$^*?_~)","RegexPattern":"([!,%,&,@,#,$,^,*,?,_,~])","IsMandatory":false},{"Rank":4,"Text":"At least 6 characters","RegexPattern":"^.{6,}$","IsMandatory":true}]'
);
const passwordStrength = $('#ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_passwordStrength');
jsonValidationRules.forEach((item) => {
let spanRule = $('#ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_pnlContainer [data-validation-rule=' + item.Rank + ']');
let icon = spanRule.find('i');
let isMandatory = spanRule.attr('data-validation-mandatory');
icon.removeClass('fa-times fa-check fa-exclamation-triangle');
spanRule.removeClass("text-danger text-success text-warning");
if (password.match(new RegExp(item.RegexPattern))) {
strength += 1;
spanRule.addClass('text-success');
icon.addClass('fa-check');
} else {
if (isMandatory === "true") {
isValid = false;
spanRule.addClass('text-danger');
icon.addClass('fa-times');
} else {
spanRule.addClass('text-warning');
icon.addClass('fa-exclamation-triangle');
}
}
});
passwordStrength.removeClass('bg-dark bg-danger bg-warning bg-info bg-success');
var nbSteps = jsonValidationRules.length;
if (password.length == 0) {
passwordStrength.text('');
passwordStrength.css('width', '0%');
} else {
// If value is less than 2
if (strength < nbSteps / 2) {
passwordStrength.text('Weak');
passwordStrength.addClass('bg-danger');
passwordStrength.css('width', '15%');
} else if (strength == nbSteps / 2) {
passwordStrength.text('Fair');
passwordStrength.addClass('bg-warning');
passwordStrength.css('width', '30%');
} else if (strength < nbSteps) {
passwordStrength.text('Good');
passwordStrength.addClass('bg-info');
passwordStrength.css('width', '65%');
} else if (strength == nbSteps) {
passwordStrength.text('Strong');
passwordStrength.addClass('bg-success');
passwordStrength.css('width', '100%');
}
}
return isValid;
}
}
$(function() {
init_ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword();
});
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() {
init_ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword();
});
function init_ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword() {
let inputPasswordSelector = '#ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_txtPassword';
$(inputPasswordSelector).keyup(function() {
var password = $(inputPasswordSelector).val();
checkStrength_ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword(password);
});
}
</script>
<div id="ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_pnlContainer" class="password-container">
<!-- Password input-->
<div>
<span id="ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength" class="pwd-floating-error" style="visibility:hidden;"><i class="fa fa-info-circle text-danger mr-1" aria-hidden="true"></i>Enter
a strong password</span>
<div class="clearfix">
<div class="styled-input wide">
<input name="ctl00$wucSignInSwitch$wucReservationContactForm$wucPassword$txtPassword" type="password" id="ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_txtPassword" class="pureTextBox">
<label>Type your password</label>
</div>
</div>
<span id="ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword" style="color:Red;visibility:hidden;"></span>
<span id="ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordForbidden" style="color:Red;display:none;">Password forbidden for security reason</span>
<div>
<div class="progress my-1">
<div id="ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_passwordStrength" class="progress-bar bg-danger" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
<ul class="pwd-validation-rules">
<li><span data-validation-rule="1" data-validation-mandatory="true" class="text-danger"><i class="fa fa-times mr-1" aria-hidden="true"></i></span>Numbers and letters</li>
<li><span data-validation-rule="2" data-validation-mandatory="false" class="text-danger"><i class="fa fa-times mr-1" aria-hidden="true"></i></span>1 lowercase & 1 uppercase</li>
<li><span data-validation-rule="3" data-validation-mandatory="false" class="text-danger"><i class="fa fa-times mr-1" aria-hidden="true"></i></span>1 special character (!%&@#$^*?_~)</li>
<li><span data-validation-rule="4" data-validation-mandatory="true" class="text-danger"><i class="fa fa-times mr-1" aria-hidden="true"></i></span>At least 6 characters</li>
</ul>
</div>
</div>
<!-- Confirm Password -->
<div class="clearfix">
<span id="ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword" class="pwd-floating-error"
style="visibility:hidden;"><i class="fa fa-info-circle text-danger mr-1" aria-hidden="true"></i>Passwords do not match</span>
<div class="styled-input wide">
<input name="ctl00$wucSignInSwitch$wucReservationContactForm$wucPassword$txtConfirmPassword" type="password" id="ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_txtConfirmPassword" class="pureTextBox">
<label>Confirm your password</label>
</div>
</div>
</div>
</td>
<td></td>
</tr>
<tr id="ctl00_wucSignInSwitch_wucReservationContactForm_trCountry">
<td>
<div class="styled-input wide" style="z-index:9852;"><select name="ctl00$wucSignInSwitch$wucReservationContactForm$ddlCountry" id="ctl00_wucSignInSwitch_wucReservationContactForm_ddlCountry"
class="selectContactForm select2-hidden-accessible" style="z-index:899852;" data-select2-id="ctl00_wucSignInSwitch_wucReservationContactForm_ddlCountry" tabindex="-1" aria-hidden="true">
<option value="00000000-0000-0000-0000-000000000000">Country*</option>
<option value="e50fbe9d-0a59-4f53-8a84-b1b869338c76">Açores</option>
<option value="56844da3-59cc-427d-8b89-f094e1b90cdc">Afghanistan</option>
<option value="66511f93-294a-45c1-9739-b3e54c5e0afc">Albania</option>
<option value="3bae72b3-c72f-47de-beef-5e50a3b03f1e">Algeria</option>
<option value="d327ed08-29e5-49ce-974c-58025179665e">American Samoa</option>
<option value="e3e0e12a-58d3-4555-9b0e-398a77e610bf">Andorra</option>
<option value="b3370006-60e2-4d3c-8fef-5bcb5e4b55ac">Angola</option>
<option value="59a22069-8175-42f0-b3be-e22dc0af6e36">Anguilla</option>
<option value="0ecf74b2-17dc-4917-807b-6c226857a9a6">Antigua & Barbuda</option>
<option value="b69b2d66-fddc-488b-bcb2-0c7fffef1b87">Argentina</option>
<option value="e932b6d9-aba2-4b35-9854-64570d5e9f87">Armenia</option>
<option value="97bc34f1-f90f-4bb7-9ac0-b8e2f7f63bb8">Aruba</option>
<option value="cf001144-7739-4b3d-b063-94844ed8363c">Ascension</option>
<option value="8ecbdb56-37c3-44ea-8708-625c995a417e">Australia</option>
<option value="684dcab2-8297-4003-b0fa-0dd41ee091c4">Austria</option>
<option value="36cac591-c42f-4ce1-aeb7-6c91b836eae5">Azerbaijan</option>
<option value="1552d897-1841-4a00-81b1-a386488c063b">Bahamas</option>
<option value="b603dff7-afed-4d9c-a276-33118a9f9f44">Bahrain</option>
<option value="6db29cf6-7400-4e01-ba37-572e901b2549">Bangladesh</option>
<option value="27bd5eb1-1dc9-4521-b274-f9c3b8c0f704">Barbados</option>
<option value="e05d1332-23b3-4607-8396-9411808274a3">Belarus</option>
<option value="94d31c9f-1fab-43cf-8dfd-80a2a3b90984">Belgium</option>
<option value="35b11db6-6f1f-4724-9bfa-d99874eeec9d">Belize</option>
<option value="ee7fc874-6833-4d7a-80fd-0246383f28a8">Bengladesh</option>
<option value="80bf721d-0e95-46f1-bddb-52ddd4c0b335">Benin</option>
<option value="1464847d-f7f6-4678-b902-f33804ea521d">Bermuda</option>
<option value="be80919e-bf9c-4945-a70a-32b35c8ee731">Bhutan</option>
<option value="accb3b32-02c2-43ba-83b0-2e7d0455f497">Bolivia</option>
<option value="d2f6e479-b9e7-4163-86c0-b03751a930e3">Bosnia-Herzegovia</option>
<option value="8e95e5dd-a387-45ee-b595-2e5d6aa7ae84">Botswana</option>
<option value="6c3ee4ba-97b9-4e3a-b976-20ebb828ea5e">Brazil</option>
<option value="03d98860-eeeb-4471-a594-aef4051a89fe">British Virgin Islands</option>
<option value="7995aa71-dbc1-4ab2-8649-622d2461c1e8">Brunei</option>
<option value="2e794cdd-7b3f-4d53-83ab-49b1d5ed55b1">Bulgaria</option>
<option value="5ef5925d-e75d-4e18-b86c-45c36347cb70">Burkina Faso</option>
<option value="44f5f3cc-9345-4cf7-80af-ae41ec806644">Burundi</option>
<option value="1c3d79e9-623c-4a39-8f40-594d82c6259f">Cambodia</option>
<option value="68a3e2a1-eb93-41ab-a00f-4b243cc3c4a8">Cameroon</option>
<option value="48cbb735-19e7-4901-ad54-16ad53e5496c">Canada</option>
<option value="783c7ebb-a05c-4a29-b173-0e1b28f7a7fa">Cape Verde</option>
<option value="f62a1960-e9d1-4d1b-a536-f1d524d63e31">Cayman</option>
<option value="9db42619-d9e1-4eb3-a519-c1bb37a3b78c">Central African Rep.</option>
<option value="527339f8-2635-4547-aef9-dd112f1cc234">Central America</option>
<option value="0e3fd9f6-6edf-4e40-83d2-8d326fbe7184">Chile</option>
<option value="6a950a63-0150-4f04-8d3f-2b8f8a7b5b88">China</option>
<option value="1f46669f-4f06-4814-81f4-ebc0f2cf6b10">Christmas (Islands, Australia)</option>
<option value="8d086b3b-cfbe-44af-96e6-9b29c9911e0d">Cocos-Keeling (Australia)</option>
<option value="d0f7544d-bb82-4dfd-9ede-6720d33577d3">Colombia</option>
<option value="0e98fa20-9cbb-4f60-9b6f-9f0272af73aa">Comoros</option>
<option value="3fc42b5f-3185-4765-927f-81d3b3e33c39">Congo</option>
<option value="03cc449d-e2e5-4f60-8f7f-508e6dd23845">Cook (Islands)</option>
<option value="ffac90ac-8241-42ad-a9aa-fe29280bb360">Costa Rica</option>
<option value="b282295a-ee8b-4726-8ce9-526dc285c248">Croatia</option>
<option value="616e643f-d151-4313-8331-21bddba51d71">Cuba</option>
<option value="69455187-ad61-4155-a658-f08bdb414250">Cyprus</option>
<option value="e6c0ade8-dc95-4832-9720-b4b07a5a28b5">Czech Republic</option>
<option value="c0938103-f514-4e43-9032-28ccecb257d0">Denmark</option>
<option value="7086dae4-5095-413b-95f9-d59a2b596e57">Diego Garcia</option>
<option value="244d7c7a-232a-46ac-9abd-bee8ccd8ec03">Djibouti</option>
<option value="f5c08687-859e-4b18-bfdd-cba379022f67">Dominica</option>
<option value="f524ed78-6c53-4dd6-8704-89d2b8b36e89">Dominican Republic</option>
<option value="5d3dcf52-6ee6-45c7-ba32-1bffff90a08e">Ecuador</option>
<option value="6de950fd-7053-499e-b301-adc58d1db49e">Egypt</option>
<option value="8c9e9a76-a989-4a8c-9b99-822cad5a373c">El Salvador</option>
<option value="9d34c900-4570-4e52-b8f7-4a208c12be2f">Equador</option>
<option value="cde7df43-eebb-4baf-b29c-bb75030d79f3">Equatorial Guinea</option>
<option value="5b145fce-bc0e-47c5-9f26-326a9f67032b">Erythrée</option>
<option value="87b409b9-1952-4acd-9898-07ba9af01c79">Estonia</option>
<option value="790ae79a-d8e5-4c61-8d7a-521ead0e305f">Ethiopia</option>
<option value="e0ffd29d-ea5b-45b5-9748-06c14c601f4d">Falkland (Islands)</option>
<option value="1d20c451-d4c7-457a-8c71-f42c97e5d500">Faroe Islands</option>
<option value="43726cec-ca26-4462-ac0b-d287a984239b">Féroé (Islands)</option>
<option value="07837a7c-8345-458a-90ee-88a1dbb905a9">Fidji</option>
<option value="30e150e5-a6ac-4245-8e5b-254aa241b067">Finland</option>
<option value="fc0a25b5-7738-4799-9762-8bc2c73fb3eb">France</option>
<option value="677d6968-48a8-4a93-9220-986dda8d7be4">French Polynesia</option>
<option value="ea003a2e-00fb-4c3d-801b-c95de195bc0a">Gabon</option>
<option value="245a26b6-1b19-4d5b-8261-7bfe5d04e8aa">Gambia</option>
<option value="a6733584-a4be-407c-a128-8ee9b965a606">Georgia</option>
<option selected="selected" value="52a96c3c-2485-4f78-a655-470801921691" data-select2-id="2">Germany</option>
<option value="3a48c24c-4fd9-452b-84d9-ab96e37743cd">Ghana</option>
<option value="a7801367-a026-429e-a325-f4a62a1796c2">Gibraltar</option>
<option value="0cb0b615-4db3-4871-8a65-06b770981d44">Greece</option>
<option value="96069d60-7e4b-421f-9e75-9f17fc08a31a">Groenland</option>
<option value="7c5ce9d2-7dca-4cc0-9787-709db48213c1">Guadeloupe</option>
<option value="be787428-009a-4f94-9e3c-c38e5f4c548d">Guam</option>
<option value="17060091-3d49-4b74-a6b3-c780ec2bd2d4">Guantanamo</option>
<option value="6de8b585-0798-483d-879e-69a50a78c794">Guatemala</option>
<option value="c1433716-edd5-41cb-8f25-2739db190413">Guernsey</option>
<option value="172f21af-b503-42b1-b2f1-5cd356116874">Guinea (Rep.)</option>
<option value="48eab456-92d6-43f3-9602-0993807cb5f4">Guinea Bissau</option>
<option value="1f452a6c-5e9e-4e63-8356-5d68ee27f279">Guyana</option>
<option value="f0b3d1e4-952f-413c-89a1-3c434b572cab">Haïti</option>
<option value="dbbe768e-8c80-4907-88bd-4fd6465dfa53">Honduras</option>
<option value="0e597405-eb25-4bd6-b77f-a8fd337bb06a">Hong Kong</option>
<option value="24eb590b-7c19-49fc-a556-8ca880f1cbf3">Hungary</option>
<option value="91c4bbc9-2a57-4280-9cb7-347e6a2b9381">Iceland</option>
<option value="1982eaf3-b246-4dfe-a12c-3a4b73950ca6">ILES BALÉARES</option>
<option value="66fb250b-ad8d-4b0d-b2f4-0fcf925284a2">India</option>
<option value="6be3e951-7e97-4a08-bd47-ce573797d845">Indonesia</option>
<option value="d620e7b1-ad6e-40c6-8df2-d7743c1ff77b">Irak</option>
<option value="129919a9-0da8-4b58-b61d-6f7101be47a9">Iran</option>
<option value="54699a34-272a-4cc3-a15a-4bcad71e97a3">Ireland</option>
<option value="103220fd-76b2-4613-821b-2570fa63cb43">Isle of man</option>
<option value="b54159b8-bfe3-46fe-aef6-14fd550a3a37">Israel</option>
<option value="0537584f-de7b-4a85-be40-57182d326137">Italy</option>
<option value="be424a78-bc3d-44b0-a27f-e13ddf946e51">Ivory Coast</option>
<option value="2f820028-3abb-4543-8c71-09b8bae3027f">Jamaica</option>
<option value="4c07229d-9531-4c9d-a03a-faa58092e7bc">Japan</option>
<option value="603a4663-15eb-41d2-9c92-f58f366564f3">Jersey (UK)</option>
<option value="05af7d10-af25-4666-8785-29a837dbc28d">Jordan</option>
<option value="af3b3143-428a-44df-aec1-63848ebcdd3c">Kazakhstan</option>
<option value="0089ca76-218b-459b-a686-9e87c0a2f38a">Kenya</option>
<option value="2ec5250e-6e9a-4bbd-a7e6-bed890436fbc">Kiribati</option>
<option value="96f80186-3241-4273-b14a-b0c27b493fa2">Kosovo</option>
<option value="8087d3e8-9077-4331-b16b-1107dee24875">Kuwait</option>
<option value="96349f5f-b97a-495a-b786-1b616050d89f">Kyrgyzstan</option>
<option value="e68d276b-0b58-45a9-82a3-26efc7b321ab">Laos</option>
<option value="71578384-889b-46e9-a5b1-213982bd5fb4">Latvia</option>
<option value="34495e17-1966-4fd7-9022-ca00bdba81be">Lebanon</option>
<option value="caf69011-9cf2-423c-816a-7bb1b3829654">Lesotho</option>
<option value="8b8884f8-a9f6-4cc5-91fd-078c5acaf2bf">Liberia</option>
<option value="ac45e503-2bb4-4707-9a9c-c40c547c995a">Libya</option>
<option value="48778d03-0700-4edd-b54e-4a08012b1ac2">Liechtenstein</option>
<option value="a266dd3d-441c-4a88-8d18-bf62782af7ef">Lithuania</option>
<option value="01d7dde0-464c-4be1-835c-1aadb2fb1214">Luxembourg</option>
<option value="4ff8db5b-e1b8-4ef1-9c39-f599e0ee69d4">Macau</option>
<option value="08eaac24-7653-4f27-ad2f-3db46068210e">Macedonia</option>
<option value="9bfd742a-fc6d-49bc-97a3-72de1a2c5890">Madagascar</option>
<option value="4eabaeb2-6a1b-469b-92ce-f8ee281991d7">Madere</option>
<option value="c142d454-4141-4317-8b28-4ba8ac13b6bc">Malawi</option>
<option value="ed13d017-b290-452c-8fad-7fa49ebbe037">Malaysia</option>
<option value="c0b51ed7-2e52-4863-b3d6-00187693bfd0">Maldives</option>
<option value="7261dbd5-a927-4fa9-97cb-038607b93a1f">Mali</option>
<option value="d647ac4b-846f-4de2-b07f-ed9935df5307">Malta</option>
<option value="9ab4d855-1323-4bfb-80a3-0026586983c3">Marocco</option>
<option value="e2209487-cf18-481c-a4e2-50d6e4316505">Marshall</option>
<option value="162931f7-cf8e-482b-93f2-5af22ab1507d">Martinique</option>
<option value="093ad4f6-5b02-4a8d-ae92-b7bd2a8c7f52">Maurice (Island)</option>
<option value="94bee958-ef07-4102-bb31-a75600177685">Mauritania</option>
<option value="fdb7d0bd-92b7-4df2-94e1-4102b10eee53">Mayotte</option>
<option value="7e8da55d-4642-43bd-ba7c-2db8ccb617ac">Mexico</option>
<option value="478920ea-fdc2-4834-a2c5-46b947455cdf">Micronesia</option>
<option value="502eb991-42d0-4dfb-b6b2-1f96bb24c880">Moldavia</option>
<option value="a3081367-b6e3-4371-a2dd-d42b0e60bb5b">Monaco</option>
<option value="82a6846d-65e3-42f4-8513-8965a69dff3c">Mongolia</option>
<option value="430a2f90-0b59-44c2-9599-aec7bb973300">Montenegro</option>
<option value="b3c71328-cd71-4b55-996d-e3fd3f010b63">Montserrat</option>
<option value="bcb8b76b-e6d3-4021-a46c-47fb44dbcece">Morocco</option>
<option value="81b76628-1e34-476c-9703-f95fba8166d1">Mozambique</option>
<option value="04c6326f-cbda-44d9-8cd2-efb30f4ef6fa">Myanmar (Birmanie)</option>
<option value="711027d6-81ba-4d58-bef9-26bae5a32e08">Namibia</option>
<option value="0ffadcc5-34c8-4133-a17e-61e7f5ad0a29">Nauru</option>
<option value="1e7624ed-fe1d-4545-ab89-1ec92537411f">Nepal</option>
<option value="7631035e-c1b2-4b08-afa6-f69f1b2b06a0">Netherlands</option>
<option value="074624f3-0b53-4867-83c8-7bd3290f9d90">Netherlands Antilles</option>
<option value="1ea28e92-5298-48e5-a203-651fefb7e688">New Zealand</option>
<option value="008bda78-7050-4bfb-b75b-cbafdf0673eb">Nicaragua</option>
<option value="646bf84b-6cff-461e-ae97-d2075abe0555">Niger</option>
<option value="455d6968-48a8-4a93-9220-986dda8d7be4">Nigeria</option>
<option value="ded1a800-30dd-46d0-83a6-1a20e69e37e6">Niue</option>
<option value="72f37af8-41b9-482b-b870-233fab12b5ca">Norfolk</option>
<option value="632d65d6-e0a2-431f-a38a-188efe41e1ad">North Korea</option>
<option value="447ce796-134c-4b3d-aa4a-db61e997bf8e">Norway</option>
<option value="1ac95058-5e83-4fbd-b699-d51eed359839">Nouvelle-Calédonie</option>
<option value="2d14c366-c0e6-4d93-ad08-701a002eb936">Occidental Samoa</option>
<option value="fa3f7842-9920-4211-8c60-0a482c367920">Oman</option>
<option value="b929a6a0-5100-4442-806d-2e1a6a6d54a4">Pakistan</option>
<option value="f4803547-ec76-47f9-b13e-98d74e113b50">Palau</option>
<option value="71cd4eea-7c06-4780-b751-f6823b291431">Palestine</option>
<option value="fd3dcda4-1497-4563-973b-c1118a6d1d44">Panama</option>
<option value="dc5e2880-7fa1-4d69-92df-03fd35acf747">Papua New Guinea</option>
<option value="120fb228-25d2-421e-9638-654adf78fc62">Paraguay</option>
<option value="171641a5-d11f-4364-b246-69e824058426">Peru</option>
<option value="1c4f7cef-5265-4510-82a9-ce4238831b99">Philippines</option>
<option value="08cc2893-bad7-419f-bac8-a2714452d20b">Poland</option>
<option value="a4442fc9-c4b7-4e7d-9fe1-c96b337ba6f1">Porto Rico</option>
<option value="f85a5978-1a61-4f7f-b5d5-835593ef4c23">Portugal</option>
<option value="614e77c0-f145-42a5-a098-4af76486055c">Qatar</option>
<option value="32e7ccc4-e83e-4ad9-b2b4-856f01696e25">Réunion</option>
<option value="f8131f16-5538-4a10-8737-4306a8d21edf">Romania</option>
<option value="4d8ac334-e378-4cc1-8cdc-e20d3d0cde57">Russia</option>
<option value="44ab45eb-64a9-4741-bdcf-32c5a67acdc2">Rwanda</option>
<option value="07c58fe5-c302-443c-a455-e28a258d486b">Saint-Kitts & Nevis</option>
<option value="9c6178be-de7a-4dca-a6cd-3f9ea1ea532a">Saint-Pierre et Miquelon</option>
<option value="6382b72f-6af8-4aa4-9c84-99c4e261e6af">Sainte-Hélène</option>
<option value="ad701c1e-9df0-4926-a4cd-d55afc640441">Saipan</option>
<option value="03c70648-5b6f-4378-be73-f36742f8f9da">Salomon</option>
<option value="e53f7dbe-180a-44b3-acf9-3cb1c7ecf8be">San Marino</option>
<option value="c4fb2757-2056-491d-8790-dfe3dce11b9d">Sao Tome & Principe</option>
<option value="b01244a6-2ac4-4090-8e81-9f1992a2a872">Saudi Arabia</option>
<option value="132edb09-a093-4e58-a48d-77b988e6f6d3">Scotland</option>
<option value="6595c6d0-4572-4150-83c4-2f6bc3561d1e">Senegal</option>
<option value="ac32c6cd-d631-4ab6-a519-98050a177617">Serbia</option>
<option value="087a34c1-8270-4b99-9797-3f66b9eaaa12">Seychelles</option>
<option value="0be84e9a-933d-4567-830c-7b933822fdc2">Sierra Leone</option>
<option value="b6dabb78-a743-4660-bbe9-9f11253b0d5e">Singapore</option>
<option value="44756b97-14c6-4f17-bb20-ee83b6346eb3">Slovakia</option>
<option value="2380a780-f7e8-45a0-8f77-f60d5393a737">Slovenia</option>
<option value="81d4f5e4-ab4f-40f5-ba0e-31ed67768328">Somalia</option>
<option value="1f2cda52-2e6e-4d78-9dd9-9abc829cf68b">South Africa</option>
<option value="21cedb5d-c5cc-42c9-ba08-91469041b6fe">South Korea</option>
<option value="29104ebd-93cc-4518-86f9-72be8def09d6">Spain</option>
<option value="f89eb8ed-ddd5-4649-81ac-d7b13a48a71c">Sri Lanka</option>
<option value="0180e91b-050e-4b11-88f9-78cd7259cddc">St Lucia</option>
<option value="da6604cf-4cc9-416b-8960-3b1001c8130c">St. Vincent</option>
<option value="b565780e-cc6e-4ca0-80b3-736ed8d8a101">Sudan</option>
<option value="864a7431-eaf8-4f57-8561-65ff04cd7d94">Surinam</option>
<option value="5d8b8c34-c9f8-4f45-be39-f3d93cc55a28">Swaziland</option>
<option value="73a4fc3d-746d-464b-8772-03252dfbd845">Sweden</option>
<option value="862e4317-3d49-467b-92f4-062c8fb9a407">Switzerland</option>
<option value="817a3faf-9223-4855-a7d0-f85a057289b9">Syria</option>
<option value="b207adf6-0cfa-4cb4-b1be-32f33af1e0cf">Tahiti</option>
<option value="23033a1c-fb40-4af8-8dcf-7eda4e065b14">Taïwan</option>
<option value="88a13264-86c1-4e8e-99b4-4eaea7e2fb13">Tajikistan</option>
<option value="9b66ef90-fae9-4d08-9249-8b02f8daf50a">Tanzania</option>
<option value="4db804b9-6904-47f0-97a6-b4302bca9331">Tchad</option>
<option value="bfef1db7-e0c1-4ca4-917e-8b51934b8660">Thailand</option>
<option value="1752b743-c6cc-428d-b457-7ac24fccf01f">Togo</option>
<option value="015e6a79-8bdf-4bb1-a274-fd7866cf8756">Tokelau</option>
<option value="9cc147b6-0fee-4fe1-bded-337f01bbac4c">Tonga</option>
<option value="793eb1a1-e36b-4906-8470-431df9b8ac66">Trinidad & Tobago</option>
<option value="72ea5678-66c4-419e-9e73-fc10ee08ec45">Tunisia</option>
<option value="add16151-0653-43ae-a1dc-3e4450ef1f47">Turkey</option>
<option value="3f2f12d4-67d5-48f2-bf89-ffc0fd96c386">Turkmenistan</option>
<option value="54fd12e8-3d7c-4997-9f5e-5e47658f38fc">Tuvalu</option>
<option value="7c4755e6-0123-4fe2-9ef5-5de768dadd52">Uganda</option>
<option value="c7e05053-16b6-4069-a8e5-ead29fe418f0">Ukraine</option>
<option value="de5366e2-e2d4-48c4-ac42-cbcbaddac1f7">United Arab Emirates</option>
<option value="3827bb2e-8baf-42ef-ac33-2fd59e0ec963">United Kingdom</option>
<option value="c87d6d00-d705-4ff6-9063-23e823a23d1b">United States Of America</option>
<option value="11e76c6c-8965-4c62-9b53-8f160c398023">Uruguay</option>
<option value="4c9cf59e-53d9-43ba-8c1e-797dc9c750d5">Uzbekistan</option>
<option value="f6611eaf-ad2a-4255-aa09-feea0207069f">Vanuatu</option>
<option value="28b0e9ed-1b29-4180-866c-f3a07136d667">Vatican</option>
<option value="aab31585-aff2-4734-b5ba-7dfdebee7b3d">Venezuela</option>
<option value="c6f47c7d-76b3-45c2-9666-5843974ff94c">Viet Nam</option>
<option value="bc32df6a-8a27-4516-9d11-5695371fb50a">Wallis et Futuna</option>
<option value="c79ea4aa-4ef1-4e5d-b40b-cbbcd799c9bc">Yemen</option>
<option value="a2403d39-9c1c-4758-8f08-4e7a1c82a300">Yugoslavia</option>
<option value="f0fb0781-5959-4de2-8e04-eebce26e4840">Zaïre</option>
<option value="781e3a93-b607-48a1-b228-dfb0e0868934">Zambia</option>
<option value="eb4de29e-f48e-4216-a670-086bc43d0f2c">Zimbabwe</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="1" style="width: 330px;"><span class="selection"><span class="select2-selection select2-selection--single"
role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-ctl00_wucSignInSwitch_wucReservationContactForm_ddlCountry-container"><span
class="select2-selection__rendered" id="select2-ctl00_wucSignInSwitch_wucReservationContactForm_ddlCountry-container" role="textbox" aria-readonly="true" title="Germany">Germany</span><span
class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span></div>
</td>
<td></td>
</tr>
</tbody>
</table>
<div id="ctl00_wucSignInSwitch_wucReservationContactForm_upInvoice">
<div class="invoiceForm">
<div id="ctl00_wucSignInSwitch_wucReservationContactForm_pnlNeedInvoice">
<table>
<tbody>
<tr>
<td>
<h3 style="margin-top:0px;">Do you wish to provide us with your full contact details ?</h3>
</td>
<td> </td>
<td style="white-space:nowrap;"><input type="submit" name="ctl00$wucSignInSwitch$wucReservationContactForm$btnYes" value="Yes"
onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$wucSignInSwitch$wucReservationContactForm$btnYes", "", true, "", "", false, false))"
id="ctl00_wucSignInSwitch_wucReservationContactForm_btnYes" class="button standart standartShort unselected ico ico-checkOff"><input type="submit" name="ctl00$wucSignInSwitch$wucReservationContactForm$btnNo"
value="No"
onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$wucSignInSwitch$wucReservationContactForm$btnNo", "", true, "", "", false, false))"
id="ctl00_wucSignInSwitch_wucReservationContactForm_btnNo" class="button standart standartShort ico ico-checkOn"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p class="mandatoryFields">*Mandatory fields</p>
</div>
<input type="submit" name="ctl00$wucSignInSwitch$btSaveContact" value="Create my account"
onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$wucSignInSwitch$btSaveContact", "", true, "", "", false, false))"
id="ctl00_wucSignInSwitch_btSaveContact" class="button standart ico ico-createAccount">
</div>
<div id="ctl00_wucSignInSwitch_ctl01" style="display:none;" role="status" aria-hidden="true">
<div class="b-loader">
<div class="spinner">
</div>
</div>
</div>
</div>
<div id="ctl00_wucSignInSwitch_UpdatePanel1">
</div>
</div>
<div id="ctl00_wucSignInSwitch_pnlEmailExistsError" class="ConfirmFinish" style="display: none;"> An account with this email address already exists.<br>A reset password email has been sent. <br>
</div>
<div id="ctl00_wucSignInSwitch_pnlError" class="ConfirmFinish" style="display: none;"> An error has occured, please contact us at <a href="mailto:shoptalkhotels@bnetwork.com">shoptalkhotels@bnetwork.com</a>: <span
id="ctl00_wucSignInSwitch_lblErrorDetails"></span>
</div>
<div id="ctl00_wucSignInSwitch_pnlWarningBookingRef" class="ConfirmFinish" style="display: none; text-align: center;">
<p>
<span id="ctl00_wucSignInSwitch_lblWarningBookingRef"></span>
</p>
<br>
<div>
<input type="submit" name="ctl00$wucSignInSwitch$btOkWarningCannesLions" value="Continue"
onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$wucSignInSwitch$btOkWarningCannesLions", "", true, "", "", false, false))"
id="ctl00_wucSignInSwitch_btOkWarningCannesLions" class="button standart ico ico-continue">
<a href="CancellationPolicy.aspx" target="_blank" class="button standart ico ico-terms"> Terms and Conditions </a>
</div>
</div>
<script type="text/javascript">
$(function() {
$('.nav-tabs a').on('click', function(e) {
e.preventDefault();
$(this).tab('show');
});
});
</script>
<input type="hidden" name="ctl00$hfSignInTargetUrl" id="hfSignInTargetUrl">
<div class="text-right">
<a href="#" data-dismiss="modal">Close</a>
</div>
</div>
</div>
</div>
</div>
<a id="ctl00_lbTargetOAuthError" class="Hidden" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$lbTargetOAuthError", "", true, "", "", false, true))"></a>
<div id="ctl00_pnlOAuthError" class="ConfirmFinish" style="display: none; text-align: center; white-space: nowrap; position: fixed; z-index: 20002;">
<p>
<span id="ctl00_lblOAuthError"></span>
</p>
<br>
<div align="center">
<input type="submit" name="ctl00$btCloseOAuthError" value=" Homepage"
onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$btCloseOAuthError", "", true, "", "", false, false))" id="ctl00_btCloseOAuthError"
class="button standart ico ico-home">
</div>
</div>
<div data-act-control-type="modalPopupBackground" id="ctl00_popupWarning_backgroundElement" class="modalBackground" style="display: none; position: fixed; left: 0px; top: 0px; z-index: 10000;"></div>
<div data-act-control-type="modalPopupBackground" id="ctl00_popupOAuthError_backgroundElement" class="modalBackground" style="display: none; position: fixed; left: 0px; top: 0px; z-index: 10000;"></div>
</div>
<div class="section footer" id="sectionFooter">
<div id="ctl00_homeFooter" class="b-footer">
</div>
<div id="ctl00_pnlFooter" class="FooterOnMap">
</div>
</div>
<script type="text/javascript">
//<![CDATA[
var Page_Validators = new Array(document.getElementById("ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength"), document.getElementById("ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword"),
document.getElementById("ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordForbidden"), document.getElementById("ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength = document.all ? document.all["ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength"] : document.getElementById(
"ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength");
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength.controltovalidate = "ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_txtPassword";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength.validationGroup = "27f3e05e-7435-47ea-bf37-053de16e08d1";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength.evaluationfunction = "CustomValidatorEvaluateIsValid";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength.clientvalidationfunction = "validatePasswordStrength";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength.validateemptytext = "true";
var ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword = document.all ? document.all["ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword"] : document.getElementById(
"ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword");
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword.controltovalidate = "ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_txtPassword";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword.validationGroup = "27f3e05e-7435-47ea-bf37-053de16e08d1";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword.initialvalue = "";
var ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordForbidden = document.all ? document.all["ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordForbidden"] : document.getElementById(
"ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordForbidden");
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordForbidden.display = "Dynamic";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordForbidden.validationGroup = "Password_46103959";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordForbidden.evaluationfunction = "CustomValidatorEvaluateIsValid";
var ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword = document.all ? document.all["ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword"] : document.getElementById(
"ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword");
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword.controltovalidate = "ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_txtConfirmPassword";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword.validationGroup = "27f3e05e-7435-47ea-bf37-053de16e08d1";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword.evaluationfunction = "CompareValidatorEvaluateIsValid";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword.controltocompare = "ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_txtPassword";
ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword.controlhookup = "ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_txtPassword";
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
moment.locale('en');
$('.fullScreenFilterDates').daterangepicker({
'dataListId': 'ctl00_wucSearch_DateRangePicker_dataList',
minDate: '04/05/2023',
maxDate: '11/05/2023',
startDate: '09/05/2023',
endDate: '11/05/2023',
allowEmptyDate: false,
'parentEl': '#ctl00_wucSearch_ctl01',
autoUpdateInput: false,
autoApply: true,
showTitle: true,
showFooter: true,
'calendarFooterText': '',
'buttonClasses': 'btn btnLg',
locale: {
'format': 'dddd DD/MM/YYYY',
'applyLabel': 'Validate',
firstDay: 1,
'nights': 'Nights',
'night': 'Night',
},
onHoverDate: function(ev, args) {
if (!args.endDate) {
if (args.date.isBefore(moment('08/05/2023', 'dddd DD/MM/YYYY'))) {
ev.target.style.cursor = 'not-allowed';
var str = "Departure date must be from 08/05/2023";
$('.fullScreenFilterDates').data('daterangepicker').setTitle(str, 10000);
} else {
$('.fullScreenFilterDates').data('daterangepicker').setTitle("Select a departure date");
}
}
if (!$('.fullScreenFilterDates').data('daterangepicker').selectionComplet && args.endDate) { //console.debug('startDate');
if (args.date.isAfter(moment('10/05/2023', 'dddd DD/MM/YYYY'))) {
ev.target.style.cursor = 'not-allowed';
var str = "Arrival date must be before 10/05/2023";
$('.fullScreenFilterDates').data('daterangepicker').setTitle(str, 10000);
} else {
if (false && !$(ev.target).find('span.cell-infos').is('[data-available]')) {
ev.target.style.cursor = 'not-allowed';
} else {
ev.target.style.cursor = 'pointer';
}
$('.fullScreenFilterDates').data('daterangepicker').setTitle("Select an arrival date");
}
}
},
isCustomDate: function(date) {
var drp = $('.fullScreenFilterDates').data('daterangepicker');
var dataItem = drp.findDataItem(date);
var cssClass = dataItem.data('class');
var closed = dataItem.data('closed');
var isAvailable = dataItem.data('available');
var startDate = drp.startDate;
var endDate = drp.endDate;
if (!drp.hasData()) return;
//17/11/2022 Pas top je suis sur qu'on aura des pb mais bon :)
if (startDate != null && endDate == null && date.format('YYYY-MM-DD') == moment(startDate).add(1, 'days').format('YYYY-MM-DD')) {
cssClass = '';
} else {
cssClass = (closed || !isAvailable) ? 'off disabled' : dataItem.data('class');
}
if (cssClass !== undefined) {
return cssClass;
} else {
if (closed) return 'off disabled';
}
return false;
},
onDrawCell: function(args) {
var dataItem = $('.fullScreenFilterDates').data('daterangepicker').findDataItem(args.date);
if (dataItem !== undefined && dataItem.length > 0) {
var value = dataItem.data('value');
if (value === undefined) value = '';
args.cell = args.cell + " <br /> " + " <span class='cell-infos' data-available='" + dataItem.data('available') + "' data-closed='" + dataItem.data('closed') + "' data-noarrival='" + dataItem.data('noarrival') +
"' data-nodeparture='" + dataItem.data('nodeparture') + "' data-minstay='" + dataItem.data('minstay') + "' data-maxstay='" + dataItem.data('maxstay') + "' data-value='" + dataItem.data('value') + "' data-class='" + dataItem
.data('class') + "' > " + value + "</span> ";
} else {
args.cell = args.cell + "<br />" + "<span class='cell-infos' ></span>";
}
},
onSetStartDate: function(ev, date) {
if (date.isAfter(moment('10/05/2023', 'dddd DD/MM/YYYY'))) ev.preventDefault();
if (ev.isDefaultPrevented()) return;
var minStartDate = moment('01/01/0001', 'DD/MM/YYYY');
var maxStartDate = moment('10/05/2023', 'DD/MM/YYYY');
var hasData = false
const evd = ev.delegateTarget;
var dataItem = $('.fullScreenFilterDates').data('daterangepicker').findDataItem(date);
var noArrival = hasData ? dataItem.data('noarrival') : null;
if (hasData && (dataItem.data('date') === undefined || !dataItem.data('available'))) {
var str = "unavailable date";
$('.fullScreenFilterDates').data('daterangepicker').setTitle(str, 10000);
ev.preventDefault();
return false;
}
if (hasData && noArrival !== undefined && noArrival !== null && noArrival) {
$('.fullScreenFilterDates').data('daterangepicker').setTitle("It is not possible to arrive on this day");
ev.preventDefault();
return false;
} else if (date.isBefore(minStartDate) || date.isAfter(maxStartDate)) {
$('.fullScreenFilterDates').data('daterangepicker').setTitle("Arrival date must be set between 01/01/0001 and 10/05/2023");
ev.preventDefault();
return false;
}
if (!ev.isDefaultPrevented()) {
$('.fullScreenFilterDates').data('daterangepicker').setTitle("Select a departure date");
}
},
onSetEndDate: function(ev, date) {
if (date.isBefore(moment('08/05/2023', 'dddd DD/MM/YYYY'))) ev.preventDefault();
if (ev.isDefaultPrevented()) return;
var hasData = false
var minEndDate = moment('08/05/2023', 'DD/MM/YYYY');
var maxEndDate = moment('31/12/9999', 'DD/MM/YYYY');
const evd = ev.delegateTarget;
var startDate = $('.fullScreenFilterDates').data('daterangepicker').startDate;
var dataItem = $('.fullScreenFilterDates').data('daterangepicker').findDataItem(date);
var noDeparture = dataItem.data('nodeparture');
if (hasData && noDeparture !== undefined && noDeparture !== null && noDeparture) {
ev.preventDefault();
$('.fullScreenFilterDates').data('daterangepicker').setTitle("It is not possible to leave on this day");
return false;
} else if (date.isBefore(minEndDate) || date.isAfter(maxEndDate)) {
ev.preventDefault();
$('.fullScreenFilterDates').data('daterangepicker').setTitle("Departure date must be set between 08/05/2023 and 31/12/9999");
return false;
}
if (!ev.isDefaultPrevented()) {
$('.fullScreenFilterDates').data('daterangepicker').setTitle("");
$('.fullScreenFilterDates').data('daterangepicker').selectionComplet = true;
}
},
}).on('show.daterangepicker', function(ev, picker) {
$('.fullScreenFilterDates').addClass('focus-visible');
$('.fullScreenFilterBackground').addClass('fullScreenFilterPopupBackground');
}).on('show.daterangepicker', function(ev, picker) {
$('.fullScreenFilterDates').data('daterangepicker').setTitle("Select an arrival date");
}).on('hide.daterangepicker', function(ev, picker) {
$('.fullScreenFilterDates').removeClass('focus-visible');
$('.fullScreenFilterBackground').removeClass('fullScreenFilterPopupBackground');
}).on('cancel.daterangepicker', function(ev, picker) {
var start = moment('09/05/2023', 'DD/MM/YYYY');
var end = moment('11/05/2023', 'DD/MM/YYYY');
picker.setStartDate(start);
picker.setEndDate(end);
}).on('show.daterangepicker', function(ev, picker) {
$('.fullScreenFilterDates').data('daterangepicker').selectionComplet = false;
if (picker.startDate !== undefined && picker.startDate !== null && (picker.endDate === undefined || picker.endDate === null)) {
$('.fullScreenFilterDates').data('daterangepicker').setTitle("Select a departure date");
} else {
$('.fullScreenFilterDates').data('daterangepicker').setTitle("Select an arrival date");
}
}).on('apply.daterangepicker', function(ev, picker) {
$('#ctl00_wucSearch_DateRangePicker_hfStartDate').val(picker.startDate.format('YYYY-MM-DD'));
$('#ctl00_wucSearch_DateRangePicker_hfEndDate').val(picker.endDate.format('YYYY-MM-DD'));
var minStartDate = moment('01/01/0001', 'dddd DD/MM/YYYY');
var maxStartDate = moment('10/05/2023', 'dddd DD/MM/YYYY');
var minEndDate = moment('08/05/2023', 'dddd DD/MM/YYYY');
var maxEndDate = moment('31/12/9999', 'dddd DD/MM/YYYY');
if (picker.startDate.isBefore(minStartDate)) {
ev.preventDefault();
return false;
}
if (picker.startDate.isAfter(maxStartDate)) {
ev.preventDefault();
return false;
}
if (picker.endDate.isBefore(minEndDate)) {
ev.preventDefault();
return false;
}
if (picker.endDate.isAfter(maxEndDate)) {
ev.preventDefault();
return false;
}
OnFullScreenDateRangePickerApply(ev, picker);
});
moment.locale('en');
$('.searchPopupFilterDates').daterangepicker({
'cssClasses': 'daterangepicker mt350',
'dataListId': 'ctl00_wucSearchPopup_DateRangePicker_dataList',
minDate: '04/05/2023',
maxDate: '11/05/2023',
startDate: '09/05/2023',
endDate: '11/05/2023',
allowEmptyDate: false,
'parentEl': '#ctl00_wucSearchPopup_pnlDates',
autoUpdateInput: false,
autoApply: true,
showTitle: true,
showFooter: true,
'calendarFooterText': '',
'buttonClasses': 'btn btnLg',
locale: {
'format': 'dddd DD/MM/YYYY',
'applyLabel': 'Validate',
firstDay: 1,
'nights': 'Nights',
'night': 'Night',
},
onHoverDate: function(ev, args) {
if (!args.endDate) {
if (args.date.isBefore(moment('08/05/2023', 'dddd DD/MM/YYYY'))) {
ev.target.style.cursor = 'not-allowed';
var str = "Departure date must be from 08/05/2023";
$('.searchPopupFilterDates').data('daterangepicker').setTitle(str, 10000);
} else {
$('.searchPopupFilterDates').data('daterangepicker').setTitle("Select a departure date");
}
}
if (!$('.searchPopupFilterDates').data('daterangepicker').selectionComplet && args.endDate) { //console.debug('startDate');
if (args.date.isAfter(moment('10/05/2023', 'dddd DD/MM/YYYY'))) {
ev.target.style.cursor = 'not-allowed';
var str = "Arrival date must be before 10/05/2023";
$('.searchPopupFilterDates').data('daterangepicker').setTitle(str, 10000);
} else {
if (false && !$(ev.target).find('span.cell-infos').is('[data-available]')) {
ev.target.style.cursor = 'not-allowed';
} else {
ev.target.style.cursor = 'pointer';
}
$('.searchPopupFilterDates').data('daterangepicker').setTitle("Select an arrival date");
}
}
},
isCustomDate: function(date) {
var drp = $('.searchPopupFilterDates').data('daterangepicker');
var dataItem = drp.findDataItem(date);
var cssClass = dataItem.data('class');
var closed = dataItem.data('closed');
var isAvailable = dataItem.data('available');
var startDate = drp.startDate;
var endDate = drp.endDate;
if (!drp.hasData()) return;
//17/11/2022 Pas top je suis sur qu'on aura des pb mais bon :)
if (startDate != null && endDate == null && date.format('YYYY-MM-DD') == moment(startDate).add(1, 'days').format('YYYY-MM-DD')) {
cssClass = '';
} else {
cssClass = (closed || !isAvailable) ? 'off disabled' : dataItem.data('class');
}
if (cssClass !== undefined) {
return cssClass;
} else {
if (closed) return 'off disabled';
}
return false;
},
onDrawCell: function(args) {
var dataItem = $('.searchPopupFilterDates').data('daterangepicker').findDataItem(args.date);
if (dataItem !== undefined && dataItem.length > 0) {
var value = dataItem.data('value');
if (value === undefined) value = '';
args.cell = args.cell + " <br /> " + " <span class='cell-infos' data-available='" + dataItem.data('available') + "' data-closed='" + dataItem.data('closed') + "' data-noarrival='" + dataItem.data('noarrival') +
"' data-nodeparture='" + dataItem.data('nodeparture') + "' data-minstay='" + dataItem.data('minstay') + "' data-maxstay='" + dataItem.data('maxstay') + "' data-value='" + dataItem.data('value') + "' data-class='" + dataItem
.data('class') + "' > " + value + "</span> ";
} else {
args.cell = args.cell + "<br />" + "<span class='cell-infos' ></span>";
}
},
onSetStartDate: function(ev, date) {
if (date.isAfter(moment('10/05/2023', 'dddd DD/MM/YYYY'))) ev.preventDefault();
if (ev.isDefaultPrevented()) return;
var minStartDate = moment('01/01/0001', 'DD/MM/YYYY');
var maxStartDate = moment('10/05/2023', 'DD/MM/YYYY');
var hasData = false
const evd = ev.delegateTarget;
var dataItem = $('.searchPopupFilterDates').data('daterangepicker').findDataItem(date);
var noArrival = hasData ? dataItem.data('noarrival') : null;
if (hasData && (dataItem.data('date') === undefined || !dataItem.data('available'))) {
var str = "unavailable date";
$('.searchPopupFilterDates').data('daterangepicker').setTitle(str, 10000);
ev.preventDefault();
return false;
}
if (hasData && noArrival !== undefined && noArrival !== null && noArrival) {
$('.searchPopupFilterDates').data('daterangepicker').setTitle("It is not possible to arrive on this day");
ev.preventDefault();
return false;
} else if (date.isBefore(minStartDate) || date.isAfter(maxStartDate)) {
$('.searchPopupFilterDates').data('daterangepicker').setTitle("Arrival date must be set between 01/01/0001 and 10/05/2023");
ev.preventDefault();
return false;
}
if (!ev.isDefaultPrevented()) {
$('.searchPopupFilterDates').data('daterangepicker').setTitle("Select a departure date");
}
},
onSetEndDate: function(ev, date) {
if (date.isBefore(moment('08/05/2023', 'dddd DD/MM/YYYY'))) ev.preventDefault();
if (ev.isDefaultPrevented()) return;
var hasData = false
var minEndDate = moment('08/05/2023', 'DD/MM/YYYY');
var maxEndDate = moment('31/12/9999', 'DD/MM/YYYY');
const evd = ev.delegateTarget;
var startDate = $('.searchPopupFilterDates').data('daterangepicker').startDate;
var dataItem = $('.searchPopupFilterDates').data('daterangepicker').findDataItem(date);
var noDeparture = dataItem.data('nodeparture');
if (hasData && noDeparture !== undefined && noDeparture !== null && noDeparture) {
ev.preventDefault();
$('.searchPopupFilterDates').data('daterangepicker').setTitle("It is not possible to leave on this day");
return false;
} else if (date.isBefore(minEndDate) || date.isAfter(maxEndDate)) {
ev.preventDefault();
$('.searchPopupFilterDates').data('daterangepicker').setTitle("Departure date must be set between 08/05/2023 and 31/12/9999");
return false;
}
if (!ev.isDefaultPrevented()) {
$('.searchPopupFilterDates').data('daterangepicker').setTitle("");
$('.searchPopupFilterDates').data('daterangepicker').selectionComplet = true;
}
},
}).on('show.daterangepicker', function(ev, picker) {
$('.searchPopupFilterDates').data('daterangepicker').setTitle("Select an arrival date");
}).on('cancel.daterangepicker', function(ev, picker) {
var start = moment('09/05/2023', 'DD/MM/YYYY');
var end = moment('11/05/2023', 'DD/MM/YYYY');
picker.setStartDate(start);
picker.setEndDate(end);
}).on('show.daterangepicker', function(ev, picker) {
$('.searchPopupFilterDates').data('daterangepicker').selectionComplet = false;
if (picker.startDate !== undefined && picker.startDate !== null && (picker.endDate === undefined || picker.endDate === null)) {
$('.searchPopupFilterDates').data('daterangepicker').setTitle("Select a departure date");
} else {
$('.searchPopupFilterDates').data('daterangepicker').setTitle("Select an arrival date");
}
}).on('apply.daterangepicker', function(ev, picker) {
$('#ctl00_wucSearchPopup_DateRangePicker_hfStartDate').val(picker.startDate.format('YYYY-MM-DD'));
$('#ctl00_wucSearchPopup_DateRangePicker_hfEndDate').val(picker.endDate.format('YYYY-MM-DD'));
var minStartDate = moment('01/01/0001', 'dddd DD/MM/YYYY');
var maxStartDate = moment('10/05/2023', 'dddd DD/MM/YYYY');
var minEndDate = moment('08/05/2023', 'dddd DD/MM/YYYY');
var maxEndDate = moment('31/12/9999', 'dddd DD/MM/YYYY');
if (picker.startDate.isBefore(minStartDate)) {
ev.preventDefault();
return false;
}
if (picker.startDate.isAfter(maxStartDate)) {
ev.preventDefault();
return false;
}
if (picker.endDate.isBefore(minEndDate)) {
ev.preventDefault();
return false;
}
if (picker.endDate.isAfter(maxEndDate)) {
ev.preventDefault();
return false;
}
OnPopupDateRangePickerApply(ev, picker);
});
var Page_ValidationActive = false;
if (typeof(ValidatorOnLoad) == "function") {
ValidatorOnLoad();
}
function ValidatorOnSubmit() {
if (Page_ValidationActive) {
return ValidatorCommonOnSubmit();
} else {
return true;
}
}
Sys.Application.add_init(function() {
$create(Sys.Extended.UI.ModalPopupBehavior, {
"backgroundCssClass": "modalBackground",
"dynamicServicePath": "/Index.aspx",
"id": "popupTimeout",
"popupControlID": "ctl00_ucNavBar_pnlTimeout"
}, null, null, $get("ctl00_ucNavBar_lbTargetControlID"));
});
Sys.Application.add_init(function() {
$create(Sys.Extended.UI.ModalPopupBehavior, {
"backgroundCssClass": "modalBackground",
"dynamicServicePath": "/Index.aspx",
"id": "ctl00_ucNavBar_popupBankTransfer",
"popupControlID": "ctl00_ucNavBar_pnlPopupBankTransfer"
}, null, null, $get("ctl00_ucNavBar_lbTargetControlBankTransfer"));
});
Sys.Application.add_init(function() {
$create(Sys.Extended.UI.ModalPopupBehavior, {
"backgroundCssClass": "modalBackground",
"dynamicServicePath": "/Index.aspx",
"id": "ctl00_ucNavBar_modalPopup",
"popupControlID": "ctl00_ucNavBar_pnlModalPopup"
}, null, null, $get("ctl00_ucNavBar_lbModalPopupTargetControlID"));
});
Sys.Application.add_init(function() {
$create(Sys.UI._Timer, {
"enabled": false,
"interval": 10,
"uniqueID": "ctl00$wucSearch$wucDynamicFilters$timerLazyLoad"
}, null, null, $get("ctl00_wucSearch_wucDynamicFilters_timerLazyLoad"));
});
Sys.Application.add_init(function() {
$create(Sys.UI._UpdateProgress, {
"associatedUpdatePanelId": "ctl00_wucSearch_wucDynamicFilters_upDynamicFilters",
"displayAfter": 500,
"dynamicLayout": true
}, null, null, $get("ctl00_wucSearch_wucDynamicFilters_ctl01"));
});
Sys.Application.add_init(function() {
$create(Sys.UI._Timer, {
"enabled": false,
"interval": 10,
"uniqueID": "ctl00$LeftContentPlaceHolder$wucHotelsByCategories$wucDynamicFilters$timerLazyLoad"
}, null, null, $get("ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucDynamicFilters_timerLazyLoad"));
});
Sys.Application.add_init(function() {
$create(Sys.UI._UpdateProgress, {
"associatedUpdatePanelId": "ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucDynamicFilters_upDynamicFilters",
"displayAfter": 500,
"dynamicLayout": true
}, null, null, $get("ctl00_LeftContentPlaceHolder_wucHotelsByCategories_wucDynamicFilters_ctl01"));
});
Sys.Application.add_init(function() {
$create(Sys.Extended.UI.ModalPopupBehavior, {
"backgroundCssClass": "modalBackground",
"dynamicServicePath": "/Index.aspx",
"id": "ctl00_LeftContentPlaceHolder_wucHotelsByCategories_popupNoHotels",
"popupControlID": "ctl00_LeftContentPlaceHolder_wucHotelsByCategories_pnlNoHotels"
}, null, null, $get("ctl00_LeftContentPlaceHolder_wucHotelsByCategories_lbTargetControlID6"));
});
Sys.Application.add_init(function() {
$create(Sys.Extended.UI.ModalPopupBehavior, {
"backgroundCssClass": "modalBackground",
"dynamicServicePath": "/Index.aspx",
"id": "ctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion_popupNoHotels",
"popupControlID": "ctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion_pnlNoHotels"
}, null, null, $get("ctl00_LeftContentPlaceHolder_wucHotelsByCategoriesSuggestion_lbTargetControlID6"));
});
Sys.Application.add_init(function() {
$create(Sys.Extended.UI.ModalPopupBehavior, {
"backgroundCssClass": "modalBackground",
"cancelControlID": "ctl00_btClosePopupError",
"dynamicServicePath": "/Index.aspx",
"id": "ctl00_popupWarning",
"popupControlID": "ctl00_pnlWarning"
}, null, null, $get("ctl00_lbTargetControlID"));
});
Sys.Application.add_init(function() {
$create(Sys.UI._UpdateProgress, {
"associatedUpdatePanelId": "ctl00_wucSignInSwitch_upLogin",
"displayAfter": 100,
"dynamicLayout": true
}, null, null, $get("ctl00_wucSignInSwitch_ctl00"));
});
document.getElementById('ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength').dispose = function() {
Array.remove(Page_Validators, document.getElementById('ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordStrength'));
}
document.getElementById('ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword').dispose = function() {
Array.remove(Page_Validators, document.getElementById('ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_rfvPassword'));
}
document.getElementById('ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordForbidden').dispose = function() {
Array.remove(Page_Validators, document.getElementById('ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvPasswordForbidden'));
}
document.getElementById('ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword').dispose = function() {
Array.remove(Page_Validators, document.getElementById('ctl00_wucSignInSwitch_wucReservationContactForm_wucPassword_cvConfirmPassword'));
}
Sys.Application.add_init(function() {
$create(Sys.UI._UpdateProgress, {
"associatedUpdatePanelId": "ctl00_wucSignInSwitch_upSignUp",
"displayAfter": 100,
"dynamicLayout": true
}, null, null, $get("ctl00_wucSignInSwitch_ctl01"));
});
Sys.Application.add_init(function() {
$create(Sys.Extended.UI.ModalPopupBehavior, {
"backgroundCssClass": "modalBackground",
"dynamicServicePath": "/Index.aspx",
"id": "ctl00_popupOAuthError",
"popupControlID": "ctl00_pnlOAuthError"
}, null, null, $get("ctl00_lbTargetOAuthError"));
});
//]]>
</script>
</form>Text Content
×
Sign in
Home
Contact us
--------------------------------------------------------------------------------
Menu
Cancellation Policy
more information
faq
general information
Main Menu
--------------------------------------------------------------------------------
☰
*
*
*
*
*
*
* CANCELLATION POLICY
* MORE INFORMATION
* FAQ
* GENERAL INFORMATION
Your basket will be emptied in 1 minute - Please confirm the option(s) you would
like so secure by validating your basket.
Go to my basket
Sorry, the time is exceeded, reservations are canceled.
Bank transfer Bank transfer: (bank fees are payable by the applicant):
Beneficiary company name: B NETWORK BARCELONA MANAGEMENT S.L.
Beneficiary company address: Carrer Aragó 314 1o 1a – 08009 Barcelona - Spain
Bank name: BBVA
Bank address: Passeig de Gràcia, 25 - 08007 Barcelona - Spain.
Account number: 01822342140201757380
Iban: ES4101822342140201757380
Swift/Bic: BBVAESMMXXX
Please indicate your company reference code: [%=CodeSociete%]
×
Close
LEGAL MENTIONS AND PRIVACY POLICY
×
COOKIES
bnetwork respects the privacy of every person who visits their website.
When you visit our website, a cookie may automatically install on your browser.
This is a small temporary file that takes the form of a character string storing
information related to personalization functions that is used to record user
navigation information for the sole purpose of improving the quality of the
information. from our website.
You will find below a list of the cookies that we use on this website with for
each the possibility to remove it:
* Navigation cookie facilitating the opening and the navigation on our site,
* Session cookie to provide you with certain features that you have requested,
such as access to restricted pages,
* Cookie to memorize information about a form that you filled on our site,
* Audience measurement cookie to know the use and the general frequentation of
the site (most consulted pages or error messages).
Cookies providing a service specifically requested by the user or facilitating
navigation
Audience measurement cookies by Google Analytics
Save
If you decide to disable cookies on our site, you may not be able to enjoy the
benefits of the website.
LEGAL NOTICE AND GENERAL CONDITIONS OF USE
The website www.bnetwork.com provides information about the bnetwork Company.
It is published by bnetwork, a simplified joint stock company:
With a capital of 300 000 euros
Listed with the RCS Cannes. under number 489 937 573., whose registered office
is located at 1 rue Raphaël – 06400 Cannes
Intra-Community VAT number is FR 55 489 937 573
The Editor of bnetwork portal is Stephane GONZALVEZ-FILONE, in the capacity of
President of BnetworkSAS
To contact the webmaster: info@bnetwork.com
The bnetwork online system was designed by the company Beyond IT, subsidiary of
bnetwork, located at: 1 rue Raphaël – 06400 Cannes. The bnetwork portal is
hosted on AWS cloud (Amazon company).
The photographs and visuals of the products presented on our site as an
indication have no contractual character.
PRIVACY POLICY
DATA PROTECTION AND CIVIL LIBERTIES
The personal data collected by the contact form (title, last name, first name,
company, email address and phone number) are intended only for the use of
bnetwork which is responsible for their processing and preservation.
Data collected in the online booking process is required for the management of
accommodation. We share this information with:
* The hotels or the real estate agencies concerned to organize your
accommodation.
* The event’s organizer for security and management purposes.
* The service providers that need this to provide you services like
transportation, ticketing, etc.
In accordance with the requirements of European Regulation No. 2016/679 relating
to data, files and freedoms, the personal data collected on the bnetwork site
are the subject of a declaration to the Delegate for the Protection of data
(DPO) from bnetwork. The data thus collected will not be assigned, exchanged or
rented to a third party.
Pursuant to the aforementioned law, users are informed that they have a right to
access, correct and delete data pertaining to them.
This right can be exercised either directly on the website, by email
(info@bnetwork.com) or by writing to: bnetwork – 1 rue Raphaël – 06400, Cannes
(France)
DATA PROTECTION DELEGATE (DPO)
bnetwork has appointed a Data Protection Officer (DPO) to ensure the protection
of personal data and the respect of the law in the company. You can contact him
for any information or for the exercise of your rights at the following address:
bnetwork
Data Protection Officer
1 rue Raphaël, 06400 Cannes
or by email at info@bnetwork.com
You can finally seize the National Commission Informatique et Libertés (CNIL).
INTELLECTUAL PROPERTY
The present site and the elements reproduced are the property of bnetwork or are
the object of a right of use or exploitation in favor of bnetwork. The brands
and logos (semi-figurative trade name) of bnetwork are registered trademarks.
The general structure, software, texts, images, videos, sounds, animations, and
more generally all the information and contents appearing on the site are
subject to the legislation protecting the copyright.
Any total or partial representation, reproduction, modification or alteration of
all or part of the website or its content, by any process, and on any media,
shall constitute an infringement penalized by articles L 335-2 et seq. of the
French Intellectual Property Code
Any databases that may appear on the bnetwork portal are protected by the
provisions of the law of 1 July 1998 that transposed the European Directive of
11 March 1996 on the legal protection of databases to French intellectual
property law. In this respect, bnetwork expressly prohibits any re-use,
reproduction or extraction of any items from these databases. The user shall
incur liability for any unauthorized re-use, reproduction or extraction.
bnetwork reserves the right, immediately and without notice, to delete any
content: message, text, image, or graphic that contravenes the laws and
regulations in force and in particular the regulations specified above. In the
event that you should wish to use any of the content of the site (text, image,
etc.), you must obtain express, prior, written authorization from bnetwork, by
writing to the address provided in the "Legal Information" paragraph or by
sending an email to the webmaster.
LINKS
The links to external websites from the bnetwork portal have been subject to
express, prior authorization.
However, as bnetwork is not the publisher of these sites, it has no control over
their content. Consequently, in no event may bnetwork be held liable for the
content of sites accessed in this way, or for any collection or transmission of
personal data, installation of cookies or any other process with the same
purposes, carried out by these sites.
You may not create a hyperlink to the bnetwork portal without an express, prior,
written authorization from bnetwork. Any requests must be sent to the editor of
the bnetwork portal.
Dates
Number of rooms
15000
15000
Cancel Validate
CancelValidate
See all hotels Walking distance Ecological Economic Most booked Traveler rating
Quick filter
×Quick filter
Filters
FILTERS
×
Hotel name
Dates
Tuesday 09/05 - Thursday 11/05
CancelValidate
Number of rooms
120000
120000
€Rate per room
per stayper night
€
0600000
Group
Hilton Hoteles Catalonia Leonardo Hoteles Marriott Sb Hotels
Select Group
×Group
Select allUnselect all
Ecological approach
At least one Eco commitmentBIOSPHEREISO 14001ISO 9001
Distance
Only walking distance
0 min15 min000
0 min10 min000
Rating
3500033.544.55
Reset filters Cancel Validate
See all hotels Walking distance Ecological Economic Most booked Traveler rating
Quick filter
×Quick filter
Reset Rate Star rating Star rating Distance Name
Sort hotel list by
×Sort hotel list by
8 hotels available
Previous
Next
* 1
* 2
* 3
* 4
* 5
* 6
Walking distance: 10 Min
4
Renaissance Barcelona Fira Hotel
Minimum stay: 2 nights from 580.00 €
Fira Barcelona Gran Via at 410m
4.6
Previous
Next
* 1
* 2
* 3
* 4
* 5
* 6
Walking distance: 10 Min
1
easyHotel Barcelona Fira
Minimum stay: 2 nights from 300.00 €
Fira Barcelona Gran Via at 690m
4.0
Previous
Next
* 1
* 2
* 3
* 4
* 5
* 6
Walking distance: 2 Min
4
Hotel Porta Fira 4* Sup
Minimum stay: 2 nights from 550.00 €
Fira Barcelona Gran Via at 220m
4.5
Previous
Next
* 1
* 2
* 3
* 4
* 5
* 6
Walking distance: 1 Min
3
Hampton by Hilton Barcelona Fira Gran Via
Minimum stay: 2 nights from 510.00 €
Fira Barcelona Gran Via at 280m
4.6
Previous
Next
* 1
* 2
* 3
* 4
* 5
* 6
* 7
4
Catalonia Barcelona Plaza
Minimum stay: 2 nights from 440.00 €
Fira Barcelona Gran Via at 10mn 15mn
4.3
Previous
Next
* 1
* 2
* 3
* 4
* 5
* 6
Walking distance: 10 Min
4
Hotel SB Plaza Europa
Minimum stay: 2 nights from 480.00 €
Fira Barcelona Gran Via at 650m
4.2
Previous
Next
* 1
* 2
* 3
* 4
* 5
* 6
Walking distance: 10 Min
4
AC Hotel Som by Marriott
Minimum stay: 2 nights from 480.00 €
Fira Barcelona Gran Via at 820m
4.2
Previous
Next
* 1
* 2
* 3
* 4
* 5
* 6
* 7
Walking distance: 10 Min
4
Leonardo Royal Hotel Barcelona Fira
Minimum stay: 2 nights from 560.00 €
Fira Barcelona Gran Via at 900m
4.5
To navigate, press the arrow keys.
←Move left→Move right↑Move up↓Move down+Zoom in-Zoom outHomeJump left by
75%EndJump right by 75%Page UpJump up by 75%Page DownJump down by 75%
Map
* Terrain
Satellite
* Labels
Full screen
Keyboard shortcuts
Map DataMap data ©2023 Google, Inst. Geogr. Nacional, Institut Cartografic de
Catalunya
Map data ©2023 Google, Inst. Geogr. Nacional, Institut Cartografic de Catalunya
200 m
Click to toggle between metric and imperial units
Terms of Use
Report a map error
{name}
{stars}
{priceFrom}
bnetwork is an accommodation management specialist. Click here to access to our
website.
×
×
* Login
* Create my account
Email
Password
Reset my password
YOUR CONTACT DETAILS
Last name*
First name*
Email*
Mobile*
Company*
Enter a strong password
Type your password
Password forbidden for security reason
* Numbers and letters
* 1 lowercase & 1 uppercase
* 1 special character (!%&@#$^*?_~)
* At least 6 characters
Passwords do not match
Confirm your password
Country* Açores Afghanistan Albania Algeria American Samoa Andorra Angola
Anguilla Antigua & Barbuda Argentina Armenia Aruba Ascension Australia Austria
Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Bengladesh
Benin Bermuda Bhutan Bolivia Bosnia-Herzegovia Botswana Brazil British Virgin
Islands Brunei Bulgaria Burkina Faso Burundi Cambodia Cameroon Canada Cape Verde
Cayman Central African Rep. Central America Chile China Christmas (Islands,
Australia) Cocos-Keeling (Australia) Colombia Comoros Congo Cook (Islands) Costa
Rica Croatia Cuba Cyprus Czech Republic Denmark Diego Garcia Djibouti Dominica
Dominican Republic Ecuador Egypt El Salvador Equador Equatorial Guinea Erythrée
Estonia Ethiopia Falkland (Islands) Faroe Islands Féroé (Islands) Fidji Finland
France French Polynesia Gabon Gambia Georgia Germany Ghana Gibraltar Greece
Groenland Guadeloupe Guam Guantanamo Guatemala Guernsey Guinea (Rep.) Guinea
Bissau Guyana Haïti Honduras Hong Kong Hungary Iceland ILES BALÉARES India
Indonesia Irak Iran Ireland Isle of man Israel Italy Ivory Coast Jamaica Japan
Jersey (UK) Jordan Kazakhstan Kenya Kiribati Kosovo Kuwait Kyrgyzstan Laos
Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macau
Macedonia Madagascar Madere Malawi Malaysia Maldives Mali Malta Marocco Marshall
Martinique Maurice (Island) Mauritania Mayotte Mexico Micronesia Moldavia Monaco
Mongolia Montenegro Montserrat Morocco Mozambique Myanmar (Birmanie) Namibia
Nauru Nepal Netherlands Netherlands Antilles New Zealand Nicaragua Niger Nigeria
Niue Norfolk North Korea Norway Nouvelle-Calédonie Occidental Samoa Oman
Pakistan Palau Palestine Panama Papua New Guinea Paraguay Peru Philippines
Poland Porto Rico Portugal Qatar Réunion Romania Russia Rwanda Saint-Kitts &
Nevis Saint-Pierre et Miquelon Sainte-Hélène Saipan Salomon San Marino Sao Tome
& Principe Saudi Arabia Scotland Senegal Serbia Seychelles Sierra Leone
Singapore Slovakia Slovenia Somalia South Africa South Korea Spain Sri Lanka St
Lucia St. Vincent Sudan Surinam Swaziland Sweden Switzerland Syria Tahiti Taïwan
Tajikistan Tanzania Tchad Thailand Togo Tokelau Tonga Trinidad & Tobago Tunisia
Turkey Turkmenistan Tuvalu Uganda Ukraine United Arab Emirates United Kingdom
United States Of America Uruguay Uzbekistan Vanuatu Vatican Venezuela Viet Nam
Wallis et Futuna Yemen Yugoslavia Zaïre Zambia Zimbabwe Germany
DO YOU WISH TO PROVIDE US WITH YOUR FULL CONTACT DETAILS ?
*Mandatory fields
An account with this email address already exists.
A reset password email has been sent.
An error has occured, please contact us at shoptalkhotels@bnetwork.com:
Terms and Conditions
Close
About Cookies on This Site :
By clicking on the "Accept" button, you agree to the use of analytical and
marketing cookies aimed at obtaining information on the use of this site to
improve our services and better understand your consumption patterns. By
clicking on the “Cookies Settings”, you can get more information about the
cookies used, and select those you want to accept or decline.
Accept all Reject all Cookies Settings