PageSourceSearch

https://www.mephistoshoes.com.au/

html mephistoshoes.com.au collected 2026-10-04 17:04:09 UTC 99,924 bytes, 1,021 lines download raw bytes

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&amp;rnd=ECB7BAFE-87A1-E934-2CB7-F6026CB338D7&amp;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&amp;rnd=ECB7BAFE-87A1-E934-2CB7-F6026CB338D7&amp;action=orderlist&amp;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&amp;rnd=ECB7BAFE-87A1-E934-2CB7-F6026CB338D7&amp;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&amp;rnd=ECB7BAFE-87A1-E934-2CB7-F6026CB338D7&amp;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&amp;rnd=ECB7BAFE-87A1-E934-2CB7-F6026CB338D7&amp;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&amp;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&amp;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>&nbsp; &nbsp;<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>&nbsp; &nbsp;<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>&nbsp; &nbsp;<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>&nbsp; &nbsp;
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(&quot;/images/assetimages/Mephisto/homepage/AW26/Mephisto_Womens.jpg&quot;); 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;">&nbsp;</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;">&nbsp;</span></h2>
582                        <h2 style="font-size: 40px; font-weight: 400; letter-spacing: 5px; color: #000000;"><span style="font-family: Cinzel, serif;">IN&nbsp;<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.&nbsp;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.&nbsp;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(&quot;/images/assetimages/Mephisto/homepage/SS2526/summer/Mephisto_Elyo_White_LS_6%20%20LANDSCAPE.mp4&quot;);"></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 &amp; 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.