1<!DOCTYPE HTML><html itemscope="itemscope" itemtype="http://schema.org/WebPage" lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"><head><title xmlns:security="urn:security">Mephisto Shoes - Buy Mephisto Shoes for Exceptional Walking Comfort</title><meta charset="UTF-8" xmlns:security="urn:security" /><meta name="Description" content="Mephisto Australia - the largest range of premium comfort walking shoes. Free shipping on orders over $150 and AfterPay available." xmlns:security="urn:security" /><meta name="viewport" content="width=device-width, initial-scale=1.0" xmlns:security="urn:security" /><meta property="og:site_name" content="Mephisto" xmlns:security="urn:security" /><meta property="og:title" itemprop="name" content="Mephisto Shoes - Buy Mephisto Shoes for Exceptional Walking Comfort" xmlns:security="urn:security" /><meta property="og:type" content="company" xmlns:security="urn:security" /><meta property="og:description" content="Mephisto Australia - the largest range of premium comfort walking shoes. Free shipping on orders over $150 and AfterPay available." xmlns:security="urn:security" /><meta property="og:image" content="https://www.mephistoshoes.com.au/images/assetimages/social_media_default.jpg" xmlns:security="urn:security" /><link rel="image_src" href="https://www.mephistoshoes.com.au/images/assetimages/social_media_default.jpg" xmlns:security="urn:security" /><link rel="apple-touch-icon" href="/apple_touch_icon.png" xmlns:security="urn:security" /><link rel="preload" href="/Assets/framework.css" as="style" xmlns:security="urn:security" /><link rel="preload" href="/Assets/thirdparty_639119306156912386.js" as="script" xmlns:security="urn:security" integrity="sha256-IzE9g+H+D4T6jpKol9PVf+GMIN7n38Q2+z7vHLwYFN0=" /><link rel="preload" href="/Assets/required_639119306156912386.js" as="script" xmlns:security="urn:security" integrity="sha256-otXT/9HAjfV61aVdOLTmop+LOcwhTn47gKPwLb4eTTY=" /><link rel="preload" href="/Assets/scripts_639119306156912386.js" as="script" xmlns:security="urn:security" integrity="sha256-gEKTtEqSa4T/IGcDDtBrBsuvKJtFp+olocI0unp0k7w=" /><link rel="preload" href="/Assets/sprite.png" as="image" xmlns:security="urn:security" /><link rel="prefetch" href="/Assets/ajax-loader.gif" as="image" xmlns:security="urn:security" />
1<script type="text/javascript" xmlns:security="urn:security"> 2// <![CDATA[ 3(function(e,t,n){if(!e.jQuery){e.readyQ=[];e.onReadyQ=[];function r(t,n){if(t=="ready"){e.onReadyQ.push(n)}else if(typeof t=="function"){e.readyQ.push(t)}else{if(console&&typeof console.error=="function"){console.error('Attempt to use jQuery before it has loaded, please use $(document).on("ready", function(){...}) construct to wrap all jQuery dependent code')}}}var i={ready:r,bind:r,on:r};e.$=e.jQuery=function(e){if(e===t||e===n){return i}else if(typeof e=="function"){r(e)}else{if(console&&typeof console.error=="function"){console.error('Attempt to use jQuery before it has loaded, please use $(document).on("ready", function(){...}) construct to wrap all jQuery dependent code')}}}}})(window,document) 4// ]]> 5</script>
5<script type="text/javascript" xmlns:security="urn:security"> 6// <![CDATA[ 7 8 var reCAPTCHA_Key = '6LdLnhYpAAAAANaTXWEOcOYGLeAkj8ItxMi5nIjl'; 9 10// ]]> 11</script>
11<script type="text/javascript" class="eso-tracking"> 12// <![CDATA[ 13 14 (function(w){ 15 var trackingObj = { 16 environment: "production", 17 organisation:'Mephisto', 18 type: "homepage", 19 currency: "AUD", 20 21 path: "", 22 breadcrumb: "", 23 24 products: { 25 catalogue: [], 26 search: [], 27 featured: [], 28 cartUpsell:[], 29 30 wishlist:[], 31 registry:[] 32 } 33 } 34 35 // adding to cart or wishlist does not necessarily happen on the same page, so we need to preserve selections in sessionStorage 36 // identifiers for our session storage items 37 const pending = { 38 CARTADD: 'pending-cart-add', 39 CARTREMOVE: 'pending-cart-remove', 40 WISHLISTADD: 'pending-wishlist-add', 41 WISHLISTREMOVE: 'pending-wishlist-remove' 42 } 43 44 // record any pending add/remove actions on the tracking object 45 function recordPendingAction(trackingObj) { 46 let storageID; 47 let prefix = 'cart_' 48 if (trackingObj.action == 'item added') { 49 if (trackingObj.type == 'checkout') { 50 storageID = pending.CARTADD 51 } else if (trackingObj.section == 'wishlist') { 52 prefix = 'wishlist_'; 53 storageID = pending.WISHLISTADD; 54 } 55 } else if (trackingObj.action == 'item removed') { 56 if (trackingObj.type == 'checkout') { 57 storageID = pending.CARTREMOVE; 58 } else { 59 prefix = 'wishlist_'; 60 storageID = pending.WISHLISTREMOVE; 61 } 62 } 63 let pendingProduct = sessionStorage.getItem(storageID); 64 if (pendingProduct) { 65 // add our product details as a property on the supplied tracking Object 66 const propertyName = (prefix + trackingObj.action).replace(/ /g, '_'); 67 pendingProduct = JSON.parse(pendingProduct); 68 trackingObj[propertyName] = pendingProduct; 69 } 70 sessionStorage.removeItem(storageID); 71 } 72 73 74 75 $(function(){ 76 // preserve wishlist and cart selections until the next page/response (in case of direct navigation etc) 77 $('body').on('click','button.add-wishlist, .buy-now button[value="additems"], .add-to-cart button[value="additems"], .wishlist-products button[value="copytocart"]', function() { 78 const frm = $(this).closest('form'); 79 let pdid = $(this).closest('[data-pdid]').attr('data-pdid'); 80 if (!pdid) { 81 pdid = $(this).closest('[data-product]').attr('data-product'); 82 } 83 const quantity = frm.find('input[name="[0][Quantity]"]').val(); 84 let prod = esoTracking.productObjects[pdid] || {}; 85 prod = $.extend({}, prod, {quantity: quantity}); 86 if (prod.list == 'catalogue' || frm.closest('.modal').length == 0) { 87 prod.list = esoTracking.load.breadcrumb; 88 } 89 let reference = pending.CARTADD; 90 if (this.classList.contains('add-wishlist')){ 91 reference = pending.WISHLISTADD; 92 } 93 try { 94 sessionStorage.setItem(reference, JSON.stringify(prod)); 95 } catch (er) { } 96 }); 97 98 $('body').on('click', '[data-item-id] .remove', function() { 99 const reference = pending.CARTREMOVE; 100 const itemid = $(this).closest('[data-item-id]').attr('data-item-id'); 101 const shoppingCart = esoTracking.cart || esoTracking.load.cart; 102 if (itemid && shoppingCart && shoppingCart.products) { 103 const prod = shoppingCart.products.find(p => p.itemid == itemid); 104 if (prod) { 105 sessionStorage.setItem(reference, JSON.stringify(prod)); 106 } 107 } 108 }); 109 110 $('body').on('click', '[data-product] a[href*="deleteitems"]', function() { 111 const reference = pending.WISHLISTREMOVE; 112 const pdid = $(this).closest('[data-product]').attr('data-product'); 113 const prod = window.esoTracking.productObjects[pdid]; 114 if (prod) { 115 sessionStorage.setItem(reference, JSON.stringify(prod)); 116 } 117 }); 118 }); 119 120 121 recordPendingAction(trackingObj); 122 123 if(!w.esoTracking) { 124 w.esoTracking = { 125 load: trackingObj, 126 ajax:[] 127 } 128 } else { 129 w.esoTracking.ajax.push(trackingObj) 130 } 131 })(window); 132 133// ]]> 134</script>
134<script type="text/javascript"> 135// <![CDATA[ 136 137 window.dataLayer = window.dataLayer || []; 138 window.dataLayer.push({ 139 'siteName':'Mephisto', 140 'currencyCode':'AUD' 141 142 }); 143 144// ]]> 145</script>
145<script type="text/javascript"> 146// <![CDATA[ 147window.esoTracking.GTM = {}; 148 window.esoTracking.GTM.BasePageLoadObject = function(){ 149 var obj = { 150 'siteName':'Mephisto' 151 152 }; 153 return obj; 154 }; 155 window.esoTracking.GTM.BaseEcommObject = function(){ 156 var obj = { 157 currencyCode: esoTracking.load.currency 158 } 159 return obj; 160 }; 161 window.esoTracking.GTM.Product = function(esoProduct){ 162 this.name = esoProduct.name; 163 this.id = esoProduct.id; 164 if (typeof(esoProduct.price) !== 'undefined') { 165 this.price = esoProduct.price; 166 } else if (esoProduct.priceNowMin && esoProduct.priceNowMin == esoProduct.priceNowMax) { 167 this.price = esoProduct.priceNowMin.toFixed(2).toString(); 168 } 169 if (typeof(esoProduct.brand) !== 'undefined') { 170 this.brand = esoProduct.brand; 171 } 172 if (typeof(esoProduct.category) !== 'undefined') { 173 this.category = esoProduct.category; 174 } 175 if (esoProduct.variant) { 176 this.variant = esoProduct.variant; 177 } else if (esoProduct.variants && esoProduct.variants.length == 1){ 178 var variant=''; 179 if(esoProduct.variants[0].size){ 180 variant = esoProduct.variants[0].size; 181 } 182 if(esoProduct.variants[0].colour){ 183 if(variant.length){ 184 variant += ' '; 185 } 186 variant += esoProduct.variants[0].colour; 187 } 188 if(variant.length){ 189 this.variant = variant; 190 } 191 } else if (esoProduct.variants && esoProduct.variants.length){ 192 this.variant = 'multiple'; 193 } 194 if(esoProduct.position){ 195 this.position = esoProduct.position; 196 } 197 if(esoProduct.quantity){ 198 this.quantity = esoProduct.quantity; 199 } 200 if(esoProduct.list){ 201 this.list = esoProduct.list; 202 } 203 };window.esoTracking.GTM.ProductDetail = function(data){ 204 var obj = null; 205 if(data.products.main.length){ 206 obj = window.esoTracking.GTM.BaseEcommObject(); 207 obj.detail={ products:[] }; 208 data.products.main.forEach(function(prod){ 209 obj.detail.products.push(new window.esoTracking.GTM.Product(prod)); 210 }); 211 } 212 return obj; 213 }; 214 $(document).ready(function(){ 215 $(window).on('eso_ajax_tracking', function() { 216 var data = esoTracking.ajax[esoTracking.ajax.length - 1]; 217 if(data.type=='productpage'){ 218 var ecom = window.esoTracking.GTM.ProductDetail(data); 219 if(ecom){ 220 dataLayer.push({ 221 event: 'detailView', 222 ecommerce: ecom 223 }); 224 } 225 } 226 }).on('eso-tracking', function(e,data){ 227 if(data.type == 'product-views'){ 228 var ecom = window.esoTracking.GTM.BaseEcommObject(); 229 ecom.impressions = []; 230 data.products.forEach(function(prod){ 231 ecom.impressions.push(new window.esoTracking.GTM.Product(prod)); 232 }); 233 dataLayer.push({ 234 event: 'impressionView', 235 ecommerce: ecom 236 }); 237 } 238 }); 239 });window.esoTracking.GTM.CartComplete = function(data){ 240 var obj = null; 241 var cartData = data.cart 242 if(cartData && data.section == 'complete'){ 243 obj = window.esoTracking.GTM.BaseEcommObject(); 244 obj.purchase = { 245 actionField : { 246 id: cartData.id || null, 247 revenue: cartData.total, 248 tax: cartData.tax, 249 shipping: cartData.freight 250 }, 251 products:[] 252 };
253 cartData.products.forEach(function(prod){ 254 obj.purchase.products.push(new window.esoTracking.GTM.Product(prod)); 255 }); 256 cartData.vouchers.forEach(function(voucher){ 257 obj.products.push({ 258 name: 'Gift Voucher', 259 price: voucher.purchaseprice.toFixed(2).toString(), 260 quantity: 1 261 }); 262 }); 263 } 264 return obj; 265 };window.esoTracking.GTM.CartStep = function(data){ 266 var obj = null; 267 var cartData = data.cart; 268 if(cartData){ 269 var cartStep = 1; 270 switch(data.section){ 271 case 'delivery': 272 cartStep = 2; 273 break; 274 case 'payment': 275 cartStep = 3; 276 break; 277 default: 278 break; 279 } 280 obj = window.esoTracking.GTM.BaseEcommObject(); 281 obj.checkout = { 282 actionField: { 283 step: cartStep 284 }, 285 products:[] 286 }; 287 cartData.products.forEach(function(prod){ 288 obj.checkout.products.push(new window.esoTracking.GTM.Product(prod)); 289 }); 290 cartData.vouchers.forEach(function(voucher){ 291 obj.checkout.products.push({ 292 name: 'Gift Voucher', 293 price: voucher.purchaseprice.toFixed(2).toString(), 294 quantity: 1 295 }); 296 }); 297 } 298 return obj; 299 };$(document).ready(function(){ 300 $(window).on('eso-tracking', function(evt, data){ 301 if(data.type == 'product-click'){ 302 var obj = obj = window.esoTracking.GTM.BaseEcommObject(); 303 obj.click = { 304 products: [new esoTracking.GTM.Product(data.product)] 305 }; 306 if (data.source) { 307 obj.click.actionField = { 308 list: data.source 309 } 310 } 311 if(data.clickEvent){ 312 var href = data.clickEvent.currentTarget.href; 313 if (href) { 314 obj.eventCallBack= function(){ 315 window.location = href; 316 } 317 } 318 } 319 dataLayer.push({ 320 event: 'productClick', 321 ecommerce:obj 322 }); 323 } 324 }); 325 });$(document).ready(function(){ 326 $(window).on('eso-tracking', function(evt, data){ 327 if(data.type == 'add-cart'){ 328 var obj = obj = window.esoTracking.GTM.BaseEcommObject(); 329 obj.add = { products:[] } 330 for(var pdid in data.products){ 331 if(data.products.hasOwnProperty(pdid)){ 332 obj.add.products.push(new esoTracking.GTM.Product(data.products[pdid])) 333 } 334 } 335 dataLayer.push({ 336 event: 'addToCart', 337 ecommerce: obj 338 }); 339 } 340 }); 341 }); 342 // Set up DataLayer for Google Tag Manager 343 window.dataLayer = window.dataLayer || []; 344 var pageLoadData = window.esoTracking.GTM.BasePageLoadObject(); 345 346 window.dataLayer.push(pageLoadData) 347 348// ]]> 349</script>
349<script type="text/javascript" src="/Assets/GTM_639119306156912386.js" integrity="sha256-BXhRjHKq9VlSqd9GululhIQkZ9HCrcmP68xglHKtJ9E="></script>
349<script type="text/javascript"> 350// <![CDATA[ 351 352 function GoogleTagManager(){
vendor: 376 bytes, lines 352-357
352 353 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 354 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 355 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 356 '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 357 })(window,document,'script','dataLayer','
357GTM-W5LZN6S
vendor: 13 bytes, lines 357-358
357'); 358
358} 359 360 GoogleTagManager(); 361 362// ]]> 363</script>
363<script type="text/javascript"> 364// <![CDATA[ 365 366 window.googleMapsApiKey = 'AIzaSyAJLxVaH3eL0S_WNAJB3MvBKRVEV_tg9Ps'; 367 368// ]]> 369</script>
369<script> 370// <![CDATA[ 371 372 // Capture config required by DotDigigal's scripts 373 esoTracking.cartConfig = esoTracking.cartConfig || {}; 374 esoTracking.cartConfig.DotDigital = { 375 'account_id': 'DM-0462056654-03', 376 'domain': '', 377 'user_email_address': '', 378 'programID': 30835, 379 'cartDelay': 20, 380 'cartID': '', 381 'cartPhase': 'CUSTOMER_LOGIN', 382 'currency': 'AUD', 383 'cartUrl': 'https://www.mephistoshoes.com.au/default.aspx?Z=C&action=retry&o=&c=0&s=', 384 'baseUrl': 'https://www.mephistoshoes.com.au/', 385 'customer_id': '0' 386 }; 387 388// ]]> 389</script>
389<script type="text/javascript" src="/Assets/DotDigitalCartTracking_639119306156912386.js" integrity="sha256-uH9QqU0XyRrZlcnVgMk6bgxaXA7FBcE8oNEx7qTQ0Tw="></script>
389<link type="text/css" rel="stylesheet" href="/Assets/store_639119306156912386.min.css" xmlns="" /><link id="client-styles" type="text/css" rel="stylesheet" href="/images/assetimages/Frontend/MEPHISTO-CLIENT.css" xmlns="" /></head><body data-website="3" data-display-state="5" class="homepage">
vendor: 67 bytes, line 389
389<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
389GTM-W5LZN6S
vendor: 82 bytes, line 389
389" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
389<script async="async" type="text/javascript" src="https://stats.tools/js/data.js"></script>
389<div id="body-wrapper"><div id="body-content"><header id="page-header" class="page-header"><div class="page-header-container"><div class="content header-top"><p> 390<style><!-- 391.catalog-title { 392font-size: 2.1875rem; 393line-height: 1.2; 394margin-top: 0; 395margin-bottom: 1rem; 396text-align: center; 397font-weight: 300; 398font-family: inherit; 399color: inherit; 400text-transform: uppercase; 401letter-spacing: 2px; 402margin-block-start: 0.83em; 403margin-block-end: 0.83em; 404display: block; 405margin-inline-start: 0px; 406margin-inline-end: 0px; 407} 408 409@media (max-width: 768px) { 410.catalog-title { 411font-size: 2.1875rem; 412letter-spacing: 1px; 413margin-block-start: 0.43em; 414margin-block-end: 0.83em; 415} 416} 417@media (max-width: 480px) { 418.catalog-title { 419font-size: 1.875rem; 420letter-spacing: 1px; 421margin-block-start: 0em; 422margin-block-end: 0.63em; 423} 424} 425--></style> 426</p>
427<script src="//d81mfvml8p5ml.cloudfront.net/e1eiulq7.js">// <![CDATA[ 428Â 429// ]]></script>
429</div><div class="logo"><a href="/"><img src="/images/assetimages/Mephisto/Mephisto_logo.svg" alt="Mephisto" /></a></div><div class="mobile-triggers"><a class="navbar-toggle icon-menu collapsed" aria-controls="header-nav" aria-expanded="false" data-bs-toggle="collapse" data-bs-target="#header-nav" role="button"><span class="visually-hidden">Toggle site navigation</span></a><a class="icon-cart" title="cart" href="https://www.mephistoshoes.com.au/default.aspx?Z=C&rnd=ECB7BAFE-87A1-E934-2CB7-F6026CB338D7&action=cart"><span class="badge cart-info-count rounded-circle">0</span></a></div><div class="header-cart"><div class="header-cart-summary"><div class="wishlist-wrapper"><a href="https://www.mephistoshoes.com.au/default.aspx?Z=C&rnd=ECB7BAFE-87A1-E934-2CB7-F6026CB338D7&action=orderlist&ol=detail" title="Wishlist" class="icon-wishlist empty"><span class="badge wishlist-count rounded-circle">0</span></a></div><a class="bag" href="https://www.mephistoshoes.com.au/default.aspx?Z=C&rnd=ECB7BAFE-87A1-E934-2CB7-F6026CB338D7&action=cart"><span class="badge cart-info-count rounded-circle">0</span></a></div></div><div class="header-account"><a class="navbar-toggle icon-link collapsed" data-toggle="collapse" data-target="#account-menu" title="Account">Account</a><ul id="account-menu"><li class="account"><ul><li class="login"><a href="https://www.mephistoshoes.com.au/default.aspx?Z=C&rnd=ECB7BAFE-87A1-E934-2CB7-F6026CB338D7&action=displaylogin" title="Sign in to your account">Sign in</a></li><li class="register"><a href="https://www.mephistoshoes.com.au/default.aspx?Z=C&rnd=ECB7BAFE-87A1-E934-2CB7-F6026CB338D7&action=displayaccount" title="Create a new account">Create Account</a></li></ul></li><li class="contact"><a href="/contact-us" title="Contact our store">Contact Us</a></li></ul></div><!--Search form starts here--><div class="header-search"><a class="navbar-toggle icon-link collapsed" data-toggle="collapse" data-target="#search-menu" title="search">Search</a><div id="search-menu" class="search-menu collapse"><form method="get" role="search" action="/default.aspx"><fieldset><legend class="visually-hidden">Site Search</legend><ol><li class="form-item-searchterm"><label for="searchterm" class="visually-hidden">Search</label><input id="searchterm" class="searchterm" type="search" name="q" maxlength="50" required="required" role="combobox" autocomplete="off" aria-expanded="false" aria-autocomplete="both" aria-controls="search-autocomplete" value="" placeholder="Search" /><input type="text" class="eso-typeahead" readonly="readonly" tabindex="-1" autocomplete="off" /></li><li><button type="submit" class="btn btn-search"><span aria-hidden="false" class="icon-search"></span><span class="visually-hidden">Search</span></button></li></ol></fieldset></form></div></div><!--Search form ends here--></div><nav id="header-nav" class="header-nav navbar collapse" aria-label="Main navigation" role="navigation" aria-labelledby="headerNavTitle"><div class="header-nav-container"><ul><li data-catid="6097"><span class="structural">Women</span></li><li data-catid="6098"><span class="structural">Men</span></li><li data-catid="6285" class="no-children"><a href="/stores" target="_self">Stockists</a></li><li data-catid="6100"><span class="structural">SALE</span></li></ul></div></nav></header><main id="main" class="main"><div class="print-header"><img src="/images/assetimages/logo.png" alt="Mephisto" xmlns:utility="urn:utility" /></div><div class="main-container"><article id="page-content" class="page-content"><div class="page-container"><div class="content" xmlns:utility="urn:utility"><div class="is-wrapper contentbox-v5"><div class="is-section is-box type-ibmplexmono box-autofit min-height-60 is-light-text last-box is-align-center is-section-80 scroll-target"> 430 <div class="is-overlay" style="background-color: rgb(30, 59, 31);"> 431 432 </div> 433 <div class="is-container v2 leading-14 size-18 is-content-1100"> 434 435 <div class="row"> 436 <div class="col-md-12"> 437 <div class="spacer height-40"></div> 438 </div> 439 </div> 440 <div class="row relative"> 441 <div class="col-md-12"> 442 <div> 443 444 </div> 445 </div> 446 </div> 447 448 <div class="row"> 449 <div class="col-md-12"> 450 <div class="display"> 451 <h1 class="font-medium size-54" style="font-family: Cinzel, serif;">
451UP TO 50% OFF <br>ALMOST EVERYTHING</h1> 452 </div> 453 </div> 454 </div> 455 <div class="row"> 456 <div class="col-md-12"> 457 <div class="spacer height-80"></div> 458 </div> 459 </div> 460 <div class="row"> 461 <div class="col-md-6"> 462 <div class="text-right"> 463 <a href="https://www.mephistoshoes.com.au/outlet/sale-shoes.htm?filter&aspect=Gender%5eWomen" role="button" class="uppercase leading-normal" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; color: rgb(247, 247, 247); border-color: rgb(247, 247, 247); border-width: 1px; border-radius: 0px; padding: 13px 28px; font-weight: 400; font-size: 14px; letter-spacing: 3px;" title="">SHOP WOMENS<br></a> 464 </div> 465 </div> 466 <div class="col-md-6"> 467 <div class="text-left"> 468 <a href="https://www.mephistoshoes.com.au/outlet/sale-shoes.htm?filter&aspect=Gender%5eMen" role="button" class="uppercase leading-normal" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; color: rgb(247, 247, 247); border-color: rgb(247, 247, 247); border-width: 1px; border-radius: 0px; padding: 13px 28px; font-weight: 400; font-size: 14px; letter-spacing: 3px;" title="">SHOP MENS<br></a> 469 </div> 470 </div> 471 </div> 472 473 <link href="//fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900" rel="stylesheet" property="stylesheet"> 474 <link href="//fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900" rel="stylesheet" property="stylesheet"> 475 </div> 476</div> 477 478<div class="is-section is-box is-section-20 is-content-top edge-y--2 last-box"> 479 <div class="is-overlay" style="background-color: rgb(249, 249, 249);"></div> 480 <div class="is-boxes"> 481 <div class="is-box-centered is-content-top edge-y--1"> 482 <div class="is-container container is-content-1050"> 483 <div class="row clearfix"> 484 <div class="column full" data-noedit=""> 485 <div class="spacer height-60"></div> 486 </div> 487 </div> 488 <div class="row clearfix"> 489 <div class="column full" data-noedit=""> 490 <div class="spacer height-40"></div> 491 </div> 492 </div> 493 <div class="row clearfix"> 494 <div class="column full"> 495 <div class="column full center"> 496 <h1 class="is-title1-64 is-title-lite" style="letter-spacing: 4px; color: #1d1d1d; font-family: GOTHAM;"><span class="font-light" style="font-family: cinzel;">SOFT-AIR TECHNOLOGY</span></h1> 497 </div> 498 <p style="font-size: 16px; font-family: gotham; font-weight: 100;" class="text-center leading-loose">Struggling to find the perfect shoe to cater for your foot concerns?<br>Shop our huge range of specialty shoes.</p> 499 </div> 500 </div> 501 <div class="row clearfix"> 502 <div class="column full" data-noedit=""> 503 <div class="spacer height-40"></div> 504 </div> 505 </div> 506 <div class="row clearfix"> 507 <div class="column fourth text-center" style="color: rgb(0, 0, 0);"><a title="" href="https://www.mephistoshoes.com.au/technology"><img style="width: 39.3519%; height: auto;" src="/images/assetimages/homepage/homepage update 230508 klouds/mephisto/soft-air-Soles.png" border="0" alt=""></a> 508 <h3 class="size-24 font-semibold" style="font-family: gotham; color: #f0f0f0;"><a title="" style="color: #000000;" href="https://www.mephistoshoes.com.au/technology" class="font-light">SOFT-AIR<br>SOLES</a></h3> 509 <div class="spacer height-20"></div>
510 <span></span><span></span> <span></span> 511 </div> 512 <div class="column fourth text-center"><a title="" href="https://www.mephistoshoes.com.au/technology"><img style="width: 39.3519%; height: auto;" src="/images/assetimages/homepage/homepage update 230508 klouds/mephisto/flexible-midsoles.png" border="0" alt=""></a> 513 <h3 class="size-24 font-semibold" style="font-family: gotham; color: #000000;"><a title="" style="color: #000000;" href="https://www.mephistoshoes.com.au/technology" class="font-light">FLEXIBLE MIDSOLES</a></h3> 514 <div class="spacer height-20"></div> 515 <span></span><span></span> <span></span> 516 </div> 517 <div class="column fourth text-center"><a title="" href="https://www.mephistoshoes.com.au/technology"><img style="width: 39.3519%; height: auto;" src="/images/assetimages/homepage/homepage update 230508 klouds/mephisto/reduces-shocks.png" border="0" alt=""></a> 518 <h3 class="size-24 font-semibold" style="font-family: gotham; color: #000000;"><a title="" style="color: #000000;" href="https://www.mephistoshoes.com.au/technology" class="font-light">REDUCES<br>SHOCK</a></h3> 519 <div class="spacer height-20"></div> 520 <span></span><span></span> <span></span> 521 </div> 522 <div class="column fourth text-center"><a title="" href="https://www.mephistoshoes.com.au/technology"><img style="width: 39.3519%; height: auto;" src="/images/assetimages/homepage/homepage update 230508 klouds/mephisto/dual-arch-support.png" border="0" alt=""></a> 523 <h3 class="size-24 font-semibold" style="font-family: gotham;"><a title="" style="color: #000000;" href="https://www.mephistoshoes.com.au/technology" class="font-light">ARCH<br>SUPPORT</a></h3> 524 <div class="spacer height-20"></div> 525 <span></span><span></span> 526 </div> 527 </div> 528 <div class="row clearfix"> 529 <div class="column full" data-noedit=""> 530 <div class="spacer height-20"></div> 531 </div> 532 </div> 533 <div class="row clearfix"> 534 <div class="column full text-center"><a class="uppercase leading-normal" title="" style="display: inline-block; text-decoration: none; transition: 0.16s; cursor: pointer; color: #ffffff; border-radius: 0px; padding: 13px 28px; font-weight: 400; font-size: 14px; letter-spacing: 3px; border: none; background-color: #583d27;" href="https://www.mephistoshoes.com.au/technology"><span class="font-semibold">VIEW MORE FEATURES</span></a></div> 535 </div> 536 <div class="row"> 537 <div class="col-md-12"> 538 <div class="spacer height-80"></div> 539 </div> 540 </div> 541 </div> 542 </div> 543 </div> 544</div> 545<div class="is-section is-section-100 type-poppins"> 546 <div class="is-box is-box-6 box-autofit block-click" data-modal-url="https://www.mephistoshoes.com.au/women/all-womens"> 547 <div class="is-overlay" style="background-color: #f7f7f7;"> 548 <div class="is-overlay-bg" style="background-image: url("/images/assetimages/Mephisto/homepage/AW26/Mephisto_Womens.jpg"); background-position: 50% 60%;"></div> 549 </div> 550 <div class="is-container v2 size-17 leading-13 is-content-540"> 551 <div class="row"> 552 <div class="col-md-12"> 553 <div class="text-center"><a class="uppercase leading-normal" title="" style="display: inline-block; text-decoration: none; transition: 0.16s; border: none; cursor: pointer; background-color: #583d27; color: #ffffff; border-radius: 0px; padding: 13px 28px; font-weight: 400; font-size: 14px; letter-spacing: 3px;" href="https://www.mephistoshoes.com.au/women/all-womens">SHOP ALL WOMEN'S</a></div> 554 </div> 555 </div> 556 </div> 557 </div> 558 <div class="is-box is-box-6 box-autofit block-click last-box" data-modal-url="https://www.mephistoshoes.com.au/men/all-mens"> 559 <div class="is-overlay"> 560 <div class="is-overlay-bg" style="background-image: url('/images/assetimages/Mephisto/homepage/SS2526/summer/ELYO-P5147024-0006.jpg'); background-position: 50% 60%;"></div> 561 </div> 562 <div class="is-container v2 size-17 leading-13 is-content-540"> 563 <div class="row"> 564 <div class="col-md-12"> 565 <div class="text-center"><a class="uppercase leading-normal" title="" style="display: inline-block; text-decoration: none; transition: 0.16s; border: none; cursor: pointer; background-color: #583d27; color: #ffffff; border-radius: 0px; padding: 13px 28px; font-weight: 400; font-size: 14px; letter-spacing: 3px;" href="https://www.mephistoshoes.com.au/men/all-mens">SHOP ALL Men's</a></div> 566 </div> 567 </div> 568 </div> 569 </div> 570</div> 571 572<div class="is-section is-box type-oranienbaum-sourcesanspro is-section-20 last-box"> 573 <div class="is-overlay" style="background-color: rgb(236, 236, 236);"></div> 574 <div class="is-boxes"> 575 <div class="is-box-centered"> 576 <div class="is-container container" style="max-width: 1100px;"> 577 <div class="row clearfix"> 578 <div class="column half"> 579 <div class="spacer height-20"></div> 580 <h2 style="font-size: 40px; font-weight: 400; letter-spacing: 5px; color: #000000;"><span style="font-family: Cinzel, serif;">COMFORT</span><span style="font-family: gotham;"> </span></h2> 581 <h2 style="font-size: 40px; font-weight: 400; letter-spacing: 5px; color: #000000;"><span style="font-family: Cinzel, serif;">MEETS CRAFT</span><span style="font-family: gotham;"> </span></h2> 582 <h2 style="font-size: 40px; font-weight: 400; letter-spacing: 5px; color: #000000;"><span style="font-family: Cinzel, serif;">IN <span>
582MEPHISTO</span></span></h2> 583 <div class="spacer height-20"></div> 584 <span style="font-size: 14px;"><span style="letter-spacing: 0px; background-color: rgba(200, 200, 201, 0.11);"></span></span> 585 <div class="ql-block leading-loose" style="font-family: GOTHAM; font-size: 16px; font-weight: 100;" data-block-id="block-c47e9fac-d720-47ee-b2f3-a42052a6aaca"><span class="size-16" style="letter-spacing: 0px; line-height: 17px; color: #000000;"><span class="size-18">Step into pure walking pleasure with Mephisto - where comfort meets</span> <span class="size-18">craftsmanship. For over 50 years, Mephisto has perfected the art of footwear, using over 140 meticulous steps to craft each pair. Renowned worldwide for quality and innovation</span><span class="size-18">, Mephisto has won multiple design awards and remains a benchmark of excellence. Ev</span><span class="size-18">ery shoe, sandal, boot and sneaker meets the highest production standards so you can walk with confidence.<br><br></span></span></div> 586 <div><a class="uppercase leading-normal" title="" style="display: inline-block; text-decoration: none; transition: 0.16s; border: none; cursor: pointer; background-color: #583d27; color: #ffffff; border-radius: 0px; padding: 13px 28px; font-weight: 400; font-size: 14px; letter-spacing: 3px;" href="https://www.mephistoshoes.com.au/history">Read Our Story</a></div> 587 <div class="ql-block" data-block-id="block-c47e9fac-d720-47ee-b2f3-a42052a6aaca"><span style="letter-spacing: 0px;"><span class="size-21"></span></span></div> 588 <p></p> 589 <div class="spacer height-20"></div> 590 </div> 591 <div class="column half"><a title="" href="https://www.mephistoshoes.com.au/history"><img src="/images/assetimages/Mephisto/homepage/AW26/Mephisto_comfort.jpg" border="0" alt=""></a></div> 592 </div> 593 </div> 594 </div> 595 </div> 596</div> 597<div class="is-section is-box is-light-text type-poppins box-autofit min-height-60 last-box is-section-75"> 598 <div class="is-overlay"> 599 <div class="is-overlay-content content-selectable" data-module="video-bg" data-module-desc="Video Background" data-dialog-width="600px" data-dialog-height="600px" data-html="%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20id%3D%22_style_%7Bid%7D%22%20style%3D%22display%3Anone%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.video-bg-control%20%7Bposition%3Aabsolute%3B%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.video-bg-control%20button%20%7Bcursor%3Apointer%3Bbackground%3Atransparent%3B%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.video-bg-control.top-right%20%7B%20top%3A20px%3Bright%3A20px%3B%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.video-bg-control.top-left%20%7B%20top%3A20px%3Bleft%3A20px%3B%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.video-bg-control.bottom-right%20%7B%20bottom%3A20px%3Bright%3A20px%3B%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.video-bg-control.bottom-left%20%7B%20bottom%3A20px%3Bleft%3A20px%3B%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.video-bg-control%20svg%20%7B%20width%3A40px%3B%20height%3A40px%3B%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.video-bg-control.hide%2C%20.video-audio-play.hide%20%2C%20.video-bg-play.hide%20%7B%20display%3Anone%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%23%7Bid%7D_control%20*%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20rgba(255%2C255%2C255%2C0.93)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.is-light-text%20%23%7Bid%7D_control%20*%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20rgba(255%2C255%2C255%2C0.93)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.is-dark-text%20%23%7Bid%7D_control%20*%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cvideo%20id%3D%22%7Bid%7D%22%20class%3D%22is-vi
599deo-bg%22%20loop%20playsinline%20muted%20autoplay%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csource%20src%3D%22%2Fglobal%2Fcms%2Finnovastudio%2Fv5%2Fassets%2Fvideos%2Fblank.mp4%22%20data-default%3D%22%2Fimages%2Fassetimages%2FMephisto%2Fhomepage%2FSS2526%2Fsummer%2FMephisto_Elyo_White_LS_6%2520%2520LANDSCAPE.mp4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fvideo%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22is-overlay-video%22%20style%3D%22opacity%3A0.05%22%3E%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20id%3D%22%7Bid%7D_control%22%20class%3D%22video-bg-control%20hide%20bottom-right%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22video-audio-play%20hide%20bottom-right%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22is-icon-flex%22%3E%3Cuse%20xlink%3Ahref%3D%22%23__icon-volume-off%22%3E%3C%2Fuse%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22video-bg-play%20hide%20bottom-right%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22is-icon-flex%22%3E%3Cuse%20xlink%3Ahref%3D%22%23__icon-pause%22%3E%3C%2Fuse%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cscript%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20css%20%3D%20document.querySelector('%23_style_%7Bid%7D').innerHTML%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20head%20%3D%20document.getElementsByTagName('head')%5B0%5D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20s%20%3D%20document.createElement('style')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20s.appendChild(document.createTextNode(css))%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20head.appendChild(s)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20svgDef%20%3D%20'%3Csvg%20class%3D%22video-bg-svg%22%20width%3D%220%22%20height%3D%220%22%20style%3D%22position%3Aabsolute%3Bdisplay%3Anone%3B%22%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cdefs%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Csymbol%20id%3D%22__icon-volume-off%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20d%3D%22M15%208a5%205%200%200%201%201.912%204.934m-1.377%202.602a5%205%200%200%201%20-.535%20.464%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20d%3D%22M17.7%205a9%209%200%200%201%202.362%2011.086m-1.676%202.299a9%209%200%200%201%20-.686%20.615%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20d%3D%22M9.069%205.054l.431%20-.554a0.8%20.8%200%200%201%201.5%20.5v2m0%204v8a0.8%20.8%200%200%201%20-1.5%20.5l-3.5%20-4.5h-2a1%201%200%200%201%20-1%20-1v-4a1%201%200%200%201%201%20-1h2l1.294%20-1.664%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20d%3D%22M3%203l18%2018%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3C%2Fsymbol%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Csymbol%20id%3D%22__icon-volume%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20d%3D%22M15%208a5%205%200%200%201%200%208%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20d%3D%22M17.7%205a9%209%200%200%201%200%2014%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20d%3D%22M6%2015h-2a1%201%200%200%201%20-1%20-1v-4a1%201%200%200%201%201%20-1h2l3.5%20-4.5a0.8%20.8%200%200%201%201.5%20.5v14a0.8%2
5990.8%200%200%201%20-1.5%20.5l-3.5%20-4.5%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3C%2Fsymbol%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Csymbol%20id%3D%22__icon-play%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20d%3D%22M7%204v16l13%20-8z%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3C%2Fsymbol%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Csymbol%20id%3D%22__icon-pause%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20d%3D%22M6%205m0%201a1%201%200%200%201%201%20-1h2a1%201%200%200%201%201%201v12a1%201%200%200%201%20-1%201h-2a1%201%200%200%201%20-1%20-1z%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Cpath%20d%3D%22M14%205m0%201a1%201%200%200%201%201%20-1h2a1%201%200%200%201%201%201v12a1%201%200%200%201%20-1%201h-2a1%201%200%200%201%20-1%20-1z%22%3E%3C%2Fpath%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3C%2Fsymbol%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3C%2Fdefs%3E'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%3C%2Fsvg%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20pre%20%3D%20document.querySelector('.video-bg-svg')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(!pre)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.body.insertAdjacentHTML('beforeend'%2C%20svgDef)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20docReady%20%3D%20function(fn)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20stateCheck%20%3D%20setInterval(function()%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(document.readyState%20%3D%3D%3D%20%22interactive%22%20%7C%7C%20document.readyState%20%3D%3D%3D%20%22complete%22)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clearInterval(stateCheck)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20try%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fn()%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20catch%20(e)%20%7B%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%201)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20docReady(function()%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20video%20%3D%20document.querySelector('%23%7Bid%7D')%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20changeVideo%20%3D%20(video)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(!video)%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20currentlyPlaying%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(video.paused)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20currentlyPlaying%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20currentlyPlaying%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20changed%3Dfalse%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20source%20%3D%20video.querySelector('source')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20vidDefault%20%3D%20source.getAttribute('data-default')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20vid240%20%3D%20source.getAttribute('data-240')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20vid360%20%3D%20source.getAttribute('data-360')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20vid480%20%3D%20source.getAttribute('data-480')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20vid540%20%3D%20source.getAttribute('data-540')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20vid720%20%3D%20source.getAttribute('data-720')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20vid1080%20%3D%20source.getAttribute('data-1080')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20vid1440%20%3D%20source.getAttribute('data-1440')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20vid2160%20%3D%20source.getAttribute('data-2160')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20vW%20%3D%20window.innerWidth%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(vW%3C%3D426)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(vid240)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid240)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid240)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid360)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid360)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid360)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid480)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid480)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid480)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid540)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid540)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid540)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid720)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid720)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid720)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20if%20(426%3CvW%20%26%26%20vW%3C%3D640)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(vid360)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid360)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid360)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid480)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid480)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid480)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid540)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid540)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid540)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid720)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid720)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid720)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20if%20(640%3CvW%20%26%26%20vW%3C%3D854)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(vid480)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid480)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid480)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid540)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid540)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid540)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid720)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid720)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid720)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20if%20(854%3CvW%20%26%26%20vW%3C%3D960)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(vid540)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid540)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid540)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid720)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid720)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid720)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20if%20(vW%3E960%20%26%26%20vW%3C%3D1280)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(vid720)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid720)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid720)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20if%20(1280%3CvW%20%26%26%20vW%3C%3D1920)
599%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(vid1080)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid1080)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid1080)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20if%20(1920%3CvW%20%26%26%20vW%3C%3D2560)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(vid1440)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid1440)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid1440)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20if%20(2560%3CvW)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(vid2160)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid2160)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid2160)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20if(vid1440)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3Dvid1440)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vid1440)%3Bchanged%3Dtrue%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20videoLoad%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(changed)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.pause()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.currentTime%20%3D%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.load()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20videoLoad%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(source.getAttribute('src')!%3D%3DvidDefault)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.pause()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.currentTime%20%3D%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source.setAttribute('src'%2C%20vidDefault)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.load()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20videoLoad%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(!video)%20return%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(videoLoad)%20if(video.autoplay)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.pause()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.currentTime%20%3D%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20video.play()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20overlay%20%3D%20video.closest('.is-box')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20btnPlay%20%3D%20overlay.querySelector('.video-bg-play')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20btnPlay.innerHTML%20%3D%20'%3Csvg%20class%3D%22is-icon-flex%22%3E%3Cuse%20xlink%3Ahref%3D%22%23__icon-pause%22%3E%3C%2Fuse%3E%3C%2Fsvg%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20btnAudio%20%3D%20overlay.querySelector('.video-audio-play')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20btnAudio.innerHTML%20%3D%20'%3Csvg%20class%3D%22is-icon-flex%22%3E%3Cuse%20xlink%3Ahref%3D%22%23__icon-volume-off%22%3E%3C%2Fuse%3E%3C%2Fsvg%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(videoLoad)%20if(currentlyPlaying)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.play()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20changeVideo(video)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20debounce%20%3D%20(func)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20timer%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20function(event)%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(timer)%20clearTimeout(timer)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20timer%20%3D%20setTimeout(func%2C100%2Cevent)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20viewportWidth%20%3D%20window.innerWidth%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20window.addEventListener('resize'%2Cdebounce(function(e)%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(window.innerWidth%20!%3D%20viewportWidth)%20%7B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20viewportWidth%20%3D%20window.innerWidth%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(video)%20changeVideo(video)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D))%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20overlay%20%3D%20video.closest('.is-box')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20btnPlay%20%3D%20overlay.querySelector('.video-bg-play')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20btnPlay.addEventListener('click'%2C%20(e)%3D%3E%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(video.paused)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.play()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20btnPlay.innerHTML%20%3D%20'%3Csvg%20class%3D%22is-icon-flex%22%3E%3Cuse%20xlink%3Ahref%3D%22%23__icon-pause%22%3E%3C%2Fuse%3E%3C%2Fsvg%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.pause()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20btnPlay.innerHTML%20%3D%20'%3Csvg%20class%3D%22is-icon-flex%22%3E%3Cuse%20xlink%3Ahref%3D%22%23__icon-play%22%3E%3C%2Fuse%3E%3C%2Fsvg%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.preventDefault()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.stopImmediatePropagation()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20btnAudio%20%3D%20overlay.querySelector('.video-audio-play')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20btnAudio.addEventListener('click'%2C%20(e)%3D%3E%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(video.muted)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.muted%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20btnAudio.innerHTML%20%3D%20'%3Csvg%20class%3D%22is-icon-flex%22%3E%3Cuse%20xlink%3Ahref%3D%22%23__icon-volume%22%3E%3C%2Fuse%3E%3C%2Fsvg%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20video.muted%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20btnAudio.innerHTML%20%3D%20'%3Csvg%20class%3D%22is-icon-flex%22%3E%3Cuse%20xlink%3Ahref%3D%22%23__icon-volume-off%22%3E%3C%2Fuse%3E%3C%2Fsvg%3E'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.preventDefault()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20e.stopImmediatePropagation()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fscript%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20" data-settings="%5B%7B%22mp4%22%3A%22%2Fimages%2Fassetimages%2FMephisto%2Fhomepage%2FSS2526%2Fsummer%2FMephisto_Elyo_White_LS_6%2520%2520LANDSCAPE.mp4%22%2C%22poster%22%3A%22%22%2C%22videos%22%3A%5B%5D%2C%22overlay%22%3A0.05%2C%22controlPlay%22%3Afalse%2C%22controlMute%22%3Afalse%2C%22autoplay%22%3Atrue%2C%22pos%22%3A%22bottom-right%22%2C%22controlColor%22%3A%22%22%7D%5D"> 600 <div id="_style_MPIw6sB" style="display:none"> 601 .video-bg-control {position:absolute;} 602 .video-bg-control button {cursor:pointer;background:transparent;} 603 .video-bg-control.top-right { top:20px;right:20px; } 604 .video-bg-control.top-left { top:20px;left:20px; } 605 .video-bg-control.bottom-right { bottom:20px;right:20px; } 606 .video-bg-control.bottom-left { bottom:20px;left:20px; } 607 .video-bg-control svg { width:40px; height:40px; } 608 .video-bg-control.hide, .video-audio-play.hide , .video-bg-play.hide { display:none } 609 610 #MPIw6sB_control * { 611 stroke: rgba(255,255,255,0.93); 612 } 613 .is-light-text #MPIw6sB_control * { 614 stroke: rgba(255,255,255,0.93); 615 } 616 .is-dark-text #MPIw6sB_control * { 617 stroke: #000; 618 } 619 620 </div> 621 <video id="MPIw6sB" class="is-video-bg" loop="" playsinline="" muted="" autoplay=""> 622 <source src="/global/cms/innovastudio/v5/assets/videos/blank.mp4" data-default="/images/assetimages/Mephisto/homepage/SS2526/summer/Mephisto_Elyo_White_LS_6%20%20LANDSCAPE.mp4"> 623 </video> 624 <div class="is-overlay-video" style="opacity:0.05"></div> 625 626 <div id="MPIw6sB_control" class="video-bg-control hide bottom-right"> 627 <button class="video-audio-play hide bottom-right"> 628 <svg class="is-icon-flex"> 629 <use xlink:href="#__icon-volume-off"></use> 630 </svg> 631 </button> 632 <button class="video-bg-play hide bottom-right"> 633 <svg class="is-icon-flex"> 634 <use xlink:href="#__icon-pause"></use> 635 </svg> 636 </button> 637 </div> 638 639
639<script> 640 var css = document.querySelector('#_style_MPIw6sB').innerHTML; 641 var head = document.getElementsByTagName('head')[0]; 642 var s = document.createElement('style'); 643 s.appendChild(document.createTextNode(css)); 644 head.appendChild(s); 645 646 var svgDef = '<svg class="video-bg-svg" width="0" height="0" style="position:absolute;display:none;">' + 647 '<defs>' + 648 '<symbol id="__icon-volume-off" viewBox="0 0 24 24" stroke-width="1" fill="none" stroke-linecap="round" stroke-linejoin="round">' + 649 '<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>' + 650 '<path d="M15 8a5 5 0 0 1 1.912 4.934m-1.377 2.602a5 5 0 0 1 -.535 .464"></path>' + 651 '<path d="M17.7 5a9 9 0 0 1 2.362 11.086m-1.676 2.299a9 9 0 0 1 -.686 .615"></path>' + 652 '<path d="M9.069 5.054l.431 -.554a0.8 .8 0 0 1 1.5 .5v2m0 4v8a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l1.294 -1.664"></path>' + 653 '<path d="M3 3l18 18"></path>' + 654 '</symbol>' + 655 '<symbol id="__icon-volume" viewBox="0 0 24 24" stroke-width="1" fill="none" stroke-linecap="round" stroke-linejoin="round">' + 656 '<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>' + 657 '<path d="M15 8a5 5 0 0 1 0 8"></path>' + 658 '<path d="M17.7 5a9 9 0 0 1 0 14"></path>' + 659 '<path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5"></path>' + 660 '</symbol>' + 661 '<symbol id="__icon-play" viewBox="0 0 24 24" stroke-width="1" fill="none" stroke-linecap="round" stroke-linejoin="round">' + 662 '<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>' + 663 '<path d="M7 4v16l13 -8z"></path>' + 664 '</symbol>' + 665 '<symbol id="__icon-pause" viewBox="0 0 24 24" stroke-width="1" fill="none" stroke-linecap="round" stroke-linejoin="round">' + 666 '<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>' + 667 '<path d="M6 5m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v12a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z"></path>' + 668 '<path d="M14 5m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v12a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z"></path>' + 669 '</symbol>' + 670 '</defs>' + 671 '</svg>'; 672 var pre = document.querySelector('.video-bg-svg'); 673 if (!pre) { 674 document.body.insertAdjacentHTML('beforeend', svgDef); 675 } 676 677 var docReady = function(fn) { 678 var stateCheck = setInterval(function() { 679 if (document.readyState === "interactive" || document.readyState === "complete") { 680 clearInterval(stateCheck); 681 try { 682 fn() 683 } catch (e) {} 684 } 685 }, 1); 686 }; 687 688 docReady(function() { 689 690 let video = document.querySelector('#MPIw6sB'); 691 692 const changeVideo = (video) => { 693 if (!video) return; 694 let currentlyPlaying; 695 if (video.paused) { 696 currentlyPlaying = false; 697 } else { 698 currentlyPlaying = true; 699 } 700 let changed = false; 701 let source = video.querySelector('source'); 702 let vidDefault = source.getAttribute('data-default'); 703 let vid240 = source.getAttribute('data-240'); 704 let vid360 = source.getAttribute('data-360'); 705 let vid480 = source.getAttribute('data-480'); 706 let vid540 = source.getAttribute('data-540'); 707 let vid720 = source.getAttribute('data-720'); 708 let vid1080 = source.getAttribute('data-1080'); 709 let vid1440 = source.getAttribute('data-1440');
710 let vid2160 = source.getAttribute('data-2160'); 711 let vW = window.innerWidth; 712 if (vW <= 426) { 713 if (vid240) { 714 if (source.getAttribute('src') !== vid240) { 715 source.setAttribute('src', vid240); 716 changed = true; 717 } else return; 718 } else if (vid360) { 719 if (source.getAttribute('src') !== vid360) { 720 source.setAttribute('src', vid360); 721 changed = true; 722 } else return; 723 } else if (vid480) { 724 if (source.getAttribute('src') !== vid480) { 725 source.setAttribute('src', vid480); 726 changed = true; 727 } else return; 728 } else if (vid540) { 729 if (source.getAttribute('src') !== vid540) { 730 source.setAttribute('src', vid540); 731 changed = true; 732 } else return; 733 } else if (vid720) { 734 if (source.getAttribute('src') !== vid720) { 735 source.setAttribute('src', vid720); 736 changed = true; 737 } else return; 738 } 739 } else if (426 < vW && vW <= 640) { 740 if (vid360) { 741 if (source.getAttribute('src') !== vid360) { 742 source.setAttribute('src', vid360); 743 changed = true; 744 } else return; 745 } else if (vid480) { 746 if (source.getAttribute('src') !== vid480) { 747 source.setAttribute('src', vid480); 748 changed = true; 749 } else return; 750 } else if (vid540) { 751 if (source.getAttribute('src') !== vid540) { 752 source.setAttribute('src', vid540); 753 changed = true; 754 } else return; 755 } else if (vid720) { 756 if (source.getAttribute('src') !== vid720) { 757 source.setAttribute('src', vid720); 758 changed = true; 759 } else return; 760 } 761 } else if (640 < vW && vW <= 854) { 762 if (vid480) { 763 if (source.getAttribute('src') !== vid480) { 764 source.setAttribute('src', vid480); 765 changed = true; 766 } else return; 767 } else if (vid540) { 768 if (source.getAttribute('src') !== vid540) { 769 source.setAttribute('src', vid540); 770 changed = true; 771 } else return; 772 } else if (vid720) { 773 if (source.getAttribute('src') !== vid720) { 774 source.setAttribute('src', vid720); 775 changed = true; 776 } else return; 777 } 778 } else if (854 < vW && vW <= 960) { 779 if (vid540) { 780 if (source.getAttribute('src') !== vid540) { 781 source.setAttribute('src', vid540); 782 changed = true; 783 } else return; 784 } else if (vid720) { 785 if (source.getAttribute('src') !== vid720) { 786 source.setAttribute('src', vid720); 787 changed = true; 788 } else return; 789 } 790 } else if (vW > 960 && vW <= 1280) { 791 if (vid720) { 792 if (source.getAttribute('src') !== vid720) { 793 source.setAttribute('src', vid720); 794 changed = true; 795 } else return; 796 } 797 } else if (1280 < vW && vW <= 1920) { 798 if (vid1080) { 799 if (source.getAttribute('src') !== vid1080) { 800 source.setAttribute('src', vid1080); 801 changed = true; 802 } else return; 803 } 804 } else if (1920 < vW && vW <= 2560) { 805 if (vid1440) { 806 if (source.getAttribute('src') !== vid1440) { 807 source.setAttribute('src', vid1440); 808 changed = true; 809 } else return; 810 } 811 } else if (2560 < vW) { 812 if (vid2160) { 813 if (source.getAttribute('src') !== vid2160) { 814 source.setAttribute('src', vid2160); 815 changed = true; 816 } else return; 817 } else if (vid1440) { 818 if (source.getAttribute('src') !== vid1440) { 819 source.setAttribute('src', vid1440); 820 changed = true; 821 } else return; 822 } 823 } 824 825 let videoLoad = false; 826 if (changed) { 827 video.pause(); 828 video.currentTime = 0; 829 video.load(); 830 videoLoad = true; 831 } else { 832 if (source.getAttribute('src') !== vidDefault) { 833 video.pause(); 834 video.currentTime = 0; 835 source.setAttribute('src', vidDefault); 836 video.load(); 837 videoLoad = true; 838 } 839 } 840 841 if (!video) return; 842 843 if (videoLoad) 844 if (video.autoplay) { 845 video.pause(); 846 video.currentTime = 0; 847 // video.play();
848 let overlay = video.closest('.is-box'); 849 let btnPlay = overlay.querySelector('.video-bg-play'); 850 btnPlay.innerHTML = '<svg class="is-icon-flex"><use xlink:href="#__icon-pause"></use></svg>'; 851 let btnAudio = overlay.querySelector('.video-audio-play'); 852 btnAudio.innerHTML = '<svg class="is-icon-flex"><use xlink:href="#__icon-volume-off"></use></svg>'; 853 } 854 855 if (videoLoad) 856 if (currentlyPlaying) { 857 video.play(); 858 } 859 }; 860 861 changeVideo(video); 862 863 let debounce = (func) => { 864 var timer; 865 return function(event) { 866 if (timer) clearTimeout(timer); 867 timer = setTimeout(func, 100, event); 868 }; 869 } 870 let viewportWidth = window.innerWidth; 871 window.addEventListener('resize', debounce(function(e) { 872 if (window.innerWidth != viewportWidth) { 873 874 viewportWidth = window.innerWidth; 875 876 if (video) changeVideo(video);
877 } 878 })); 879 880 let overlay = video.closest('.is-box'); 881 let btnPlay = overlay.querySelector('.video-bg-play'); 882 btnPlay.addEventListener('click', (e) => { 883 if (video.paused) { 884 video.play(); 885 btnPlay.innerHTML = '<svg class="is-icon-flex"><use xlink:href="#__icon-pause"></use></svg>'; 886 } else { 887 video.pause(); 888 btnPlay.innerHTML = '<svg class="is-icon-flex"><use xlink:href="#__icon-play"></use></svg>'; 889 } 890 e.preventDefault(); 891 e.stopImmediatePropagation(); 892 }); 893 let btnAudio = overlay.querySelector('.video-audio-play'); 894 btnAudio.addEventListener('click', (e) => { 895 if (video.muted) { 896 video.muted = false; 897 btnAudio.innerHTML = '<svg class="is-icon-flex"><use xlink:href="#__icon-volume"></use></svg>'; 898 } else { 899 video.muted = true; 900 btnAudio.innerHTML = '<svg class="is-icon-flex"><use xlink:href="#__icon-volume-off"></use></svg>'; 901 } 902 e.preventDefault(); 903 e.stopImmediatePropagation(); 904 }); 905 }); 906 </script>
906 907 </div> 908 <div class="is-overlay-bg" style="background-image: url("/images/assetimages/Mephisto/homepage/SS2526/summer/Mephisto_Elyo_White_LS_6%20%20LANDSCAPE.mp4");"></div> 909 </div> 910</div> 911 912<!---OTHERS---> 913<style> 914 <!-- 915 #page-content>div.page-container>h1:first-child, 916 #page-content>div.page-container>.catalog-title { 917 display: none !important; 918 } 919 920 @media (min-width: 768px) { 921 #left-nav { 922 display: none; 923 } 924 925 #page-content { 926 width: 100vw; 927 max-width: 100vw; 928 margin-left: calc(50% - 50vw); 929 } 930 } 931 932 @media (max-width: 1024px) { 933 .is-overlay-bg { 934 opacity: 1 !important; 935 } 936 } 937 --> 938</style><div class="contentbox-v5-additional-tags"><link class="contentbox-v5 frontend-include" href="/Global/cms/InnovaStudio/v5/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css"><link class="contentbox-v5 frontend-include" href="/Global/cms/InnovaStudio/v5/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css"><link class="contentbox-v5 frontend-include" href="/global/cms/innovastudio/v5/assets/minimalist-blocks/content.css" rel="stylesheet"><link class="contentbox-v5 frontend-include" href="/global/cms/innovastudio/v5/box/box-flex.css" rel="stylesheet">
938<script class="contentbox-v5 frontend-include" async="async" src="/global/cms/innovastudio/v5/assets/estar/shim.js"></script>
938<script class="contentbox-v5 frontend-include" src="/global/cms/innovastudio/v5/assets/scripts/glide/glide.js" type="text/javascript"></script>
938<script class="contentbox-v5 frontend-include" src="/global/cms/innovastudio/v5/box/box-flex.js" type="text/javascript"></script>
938<link href="/global/cms/innovastudio/v5/assets/styles/basetype-sitedefault.css" rel="stylesheet" data-style-type="maincss"><link href="/global/cms/innovastudio/v5/assets/styles/type-poppins.css" rel="stylesheet" data-name="contentstyle" data-class="type-poppins" data-style-type="sectioncss"><link href="/global/cms/innovastudio/v5/assets/styles/type-oranienbaum-sourcesanspro.css" rel="stylesheet" data-name="contentstyle" data-class="type-oranienbaum-sourcesanspro" data-added-link="true" data-style-type="sectioncss"><link data-name="contentstyle" data-class="type-ibmplexmono" href="/global/cms/innovastudio/v5/assets/styles/type-ibmplexmono.css" rel="stylesheet" data-style-type="sectioncss"></div></div></div><template id="price-label-general" xmlns:utility="urn:utility"><!--.--></template><template id="price-label-was" xmlns:utility="urn:utility">Originally</template><template id="price-label-now" xmlns:utility="urn:utility"><!--.--></template><template id="price-label-save" xmlns:utility="urn:utility">save</template><template id="price-label-from" xmlns:utility="urn:utility">from</template><template id="price-label-to" xmlns:utility="urn:utility">to</template><template id="price-label-approx" xmlns:utility="urn:utility">approx</template></div></article></div></main><footer id="page-footer" class="page-footer"><div class="page-footer-container"><div class="content footer-top"><p> 939<style><!-- 940.content.footer-top .lpm-signup .lpm-learn-more { margin-left: 25px !important; } 941@media (min-width: 450px) { 942 .content.footer-top .lpm-signup form input[name=email] { 943 font-size: 0.875rem !important; 944 background-clip: unset; 945 } 946} 947--></style> 948</p> 949<!-- START of services container --> 950<p></p> 951<!--Container of icons 3 per row for smaller screens and 6 per row for larger screens--> 952<section class="services"> 953<div class="container pl-md-0 pr-md-0"> 954<div class="d-flex flex-row flex-wrap align-items-center text-center"> 955<div class="item col-12"><!--Container header--> 956<div class="row header justify-content-center"> 957<h2>At your service</h2> 958</div> 959<!--Container of tiles. 3 per row for smaller screens and 6 per row for larger screens--> 960<div class="row main justify-content-center"> 961<div class="item col-4 col-lg-2"><!--Enter a link in the href attribute to navigate too--> <a href="#"> <!--Enter an image in the src attribute--> <img src="/images/assetimages/icons/[email protected]" border="0" alt=""> <!--Tile header--> </a> 962<h4 class="item-title">Learn your size</h4> 963<!--Copy element only appears on larger screens--> 964<div class="d-none d-md-block"> 965<p><strong>With our sizing guide</strong></p> 966<!--Enter a link in the href attribute to navigate too--> <a class="btn btn-link" href="/size-guide">Learn more</a></div> 967</div> 968<div class="item col-4 col-lg-2"><!--Enter a link in the href attribute to navigate too--> <a href="#"> <!--Enter an image in the src attribute--> <img src="/images/assetimages/icons/[email protected]" border="0" alt=""> <!--Tile header--> </a> 969<h4 class="item-title">AU Free Delivery</h4> 970<!--Copy element only appears on larger screens--> 971<div class="d-none d-md-block"> 972<p><strong>On orders over $150</strong></p> 973<!--Enter a link in the href attribute to navigate too--> <a class="btn btn-link" href="/delivery-and-dispatch">About delivery</a></div> 974</div> 975<div class="item col-4 col-lg-2"><!--Enter a link in the href attribute to navigate too--> <a href="#"> <!--Enter an image in the src attribute--> <img src="/images/assetimages/icons/footer-returns @2x.png" border="0" alt=""> <!--Tile header--> </a> 976<h4 class="item-title">Easy Returns</h4> 977<!--Copy element only appears on larger screens--> 978<div class="d-none d-md-block"> 979<p><strong>Within 30 days of purchase</strong></p> 980<!--Enter a link in the href attribute to navigate too--> <a class="btn btn-link" href="/exchange-and-refund">About returns</a></div> 981</div> 982<div class="item col-4 col-lg-2"><!--Enter a link in the href attribute to navigate too--> <a href="#"> <!--Enter an image in the src attribute--> <img src="/images/assetimages/icons/[email protected]" border="0" alt=""> <!--Tile header--> </a> 983<h4 href="#" class="item-title">Our Stockists</h4> 984<!--Copy element only appears on larger screens--> 985<div class="d-none d-md-block"> 986<p><strong>Find your nearest stockist</strong></p> 987<!--Enter a link in the href attribute to navigate too--> <a class="btn btn-link" href="/stores">Learn more</a></div> 988</div> 989</div> 990</div> 991</div> 992</div> 993</section> 994<!-- END of services container --> 995<section class="lpm-signup"> 996<div class="container"><form method="post" action="/global/lpm.aspx"><input type="hidden" name="eid" value=""> <input type="hidden" name="LPM" value="update"> <input type="hidden" name="source" value="client"> <input type="hidden" name="wsid" value="1"> <input type="hidden" name="post" value="1"> <input type="hidden" name="AccountStatus" value="1"> <input type="hidden" name="EmailFormat" value="html"> 997<div class="account-details"> 998<h3>
998Customer Club</h3> 999<div class="fields-wrapper"><input id="email" name="email" type="email" onfocus="this.value=''" maxlength="100" value="" placeholder="Sign up for our latest offers, events & news."> <button type="submit">Join</button></div> 1000<div class="lpm-learn-more"><a class="btn btn-secondary" href="#">Learn more</a></div> 1001</div> 1002</form></div> 1003</section></div><nav id="footer-nav" class="footer-nav" aria-label="footer menu"><div class="footer-nav-container"><ul><li data-catid="6063"><span class="structural">Customer Care</span><ul><li data-catid="6067" class="no-children"><a href="https://www.mephistoshoes.com.au/contact-us">Contact Us</a></li><li data-catid="6069" class="no-children"><a href="https://www.mephistoshoes.com.au/returns">Returns</a></li><li data-catid="6071" class="no-children"><a href="https://www.mephistoshoes.com.au/delivery-and-dispatch">Delivery & Dispatch</a></li><li data-catid="6305" class="no-children"><a href="https://www.mephistoshoes.com.au/size-guide">Size Guide</a></li><li data-catid="7564" class="no-children"><a href="https://www.mephistoshoes.com.au/terms-and-conditions">Terms & Conditions</a></li><li data-catid="6307" class="no-children"><a href="https://www.mephistoshoes.com.au/privacy-policy">Privacy Policy</a></li><li data-catid="7148" class="no-children"><a href="https://www.mephistoshoes.com.au/afterpay">Afterpay</a></li></ul></li><li data-catid="6064"><span class="structural">Our Company</span><ul><li data-catid="6072" class="no-children"><a href="https://www.mephistoshoes.com.au/history">History</a></li><li data-catid="6078" class="no-children"><a href="/stores" target="_self">Stockists</a></li></ul></li><li data-catid="6065"><span class="structural">Information </span><ul><li data-catid="6081" class="no-children"><a href="https://www.mephistoshoes.com.au/technology">Technology</a></li><li data-catid="6083" class="no-children"><a href="https://www.mephistoshoes.com.au/official-distributors">Official Distrubutors</a></li></ul></li><li data-catid="6308"><span class="structural">Need Assistance?</span><ul><li data-catid="6309" class="no-children"><a href="tel:1300762288" target="_self">Call 1300 762 288</a></li></ul></li></ul></div></nav></div><div class="estar"><div class="container"><ul class="copyright"><li><span>©
1003<script xmlns=""> 1004// <![CDATA[ 1005var d=(new Date).getFullYear();document.write(d); 1006// ]]> 1007</script>
1007 Stradwin Pty Ltd</span></li><li><a href="http://www.estaronline.com/clients/2825" target="_blank">eCommerce Solution by eStar</a></li></ul><div class="social-content"><ol><li class="facebook"><a href="https://www.facebook.com/mephistoaustralia/" title="Facebook" target="_blank"><img src="/images/assetimages/facebook.png" alt="Facebook" /></a></li><li class="instagram"><a href="https://www.instagram.com/mephistoaustralia/ " title="Instagram" target="_blank"><img src="/images/assetimages/instagram.png" alt="Instagram" /></a></li></ol></div></div></div></footer>
1007<script type="text/javascript" src="/Assets/jquery-3.7.1.min.js" minify="false" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="></script>
1007<script type="text/javascript" src="/Assets/thirdparty_639119306156912386.js" minify="false" integrity="sha256-IzE9g+H+D4T6jpKol9PVf+GMIN7n38Q2+z7vHLwYFN0="></script>
1007<script type="text/javascript" src="/Assets/bootstrap.bundle.min_639119306156912386.js" minify="false" integrity="sha256-6zfk2L8R3wCgRbZzpkEi7UYC2bc6fYGIgFfNeqyOWnQ="></script>
1007<script type="text/javascript" src="/Assets/required_639119306156912386.js" integrity="sha256-otXT/9HAjfV61aVdOLTmop+LOcwhTn47gKPwLb4eTTY="></script>
1007<script type="text/javascript" src="/Assets/scripts_639119306156912386.js" integrity="sha256-gEKTtEqSa4T/IGcDDtBrBsuvKJtFp+olocI0unp0k7w="></script>
1007<script type="text/javascript"> 1008// <![CDATA[ 1009(function(e,t){e.jQuery.each(e.readyQ,function(e,t){$(t)});e.jQuery.each(e.onReadyQ,function(e,n){$(t).on("ready",n)})})(window,document) 1010// ]]> 1011</script>
1011<script type="text/javascript"> 1012// <![CDATA[ 1013 1014window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s= 1015d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set. 1016_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8"); 1017$.src="https://v2.zopim.com/?2POOQO43Pjipz5SyAcS9xTy661jnAhNH";z.t=+new Date;$. 1018type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script"); 1019 1020// ]]> 1021</script>
1021<script type="text/javascript" src="/images/assetimages/js/m-client.js" integrity="sha256-efrPQ23ORurrQCMapEPJGM6MQY2v1bEhV6fxWprvAjo="></script>
1021<template id="google-map-api-key">AIzaSyAJLxVaH3eL0S_WNAJB3MvBKRVEV_tg9Ps</template></div></div></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.