Sunucu yanıtını kontrol edin
Sunucu yanıtı
NS kayıtları
Whois alanı
301 Moved Permanently - azlms.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Mon, 26 May 2025 03:27:51 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 63
Connection: keep-alive
Location: https://luxurymotorsports.us
Server: ip-100-74-4-104.eu-west-2.compute.internal
Vary: Accept-Encoding
X-Request-Id: d9f7372a-4f05-498f-a989-279771943d5a
content-type: text/html; charset=utf-8
date: Mon, 26 May 2025 03:27:51 GMT
server: Microsoft-IIS/10.0
cache-control: public, max-age=36000
location: https://www.luxurymotorsports.us/
content-length: 150
x-aspnet-version: 4.0.30319
x-powered-by: ASP.NET
content-type: text/html; charset=utf-8
date: Mon, 26 May 2025 03:27:53 GMT
server: Microsoft-IIS/10.0
cache-control: public, max-age=36000
content-length: 610792
x-aspnet-version: 4.0.30319
x-powered-by: ASP.NET
HTTP Kodu 301 Kalıcı Olarak Taşındı
301 durum kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Kod 301 ne zaman kullanılır?
- Bir web sitesi alan adını değiştirirken
- URL yapılarını değiştirirken
- SEO için yönlendirmeleri ayarlarken
Kod 301 kullanıcı için ne anlama geliyor?
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
GET / HTTP/1.1 Host: azlms.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html lang="en-US" class="master-page client-site responsive">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Used Luxury Cars Phoenix | Luxury Cars | Luxury Motorsports</title>
<script>
var _PageType = 'home';
var _Vin = '';
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://www.gstatic.com" crossorigin="anonymous">
<link rel="dns-prefetch" href="https://www.googletagmanager.com/" crossorigin="anonymous">
<link href="https://www.googletagmanager.com/gtag/js?id=G-ZVYDK5100T" rel="preload" as="script" crossorigin="anonymous">
<script defer src="https://www.googletagmanager.com/gtag/js?id=G-ZVYDK5100T" crossorigin="anonymous"></script>
<link rel="dns-prefetch" href="https://ajax.googleapis.com/" crossorigin="anonymous">
<link href="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js" rel="preload" as="script" crossorigin="anonymous">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" as="style">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<style>
@media (min-width: 1200px) and (max-width: 1599px) {
.hidden-lg {
display: none !important;
}
}
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
display: none !important;
}
@media (min-width: 2440px) {
.container {
width: 1570px;
}
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
float: left;
}
.col-xl-12 {
width: 100%;
}
.col-xl-11 {
width: 91.66666667%;
}
.col-xl-10 {
width: 83.33333333%;
}
.col-xl-9 {
width: 75%;
}
.col-xl-8 {
width: 66.66666667%;
}
.col-xl-7 {
width: 58.33333333%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-5 {
width: 41.66666667%;
}
.col-xl-4 {
width: 33.33333333%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-2 {
width: 16.66666667%;
}
.col-xl-1 {
width: 8.33333333%;
}
.col-xl-pull-12 {
right: 100%;
}
.col-xl-pull-11 {
right: 91.66666667%;
}
.col-xl-pull-10 {
right: 83.33333333%;
}
.col-xl-pull-9 {
right: 75%;
}
.col-xl-pull-8 {
right: 66.66666667%;
}
.col-xl-pull-7 {
right: 58.33333333%;
}
.col-xl-pull-6 {
right: 50%;
}
.col-xl-pull-5 {
right: 41.66666667%;
}
.col-xl-pull-4 {
right: 33.33333333%;
}
.col-xl-pull-3 {
right: 25%;
}
.col-xl-pull-2 {
right: 16.66666667%;
}
.col-xl-pull-1 {
right: 8.33333333%;
}
.col-xl-pull-0 {
right: auto;
}
.col-xl-push-12 {
left: 100%;
}
.col-xl-push-11 {
left: 91.66666667%;
}
.col-xl-push-10 {
left: 83.33333333%;
}
.col-xl-push-9 {
left: 75%;
}
.col-xl-push-8 {
left: 66.66666667%;
}
.col-xl-push-7 {
left: 58.33333333%;
}
.col-xl-push-6 {
left: 50%;
}
.col-xl-push-5 {
left: 41.66666667%;
}
.col-xl-push-4 {
left: 33.33333333%;
}
.col-xl-push-3 {
left: 25%;
}
.col-xl-push-2 {
left: 16.66666667%;
}
.col-xl-push-1 {
left: 8.33333333%;
}
.col-xl-push-0 {
left: auto;
}
.col-xl-offset-12 {
margin-left: 100%;
}
.col-xl-offset-11 {
margin-left: 91.66666667%;
}
.col-xl-offset-10 {
margin-left: 83.33333333%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-8 {
margin-left: 66.66666667%;
}
.col-xl-offset-7 {
margin-left: 58.33333333%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-5 {
margin-left: 41.66666667%;
}
.col-xl-offset-4 {
margin-left: 33.33333333%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-2 {
margin-left: 16.66666667%;
}
.col-xl-offset-1 {
margin-left: 8.33333333%;
}
.col-xl-offset-0 {
margin-left: 0;
}
.visible-xl {
display: block !important;
}
table.visible-xl {
display: table;
}
tr.visible-xl {
display: table-row !important;
}
th.visible-xl, td.visible-xl {
display: table-cell !important;
}
.visible-xl-block {
display: block !important;
}
.visible-xl-inline {
display: inline !important;
}
.visible-xl-inline-block {
display: inline-block !important;
}
.hidden-xl {
display: none !important;
}
}
</style>
<style>
.dynamic-img {
width: 100%;
height: auto;
object-fit: cover;
}
</style>
<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://automanagerprodcdn.azureedge.net/wmcontent/css/jquery.flexslider.css" />
<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://automanagerprodcdn.azureedge.net/wmcontent/css/fancybox/fancybox.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" type="text/css" href="https://automanagerprodcdn.azureedge.net/wmcontent/css/jquery/jquery-ui.min.css" />
<script>
var pos = 5;
(function (d) {
var s = d.createElement("script");
s.setAttribute("data-position", pos);
s.setAttribute("data-account", "mRnV71LTTH");
s.setAttribute("src", "https://cdn.userway.org/widget.js");
(d.body || d.head).appendChild(s);
})(document)
</script>
<noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript>
<script>
document.addEventListener("DOMContentLoaded", function () {
var newClassName = "subtheme-8876c0a562584f99b4ed3d24eb6d19b5";
var bodyElement = document.querySelector('body.main-body');
if (bodyElement) {
bodyElement.classList.add(newClassName);
} else {
console.log('The element with class "main-body" was not found.');
}
});
</script>
<link media="print" onload="this.onload=null;this.removeAttribute('media');" rel="stylesheet" type="text/css" href="https://automanagerprodcdn.azureedge.net/wmthemes/css/responsive.css" />
<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://automanagerprodcdn.azureedge.net/wmthemes/css/palette-light-responsive.css" />
<link media="print" onload="this.onload=null;this.removeAttribute('media');" rel="stylesheet" type="text/css" href="https://automanagerprodcdn.azureedge.net/wmthemes/luxury/default.css" />
<link media="print" onload="this.onload=null;this.removeAttribute('media');" rel="stylesheet" type="text/css" href="https://automanagerprodcdn.azureedge.net/wmthemes/luxury/white_blue/default.css" />
<link rel="stylesheet" href="https://kit.fontawesome.com/29e9c278c0.css" crossorigin="anonymous">
<link media="print" onload="this.onload=null;this.removeAttribute('media');" rel="stylesheet" type="text/css" href="https://automanagerprodcdn.azureedge.net/wmthemes/css/inventorylist.css" />
<style>
.panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
/*font-family: 'Glyphicons Halflings';*/ /* essential for enabling glyphicon */
content: "\e113"; /* adjust as needed, taken from bootstrap.css */
float: right; /* adjust as needed */
color: grey; /* adjust as needed */
font-size: 1.5em;
line-height: 0.5em;
}
.panel-heading .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content: "\e114"; /* adjust as needed, taken from bootstrap.css */
font-size: 1.5em;
line-height: 1em;
}
.panel-heading .accordion-toggle {
text-align: center;
font-weight: 700;
padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;
display: block;
text-decoration: none;
-webkit-transition: background-color 0.5s ease-in-out;
}
.accordion-title {
font-size: 1.5em;
}
.sticky-column {
position: sticky;
top: var(--sticky-top-position, 100px);
}
.sticky-row {
position: sticky;
top: var(--sticky-row-top-position, 100px);
z-index: 999999;
}
@media (min-width: 768px) {
.sidebar-search-sticky {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 100px; /* Adjust as needed */
height: 65vh;
overflow-y: scroll;
}
}
.sidebar-search-sticky::-webkit-scrollbar {
width: 0;
height: 0;
}
</style>
<meta http-equiv="expires" content="0" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<meta name="revisit-after" content="1 days" />
<meta name="rating" content="general" />
<meta name="description" content="" />
<meta name="google-site-verification" content="" />
<meta name="msvalidate.01" content="" />
<meta property="fb:app_id" content="198840813499223" />
<meta property="og:image" content="https://automanager.blob.core.windows.net/wmclients/014560/banner-theme.jpg" />
<meta property="og:title" content="Used Luxury Cars Phoenix | Luxury Cars | Luxury Motorsports" />
<meta property="og:url" content="https://www.luxurymotorsports.us/" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<link rel="canonical" href="https://www.luxurymotorsports.us/" />
<link rel="shortcut icon" href="https://automanager.blob.core.windows.net/wmclients/014560/favicon.ico?v=133149924230000000" type="image/x-icon" />
<link rel="icon" href="https://automanager.blob.core.windows.net/wmclients/014560/favicon.ico?v=133149924230000000" type="image/x-icon" />
<style>
.slideshow-overlay-left {
position: absolute;
left: 0;
z-index: 10;
}
.slideshow-overlay-right {
position: absolute;
right: 0;
z-index: 10;
}
.slideshow-overlayvert-top {
top: 0;
}
.slideshow-overlayvert-center {
top: 50%;
}
.slideshow-overlayvert-bottom {
bottom: 0;
}
.overlay-content {
position: absolute;
display: block;
/*width: 80%;*/
/*margin-top: -12%;*/
/*max-width: 610px;*/
/*font-size: 4vw;*/
font-weight: bold;
color: #FFF;
text-shadow: 0 .125em .125em rgba(0, 0, 0, .5);
padding: .6em 1em .6em 1.7em;
}
@media only screen and (max-width: 600px) {
.overlay-text {
font-size: 16px !important;
}
.overlay-content {
position: absolute;
display: block;
font-size: 4vw !important;
font-weight: bold;
color: #FFF;
text-shadow: 0 .125em .125em rgba(0, 0, 0, .5);
padding: .6em 1em .6em 1.7em;
}
}
.slideshow-overlay-center {
position: absolute;
left: 50%;
z-index: 3;
text-align: center;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
</style>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/motion.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BM7T7CGKCC"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BM7T7CGKCC');
</script>
<meta name="google-site-verification" content="K7U2-xzKdnqWpqGTAb49tglhhNn16siNrGiP6bp8BUw" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-56294425-26"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-56294425-26');
</script>
<script async src="https://content-container.edmunds.com/886601.js" type="text/javascript"></script>
<script>
;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[];
p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments)
};p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1;
n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,"script","//d3j1weegxvu8ns.cloudfront.net/t.js","snowplow"));
window.snowplow('newTracker', 'cgtracker', 'sp.cargurus.com', {
appId: '281753',
discoverRootDomain: true,
forceSecureTracker: true,
contexts: {
webPage: true,
performanceTiming: true
}
});
window.snowplow('enableActivityTracking', 5, 5);
window.snowplow('trackPageView');
window.snowplow('enableLinkClickTracking');
</script>
<!-- BEGIN: BBB AB Seal -->
<script type="text/javascript">
var bbb = bbb || [];
bbb.push(["bbbid", "phoenix"]);
bbb.push(["bid", "1000013827"]);
bbb.push(["chk", "A0906C9D54"]);
bbb.push(["pos", "bottom-right"]);
(function () {
var scheme = (("https:" == document.location.protocol) ? "https://" : "http://");
var bbb = document.createElement("script");
bbb.type = "text/javascript";
bbb.async = true;
bbb.src = scheme + "seal-central-northern-western-arizona.bbb.org/badge/badge.min.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bbb, s);
})();
</script>
<!-- END: BBB AB Seal -->
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '720985935031854');
fbq('track', 'PageView');
fbq('track', 'ViewContent');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=720985935031854&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- 2nd Pixel 6.25.2020 -->
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '254767615844163');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=254767615844163&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PQXVPDJ');</script>
<!-- End Google Tag Manager -->
<!-- Hotjar Tracking Code for https://www.luxurymotorsports.us/ -->
<!-- Global site tag (gtag.js) - Google Ads: 10786744902 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10786744902"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-10786744902');
</script>
<script>
!function (w, d, t) {
w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i
ttq.load('CHVL0NJC77U441D0M5C0');
ttq.page();
}(window, document, 'ttq');
</script>
<meta name="facebook-domain-verification" content="vhwo774ql4ra32yl74kqm3ts1nd90b" />
</head>
<body class="main-body luxury-body">
<style type="text/css">
body { display: none; }
</style>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PQXVPDJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script>
// By placing this code on your website, you authorize CarGurus to access
// and use website visitor data to optimize digital advertising performance.
var CarGurus = window.CarGurus || {}; window.CarGurus = CarGurus;
CarGurus.Partner = window.CarGurus.Partner || {};
CarGurus.Partner.Metrics = window.CarGurus.Partner.Metrics || {};
CarGurus.Partner.Metrics.Options = window.CarGurus.Partner.Metrics.Options || {};
CarGurus.Partner.Metrics.Options.AccessKey = "00000000-0000-18a5-0000-000000044c99";
CarGurus.Partner.Metrics.Options.debug = false;
(function() {
var script = document.createElement('script');
script.src = "https://static.cargurus.com/js/api/en_US/2.0/partnermetrics.js";
script.async = true;
var entry = document.getElementsByTagName('script')[0];
entry.parentNode.insertBefore(script, entry);
})();
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt=""
src="https://www.cargurus.com/Cars/api/2.0/recordMetricsImage.action?k=00000000-0000-18a5-0000-000000044c99&x=%7B%22ns%22%3A1%7D">
</div>
</noscript>
<div class="main-container">
<div class="banner-container containerdynamic-fixed" style="padding: 0; ">
<div class="banner-links-bar">
<div class="container clearfix" style="padding: 0;">
<div class="banner-links-bar-wrapper">
</div>
</div>
</div>
</div>
<div class="banner-container container" style="padding: 0; ">
<div>
<div class="banner-layout-container container" style="position: inherit !important;">
</div>
</div>
</div>
<div class="banner-container dynamic-centering main-container">
<div id="row-cd3162a0191d476e94fc18887140ce55" class="page-content-row " style="" data-animations='[]'>
<div>
<div class="container">
<div class="row">
<div class="page-content-column first-column col-lg-4 col-md-4 col-sm-4 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-667e30e595324d28bb33bdc3168c0292" class="element-outer-container element-type-libraryimage " style=" ">
<div class="element-container element-type-libraryimage" style="margin: auto;">
<a href="https://www.luxurymotorsports.us/" >
<img loading="lazy" src="https://automanager.blob.core.windows.net/wmclients/014560/images/logo.lux.png" class="center-block img-responsive" style="width: 250px;" alt="Library Image" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-content-column second-column col-lg-4 col-md-4 col-sm-4 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-09f085d4224541ef8cf787beecef0186" class="element-outer-container element-type-customhtmlnobackground " style="display:none; ">
<div class="element-container element-type-customhtmlnobackground" style="width: 100%;">
<div class="customhtml"><div class="social-media-links " style="text-align: right;"><a class="media-link" href="https://www.facebook.com/100002057448504" target="_blank" title="Join us on Facebook: 100002057448504"><span class="media-icon-small media-icon-facebook"><i class="fa fa-facebook"></i></span></a> <a class="media-link" href="https://twitter.com/LuxMotorSports" target="_blank" title="Follow us on Twitter: @LuxuryMotorspor"><span class="media-icon-small media-icon-twitter"><i class="fa fa-twitter"></i></span></a> <a class="media-link" href="https://www.youtube.com/user/LuxuryMotorsportsPhx" target="_blank" title="View our YouTube channel: user/LuxuryMotorsportsPhx"><span class="media-icon-small media-icon-youtube"><i class="fa fa-youtube"></i></span></a> <a class="media-link" href="https://instagram.com/luxurymotorsports/" target="_blank" title="Follow us on Instagram: luxurymotorsports/"><span class="media-icon-small media-icon-instagram"><i class="fa fa-instagram"></i></span></a> <a class="media-link" href="http://www.yelp.com/biz/luxury-motorsports-phoenix" target="_blank" title="Read our reviews on Yelp: luxury-motorsports-phoenix"><span class="media-icon-small media-icon-yelp"><i class="fa fa-yelp"></i></span></a></div></div>
</div>
</div>
</div>
</div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-3923349b881b4ff7ad37f6378a8fd303" class="element-outer-container element-type-customhtmlnobackground " style="margin-top: 70px; ">
<div class="element-container element-type-customhtmlnobackground" style="width: 100%;">
<div class="customhtml"><div class="social-media-links clearfix">
<div style="text-align: right;"><a class="media-link" href="https://www.facebook.com/luxurymotorsportsaz" target="_blank" title="Join us on Facebook: https://www.facebook.com/luxurymotorsportsaz"><span class="media-icon media-icon-rounded media-icon-facebook"><i class="fa fa-facebook"></i></span></a> <a class="media-link" href="https://twitter.com/LuxMotorSports" target="_blank" title="Follow us on Twitter: @LuxMotorSports"><span class="media-icon media-icon-rounded media-icon-twitter"><i class="fa fa-twitter"></i></span></a> <a class="media-link" href="https://www.youtube.com/user/LuxuryMotorsportsPhx" target="_blank" title="View our YouTube channel: user/LuxuryMotorsportsPhx"><span class="media-icon media-icon-rounded media-icon-youtube"><i class="fa fa-youtube"></i></span></a> <a class="media-link" href="https://instagram.com/luxurymotorsports/" target="_blank" title="Follow us on Instagram: luxurymotorsports/"><span class="media-icon media-icon-rounded media-icon-instagram"><i class="fa fa-instagram"></i></span></a> <a class="media-link" href="http://www.yelp.com/biz/luxury-motorsports-phoenix" target="_blank" title="Read our reviews on Yelp: luxury-motorsports-phoenix"><span class="media-icon media-icon-rounded media-icon-yelp"><i class="fa fa-yelp"></i></span></a></div>
<div class="addthis-container"><br />
<!-- AddThis Button END --><!-- FOOTER --></div>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-content-column third-column col-lg-4 col-md-4 col-sm-4 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-6f73160680244493b92bd3ee6362de6c" class="element-outer-container element-type-customhtmlnobackground " style="display:none; ">
<div class="element-container element-type-customhtmlnobackground" style="width: 100%;">
<div class="customhtml"><div class="address-link " style="text-align: right;"--><a class="banner-link" href="https://clients.automanager.com/014560/location-and-directions">2141 E Bell Rd, Phoenix, AZ 85022</a></div>
</div>
</div>
</div>
</div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-93897609044a498dae1fdb8501ae8cc1" class="element-outer-container element-type-customhtmlnobackground " style=" ">
<div class="element-container element-type-customhtmlnobackground" style="width: 100%;">
<div class="customhtml"><div class="phonenumber-link " style="text-align: right;"><font size="6"><font color="#005000"><a class="banner-link" href="tel:480-653-7599">480-653-7599</a> </font></font><span style="font-size:18px;">Phoenix, AZ</span></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
@media (min-width: 768px) {
.navbar-center {
position: absolute;
left: 50%;
transform: translatex(-50%);
}
}
.navbar-left-custom{
float: left !important;
position:initial !important;
}
.navbar-right-menu-label {
margin-top: 15px;
margin-bottom: 15px;
margin-right: 15px;
float: right;
display: none;
}
.navbar-right-menu-icon {
position: relative;
float: right;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 6px;
padding-top: 4px;
display: none;
}
</style>
<div class="menu-container clearfix">
<div class="menu-container-inner">
<div class="navbar-fixed-spacer" style="padding: 0;">
<nav class="navbar navbar-top navbar-default dynamic-fixed" role="navigation">
<div class="container wide-navbar">
<div class="navbar-header">
<p class="navbar-right-menu-label" >Menu</p>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-right-menu-icon">
<a href="tel:">
<i class="fa fa-phone fa-2x"></i>
</a>
</span>
<a class="navbar-brand" href="https://www.luxurymotorsports.us/"><i class="fa fa-home"></i> Home
</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-left" >
<li class="menu-heading dropdown">
<a class="menu-heading dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false" title="Phoenix Used Cars | Luxury Used Cars Phoenix"><span>Inventory</span> <span class="caret hidden-sm"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a class="" href="https://www.luxurymotorsports.us/view-inventory" title="Phoenix Used Cars | Luxury Used Cars Phoenix">View Complete Inventory</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/vehicle-specials" title="Luxury Cars Phoenix | Luxury Cars Avondale">Vehicle Specials</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/featured-vehicles" title="Used Luxury Vehicles in Avondale and Phoenix">Featured Vehicles</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/recently-sold" title="Recent Sales of Luxury Cars in Avondale and Phoenix">Recently Sold</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/schedule-test-drive" title="Schedule Test Drive">Schedule Test Drive</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/custom-15" title="Luxury Wholesale">Luxury Wholesale</a></li>
</ul>
</li>
<li class="menu-heading dropdown">
<a class="menu-heading dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false" title="Payment Calculator for Luxury Cars"><span>Financing</span> <span class="caret hidden-sm"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a class="" href="https://www.luxurymotorsports.us/loan-calculator" title="Payment Calculator for Luxury Cars">Loan Calculator</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/get-pre-approved" title="Credit Application">Credit Application</a></li>
</ul>
</li>
<li class="menu-heading dropdown">
<a class="menu-heading dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false" title="Service Department"><span>Services</span> <span class="caret hidden-sm"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a class="" href="https://www.luxurymotorsports.us/parts-and-service" title="Service Department">Service Department</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/warranty" title="Vehicle Warranties">Vehicle Warranties</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/shipping" title="Vehicle Shipping">Vehicle Shipping</a></li>
</ul>
</li>
<li class="menu-heading dropdown">
<a class="menu-heading dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false" title="Used Car Dealer Phoenix AZ | Used Car Dealer Avondale AZ"><span>Dealer Info</span> <span class="caret hidden-sm"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a class="" href="https://www.luxurymotorsports.us/about-us" title="Used Car Dealer Phoenix AZ | Used Car Dealer Avondale AZ">About Us</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/contact-us" title="Contact Us">Contact Us</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/location-and-directions" title="Location & Directions">Location & Directions</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/custom-03" title="Follow Us">Follow Us</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/testimonials" title="Testimonials">Testimonials</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/frequently-asked-questions" title="FAQs">FAQs</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/value-your-trade-in" title="Value Your Trade-In">Value Your Trade-In</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/custom-09" title="Meet Our Staff">Meet Our Staff</a></li>
</ul>
</li>
<li class="menu-heading">
<a class="menu-heading" href="https://www.luxurymotorsports.us/custom-11" title="Value Your Trade"><span>Trade In Value</span></a>
</li>
<li class="menu-heading dropdown">
<a class="menu-heading dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false" title="Write Edmunds Reviews"><span>Edmunds Reviews</span> <span class="caret hidden-sm"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a class="" href="https://www.luxurymotorsports.us/custom-12" title="Write Edmunds Reviews">Write Edmunds Reviews</a></li>
<li><a class="" href="https://www.luxurymotorsports.us/custom-13" title="Read Edmunds Reviews">Read Edmunds Reviews</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
<div role="main">
<div id="dialogPanel" title="" style="display: none;">
<div id="dialogDragPanel" style="position: absolute; display: none; z-index: 2000; background-image: url(https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/spacer.gif);"></div>
<div id="dialogContent"></div>
<div id="divFreezePage" style="display: none;">
<div style="width: 400px; height: 60px; background-color: #fff;">
<div style="float: left; margin-right: 20px; width: 40px; height: 50px;">
<div class="please-wait-throbber"><i class="fa fa-spinner fa-spin"></i></div>
</div>
<div style="float: left; width: 330px; height: 45px;">
<span id="spanFreezeMessage" style="line-height: 45px; color: #006; font-weight: bold; font-family: Tahoma, Sans-Serif;">Please wait...</span>
</div>
</div>
</div>
</div>
<div class="content-container pageid-hom">
<div>
<div class="page-content pagecontent-spacer"><div class="container"></div></div>
<input type="hidden" id="hdfPageId" name="PageId" value="HOM" />
<div class="page-content">
<div id="row-958beaf38f60446abd12ad3dfd38df52" class="page-content-row " style="" data-animations='[]'>
<div>
<div class="container-fluid">
<div class="row">
<div class="page-content-column first-column col-lg-12 col-md-12 col-sm-12 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-00949d720a3b42f79486ed672cfe9a58" class="element-outer-container element-type-slideshow " style=" ">
<div class="element-container element-type-slideshow" style="margin: auto;">
<style>
.carousel-inner {
background: transparent;
}
.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}
</style>
<div id="carousel-container-ctl00_cphContent_ctl04_ctl00_ctl00_ctl02" class="carousel slide carousel-fade" data-ride="carousel" data-interval="7000">
<ol class="carousel-indicators">
<li data-target="#carousel-container-ctl00_cphContent_ctl04_ctl00_ctl00_ctl02" data-slide-to="0" class='active'></li>
<li data-target="#carousel-container-ctl00_cphContent_ctl04_ctl00_ctl00_ctl02" data-slide-to="1" ></li>
</ol>
<div class="carousel-inner" role="listbox" aria-hidden="true">
<div class="item active" >
<span style="display: inline-block; width: 100%; height: auto; padding-top: 33.3%; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(https://automanager.blob.core.windows.net/wmclients/014560/images/slideshow/challenger_hellcat.jpg);" role="img" aria-label="Slide show photo"></span>
<div style="max-width:80%" class="slideshow-overlay- slideshow-overlayvert- overlay-content">
</div>
</div>
<div class="item" >
<span style="display: inline-block; width: 100%; height: auto; padding-top: 33.3%; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(https://automanager.blob.core.windows.net/wmclients/014560/images/slideshow/slide.jpg);" role="img" aria-label="Slide show photo"></span>
<div style="max-width:%" class="slideshow-overlay- slideshow-overlayvert- overlay-content">
</div>
</div>
</div>
<a class="left carousel-control" href="#carousel-container-ctl00_cphContent_ctl04_ctl00_ctl00_ctl02" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-container-ctl00_cphContent_ctl04_ctl00_ctl00_ctl02" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="row-be024145ee664ec09021a9fc5b1f02e2" class="page-content-row " style="" data-animations='[]'>
<div>
<div class="container">
<div class="row">
<div class="page-content-column first-column col-lg-3 col-md-3 col-sm-3 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-6e7fe30bc69443f6bef75e2a58c81a56" class="element-outer-container element-type-customhtml " style=" ">
<div class="element-container element-type-customhtml" style="width: 100%;">
<div class="customhtml"><div class="container3"><img alt="Check out our inventory" class="image" src="https://automanager.blob.core.windows.net/wmclients/014560/images/inventoryimage4.jpg" />
<div class="overlay">
<div class="text quickFix">
<h2 class="header2"><a href="https://clients.automanager.com/014560/view-inventory">View Current Inventory</a></h2>
<!--a href="https://clients.automanager.com/014560/view-inventory"><span style="color:#ffffff;">• options for year, make, model, or price</span></a--></div>
</div>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-content-column second-column col-lg-3 col-md-3 col-sm-3 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-70493225bd204727beb6e1e217024b89" class="element-outer-container element-type-customhtml " style=" ">
<div class="element-container element-type-customhtml" style="width: 100%;">
<div class="customhtml"><div class="container1"><img alt="Download the Motorcars App" class="image" src="https://automanager.blob.core.windows.net/wmclients/014560/images/tradeappraisal3.jpg" />
<div class="overlay">
<div class="text quickFix">
<h2 class="header2"><a href="https://clients.automanager.com/014560/custom-11">Click here to value your trade</a></h2>
<span class="overlayText" style="color:#ffffff;">Or Call us now @ <a href="tel:855-288-5488">855-288-5488</a></span></div>
</div>
</div></div>
</div>
</div>
</div>
</div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-3f816988e72e4f9587470af1b1eb1b30" class="element-outer-container element-type-customhtml " style="display:none; ">
<div class="element-container element-type-customhtml" style="width: 100%;">
<div class="customhtml"><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="270px" src="https://www.youtube-nocookie.com/embed/O98Ub3BVZBE?controls=0" width="100%"></iframe></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-content-column third-column col-lg-3 col-md-3 col-sm-3 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-75b6e2f73e03434fb688fa95fc20b427" class="element-outer-container element-type-customhtml " style=" ">
<div class="element-container element-type-customhtml" style="width: 100%;">
<div class="customhtml"><div class="container1"><img alt="We offer financing" class="image" src="https://automanager.blob.core.windows.net/wmclients/014560/images/ipadfinancing3.jpg" />
<div class="overlay">
<div class="text quickFix">
<h2 class="header2"><a href="https://clients.automanager.com/014560/get-pre-approved">Finance Your Car</a></h2>
<a href="https://clients.automanager.com/014560/get-pre-approved"><span class="overlayText" style="color:#ffffff;">& Apply Now</span></a><br />
<!-- a href="tel:18552885488">1-855-288-5488</a> <span class="overlayText">or</span> <a href="https://clients.automanager.com/014560/get-pre-approved">click here.</a--></div>
</div>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-content-column 4th-column col-lg-3 col-md-3 col-sm-3 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-da0b0df531694740aa807035593894a1" class="element-outer-container element-type-customhtml " style=" ">
<div class="element-container element-type-customhtml" style="width: 100%;">
<div class="customhtml"><div class="container1"><img alt="Download the Motorcars App" class="image" src="https://automanager.blob.core.windows.net/wmclients/014560/images/vehicleconsign2.jpg" />
<div class="overlay">
<div class="text quickFix">
<p>Obtain</p>
<p>Consignment Value</p>
<a href="https://clients.automanager.com/014560/custom-11">CLICK HERE</a></div>
</div>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="row-37b601c151d743ab8cad8578c78045fc" class="page-content-row " style="" data-animations='[]'>
<div>
<div class="container">
<div class="row">
<div class="page-content-column first-column col-lg-12 col-md-12 col-sm-12 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-c317205df56043d5b433b6f29a243704" class="element-outer-container element-type-customhtml " style=" ">
<div class="element-container element-type-customhtml" style="width: 100%;">
<div class="customhtml"><h1 style="text-align: center;">Looking For Luxury Cars In Phoenix Or Used Cars For Sale In Phoenix Come Check Out Luxury Motorsports</h1></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="row-d4891e31a6c44e66b55737bfdcb99b34" class="page-content-row " style="" data-animations='[]'>
<div>
<div class="container">
<div class="row">
<div class="page-content-column first-column col-lg-12 col-md-12 col-sm-12 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-8e69d2ea647a442d80f71d14c5004c81" class="element-outer-container element-type-inventorylist " style=" ">
<div class="element-container element-type-inventorylist" style="width: 100%;">
<!--
DataTableCache:
Date:
Hits:
-->
<style>
.btn-group {
padding: 5px;
}
.btn-group > .btn {
width: auto;
padding: 8px 16px;
}
.modal-body {
word-wrap: break-word;
}
.photo-button{
cursor: pointer;
}
.beforevalue{
text-decoration: line-through;
}
.compare-dialog { /* Width */
max-width: 100%;
width: auto !important;
display: inline-block;
}
.lazy-panel {
transform: translateY(100vh); /* Initially position the panel off-screen */
visibility: hidden; /* Hide the panel visually */
opacity: 0; /* Make the panel fully transparent */
transition: transform 0.3s, visibility 0.3s, opacity 0.3s;
}
.lazy-panel.visible {
transform: translateY(0); /* Move the panel into view */
visibility: visible; /* Make the panel visible */
opacity: 1; /* Fade the panel in */
}
.compare-btn {
position: absolute;
bottom: 0%;
filter: drop-shadow(0 0 0.75rem black);
overflow: hidden;
white-space: nowrap;
}
.view-btn {
position: absolute;
top: 0%;
left: 100%;
transform: translate(-100%, 0%);
-ms-transform: translate(-50%, -50%);
filter: drop-shadow(0 0 0.21rem black);
overflow: hidden;
white-space: nowrap;
}
.nopadding {
padding: 0 !important;
}
.count-title {
font-size: 20px;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
}
.count-text {
font-size: 13px;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
}
.compare-header {
min-height: 250px;
}
.aspect-ratio-wrapper {
position: relative;
width: 100%;
}
.aspect-ratio-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.vehicle .header {
background-color: #111;
color: white;
font-size: 25px;
}
.vehicle li {
border-bottom: 1px solid #B5B4B7;
padding: 10px;
text-align: center;
}
#left {
float: left;
}
#right {
float:right;
}
#mid {
display: inline-block;
}
.tags a{
font-size: 15px;
text-decoration: none;
}
.tags span{
display: inline-block;
margin-bottom: 5px;
}
.tags .tag--inverse{
border: 1px solid #a9b1b5;
padding: 6px 15px;
border-radius: 5px;
transition: all 300ms ease-in-out;
}
.tags .tag--inverse:hover{
border: 1px solid #63d3e1;
color: #63d3e1;
}
.specifics-value{
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px;
}
.thumbnail-overlay-before-price {
text-decoration: line-through;
display: inline-block;
padding-left: 8px;
font-size: 13px;
align-self: center;
}
.thumbnail-overlay-price {
display: inline-block;
padding-left: 8px;
font-size: 13px;
align-self: center;
}
</style>
<style>
@media only screen and (min-width: 600px) {
.fancybox-button {
width: 78px !important;
height: 78px !important;
}
.fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
height: 95px;
padding: 10px 10px 5px 10px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.3);
}
.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 95px;
}
}
.inventory-photo {
position: relative;
display: block;
overflow: hidden;
}
.img-2 {
position: absolute;
top: 0;
transition: all 0.7s linear;
transform: translate(620px);
}
a.inventory-photo:hover .img-2 {
right: 0;
transform: translate(0);
transition: all .5s;
}
</style>
<style type="text/css">
.carfaxca-wrapper:hover .carfaxca-info {
display: block;
}
.carfaxca-info {
/*width: 120px;
text-align: center;
left: 120px;
top: -50px;
*/
z-index:1;
position: absolute;
display: none;
}
</style>
<style>
.video-frame {
border-width: 1px;
margin: 0 auto;
}
.sizer {
box-sizing: border-box;
width: 25%;
}
</style>
<style>
.inventory-list-container .flex-item .inventory-panel {
border: 0px !important;
}
</style>
<style>.flex-item{padding: 10px;}</style>
<script defer>
Storage.prototype.getObj = function (key) {
return JSON.parse(this.getItem(key))
}
var globalItemArray = [];
var testy = "displayimg,displaytitle,displayPrice,displayyear,displaymake,displaymodel,displaytrim,displayengine,displaytransmission,displaymileage,displayextcolor,displayintcolor,displaydrivetrain,displayfuel,displayfeatures";
var maxVehic = 4;
var htmlCompareList = [];
var htmlCompareObj = {};
var urlConnect = 'https://clients.automanager.com/Scripts/ComparisonInfo.aspx/GetCompareVehicleInfo';
var clientUrl = "https://clients.automanager.com/";
var _styleId = "LST";
var vehicleList = new Object();
var itemsArraySession = sessionStorage.getObj("CompareIds-" + '014560')
</script>
<script type="text/javascript">
function LikeVehicle(isChecked, vehicleId) {
var elementId = 'likedVehicle_' + vehicleId;
var element = document.getElementById(elementId);
if (element) {
if (isChecked) {
element.classList.add('fa-heart');
element.classList.remove('fa-heart-o');
} else {
element.classList.add('fa-heart-o');
element.classList.remove('fa-heart');
}
}
vehicleList[vehicleId] = isChecked;
}
document.addEventListener('DOMContentLoaded', function () {
var swiperInventory = new Swiper('.swiper-ivi', {
// Enable lazy loading
preloadImages: false,
lazy: true,
loop: true,
initialSlide: 0,
slidesPerView: "auto",
pagination: {
el: '.swiper-pagination',
clickable: true,
dynamicBullets: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
$('.inventory-list-container').on('append.infiniteScroll', function (event, body, path, items, response) {
const refreshSnapshotEvent = new Event('refreshCarfaxSnapshotData');
document.dispatchEvent(refreshSnapshotEvent);
if ( typeof lastname !== "undefined" && monroneylabels && typeof monroneylabels.fillStickers === 'function') {
monroneylabels.fillStickers();
}
if (typeof window.performanceautogroup !== "undefined" && window.performanceautogroup && typeof window.performanceautogroup.publicFunction === 'function') {
window.performanceautogroup.publicFunction();
}
});
// #search-options -> Modal Search Criteria
$('.inventory-list-container').infiniteScroll({
// options
path: '.pagination__next',
checkLastPage: '.pagination__next',
append: '.panel-attach-inventory',
status: '.scroller-status',
hideNav: '.inventory-page-links',
history: false
});
var mediaWindow = window.matchMedia("(min-width: 600px)")
$(".photo-button").click(function () {
var vehicleId = $(this).data("vehicle");
var useOverlay = $(this).data("useoverlay");
var overlayValue = $(this).data("overlayvalue");
var dataToPass = JSON.stringify({ invId: vehicleId, useOverlay: useOverlay, overlayVal: overlayValue });
$.ajax({
url: clientUrl + 'Scripts/ComparisonInfo.aspx/GetVehiclePhotos',
type: 'POST',
data: dataToPass,
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (response) {
var arr = [];
for (var i = 0; i < response.d.length; i++) {
var myObj = { src: response.d[i], opts: { thumb: response.d[i] } }
arr.push(myObj);
}
$.fancybox.open(
arr
, {
loop: false,
buttons: [
"zoom",
//"share",
"slideShow",
"thumbs",
"close"
],
thumbs: {
autoStart: mediaWindow.matches ? true : false, // Display thumbnails on opening
hideOnClose: false, // Hide thumbnail grid when closing animation start
axis: "x" // Vertical (y) or horizontal (x) scrolling
},
});
},
failure: function (response) {
}
});
$('.fancybox-thumbs').addClass("myBg");
$('.fancybox-thumbs-active').addClass(".myborder");
});
$('.inventory-list-container').on('append.infiniteScroll', function (event, body, path, items, response) {
var swiperInventory = new Swiper('.swiper-ivi', {
// Enable lazy loading
preloadImages: false,
lazy: true,
loop: true,
initialSlide: 0,
slidesPerView: "auto",
pagination: {
el: '.swiper-pagination',
clickable: true,
dynamicBullets: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var mediaWindow = window.matchMedia("(min-width: 600px)")
$(".photo-button").click(function () {
var vehicleId = $(this).data("vehicle");
var useOverlay = $(this).data("useoverlay");
var overlayValue = $(this).data("overlayvalue");
var dataToPass = JSON.stringify({ invId: vehicleId, useOverlay: useOverlay, overlayVal: overlayValue });
$.ajax({
url: clientUrl + 'Scripts/ComparisonInfo.aspx/GetVehiclePhotos',
type: 'POST',
data: dataToPass,
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (response) {
var arr = [];
for (var i = 0; i < response.d.length; i++) {
var myObj = { src: response.d[i], opts: { thumb: response.d[i] } }
arr.push(myObj);
}
$.fancybox.open(
arr
, {
loop: false,
buttons: [
"zoom",
//"share",
"slideShow",
"thumbs",
"close"
],
thumbs: {
autoStart: mediaWindow.matches ? true : false, // Display thumbnails on opening
hideOnClose: false, // Hide thumbnail grid when closing animation start
axis: "x" // Vertical (y) or horizontal (x) scrolling
},
});
},
failure: function (response) {
}
});
$('.fancybox-thumbs').addClass("myBg");
$('.fancybox-thumbs-active').addClass(".myborder");
});
});
initSlider(
$('#search-options #hdnMinPrice').val(),
$('#search-options #hdnMaxPrice').val(),
$('#search-options #stm_filter_min_price'),
$('#search-options #stm_filter_max_price'),
$('#search-options .stm-price-range')
);
initSlider(
$('#search-options #hdnMinMileage').val(),
$('#search-options #hdnMaxMileage').val(),
$('#search-options #stm_filter_min_mileage'),
$('#search-options #stm_filter_max_mileage'),
$('#search-options .stm-mileage-range')
);
// #search-top -> Top Search Criteria
initSlider(
$('#search-top #hdnMinPrice').val(),
$('#search-top #hdnMaxPrice').val(),
$('#search-top #stm_filter_min_price'),
$('#search-top #stm_filter_max_price'),
$('#search-top .stm-price-range')
);
initSlider(
$('#search-top #hdnMinMileage').val(),
$('#search-top #hdnMaxMileage').val(),
$('#search-top #stm_filter_min_mileage'),
$('#search-top #stm_filter_max_mileage'),
$('#search-top .stm-mileage-range')
);
// #search-list -> Left and Right Search Criteria
initSlider(
$('#search-list #hdnMinPrice').val(),
$('#search-list #hdnMaxPrice').val(),
$('#search-list #stm_filter_min_price'),
$('#search-list #stm_filter_max_price'),
$('#search-list .stm-price-range')
);
initSlider(
$('#search-list #hdnMinMileage').val(),
$('#search-list #hdnMaxMileage').val(),
$('#search-list #stm_filter_min_mileage'),
$('#search-list #stm_filter_max_mileage'),
$('#search-list .stm-mileage-range')
);
$('#search-options #btnFilterPrice').on('click', function (e) {
e.preventDefault();
filterPrice($('#search-options'));
});
$('#search-top #btnFilterPrice').on('click', function (e) {
e.preventDefault();
filterPrice($('#search-top'));
});
$('#search-list #btnFilterPrice').on('click', function (e) {
e.preventDefault();
filterPrice($('#search-list'));
});
$('#search-options #btnFilterMileage').on('click', function (e) {
e.preventDefault();
filterMileage($('#search-options'));
});
$('#search-top #btnFilterMileage').on('click', function (e) {
e.preventDefault();
filterMileage($('#search-top'));
});
$('#search-list #btnFilterMileage').on('click', function (e) {
e.preventDefault();
filterMileage($('#search-list'));
});
$("#btnEmail").on("click",
function () {
id = $('#requestPriceVehicleId').val();
fName = $('#RequestPrice').find('input[name="firstName"]').val();
lName = $('#RequestPrice').find('input[name="lastName"]').val();
emailAddress = $('#RequestPrice').find('input[name="emailAddress"]').val();
dayPhone = $('#RequestPrice').find('input[name="dayPhone"]').val();
eveningPhone = $('#RequestPrice').find('input[name="eveningPhone"]').val();
subject = $('#RequestPrice').find('input[name="subject"]').val();
comment = $('#RequestPrice').find('textarea[name="txtComments"]').val();
grecaptchaResponse = (typeof grecaptcha != 'undefined' ? grecaptcha.getResponse(inventoryRequestPriceWidgetId) : '');
if (fName === "") {
$("#shakeFirst").effect("shake");
return false;
}
if (lName === "") {
$("#shakeLast").effect("shake");
return false;
}
if (emailAddress === "") {
$("#shakeEmail").effect("shake");
return false;
}
if (dayPhone === "") {
$("#shakeDayPhone").effect("shake");
return false;
}
if (eveningPhone === "") {
$("#shakeEveningPhone").effect("shake");
return false;
}
//setCookie("firstName", fName, 30);
//setCookie("lastName", lName, 30);
//setCookie("emailAddress", emailAddress, 30);
//
//if (dayPhone != "")
// setCookie("dayPhone", dayPhone, 30);
//
//if (eveningPhone != "")
// setCookie("eveningPhone", eveningPhone, 30);
$.ajax({
url: clientUrl + 'Scripts/EmailForPrice.aspx/SendPriceRequest',
type: 'POST',
data: '{"invId":"' +
id +
'","clientId":"' +
_ClientId +
'","lotId":"|' +
_LotId +
'|", "firstName":"' +
fName +
'", "lastName":"' +
lName +
'", "subject":"' +
subject +
'", "comment":"' +
comment +
'", "emailAddress":"' +
emailAddress +
(dayPhone != '' ? '", "dayPhone":"' + dayPhone : '') +
(eveningPhone != '' ? '", "eveningPhone":"' + eveningPhone : '') +
'", "pageId":"' +
$("#hdfPageId").val() +
'", "grecaptchaResponse":"' +
grecaptchaResponse +
'"}',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
global: true,
success: function (response) {
$("#btnEmail").hide();
$(".RequestForm").hide();
$(".successForm").show();
},
failure: function (response) {
$(".RequestForm").hide();
$(".errorForm").show();
alert(response.d);
}
});
});
});
function setRequestedVehicleId(vehicleId) {
$('#requestPriceVehicleId').val(vehicleId);
}
function initSlider(minValue, maxValue, filter_min_elem, filter_max_elem, range_elem) {
var stmMinValue = parseInt(minValue);
var stmMaxValue = parseInt(maxValue);
stmMinValue = stmMinValue - stmMinValue % 10;
stmMaxValue = stmMaxValue + stmMaxValue % 10;
var stmOptions = {
range: true,
min: stmMinValue,
max: stmMaxValue,
values: [stmMinValue, stmMaxValue],
step: 10,
slide: function (event, ui) {
filter_min_elem.val(ui.values[0]);
filter_max_elem.val(ui.values[1]);
}
};
range_elem.slider(stmOptions);
filter_min_elem.val(range_elem.slider("values", 0));
filter_max_elem.val(range_elem.slider("values", 1));
filter_min_elem.on('keyup', function () {
range_elem.slider("values", 0, $(this).val());
});
filter_min_elem.on('focusout', function () {
if ($(this).val() < stmMinValue) {
range_elem.slider("values", 0, stmMinValue);
$(this).val(stmMinValue);
}
});
filter_max_elem.on('keyup', function () {
range_elem.slider("values", 1, $(this).val());
});
filter_max_elem.on('focusout', function () {
if ($(this).val() > stmMaxValue) {
range_elem.slider("values", 1, stmMaxValue);
$(this).val(stmMaxValue);
}
});
}
function filterPrice(parentElem) {
var newUrl = window.location.href;
if (!window.location.href.includes('price-max'))
newUrl += getSign(newUrl) + 'price-max=' + parentElem.find("#stm_filter_max_price").val();
if (!window.location.href.includes('price-min'))
newUrl += getSign(newUrl) + 'price-min=' + parentElem.find("#stm_filter_min_price").val();
window.location.href = newUrl + getSign(newUrl) + 'currency=' + parentElem.find('#currencyTypePrice').val();
}
function filterMileage(parentElem) {
var newUrl = window.location.href;
if (!window.location.href.includes('miles-max'))
newUrl += getSign(newUrl) + 'miles-max=' + parentElem.find("#stm_filter_max_mileage").val();
if (!window.location.href.includes('miles-min'))
newUrl += getSign(newUrl) + 'miles-min=' + parentElem.find("#stm_filter_min_mileage").val();
if ($('#hdnDistanceUnitMileage').val() == 'Kilometers') {
if (!window.location.href.includes('kilos-max'))
newUrl += getSign(newUrl) + 'kilos-max=' + parentElem.find("#stm_filter_max_kilos").val();
if (!window.location.href.includes('kilos-min'))
newUrl += getSign(newUrl) + 'kilos-min=' + parentElem.find("#stm_filter_min_kilos").val();
}
window.location.href = newUrl;
}
function getSign(url) {
return url.includes('?') ? '&' : '?';
}
</script>
<script>
function showVideoModal(vehicleId, youtubeId, width, height) {
if (youtubeId != null && youtubeId != '') {
$('#iframeVideo').attr('src', 'https://www.youtube.com/embed/' + youtubeId + '?rel=0&wmode=transparent');
$('#iframeVideo').attr('max-width', width);
$('#iframeVideo').attr('max-height', height);
}
else {
$('#iframeVideo').attr('src', 'https://clients.automanager.com/scripts/autovideo.aspx?VID=' + vehicleId);
}
$('#divShowVideo').show();
}
function hideVideoModal() {
$('#iframeVideo').attr('src', '');
$('#iframeCustomYoutube').attr('src', '');
$('#divShowVideo').hide();
}
</script>
<div id="divShowVideo" style="display: none; position: fixed; left: 50%; top: 30%; z-index: 999999; transform: translateX(-50%); width: 100%; max-width: 800px;">
<div id="divHideVideo" onclick="hideVideoModal()" style="float: right; position: relative; top: 0; right: 0; z-index: 999999; font-family: Arial; font-size: 18px; color: black; text-align: center; cursor: pointer; background-color: silver; width: 20px; height: 20px;">X</div>
<div class="video-frame" style="width: 100%; max-width: 800px; background-color: black;">
<iframe id="iframeVideo" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; overflow: hidden;" scrolling="no"></iframe>
</div>
</div>
<div id='ajax_loader' style="position: fixed; left: 50%; top: 50%; display: none;">
<img src="https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/ajax-loader.gif" />
</div>
<div class="row inventory-list-row inv-list ">
<div class="col-sm-12">
<div>
<div class="palette-bg2 inventory-header vehicles-found-header">
<div class="clearfix">
<div class="pull-left" style="padding: 4px 0; margin-right: 20px;">
<div style="font: bold 16px/24px arial, sans-serif;">
<span class="accent-color1" style="font-size: 24px;">
13</span>
Vehicles
Found
</div>
</div>
<div class="pull-right clearfix">
<div class="pull-left" style="padding: 4px 0; margin-right: 10px;">
</div>
<div class="pull-left" style="padding: 4px 0; margin-right: 10px;">
</div>
<div class="pull-left" style="padding: 4px 0;">
<form id="df3a53ce8b6740b3a7406443e50db5d2_form" method="post">
<input type="hidden" name="xControlId" value="df3a53ce8b6740b3a7406443e50db5d2" />
<input type="hidden" name="xAction" value="SetPage" />
<input type="hidden" id="df3a53ce8b6740b3a7406443e50db5d2_xPageId" name="xPageId" />
<div class="inventory-page-links">
<div class="btn-group btn-group-sm" role="group" aria-label="Page Links">
<button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" aria-expanded="false" title="Go to Page">
Page 1 of 2 <span class="caret"></span>
</button>
<ul class="dropdown-menu " role="menu">
<li class="active"><a href="?page=1">Page 1</a></li>
<li ><a href="?page=2">Page 2</a></li>
</ul>
<a type="button" class="btn btn-default pagination__next" href="https://www.luxurymotorsports.us/?page=2" onclick="Inventory_SetPage('df3a53ce8b6740b3a7406443e50db5d2','2');" title="Next Page"><i class="fa fa-angle-right"></i></a>
</div>
</div>
</form>
</div>
<div class="pull-left" style="padding: 4px 4px; margin-right: 20px;">
<form id="8e69d2ea647a442d80f71d14c5004c81_frmSwitchStyle" method="post">
<input type="hidden" name="xAction" value="SwitchStyles" />
<input type="hidden" name="xStyle" value="" />
<input type="hidden" name="xListTransformElementId" value="8e69d2ea647a442d80f71d14c5004c81" />
<button id="Submit_Search" onclick="SwitchStyle('8e69d2ea647a442d80f71d14c5004c81');" class="btn btn-default" title="Switch View"><span class="glyphicon glyphicon-th" aria-hidden="true"></span></button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="inventory-list-container">
<div class="panel-attach-inventory">
<tr>
<script>
//$( document ).ready(function() {
// debugger;
// var heights = $(".dynamic-col").map(function() {
// return $(this).height();
// }).get(),
// maxHeight = Math.max.apply(null, heights);
// $(".dynamic-col").height(maxHeight);
//});
</script>
<div class="col- dynamic-col infinite-panel ">
<div class="clearfix inventory-panel inv-luxury palette-bg2 vehicle accent-border2 lot-00" data-id="026a71afabb34b4f8479ea810ddad577" data-displaytitle="2021 BMW M3 Sedan" data-displayprice="$" data-displaymake="BMW"
data-displaytrim="" data-displaymodel="M3" data-displayyear="2021"
data-displayengine="3.0L Twin Turbo I6 473hp 406ft. lbs." data-displaytransmission="6 Speed Manual" data-displaymileage="2405" data-displayextcolor="Gray"
data-displayintcolor="White" data-displaydrivetrain="RWD" data-displayfuel="Gasoline" data-displayphoto="https://automanager.blob.core.windows.net/wmphotos/014560/026a71afabb34b4f8479ea810ddad577/0712d50bd5_120.jpg">
<div class="row " id="row-68c2f8a3d7424a2b95f0fcd070b70ee7" class="page-content-row " >
<div class="col-lg-12 col-md-12 col-sm-12 element-container-0" style="">
<div id="element-5964e00c42ad41d999f8219bad6ac96a" class="element-container element-type-inventorylisttitle row" style="width: 100%; ">
<div class="vehicle-label">
<div class="pull-left accent-color2 inventory-special-heading">
Featured
</div>
<div style="margin-top: -5px;">
<a class="accent-color1" href="https://www.luxurymotorsports.us/vehicle-details/2021-bmw-m3-sedan-026a71afabb34b4f8479ea810ddad577" title="2021 BMW M3 Sedan" target="_self">2021 BMW M3 Sedan</a>
</div>
</div>
</div>
<div id="element-ea1ea3537b734624b1f303028e770bd2" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div class="tagline-container"></span><div style="text-align:left"><b></b></div></div>
</div>
</div>
</div>
</div>
<div class="row " id="row-00b17535e2a0411492ceff847790dcab" class="page-content-row " >
<div class="col-lg-3 col-md-3 col-sm-3 element-container-0" style="Padding:0">
<div id="element-4c005e21aad64538bb2b4b9bf2f0c905" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2021-bmw-m3-sedan-026a71afabb34b4f8479ea810ddad577" title="2021 BMW M3 " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/026a71afabb34b4f8479ea810ddad577/0712d50bd5_400.jpg" alt="2021 BMW M3 " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
<img loading="lazy" class="img-2 dynamic-img" style="width: 100%;" src="https://automanager.blob.core.windows.net/wmphotos/014560/026a71afabb34b4f8479ea810ddad577/dd3799874a_400.jpg" alt="2021 BMW M3 ">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="026a71afabb34b4f8479ea810ddad577" data-useoverlay="True" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=026a71afabb34b4f8479ea810ddad577" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
<div id="element-10a969457b0f4af198abdbd24fc66253" class="element-container element-type-customhtml row" style="width: 100%; margin-top: 5px; display:none;">
<div class="customhtml"><div class="element-container element-type-libraryimage"><img alt="CarGurus-Top-Dealer" class="center-block img-responsive" src="https://automanager.blob.core.windows.net/wmclients/014560/images/carg2-1.png" /></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-1" style="Padding:0">
<div id="element-81dcfeb3d878405c8acd213c50ef3ecd" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2021-bmw-m3-sedan-026a71afabb34b4f8479ea810ddad577" title="2021 BMW M3 " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/026a71afabb34b4f8479ea810ddad577/dd3799874a_400.jpg" alt="2021 BMW M3 " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="026a71afabb34b4f8479ea810ddad577" data-useoverlay="False" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=026a71afabb34b4f8479ea810ddad577" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-2" style="">
<div id="element-5c876e74196d4907b94017613ea9d50a" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><span class="vin">WBS53AY09MFL38192</span></div>
<div><span class="stocknumber">1008</span></div>
</div>
</div>
<div id="element-5b22c8bd34034b53bba32b5ab3f09a7c" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #a3acac;"></div><span class="Extcolor">Brooklyn Grey Metallic</span></div>
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #e6e7e2;"></div><span class="Intcolor">Ivory White/Black</span></div>
<div class="transmission">6 Speed Manual</div>
<div class="fuel">Gasoline</div>
<div class="engine">3.0L Twin Turbo I6 473hp 406ft. lbs.</div>
<div><span class="mileage">2,405 miles</span></div>
</div>
</div>
<div id="element-09b839d80c634df7a0a6b05832bf7da8" class="element-container element-type-customhtml kbb row" style="width: 100%; margin-top: 25px;">
<div class="customhtml"><div style="text-align: center;"><a href="https://www.bbb.org/phoenix/business-reviews/car-dealers/luxury-motorsports-in-phoenix-az-1000013827/#sealclick" rel="nofollow" target="_blank"><img alt="Luxury Motorsports BBB Business Review" src="https://seal-central-northern-western-arizona.bbb.org/seals/blue-seal-153-100-bbb-1000013827.png" style="border: 0;" /></a></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-3" style="">
<div id="element-59055de514294b8d911b9324c9426fa5" class="element-container element-type-inventorylistprice row" style="width: 100%; ">
<div class="col-md-12 inventory-price-column" style="margin: 4px;">
<div class="palette-bg1 inventory-price-container" style="min-height: 63px;">
<div class="callforprice">Call for Price</div><div class="accent-color1 phonenumber" style="font-size: 16px;"><b>480-653-7599</b></div>
<div class="pricenote" style="padding-top: 5px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tr>
<tr>
<script>
//$( document ).ready(function() {
// debugger;
// var heights = $(".dynamic-col").map(function() {
// return $(this).height();
// }).get(),
// maxHeight = Math.max.apply(null, heights);
// $(".dynamic-col").height(maxHeight);
//});
</script>
<div class="col- dynamic-col infinite-panel ">
<div class="clearfix inventory-panel inv-luxury palette-bg2 vehicle accent-border2 lot-00" data-id="5b28eb2b08334c878c2adb5d3d38259e" data-displaytitle="2025 Cadillac Escalade ESV Sport Platinum SUV" data-displayprice="$" data-displaymake="Cadillac"
data-displaytrim="Sport Platinum" data-displaymodel="Other" data-displayyear="2025"
data-displayengine="EcoTec3 6.2L V8 420hp 460ft. lbs." data-displaytransmission="Automatic" data-displaymileage="1381" data-displayextcolor="Black"
data-displayintcolor="Gray" data-displaydrivetrain="4WD" data-displayfuel="Gasoline" data-displayphoto="https://automanager.blob.core.windows.net/wmphotos/014560/5b28eb2b08334c878c2adb5d3d38259e/d1981ff0b2_120.jpg">
<div class="row " id="row-68c2f8a3d7424a2b95f0fcd070b70ee7" class="page-content-row " >
<div class="col-lg-12 col-md-12 col-sm-12 element-container-0" style="">
<div id="element-5964e00c42ad41d999f8219bad6ac96a" class="element-container element-type-inventorylisttitle row" style="width: 100%; ">
<div class="vehicle-label">
<div class="pull-left accent-color2 inventory-special-heading">
Featured
</div>
<div style="margin-top: -5px;">
<a class="accent-color1" href="https://www.luxurymotorsports.us/vehicle-details/2025-cadillac-escalade-esv-sport-platinum-suv-5b28eb2b08334c878c2adb5d3d38259e" title="2025 Cadillac Escalade ESV Sport Platinum SUV" target="_self">2025 Cadillac Escalade ESV Sport Platinum SUV</a>
</div>
</div>
</div>
<div id="element-ea1ea3537b734624b1f303028e770bd2" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div class="tagline-container"></span><div style="text-align:left"><b></b></div></div>
</div>
</div>
</div>
</div>
<div class="row " id="row-00b17535e2a0411492ceff847790dcab" class="page-content-row " >
<div class="col-lg-3 col-md-3 col-sm-3 element-container-0" style="Padding:0">
<div id="element-4c005e21aad64538bb2b4b9bf2f0c905" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2025-cadillac-escalade-esv-sport-platinum-suv-5b28eb2b08334c878c2adb5d3d38259e" title="2025 Cadillac Escalade ESV Sport Platinum " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/5b28eb2b08334c878c2adb5d3d38259e/d1981ff0b2_400.jpg" alt="2025 Cadillac Escalade ESV Sport Platinum " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
<img loading="lazy" class="img-2 dynamic-img" style="width: 100%;" src="https://automanager.blob.core.windows.net/wmphotos/014560/5b28eb2b08334c878c2adb5d3d38259e/28ea2a764c_400.jpg" alt="2025 Cadillac Escalade ESV Sport Platinum ">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="5b28eb2b08334c878c2adb5d3d38259e" data-useoverlay="True" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=5b28eb2b08334c878c2adb5d3d38259e" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
<div id="element-10a969457b0f4af198abdbd24fc66253" class="element-container element-type-customhtml row" style="width: 100%; margin-top: 5px; display:none;">
<div class="customhtml"><div class="element-container element-type-libraryimage"><img alt="CarGurus-Top-Dealer" class="center-block img-responsive" src="https://automanager.blob.core.windows.net/wmclients/014560/images/carg2-1.png" /></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-1" style="Padding:0">
<div id="element-81dcfeb3d878405c8acd213c50ef3ecd" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2025-cadillac-escalade-esv-sport-platinum-suv-5b28eb2b08334c878c2adb5d3d38259e" title="2025 Cadillac Escalade ESV Sport Platinum " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/5b28eb2b08334c878c2adb5d3d38259e/28ea2a764c_400.jpg" alt="2025 Cadillac Escalade ESV Sport Platinum " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="5b28eb2b08334c878c2adb5d3d38259e" data-useoverlay="False" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=5b28eb2b08334c878c2adb5d3d38259e" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-2" style="">
<div id="element-5c876e74196d4907b94017613ea9d50a" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><span class="vin">1GYS9RRL5SR143650</span></div>
<div><span class="stocknumber">1009</span></div>
</div>
</div>
<div id="element-5b22c8bd34034b53bba32b5ab3f09a7c" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #323232;"></div><span class="Extcolor">Black Raven</span></div>
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #c3c3c3;"></div><span class="Intcolor">Sheer Gray w/Jet Black Accents</span></div>
<div class="transmission">Automatic</div>
<div class="fuel">Gasoline</div>
<div class="engine">EcoTec3 6.2L V8 420hp 460ft. lbs.</div>
<div><span class="mileage">1,381 miles</span></div>
</div>
</div>
<div id="element-09b839d80c634df7a0a6b05832bf7da8" class="element-container element-type-customhtml kbb row" style="width: 100%; margin-top: 25px;">
<div class="customhtml"><div style="text-align: center;"><a href="https://www.bbb.org/phoenix/business-reviews/car-dealers/luxury-motorsports-in-phoenix-az-1000013827/#sealclick" rel="nofollow" target="_blank"><img alt="Luxury Motorsports BBB Business Review" src="https://seal-central-northern-western-arizona.bbb.org/seals/blue-seal-153-100-bbb-1000013827.png" style="border: 0;" /></a></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-3" style="">
<div id="element-59055de514294b8d911b9324c9426fa5" class="element-container element-type-inventorylistprice row" style="width: 100%; ">
<div class="col-md-12 inventory-price-column" style="margin: 4px;">
<div class="palette-bg1 inventory-price-container" style="min-height: 63px;">
<div class="callforprice">Call for Price</div><div class="accent-color1 phonenumber" style="font-size: 16px;"><b>480-653-7599</b></div>
<div class="pricenote" style="padding-top: 5px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tr>
<tr>
<script>
//$( document ).ready(function() {
// debugger;
// var heights = $(".dynamic-col").map(function() {
// return $(this).height();
// }).get(),
// maxHeight = Math.max.apply(null, heights);
// $(".dynamic-col").height(maxHeight);
//});
</script>
<div class="col- dynamic-col infinite-panel ">
<div class="clearfix inventory-panel inv-luxury palette-bg2 vehicle accent-border2 lot-00" data-id="65f3d207b9b64bb592ddcd672e7bd0b7" data-displaytitle="2022 Chevrolet Camaro SS Coupe" data-displayprice="$" data-displaymake="Chevrolet"
data-displaytrim="SS" data-displaymodel="Camaro" data-displayyear="2022"
data-displayengine="6.2L V8 455hp 455ft. lbs." data-displaytransmission="6 Speed Manual" data-displaymileage="12066" data-displayextcolor="Blue"
data-displayintcolor="Black" data-displaydrivetrain="RWD" data-displayfuel="Gasoline" data-displayphoto="https://automanager.blob.core.windows.net/wmphotos/014560/65f3d207b9b64bb592ddcd672e7bd0b7/5c03216d2f_120.jpg">
<div class="row " id="row-68c2f8a3d7424a2b95f0fcd070b70ee7" class="page-content-row " >
<div class="col-lg-12 col-md-12 col-sm-12 element-container-0" style="">
<div id="element-5964e00c42ad41d999f8219bad6ac96a" class="element-container element-type-inventorylisttitle row" style="width: 100%; ">
<div class="vehicle-label">
<div class="pull-left accent-color2 inventory-special-heading">
Featured
</div>
<div style="margin-top: -5px;">
<a class="accent-color1" href="https://www.luxurymotorsports.us/vehicle-details/2022-chevrolet-camaro-ss-coupe-65f3d207b9b64bb592ddcd672e7bd0b7" title="2022 Chevrolet Camaro SS Coupe" target="_self">2022 Chevrolet Camaro SS Coupe</a>
</div>
</div>
</div>
<div id="element-ea1ea3537b734624b1f303028e770bd2" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div class="tagline-container"></span><div style="text-align:left"><b></b></div></div>
</div>
</div>
</div>
</div>
<div class="row " id="row-00b17535e2a0411492ceff847790dcab" class="page-content-row " >
<div class="col-lg-3 col-md-3 col-sm-3 element-container-0" style="Padding:0">
<div id="element-4c005e21aad64538bb2b4b9bf2f0c905" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2022-chevrolet-camaro-ss-coupe-65f3d207b9b64bb592ddcd672e7bd0b7" title="2022 Chevrolet Camaro SS " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/65f3d207b9b64bb592ddcd672e7bd0b7/5c03216d2f_400.jpg" alt="2022 Chevrolet Camaro SS " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
<img loading="lazy" class="img-2 dynamic-img" style="width: 100%;" src="https://automanager.blob.core.windows.net/wmphotos/014560/65f3d207b9b64bb592ddcd672e7bd0b7/eb75a73b7f_400.jpg" alt="2022 Chevrolet Camaro SS ">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="65f3d207b9b64bb592ddcd672e7bd0b7" data-useoverlay="True" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=65f3d207b9b64bb592ddcd672e7bd0b7" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
<div id="element-10a969457b0f4af198abdbd24fc66253" class="element-container element-type-customhtml row" style="width: 100%; margin-top: 5px; display:none;">
<div class="customhtml"><div class="element-container element-type-libraryimage"><img alt="CarGurus-Top-Dealer" class="center-block img-responsive" src="https://automanager.blob.core.windows.net/wmclients/014560/images/carg2-1.png" /></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-1" style="Padding:0">
<div id="element-81dcfeb3d878405c8acd213c50ef3ecd" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2022-chevrolet-camaro-ss-coupe-65f3d207b9b64bb592ddcd672e7bd0b7" title="2022 Chevrolet Camaro SS " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/65f3d207b9b64bb592ddcd672e7bd0b7/eb75a73b7f_400.jpg" alt="2022 Chevrolet Camaro SS " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="65f3d207b9b64bb592ddcd672e7bd0b7" data-useoverlay="False" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=65f3d207b9b64bb592ddcd672e7bd0b7" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-2" style="">
<div id="element-5c876e74196d4907b94017613ea9d50a" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><span class="vin">1G1FE1R79N0134989</span></div>
<div><span class="stocknumber">1010</span></div>
</div>
</div>
<div id="element-5b22c8bd34034b53bba32b5ab3f09a7c" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #008ee2;"></div><span class="Extcolor">Rapid Blue</span></div>
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #282828;"></div><span class="Intcolor">Jet Black</span></div>
<div class="transmission">6 Speed Manual</div>
<div class="fuel">Gasoline</div>
<div class="engine">6.2L V8 455hp 455ft. lbs.</div>
<div><span class="mileage">12,066 miles</span></div>
</div>
</div>
<div id="element-09b839d80c634df7a0a6b05832bf7da8" class="element-container element-type-customhtml kbb row" style="width: 100%; margin-top: 25px;">
<div class="customhtml"><div style="text-align: center;"><a href="https://www.bbb.org/phoenix/business-reviews/car-dealers/luxury-motorsports-in-phoenix-az-1000013827/#sealclick" rel="nofollow" target="_blank"><img alt="Luxury Motorsports BBB Business Review" src="https://seal-central-northern-western-arizona.bbb.org/seals/blue-seal-153-100-bbb-1000013827.png" style="border: 0;" /></a></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-3" style="">
<div id="element-59055de514294b8d911b9324c9426fa5" class="element-container element-type-inventorylistprice row" style="width: 100%; ">
<div class="col-md-12 inventory-price-column" style="margin: 4px;">
<div class="palette-bg1 inventory-price-container" style="min-height: 63px;">
<div class="callforprice">Call for Price</div><div class="accent-color1 phonenumber" style="font-size: 16px;"><b>480-653-7599</b></div>
<div class="pricenote" style="padding-top: 5px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tr>
<tr>
<script>
//$( document ).ready(function() {
// debugger;
// var heights = $(".dynamic-col").map(function() {
// return $(this).height();
// }).get(),
// maxHeight = Math.max.apply(null, heights);
// $(".dynamic-col").height(maxHeight);
//});
</script>
<div class="col- dynamic-col infinite-panel ">
<div class="clearfix inventory-panel inv-luxury palette-bg2 vehicle accent-border2 lot-00" data-id="900fd743ac8a49ba858a938136f4eecd" data-displaytitle="2025 Chevrolet Corvette Stingray Convertible" data-displayprice="$" data-displaymake="Chevrolet"
data-displaytrim="Stingray" data-displaymodel="Corvette" data-displayyear="2025"
data-displayengine="6.2L V8 490hp 465ft. lbs." data-displaytransmission="8Speed Double Clutch" data-displaymileage="861" data-displayextcolor="Gray"
data-displayintcolor="Black" data-displaydrivetrain="RWD" data-displayfuel="Gasoline" data-displayphoto="https://automanager.blob.core.windows.net/wmphotos/014560/900fd743ac8a49ba858a938136f4eecd/8bd99c609f_120.jpg">
<div class="row " id="row-68c2f8a3d7424a2b95f0fcd070b70ee7" class="page-content-row " >
<div class="col-lg-12 col-md-12 col-sm-12 element-container-0" style="">
<div id="element-5964e00c42ad41d999f8219bad6ac96a" class="element-container element-type-inventorylisttitle row" style="width: 100%; ">
<div class="vehicle-label">
<div class="pull-left accent-color2 inventory-special-heading">
Featured
</div>
<div style="margin-top: -5px;">
<a class="accent-color1" href="https://www.luxurymotorsports.us/vehicle-details/2025-chevrolet-corvette-stingray-convertible-900fd743ac8a49ba858a938136f4eecd" title="2025 Chevrolet Corvette Stingray Convertible" target="_self">2025 Chevrolet Corvette Stingray Convertible</a>
</div>
</div>
</div>
<div id="element-ea1ea3537b734624b1f303028e770bd2" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div class="tagline-container"></span><div style="text-align:left"><b></b></div></div>
</div>
</div>
</div>
</div>
<div class="row " id="row-00b17535e2a0411492ceff847790dcab" class="page-content-row " >
<div class="col-lg-3 col-md-3 col-sm-3 element-container-0" style="Padding:0">
<div id="element-4c005e21aad64538bb2b4b9bf2f0c905" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2025-chevrolet-corvette-stingray-convertible-900fd743ac8a49ba858a938136f4eecd" title="2025 Chevrolet Corvette Stingray " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/900fd743ac8a49ba858a938136f4eecd/8bd99c609f_400.jpg" alt="2025 Chevrolet Corvette Stingray " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
<img loading="lazy" class="img-2 dynamic-img" style="width: 100%;" src="https://automanager.blob.core.windows.net/wmphotos/014560/900fd743ac8a49ba858a938136f4eecd/903f1fb088_400.jpg" alt="2025 Chevrolet Corvette Stingray ">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="900fd743ac8a49ba858a938136f4eecd" data-useoverlay="True" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=900fd743ac8a49ba858a938136f4eecd" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
<div id="element-10a969457b0f4af198abdbd24fc66253" class="element-container element-type-customhtml row" style="width: 100%; margin-top: 5px; display:none;">
<div class="customhtml"><div class="element-container element-type-libraryimage"><img alt="CarGurus-Top-Dealer" class="center-block img-responsive" src="https://automanager.blob.core.windows.net/wmclients/014560/images/carg2-1.png" /></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-1" style="Padding:0">
<div id="element-81dcfeb3d878405c8acd213c50ef3ecd" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2025-chevrolet-corvette-stingray-convertible-900fd743ac8a49ba858a938136f4eecd" title="2025 Chevrolet Corvette Stingray " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/900fd743ac8a49ba858a938136f4eecd/903f1fb088_400.jpg" alt="2025 Chevrolet Corvette Stingray " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="900fd743ac8a49ba858a938136f4eecd" data-useoverlay="False" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=900fd743ac8a49ba858a938136f4eecd" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-2" style="">
<div id="element-5c876e74196d4907b94017613ea9d50a" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><span class="vin">1G1YB3D4XS5105025</span></div>
<div><span class="stocknumber">1014</span></div>
</div>
</div>
<div id="element-5b22c8bd34034b53bba32b5ab3f09a7c" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #7e7f84;"></div><span class="Extcolor">Sea Wolf Gray Tricoat</span></div>
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #050505;"></div><span class="Intcolor">Jet Black</span></div>
<div class="transmission">8Speed Double Clutch</div>
<div class="fuel">Gasoline</div>
<div class="engine">6.2L V8 490hp 465ft. lbs.</div>
<div><span class="mileage">861 miles</span></div>
</div>
</div>
<div id="element-09b839d80c634df7a0a6b05832bf7da8" class="element-container element-type-customhtml kbb row" style="width: 100%; margin-top: 25px;">
<div class="customhtml"><div style="text-align: center;"><a href="https://www.bbb.org/phoenix/business-reviews/car-dealers/luxury-motorsports-in-phoenix-az-1000013827/#sealclick" rel="nofollow" target="_blank"><img alt="Luxury Motorsports BBB Business Review" src="https://seal-central-northern-western-arizona.bbb.org/seals/blue-seal-153-100-bbb-1000013827.png" style="border: 0;" /></a></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-3" style="">
<div id="element-59055de514294b8d911b9324c9426fa5" class="element-container element-type-inventorylistprice row" style="width: 100%; ">
<div class="col-md-12 inventory-price-column" style="margin: 4px;">
<div class="palette-bg1 inventory-price-container" style="min-height: 63px;">
<div class="callforprice">Call for Price</div><div class="accent-color1 phonenumber" style="font-size: 16px;"><b>480-653-7599</b></div>
<div class="pricenote" style="padding-top: 5px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tr>
<tr>
<script>
//$( document ).ready(function() {
// debugger;
// var heights = $(".dynamic-col").map(function() {
// return $(this).height();
// }).get(),
// maxHeight = Math.max.apply(null, heights);
// $(".dynamic-col").height(maxHeight);
//});
</script>
<div class="col- dynamic-col infinite-panel ">
<div class="clearfix inventory-panel inv-luxury palette-bg2 vehicle accent-border2 lot-00" data-id="b9fd3f7ed29248ef9a9356ebdf268fad" data-displaytitle="2022 Chevrolet Silverado 1500 RST Truck" data-displayprice="$" data-displaymake="Chevrolet"
data-displaytrim="RST" data-displaymodel="Silverado 1500" data-displayyear="2022"
data-displayengine="Duramax 3.0L Diesel Turbo I6 277hp 460ft. lbs." data-displaytransmission="Automatic" data-displaymileage="45171" data-displayextcolor="Black"
data-displayintcolor="Black" data-displaydrivetrain="4WD" data-displayfuel="Diesel" data-displayphoto="https://automanager.blob.core.windows.net/wmphotos/014560/b9fd3f7ed29248ef9a9356ebdf268fad/744aa13920_120.jpg">
<div class="row " id="row-68c2f8a3d7424a2b95f0fcd070b70ee7" class="page-content-row " >
<div class="col-lg-12 col-md-12 col-sm-12 element-container-0" style="">
<div id="element-5964e00c42ad41d999f8219bad6ac96a" class="element-container element-type-inventorylisttitle row" style="width: 100%; ">
<div class="vehicle-label">
<div class="pull-left accent-color2 inventory-special-heading">
Featured
</div>
<div style="margin-top: -5px;">
<a class="accent-color1" href="https://www.luxurymotorsports.us/vehicle-details/2022-chevrolet-silverado-1500-rst-truck-b9fd3f7ed29248ef9a9356ebdf268fad" title="2022 Chevrolet Silverado 1500 RST Truck" target="_self">2022 Chevrolet Silverado 1500 RST Truck</a>
</div>
</div>
</div>
<div id="element-ea1ea3537b734624b1f303028e770bd2" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div class="tagline-container"></span><div style="text-align:left"><b></b></div></div>
</div>
</div>
</div>
</div>
<div class="row " id="row-00b17535e2a0411492ceff847790dcab" class="page-content-row " >
<div class="col-lg-3 col-md-3 col-sm-3 element-container-0" style="Padding:0">
<div id="element-4c005e21aad64538bb2b4b9bf2f0c905" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2022-chevrolet-silverado-1500-rst-truck-b9fd3f7ed29248ef9a9356ebdf268fad" title="2022 Chevrolet Silverado 1500 RST " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/b9fd3f7ed29248ef9a9356ebdf268fad/744aa13920_400.jpg" alt="2022 Chevrolet Silverado 1500 RST " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
<img loading="lazy" class="img-2 dynamic-img" style="width: 100%;" src="https://automanager.blob.core.windows.net/wmphotos/014560/b9fd3f7ed29248ef9a9356ebdf268fad/da09b735d5_400.jpg" alt="2022 Chevrolet Silverado 1500 RST ">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="b9fd3f7ed29248ef9a9356ebdf268fad" data-useoverlay="True" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=b9fd3f7ed29248ef9a9356ebdf268fad" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
<div id="element-10a969457b0f4af198abdbd24fc66253" class="element-container element-type-customhtml row" style="width: 100%; margin-top: 5px; display:none;">
<div class="customhtml"><div class="element-container element-type-libraryimage"><img alt="CarGurus-Top-Dealer" class="center-block img-responsive" src="https://automanager.blob.core.windows.net/wmclients/014560/images/carg2-1.png" /></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-1" style="Padding:0">
<div id="element-81dcfeb3d878405c8acd213c50ef3ecd" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2022-chevrolet-silverado-1500-rst-truck-b9fd3f7ed29248ef9a9356ebdf268fad" title="2022 Chevrolet Silverado 1500 RST " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/b9fd3f7ed29248ef9a9356ebdf268fad/da09b735d5_400.jpg" alt="2022 Chevrolet Silverado 1500 RST " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="b9fd3f7ed29248ef9a9356ebdf268fad" data-useoverlay="False" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=b9fd3f7ed29248ef9a9356ebdf268fad" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-2" style="">
<div id="element-5c876e74196d4907b94017613ea9d50a" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><span class="vin">3GCUDEET3NG679416</span></div>
<div><span class="stocknumber">1007</span></div>
</div>
</div>
<div id="element-5b22c8bd34034b53bba32b5ab3f09a7c" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #282828;"></div><span class="Extcolor">Black</span></div>
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #050505;"></div><span class="Intcolor">Jet Black</span></div>
<div class="transmission">Automatic</div>
<div class="fuel">Diesel</div>
<div class="engine">Duramax 3.0L Diesel Turbo I6 277hp 460ft. lbs.</div>
<div><span class="mileage">45,171 miles</span></div>
</div>
</div>
<div id="element-09b839d80c634df7a0a6b05832bf7da8" class="element-container element-type-customhtml kbb row" style="width: 100%; margin-top: 25px;">
<div class="customhtml"><div style="text-align: center;"><a href="https://www.bbb.org/phoenix/business-reviews/car-dealers/luxury-motorsports-in-phoenix-az-1000013827/#sealclick" rel="nofollow" target="_blank"><img alt="Luxury Motorsports BBB Business Review" src="https://seal-central-northern-western-arizona.bbb.org/seals/blue-seal-153-100-bbb-1000013827.png" style="border: 0;" /></a></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-3" style="">
<div id="element-59055de514294b8d911b9324c9426fa5" class="element-container element-type-inventorylistprice row" style="width: 100%; ">
<div class="col-md-12 inventory-price-column" style="margin: 4px;">
<div class="palette-bg1 inventory-price-container" style="min-height: 63px;">
<div class="callforprice">Call for Price</div><div class="accent-color1 phonenumber" style="font-size: 16px;"><b>480-653-7599</b></div>
<div class="pricenote" style="padding-top: 5px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tr>
<tr>
<script>
//$( document ).ready(function() {
// debugger;
// var heights = $(".dynamic-col").map(function() {
// return $(this).height();
// }).get(),
// maxHeight = Math.max.apply(null, heights);
// $(".dynamic-col").height(maxHeight);
//});
</script>
<div class="col- dynamic-col infinite-panel ">
<div class="clearfix inventory-panel inv-luxury palette-bg2 vehicle accent-border2 lot-00" data-id="1c9969d0a28c403f92708b96527871f6" data-displaytitle="2021 Chevrolet Tahoe Z71 SUV" data-displayprice="$" data-displaymake="Chevrolet"
data-displaytrim="Z71" data-displaymodel="Tahoe" data-displayyear="2021"
data-displayengine="EcoTec3 5.3L V8 355hp 383ft. lbs." data-displaytransmission="Automatic" data-displaymileage="56302" data-displayextcolor="Tan"
data-displayintcolor="Black" data-displaydrivetrain="4WD" data-displayfuel="Gasoline" data-displayphoto="https://automanager.blob.core.windows.net/wmphotos/014560/1c9969d0a28c403f92708b96527871f6/8783e19ee3_120.jpg">
<div class="row " id="row-68c2f8a3d7424a2b95f0fcd070b70ee7" class="page-content-row " >
<div class="col-lg-12 col-md-12 col-sm-12 element-container-0" style="">
<div id="element-5964e00c42ad41d999f8219bad6ac96a" class="element-container element-type-inventorylisttitle row" style="width: 100%; ">
<div class="vehicle-label">
<div class="pull-left accent-color2 inventory-special-heading">
Featured
</div>
<div style="margin-top: -5px;">
<a class="accent-color1" href="https://www.luxurymotorsports.us/vehicle-details/2021-chevrolet-tahoe-z71-suv-1c9969d0a28c403f92708b96527871f6" title="2021 Chevrolet Tahoe Z71 SUV" target="_self">2021 Chevrolet Tahoe Z71 SUV</a>
</div>
</div>
</div>
<div id="element-ea1ea3537b734624b1f303028e770bd2" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div class="tagline-container"></span><div style="text-align:left"><b></b></div></div>
</div>
</div>
</div>
</div>
<div class="row " id="row-00b17535e2a0411492ceff847790dcab" class="page-content-row " >
<div class="col-lg-3 col-md-3 col-sm-3 element-container-0" style="Padding:0">
<div id="element-4c005e21aad64538bb2b4b9bf2f0c905" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2021-chevrolet-tahoe-z71-suv-1c9969d0a28c403f92708b96527871f6" title="2021 Chevrolet Tahoe Z71 " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/1c9969d0a28c403f92708b96527871f6/8783e19ee3_400.jpg" alt="2021 Chevrolet Tahoe Z71 " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
<img loading="lazy" class="img-2 dynamic-img" style="width: 100%;" src="https://automanager.blob.core.windows.net/wmphotos/014560/1c9969d0a28c403f92708b96527871f6/0d4de0f1f2_400.jpg" alt="2021 Chevrolet Tahoe Z71 ">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="1c9969d0a28c403f92708b96527871f6" data-useoverlay="True" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=1c9969d0a28c403f92708b96527871f6" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
<div id="element-10a969457b0f4af198abdbd24fc66253" class="element-container element-type-customhtml row" style="width: 100%; margin-top: 5px; display:none;">
<div class="customhtml"><div class="element-container element-type-libraryimage"><img alt="CarGurus-Top-Dealer" class="center-block img-responsive" src="https://automanager.blob.core.windows.net/wmclients/014560/images/carg2-1.png" /></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-1" style="Padding:0">
<div id="element-81dcfeb3d878405c8acd213c50ef3ecd" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2021-chevrolet-tahoe-z71-suv-1c9969d0a28c403f92708b96527871f6" title="2021 Chevrolet Tahoe Z71 " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/1c9969d0a28c403f92708b96527871f6/0d4de0f1f2_400.jpg" alt="2021 Chevrolet Tahoe Z71 " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="1c9969d0a28c403f92708b96527871f6" data-useoverlay="False" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=1c9969d0a28c403f92708b96527871f6" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-2" style="">
<div id="element-5c876e74196d4907b94017613ea9d50a" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><span class="vin">1GNSKPKD4MR112773</span></div>
<div><span class="stocknumber">1011</span></div>
</div>
</div>
<div id="element-5b22c8bd34034b53bba32b5ab3f09a7c" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #cfc6c1;"></div><span class="Extcolor">Empire Beige Metallic</span></div>
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #282828;"></div><span class="Intcolor">Jet Black</span></div>
<div class="transmission">Automatic</div>
<div class="fuel">Gasoline</div>
<div class="engine">EcoTec3 5.3L V8 355hp 383ft. lbs.</div>
<div><span class="mileage">56,302 miles</span></div>
</div>
</div>
<div id="element-09b839d80c634df7a0a6b05832bf7da8" class="element-container element-type-customhtml kbb row" style="width: 100%; margin-top: 25px;">
<div class="customhtml"><div style="text-align: center;"><a href="https://www.bbb.org/phoenix/business-reviews/car-dealers/luxury-motorsports-in-phoenix-az-1000013827/#sealclick" rel="nofollow" target="_blank"><img alt="Luxury Motorsports BBB Business Review" src="https://seal-central-northern-western-arizona.bbb.org/seals/blue-seal-153-100-bbb-1000013827.png" style="border: 0;" /></a></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-3" style="">
<div id="element-59055de514294b8d911b9324c9426fa5" class="element-container element-type-inventorylistprice row" style="width: 100%; ">
<div class="col-md-12 inventory-price-column" style="margin: 4px;">
<div class="palette-bg1 inventory-price-container" style="min-height: 63px;">
<div class="callforprice">Call for Price</div><div class="accent-color1 phonenumber" style="font-size: 16px;"><b>480-653-7599</b></div>
<div class="pricenote" style="padding-top: 5px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tr>
<tr>
<script>
//$( document ).ready(function() {
// debugger;
// var heights = $(".dynamic-col").map(function() {
// return $(this).height();
// }).get(),
// maxHeight = Math.max.apply(null, heights);
// $(".dynamic-col").height(maxHeight);
//});
</script>
<div class="col- dynamic-col infinite-panel ">
<div class="clearfix inventory-panel inv-luxury palette-bg2 vehicle accent-border2 lot-00" data-id="1afe175cd7ce44079de6e247b6fb1d4f" data-displaytitle="2019 Ferrari 488 GTB Coupe" data-displayprice="$" data-displaymake="Ferrari"
data-displaytrim="" data-displaymodel="Other" data-displayyear="2019"
data-displayengine="3.9L Twin Turbo V8 660hp 561ft. lbs." data-displaytransmission="7Speed Double Clutch" data-displaymileage="8111" data-displayextcolor="White"
data-displayintcolor="Red" data-displaydrivetrain="RWD" data-displayfuel="Gasoline" data-displayphoto="https://automanager.blob.core.windows.net/wmphotos/014560/1afe175cd7ce44079de6e247b6fb1d4f/1e970edca4_120.jpg">
<div class="row " id="row-68c2f8a3d7424a2b95f0fcd070b70ee7" class="page-content-row " >
<div class="col-lg-12 col-md-12 col-sm-12 element-container-0" style="">
<div id="element-5964e00c42ad41d999f8219bad6ac96a" class="element-container element-type-inventorylisttitle row" style="width: 100%; ">
<div class="vehicle-label">
<div class="pull-left accent-color2 inventory-special-heading">
Featured
</div>
<div style="margin-top: -5px;">
<a class="accent-color1" href="https://www.luxurymotorsports.us/vehicle-details/2019-ferrari-488-gtb-coupe-1afe175cd7ce44079de6e247b6fb1d4f" title="2019 Ferrari 488 GTB Coupe" target="_self">2019 Ferrari 488 GTB Coupe</a>
</div>
</div>
</div>
<div id="element-ea1ea3537b734624b1f303028e770bd2" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div class="tagline-container"></span><div style="text-align:left"><b></b></div></div>
</div>
</div>
</div>
</div>
<div class="row " id="row-00b17535e2a0411492ceff847790dcab" class="page-content-row " >
<div class="col-lg-3 col-md-3 col-sm-3 element-container-0" style="Padding:0">
<div id="element-4c005e21aad64538bb2b4b9bf2f0c905" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2019-ferrari-488-gtb-coupe-1afe175cd7ce44079de6e247b6fb1d4f" title="2019 Ferrari 488 GTB " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/1afe175cd7ce44079de6e247b6fb1d4f/1e970edca4_400.jpg" alt="2019 Ferrari 488 GTB " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
<img loading="lazy" class="img-2 dynamic-img" style="width: 100%;" src="https://automanager.blob.core.windows.net/wmphotos/014560/1afe175cd7ce44079de6e247b6fb1d4f/99c7d3dc3f_400.jpg" alt="2019 Ferrari 488 GTB ">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="1afe175cd7ce44079de6e247b6fb1d4f" data-useoverlay="True" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=1afe175cd7ce44079de6e247b6fb1d4f" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
<div id="element-10a969457b0f4af198abdbd24fc66253" class="element-container element-type-customhtml row" style="width: 100%; margin-top: 5px; display:none;">
<div class="customhtml"><div class="element-container element-type-libraryimage"><img alt="CarGurus-Top-Dealer" class="center-block img-responsive" src="https://automanager.blob.core.windows.net/wmclients/014560/images/carg2-1.png" /></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-1" style="Padding:0">
<div id="element-81dcfeb3d878405c8acd213c50ef3ecd" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2019-ferrari-488-gtb-coupe-1afe175cd7ce44079de6e247b6fb1d4f" title="2019 Ferrari 488 GTB " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/1afe175cd7ce44079de6e247b6fb1d4f/99c7d3dc3f_400.jpg" alt="2019 Ferrari 488 GTB " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="1afe175cd7ce44079de6e247b6fb1d4f" data-useoverlay="False" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=1afe175cd7ce44079de6e247b6fb1d4f" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-2" style="">
<div id="element-5c876e74196d4907b94017613ea9d50a" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><span class="vin">ZFF79ALA2K0245448</span></div>
<div><span class="stocknumber">1015</span></div>
</div>
</div>
<div id="element-5b22c8bd34034b53bba32b5ab3f09a7c" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #f2f1ec;"></div><span class="Extcolor">Bianco Avus</span></div>
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #882f1e;"></div><span class="Intcolor">Rosso Ferrari</span></div>
<div class="transmission">7Speed Double Clutch</div>
<div class="fuel">Gasoline</div>
<div class="engine">3.9L Twin Turbo V8 660hp 561ft. lbs.</div>
<div><span class="mileage">8,111 miles</span></div>
</div>
</div>
<div id="element-09b839d80c634df7a0a6b05832bf7da8" class="element-container element-type-customhtml kbb row" style="width: 100%; margin-top: 25px;">
<div class="customhtml"><div style="text-align: center;"><a href="https://www.bbb.org/phoenix/business-reviews/car-dealers/luxury-motorsports-in-phoenix-az-1000013827/#sealclick" rel="nofollow" target="_blank"><img alt="Luxury Motorsports BBB Business Review" src="https://seal-central-northern-western-arizona.bbb.org/seals/blue-seal-153-100-bbb-1000013827.png" style="border: 0;" /></a></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-3" style="">
<div id="element-59055de514294b8d911b9324c9426fa5" class="element-container element-type-inventorylistprice row" style="width: 100%; ">
<div class="col-md-12 inventory-price-column" style="margin: 4px;">
<div class="palette-bg1 inventory-price-container" style="min-height: 63px;">
<div class="callforprice">Call for Price</div><div class="accent-color1 phonenumber" style="font-size: 16px;"><b>480-653-7599</b></div>
<div class="pricenote" style="padding-top: 5px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tr>
<tr>
<script>
//$( document ).ready(function() {
// debugger;
// var heights = $(".dynamic-col").map(function() {
// return $(this).height();
// }).get(),
// maxHeight = Math.max.apply(null, heights);
// $(".dynamic-col").height(maxHeight);
//});
</script>
<div class="col- dynamic-col infinite-panel ">
<div class="clearfix inventory-panel inv-luxury palette-bg2 vehicle accent-border2 lot-00" data-id="947ab8e2af864c759f32244281d908bb" data-displaytitle="2017 Ford F-150 Crew Cab Lariat 4WD Truck" data-displayprice="$" data-displaymake="Ford"
data-displaytrim="Crew Cab Lariat 4WD" data-displaymodel="F-150" data-displayyear="2017"
data-displayengine="EcoBoost 3.5L Twin Turbo V6 375hp 470ft. lbs." data-displaytransmission="Automatic" data-displaymileage="117820" data-displayextcolor="White"
data-displayintcolor="Gray" data-displaydrivetrain="4WD" data-displayfuel="Gasoline" data-displayphoto="https://automanager.blob.core.windows.net/wmphotos/014560/947ab8e2af864c759f32244281d908bb/2471de7de6_120.jpg">
<div class="row " id="row-68c2f8a3d7424a2b95f0fcd070b70ee7" class="page-content-row " >
<div class="col-lg-12 col-md-12 col-sm-12 element-container-0" style="">
<div id="element-5964e00c42ad41d999f8219bad6ac96a" class="element-container element-type-inventorylisttitle row" style="width: 100%; ">
<div class="vehicle-label">
<div class="pull-left accent-color2 inventory-special-heading">
Featured
</div>
<div style="margin-top: -5px;">
<a class="accent-color1" href="https://www.luxurymotorsports.us/vehicle-details/2017-ford-f-150-crew-cab-lariat-4wd-truck-947ab8e2af864c759f32244281d908bb" title="2017 Ford F-150 Crew Cab Lariat 4WD Truck" target="_self">2017 Ford F-150 Crew Cab Lariat 4WD Truck</a>
</div>
</div>
</div>
<div id="element-ea1ea3537b734624b1f303028e770bd2" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div class="tagline-container"></span><div style="text-align:left"><b>2017 Ford F-150 Crew Cab Lariat 4WD .... Recent Trade In .... Great Buy</b></div></div>
</div>
</div>
</div>
</div>
<div class="row " id="row-00b17535e2a0411492ceff847790dcab" class="page-content-row " >
<div class="col-lg-3 col-md-3 col-sm-3 element-container-0" style="Padding:0">
<div id="element-4c005e21aad64538bb2b4b9bf2f0c905" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2017-ford-f-150-crew-cab-lariat-4wd-truck-947ab8e2af864c759f32244281d908bb" title="2017 Ford F-150 Crew Cab Lariat 4WD " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/947ab8e2af864c759f32244281d908bb/2471de7de6_400.jpg" alt="2017 Ford F-150 Crew Cab Lariat 4WD " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
<img loading="lazy" class="img-2 dynamic-img" style="width: 100%;" src="https://automanager.blob.core.windows.net/wmphotos/014560/947ab8e2af864c759f32244281d908bb/13e39de8d2_400.jpg" alt="2017 Ford F-150 Crew Cab Lariat 4WD ">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="947ab8e2af864c759f32244281d908bb" data-useoverlay="True" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=947ab8e2af864c759f32244281d908bb" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
<div id="element-10a969457b0f4af198abdbd24fc66253" class="element-container element-type-customhtml row" style="width: 100%; margin-top: 5px; display:none;">
<div class="customhtml"><div class="element-container element-type-libraryimage"><img alt="CarGurus-Top-Dealer" class="center-block img-responsive" src="https://automanager.blob.core.windows.net/wmclients/014560/images/carg2-1.png" /></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-1" style="Padding:0">
<div id="element-81dcfeb3d878405c8acd213c50ef3ecd" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2017-ford-f-150-crew-cab-lariat-4wd-truck-947ab8e2af864c759f32244281d908bb" title="2017 Ford F-150 Crew Cab Lariat 4WD " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/947ab8e2af864c759f32244281d908bb/13e39de8d2_400.jpg" alt="2017 Ford F-150 Crew Cab Lariat 4WD " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="947ab8e2af864c759f32244281d908bb" data-useoverlay="False" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=947ab8e2af864c759f32244281d908bb" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-2" style="">
<div id="element-5c876e74196d4907b94017613ea9d50a" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><span class="vin">1FTEW1EG6HKD25669</span></div>
<div><span class="stocknumber">17004</span></div>
</div>
</div>
<div id="element-5b22c8bd34034b53bba32b5ab3f09a7c" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #fefdff;"></div><span class="Extcolor">Oxford White</span></div>
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #888b89;"></div><span class="Intcolor">Medium Earth Gray</span></div>
<div class="transmission">Automatic</div>
<div class="fuel">Gasoline</div>
<div class="engine">EcoBoost 3.5L Twin Turbo V6 375hp 470ft. lbs.</div>
<div><span class="mileage">117,820 miles</span></div>
</div>
</div>
<div id="element-09b839d80c634df7a0a6b05832bf7da8" class="element-container element-type-customhtml kbb row" style="width: 100%; margin-top: 25px;">
<div class="customhtml"><div style="text-align: center;"><a href="https://www.bbb.org/phoenix/business-reviews/car-dealers/luxury-motorsports-in-phoenix-az-1000013827/#sealclick" rel="nofollow" target="_blank"><img alt="Luxury Motorsports BBB Business Review" src="https://seal-central-northern-western-arizona.bbb.org/seals/blue-seal-153-100-bbb-1000013827.png" style="border: 0;" /></a></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-3" style="">
<div id="element-59055de514294b8d911b9324c9426fa5" class="element-container element-type-inventorylistprice row" style="width: 100%; ">
<div class="col-md-12 inventory-price-column" style="margin: 4px;">
<div class="palette-bg1 inventory-price-container" style="min-height: 63px;">
<div class="pricelabel askingpricelabel">Retail Price</div><div class="pricevalue1 accent-color2"style=""><b><span class="currency-symbol">$</span>27,988</b></div>
<div class="pricelabel internetpricelabel">Internet Price</div><div class="pricevalue1 accent-color1"style="font-size: 20px;"><b><span class="currency-symbol">$</span>22,700</b></div>
<div class="pricenote" style="padding-top: 5px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tr>
<tr>
<script>
//$( document ).ready(function() {
// debugger;
// var heights = $(".dynamic-col").map(function() {
// return $(this).height();
// }).get(),
// maxHeight = Math.max.apply(null, heights);
// $(".dynamic-col").height(maxHeight);
//});
</script>
<div class="col- dynamic-col infinite-panel ">
<div class="clearfix inventory-panel inv-luxury palette-bg2 vehicle accent-border2 lot-00" data-id="3923902b22064172b4ba480cb87b0b26" data-displaytitle="2023 Ford F-150 Raptor Truck" data-displayprice="$" data-displaymake="Ford"
data-displaytrim="Raptor" data-displaymodel="F-150" data-displayyear="2023"
data-displayengine="EcoBoost 3.5L Twin Turbo V6 450hp 510ft. lbs." data-displaytransmission="Automatic" data-displaymileage="9155" data-displayextcolor=""
data-displayintcolor="" data-displaydrivetrain="4WD" data-displayfuel="Gasoline" data-displayphoto="https://automanager.blob.core.windows.net/wmphotos/014560/3923902b22064172b4ba480cb87b0b26/d95ebcb08d_120.jpg">
<div class="row " id="row-68c2f8a3d7424a2b95f0fcd070b70ee7" class="page-content-row " >
<div class="col-lg-12 col-md-12 col-sm-12 element-container-0" style="">
<div id="element-5964e00c42ad41d999f8219bad6ac96a" class="element-container element-type-inventorylisttitle row" style="width: 100%; ">
<div class="vehicle-label">
<div class="pull-left accent-color2 inventory-special-heading">
Featured
</div>
<div style="margin-top: -5px;">
<a class="accent-color1" href="https://www.luxurymotorsports.us/vehicle-details/2023-ford-f-150-raptor-truck-3923902b22064172b4ba480cb87b0b26" title="2023 Ford F-150 Raptor Truck" target="_self">2023 Ford F-150 Raptor Truck</a>
</div>
</div>
</div>
<div id="element-ea1ea3537b734624b1f303028e770bd2" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div class="tagline-container"></span><div style="text-align:left"><b></b></div></div>
</div>
</div>
</div>
</div>
<div class="row " id="row-00b17535e2a0411492ceff847790dcab" class="page-content-row " >
<div class="col-lg-3 col-md-3 col-sm-3 element-container-0" style="Padding:0">
<div id="element-4c005e21aad64538bb2b4b9bf2f0c905" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2023-ford-f-150-raptor-truck-3923902b22064172b4ba480cb87b0b26" title="2023 Ford F-150 Raptor " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/3923902b22064172b4ba480cb87b0b26/d95ebcb08d_400.jpg" alt="2023 Ford F-150 Raptor " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
<img loading="lazy" class="img-2 dynamic-img" style="width: 100%;" src="https://automanager.blob.core.windows.net/wmphotos/014560/3923902b22064172b4ba480cb87b0b26/9bf0fa5f88_400.jpg" alt="2023 Ford F-150 Raptor ">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="3923902b22064172b4ba480cb87b0b26" data-useoverlay="True" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=3923902b22064172b4ba480cb87b0b26" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
<div id="element-10a969457b0f4af198abdbd24fc66253" class="element-container element-type-customhtml row" style="width: 100%; margin-top: 5px; display:none;">
<div class="customhtml"><div class="element-container element-type-libraryimage"><img alt="CarGurus-Top-Dealer" class="center-block img-responsive" src="https://automanager.blob.core.windows.net/wmclients/014560/images/carg2-1.png" /></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-1" style="Padding:0">
<div id="element-81dcfeb3d878405c8acd213c50ef3ecd" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2023-ford-f-150-raptor-truck-3923902b22064172b4ba480cb87b0b26" title="2023 Ford F-150 Raptor " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/3923902b22064172b4ba480cb87b0b26/9bf0fa5f88_400.jpg" alt="2023 Ford F-150 Raptor " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="3923902b22064172b4ba480cb87b0b26" data-useoverlay="False" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=3923902b22064172b4ba480cb87b0b26" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-2" style="">
<div id="element-5c876e74196d4907b94017613ea9d50a" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><span class="vin">1FTFW1RG9PFD24120</span></div>
<div><span class="stocknumber">1016</span></div>
</div>
</div>
<div id="element-5b22c8bd34034b53bba32b5ab3f09a7c" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #000000;"></div><span class="Extcolor"></span></div>
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #000000;"></div><span class="Intcolor"></span></div>
<div class="transmission">Automatic</div>
<div class="fuel">Gasoline</div>
<div class="engine">EcoBoost 3.5L Twin Turbo V6 450hp 510ft. lbs.</div>
<div><span class="mileage">9,155 miles</span></div>
</div>
</div>
<div id="element-09b839d80c634df7a0a6b05832bf7da8" class="element-container element-type-customhtml kbb row" style="width: 100%; margin-top: 25px;">
<div class="customhtml"><div style="text-align: center;"><a href="https://www.bbb.org/phoenix/business-reviews/car-dealers/luxury-motorsports-in-phoenix-az-1000013827/#sealclick" rel="nofollow" target="_blank"><img alt="Luxury Motorsports BBB Business Review" src="https://seal-central-northern-western-arizona.bbb.org/seals/blue-seal-153-100-bbb-1000013827.png" style="border: 0;" /></a></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-3" style="">
<div id="element-59055de514294b8d911b9324c9426fa5" class="element-container element-type-inventorylistprice row" style="width: 100%; ">
<div class="col-md-12 inventory-price-column" style="margin: 4px;">
<div class="palette-bg1 inventory-price-container" style="min-height: 63px;">
<div class="callforprice">Call for Price</div><div class="accent-color1 phonenumber" style="font-size: 16px;"><b>480-653-7599</b></div>
<div class="pricenote" style="padding-top: 5px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tr>
<tr>
<script>
//$( document ).ready(function() {
// debugger;
// var heights = $(".dynamic-col").map(function() {
// return $(this).height();
// }).get(),
// maxHeight = Math.max.apply(null, heights);
// $(".dynamic-col").height(maxHeight);
//});
</script>
<div class="col- dynamic-col infinite-panel ">
<div class="clearfix inventory-panel inv-luxury palette-bg2 vehicle accent-border2 lot-00" data-id="193d62b5a91b45d5bab4497825c55172" data-displaytitle="2021 Ford F-350 Super Duty Platinum Truck" data-displayprice="$" data-displaymake="Ford"
data-displaytrim="Platinum" data-displaymodel="Other" data-displayyear="2021"
data-displayengine="Power Stroke 6.7L Biodiesel Turbo V8 475hp 1050ft." data-displaytransmission="Automatic" data-displaymileage="54705" data-displayextcolor="Black"
data-displayintcolor="Black" data-displaydrivetrain="4WD" data-displayfuel="Diesel" data-displayphoto="https://automanager.blob.core.windows.net/wmphotos/014560/193d62b5a91b45d5bab4497825c55172/d6cb76bb85_120.jpg">
<div class="row " id="row-68c2f8a3d7424a2b95f0fcd070b70ee7" class="page-content-row " >
<div class="col-lg-12 col-md-12 col-sm-12 element-container-0" style="">
<div id="element-5964e00c42ad41d999f8219bad6ac96a" class="element-container element-type-inventorylisttitle row" style="width: 100%; ">
<div class="vehicle-label">
<div class="pull-left accent-color2 inventory-special-heading">
Featured
</div>
<div style="margin-top: -5px;">
<a class="accent-color1" href="https://www.luxurymotorsports.us/vehicle-details/2021-ford-f-350-super-duty-platinum-truck-193d62b5a91b45d5bab4497825c55172" title="2021 Ford F-350 Super Duty Platinum Truck" target="_self">2021 Ford F-350 Super Duty Platinum Truck</a>
</div>
</div>
</div>
<div id="element-ea1ea3537b734624b1f303028e770bd2" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div class="tagline-container"></span><div style="text-align:left"><b></b></div></div>
</div>
</div>
</div>
</div>
<div class="row " id="row-00b17535e2a0411492ceff847790dcab" class="page-content-row " >
<div class="col-lg-3 col-md-3 col-sm-3 element-container-0" style="Padding:0">
<div id="element-4c005e21aad64538bb2b4b9bf2f0c905" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2021-ford-f-350-super-duty-platinum-truck-193d62b5a91b45d5bab4497825c55172" title="2021 Ford F-350 Super Duty Platinum " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/193d62b5a91b45d5bab4497825c55172/d6cb76bb85_400.jpg" alt="2021 Ford F-350 Super Duty Platinum " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
<img loading="lazy" class="img-2 dynamic-img" style="width: 100%;" src="https://automanager.blob.core.windows.net/wmphotos/014560/193d62b5a91b45d5bab4497825c55172/09f76bc6de_400.jpg" alt="2021 Ford F-350 Super Duty Platinum ">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="193d62b5a91b45d5bab4497825c55172" data-useoverlay="True" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=193d62b5a91b45d5bab4497825c55172" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
<div id="element-10a969457b0f4af198abdbd24fc66253" class="element-container element-type-customhtml row" style="width: 100%; margin-top: 5px; display:none;">
<div class="customhtml"><div class="element-container element-type-libraryimage"><img alt="CarGurus-Top-Dealer" class="center-block img-responsive" src="https://automanager.blob.core.windows.net/wmclients/014560/images/carg2-1.png" /></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-1" style="Padding:0">
<div id="element-81dcfeb3d878405c8acd213c50ef3ecd" class="element-container element-type-inventorylistthumbnail row" style="width: 100%; ">
<div class="palette-bg1 inventory-photo-column col-sm-12">
<div class="row">
<div class="col-xs-12" style="padding: 2px">
<div class="image">
<a class="inventory-photo" href="https://www.luxurymotorsports.us/vehicle-details/2021-ford-f-350-super-duty-platinum-truck-193d62b5a91b45d5bab4497825c55172" title="2021 Ford F-350 Super Duty Platinum " target="_self">
<img class="dynamic-img" style="width: 100%;" loading="lazy" src="https://automanager.blob.core.windows.net/wmphotos/014560/193d62b5a91b45d5bab4497825c55172/09f76bc6de_400.jpg" alt="2021 Ford F-350 Super Duty Platinum " onerror="this.onerror=null;this.src='https://automanagerprodcdn.azureedge.net/wmcontent/clients/images/comingsoon_355.gif';">
</a>
</div>
</div>
</div>
<div class="clearfix" style="padding: 4px 2px 2px 2px;">
<div class="pull-left" style="margin-right: 15px;">
<i class="fa fa-camera accent-color1"></i>
<a class="photo-button" role="button" data-vehicle="193d62b5a91b45d5bab4497825c55172" data-useoverlay="False" data-overlayvalue="">
View Photos
</a>
</div>
<div class="pull-right" style="margin-right: 15px;">
<i class="fa fa-video-camera accent-color1"></i>
<a data-fancybox data-type="iframe" role="button" class="fancybox-video" data-src="https://clients.automanager.com/scripts/autovideo.aspx?VID=193d62b5a91b45d5bab4497825c55172" href="javascript:;">
View Video
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-2" style="">
<div id="element-5c876e74196d4907b94017613ea9d50a" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><span class="vin">1FT8W3BT3MEC41473</span></div>
<div><span class="stocknumber">1012</span></div>
</div>
</div>
<div id="element-5b22c8bd34034b53bba32b5ab3f09a7c" class="element-container element-type-inventorylistdata row" style="width: 100%; ">
<div class="inventory-details" >
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #010101;"></div><span class="Extcolor">Agate Black</span></div>
<div><div class="palette-border" style="float: left; width: 15px; height: 15px; margin: 1px 5px 1px 0px; background-color: #010101;"></div><span class="Intcolor">Black</span></div>
<div class="transmission">Automatic</div>
<div class="fuel">Diesel</div>
<div class="engine">Power Stroke 6.7L Biodiesel Turbo V8 475hp 1050ft.</div>
<div><span class="mileage">54,705 miles</span></div>
</div>
</div>
<div id="element-09b839d80c634df7a0a6b05832bf7da8" class="element-container element-type-customhtml kbb row" style="width: 100%; margin-top: 25px;">
<div class="customhtml"><div style="text-align: center;"><a href="https://www.bbb.org/phoenix/business-reviews/car-dealers/luxury-motorsports-in-phoenix-az-1000013827/#sealclick" rel="nofollow" target="_blank"><img alt="Luxury Motorsports BBB Business Review" src="https://seal-central-northern-western-arizona.bbb.org/seals/blue-seal-153-100-bbb-1000013827.png" style="border: 0;" /></a></div></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 element-container-3" style="">
<div id="element-59055de514294b8d911b9324c9426fa5" class="element-container element-type-inventorylistprice row" style="width: 100%; ">
<div class="col-md-12 inventory-price-column" style="margin: 4px;">
<div class="palette-bg1 inventory-price-container" style="min-height: 63px;">
<div class="callforprice">Call for Price</div><div class="accent-color1 phonenumber" style="font-size: 16px;"><b>480-653-7599</b></div>
<div class="pricenote" style="padding-top: 5px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tr>
</div>
</div>
<div class="scroller-status">
<div class="infinite-scroll-request loader-ellips-infinite-list">
<span class="loader-ellips__dot-infinite-list"></span>
<span class="loader-ellips__dot-infinite-list"></span>
<span class="loader-ellips__dot-infinite-list"></span>
<span class="loader-ellips__dot-infinite-list"></span>
</div>
<p class="infinite-scroll-last"></p>
<p class="infinite-scroll-error"></p>
</div>
</div>
<div class="view-all-inventory">
</div>
</div>
<div class="palette-bg2 inventory-header clearfix">
<div class="pull-right clearfix">
<div class="pull-left" style="padding: 4px 0; margin-right: 10px;">
</div>
</div>
</div>
<script>
document.querySelectorAll('.interest').forEach((element) => {
element.addEventListener('click', function (event) {
event.preventDefault();
document.getElementById('8e69d2ea647a442d80f71d14c5004c81_Message').value = this.textContent;
});
});
function updateMessage(interest) {
var msgBox = document.getElementById('8e69d2ea647a442d80f71d14c5004c81_Message');
msgBox.value += interest + '\n';
}
</script>
<script>
function addMessage(message, element) {
var msgBox = document.getElementById('8e69d2ea647a442d80f71d14c5004c81_Message');
msgBox.value = message + '\n';
var buttons = document.getElementsByClassName('btn-circle');
for (var i = 0; i < buttons.length; i++) {
buttons[i].classList.remove('accent-bg1');
}
// Add accent-bg1 to the clicked button
element.classList.add('accent-bg1');
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
$('.btn-check-availability').on('click',
function (e) {
var photoUrl = $(e.currentTarget).data('photo');
var vin = $(e.currentTarget).data('vin');
var stock = $(e.currentTarget).data('stock');
var title = $(e.currentTarget).data('title');
var modalLabel = $(e.currentTarget).data('modallabel');
if (modalLabel && modalLabel !== '')
$('#checkAvailabilityModalLabel').html(modalLabel);
$('#VehiclePhoto').html("<img width=\"100\" height=\"75\" src=\"" + photoUrl + "\">");
$('#vehicleInfo').html("<div class=\"palette-heading1 accent-color1\">" + title + "</div><table><tr><td class=\"accent-color2\" style=\"padding-right: 10px;\"><b>VIN:</b></td><td>" + vin + "</td></tr><tr><td class=\"accent-color2\" style=\"padding-right: 10px;\"><b>Stock #:</b></td><td>" + stock + "</td></tr></table>");
});
});
</script>
<style>
.contact-details, .interested-in {
text-align: center;
margin-bottom: 20px;
}
.phone-number {
display: block;
font-size: 1.4em;
color: #333;
text-decoration: none;
font-weight: bold;
margin-bottom: 10px;
}
.btn-circle {
border-radius: 16px;
padding: 10px;
font-size: 12px;
line-height: 1.33;
text-align: center;
word-wrap: break-word;
}
.address {
display: block;
font-size: 1.2em;
color: #666;
text-decoration: none;
}
.interested-in {
margin-top: 20px;
}
.interested-in h3 {
font-size: 1.3em;
color: #333;
margin-bottom: 10px;
}
.interested-in ul {
list-style-type: none;
padding: 0;
}
.interested-in ul li {
margin-bottom: 10px;
}
.interested-in ul li a {
color: #666;
text-decoration: none;
}
.interested-in ul li a:hover {
color: #333;
text-decoration: underline;
}
.form-group {
margin-bottom: 20px;
}
.form-control {
width: 100%;
padding: 10px;
font-size: 1em;
border: 1px solid #ccc;
border-radius: 5px;
}
.form-submit button {
background-color: #007BFF;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 1.1em;
}
</style>
<div class="modal fade" id="CheckAvailability" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true" style="overflow: hidden;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header navbar-default">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
x
</button>
<h5 class="modal-title" style="font: bold 20px 'Trebuchet MS', Tahoma, sans-serif;" id="checkAvailabilityModalLabel">Check Availability</h5>
<div class="missingInfo" style="display: none;">
</div>
</div>
<div class="modal-body palette-bg2">
<form id="8e69d2ea647a442d80f71d14c5004c81_form" method="post">
<input type="hidden" name="xControlId" value="8e69d2ea647a442d80f71d14c5004c81" />
<div class="row">
<div class="col-sm-12">
<table>
<tr>
<td style="vertical-align: top;">
<div id="VehiclePhoto">
</div>
</td>
<td style="vertical-align: top; padding-left: 10px; white-space:normal">
<div id="vehicleInfo">
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-info accent-color1 required-indicator"><b class="text-info accent-color1">*</b> Required Field</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="form">
<div class="form-group">
<label for="8e69d2ea647a442d80f71d14c5004c81_Vehicle">Desired Vehicle <b class="text-info accent-color1">*</b></label>
<select class="form-control val-required" id="8e69d2ea647a442d80f71d14c5004c81_Vehicle" name="8e69d2ea647a442d80f71d14c5004c81.Vehicle" onchange="Form_SelectVehicle(this.value, '8e69d2ea647a442d80f71d14c5004c81_Vehicle_Details');">
<option value="">Select...</option>
<option value="b9fd3f7ed29248ef9a9356ebdf268fad">Stock #: 1007 - 2022 Chevrolet Silverado 1500 RST</option>
<option value="026a71afabb34b4f8479ea810ddad577">Stock #: 1008 - 2021 BMW M3</option>
<option value="5b28eb2b08334c878c2adb5d3d38259e">Stock #: 1009 - 2025 Cadillac Escalade ESV Sport Platinum</option>
<option value="65f3d207b9b64bb592ddcd672e7bd0b7">Stock #: 1010 - 2022 Chevrolet Camaro SS</option>
<option value="1c9969d0a28c403f92708b96527871f6">Stock #: 1011 - 2021 Chevrolet Tahoe Z71</option>
<option value="193d62b5a91b45d5bab4497825c55172">Stock #: 1012 - 2021 Ford F-350 Super Duty Platinum</option>
<option value="f5dbfb67649d4986b58f848226e1db0c">Stock #: 1013 - 2024 Ford Mustang GT Premium</option>
<option value="900fd743ac8a49ba858a938136f4eecd">Stock #: 1014 - 2025 Chevrolet Corvette Stingray</option>
<option value="1afe175cd7ce44079de6e247b6fb1d4f">Stock #: 1015 - 2019 Ferrari 488 GTB</option>
<option value="3923902b22064172b4ba480cb87b0b26">Stock #: 1016 - 2023 Ford F-150 Raptor</option>
<option value="c83eb89a88507847bc24f4d05d8ac1cc">Stock #: 14764 - 1978 MG Midget Convertible</option>
<option value="754f3e2bb2b24847b51f5b837ca68d03">Stock #: 17003A - 2014 Nissan Pathfinder SL 4WD</option>
<option value="947ab8e2af864c759f32244281d908bb">Stock #: 17004 - 2017 Ford F-150 Crew Cab Lariat 4WD</option>
</select>
<div id="8e69d2ea647a442d80f71d14c5004c81_Vehicle_Details" style="display: none;"></div>
</div>
<div class="form-group">
<label for="8e69d2ea647a442d80f71d14c5004c81_FirstName">First Name <b class="text-info accent-color1">*</b></label>
<input type="text" class="form-control val-required" id="8e69d2ea647a442d80f71d14c5004c81_FirstName" name="8e69d2ea647a442d80f71d14c5004c81.FirstName" placeholder="First Name" maxlength="25" value="" />
</div>
<div class="form-group">
<label for="8e69d2ea647a442d80f71d14c5004c81_LastName">Last Name <b class="text-info accent-color1">*</b></label>
<input type="text" class="form-control val-required" id="8e69d2ea647a442d80f71d14c5004c81_LastName" name="8e69d2ea647a442d80f71d14c5004c81.LastName" placeholder="Last Name" maxlength="25" value="" />
</div>
<div class="form-group">
<label for="8e69d2ea647a442d80f71d14c5004c81_EmailAddress">Email Address <b class="text-info accent-color1">*</b></label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
<input type="text" class="form-control input-email val-email val-required" id="8e69d2ea647a442d80f71d14c5004c81_EmailAddress" name="8e69d2ea647a442d80f71d14c5004c81.EmailAddress" placeholder="Email Address" maxlength="100" value="" />
</div>
</div>
<div class="form-group">
<label for="8e69d2ea647a442d80f71d14c5004c81_PhoneNumber">Phone Number <b class="text-info accent-color1">*</b></label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-phone"></i></span>
<input type="text" class="form-control input-phoneext val-phone val-required" id="8e69d2ea647a442d80f71d14c5004c81_PhoneNumber" name="8e69d2ea647a442d80f71d14c5004c81.PhoneNumber" placeholder="Phone Number" maxlength="25" value="" />
</div>
</div>
<div class="form-group">
<label for="8e69d2ea647a442d80f71d14c5004c81_Message">Message</label>
<textarea type="text" class="form-control val-required" id="8e69d2ea647a442d80f71d14c5004c81_Message" name="8e69d2ea647a442d80f71d14c5004c81.Message" placeholder="Message" maxlength="25" value=""></textarea>
</div>
<div class="form-group">
</div>
<div class="form-group">
<div>
</div>
</div>
<div class="form-submit">
<button id="8e69d2ea647a442d80f71d14c5004c81_Submit" class="btn btn-default btn-block" type="submit"><i class="fa fa-paper-plane"></i> Submit</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="RequestPrice" role="dialog" aria-labelledby="exampleModalLongTitle" style="overflow: hidden;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header navbar-default">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
x
</button>
<h5 class="modal-title" style="font: bold 20px 'Trebuchet MS', Tahoma, sans-serif;" id="myModalLabel">Send Request</h5>
<div class="missingInfo" style="display: none;">
</div>
</div>
<div class="modal-body palette-bg2">
<div class="RequestForm" style="overflow-y: auto;">
<div class="row">
<div class="col-sm-7">
<table>
<tr>
<td style="vertical-align: top;">
<div id="VehiclePhoto">
</div>
</td>
<td style="vertical-align: top; padding-left: 10px; white-space: nowrap;">
<div id="vehicleInfo">
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<form role="form" id="loanCalc">
<div class="form-group" id="shakeFirst">
<label for="FirstName" class="control-label col-sm-10">First Name</label>
<div class="input-group col-sm-10">
<span class="input-group-addon">
<i class="fa fa-user"></i>
</span>
<input name="firstName" type="text" class="form-control ui-input-text" id="FirstName calc-vehicle-price" />
</div>
</div>
</form>
</div>
<div class="col-sm-6 right">
<div class="form-group right" id="shakeLast">
<label for="last-name" class="control-label col-sm-10">Last Name</label>
<div class="input-group col-sm-10">
<span class="input-group-addon">
<i class="fa fa-user"></i>
</span>
<input name="lastName" type="text" class="form-control ui-input-text" id="lastName calc-vehicle-price" />
</div>
</div>
</div>
<div class="col-sm-12">
<div class="form-group" id="shakeEmail">
<label for="first-name" class="control-label col-sm-10">Email</label>
<div class="input-group col-sm-10">
<span class="input-group-addon">
<i class="fa fa-envelope"></i>
</span>
<input name="emailAddress" type="text" class="form-control ui-input-text" id="emailAddress calc-vehicle-price" />
</div>
</div>
</div>
<div class="col-sm-12">
<div class="form-group" id="shakeDayPhone">
<label for="dayphone calc-vehicle-price" class="control-label col-sm-10">Daytime Phone</label>
<div class="input-group col-sm-10">
<span class="input-group-addon">
<i class="fa fa-phone"></i>
</span>
<input name="dayPhone" type="text" class="form-control ui-input-text input-phoneext val-phone" id="dayphone calc-vehicle-price" />
</div>
</div>
</div>
<div class="col-sm-12">
<div class="form-group" id="shakeEveningPhone">
<label for="eveningphone calc-vehicle-price" class="control-label col-sm-10">Evening Phone</label>
<div class="input-group col-sm-10">
<span class="input-group-addon">
<i class="fa fa-phone"></i>
</span>
<input name="eveningPhone" type="text" class="form-control ui-input-text input-phoneext val-phone" id="eveningphone calc-vehicle-price" />
</div>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="first-name" class="control-label col-sm-10">Message</label>
<div class="input-group col-sm-10">
<span class="input-group-addon">
<i class="fa fa-comments"></i>
</span>
<textarea class="form-control ui-input-text" name="txtComments" rows="2" cols="20" id="txtComments" label="Question or Comments" length="500" count="spanCommentsChar" style="height: 75px;"></textarea>
</div>
</div>
</div>
<div class="col-sm-12" style="padding-left: 30px;">
<div class="g-recaptcha" id="phCaptchaInventoryRequestPrice"
data-sitekey="6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3">
</div>
</div>
</div>
</div>
<div class="successForm" style="display: none;">
Success! Your request has been sent successfully.
</div>
<div class="errorForm" style="display: none;">
There was an issue sending your request, please close this form and try again.
</div>
</div>
<div class="modal-footer navbar-default ">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-default" id="btnEmail">Send Request</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="RequestPriceThankYou" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true" style="overflow: hidden;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header navbar-default">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
x
</button>
<h5 class="modal-title" style="font: bold 20px 'Trebuchet MS', Tahoma, sans-serif;" id="myModalLabel">Send Request</h5>
<div class="missingInfo" style="display: none;">
</div>
</div>
<div class="modal-body palette-bg2">
A Price request was already submitted, a representative will reach out to you shortly.
</div>
<div class="modal-footer navbar-default ">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div id="animatedModal">
<div class="modal fade" id="CompareModal" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true" style="overflow: scroll;">
<div class="modal-dialog compare-dialog" style="text-align: center; display: table;" role="document">
<div class="modal-content">
<div class="modal-header navbar-default">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
x
</button>
<h5 class="modal-title accent-color1" style="font: bold 20px 'Trebuchet MS', Tahoma, sans-serif;" id="myModalLabel2">Compare Vehicles</h5>
<h6 class="modal-title myModalCompareCount" style="font: bold 20px 'Trebuchet MS', Tahoma, sans-serif; display: none" id="myModalCompareCount"></h6>
<div class="missingInfo" style="display: none;">
</div>
</div>
<div class="modal-body palette-bg2">
<a class="btn left-compare-button" role="button" href="#" style="position: absolute; top: 50%; left: -1%; transform: translate(-50%, -50%); display: none;"><i class="fa fa-arrow-circle-left fa-lg"></i></a>
<a class="btn right-compare-button" role="button" href="#" style="position: absolute; top: 50%; left: 101%; transform: translate(-50%, -50%); display: none;"><i class="fa fa-arrow-circle-right fa-lg"></i></a>
<div id="mid">
<table class="table">
<tbody class="modal-vehicles accent-color1">
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer navbar-default ">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="RequestPriceShowPrice" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true" style="overflow: hidden;">
<input type="hidden" id="requestPriceVehicleId" />
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header navbar-default">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
x
</button>
<h5 class="modal-title" style="font: bold 20px 'Trebuchet MS', Tahoma, sans-serif;" id="myModalLabel">Vehicle Price</h5>
<div class="missingInfo" style="display: none;">
</div>
</div>
<div class="modal-body palette-bg2">
<div class="row">
<div class="col-sm-7">
<table>
<tr>
<td style="vertical-align: top;">
<div id="VehiclePhotoRequest">
</div>
</td>
<td style="vertical-align: top; padding-left: 10px; white-space: nowrap;">
<div id="vehicleInfoRequest">
</div>
</td>
</tr>
</table>
</div>
</div>
<div style="margin-top: 10px;" class="palette-bg1 inventory-requestprice-container inventory-price-container">
</div>
</div>
<div class="modal-footer navbar-default ">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom inventory-comparison" style="padding: 0px;" hidden="hidden">
<div class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="palette-bg2 inventory-comparison">
<div class="clearfix">
<div class="row">
<div class="col-md-12 hidden-xs hidden-sm">
<div id="vehicle-comparison" class="clearfix">
<div class="vehicle-comparison-wrapper">
<div class="row justify-content-start">
<div class="col-md-8 nopadding vehicle-comparison-images">
</div>
<div class="col-md-4 center" style="float: right">
<a id="compare" data-target="#CompareModal" data-toggle="modal" style="transform: translateY(65%);" class="compare-vehicles btn btn-default">Compare Vehicles</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-10 hidden-md hidden-lg">
<div id="vehicle-comparison-mobile" class="clearfix">
<div class="vehicle-comparison-wrapper">
<div class="row">
<div style="margin: auto; width: 55%;">
<div class="comparison-mobile-counter" style="font: bold 16px/24px arial, sans-serif;">1 Vehicle Selected </div>
</div>
<div class="col-sm-6 col-md-6" style="margin: auto; width: 55%;">
<a id="compare-mobile" class="compare-vehicles-mobile btn btn-default">Compare Vehicles</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="row-9591ff3e2cad45239400ef5a1fd47947" class="page-content-row " style="" data-animations='[]'>
<div>
<div class="container">
<div class="row">
<div class="page-content-column first-column col-lg-12 col-md-12 col-sm-12 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-9fd478ee5e3f432c9c42b496bf54d76b" class="element-outer-container element-type-customhtml " style=" ">
<div class="element-container element-type-customhtml" style="width: 100%;">
<div class="customhtml"><span style="color:#FFFFFF;"><span style="background-color:#FFFFFF;">luxury cars in phoenix - luxury cars in scottsdale - luxury cars in glendale - luxury cars az - luxury cars phoenix - used cars phoenix - car financing - sports cars phoenix - ferrari phoenix - bmw phoenix - audi phoenix - mercedes phoenix - land rover phoenix - bmw scottsdale - bentely phoenix - used cars scottsdale - sports cars phoenix - used cars glendale - used luxury cars in phoenix - used luxury car dealer in phoenix - scottsdale used cars - scottsdale car dealers - trade in - credit financing - bmw service phoenix</span></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-container">
<div id="row-b363b6c1073b48d9bac8cb47080539a7" class="page-content-row " style="" data-animations='[]'>
<div>
<div class="container">
<div class="row">
<div class="page-content-column first-column col-lg-3 col-md-3 col-sm-3 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-f00e343e9f1c47c1a5c8fd62296942f7" class="element-outer-container element-type-quickcontactform " style=" ">
<div class="element-heading element-heading-quickcontactform">
<h4>
Quick Contact</h4>
</div>
<div class="element-container element-type-quickcontactform" style="width: 100%;">
<form id="f00e343e9f1c47c1a5c8fd62296942f7_form" method="post">
<input type="hidden" name="xControlId" value="f00e343e9f1c47c1a5c8fd62296942f7" />
<div class="row">
<div class="col-sm-12">
<div class="text-info accent-color1 required-indicator"><b class="text-info accent-color1">*</b> Required Field</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="form">
<div class="form-group">
<label for="f00e343e9f1c47c1a5c8fd62296942f7_FirstName">First Name <b class="text-info accent-color1">*</b></label>
<input type="text" class="form-control val-required" id="f00e343e9f1c47c1a5c8fd62296942f7_FirstName" name="f00e343e9f1c47c1a5c8fd62296942f7.FirstName" placeholder="First Name" maxlength="25" value="" />
</div>
<div class="form-group">
<label for="f00e343e9f1c47c1a5c8fd62296942f7_LastName">Last Name <b class="text-info accent-color1">*</b></label>
<input type="text" class="form-control val-required" id="f00e343e9f1c47c1a5c8fd62296942f7_LastName" name="f00e343e9f1c47c1a5c8fd62296942f7.LastName" placeholder="Last Name" maxlength="25" value="" />
</div>
<div class="form-group">
<label for="f00e343e9f1c47c1a5c8fd62296942f7_EmailAddress">Email Address <b class="text-info accent-color1">*</b></label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
<input type="text" class="form-control input-email val-email val-required" id="f00e343e9f1c47c1a5c8fd62296942f7_EmailAddress" name="f00e343e9f1c47c1a5c8fd62296942f7.EmailAddress" placeholder="Email Address" maxlength="100" value="" />
</div>
</div>
<div class="form-group">
<div >
</div>
<div class="g-recaptcha" id="phCaptchaQuickContact"
data-sitekey="6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3">
</div>
</div>
<div class="form-submit">
<button id="f00e343e9f1c47c1a5c8fd62296942f7_Submit" class="btn btn-default" type="submit"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span> Submit</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-content-column second-column col-lg-9 col-md-9 col-sm-9 " style=" ">
<div>
<div class="page-content-element" data-animations='[]'>
<div>
<div id="element-48c3a20af6dc499d9efedd86eba2ed9b" class="element-outer-container element-type-dealershipinfo " style=" ">
<div class="element-heading element-heading-dealershipinfo">
<h4>
Dealership Info</h4>
</div>
<div class="element-container element-type-dealershipinfo" style="width: 100%;">
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="element-data-column">
<h5 class="element-sub-heading accent-color1 contactuslabel">
Contact Us</h5>
<div class="element-sub-heading accent-color2 mainphonelabel"><i class="fa fa-phone"></i> Main Phone:</div>
<div class="dealershipinfo-mainphone"><a href="tel:480-653-7599">480-653-7599</a></div>
<div class="element-sub-heading accent-color2 altphonelabel"><i class="fa fa-phone"></i> Espanol:</div>
<div class="dealershipinfo-mainphone"><a href="tel:855-491-2976">855-491-2976</a></div>
<div class="element-sub-heading accent-color2 email"><i class="fa fa-envelope"></i> Email: </div>
<div class="dealershipinfo-email"><a href="mailto:[email protected]">[email protected]</a></div>
<br />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="element-data-column">
<h5 class="element-sub-heading accent-color1 hourslabel">
Business Hours</h5>
<div class="hours">
<table style="white-space: nowrap;">
<tr>
<th class="element-sub-heading accent-color2">Mon:</th>
<td class="accent-color2">
By Appointment</td>
</tr>
<tr>
<th class="element-sub-heading accent-color2">Tue:</th>
<td class="accent-color2">
10-3</td>
</tr>
<tr>
<th class="element-sub-heading accent-color2">Wed:</th>
<td class="accent-color2">
10-3</td>
</tr>
<tr>
<th class="element-sub-heading accent-color2">Thu:</th>
<td class="accent-color2">
10-3</td>
</tr>
<tr>
<th class="element-sub-heading accent-color2">Fri:</th>
<td class="accent-color2">
By Appointment</td>
</tr>
<tr>
<th class="element-sub-heading accent-color2">Sat:</th>
<td class="accent-color2">
By Appointment</td>
</tr>
<tr>
<th class="element-sub-heading accent-color2">Sun:</th>
<td class="accent-color2">
By Appointment</td>
</tr>
</table>
</div>
<br />
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-md-4 col-sm-4">
<div class="element-data-column">
<h5 class="element-sub-heading accent-color1 locationlabel">
Location</h5>
<div class="location">
2121 S. Priest Dr., Suite 103<br/>Tempe, AZ 85282<br/>
</div>
<br />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div role="navigation">
<div class="page-bottom " style="padding: 0; ">
<div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<ul class="bottom-links text-muted list-inline">
<li><a class="bottom" href="https://www.luxurymotorsports.us/site-map" title="Site Map">Site Map</a></li>
<li><b>·</b></li>
<li><a class="corp" rel="nofollow" href="https://wm.automanager.com" target="_blank" title="Dealer Login">Dealer Login</a></li>
<li><a class="corp" rel="nofollow" href="https://www.automanager.com/auto-dealer-website/" target="_blank" title="Vehicle Dealer Websites by AutoManager">Vehicle Dealer Websites</a></li>
<li>by</li>
<li><a class="corp" rel="nofollow" href="https://www.automanager.com" target="_blank" title="Vehicle Dealer Websites by AutoManager">AutoManager</a></li>
<li><b>·</b></li>
<li><span style="color: #666">© Copyright 2025</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
body {
display: inherit;
}
</style>
<style type="text/css">
body, body.main-body, body.framed-body, body.splash-body, .framed-container {
background-color: #000033; background-image: url('https://automanagerprodcdn.azureedge.net/wmthemes/images/background/?v=133149924230000000'); background-size: cover !important; background-attachment: fixed; background-position: top left; -ms-background-size: cover; background-size: cover;;
}
</style>
<link rel="stylesheet" type="text/css" href="https://automanager.blob.core.windows.net/wmclients/014560/theme.css?modified=12/12/2022 9:20:59 AM" />
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js" crossorigin="anonymous"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/webmanager/jquery/jquery.plugins.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<script defer type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.0/jquery-ui.min.js"></script>
<script async>
//var Swiper = function () { "use strict"; function e(e) { return null !== e && "object" == typeof e && "constructor" in e && e.constructor === Object } function t(s, a) { void 0 === s && (s = {}), void 0 === a && (a = {}), Object.keys(a).forEach((i => { void 0 === s[i] ? s[i] = a[i] : e(a[i]) && e(s[i]) && Object.keys(a[i]).length > 0 && t(s[i], a[i]) })) } const s = { body: {}, addEventListener() { }, removeEventListener() { }, activeElement: { blur() { }, nodeName: "" }, querySelector: () => null, querySelectorAll: () => [], getElementById: () => null, createEvent: () => ({ initEvent() { } }), createElement: () => ({ children: [], childNodes: [], style: {}, setAttribute() { }, getElementsByTagName: () => [] }), createElementNS: () => ({}), importNode: () => null, location: { hash: "", host: "", hostname: "", href: "", origin: "", pathname: "", protocol: "", search: "" } }; function a() { const e = "undefined" != typeof document ? document : {}; return t(e, s), e } const i = { document: s, navigator: { userAgent: "" }, location: { hash: "", host: "", hostname: "", href: "", origin: "", pathname: "", protocol: "", search: "" }, history: { replaceState() { }, pushState() { }, go() { }, back() { } }, CustomEvent: function () { return this }, addEventListener() { }, removeEventListener() { }, getComputedStyle: () => ({ getPropertyValue: () => "" }), Image() { }, Date() { }, screen: {}, setTimeout() { }, clearTimeout() { }, matchMedia: () => ({}), requestAnimationFrame: e => "undefined" == typeof setTimeout ? (e(), null) : setTimeout(e, 0), cancelAnimationFrame(e) { "undefined" != typeof setTimeout && clearTimeout(e) } }; function r() { const e = "undefined" != typeof window ? window : {}; return t(e, i), e } function n(e, t) { return void 0 === t && (t = 0), setTimeout(e, t) } function l() { return Date.now() } function o(e, t) { void 0 === t && (t = "x"); const s = r(); let a, i, n; const l = function (e) { const t = r(); let s; return t.getComputedStyle && (s = t.getComputedStyle(e, null)), !s && e.currentStyle && (s = e.currentStyle), s || (s = e.style), s }(e); return s.WebKitCSSMatrix ? (i = l.transform || l.webkitTransform, i.split(",").length > 6 && (i = i.split(", ").map((e => e.replace(",", "."))).join(", ")), n = new s.WebKitCSSMatrix("none" === i ? "" : i)) : (n = l.MozTransform || l.OTransform || l.MsTransform || l.msTransform || l.transform || l.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), a = n.toString().split(",")), "x" === t && (i = s.WebKitCSSMatrix ? n.m41 : 16 === a.length ? parseFloat(a[12]) : parseFloat(a[4])), "y" === t && (i = s.WebKitCSSMatrix ? n.m42 : 16 === a.length ? parseFloat(a[13]) : parseFloat(a[5])), i || 0 } function d(e) { return "object" == typeof e && null !== e && e.constructor && "Object" === Object.prototype.toString.call(e).slice(8, -1) } function c() { const e = Object(arguments.length <= 0 ? void 0 : arguments[0]), t = ["__proto__", "constructor", "prototype"]; for (let a = 1; a < arguments.length; a += 1) { const i = a < 0 || arguments.length <= a ? void 0 : arguments[a]; if (null != i && (s = i, !("undefined" != typeof window && void 0 !== window.HTMLElement ? s instanceof HTMLElement : s && (1 === s.nodeType || 11 === s.nodeType)))) { const s = Object.keys(Object(i)).filter((e => t.indexOf(e) < 0)); for (let t = 0, a = s.length; t < a; t += 1) { const a = s[t], r = Object.getOwnPropertyDescriptor(i, a); void 0 !== r && r.enumerable && (d(e[a]) && d(i[a]) ? i[a].__swiper__ ? e[a] = i[a] : c(e[a], i[a]) : !d(e[a]) && d(i[a]) ? (e[a] = {}, i[a].__swiper__ ? e[a] = i[a] : c(e[a], i[a])) : e[a] = i[a]) } } } var s; return e } function p(e, t, s) { e.style.setProperty(t, s) } function u(e) { let { swiper: t, targetPosition: s, side: a } = e; const i = r(), n = -t.translate; let l, o = null; const d = t.params.speed; t.wrapperEl.style.scrollSnapType = "none", i.cancelAnimationFrame(t.cssModeFrameID); const c = s > n ? "next" : "prev", p = (e, t) => "next" === c && e >= t || "prev" === c && e <= t, u = () => { l = (new Date).getTime(), null === o && (o = l); const e = Math.max(Math.min((l - o) / d, 1), 0), r = .5 - Math.cos(e * Math.PI) / 2; let c = n + r * (s - n); if (p(c, s) && (c = s), t.wrapperEl.scrollTo({ [a]: c }), p(c, s)) return t.wrapperEl.style.overflow = "hidden", t.wrapperEl.style.scrollSnapType = "", setTimeout((() => { t.wrapperEl.style.overflow = "", t.wrapperEl.scrollTo({ [a]: c }) })), void i.cancelAnimationFrame(t.cssModeFrameID); t.cssModeFrameID = i.requestAnimationFrame(u) }; u() } function m(e) { return e.querySelector(".swiper-slide-transform") || e.shadowRoot && e.shadowRoot.querySelector(".swiper-slide-transform") || e } function h(e, t) { return void 0 === t && (t = ""), [...e.children].filter((e => e.matches(t))) } function f(e, t) { void 0 === t && (t = []); const s = document.createElement(e); return s.classList.add(...Array.isArray(t) ? t : [t]), s } function g(e) { const t = r(), s = a(), i = e.getBoundingClientRect(), n = s.body, l = e.clientTop || n.clientTop || 0, o = e.clientLeft || n.clientLeft || 0, d = e === t ? t.scrollY : e.scrollTop, c = e === t ? t.scrollX : e.scrollLeft; return { top: i.top + d - l, left: i.left + c - o } } function v(e, t) { return r().getComputedStyle(e, null).getPropertyValue(t) } function w(e) { let t, s = e; if (s) { for (t = 0; null !== (s = s.previousSibling);)1 === s.nodeType && (t += 1); return t } } function b(e, t) { const s = []; let a = e.parentElement; for (; a;)t ? a.matches(t) && s.push(a) : s.push(a), a = a.parentElement; return s } function y(e, t) { t && e.addEventListener("transitionend", (function s(a) { a.target === e && (t.call(e, a), e.removeEventListener("transitionend", s)) })) } function E(e, t, s) { const a = r(); return s ? e["width" === t ? "offsetWidth" : "offsetHeight"] + parseFloat(a.getComputedStyle(e, null).getPropertyValue("width" === t ? "margin-right" : "margin-top")) + parseFloat(a.getComputedStyle(e, null).getPropertyValue("width" === t ? "margin-left" : "margin-bottom")) : e.offsetWidth } let x, S, T; function M() { return x || (x = function () { const e = r(), t = a(); return { smoothScroll: t.documentElement && t.documentElement.style && "scrollBehavior" in t.documentElement.style, touch: !!("ontouchstart" in e || e.DocumentTouch && t instanceof e.DocumentTouch) } }()), x } function C(e) { return void 0 === e && (e = {}), S || (S = function (e) { let { userAgent: t } = void 0 === e ? {} : e; const s = M(), a = r(), i = a.navigator.platform, n = t || a.navigator.userAgent, l = { ios: !1, android: !1 }, o = a.screen.width, d = a.screen.height, c = n.match(/(Android);?[\s\/]+([\d.]+)?/); let p = n.match(/(iPad).*OS\s([\d_]+)/); const u = n.match(/(iPod)(.*OS\s([\d_]+))?/), m = !p && n.match(/(iPhone\sOS|iOS)\s([\d_]+)/), h = "Win32" === i; let f = "MacIntel" === i; return !p && f && s.touch && ["1024x1366", "1366x1024", "834x1194", "1194x834", "834x1112", "1112x834", "768x1024", "1024x768", "820x1180", "1180x820", "810x1080", "1080x810"].indexOf(`${o}x${d}`) >= 0 && (p = n.match(/(Version)\/([\d.]+)/), p || (p = [0, 1, "13_0_0"]), f = !1), c && !h && (l.os = "android", l.android = !0), (p || m || u) && (l.os = "ios", l.ios = !0), l }(e)), S } function P() { return T || (T = function () { const e = r(); let t = !1; function s() { const t = e.navigator.userAgent.toLowerCase(); return t.indexOf("safari") >= 0 && t.indexOf("chrome") < 0 && t.indexOf("android") < 0 } if (s()) { const s = String(e.navigator.userAgent); if (s.includes("Version/")) { const [e, a] = s.split("Version/")[1].split(" ")[0].split(".").map((e => Number(e))); t = e < 16 || 16 === e && a < 2 } } return { isSafari: t || s(), needPerspectiveFix: t, isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent) } }()), T } var L = { on(e, t, s) { const a = this; if (!a.eventsListeners || a.destroyed) return a; if ("function" != typeof t) return a; const i = s ? "unshift" : "push"; return e.split(" ").forEach((e => { a.eventsListeners[e] || (a.eventsListeners[e] = []), a.eventsListeners[e][i](t) })), a }, once(e, t, s) { const a = this; if (!a.eventsListeners || a.destroyed) return a; if ("function" != typeof t) return a; function i() { a.off(e, i), i.__emitterProxy && delete i.__emitterProxy; for (var s = arguments.length, r = new Array(s), n = 0; n < s; n++)r[n] = arguments[n]; t.apply(a, r) } return i.__emitterProxy = t, a.on(e, i, s) }, onAny(e, t) { const s = this; if (!s.eventsListeners || s.destroyed) return s; if ("function" != typeof e) return s; const a = t ? "unshift" : "push"; return s.eventsAnyListeners.indexOf(e) < 0 && s.eventsAnyListeners[a](e), s }, offAny(e) { const t = this; if (!t.eventsListeners || t.destroyed) return t; if (!t.eventsAnyListeners) return t; const s = t.eventsAnyListeners.indexOf(e); return s >= 0 && t.eventsAnyListeners.splice(s, 1), t }, off(e, t) { const s = this; return !s.eventsListeners || s.destroyed ? s : s.eventsListeners ? (e.split(" ").forEach((e => { void 0 === t ? s.eventsListeners[e] = [] : s.eventsListeners[e] && s.eventsListeners[e].forEach(((a, i) => { (a === t || a.__emitterProxy && a.__emitterProxy === t) && s.eventsListeners[e].splice(i, 1) })) })), s) : s }, emit() { const e = this; if (!e.eventsListeners || e.destroyed) return e; if (!e.eventsListeners) return e; let t, s, a; for (var i = arguments.length, r = new Array(i), n = 0; n < i; n++)r[n] = arguments[n]; "string" == typeof r[0] || Array.isArray(r[0]) ? (t = r[0], s = r.slice(1, r.length), a = e) : (t = r[0].events, s = r[0].data, a = r[0].context || e), s.unshift(a); return (Array.isArray(t) ? t : t.split(" ")).forEach((t => { e.eventsAnyListeners && e.eventsAnyListeners.length && e.eventsAnyListeners.forEach((e => { e.apply(a, [t, ...s]) })), e.eventsListeners && e.eventsListeners[t] && e.eventsListeners[t].forEach((e => { e.apply(a, s) })) })), e } }; const z = (e, t) => { if (!e || e.destroyed || !e.params) return; const s = t.closest(e.isElement ? "swiper-slide" : `.${e.params.slideClass}`); if (s) { let t = s.querySelector(`.${e.params.lazyPreloaderClass}`); !t && e.isElement && (t = s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`)), t && t.remove() } }, A = (e, t) => { if (!e.slides[t]) return; const s = e.slides[t].querySelector('[loading="lazy"]'); s && s.removeAttribute("loading") }, $ = e => { if (!e || e.destroyed || !e.params) return; let t = e.params.lazyPreloadPrevNext; const s = e.slides.length; if (!s || !t || t < 0) return; t = Math.min(t, s); const a = "auto" === e.params.slidesPerView ? e.slidesPerViewDynamic() : Math.ceil(e.params.slidesPerView), i = e.activeIndex; if (e.params.grid && e.params.grid.rows > 1) { const s = i, r = [s - t]; return r.push(...Array.from({ length: t }).map(((e, t) => s + a + t))), void e.slides.forEach(((t, s) => { r.includes(t.column) && A(e, s) })) } const r = i + a - 1; if (e.params.rewind || e.params.loop) for (let a = i - t; a <= r + t; a += 1) { const t = (a % s + s) % s; (t < i || t > r) && A(e, t) } else for (let a = Math.max(i - t, 0); a <= Math.min(r + t, s - 1); a += 1)a !== i && (a > r || a < i) && A(e, a) }; var I = { updateSize: function () { const e = this; let t, s; const a = e.el; t = void 0 !== e.params.width && null !== e.params.width ? e.params.width : a.clientWidth, s = void 0 !== e.params.height && null !== e.params.height ? e.params.height : a.clientHeight, 0 === t && e.isHorizontal() || 0 === s && e.isVertical() || (t = t - parseInt(v(a, "padding-left") || 0, 10) - parseInt(v(a, "padding-right") || 0, 10), s = s - parseInt(v(a, "padding-top") || 0, 10) - parseInt(v(a, "padding-bottom") || 0, 10), Number.isNaN(t) && (t = 0), Number.isNaN(s) && (s = 0), Object.assign(e, { width: t, height: s, size: e.isHorizontal() ? t : s })) }, updateSlides: function () { const e = this; function t(t) { return e.isHorizontal() ? t : { width: "height", "margin-top": "margin-left", "margin-bottom ": "margin-right", "margin-left": "margin-top", "margin-right": "margin-bottom", "padding-left": "padding-top", "padding-right": "padding-bottom", marginRight: "marginBottom" }[t] } function s(e, s) { return parseFloat(e.getPropertyValue(t(s)) || 0) } const a = e.params, { wrapperEl: i, slidesEl: r, size: n, rtlTranslate: l, wrongRTL: o } = e, d = e.virtual && a.virtual.enabled, c = d ? e.virtual.slides.length : e.slides.length, u = h(r, `.${e.params.slideClass}, swiper-slide`), m = d ? e.virtual.slides.length : u.length; let f = []; const g = [], w = []; let b = a.slidesOffsetBefore; "function" == typeof b && (b = a.slidesOffsetBefore.call(e)); let y = a.slidesOffsetAfter; "function" == typeof y && (y = a.slidesOffsetAfter.call(e)); const x = e.snapGrid.length, S = e.slidesGrid.length; let T = a.spaceBetween, M = -b, C = 0, P = 0; if (void 0 === n) return; "string" == typeof T && T.indexOf("%") >= 0 ? T = parseFloat(T.replace("%", "")) / 100 * n : "string" == typeof T && (T = parseFloat(T)), e.virtualSize = -T, u.forEach((e => { l ? e.style.marginLeft = "" : e.style.marginRight = "", e.style.marginBottom = "", e.style.marginTop = "" })), a.centeredSlides && a.cssMode && (p(i, "--swiper-centered-offset-before", ""), p(i, "--swiper-centered-offset-after", "")); const L = a.grid && a.grid.rows > 1 && e.grid; let z; L && e.grid.initSlides(m); const A = "auto" === a.slidesPerView && a.breakpoints && Object.keys(a.breakpoints).filter((e => void 0 !== a.breakpoints[e].slidesPerView)).length > 0; for (let i = 0; i < m; i += 1) { let r; if (z = 0, u[i] && (r = u[i]), L && e.grid.updateSlide(i, r, m, t), !u[i] || "none" !== v(r, "display")) { if ("auto" === a.slidesPerView) { A && (u[i].style[t("width")] = ""); const n = getComputedStyle(r), l = r.style.transform, o = r.style.webkitTransform; if (l && (r.style.transform = "none"), o && (r.style.webkitTransform = "none"), a.roundLengths) z = e.isHorizontal() ? E(r, "width", !0) : E(r, "height", !0); else { const e = s(n, "width"), t = s(n, "padding-left"), a = s(n, "padding-right"), i = s(n, "margin-left"), l = s(n, "margin-right"), o = n.getPropertyValue("box-sizing"); if (o && "border-box" === o) z = e + i + l; else { const { clientWidth: s, offsetWidth: n } = r; z = e + t + a + i + l + (n - s) } } l && (r.style.transform = l), o && (r.style.webkitTransform = o), a.roundLengths && (z = Math.floor(z)) } else z = (n - (a.slidesPerView - 1) * T) / a.slidesPerView, a.roundLengths && (z = Math.floor(z)), u[i] && (u[i].style[t("width")] = `${z}px`); u[i] && (u[i].swiperSlideSize = z), w.push(z), a.centeredSlides ? (M = M + z / 2 + C / 2 + T, 0 === C && 0 !== i && (M = M - n / 2 - T), 0 === i && (M = M - n / 2 - T), Math.abs(M) < .001 && (M = 0), a.roundLengths && (M = Math.floor(M)), P % a.slidesPerGroup == 0 && f.push(M), g.push(M)) : (a.roundLengths && (M = Math.floor(M)), (P - Math.min(e.params.slidesPerGroupSkip, P)) % e.params.slidesPerGroup == 0 && f.push(M), g.push(M), M = M + z + T), e.virtualSize += z + T, C = z, P += 1 } } if (e.virtualSize = Math.max(e.virtualSize, n) + y, l && o && ("slide" === a.effect || "coverflow" === a.effect) && (i.style.width = `${e.virtualSize + T}px`), a.setWrapperSize && (i.style[t("width")] = `${e.virtualSize + T}px`), L && e.grid.updateWrapperSize(z, f, t), !a.centeredSlides) { const t = []; for (let s = 0; s < f.length; s += 1) { let i = f[s]; a.roundLengths && (i = Math.floor(i)), f[s] <= e.virtualSize - n && t.push(i) } f = t, Math.floor(e.virtualSize - n) - Math.floor(f[f.length - 1]) > 1 && f.push(e.virtualSize - n) } if (d && a.loop) { const t = w[0] + T; if (a.slidesPerGroup > 1) { const s = Math.ceil((e.virtual.slidesBefore + e.virtual.slidesAfter) / a.slidesPerGroup), i = t * a.slidesPerGroup; for (let e = 0; e < s; e += 1)f.push(f[f.length - 1] + i) } for (let s = 0; s < e.virtual.slidesBefore + e.virtual.slidesAfter; s += 1)1 === a.slidesPerGroup && f.push(f[f.length - 1] + t), g.push(g[g.length - 1] + t), e.virtualSize += t } if (0 === f.length && (f = [0]), 0 !== T) { const s = e.isHorizontal() && l ? "marginLeft" : t("marginRight"); u.filter(((e, t) => !(a.cssMode && !a.loop) || t !== u.length - 1)).forEach((e => { e.style[s] = `${T}px` })) } if (a.centeredSlides && a.centeredSlidesBounds) { let e = 0; w.forEach((t => { e += t + (T || 0) })), e -= T; const t = e - n; f = f.map((e => e <= 0 ? -b : e > t ? t + y : e)) } if (a.centerInsufficientSlides) { let e = 0; if (w.forEach((t => { e += t + (T || 0) })), e -= T, e < n) { const t = (n - e) / 2; f.forEach(((e, s) => { f[s] = e - t })), g.forEach(((e, s) => { g[s] = e + t })) } } if (Object.assign(e, { slides: u, snapGrid: f, slidesGrid: g, slidesSizesGrid: w }), a.centeredSlides && a.cssMode && !a.centeredSlidesBounds) { p(i, "--swiper-centered-offset-before", -f[0] + "px"), p(i, "--swiper-centered-offset-after", e.size / 2 - w[w.length - 1] / 2 + "px"); const t = -e.snapGrid[0], s = -e.slidesGrid[0]; e.snapGrid = e.snapGrid.map((e => e + t)), e.slidesGrid = e.slidesGrid.map((e => e + s)) } if (m !== c && e.emit("slidesLengthChange"), f.length !== x && (e.params.watchOverflow && e.checkOverflow(), e.emit("snapGridLengthChange")), g.length !== S && e.emit("slidesGridLengthChange"), a.watchSlidesProgress && e.updateSlidesOffset(), !(d || a.cssMode || "slide" !== a.effect && "fade" !== a.effect)) { const t = `${a.containerModifierClass}backface-hidden`, s = e.el.classList.contains(t); m <= a.maxBackfaceHiddenSlides ? s || e.el.classList.add(t) : s && e.el.classList.remove(t) } }, updateAutoHeight: function (e) { const t = this, s = [], a = t.virtual && t.params.virtual.enabled; let i, r = 0; "number" == typeof e ? t.setTransition(e) : !0 === e && t.setTransition(t.params.speed); const n = e => a ? t.slides[t.getSlideIndexByData(e)] : t.slides[e]; if ("auto" !== t.params.slidesPerView && t.params.slidesPerView > 1) if (t.params.centeredSlides) (t.visibleSlides || []).forEach((e => { s.push(e) })); else for (i = 0; i < Math.ceil(t.params.slidesPerView); i += 1) { const e = t.activeIndex + i; if (e > t.slides.length && !a) break; s.push(n(e)) } else s.push(n(t.activeIndex)); for (i = 0; i < s.length; i += 1)if (void 0 !== s[i]) { const e = s[i].offsetHeight; r = e > r ? e : r } (r || 0 === r) && (t.wrapperEl.style.height = `${r}px`) }, updateSlidesOffset: function () { const e = this, t = e.slides, s = e.isElement ? e.isHorizontal() ? e.wrapperEl.offsetLeft : e.wrapperEl.offsetTop : 0; for (let a = 0; a < t.length; a += 1)t[a].swiperSlideOffset = (e.isHorizontal() ? t[a].offsetLeft : t[a].offsetTop) - s - e.cssOverflowAdjustment() }, updateSlidesProgress: function (e) { void 0 === e && (e = this && this.translate || 0); const t = this, s = t.params, { slides: a, rtlTranslate: i, snapGrid: r } = t; if (0 === a.length) return; void 0 === a[0].swiperSlideOffset && t.updateSlidesOffset(); let n = -e; i && (n = e), a.forEach((e => { e.classList.remove(s.slideVisibleClass) })), t.visibleSlidesIndexes = [], t.visibleSlides = []; let l = s.spaceBetween; "string" == typeof l && l.indexOf("%") >= 0 ? l = parseFloat(l.replace("%", "")) / 100 * t.size : "string" == typeof l && (l = parseFloat(l)); for (let e = 0; e < a.length; e += 1) { const o = a[e]; let d = o.swiperSlideOffset; s.cssMode && s.centeredSlides && (d -= a[0].swiperSlideOffset); const c = (n + (s.centeredSlides ? t.minTranslate() : 0) - d) / (o.swiperSlideSize + l), p = (n - r[0] + (s.centeredSlides ? t.minTranslate() : 0) - d) / (o.swiperSlideSize + l), u = -(n - d), m = u + t.slidesSizesGrid[e]; (u >= 0 && u < t.size - 1 || m > 1 && m <= t.size || u <= 0 && m >= t.size) && (t.visibleSlides.push(o), t.visibleSlidesIndexes.push(e), a[e].classList.add(s.slideVisibleClass)), o.progress = i ? -c : c, o.originalProgress = i ? -p : p } }, updateProgress: function (e) { const t = this; if (void 0 === e) { const s = t.rtlTranslate ? -1 : 1; e = t && t.translate && t.translate * s || 0 } const s = t.params, a = t.maxTranslate() - t.minTranslate(); let { progress: i, isBeginning: r, isEnd: n, progressLoop: l } = t; const o = r, d = n; if (0 === a) i = 0, r = !0, n = !0; else { i = (e - t.minTranslate()) / a; const s = Math.abs(e - t.minTranslate()) < 1, l = Math.abs(e - t.maxTranslate()) < 1; r = s || i <= 0, n = l || i >= 1, s && (i = 0), l && (i = 1) } if (s.loop) { const s = t.getSlideIndexByData(0), a = t.getSlideIndexByData(t.slides.length - 1), i = t.slidesGrid[s], r = t.slidesGrid[a], n = t.slidesGrid[t.slidesGrid.length - 1], o = Math.abs(e); l = o >= i ? (o - i) / n : (o + n - r) / n, l > 1 && (l -= 1) } Object.assign(t, { progress: i, progressLoop: l, isBeginning: r, isEnd: n }), (s.watchSlidesProgress || s.centeredSlides && s.autoHeight) && t.updateSlidesProgress(e), r && !o && t.emit("reachBeginning toEdge"), n && !d && t.emit("reachEnd toEdge"), (o && !r || d && !n) && t.emit("fromEdge"), t.emit("progress", i) }, updateSlidesClasses: function () { const e = this, { slides: t, params: s, slidesEl: a, activeIndex: i } = e, r = e.virtual && s.virtual.enabled, n = e => h(a, `.${s.slideClass}${e}, swiper-slide${e}`)[0]; let l; if (t.forEach((e => { e.classList.remove(s.slideActiveClass, s.slideNextClass, s.slidePrevClass) })), r) if (s.loop) { let t = i - e.virtual.slidesBefore; t < 0 && (t = e.virtual.slides.length + t), t >= e.virtual.slides.length && (t -= e.virtual.slides.length), l = n(`[data-swiper-slide-index="${t}"]`) } else l = n(`[data-swiper-slide-index="${i}"]`); else l = t[i]; if (l) { l.classList.add(s.slideActiveClass); let e = function (e, t) { const s = []; for (; e.nextElementSibling;) { const a = e.nextElementSibling; t ? a.matches(t) && s.push(a) : s.push(a), e = a } return s }(l, `.${s.slideClass}, swiper-slide`)[0]; s.loop && !e && (e = t[0]), e && e.classList.add(s.slideNextClass); let a = function (e, t) { const s = []; for (; e.previousElementSibling;) { const a = e.previousElementSibling; t ? a.matches(t) && s.push(a) : s.push(a), e = a } return s }(l, `.${s.slideClass}, swiper-slide`)[0]; s.loop && 0 === !a && (a = t[t.length - 1]), a && a.classList.add(s.slidePrevClass) } e.emitSlidesClasses() }, updateActiveIndex: function (e) { const t = this, s = t.rtlTranslate ? t.translate : -t.translate, { snapGrid: a, params: i, activeIndex: r, realIndex: n, snapIndex: l } = t; let o, d = e; const c = e => { let s = e - t.virtual.slidesBefore; return s < 0 && (s = t.virtual.slides.length + s), s >= t.virtual.slides.length && (s -= t.virtual.slides.length), s }; if (void 0 === d && (d = function (e) { const { slidesGrid: t, params: s } = e, a = e.rtlTranslate ? e.translate : -e.translate; let i; for (let e = 0; e < t.length; e += 1)void 0 !== t[e + 1] ? a >= t[e] && a < t[e + 1] - (t[e + 1] - t[e]) / 2 ? i = e : a >= t[e] && a < t[e + 1] && (i = e + 1) : a >= t[e] && (i = e); return s.normalizeSlideIndex && (i < 0 || void 0 === i) && (i = 0), i }(t)), a.indexOf(s) >= 0) o = a.indexOf(s); else { const e = Math.min(i.slidesPerGroupSkip, d); o = e + Math.floor((d - e) / i.slidesPerGroup) } if (o >= a.length && (o = a.length - 1), d === r) return o !== l && (t.snapIndex = o, t.emit("snapIndexChange")), void (t.params.loop && t.virtual && t.params.virtual.enabled && (t.realIndex = c(d))); let p; p = t.virtual && i.virtual.enabled && i.loop ? c(d) : t.slides[d] ? parseInt(t.slides[d].getAttribute("data-swiper-slide-index") || d, 10) : d, Object.assign(t, { previousSnapIndex: l, snapIndex: o, previousRealIndex: n, realIndex: p, previousIndex: r, activeIndex: d }), t.initialized && $(t), t.emit("activeIndexChange"), t.emit("snapIndexChange"), n !== p && t.emit("realIndexChange"), (t.initialized || t.params.runCallbacksOnInit) && t.emit("slideChange") }, updateClickedSlide: function (e) { const t = this, s = t.params, a = e.closest(`.${s.slideClass}, swiper-slide`); let i, r = !1; if (a) for (let e = 0; e < t.slides.length; e += 1)if (t.slides[e] === a) { r = !0, i = e; break } if (!a || !r) return t.clickedSlide = void 0, void (t.clickedIndex = void 0); t.clickedSlide = a, t.virtual && t.params.virtual.enabled ? t.clickedIndex = parseInt(a.getAttribute("data-swiper-slide-index"), 10) : t.clickedIndex = i, s.slideToClickedSlide && void 0 !== t.clickedIndex && t.clickedIndex !== t.activeIndex && t.slideToClickedSlide() } }; var k = { getTranslate: function (e) { void 0 === e && (e = this.isHorizontal() ? "x" : "y"); const { params: t, rtlTranslate: s, translate: a, wrapperEl: i } = this; if (t.virtualTranslate) return s ? -a : a; if (t.cssMode) return a; let r = o(i, e); return r += this.cssOverflowAdjustment(), s && (r = -r), r || 0 }, setTranslate: function (e, t) { const s = this, { rtlTranslate: a, params: i, wrapperEl: r, progress: n } = s; let l, o = 0, d = 0; s.isHorizontal() ? o = a ? -e : e : d = e, i.roundLengths && (o = Math.floor(o), d = Math.floor(d)), s.previousTranslate = s.translate, s.translate = s.isHorizontal() ? o : d, i.cssMode ? r[s.isHorizontal() ? "scrollLeft" : "scrollTop"] = s.isHorizontal() ? -o : -d : i.virtualTranslate || (s.isHorizontal() ? o -= s.cssOverflowAdjustment() : d -= s.cssOverflowAdjustment(), r.style.transform = `translate3d(${o}px, ${d}px, 0px)`); const c = s.maxTranslate() - s.minTranslate(); l = 0 === c ? 0 : (e - s.minTranslate()) / c, l !== n && s.updateProgress(e), s.emit("setTranslate", s.translate, t) }, minTranslate: function () { return -this.snapGrid[0] }, maxTranslate: function () { return -this.snapGrid[this.snapGrid.length - 1] }, translateTo: function (e, t, s, a, i) { void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === s && (s = !0), void 0 === a && (a = !0); const r = this, { params: n, wrapperEl: l } = r; if (r.animating && n.preventInteractionOnTransition) return !1; const o = r.minTranslate(), d = r.maxTranslate(); let c; if (c = a && e > o ? o : a && e < d ? d : e, r.updateProgress(c), n.cssMode) { const e = r.isHorizontal(); if (0 === t) l[e ? "scrollLeft" : "scrollTop"] = -c; else { if (!r.support.smoothScroll) return u({ swiper: r, targetPosition: -c, side: e ? "left" : "top" }), !0; l.scrollTo({ [e ? "left" : "top"]: -c, behavior: "smooth" }) } return !0 } return 0 === t ? (r.setTransition(0), r.setTranslate(c), s && (r.emit("beforeTransitionStart", t, i), r.emit("transitionEnd"))) : (r.setTransition(t), r.setTranslate(c), s && (r.emit("beforeTransitionStart", t, i), r.emit("transitionStart")), r.animating || (r.animating = !0, r.onTranslateToWrapperTransitionEnd || (r.onTranslateToWrapperTransitionEnd = function (e) { r && !r.destroyed && e.target === this && (r.wrapperEl.removeEventListener("transitionend", r.onTranslateToWrapperTransitionEnd), r.onTranslateToWrapperTransitionEnd = null, delete r.onTranslateToWrapperTransitionEnd, s && r.emit("transitionEnd")) }), r.wrapperEl.addEventListener("transitionend", r.onTranslateToWrapperTransitionEnd))), !0 } }; function O(e) { let { swiper: t, runCallbacks: s, direction: a, step: i } = e; const { activeIndex: r, previousIndex: n } = t; let l = a; if (l || (l = r > n ? "next" : r < n ? "prev" : "reset"), t.emit(`transition${i}`), s && r !== n) { if ("reset" === l) return void t.emit(`slideResetTransition${i}`); t.emit(`slideChangeTransition${i}`), "next" === l ? t.emit(`slideNextTransition${i}`) : t.emit(`slidePrevTransition${i}`) } } var D = { slideTo: function (e, t, s, a, i) { void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === s && (s = !0), "string" == typeof e && (e = parseInt(e, 10)); const r = this; let n = e; n < 0 && (n = 0); const { params: l, snapGrid: o, slidesGrid: d, previousIndex: c, activeIndex: p, rtlTranslate: m, wrapperEl: h, enabled: f } = r; if (r.animating && l.preventInteractionOnTransition || !f && !a && !i) return !1; const g = Math.min(r.params.slidesPerGroupSkip, n); let v = g + Math.floor((n - g) / r.params.slidesPerGroup); v >= o.length && (v = o.length - 1); const w = -o[v]; if (l.normalizeSlideIndex) for (let e = 0; e < d.length; e += 1) { const t = -Math.floor(100 * w), s = Math.floor(100 * d[e]), a = Math.floor(100 * d[e + 1]); void 0 !== d[e + 1] ? t >= s && t < a - (a - s) / 2 ? n = e : t >= s && t < a && (n = e + 1) : t >= s && (n = e) } if (r.initialized && n !== p) { if (!r.allowSlideNext && (m ? w > r.translate && w > r.minTranslate() : w < r.translate && w < r.minTranslate())) return !1; if (!r.allowSlidePrev && w > r.translate && w > r.maxTranslate() && (p || 0) !== n) return !1 } let b; if (n !== (c || 0) && s && r.emit("beforeSlideChangeStart"), r.updateProgress(w), b = n > p ? "next" : n < p ? "prev" : "reset", m && -w === r.translate || !m && w === r.translate) return r.updateActiveIndex(n), l.autoHeight && r.updateAutoHeight(), r.updateSlidesClasses(), "slide" !== l.effect && r.setTranslate(w), "reset" !== b && (r.transitionStart(s, b), r.transitionEnd(s, b)), !1; if (l.cssMode) { const e = r.isHorizontal(), s = m ? w : -w; if (0 === t) { const t = r.virtual && r.params.virtual.enabled; t && (r.wrapperEl.style.scrollSnapType = "none", r._immediateVirtual = !0), t && !r._cssModeVirtualInitialSet && r.params.initialSlide > 0 ? (r._cssModeVirtualInitialSet = !0, requestAnimationFrame((() => { h[e ? "scrollLeft" : "scrollTop"] = s }))) : h[e ? "scrollLeft" : "scrollTop"] = s, t && requestAnimationFrame((() => { r.wrapperEl.style.scrollSnapType = "", r._immediateVirtual = !1 })) } else { if (!r.support.smoothScroll) return u({ swiper: r, targetPosition: s, side: e ? "left" : "top" }), !0; h.scrollTo({ [e ? "left" : "top"]: s, behavior: "smooth" }) } return !0 } return r.setTransition(t), r.setTranslate(w), r.updateActiveIndex(n), r.updateSlidesClasses(), r.emit("beforeTransitionStart", t, a), r.transitionStart(s, b), 0 === t ? r.transitionEnd(s, b) : r.animating || (r.animating = !0, r.onSlideToWrapperTransitionEnd || (r.onSlideToWrapperTransitionEnd = function (e) { r && !r.destroyed && e.target === this && (r.wrapperEl.removeEventListener("transitionend", r.onSlideToWrapperTransitionEnd), r.onSlideToWrapperTransitionEnd = null, delete r.onSlideToWrapperTransitionEnd, r.transitionEnd(s, b)) }), r.wrapperEl.addEventListener("transitionend", r.onSlideToWrapperTransitionEnd)), !0 }, slideToLoop: function (e, t, s, a) { if (void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === s && (s = !0), "string" == typeof e) { e = parseInt(e, 10) } const i = this; let r = e; return i.params.loop && (i.virtual && i.params.virtual.enabled ? r += i.virtual.slidesBefore : r = i.getSlideIndexByData(r)), i.slideTo(r, t, s, a) }, slideNext: function (e, t, s) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); const a = this, { enabled: i, params: r, animating: n } = a; if (!i) return a; let l = r.slidesPerGroup; "auto" === r.slidesPerView && 1 === r.slidesPerGroup && r.slidesPerGroupAuto && (l = Math.max(a.slidesPerViewDynamic("current", !0), 1)); const o = a.activeIndex < r.slidesPerGroupSkip ? 1 : l, d = a.virtual && r.virtual.enabled; if (r.loop) { if (n && !d && r.loopPreventsSliding) return !1; a.loopFix({ direction: "next" }), a._clientLeft = a.wrapperEl.clientLeft } return r.rewind && a.isEnd ? a.slideTo(0, e, t, s) : a.slideTo(a.activeIndex + o, e, t, s) }, slidePrev: function (e, t, s) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); const a = this, { params: i, snapGrid: r, slidesGrid: n, rtlTranslate: l, enabled: o, animating: d } = a; if (!o) return a; const c = a.virtual && i.virtual.enabled; if (i.loop) { if (d && !c && i.loopPreventsSliding) return !1; a.loopFix({ direction: "prev" }), a._clientLeft = a.wrapperEl.clientLeft } function p(e) { return e < 0 ? -Math.floor(Math.abs(e)) : Math.floor(e) } const u = p(l ? a.translate : -a.translate), m = r.map((e => p(e))); let h = r[m.indexOf(u) - 1]; if (void 0 === h && i.cssMode) { let e; r.forEach(((t, s) => { u >= t && (e = s) })), void 0 !== e && (h = r[e > 0 ? e - 1 : e]) } let f = 0; if (void 0 !== h && (f = n.indexOf(h), f < 0 && (f = a.activeIndex - 1), "auto" === i.slidesPerView && 1 === i.slidesPerGroup && i.slidesPerGroupAuto && (f = f - a.slidesPerViewDynamic("previous", !0) + 1, f = Math.max(f, 0))), i.rewind && a.isBeginning) { const i = a.params.virtual && a.params.virtual.enabled && a.virtual ? a.virtual.slides.length - 1 : a.slides.length - 1; return a.slideTo(i, e, t, s) } return a.slideTo(f, e, t, s) }, slideReset: function (e, t, s) { return void 0 === e && (e = this.params.speed), void 0 === t && (t = !0), this.slideTo(this.activeIndex, e, t, s) }, slideToClosest: function (e, t, s, a) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0), void 0 === a && (a = .5); const i = this; let r = i.activeIndex; const n = Math.min(i.params.slidesPerGroupSkip, r), l = n + Math.floor((r - n) / i.params.slidesPerGroup), o = i.rtlTranslate ? i.translate : -i.translate; if (o >= i.snapGrid[l]) { const e = i.snapGrid[l]; o - e > (i.snapGrid[l + 1] - e) * a && (r += i.params.slidesPerGroup) } else { const e = i.snapGrid[l - 1]; o - e <= (i.snapGrid[l] - e) * a && (r -= i.params.slidesPerGroup) } return r = Math.max(r, 0), r = Math.min(r, i.slidesGrid.length - 1), i.slideTo(r, e, t, s) }, slideToClickedSlide: function () { const e = this, { params: t, slidesEl: s } = e, a = "auto" === t.slidesPerView ? e.slidesPerViewDynamic() : t.slidesPerView; let i, r = e.clickedIndex; const l = e.isElement ? "swiper-slide" : `.${t.slideClass}`; if (t.loop) { if (e.animating) return; i = parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10), t.centeredSlides ? r < e.loopedSlides - a / 2 || r > e.slides.length - e.loopedSlides + a / 2 ? (e.loopFix(), r = e.getSlideIndex(h(s, `${l}[data-swiper-slide-index="${i}"]`)[0]), n((() => { e.slideTo(r) }))) : e.slideTo(r) : r > e.slides.length - a ? (e.loopFix(), r = e.getSlideIndex(h(s, `${l}[data-swiper-slide-index="${i}"]`)[0]), n((() => { e.slideTo(r) }))) : e.slideTo(r) } else e.slideTo(r) } }; var G = { loopCreate: function (e) { const t = this, { params: s, slidesEl: a } = t; if (!s.loop || t.virtual && t.params.virtual.enabled) return; h(a, `.${s.slideClass}, swiper-slide`).forEach(((e, t) => { e.setAttribute("data-swiper-slide-index", t) })), t.loopFix({ slideRealIndex: e, direction: s.centeredSlides ? void 0 : "next" }) }, loopFix: function (e) { let { slideRealIndex: t, slideTo: s = !0, direction: a, setTranslate: i, activeSlideIndex: r, byController: n, byMousewheel: l } = void 0 === e ? {} : e; const o = this; if (!o.params.loop) return; o.emit("beforeLoopFix"); const { slides: d, allowSlidePrev: c, allowSlideNext: p, slidesEl: u, params: m } = o; if (o.allowSlidePrev = !0, o.allowSlideNext = !0, o.virtual && m.virtual.enabled) return s && (m.centeredSlides || 0 !== o.snapIndex ? m.centeredSlides && o.snapIndex < m.slidesPerView ? o.slideTo(o.virtual.slides.length + o.snapIndex, 0, !1, !0) : o.snapIndex === o.snapGrid.length - 1 && o.slideTo(o.virtual.slidesBefore, 0, !1, !0) : o.slideTo(o.virtual.slides.length, 0, !1, !0)), o.allowSlidePrev = c, o.allowSlideNext = p, void o.emit("loopFix"); const h = "auto" === m.slidesPerView ? o.slidesPerViewDynamic() : Math.ceil(parseFloat(m.slidesPerView, 10)); let f = m.loopedSlides || h; f % m.slidesPerGroup != 0 && (f += m.slidesPerGroup - f % m.slidesPerGroup), o.loopedSlides = f; const g = [], v = []; let w = o.activeIndex; void 0 === r ? r = o.getSlideIndex(o.slides.filter((e => e.classList.contains(m.slideActiveClass)))[0]) : w = r; const b = "next" === a || !a, y = "prev" === a || !a; let E = 0, x = 0; if (r < f) { E = Math.max(f - r, m.slidesPerGroup); for (let e = 0; e < f - r; e += 1) { const t = e - Math.floor(e / d.length) * d.length; g.push(d.length - t - 1) } } else if (r > o.slides.length - 2 * f) { x = Math.max(r - (o.slides.length - 2 * f), m.slidesPerGroup); for (let e = 0; e < x; e += 1) { const t = e - Math.floor(e / d.length) * d.length; v.push(t) } } if (y && g.forEach((e => { o.slides[e].swiperLoopMoveDOM = !0, u.prepend(o.slides[e]), o.slides[e].swiperLoopMoveDOM = !1 })), b && v.forEach((e => { o.slides[e].swiperLoopMoveDOM = !0, u.append(o.slides[e]), o.slides[e].swiperLoopMoveDOM = !1 })), o.recalcSlides(), "auto" === m.slidesPerView && o.updateSlides(), m.watchSlidesProgress && o.updateSlidesOffset(), s) if (g.length > 0 && y) if (void 0 === t) { const e = o.slidesGrid[w], t = o.slidesGrid[w + E] - e; l ? o.setTranslate(o.translate - t) : (o.slideTo(w + E, 0, !1, !0), i && (o.touches[o.isHorizontal() ? "startX" : "startY"] += t, o.touchEventsData.currentTranslate = o.translate)) } else i && (o.slideToLoop(t, 0, !1, !0), o.touchEventsData.currentTranslate = o.translate); else if (v.length > 0 && b) if (void 0 === t) { const e = o.slidesGrid[w], t = o.slidesGrid[w - x] - e; l ? o.setTranslate(o.translate - t) : (o.slideTo(w - x, 0, !1, !0), i && (o.touches[o.isHorizontal() ? "startX" : "startY"] += t, o.touchEventsData.currentTranslate = o.translate)) } else o.slideToLoop(t, 0, !1, !0); if (o.allowSlidePrev = c, o.allowSlideNext = p, o.controller && o.controller.control && !n) { const e = { slideRealIndex: t, direction: a, setTranslate: i, activeSlideIndex: r, byController: !0 }; Array.isArray(o.controller.control) ? o.controller.control.forEach((t => { !t.destroyed && t.params.loop && t.loopFix({ ...e, slideTo: t.params.slidesPerView === m.slidesPerView && s }) })) : o.controller.control instanceof o.constructor && o.controller.control.params.loop && o.controller.control.loopFix({ ...e, slideTo: o.controller.control.params.slidesPerView === m.slidesPerView && s }) } o.emit("loopFix") }, loopDestroy: function () { const e = this, { params: t, slidesEl: s } = e; if (!t.loop || e.virtual && e.params.virtual.enabled) return; e.recalcSlides(); const a = []; e.slides.forEach((e => { const t = void 0 === e.swiperSlideIndex ? 1 * e.getAttribute("data-swiper-slide-index") : e.swiperSlideIndex; a[t] = e })), e.slides.forEach((e => { e.removeAttribute("data-swiper-slide-index") })), a.forEach((e => { s.append(e) })), e.recalcSlides(), e.slideTo(e.realIndex, 0) } }; function H(e) { const t = this, s = a(), i = r(), n = t.touchEventsData; n.evCache.push(e); const { params: o, touches: d, enabled: c } = t; if (!c) return; if (!o.simulateTouch && "mouse" === e.pointerType) return; if (t.animating && o.preventInteractionOnTransition) return; !t.animating && o.cssMode && o.loop && t.loopFix(); let p = e; p.originalEvent && (p = p.originalEvent); let u = p.target; if ("wrapper" === o.touchEventsTarget && !t.wrapperEl.contains(u)) return; if ("which" in p && 3 === p.which) return; if ("button" in p && p.button > 0) return; if (n.isTouched && n.isMoved) return; const m = !!o.noSwipingClass && "" !== o.noSwipingClass, h = e.composedPath ? e.composedPath() : e.path; m && p.target && p.target.shadowRoot && h && (u = h[0]); const f = o.noSwipingSelector ? o.noSwipingSelector : `.${o.noSwipingClass}`, g = !(!p.target || !p.target.shadowRoot); if (o.noSwiping && (g ? function (e, t) { return void 0 === t && (t = this), function t(s) { if (!s || s === a() || s === r()) return null; s.assignedSlot && (s = s.assignedSlot); const i = s.closest(e); return i || s.getRootNode ? i || t(s.getRootNode().host) : null }(t) }(f, u) : u.closest(f))) return void (t.allowClick = !0); if (o.swipeHandler && !u.closest(o.swipeHandler)) return; d.currentX = p.pageX, d.currentY = p.pageY; const v = d.currentX, w = d.currentY, b = o.edgeSwipeDetection || o.iOSEdgeSwipeDetection, y = o.edgeSwipeThreshold || o.iOSEdgeSwipeThreshold; if (b && (v <= y || v >= i.innerWidth - y)) { if ("prevent" !== b) return; e.preventDefault() } Object.assign(n, { isTouched: !0, isMoved: !1, allowTouchCallbacks: !0, isScrolling: void 0, startMoving: void 0 }), d.startX = v, d.startY = w, n.touchStartTime = l(), t.allowClick = !0, t.updateSize(), t.swipeDirection = void 0, o.threshold > 0 && (n.allowThresholdMove = !1); let E = !0; u.matches(n.focusableElements) && (E = !1, "SELECT" === u.nodeName && (n.isTouched = !1)), s.activeElement && s.activeElement.matches(n.focusableElements) && s.activeElement !== u && s.activeElement.blur(); const x = E && t.allowTouchMove && o.touchStartPreventDefault; !o.touchStartForcePreventDefault && !x || u.isContentEditable || p.preventDefault(), o.freeMode && o.freeMode.enabled && t.freeMode && t.animating && !o.cssMode && t.freeMode.onTouchStart(), t.emit("touchStart", p) } function X(e) { const t = a(), s = this, i = s.touchEventsData, { params: r, touches: n, rtlTranslate: o, enabled: d } = s; if (!d) return; if (!r.simulateTouch && "mouse" === e.pointerType) return; let c = e; if (c.originalEvent && (c = c.originalEvent), !i.isTouched) return void (i.startMoving && i.isScrolling && s.emit("touchMoveOpposite", c)); const p = i.evCache.findIndex((e => e.pointerId === c.pointerId)); p >= 0 && (i.evCache[p] = c); const u = i.evCache.length > 1 ? i.evCache[0] : c, m = u.pageX, h = u.pageY; if (c.preventedByNestedSwiper) return n.startX = m, void (n.startY = h); if (!s.allowTouchMove) return c.target.matches(i.focusableElements) || (s.allowClick = !1), void (i.isTouched && (Object.assign(n, { startX: m, startY: h, prevX: s.touches.currentX, prevY: s.touches.currentY, currentX: m, currentY: h }), i.touchStartTime = l())); if (r.touchReleaseOnEdges && !r.loop) if (s.isVertical()) { if (h < n.startY && s.translate <= s.maxTranslate() || h > n.startY && s.translate >= s.minTranslate()) return i.isTouched = !1, void (i.isMoved = !1) } else if (m < n.startX && s.translate <= s.maxTranslate() || m > n.startX && s.translate >= s.minTranslate()) return; if (t.activeElement && c.target === t.activeElement && c.target.matches(i.focusableElements)) return i.isMoved = !0, void (s.allowClick = !1); if (i.allowTouchCallbacks && s.emit("touchMove", c), c.targetTouches && c.targetTouches.length > 1) return; n.currentX = m, n.currentY = h; const f = n.currentX - n.startX, g = n.currentY - n.startY; if (s.params.threshold && Math.sqrt(f ** 2 + g ** 2) < s.params.threshold) return; if (void 0 === i.isScrolling) { let e; s.isHorizontal() && n.currentY === n.startY || s.isVertical() && n.currentX === n.startX ? i.isScrolling = !1 : f * f + g * g >= 25 && (e = 180 * Math.atan2(Math.abs(g), Math.abs(f)) / Math.PI, i.isScrolling = s.isHorizontal() ? e > r.touchAngle : 90 - e > r.touchAngle) } if (i.isScrolling && s.emit("touchMoveOpposite", c), void 0 === i.startMoving && (n.currentX === n.startX && n.currentY === n.startY || (i.startMoving = !0)), i.isScrolling || s.zoom && s.params.zoom && s.params.zoom.enabled && i.evCache.length > 1) return void (i.isTouched = !1); if (!i.startMoving) return; s.allowClick = !1, !r.cssMode && c.cancelable && c.preventDefault(), r.touchMoveStopPropagation && !r.nested && c.stopPropagation(); let v = s.isHorizontal() ? f : g, w = s.isHorizontal() ? n.currentX - n.previousX : n.currentY - n.previousY; r.oneWayMovement && (v = Math.abs(v) * (o ? 1 : -1), w = Math.abs(w) * (o ? 1 : -1)), n.diff = v, v *= r.touchRatio, o && (v = -v, w = -w); const b = s.touchesDirection; s.swipeDirection = v > 0 ? "prev" : "next", s.touchesDirection = w > 0 ? "prev" : "next"; const y = s.params.loop && !r.cssMode; if (!i.isMoved) { if (y && s.loopFix({ direction: s.swipeDirection }), i.startTranslate = s.getTranslate(), s.setTransition(0), s.animating) { const e = new window.CustomEvent("transitionend", { bubbles: !0, cancelable: !0 }); s.wrapperEl.dispatchEvent(e) } i.allowMomentumBounce = !1, !r.grabCursor || !0 !== s.allowSlideNext && !0 !== s.allowSlidePrev || s.setGrabCursor(!0), s.emit("sliderFirstMove", c) } let E; i.isMoved && b !== s.touchesDirection && y && Math.abs(v) >= 1 && (s.loopFix({ direction: s.swipeDirection, setTranslate: !0 }), E = !0), s.emit("sliderMove", c), i.isMoved = !0, i.currentTranslate = v + i.startTranslate; let x = !0, S = r.resistanceRatio; if (r.touchReleaseOnEdges && (S = 0), v > 0 ? (y && !E && i.currentTranslate > (r.centeredSlides ? s.minTranslate() - s.size / 2 : s.minTranslate()) && s.loopFix({ direction: "prev", setTranslate: !0, activeSlideIndex: 0 }), i.currentTranslate > s.minTranslate() && (x = !1, r.resistance && (i.currentTranslate = s.minTranslate() - 1 + (-s.minTranslate() + i.startTranslate + v) ** S))) : v < 0 && (y && !E && i.currentTranslate < (r.centeredSlides ? s.maxTranslate() + s.size / 2 : s.maxTranslate()) && s.loopFix({ direction: "next", setTranslate: !0, activeSlideIndex: s.slides.length - ("auto" === r.slidesPerView ? s.slidesPerViewDynamic() : Math.ceil(parseFloat(r.slidesPerView, 10))) }), i.currentTranslate < s.maxTranslate() && (x = !1, r.resistance && (i.currentTranslate = s.maxTranslate() + 1 - (s.maxTranslate() - i.startTranslate - v) ** S))), x && (c.preventedByNestedSwiper = !0), !s.allowSlideNext && "next" === s.swipeDirection && i.currentTranslate < i.startTranslate && (i.currentTranslate = i.startTranslate), !s.allowSlidePrev && "prev" === s.swipeDirection && i.currentTranslate > i.startTranslate && (i.currentTranslate = i.startTranslate), s.allowSlidePrev || s.allowSlideNext || (i.currentTranslate = i.startTranslate), r.threshold > 0) { if (!(Math.abs(v) > r.threshold || i.allowThresholdMove)) return void (i.currentTranslate = i.startTranslate); if (!i.allowThresholdMove) return i.allowThresholdMove = !0, n.startX = n.currentX, n.startY = n.currentY, i.currentTranslate = i.startTranslate, void (n.diff = s.isHorizontal() ? n.currentX - n.startX : n.currentY - n.startY) } r.followFinger && !r.cssMode && ((r.freeMode && r.freeMode.enabled && s.freeMode || r.watchSlidesProgress) && (s.updateActiveIndex(), s.updateSlidesClasses()), r.freeMode && r.freeMode.enabled && s.freeMode && s.freeMode.onTouchMove(), s.updateProgress(i.currentTranslate), s.setTranslate(i.currentTranslate)) } function Y(e) { const t = this, s = t.touchEventsData, a = s.evCache.findIndex((t => t.pointerId === e.pointerId)); if (a >= 0 && s.evCache.splice(a, 1), ["pointercancel", "pointerout", "pointerleave", "contextmenu"].includes(e.type)) { if (!(["pointercancel", "contextmenu"].includes(e.type) && (t.browser.isSafari || t.browser.isWebView))) return } const { params: i, touches: r, rtlTranslate: o, slidesGrid: d, enabled: c } = t; if (!c) return; if (!i.simulateTouch && "mouse" === e.pointerType) return; let p = e; if (p.originalEvent && (p = p.originalEvent), s.allowTouchCallbacks && t.emit("touchEnd", p), s.allowTouchCallbacks = !1, !s.isTouched) return s.isMoved && i.grabCursor && t.setGrabCursor(!1), s.isMoved = !1, void (s.startMoving = !1); i.grabCursor && s.isMoved && s.isTouched && (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) && t.setGrabCursor(!1); const u = l(), m = u - s.touchStartTime; if (t.allowClick) { const e = p.path || p.composedPath && p.composedPath(); t.updateClickedSlide(e && e[0] || p.target), t.emit("tap click", p), m < 300 && u - s.lastClickTime < 300 && t.emit("doubleTap doubleClick", p) } if (s.lastClickTime = l(), n((() => { t.destroyed || (t.allowClick = !0) })), !s.isTouched || !s.isMoved || !t.swipeDirection || 0 === r.diff || s.currentTranslate === s.startTranslate) return s.isTouched = !1, s.isMoved = !1, void (s.startMoving = !1); let h; if (s.isTouched = !1, s.isMoved = !1, s.startMoving = !1, h = i.followFinger ? o ? t.translate : -t.translate : -s.currentTranslate, i.cssMode) return; if (i.freeMode && i.freeMode.enabled) return void t.freeMode.onTouchEnd({ currentPos: h }); let f = 0, g = t.slidesSizesGrid[0]; for (let e = 0; e < d.length; e += e < i.slidesPerGroupSkip ? 1 : i.slidesPerGroup) { const t = e < i.slidesPerGroupSkip - 1 ? 1 : i.slidesPerGroup; void 0 !== d[e + t] ? h >= d[e] && h < d[e + t] && (f = e, g = d[e + t] - d[e]) : h >= d[e] && (f = e, g = d[d.length - 1] - d[d.length - 2]) } let v = null, w = null; i.rewind && (t.isBeginning ? w = i.virtual && i.virtual.enabled && t.virtual ? t.virtual.slides.length - 1 : t.slides.length - 1 : t.isEnd && (v = 0)); const b = (h - d[f]) / g, y = f < i.slidesPerGroupSkip - 1 ? 1 : i.slidesPerGroup; if (m > i.longSwipesMs) { if (!i.longSwipes) return void t.slideTo(t.activeIndex); "next" === t.swipeDirection && (b >= i.longSwipesRatio ? t.slideTo(i.rewind && t.isEnd ? v : f + y) : t.slideTo(f)), "prev" === t.swipeDirection && (b > 1 - i.longSwipesRatio ? t.slideTo(f + y) : null !== w && b < 0 && Math.abs(b) > i.longSwipesRatio ? t.slideTo(w) : t.slideTo(f)) } else { if (!i.shortSwipes) return void t.slideTo(t.activeIndex); t.navigation && (p.target === t.navigation.nextEl || p.target === t.navigation.prevEl) ? p.target === t.navigation.nextEl ? t.slideTo(f + y) : t.slideTo(f) : ("next" === t.swipeDirection && t.slideTo(null !== v ? v : f + y), "prev" === t.swipeDirection && t.slideTo(null !== w ? w : f)) } } function N() { const e = this, { params: t, el: s } = e; if (s && 0 === s.offsetWidth) return; t.breakpoints && e.setBreakpoint(); const { allowSlideNext: a, allowSlidePrev: i, snapGrid: r } = e, n = e.virtual && e.params.virtual.enabled; e.allowSlideNext = !0, e.allowSlidePrev = !0, e.updateSize(), e.updateSlides(), e.updateSlidesClasses(); const l = n && t.loop; !("auto" === t.slidesPerView || t.slidesPerView > 1) || !e.isEnd || e.isBeginning || e.params.centeredSlides || l ? e.params.loop && !n ? e.slideToLoop(e.realIndex, 0, !1, !0) : e.slideTo(e.activeIndex, 0, !1, !0) : e.slideTo(e.slides.length - 1, 0, !1, !0), e.autoplay && e.autoplay.running && e.autoplay.paused && (clearTimeout(e.autoplay.resizeTimeout), e.autoplay.resizeTimeout = setTimeout((() => { e.autoplay && e.autoplay.running && e.autoplay.paused && e.autoplay.resume() }), 500)), e.allowSlidePrev = i, e.allowSlideNext = a, e.params.watchOverflow && r !== e.snapGrid && e.checkOverflow() } function B(e) { const t = this; t.enabled && (t.allowClick || (t.params.preventClicks && e.preventDefault(), t.params.preventClicksPropagation && t.animating && (e.stopPropagation(), e.stopImmediatePropagation()))) } function R() { const e = this, { wrapperEl: t, rtlTranslate: s, enabled: a } = e; if (!a) return; let i; e.previousTranslate = e.translate, e.isHorizontal() ? e.translate = -t.scrollLeft : e.translate = -t.scrollTop, 0 === e.translate && (e.translate = 0), e.updateActiveIndex(), e.updateSlidesClasses(); const r = e.maxTranslate() - e.minTranslate(); i = 0 === r ? 0 : (e.translate - e.minTranslate()) / r, i !== e.progress && e.updateProgress(s ? -e.translate : e.translate), e.emit("setTranslate", e.translate, !1) } function q(e) { const t = this; z(t, e.target), t.params.cssMode || "auto" !== t.params.slidesPerView && !t.params.autoHeight || t.update() } let V = !1; function F() { } const _ = (e, t) => { const s = a(), { params: i, el: r, wrapperEl: n, device: l } = e, o = !!i.nested, d = "on" === t ? "addEventListener" : "removeEventListener", c = t; r[d]("pointerdown", e.onTouchStart, { passive: !1 }), s[d]("pointermove", e.onTouchMove, { passive: !1, capture: o }), s[d]("pointerup", e.onTouchEnd, { passive: !0 }), s[d]("pointercancel", e.onTouchEnd, { passive: !0 }), s[d]("pointerout", e.onTouchEnd, { passive: !0 }), s[d]("pointerleave", e.onTouchEnd, { passive: !0 }), s[d]("contextmenu", e.onTouchEnd, { passive: !0 }), (i.preventClicks || i.preventClicksPropagation) && r[d]("click", e.onClick, !0), i.cssMode && n[d]("scroll", e.onScroll), i.updateOnWindowResize ? e[c](l.ios || l.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", N, !0) : e[c]("observerUpdate", N, !0), r[d]("load", e.onLoad, { capture: !0 }) }; const j = (e, t) => e.grid && t.grid && t.grid.rows > 1; var W = { init: !0, direction: "horizontal", oneWayMovement: !1, touchEventsTarget: "wrapper", initialSlide: 0, speed: 300, cssMode: !1, updateOnWindowResize: !0, resizeObserver: !0, nested: !1, createElements: !1, enabled: !0, focusableElements: "input, select, option, textarea, button, video, label", width: null, height: null, preventInteractionOnTransition: !1, userAgent: null, url: null, edgeSwipeDetection: !1, edgeSwipeThreshold: 20, autoHeight: !1, setWrapperSize: !1, virtualTranslate: !1, effect: "slide", breakpoints: void 0, breakpointsBase: "window", spaceBetween: 0, slidesPerView: 1, slidesPerGroup: 1, slidesPerGroupSkip: 0, slidesPerGroupAuto: !1, centeredSlides: !1, centeredSlidesBounds: !1, slidesOffsetBefore: 0, slidesOffsetAfter: 0, normalizeSlideIndex: !0, centerInsufficientSlides: !1, watchOverflow: !0, roundLengths: !1, touchRatio: 1, touchAngle: 45, simulateTouch: !0, shortSwipes: !0, longSwipes: !0, longSwipesRatio: .5, longSwipesMs: 300, followFinger: !0, allowTouchMove: !0, threshold: 5, touchMoveStopPropagation: !1, touchStartPreventDefault: !0, touchStartForcePreventDefault: !1, touchReleaseOnEdges: !1, uniqueNavElements: !0, resistance: !0, resistanceRatio: .85, watchSlidesProgress: !1, grabCursor: !1, preventClicks: !0, preventClicksPropagation: !0, slideToClickedSlide: !1, loop: !1, loopedSlides: null, loopPreventsSliding: !0, rewind: !1, allowSlidePrev: !0, allowSlideNext: !0, swipeHandler: null, noSwiping: !0, noSwipingClass: "swiper-no-swiping", noSwipingSelector: null, passiveListeners: !0, maxBackfaceHiddenSlides: 10, containerModifierClass: "swiper-", slideClass: "swiper-slide", slideActiveClass: "swiper-slide-active", slideVisibleClass: "swiper-slide-visible", slideNextClass: "swiper-slide-next", slidePrevClass: "swiper-slide-prev", wrapperClass: "swiper-wrapper", lazyPreloaderClass: "swiper-lazy-preloader", lazyPreloadPrevNext: 0, runCallbacksOnInit: !0, _emitClasses: !1 }; function U(e, t) { return function (s) { void 0 === s && (s = {}); const a = Object.keys(s)[0], i = s[a]; "object" == typeof i && null !== i ? (["navigation", "pagination", "scrollbar"].indexOf(a) >= 0 && !0 === e[a] && (e[a] = { auto: !0 }), a in e && "enabled" in i ? (!0 === e[a] && (e[a] = { enabled: !0 }), "object" != typeof e[a] || "enabled" in e[a] || (e[a].enabled = !0), e[a] || (e[a] = { enabled: !1 }), c(t, s)) : c(t, s)) : c(t, s) } } const K = { eventsEmitter: L, update: I, translate: k, transition: { setTransition: function (e, t) { const s = this; s.params.cssMode || (s.wrapperEl.style.transitionDuration = `${e}ms`, s.wrapperEl.style.transitionDelay = 0 === e ? "0ms" : ""), s.emit("setTransition", e, t) }, transitionStart: function (e, t) { void 0 === e && (e = !0); const s = this, { params: a } = s; a.cssMode || (a.autoHeight && s.updateAutoHeight(), O({ swiper: s, runCallbacks: e, direction: t, step: "Start" })) }, transitionEnd: function (e, t) { void 0 === e && (e = !0); const s = this, { params: a } = s; s.animating = !1, a.cssMode || (s.setTransition(0), O({ swiper: s, runCallbacks: e, direction: t, step: "End" })) } }, slide: D, loop: G, grabCursor: { setGrabCursor: function (e) { const t = this; if (!t.params.simulateTouch || t.params.watchOverflow && t.isLocked || t.params.cssMode) return; const s = "container" === t.params.touchEventsTarget ? t.el : t.wrapperEl; t.isElement && (t.__preventObserver__ = !0), s.style.cursor = "move", s.style.cursor = e ? "grabbing" : "grab", t.isElement && requestAnimationFrame((() => { t.__preventObserver__ = !1 })) }, unsetGrabCursor: function () { const e = this; e.params.watchOverflow && e.isLocked || e.params.cssMode || (e.isElement && (e.__preventObserver__ = !0), e["container" === e.params.touchEventsTarget ? "el" : "wrapperEl"].style.cursor = "", e.isElement && requestAnimationFrame((() => { e.__preventObserver__ = !1 }))) } }, events: { attachEvents: function () { const e = this, t = a(), { params: s } = e; e.onTouchStart = H.bind(e), e.onTouchMove = X.bind(e), e.onTouchEnd = Y.bind(e), s.cssMode && (e.onScroll = R.bind(e)), e.onClick = B.bind(e), e.onLoad = q.bind(e), V || (t.addEventListener("touchstart", F), V = !0), _(e, "on") }, detachEvents: function () { _(this, "off") } }, breakpoints: { setBreakpoint: function () { const e = this, { realIndex: t, initialized: s, params: a, el: i } = e, r = a.breakpoints; if (!r || r && 0 === Object.keys(r).length) return; const n = e.getBreakpoint(r, e.params.breakpointsBase, e.el); if (!n || e.currentBreakpoint === n) return; const l = (n in r ? r[n] : void 0) || e.originalParams, o = j(e, a), d = j(e, l), p = a.enabled; o && !d ? (i.classList.remove(`${a.containerModifierClass}grid`, `${a.containerModifierClass}grid-column`), e.emitContainerClasses()) : !o && d && (i.classList.add(`${a.containerModifierClass}grid`), (l.grid.fill && "column" === l.grid.fill || !l.grid.fill && "column" === a.grid.fill) && i.classList.add(`${a.containerModifierClass}grid-column`), e.emitContainerClasses()), ["navigation", "pagination", "scrollbar"].forEach((t => { if (void 0 === l[t]) return; const s = a[t] && a[t].enabled, i = l[t] && l[t].enabled; s && !i && e[t].disable(), !s && i && e[t].enable() })); const u = l.direction && l.direction !== a.direction, m = a.loop && (l.slidesPerView !== a.slidesPerView || u); u && s && e.changeDirection(), c(e.params, l); const h = e.params.enabled; Object.assign(e, { allowTouchMove: e.params.allowTouchMove, allowSlideNext: e.params.allowSlideNext, allowSlidePrev: e.params.allowSlidePrev }), p && !h ? e.disable() : !p && h && e.enable(), e.currentBreakpoint = n, e.emit("_beforeBreakpoint", l), m && s && (e.loopDestroy(), e.loopCreate(t), e.updateSlides()), e.emit("breakpoint", l) }, getBreakpoint: function (e, t, s) { if (void 0 === t && (t = "window"), !e || "container" === t && !s) return; let a = !1; const i = r(), n = "window" === t ? i.innerHeight : s.clientHeight, l = Object.keys(e).map((e => { if ("string" == typeof e && 0 === e.indexOf("@")) { const t = parseFloat(e.substr(1)); return { value: n * t, point: e } } return { value: e, point: e } })); l.sort(((e, t) => parseInt(e.value, 10) - parseInt(t.value, 10))); for (let e = 0; e < l.length; e += 1) { const { point: r, value: n } = l[e]; "window" === t ? i.matchMedia(`(min-width: ${n}px)`).matches && (a = r) : n <= s.clientWidth && (a = r) } return a || "max" } }, checkOverflow: { checkOverflow: function () { const e = this, { isLocked: t, params: s } = e, { slidesOffsetBefore: a } = s; if (a) { const t = e.slides.length - 1, s = e.slidesGrid[t] + e.slidesSizesGrid[t] + 2 * a; e.isLocked = e.size > s } else e.isLocked = 1 === e.snapGrid.length; !0 === s.allowSlideNext && (e.allowSlideNext = !e.isLocked), !0 === s.allowSlidePrev && (e.allowSlidePrev = !e.isLocked), t && t !== e.isLocked && (e.isEnd = !1), t !== e.isLocked && e.emit(e.isLocked ? "lock" : "unlock") } }, classes: { addClasses: function () { const e = this, { classNames: t, params: s, rtl: a, el: i, device: r } = e, n = function (e, t) { const s = []; return e.forEach((e => { "object" == typeof e ? Object.keys(e).forEach((a => { e[a] && s.push(t + a) })) : "string" == typeof e && s.push(t + e) })), s }(["initialized", s.direction, { "free-mode": e.params.freeMode && s.freeMode.enabled }, { autoheight: s.autoHeight }, { rtl: a }, { grid: s.grid && s.grid.rows > 1 }, { "grid-column": s.grid && s.grid.rows > 1 && "column" === s.grid.fill }, { android: r.android }, { ios: r.ios }, { "css-mode": s.cssMode }, { centered: s.cssMode && s.centeredSlides }, { "watch-progress": s.watchSlidesProgress }], s.containerModifierClass); t.push(...n), i.classList.add(...t), e.emitContainerClasses() }, removeClasses: function () { const { el: e, classNames: t } = this; e.classList.remove(...t), this.emitContainerClasses() } } }, Z = {}; class Q { constructor() { let e, t; for (var s = arguments.length, i = new Array(s), r = 0; r < s; r++)i[r] = arguments[r]; 1 === i.length && i[0].constructor && "Object" === Object.prototype.toString.call(i[0]).slice(8, -1) ? t = i[0] : [e, t] = i, t || (t = {}), t = c({}, t), e && !t.el && (t.el = e); const n = a(); if (t.el && "string" == typeof t.el && n.querySelectorAll(t.el).length > 1) { const e = []; return n.querySelectorAll(t.el).forEach((s => { const a = c({}, t, { el: s }); e.push(new Q(a)) })), e } const l = this; l.__swiper__ = !0, l.support = M(), l.device = C({ userAgent: t.userAgent }), l.browser = P(), l.eventsListeners = {}, l.eventsAnyListeners = [], l.modules = [...l.__modules__], t.modules && Array.isArray(t.modules) && l.modules.push(...t.modules); const o = {}; l.modules.forEach((e => { e({ params: t, swiper: l, extendParams: U(t, o), on: l.on.bind(l), once: l.once.bind(l), off: l.off.bind(l), emit: l.emit.bind(l) }) })); const d = c({}, W, o); return l.params = c({}, d, Z, t), l.originalParams = c({}, l.params), l.passedParams = c({}, t), l.params && l.params.on && Object.keys(l.params.on).forEach((e => { l.on(e, l.params.on[e]) })), l.params && l.params.onAny && l.onAny(l.params.onAny), Object.assign(l, { enabled: l.params.enabled, el: e, classNames: [], slides: [], slidesGrid: [], snapGrid: [], slidesSizesGrid: [], isHorizontal: () => "horizontal" === l.params.direction, isVertical: () => "vertical" === l.params.direction, activeIndex: 0, realIndex: 0, isBeginning: !0, isEnd: !1, translate: 0, previousTranslate: 0, progress: 0, velocity: 0, animating: !1, cssOverflowAdjustment() { return Math.trunc(this.translate / 2 ** 23) * 2 ** 23 }, allowSlideNext: l.params.allowSlideNext, allowSlidePrev: l.params.allowSlidePrev, touchEventsData: { isTouched: void 0, isMoved: void 0, allowTouchCallbacks: void 0, touchStartTime: void 0, isScrolling: void 0, currentTranslate: void 0, startTranslate: void 0, allowThresholdMove: void 0, focusableElements: l.params.focusableElements, lastClickTime: 0, clickTimeout: void 0, velocities: [], allowMomentumBounce: void 0, startMoving: void 0, evCache: [] }, allowClick: !0, allowTouchMove: l.params.allowTouchMove, touches: { startX: 0, startY: 0, currentX: 0, currentY: 0, diff: 0 }, imagesToLoad: [], imagesLoaded: 0 }), l.emit("_swiper"), l.params.init && l.init(), l } getSlideIndex(e) { const { slidesEl: t, params: s } = this, a = w(h(t, `.${s.slideClass}, swiper-slide`)[0]); return w(e) - a } getSlideIndexByData(e) { return this.getSlideIndex(this.slides.filter((t => 1 * t.getAttribute("data-swiper-slide-index") === e))[0]) } recalcSlides() { const { slidesEl: e, params: t } = this; this.slides = h(e, `.${t.slideClass}, swiper-slide`) } enable() { const e = this; e.enabled || (e.enabled = !0, e.params.grabCursor && e.setGrabCursor(), e.emit("enable")) } disable() { const e = this; e.enabled && (e.enabled = !1, e.params.grabCursor && e.unsetGrabCursor(), e.emit("disable")) } setProgress(e, t) { const s = this; e = Math.min(Math.max(e, 0), 1); const a = s.minTranslate(), i = (s.maxTranslate() - a) * e + a; s.translateTo(i, void 0 === t ? 0 : t), s.updateActiveIndex(), s.updateSlidesClasses() } emitContainerClasses() { const e = this; if (!e.params._emitClasses || !e.el) return; const t = e.el.className.split(" ").filter((t => 0 === t.indexOf("swiper") || 0 === t.indexOf(e.params.containerModifierClass))); e.emit("_containerClasses", t.join(" ")) } getSlideClasses(e) { const t = this; return t.destroyed ? "" : e.className.split(" ").filter((e => 0 === e.indexOf("swiper-slide") || 0 === e.indexOf(t.params.slideClass))).join(" ") } emitSlidesClasses() { const e = this; if (!e.params._emitClasses || !e.el) return; const t = []; e.slides.forEach((s => { const a = e.getSlideClasses(s); t.push({ slideEl: s, classNames: a }), e.emit("_slideClass", s, a) })), e.emit("_slideClasses", t) } slidesPerViewDynamic(e, t) { void 0 === e && (e = "current"), void 0 === t && (t = !1); const { params: s, slides: a, slidesGrid: i, slidesSizesGrid: r, size: n, activeIndex: l } = this; let o = 1; if (s.centeredSlides) { let e, t = a[l] ? a[l].swiperSlideSize : 0; for (let s = l + 1; s < a.length; s += 1)a[s] && !e && (t += a[s].swiperSlideSize, o += 1, t > n && (e = !0)); for (let s = l - 1; s >= 0; s -= 1)a[s] && !e && (t += a[s].swiperSlideSize, o += 1, t > n && (e = !0)) } else if ("current" === e) for (let e = l + 1; e < a.length; e += 1) { (t ? i[e] + r[e] - i[l] < n : i[e] - i[l] < n) && (o += 1) } else for (let e = l - 1; e >= 0; e -= 1) { i[l] - i[e] < n && (o += 1) } return o } update() { const e = this; if (!e || e.destroyed) return; const { snapGrid: t, params: s } = e; function a() { const t = e.rtlTranslate ? -1 * e.translate : e.translate, s = Math.min(Math.max(t, e.maxTranslate()), e.minTranslate()); e.setTranslate(s), e.updateActiveIndex(), e.updateSlidesClasses() } let i; if (s.breakpoints && e.setBreakpoint(), [...e.el.querySelectorAll('[loading="lazy"]')].forEach((t => { t.complete && z(e, t) })), e.updateSize(), e.updateSlides(), e.updateProgress(), e.updateSlidesClasses(), s.freeMode && s.freeMode.enabled && !s.cssMode) a(), s.autoHeight && e.updateAutoHeight(); else { if (("auto" === s.slidesPerView || s.slidesPerView > 1) && e.isEnd && !s.centeredSlides) { const t = e.virtual && s.virtual.enabled ? e.virtual.slides : e.slides; i = e.slideTo(t.length - 1, 0, !1, !0) } else i = e.slideTo(e.activeIndex, 0, !1, !0); i || a() } s.watchOverflow && t !== e.snapGrid && e.checkOverflow(), e.emit("update") } changeDirection(e, t) { void 0 === t && (t = !0); const s = this, a = s.params.direction; return e || (e = "horizontal" === a ? "vertical" : "horizontal"), e === a || "horizontal" !== e && "vertical" !== e || (s.el.classList.remove(`${s.params.containerModifierClass}${a}`), s.el.classList.add(`${s.params.containerModifierClass}${e}`), s.emitContainerClasses(), s.params.direction = e, s.slides.forEach((t => { "vertical" === e ? t.style.width = "" : t.style.height = "" })), s.emit("changeDirection"), t && s.update()), s } changeLanguageDirection(e) { const t = this; t.rtl && "rtl" === e || !t.rtl && "ltr" === e || (t.rtl = "rtl" === e, t.rtlTranslate = "horizontal" === t.params.direction && t.rtl, t.rtl ? (t.el.classList.add(`${t.params.containerModifierClass}rtl`), t.el.dir = "rtl") : (t.el.classList.remove(`${t.params.containerModifierClass}rtl`), t.el.dir = "ltr"), t.update()) } mount(e) { const t = this; if (t.mounted) return !0; let s = e || t.params.el; if ("string" == typeof s && (s = document.querySelector(s)), !s) return !1; s.swiper = t, s.parentNode && s.parentNode.host && "SWIPER-CONTAINER" === s.parentNode.host.nodeName && (t.isElement = !0); const a = () => `.${(t.params.wrapperClass || "").trim().split(" ").join(".")}`; let i = (() => { if (s && s.shadowRoot && s.shadowRoot.querySelector) { return s.shadowRoot.querySelector(a()) } return h(s, a())[0] })(); return !i && t.params.createElements && (i = f("div", t.params.wrapperClass), s.append(i), h(s, `.${t.params.slideClass}`).forEach((e => { i.append(e) }))), Object.assign(t, { el: s, wrapperEl: i, slidesEl: t.isElement && !s.parentNode.host.slideSlots ? s.parentNode.host : i, hostEl: t.isElement ? s.parentNode.host : s, mounted: !0, rtl: "rtl" === s.dir.toLowerCase() || "rtl" === v(s, "direction"), rtlTranslate: "horizontal" === t.params.direction && ("rtl" === s.dir.toLowerCase() || "rtl" === v(s, "direction")), wrongRTL: "-webkit-box" === v(i, "display") }), !0 } init(e) { const t = this; if (t.initialized) return t; if (!1 === t.mount(e)) return t; t.emit("beforeInit"), t.params.breakpoints && t.setBreakpoint(), t.addClasses(), t.updateSize(), t.updateSlides(), t.params.watchOverflow && t.checkOverflow(), t.params.grabCursor && t.enabled && t.setGrabCursor(), t.params.loop && t.virtual && t.params.virtual.enabled ? t.slideTo(t.params.initialSlide + t.virtual.slidesBefore, 0, t.params.runCallbacksOnInit, !1, !0) : t.slideTo(t.params.initialSlide, 0, t.params.runCallbacksOnInit, !1, !0), t.params.loop && t.loopCreate(), t.attachEvents(); const s = [...t.el.querySelectorAll('[loading="lazy"]')]; return t.isElement && s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')), s.forEach((e => { e.complete ? z(t, e) : e.addEventListener("load", (e => { z(t, e.target) })) })), $(t), t.initialized = !0, $(t), t.emit("init"), t.emit("afterInit"), t } destroy(e, t) { void 0 === e && (e = !0), void 0 === t && (t = !0); const s = this, { params: a, el: i, wrapperEl: r, slides: n } = s; return void 0 === s.params || s.destroyed || (s.emit("beforeDestroy"), s.initialized = !1, s.detachEvents(), a.loop && s.loopDestroy(), t && (s.removeClasses(), i.removeAttribute("style"), r.removeAttribute("style"), n && n.length && n.forEach((e => { e.classList.remove(a.slideVisibleClass, a.slideActiveClass, a.slideNextClass, a.slidePrevClass), e.removeAttribute("style"), e.removeAttribute("data-swiper-slide-index") }))), s.emit("destroy"), Object.keys(s.eventsListeners).forEach((e => { s.off(e) })), !1 !== e && (s.el.swiper = null, function (e) { const t = e; Object.keys(t).forEach((e => { try { t[e] = null } catch (e) { } try { delete t[e] } catch (e) { } })) }(s)), s.destroyed = !0), null } static extendDefaults(e) { c(Z, e) } static get extendedDefaults() { return Z } static get defaults() { return W } static installModule(e) { Q.prototype.__modules__ || (Q.prototype.__modules__ = []); const t = Q.prototype.__modules__; "function" == typeof e && t.indexOf(e) < 0 && t.push(e) } static use(e) { return Array.isArray(e) ? (e.forEach((e => Q.installModule(e))), Q) : (Q.installModule(e), Q) } } function J(e, t, s, a) { return e.params.createElements && Object.keys(a).forEach((i => { if (!s[i] && !0 === s.auto) { let r = h(e.el, `.${a[i]}`)[0]; r || (r = f("div", a[i]), r.className = a[i], e.el.append(r)), s[i] = r, t[i] = r } })), s } function ee(e) { return void 0 === e && (e = ""), `.${e.trim().replace(/([\.:!+\/])/g, "\\$1").replace(/ /g, ".")}` } function te(e) { const t = this, { params: s, slidesEl: a } = t; s.loop && t.loopDestroy(); const i = e => { if ("string" == typeof e) { const t = document.createElement("div"); t.innerHTML = e, a.append(t.children[0]), t.innerHTML = "" } else a.append(e) }; if ("object" == typeof e && "length" in e) for (let t = 0; t < e.length; t += 1)e[t] && i(e[t]); else i(e); t.recalcSlides(), s.loop && t.loopCreate(), s.observer && !t.isElement || t.update() } function se(e) { const t = this, { params: s, activeIndex: a, slidesEl: i } = t; s.loop && t.loopDestroy(); let r = a + 1; const n = e => { if ("string" == typeof e) { const t = document.createElement("div"); t.innerHTML = e, i.prepend(t.children[0]), t.innerHTML = "" } else i.prepend(e) }; if ("object" == typeof e && "length" in e) { for (let t = 0; t < e.length; t += 1)e[t] && n(e[t]); r = a + e.length } else n(e); t.recalcSlides(), s.loop && t.loopCreate(), s.observer && !t.isElement || t.update(), t.slideTo(r, 0, !1) } function ae(e, t) { const s = this, { params: a, activeIndex: i, slidesEl: r } = s; let n = i; a.loop && (n -= s.loopedSlides, s.loopDestroy(), s.recalcSlides()); const l = s.slides.length; if (e <= 0) return void s.prependSlide(t); if (e >= l) return void s.appendSlide(t); let o = n > e ? n + 1 : n; const d = []; for (let t = l - 1; t >= e; t -= 1) { const e = s.slides[t]; e.remove(), d.unshift(e) } if ("object" == typeof t && "length" in t) { for (let e = 0; e < t.length; e += 1)t[e] && r.append(t[e]); o = n > e ? n + t.length : n } else r.append(t); for (let e = 0; e < d.length; e += 1)r.append(d[e]); s.recalcSlides(), a.loop && s.loopCreate(), a.observer && !s.isElement || s.update(), a.loop ? s.slideTo(o + s.loopedSlides, 0, !1) : s.slideTo(o, 0, !1) } function ie(e) { const t = this, { params: s, activeIndex: a } = t; let i = a; s.loop && (i -= t.loopedSlides, t.loopDestroy()); let r, n = i; if ("object" == typeof e && "length" in e) { for (let s = 0; s < e.length; s += 1)r = e[s], t.slides[r] && t.slides[r].remove(), r < n && (n -= 1); n = Math.max(n, 0) } else r = e, t.slides[r] && t.slides[r].remove(), r < n && (n -= 1), n = Math.max(n, 0); t.recalcSlides(), s.loop && t.loopCreate(), s.observer && !t.isElement || t.update(), s.loop ? t.slideTo(n + t.loopedSlides, 0, !1) : t.slideTo(n, 0, !1) } function re() { const e = this, t = []; for (let s = 0; s < e.slides.length; s += 1)t.push(s); e.removeSlide(t) } function ne(e) { const { effect: t, swiper: s, on: a, setTranslate: i, setTransition: r, overwriteParams: n, perspective: l, recreateShadows: o, getEffectParams: d } = e; let c; a("beforeInit", (() => { if (s.params.effect !== t) return; s.classNames.push(`${s.params.containerModifierClass}${t}`), l && l() && s.classNames.push(`${s.params.containerModifierClass}3d`); const e = n ? n() : {}; Object.assign(s.params, e), Object.assign(s.originalParams, e) })), a("setTranslate", (() => { s.params.effect === t && i() })), a("setTransition", ((e, a) => { s.params.effect === t && r(a) })), a("transitionEnd", (() => { if (s.params.effect === t && o) { if (!d || !d().slideShadows) return; s.slides.forEach((e => { e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e => e.remove())) })), o() } })), a("virtualUpdate", (() => { s.params.effect === t && (s.slides.length || (c = !0), requestAnimationFrame((() => { c && s.slides && s.slides.length && (i(), c = !1) }))) })) } function le(e, t) { const s = m(t); return s !== t && (s.style.backfaceVisibility = "hidden", s.style["-webkit-backface-visibility"] = "hidden"), s } function oe(e) { let { swiper: t, duration: s, transformElements: a, allSlides: i } = e; const { activeIndex: r } = t; if (t.params.virtualTranslate && 0 !== s) { let e, s = !1; e = i ? a : a.filter((e => { const s = e.classList.contains("swiper-slide-transform") ? (e => { if (!e.parentElement) return t.slides.filter((t => t.shadowRoot && t.shadowRoot === e.parentNode))[0]; return e.parentElement })(e) : e; return t.getSlideIndex(s) === r })), e.forEach((e => { y(e, (() => { if (s) return; if (!t || t.destroyed) return; s = !0, t.animating = !1; const e = new window.CustomEvent("transitionend", { bubbles: !0, cancelable: !0 }); t.wrapperEl.dispatchEvent(e) })) })) } } function de(e, t, s) { const a = `swiper-slide-shadow${s ? `-${s}` : ""}${e ? ` swiper-slide-shadow-${e}` : ""}`, i = m(t); let r = i.querySelector(`.${a.split(" ").join(".")}`); return r || (r = f("div", a.split(" ")), i.append(r)), r } Object.keys(K).forEach((e => { Object.keys(K[e]).forEach((t => { Q.prototype[t] = K[e][t] })) })), Q.use([function (e) { let { swiper: t, on: s, emit: a } = e; const i = r(); let n = null, l = null; const o = () => { t && !t.destroyed && t.initialized && (a("beforeResize"), a("resize")) }, d = () => { t && !t.destroyed && t.initialized && a("orientationchange") }; s("init", (() => { t.params.resizeObserver && void 0 !== i.ResizeObserver ? t && !t.destroyed && t.initialized && (n = new ResizeObserver((e => { l = i.requestAnimationFrame((() => { const { width: s, height: a } = t; let i = s, r = a; e.forEach((e => { let { contentBoxSize: s, contentRect: a, target: n } = e; n && n !== t.el || (i = a ? a.width : (s[0] || s).inlineSize, r = a ? a.height : (s[0] || s).blockSize) })), i === s && r === a || o() })) })), n.observe(t.el)) : (i.addEventListener("resize", o), i.addEventListener("orientationchange", d)) })), s("destroy", (() => { l && i.cancelAnimationFrame(l), n && n.unobserve && t.el && (n.unobserve(t.el), n = null), i.removeEventListener("resize", o), i.removeEventListener("orientationchange", d) })) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const n = [], l = r(), o = function (e, s) { void 0 === s && (s = {}); const a = new (l.MutationObserver || l.WebkitMutationObserver)((e => { if (t.__preventObserver__) return; if (1 === e.length) return void i("observerUpdate", e[0]); const s = function () { i("observerUpdate", e[0]) }; l.requestAnimationFrame ? l.requestAnimationFrame(s) : l.setTimeout(s, 0) })); a.observe(e, { attributes: void 0 === s.attributes || s.attributes, childList: void 0 === s.childList || s.childList, characterData: void 0 === s.characterData || s.characterData }), n.push(a) }; s({ observer: !1, observeParents: !1, observeSlideChildren: !1 }), a("init", (() => { if (t.params.observer) { if (t.params.observeParents) { const e = b(t.hostEl); for (let t = 0; t < e.length; t += 1)o(e[t]) } o(t.hostEl, { childList: t.params.observeSlideChildren }), o(t.wrapperEl, { attributes: !1 }) } })), a("destroy", (() => { n.forEach((e => { e.disconnect() })), n.splice(0, n.length) })) }]); const ce = [function (e) { let t, { swiper: s, extendParams: i, on: r, emit: n } = e; i({ virtual: { enabled: !1, slides: [], cache: !0, renderSlide: null, renderExternal: null, renderExternalUpdate: !0, addSlidesBefore: 0, addSlidesAfter: 0 } }); const l = a(); s.virtual = { cache: {}, from: void 0, to: void 0, slides: [], offset: 0, slidesGrid: [] }; const o = l.createElement("div"); function d(e, t) { const a = s.params.virtual; if (a.cache && s.virtual.cache[t]) return s.virtual.cache[t]; let i; return a.renderSlide ? (i = a.renderSlide.call(s, e, t), "string" == typeof i && (o.innerHTML = i, i = o.children[0])) : i = s.isElement ? f("swiper-slide") : f("div", s.params.slideClass), i.setAttribute("data-swiper-slide-index", t), a.renderSlide || (i.innerHTML = e), a.cache && (s.virtual.cache[t] = i), i } function c(e) { const { slidesPerView: t, slidesPerGroup: a, centeredSlides: i, loop: r } = s.params, { addSlidesBefore: l, addSlidesAfter: o } = s.params.virtual, { from: c, to: p, slides: u, slidesGrid: m, offset: f } = s.virtual; s.params.cssMode || s.updateActiveIndex(); const g = s.activeIndex || 0; let v, w, b; v = s.rtlTranslate ? "right" : s.isHorizontal() ? "left" : "top", i ? (w = Math.floor(t / 2) + a + o, b = Math.floor(t / 2) + a + l) : (w = t + (a - 1) + o, b = (r ? t : a) + l); let y = g - b, E = g + w; r || (y = Math.max(y, 0), E = Math.min(E, u.length - 1)); let x = (s.slidesGrid[y] || 0) - (s.slidesGrid[0] || 0); function S() { s.updateSlides(), s.updateProgress(), s.updateSlidesClasses(), n("virtualUpdate") } if (r && g >= b ? (y -= b, i || (x += s.slidesGrid[0])) : r && g < b && (y = -b, i && (x += s.slidesGrid[0])), Object.assign(s.virtual, { from: y, to: E, offset: x, slidesGrid: s.slidesGrid, slidesBefore: b, slidesAfter: w }), c === y && p === E && !e) return s.slidesGrid !== m && x !== f && s.slides.forEach((e => { e.style[v] = x - Math.abs(s.cssOverflowAdjustment()) + "px" })), s.updateProgress(), void n("virtualUpdate"); if (s.params.virtual.renderExternal) return s.params.virtual.renderExternal.call(s, { offset: x, from: y, to: E, slides: function () { const e = []; for (let t = y; t <= E; t += 1)e.push(u[t]); return e }() }), void (s.params.virtual.renderExternalUpdate ? S() : n("virtualUpdate")); const T = [], M = [], C = e => { let t = e; return e < 0 ? t = u.length + e : t >= u.length && (t -= u.length), t }; if (e) s.slidesEl.querySelectorAll(`.${s.params.slideClass}, swiper-slide`).forEach((e => { e.remove() })); else for (let e = c; e <= p; e += 1)if (e < y || e > E) { const t = C(e); s.slidesEl.querySelectorAll(`.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`).forEach((e => { e.remove() })) } const P = r ? -u.length : 0, L = r ? 2 * u.length : u.length; for (let t = P; t < L; t += 1)if (t >= y && t <= E) { const s = C(t); void 0 === p || e ? M.push(s) : (t > p && M.push(s), t < c && T.push(s)) } if (M.forEach((e => { s.slidesEl.append(d(u[e], e)) })), r) for (let e = T.length - 1; e >= 0; e -= 1) { const t = T[e]; s.slidesEl.prepend(d(u[t], t)) } else T.sort(((e, t) => t - e)), T.forEach((e => { s.slidesEl.prepend(d(u[e], e)) })); h(s.slidesEl, ".swiper-slide, swiper-slide").forEach((e => { e.style[v] = x - Math.abs(s.cssOverflowAdjustment()) + "px" })), S() } r("beforeInit", (() => { if (!s.params.virtual.enabled) return; let e; if (void 0 === s.passedParams.virtual.slides) { const t = [...s.slidesEl.children].filter((e => e.matches(`.${s.params.slideClass}, swiper-slide`))); t && t.length && (s.virtual.slides = [...t], e = !0, t.forEach(((e, t) => { e.setAttribute("data-swiper-slide-index", t), s.virtual.cache[t] = e, e.remove() }))) } e || (s.virtual.slides = s.params.virtual.slides), s.classNames.push(`${s.params.containerModifierClass}virtual`), s.params.watchSlidesProgress = !0, s.originalParams.watchSlidesProgress = !0, s.params.initialSlide || c() })), r("setTranslate", (() => { s.params.virtual.enabled && (s.params.cssMode && !s._immediateVirtual ? (clearTimeout(t), t = setTimeout((() => { c() }), 100)) : c()) })), r("init update resize", (() => { s.params.virtual.enabled && s.params.cssMode && p(s.wrapperEl, "--swiper-virtual-size", `${s.virtualSize}px`) })), Object.assign(s.virtual, { appendSlide: function (e) { if ("object" == typeof e && "length" in e) for (let t = 0; t < e.length; t += 1)e[t] && s.virtual.slides.push(e[t]); else s.virtual.slides.push(e); c(!0) }, prependSlide: function (e) { const t = s.activeIndex; let a = t + 1, i = 1; if (Array.isArray(e)) { for (let t = 0; t < e.length; t += 1)e[t] && s.virtual.slides.unshift(e[t]); a = t + e.length, i = e.length } else s.virtual.slides.unshift(e); if (s.params.virtual.cache) { const e = s.virtual.cache, t = {}; Object.keys(e).forEach((s => { const a = e[s], r = a.getAttribute("data-swiper-slide-index"); r && a.setAttribute("data-swiper-slide-index", parseInt(r, 10) + i), t[parseInt(s, 10) + i] = a })), s.virtual.cache = t } c(!0), s.slideTo(a, 0) }, removeSlide: function (e) { if (null == e) return; let t = s.activeIndex; if (Array.isArray(e)) for (let a = e.length - 1; a >= 0; a -= 1)s.virtual.slides.splice(e[a], 1), s.params.virtual.cache && delete s.virtual.cache[e[a]], e[a] < t && (t -= 1), t = Math.max(t, 0); else s.virtual.slides.splice(e, 1), s.params.virtual.cache && delete s.virtual.cache[e], e < t && (t -= 1), t = Math.max(t, 0); c(!0), s.slideTo(t, 0) }, removeAllSlides: function () { s.virtual.slides = [], s.params.virtual.cache && (s.virtual.cache = {}), c(!0), s.slideTo(0, 0) }, update: c }) }, function (e) { let { swiper: t, extendParams: s, on: i, emit: n } = e; const l = a(), o = r(); function d(e) { if (!t.enabled) return; const { rtlTranslate: s } = t; let a = e; a.originalEvent && (a = a.originalEvent); const i = a.keyCode || a.charCode, r = t.params.keyboard.pageUpDown, d = r && 33 === i, c = r && 34 === i, p = 37 === i, u = 39 === i, m = 38 === i, h = 40 === i; if (!t.allowSlideNext && (t.isHorizontal() && u || t.isVertical() && h || c)) return !1; if (!t.allowSlidePrev && (t.isHorizontal() && p || t.isVertical() && m || d)) return !1; if (!(a.shiftKey || a.altKey || a.ctrlKey || a.metaKey || l.activeElement && l.activeElement.nodeName && ("input" === l.activeElement.nodeName.toLowerCase() || "textarea" === l.activeElement.nodeName.toLowerCase()))) { if (t.params.keyboard.onlyInViewport && (d || c || p || u || m || h)) { let e = !1; if (b(t.el, `.${t.params.slideClass}, swiper-slide`).length > 0 && 0 === b(t.el, `.${t.params.slideActiveClass}`).length) return; const a = t.el, i = a.clientWidth, r = a.clientHeight, n = o.innerWidth, l = o.innerHeight, d = g(a); s && (d.left -= a.scrollLeft); const c = [[d.left, d.top], [d.left + i, d.top], [d.left, d.top + r], [d.left + i, d.top + r]]; for (let t = 0; t < c.length; t += 1) { const s = c[t]; if (s[0] >= 0 && s[0] <= n && s[1] >= 0 && s[1] <= l) { if (0 === s[0] && 0 === s[1]) continue; e = !0 } } if (!e) return } t.isHorizontal() ? ((d || c || p || u) && (a.preventDefault ? a.preventDefault() : a.returnValue = !1), ((c || u) && !s || (d || p) && s) && t.slideNext(), ((d || p) && !s || (c || u) && s) && t.slidePrev()) : ((d || c || m || h) && (a.preventDefault ? a.preventDefault() : a.returnValue = !1), (c || h) && t.slideNext(), (d || m) && t.slidePrev()), n("keyPress", i) } } function c() { t.keyboard.enabled || (l.addEventListener("keydown", d), t.keyboard.enabled = !0) } function p() { t.keyboard.enabled && (l.removeEventListener("keydown", d), t.keyboard.enabled = !1) } t.keyboard = { enabled: !1 }, s({ keyboard: { enabled: !1, onlyInViewport: !0, pageUpDown: !0 } }), i("init", (() => { t.params.keyboard.enabled && c() })), i("destroy", (() => { t.keyboard.enabled && p() })), Object.assign(t.keyboard, { enable: c, disable: p }) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const o = r(); let d; s({ mousewheel: { enabled: !1, releaseOnEdges: !1, invert: !1, forceToAxis: !1, sensitivity: 1, eventsTarget: "container", thresholdDelta: null, thresholdTime: null, noMousewheelClass: "swiper-no-mousewheel" } }), t.mousewheel = { enabled: !1 }; let c, p = l(); const u = []; function m() { t.enabled && (t.mouseEntered = !0) } function h() { t.enabled && (t.mouseEntered = !1) } function f(e) { return !(t.params.mousewheel.thresholdDelta && e.delta < t.params.mousewheel.thresholdDelta) && (!(t.params.mousewheel.thresholdTime && l() - p < t.params.mousewheel.thresholdTime) && (e.delta >= 6 && l() - p < 60 || (e.direction < 0 ? t.isEnd && !t.params.loop || t.animating || (t.slideNext(), i("scroll", e.raw)) : t.isBeginning && !t.params.loop || t.animating || (t.slidePrev(), i("scroll", e.raw)), p = (new o.Date).getTime(), !1))) } function g(e) { let s = e, a = !0; if (!t.enabled) return; if (e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`)) return; const r = t.params.mousewheel; t.params.cssMode && s.preventDefault(); let o = t.el; "container" !== t.params.mousewheel.eventsTarget && (o = document.querySelector(t.params.mousewheel.eventsTarget)); const p = o && o.contains(s.target); if (!t.mouseEntered && !p && !r.releaseOnEdges) return !0; s.originalEvent && (s = s.originalEvent); let m = 0; const h = t.rtlTranslate ? -1 : 1, g = function (e) { let t = 0, s = 0, a = 0, i = 0; return "detail" in e && (s = e.detail), "wheelDelta" in e && (s = -e.wheelDelta / 120), "wheelDeltaY" in e && (s = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && (t = s, s = 0), a = 10 * t, i = 10 * s, "deltaY" in e && (i = e.deltaY), "deltaX" in e && (a = e.deltaX), e.shiftKey && !a && (a = i, i = 0), (a || i) && e.deltaMode && (1 === e.deltaMode ? (a *= 40, i *= 40) : (a *= 800, i *= 800)), a && !t && (t = a < 1 ? -1 : 1), i && !s && (s = i < 1 ? -1 : 1), { spinX: t, spinY: s, pixelX: a, pixelY: i } }(s); if (r.forceToAxis) if (t.isHorizontal()) { if (!(Math.abs(g.pixelX) > Math.abs(g.pixelY))) return !0; m = -g.pixelX * h } else { if (!(Math.abs(g.pixelY) > Math.abs(g.pixelX))) return !0; m = -g.pixelY } else m = Math.abs(g.pixelX) > Math.abs(g.pixelY) ? -g.pixelX * h : -g.pixelY; if (0 === m) return !0; r.invert && (m = -m); let v = t.getTranslate() + m * r.sensitivity; if (v >= t.minTranslate() && (v = t.minTranslate()), v <= t.maxTranslate() && (v = t.maxTranslate()), a = !!t.params.loop || !(v === t.minTranslate() || v === t.maxTranslate()), a && t.params.nested && s.stopPropagation(), t.params.freeMode && t.params.freeMode.enabled) { const e = { time: l(), delta: Math.abs(m), direction: Math.sign(m) }, a = c && e.time < c.time + 500 && e.delta <= c.delta && e.direction === c.direction; if (!a) { c = void 0; let l = t.getTranslate() + m * r.sensitivity; const o = t.isBeginning, p = t.isEnd; if (l >= t.minTranslate() && (l = t.minTranslate()), l <= t.maxTranslate() && (l = t.maxTranslate()), t.setTransition(0), t.setTranslate(l), t.updateProgress(), t.updateActiveIndex(), t.updateSlidesClasses(), (!o && t.isBeginning || !p && t.isEnd) && t.updateSlidesClasses(), t.params.loop && t.loopFix({ direction: e.direction < 0 ? "next" : "prev", byMousewheel: !0 }), t.params.freeMode.sticky) { clearTimeout(d), d = void 0, u.length >= 15 && u.shift(); const s = u.length ? u[u.length - 1] : void 0, a = u[0]; if (u.push(e), s && (e.delta > s.delta || e.direction !== s.direction)) u.splice(0); else if (u.length >= 15 && e.time - a.time < 500 && a.delta - e.delta >= 1 && e.delta <= 6) { const s = m > 0 ? .8 : .2; c = e, u.splice(0), d = n((() => { t.slideToClosest(t.params.speed, !0, void 0, s) }), 0) } d || (d = n((() => { c = e, u.splice(0), t.slideToClosest(t.params.speed, !0, void 0, .5) }), 500)) } if (a || i("scroll", s), t.params.autoplay && t.params.autoplayDisableOnInteraction && t.autoplay.stop(), r.releaseOnEdges && (l === t.minTranslate() || l === t.maxTranslate())) return !0 } } else { const s = { time: l(), delta: Math.abs(m), direction: Math.sign(m), raw: e }; u.length >= 2 && u.shift(); const a = u.length ? u[u.length - 1] : void 0; if (u.push(s), a ? (s.direction !== a.direction || s.delta > a.delta || s.time > a.time + 150) && f(s) : f(s), function (e) { const s = t.params.mousewheel; if (e.direction < 0) { if (t.isEnd && !t.params.loop && s.releaseOnEdges) return !0 } else if (t.isBeginning && !t.params.loop && s.releaseOnEdges) return !0; return !1 }(s)) return !0 } return s.preventDefault ? s.preventDefault() : s.returnValue = !1, !1 } function v(e) { let s = t.el; "container" !== t.params.mousewheel.eventsTarget && (s = document.querySelector(t.params.mousewheel.eventsTarget)), s[e]("mouseenter", m), s[e]("mouseleave", h), s[e]("wheel", g) } function w() { return t.params.cssMode ? (t.wrapperEl.removeEventListener("wheel", g), !0) : !t.mousewheel.enabled && (v("addEventListener"), t.mousewheel.enabled = !0, !0) } function b() { return t.params.cssMode ? (t.wrapperEl.addEventListener(event, g), !0) : !!t.mousewheel.enabled && (v("removeEventListener"), t.mousewheel.enabled = !1, !0) } a("init", (() => { !t.params.mousewheel.enabled && t.params.cssMode && b(), t.params.mousewheel.enabled && w() })), a("destroy", (() => { t.params.cssMode && w(), t.mousewheel.enabled && b() })), Object.assign(t.mousewheel, { enable: w, disable: b }) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; s({ navigation: { nextEl: null, prevEl: null, hideOnClick: !1, disabledClass: "swiper-button-disabled", hiddenClass: "swiper-button-hidden", lockClass: "swiper-button-lock", navigationDisabledClass: "swiper-navigation-disabled" } }), t.navigation = { nextEl: null, prevEl: null }; const r = e => (Array.isArray(e) ? e : [e]).filter((e => !!e)); function n(e) { let s; return e && "string" == typeof e && t.isElement && (s = t.el.querySelector(e), s) ? s : (e && ("string" == typeof e && (s = [...document.querySelectorAll(e)]), t.params.uniqueNavElements && "string" == typeof e && s.length > 1 && 1 === t.el.querySelectorAll(e).length && (s = t.el.querySelector(e))), e && !s ? e : s) } function l(e, s) { const a = t.params.navigation; (e = r(e)).forEach((e => { e && (e.classList[s ? "add" : "remove"](...a.disabledClass.split(" ")), "BUTTON" === e.tagName && (e.disabled = s), t.params.watchOverflow && t.enabled && e.classList[t.isLocked ? "add" : "remove"](a.lockClass)) })) } function o() { const { nextEl: e, prevEl: s } = t.navigation; if (t.params.loop) return l(s, !1), void l(e, !1); l(s, t.isBeginning && !t.params.rewind), l(e, t.isEnd && !t.params.rewind) } function d(e) { e.preventDefault(), (!t.isBeginning || t.params.loop || t.params.rewind) && (t.slidePrev(), i("navigationPrev")) } function c(e) { e.preventDefault(), (!t.isEnd || t.params.loop || t.params.rewind) && (t.slideNext(), i("navigationNext")) } function p() { const e = t.params.navigation; if (t.params.navigation = J(t, t.originalParams.navigation, t.params.navigation, { nextEl: "swiper-button-next", prevEl: "swiper-button-prev" }), !e.nextEl && !e.prevEl) return; let s = n(e.nextEl), a = n(e.prevEl); Object.assign(t.navigation, { nextEl: s, prevEl: a }), s = r(s), a = r(a); const i = (s, a) => { s && s.addEventListener("click", "next" === a ? c : d), !t.enabled && s && s.classList.add(...e.lockClass.split(" ")) }; s.forEach((e => i(e, "next"))), a.forEach((e => i(e, "prev"))) } function u() { let { nextEl: e, prevEl: s } = t.navigation; e = r(e), s = r(s); const a = (e, s) => { e.removeEventListener("click", "next" === s ? c : d), e.classList.remove(...t.params.navigation.disabledClass.split(" ")) }; e.forEach((e => a(e, "next"))), s.forEach((e => a(e, "prev"))) } a("init", (() => { !1 === t.params.navigation.enabled ? m() : (p(), o()) })), a("toEdge fromEdge lock unlock", (() => { o() })), a("destroy", (() => { u() })), a("enable disable", (() => { let { nextEl: e, prevEl: s } = t.navigation; e = r(e), s = r(s), [...e, ...s].filter((e => !!e)).forEach((e => e.classList[t.enabled ? "remove" : "add"](t.params.navigation.lockClass))) })), a("click", ((e, s) => { let { nextEl: a, prevEl: n } = t.navigation; a = r(a), n = r(n); const l = s.target; if (t.params.navigation.hideOnClick && !n.includes(l) && !a.includes(l)) { if (t.pagination && t.params.pagination && t.params.pagination.clickable && (t.pagination.el === l || t.pagination.el.contains(l))) return; let e; a.length ? e = a[0].classList.contains(t.params.navigation.hiddenClass) : n.length && (e = n[0].classList.contains(t.params.navigation.hiddenClass)), i(!0 === e ? "navigationShow" : "navigationHide"), [...a, ...n].filter((e => !!e)).forEach((e => e.classList.toggle(t.params.navigation.hiddenClass))) } })); const m = () => { t.el.classList.add(...t.params.navigation.navigationDisabledClass.split(" ")), u() }; Object.assign(t.navigation, { enable: () => { t.el.classList.remove(...t.params.navigation.navigationDisabledClass.split(" ")), p(), o() }, disable: m, update: o, init: p, destroy: u }) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const r = "swiper-pagination"; let n; s({ pagination: { el: null, bulletElement: "span", clickable: !1, hideOnClick: !1, renderBullet: null, renderProgressbar: null, renderFraction: null, renderCustom: null, progressbarOpposite: !1, type: "bullets", dynamicBullets: !1, dynamicMainBullets: 1, formatFractionCurrent: e => e, formatFractionTotal: e => e, bulletClass: `${r}-bullet`, bulletActiveClass: `${r}-bullet-active`, modifierClass: `${r}-`, currentClass: `${r}-current`, totalClass: `${r}-total`, hiddenClass: `${r}-hidden`, progressbarFillClass: `${r}-progressbar-fill`, progressbarOppositeClass: `${r}-progressbar-opposite`, clickableClass: `${r}-clickable`, lockClass: `${r}-lock`, horizontalClass: `${r}-horizontal`, verticalClass: `${r}-vertical`, paginationDisabledClass: `${r}-disabled` } }), t.pagination = { el: null, bullets: [] }; let l = 0; const o = e => (Array.isArray(e) ? e : [e]).filter((e => !!e)); function d() { return !t.params.pagination.el || !t.pagination.el || Array.isArray(t.pagination.el) && 0 === t.pagination.el.length } function c(e, s) { const { bulletActiveClass: a } = t.params.pagination; e && (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) && (e.classList.add(`${a}-${s}`), (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) && e.classList.add(`${a}-${s}-${s}`)) } function p(e) { const s = e.target.closest(ee(t.params.pagination.bulletClass)); if (!s) return; e.preventDefault(); const a = w(s) * t.params.slidesPerGroup; if (t.params.loop) { if (t.realIndex === a) return; const e = t.realIndex, s = t.getSlideIndexByData(a), i = t.getSlideIndexByData(t.realIndex); if (s > t.slides.length - t.loopedSlides) { const a = t.activeIndex; t.loopFix({ direction: s > i ? "next" : "prev", activeSlideIndex: s, slideTo: !1 }); a === t.activeIndex && t.slideToLoop(e, 0, !1, !0) } t.slideToLoop(a) } else t.slideTo(a) } function u() { const e = t.rtl, s = t.params.pagination; if (d()) return; let a, r, p = t.pagination.el; p = o(p); const u = t.virtual && t.params.virtual.enabled ? t.virtual.slides.length : t.slides.length, m = t.params.loop ? Math.ceil(u / t.params.slidesPerGroup) : t.snapGrid.length; if (t.params.loop ? (r = t.previousRealIndex || 0, a = t.params.slidesPerGroup > 1 ? Math.floor(t.realIndex / t.params.slidesPerGroup) : t.realIndex) : void 0 !== t.snapIndex ? (a = t.snapIndex, r = t.previousSnapIndex) : (r = t.previousIndex || 0, a = t.activeIndex || 0), "bullets" === s.type && t.pagination.bullets && t.pagination.bullets.length > 0) { const i = t.pagination.bullets; let o, d, u; if (s.dynamicBullets && (n = E(i[0], t.isHorizontal() ? "width" : "height", !0), p.forEach((e => { e.style[t.isHorizontal() ? "width" : "height"] = n * (s.dynamicMainBullets + 4) + "px" })), s.dynamicMainBullets > 1 && void 0 !== r && (l += a - (r || 0), l > s.dynamicMainBullets - 1 ? l = s.dynamicMainBullets - 1 : l < 0 && (l = 0)), o = Math.max(a - l, 0), d = o + (Math.min(i.length, s.dynamicMainBullets) - 1), u = (d + o) / 2), i.forEach((e => { const t = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((e => `${s.bulletActiveClass}${e}`))].map((e => "string" == typeof e && e.includes(" ") ? e.split(" ") : e)).flat(); e.classList.remove(...t) })), p.length > 1) i.forEach((e => { const i = w(e); i === a ? e.classList.add(...s.bulletActiveClass.split(" ")) : t.isElement && e.setAttribute("part", "bullet"), s.dynamicBullets && (i >= o && i <= d && e.classList.add(...`${s.bulletActiveClass}-main`.split(" ")), i === o && c(e, "prev"), i === d && c(e, "next")) })); else { const e = i[a]; if (e && e.classList.add(...s.bulletActiveClass.split(" ")), t.isElement && i.forEach(((e, t) => { e.setAttribute("part", t === a ? "bullet-active" : "bullet") })), s.dynamicBullets) { const e = i[o], t = i[d]; for (let e = o; e <= d; e += 1)i[e] && i[e].classList.add(...`${s.bulletActiveClass}-main`.split(" ")); c(e, "prev"), c(t, "next") } } if (s.dynamicBullets) { const a = Math.min(i.length, s.dynamicMainBullets + 4), r = (n * a - n) / 2 - u * n, l = e ? "right" : "left"; i.forEach((e => { e.style[t.isHorizontal() ? l : "top"] = `${r}px` })) } } p.forEach(((e, r) => { if ("fraction" === s.type && (e.querySelectorAll(ee(s.currentClass)).forEach((e => { e.textContent = s.formatFractionCurrent(a + 1) })), e.querySelectorAll(ee(s.totalClass)).forEach((e => { e.textContent = s.formatFractionTotal(m) }))), "progressbar" === s.type) { let i; i = s.progressbarOpposite ? t.isHorizontal() ? "vertical" : "horizontal" : t.isHorizontal() ? "horizontal" : "vertical"; const r = (a + 1) / m; let n = 1, l = 1; "horizontal" === i ? n = r : l = r, e.querySelectorAll(ee(s.progressbarFillClass)).forEach((e => { e.style.transform = `translate3d(0,0,0) scaleX(${n}) scaleY(${l})`, e.style.transitionDuration = `${t.params.speed}ms` })) } "custom" === s.type && s.renderCustom ? (e.innerHTML = s.renderCustom(t, a + 1, m), 0 === r && i("paginationRender", e)) : (0 === r && i("paginationRender", e), i("paginationUpdate", e)), t.params.watchOverflow && t.enabled && e.classList[t.isLocked ? "add" : "remove"](s.lockClass) })) } function m() { const e = t.params.pagination; if (d()) return; const s = t.virtual && t.params.virtual.enabled ? t.virtual.slides.length : t.slides.length; let a = t.pagination.el; a = o(a); let r = ""; if ("bullets" === e.type) { let a = t.params.loop ? Math.ceil(s / t.params.slidesPerGroup) : t.snapGrid.length; t.params.freeMode && t.params.freeMode.enabled && a > s && (a = s); for (let s = 0; s < a; s += 1)e.renderBullet ? r += e.renderBullet.call(t, s, e.bulletClass) : r += `<${e.bulletElement} ${t.isElement ? 'part="bullet"' : ""} class="${e.bulletClass}"></${e.bulletElement}>` } "fraction" === e.type && (r = e.renderFraction ? e.renderFraction.call(t, e.currentClass, e.totalClass) : `<span class="${e.currentClass}"></span> / <span class="${e.totalClass}"></span>`), "progressbar" === e.type && (r = e.renderProgressbar ? e.renderProgressbar.call(t, e.progressbarFillClass) : `<span class="${e.progressbarFillClass}"></span>`), t.pagination.bullets = [], a.forEach((s => { "custom" !== e.type && (s.innerHTML = r || ""), "bullets" === e.type && t.pagination.bullets.push(...s.querySelectorAll(ee(e.bulletClass))) })), "custom" !== e.type && i("paginationRender", a[0]) } function h() { t.params.pagination = J(t, t.originalParams.pagination, t.params.pagination, { el: "swiper-pagination" }); const e = t.params.pagination; if (!e.el) return; let s; "string" == typeof e.el && t.isElement && (s = t.el.querySelector(e.el)), s || "string" != typeof e.el || (s = [...document.querySelectorAll(e.el)]), s || (s = e.el), s && 0 !== s.length && (t.params.uniqueNavElements && "string" == typeof e.el && Array.isArray(s) && s.length > 1 && (s = [...t.el.querySelectorAll(e.el)], s.length > 1 && (s = s.filter((e => b(e, ".swiper")[0] === t.el))[0])), Array.isArray(s) && 1 === s.length && (s = s[0]), Object.assign(t.pagination, { el: s }), s = o(s), s.forEach((s => { "bullets" === e.type && e.clickable && s.classList.add(...(e.clickableClass || "").split(" ")), s.classList.add(e.modifierClass + e.type), s.classList.add(t.isHorizontal() ? e.horizontalClass : e.verticalClass), "bullets" === e.type && e.dynamicBullets && (s.classList.add(`${e.modifierClass}${e.type}-dynamic`), l = 0, e.dynamicMainBullets < 1 && (e.dynamicMainBullets = 1)), "progressbar" === e.type && e.progressbarOpposite && s.classList.add(e.progressbarOppositeClass), e.clickable && s.addEventListener("click", p), t.enabled || s.classList.add(e.lockClass) }))) } function f() { const e = t.params.pagination; if (d()) return; let s = t.pagination.el; s && (s = o(s), s.forEach((s => { s.classList.remove(e.hiddenClass), s.classList.remove(e.modifierClass + e.type), s.classList.remove(t.isHorizontal() ? e.horizontalClass : e.verticalClass), e.clickable && (s.classList.remove(...(e.clickableClass || "").split(" ")), s.removeEventListener("click", p)) }))), t.pagination.bullets && t.pagination.bullets.forEach((t => t.classList.remove(...e.bulletActiveClass.split(" ")))) } a("changeDirection", (() => { if (!t.pagination || !t.pagination.el) return; const e = t.params.pagination; let { el: s } = t.pagination; s = o(s), s.forEach((s => { s.classList.remove(e.horizontalClass, e.verticalClass), s.classList.add(t.isHorizontal() ? e.horizontalClass : e.verticalClass) })) })), a("init", (() => { !1 === t.params.pagination.enabled ? g() : (h(), m(), u()) })), a("activeIndexChange", (() => { void 0 === t.snapIndex && u() })), a("snapIndexChange", (() => { u() })), a("snapGridLengthChange", (() => { m(), u() })), a("destroy", (() => { f() })), a("enable disable", (() => { let { el: e } = t.pagination; e && (e = o(e), e.forEach((e => e.classList[t.enabled ? "remove" : "add"](t.params.pagination.lockClass)))) })), a("lock unlock", (() => { u() })), a("click", ((e, s) => { const a = s.target, r = o(t.pagination.el); if (t.params.pagination.el && t.params.pagination.hideOnClick && r && r.length > 0 && !a.classList.contains(t.params.pagination.bulletClass)) { if (t.navigation && (t.navigation.nextEl && a === t.navigation.nextEl || t.navigation.prevEl && a === t.navigation.prevEl)) return; const e = r[0].classList.contains(t.params.pagination.hiddenClass); i(!0 === e ? "paginationShow" : "paginationHide"), r.forEach((e => e.classList.toggle(t.params.pagination.hiddenClass))) } })); const g = () => { t.el.classList.add(t.params.pagination.paginationDisabledClass); let { el: e } = t.pagination; e && (e = o(e), e.forEach((e => e.classList.add(t.params.pagination.paginationDisabledClass)))), f() }; Object.assign(t.pagination, { enable: () => { t.el.classList.remove(t.params.pagination.paginationDisabledClass); let { el: e } = t.pagination; e && (e = o(e), e.forEach((e => e.classList.remove(t.params.pagination.paginationDisabledClass)))), h(), m(), u() }, disable: g, render: m, update: u, init: h, destroy: f }) }, function (e) { let { swiper: t, extendParams: s, on: i, emit: r } = e; const l = a(); let o, d, c, p, u = !1, m = null, h = null; function v() { if (!t.params.scrollbar.el || !t.scrollbar.el) return; const { scrollbar: e, rtlTranslate: s } = t, { dragEl: a, el: i } = e, r = t.params.scrollbar, n = t.params.loop ? t.progressLoop : t.progress; let l = d, o = (c - d) * n; s ? (o = -o, o > 0 ? (l = d - o, o = 0) : -o + d > c && (l = c + o)) : o < 0 ? (l = d + o, o = 0) : o + d > c && (l = c - o), t.isHorizontal() ? (a.style.transform = `translate3d(${o}px, 0, 0)`, a.style.width = `${l}px`) : (a.style.transform = `translate3d(0px, ${o}px, 0)`, a.style.height = `${l}px`), r.hide && (clearTimeout(m), i.style.opacity = 1, m = setTimeout((() => { i.style.opacity = 0, i.style.transitionDuration = "400ms" }), 1e3)) } function w() { if (!t.params.scrollbar.el || !t.scrollbar.el) return; const { scrollbar: e } = t, { dragEl: s, el: a } = e; s.style.width = "", s.style.height = "", c = t.isHorizontal() ? a.offsetWidth : a.offsetHeight, p = t.size / (t.virtualSize + t.params.slidesOffsetBefore - (t.params.centeredSlides ? t.snapGrid[0] : 0)), d = "auto" === t.params.scrollbar.dragSize ? c * p : parseInt(t.params.scrollbar.dragSize, 10), t.isHorizontal() ? s.style.width = `${d}px` : s.style.height = `${d}px`, a.style.display = p >= 1 ? "none" : "", t.params.scrollbar.hide && (a.style.opacity = 0), t.params.watchOverflow && t.enabled && e.el.classList[t.isLocked ? "add" : "remove"](t.params.scrollbar.lockClass) } function b(e) { return t.isHorizontal() ? e.clientX : e.clientY } function y(e) { const { scrollbar: s, rtlTranslate: a } = t, { el: i } = s; let r; r = (b(e) - g(i)[t.isHorizontal() ? "left" : "top"] - (null !== o ? o : d / 2)) / (c - d), r = Math.max(Math.min(r, 1), 0), a && (r = 1 - r); const n = t.minTranslate() + (t.maxTranslate() - t.minTranslate()) * r; t.updateProgress(n), t.setTranslate(n), t.updateActiveIndex(), t.updateSlidesClasses() } function E(e) { const s = t.params.scrollbar, { scrollbar: a, wrapperEl: i } = t, { el: n, dragEl: l } = a; u = !0, o = e.target === l ? b(e) - e.target.getBoundingClientRect()[t.isHorizontal() ? "left" : "top"] : null, e.preventDefault(), e.stopPropagation(), i.style.transitionDuration = "100ms", l.style.transitionDuration = "100ms", y(e), clearTimeout(h), n.style.transitionDuration = "0ms", s.hide && (n.style.opacity = 1), t.params.cssMode && (t.wrapperEl.style["scroll-snap-type"] = "none"), r("scrollbarDragStart", e) } function x(e) { const { scrollbar: s, wrapperEl: a } = t, { el: i, dragEl: n } = s; u && (e.preventDefault ? e.preventDefault() : e.returnValue = !1, y(e), a.style.transitionDuration = "0ms", i.style.transitionDuration = "0ms", n.style.transitionDuration = "0ms", r("scrollbarDragMove", e)) } function S(e) { const s = t.params.scrollbar, { scrollbar: a, wrapperEl: i } = t, { el: l } = a; u && (u = !1, t.params.cssMode && (t.wrapperEl.style["scroll-snap-type"] = "", i.style.transitionDuration = ""), s.hide && (clearTimeout(h), h = n((() => { l.style.opacity = 0, l.style.transitionDuration = "400ms" }), 1e3)), r("scrollbarDragEnd", e), s.snapOnRelease && t.slideToClosest()) } function T(e) { const { scrollbar: s, params: a } = t, i = s.el; if (!i) return; const r = i, n = !!a.passiveListeners && { passive: !1, capture: !1 }, o = !!a.passiveListeners && { passive: !0, capture: !1 }; if (!r) return; const d = "on" === e ? "addEventListener" : "removeEventListener"; r[d]("pointerdown", E, n), l[d]("pointermove", x, n), l[d]("pointerup", S, o) } function M() { const { scrollbar: e, el: s } = t; t.params.scrollbar = J(t, t.originalParams.scrollbar, t.params.scrollbar, { el: "swiper-scrollbar" }); const a = t.params.scrollbar; if (!a.el) return; let i, r; "string" == typeof a.el && t.isElement && (i = t.el.querySelector(a.el)), i || "string" != typeof a.el ? i || (i = a.el) : i = l.querySelectorAll(a.el), t.params.uniqueNavElements && "string" == typeof a.el && i.length > 1 && 1 === s.querySelectorAll(a.el).length && (i = s.querySelector(a.el)), i.length > 0 && (i = i[0]), i.classList.add(t.isHorizontal() ? a.horizontalClass : a.verticalClass), i && (r = i.querySelector(`.${t.params.scrollbar.dragClass}`), r || (r = f("div", t.params.scrollbar.dragClass), i.append(r))), Object.assign(e, { el: i, dragEl: r }), a.draggable && t.params.scrollbar.el && t.scrollbar.el && T("on"), i && i.classList[t.enabled ? "remove" : "add"](t.params.scrollbar.lockClass) } function C() { const e = t.params.scrollbar, s = t.scrollbar.el; s && s.classList.remove(t.isHorizontal() ? e.horizontalClass : e.verticalClass), t.params.scrollbar.el && t.scrollbar.el && T("off") } s({ scrollbar: { el: null, dragSize: "auto", hide: !1, draggable: !1, snapOnRelease: !0, lockClass: "swiper-scrollbar-lock", dragClass: "swiper-scrollbar-drag", scrollbarDisabledClass: "swiper-scrollbar-disabled", horizontalClass: "swiper-scrollbar-horizontal", verticalClass: "swiper-scrollbar-vertical" } }), t.scrollbar = { el: null, dragEl: null }, i("init", (() => { !1 === t.params.scrollbar.enabled ? P() : (M(), w(), v()) })), i("update resize observerUpdate lock unlock", (() => { w() })), i("setTranslate", (() => { v() })), i("setTransition", ((e, s) => { !function (e) { t.params.scrollbar.el && t.scrollbar.el && (t.scrollbar.dragEl.style.transitionDuration = `${e}ms`) }(s) })), i("enable disable", (() => { const { el: e } = t.scrollbar; e && e.classList[t.enabled ? "remove" : "add"](t.params.scrollbar.lockClass) })), i("destroy", (() => { C() })); const P = () => { t.el.classList.add(t.params.scrollbar.scrollbarDisabledClass), t.scrollbar.el && t.scrollbar.el.classList.add(t.params.scrollbar.scrollbarDisabledClass), C() }; Object.assign(t.scrollbar, { enable: () => { t.el.classList.remove(t.params.scrollbar.scrollbarDisabledClass), t.scrollbar.el && t.scrollbar.el.classList.remove(t.params.scrollbar.scrollbarDisabledClass), M(), w(), v() }, disable: P, updateSize: w, setTranslate: v, init: M, destroy: C }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ parallax: { enabled: !1 } }); const i = "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]", r = (e, s) => { const { rtl: a } = t, i = a ? -1 : 1, r = e.getAttribute("data-swiper-parallax") || "0"; let n = e.getAttribute("data-swiper-parallax-x"), l = e.getAttribute("data-swiper-parallax-y"); const o = e.getAttribute("data-swiper-parallax-scale"), d = e.getAttribute("data-swiper-parallax-opacity"), c = e.getAttribute("data-swiper-parallax-rotate"); if (n || l ? (n = n || "0", l = l || "0") : t.isHorizontal() ? (n = r, l = "0") : (l = r, n = "0"), n = n.indexOf("%") >= 0 ? parseInt(n, 10) * s * i + "%" : n * s * i + "px", l = l.indexOf("%") >= 0 ? parseInt(l, 10) * s + "%" : l * s + "px", null != d) { const t = d - (d - 1) * (1 - Math.abs(s)); e.style.opacity = t } let p = `translate3d(${n}, ${l}, 0px)`; if (null != o) { p += ` scale(${o - (o - 1) * (1 - Math.abs(s))})` } if (c && null != c) { p += ` rotate(${c * s * -1}deg)` } e.style.transform = p }, n = () => { const { el: e, slides: s, progress: a, snapGrid: n, isElement: l } = t, o = h(e, i); t.isElement && o.push(...h(t.hostEl, i)), o.forEach((e => { r(e, a) })), s.forEach(((e, s) => { let l = e.progress; t.params.slidesPerGroup > 1 && "auto" !== t.params.slidesPerView && (l += Math.ceil(s / 2) - a * (n.length - 1)), l = Math.min(Math.max(l, -1), 1), e.querySelectorAll(`${i}, [data-swiper-parallax-rotate]`).forEach((e => { r(e, l) })) })) }; a("beforeInit", (() => { t.params.parallax.enabled && (t.params.watchSlidesProgress = !0, t.originalParams.watchSlidesProgress = !0) })), a("init", (() => { t.params.parallax.enabled && n() })), a("setTranslate", (() => { t.params.parallax.enabled && n() })), a("setTransition", ((e, s) => { t.params.parallax.enabled && function (e) { void 0 === e && (e = t.params.speed); const { el: s, hostEl: a } = t, r = [...s.querySelectorAll(i)]; t.isElement && r.push(...a.querySelectorAll(i)), r.forEach((t => { let s = parseInt(t.getAttribute("data-swiper-parallax-duration"), 10) || e; 0 === e && (s = 0), t.style.transitionDuration = `${s}ms` })) }(s) })) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const n = r(); s({ zoom: { enabled: !1, maxRatio: 3, minRatio: 1, toggle: !0, containerClass: "swiper-zoom-container", zoomedSlideClass: "swiper-slide-zoomed" } }), t.zoom = { enabled: !1 }; let l, d, c = 1, p = !1; const u = [], m = { originX: 0, originY: 0, slideEl: void 0, slideWidth: void 0, slideHeight: void 0, imageEl: void 0, imageWrapEl: void 0, maxRatio: 3 }, f = { isTouched: void 0, isMoved: void 0, currentX: void 0, currentY: void 0, minX: void 0, minY: void 0, maxX: void 0, maxY: void 0, width: void 0, height: void 0, startX: void 0, startY: void 0, touchesStart: {}, touchesCurrent: {} }, v = { x: void 0, y: void 0, prevPositionX: void 0, prevPositionY: void 0, prevTime: void 0 }; let w = 1; function y() { if (u.length < 2) return 1; const e = u[0].pageX, t = u[0].pageY, s = u[1].pageX, a = u[1].pageY; return Math.sqrt((s - e) ** 2 + (a - t) ** 2) } function E(e) { const s = t.isElement ? "swiper-slide" : `.${t.params.slideClass}`; return !!e.target.matches(s) || t.slides.filter((t => t.contains(e.target))).length > 0 } function x(e) { if ("mouse" === e.pointerType && u.splice(0, u.length), !E(e)) return; const s = t.params.zoom; if (l = !1, d = !1, u.push(e), !(u.length < 2)) { if (l = !0, m.scaleStart = y(), !m.slideEl) { m.slideEl = e.target.closest(`.${t.params.slideClass}, swiper-slide`), m.slideEl || (m.slideEl = t.slides[t.activeIndex]); let a = m.slideEl.querySelector(`.${s.containerClass}`); if (a && (a = a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), m.imageEl = a, m.imageWrapEl = a ? b(m.imageEl, `.${s.containerClass}`)[0] : void 0, !m.imageWrapEl) return void (m.imageEl = void 0); m.maxRatio = m.imageWrapEl.getAttribute("data-swiper-zoom") || s.maxRatio } if (m.imageEl) { const [e, t] = function () { if (u.length < 2) return { x: null, y: null }; const e = m.imageEl.getBoundingClientRect(); return [(u[0].pageX + (u[1].pageX - u[0].pageX) / 2 - e.x) / c, (u[0].pageY + (u[1].pageY - u[0].pageY) / 2 - e.y) / c] }(); m.originX = e, m.originY = t, m.imageEl.style.transitionDuration = "0ms" } p = !0 } } function S(e) { if (!E(e)) return; const s = t.params.zoom, a = t.zoom, i = u.findIndex((t => t.pointerId === e.pointerId)); i >= 0 && (u[i] = e), u.length < 2 || (d = !0, m.scaleMove = y(), m.imageEl && (a.scale = m.scaleMove / m.scaleStart * c, a.scale > m.maxRatio && (a.scale = m.maxRatio - 1 + (a.scale - m.maxRatio + 1) ** .5), a.scale < s.minRatio && (a.scale = s.minRatio + 1 - (s.minRatio - a.scale + 1) ** .5), m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`)) } function T(e) { if (!E(e)) return; if ("mouse" === e.pointerType && "pointerout" === e.type) return; const s = t.params.zoom, a = t.zoom, i = u.findIndex((t => t.pointerId === e.pointerId)); i >= 0 && u.splice(i, 1), l && d && (l = !1, d = !1, m.imageEl && (a.scale = Math.max(Math.min(a.scale, m.maxRatio), s.minRatio), m.imageEl.style.transitionDuration = `${t.params.speed}ms`, m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`, c = a.scale, p = !1, a.scale > 1 && m.slideEl ? m.slideEl.classList.add(`${s.zoomedSlideClass}`) : a.scale <= 1 && m.slideEl && m.slideEl.classList.remove(`${s.zoomedSlideClass}`), 1 === a.scale && (m.originX = 0, m.originY = 0, m.slideEl = void 0))) } function M(e) { if (!E(e) || !function (e) { const s = `.${t.params.zoom.containerClass}`; return !!e.target.matches(s) || [...t.hostEl.querySelectorAll(s)].filter((t => t.contains(e.target))).length > 0 }(e)) return; const s = t.zoom; if (!m.imageEl) return; if (!f.isTouched || !m.slideEl) return; f.isMoved || (f.width = m.imageEl.offsetWidth, f.height = m.imageEl.offsetHeight, f.startX = o(m.imageWrapEl, "x") || 0, f.startY = o(m.imageWrapEl, "y") || 0, m.slideWidth = m.slideEl.offsetWidth, m.slideHeight = m.slideEl.offsetHeight, m.imageWrapEl.style.transitionDuration = "0ms"); const a = f.width * s.scale, i = f.height * s.scale; if (a < m.slideWidth && i < m.slideHeight) return; f.minX = Math.min(m.slideWidth / 2 - a / 2, 0), f.maxX = -f.minX, f.minY = Math.min(m.slideHeight / 2 - i / 2, 0), f.maxY = -f.minY, f.touchesCurrent.x = u.length > 0 ? u[0].pageX : e.pageX, f.touchesCurrent.y = u.length > 0 ? u[0].pageY : e.pageY; if (Math.max(Math.abs(f.touchesCurrent.x - f.touchesStart.x), Math.abs(f.touchesCurrent.y - f.touchesStart.y)) > 5 && (t.allowClick = !1), !f.isMoved && !p) { if (t.isHorizontal() && (Math.floor(f.minX) === Math.floor(f.startX) && f.touchesCurrent.x < f.touchesStart.x || Math.floor(f.maxX) === Math.floor(f.startX) && f.touchesCurrent.x > f.touchesStart.x)) return void (f.isTouched = !1); if (!t.isHorizontal() && (Math.floor(f.minY) === Math.floor(f.startY) && f.touchesCurrent.y < f.touchesStart.y || Math.floor(f.maxY) === Math.floor(f.startY) && f.touchesCurrent.y > f.touchesStart.y)) return void (f.isTouched = !1) } e.cancelable && e.preventDefault(), e.stopPropagation(), f.isMoved = !0; const r = (s.scale - c) / (m.maxRatio - t.params.zoom.minRatio), { originX: n, originY: l } = m; f.currentX = f.touchesCurrent.x - f.touchesStart.x + f.startX + r * (f.width - 2 * n), f.currentY = f.touchesCurrent.y - f.touchesStart.y + f.startY + r * (f.height - 2 * l), f.currentX < f.minX && (f.currentX = f.minX + 1 - (f.minX - f.currentX + 1) ** .8), f.currentX > f.maxX && (f.currentX = f.maxX - 1 + (f.currentX - f.maxX + 1) ** .8), f.currentY < f.minY && (f.currentY = f.minY + 1 - (f.minY - f.currentY + 1) ** .8), f.currentY > f.maxY && (f.currentY = f.maxY - 1 + (f.currentY - f.maxY + 1) ** .8), v.prevPositionX || (v.prevPositionX = f.touchesCurrent.x), v.prevPositionY || (v.prevPositionY = f.touchesCurrent.y), v.prevTime || (v.prevTime = Date.now()), v.x = (f.touchesCurrent.x - v.prevPositionX) / (Date.now() - v.prevTime) / 2, v.y = (f.touchesCurrent.y - v.prevPositionY) / (Date.now() - v.prevTime) / 2, Math.abs(f.touchesCurrent.x - v.prevPositionX) < 2 && (v.x = 0), Math.abs(f.touchesCurrent.y - v.prevPositionY) < 2 && (v.y = 0), v.prevPositionX = f.touchesCurrent.x, v.prevPositionY = f.touchesCurrent.y, v.prevTime = Date.now(), m.imageWrapEl.style.transform = `translate3d(${f.currentX}px, ${f.currentY}px,0)` } function C() { const e = t.zoom; m.slideEl && t.activeIndex !== t.slides.indexOf(m.slideEl) && (m.imageEl && (m.imageEl.style.transform = "translate3d(0,0,0) scale(1)"), m.imageWrapEl && (m.imageWrapEl.style.transform = "translate3d(0,0,0)"), m.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`), e.scale = 1, c = 1, m.slideEl = void 0, m.imageEl = void 0, m.imageWrapEl = void 0, m.originX = 0, m.originY = 0) } function P(e) { const s = t.zoom, a = t.params.zoom; if (!m.slideEl) { e && e.target && (m.slideEl = e.target.closest(`.${t.params.slideClass}, swiper-slide`)), m.slideEl || (t.params.virtual && t.params.virtual.enabled && t.virtual ? m.slideEl = h(t.slidesEl, `.${t.params.slideActiveClass}`)[0] : m.slideEl = t.slides[t.activeIndex]); let s = m.slideEl.querySelector(`.${a.containerClass}`); s && (s = s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), m.imageEl = s, m.imageWrapEl = s ? b(m.imageEl, `.${a.containerClass}`)[0] : void 0 } if (!m.imageEl || !m.imageWrapEl) return; let i, r, l, o, d, p, u, v, w, y, E, x, S, T, M, C, P, L; t.params.cssMode && (t.wrapperEl.style.overflow = "hidden", t.wrapperEl.style.touchAction = "none"), m.slideEl.classList.add(`${a.zoomedSlideClass}`), void 0 === f.touchesStart.x && e ? (i = e.pageX, r = e.pageY) : (i = f.touchesStart.x, r = f.touchesStart.y); const z = "number" == typeof e ? e : null; 1 === c && z && (i = void 0, r = void 0), s.scale = z || m.imageWrapEl.getAttribute("data-swiper-zoom") || a.maxRatio, c = z || m.imageWrapEl.getAttribute("data-swiper-zoom") || a.maxRatio, !e || 1 === c && z ? (u = 0, v = 0) : (P = m.slideEl.offsetWidth, L = m.slideEl.offsetHeight, l = g(m.slideEl).left + n.scrollX, o = g(m.slideEl).top + n.scrollY, d = l + P / 2 - i, p = o + L / 2 - r, w = m.imageEl.offsetWidth, y = m.imageEl.offsetHeight, E = w * s.scale, x = y * s.scale, S = Math.min(P / 2 - E / 2, 0), T = Math.min(L / 2 - x / 2, 0), M = -S, C = -T, u = d * s.scale, v = p * s.scale, u < S && (u = S), u > M && (u = M), v < T && (v = T), v > C && (v = C)), z && 1 === s.scale && (m.originX = 0, m.originY = 0), m.imageWrapEl.style.transitionDuration = "300ms", m.imageWrapEl.style.transform = `translate3d(${u}px, ${v}px,0)`, m.imageEl.style.transitionDuration = "300ms", m.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})` } function L() { const e = t.zoom, s = t.params.zoom; if (!m.slideEl) { t.params.virtual && t.params.virtual.enabled && t.virtual ? m.slideEl = h(t.slidesEl, `.${t.params.slideActiveClass}`)[0] : m.slideEl = t.slides[t.activeIndex]; let e = m.slideEl.querySelector(`.${s.containerClass}`); e && (e = e.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), m.imageEl = e, m.imageWrapEl = e ? b(m.imageEl, `.${s.containerClass}`)[0] : void 0 } m.imageEl && m.imageWrapEl && (t.params.cssMode && (t.wrapperEl.style.overflow = "", t.wrapperEl.style.touchAction = ""), e.scale = 1, c = 1, m.imageWrapEl.style.transitionDuration = "300ms", m.imageWrapEl.style.transform = "translate3d(0,0,0)", m.imageEl.style.transitionDuration = "300ms", m.imageEl.style.transform = "translate3d(0,0,0) scale(1)", m.slideEl.classList.remove(`${s.zoomedSlideClass}`), m.slideEl = void 0, m.originX = 0, m.originY = 0) } function z(e) { const s = t.zoom; s.scale && 1 !== s.scale ? L() : P(e) } function A() { return { passiveListener: !!t.params.passiveListeners && { passive: !0, capture: !1 }, activeListenerWithCapture: !t.params.passiveListeners || { passive: !1, capture: !0 } } } function $() { const e = t.zoom; if (e.enabled) return; e.enabled = !0; const { passiveListener: s, activeListenerWithCapture: a } = A(); t.wrapperEl.addEventListener("pointerdown", x, s), t.wrapperEl.addEventListener("pointermove", S, a), ["pointerup", "pointercancel", "pointerout"].forEach((e => { t.wrapperEl.addEventListener(e, T, s) })), t.wrapperEl.addEventListener("pointermove", M, a) } function I() { const e = t.zoom; if (!e.enabled) return; e.enabled = !1; const { passiveListener: s, activeListenerWithCapture: a } = A(); t.wrapperEl.removeEventListener("pointerdown", x, s), t.wrapperEl.removeEventListener("pointermove", S, a), ["pointerup", "pointercancel", "pointerout"].forEach((e => { t.wrapperEl.removeEventListener(e, T, s) })), t.wrapperEl.removeEventListener("pointermove", M, a) } Object.defineProperty(t.zoom, "scale", { get: () => w, set(e) { if (w !== e) { const t = m.imageEl, s = m.slideEl; i("zoomChange", e, t, s) } w = e } }), a("init", (() => { t.params.zoom.enabled && $() })), a("destroy", (() => { I() })), a("touchStart", ((e, s) => { t.zoom.enabled && function (e) { const s = t.device; if (!m.imageEl) return; if (f.isTouched) return; s.android && e.cancelable && e.preventDefault(), f.isTouched = !0; const a = u.length > 0 ? u[0] : e; f.touchesStart.x = a.pageX, f.touchesStart.y = a.pageY }(s) })), a("touchEnd", ((e, s) => { t.zoom.enabled && function () { const e = t.zoom; if (!m.imageEl) return; if (!f.isTouched || !f.isMoved) return f.isTouched = !1, void (f.isMoved = !1); f.isTouched = !1, f.isMoved = !1; let s = 300, a = 300; const i = v.x * s, r = f.currentX + i, n = v.y * a, l = f.currentY + n; 0 !== v.x && (s = Math.abs((r - f.currentX) / v.x)), 0 !== v.y && (a = Math.abs((l - f.currentY) / v.y)); const o = Math.max(s, a); f.currentX = r, f.currentY = l; const d = f.width * e.scale, c = f.height * e.scale; f.minX = Math.min(m.slideWidth / 2 - d / 2, 0), f.maxX = -f.minX, f.minY = Math.min(m.slideHeight / 2 - c / 2, 0), f.maxY = -f.minY, f.currentX = Math.max(Math.min(f.currentX, f.maxX), f.minX), f.currentY = Math.max(Math.min(f.currentY, f.maxY), f.minY), m.imageWrapEl.style.transitionDuration = `${o}ms`, m.imageWrapEl.style.transform = `translate3d(${f.currentX}px, ${f.currentY}px,0)` }() })), a("doubleTap", ((e, s) => { !t.animating && t.params.zoom.enabled && t.zoom.enabled && t.params.zoom.toggle && z(s) })), a("transitionEnd", (() => { t.zoom.enabled && t.params.zoom.enabled && C() })), a("slideChange", (() => { t.zoom.enabled && t.params.zoom.enabled && t.params.cssMode && C() })), Object.assign(t.zoom, { enable: $, disable: I, in: P, out: L, toggle: z }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; function i(e, t) { const s = function () { let e, t, s; return (a, i) => { for (t = -1, e = a.length; e - t > 1;)s = e + t >> 1, a[s] <= i ? t = s : e = s; return e } }(); let a, i; return this.x = e, this.y = t, this.lastIndex = e.length - 1, this.interpolate = function (e) { return e ? (i = s(this.x, e), a = i - 1, (e - this.x[a]) * (this.y[i] - this.y[a]) / (this.x[i] - this.x[a]) + this.y[a]) : 0 }, this } function r() { t.controller.control && t.controller.spline && (t.controller.spline = void 0, delete t.controller.spline) } s({ controller: { control: void 0, inverse: !1, by: "slide" } }), t.controller = { control: void 0 }, a("beforeInit", (() => { if ("undefined" != typeof window && ("string" == typeof t.params.controller.control || t.params.controller.control instanceof HTMLElement)) { const e = document.querySelector(t.params.controller.control); if (e && e.swiper) t.controller.control = e.swiper; else if (e) { const s = a => { t.controller.control = a.detail[0], t.update(), e.removeEventListener("init", s) }; e.addEventListener("init", s) } } else t.controller.control = t.params.controller.control })), a("update", (() => { r() })), a("resize", (() => { r() })), a("observerUpdate", (() => { r() })), a("setTranslate", ((e, s, a) => { t.controller.control && !t.controller.control.destroyed && t.controller.setTranslate(s, a) })), a("setTransition", ((e, s, a) => { t.controller.control && !t.controller.control.destroyed && t.controller.setTransition(s, a) })), Object.assign(t.controller, { setTranslate: function (e, s) { const a = t.controller.control; let r, n; const l = t.constructor; function o(e) { if (e.destroyed) return; const s = t.rtlTranslate ? -t.translate : t.translate; "slide" === t.params.controller.by && (!function (e) { t.controller.spline = t.params.loop ? new i(t.slidesGrid, e.slidesGrid) : new i(t.snapGrid, e.snapGrid) }(e), n = -t.controller.spline.interpolate(-s)), n && "container" !== t.params.controller.by || (r = (e.maxTranslate() - e.minTranslate()) / (t.maxTranslate() - t.minTranslate()), !Number.isNaN(r) && Number.isFinite(r) || (r = 1), n = (s - t.minTranslate()) * r + e.minTranslate()), t.params.controller.inverse && (n = e.maxTranslate() - n), e.updateProgress(n), e.setTranslate(n, t), e.updateActiveIndex(), e.updateSlidesClasses() } if (Array.isArray(a)) for (let e = 0; e < a.length; e += 1)a[e] !== s && a[e] instanceof l && o(a[e]); else a instanceof l && s !== a && o(a) }, setTransition: function (e, s) { const a = t.constructor, i = t.controller.control; let r; function l(s) { s.destroyed || (s.setTransition(e, t), 0 !== e && (s.transitionStart(), s.params.autoHeight && n((() => { s.updateAutoHeight() })), y(s.wrapperEl, (() => { i && s.transitionEnd() })))) } if (Array.isArray(i)) for (r = 0; r < i.length; r += 1)i[r] !== s && i[r] instanceof a && l(i[r]); else i instanceof a && s !== i && l(i) } }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ a11y: { enabled: !0, notificationClass: "swiper-notification", prevSlideMessage: "Previous slide", nextSlideMessage: "Next slide", firstSlideMessage: "This is the first slide", lastSlideMessage: "This is the last slide", paginationBulletMessage: "Go to slide {{index}}", slideLabelMessage: "{{index}} / {{slidesLength}}", containerMessage: null, containerRoleDescriptionMessage: null, itemRoleDescriptionMessage: null, slideRole: "group", id: null } }), t.a11y = { clicked: !1 }; let i = null; function r(e) { const t = i; 0 !== t.length && (t.innerHTML = "", t.innerHTML = e) } const n = e => (Array.isArray(e) ? e : [e]).filter((e => !!e)); function l(e) { (e = n(e)).forEach((e => { e.setAttribute("tabIndex", "0") })) } function o(e) { (e = n(e)).forEach((e => { e.setAttribute("tabIndex", "-1") })) } function d(e, t) { (e = n(e)).forEach((e => { e.setAttribute("role", t) })) } function c(e, t) { (e = n(e)).forEach((e => { e.setAttribute("aria-roledescription", t) })) } function p(e, t) { (e = n(e)).forEach((e => { e.setAttribute("aria-label", t) })) } function u(e) { (e = n(e)).forEach((e => { e.setAttribute("aria-disabled", !0) })) } function m(e) { (e = n(e)).forEach((e => { e.setAttribute("aria-disabled", !1) })) } function h(e) { if (13 !== e.keyCode && 32 !== e.keyCode) return; const s = t.params.a11y, a = e.target; t.pagination && t.pagination.el && (a === t.pagination.el || t.pagination.el.contains(e.target)) && !e.target.matches(ee(t.params.pagination.bulletClass)) || (t.navigation && t.navigation.nextEl && a === t.navigation.nextEl && (t.isEnd && !t.params.loop || t.slideNext(), t.isEnd ? r(s.lastSlideMessage) : r(s.nextSlideMessage)), t.navigation && t.navigation.prevEl && a === t.navigation.prevEl && (t.isBeginning && !t.params.loop || t.slidePrev(), t.isBeginning ? r(s.firstSlideMessage) : r(s.prevSlideMessage)), t.pagination && a.matches(ee(t.params.pagination.bulletClass)) && a.click()) } function g() { return t.pagination && t.pagination.bullets && t.pagination.bullets.length } function v() { return g() && t.params.pagination.clickable } const b = (e, t, s) => { l(e), "BUTTON" !== e.tagName && (d(e, "button"), e.addEventListener("keydown", h)), p(e, s), function (e, t) { (e = n(e)).forEach((e => { e.setAttribute("aria-controls", t) })) }(e, t) }, y = () => { t.a11y.clicked = !0 }, E = () => { requestAnimationFrame((() => { requestAnimationFrame((() => { t.destroyed || (t.a11y.clicked = !1) })) })) }, x = e => { if (t.a11y.clicked) return; const s = e.target.closest(`.${t.params.slideClass}, swiper-slide`); if (!s || !t.slides.includes(s)) return; const a = t.slides.indexOf(s) === t.activeIndex, i = t.params.watchSlidesProgress && t.visibleSlides && t.visibleSlides.includes(s); a || i || e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents || (t.isHorizontal() ? t.el.scrollLeft = 0 : t.el.scrollTop = 0, t.slideTo(t.slides.indexOf(s), 0)) }, S = () => { const e = t.params.a11y; e.itemRoleDescriptionMessage && c(t.slides, e.itemRoleDescriptionMessage), e.slideRole && d(t.slides, e.slideRole); const s = t.slides.length; e.slideLabelMessage && t.slides.forEach(((a, i) => { const r = t.params.loop ? parseInt(a.getAttribute("data-swiper-slide-index"), 10) : i; p(a, e.slideLabelMessage.replace(/\{\{index\}\}/, r + 1).replace(/\{\{slidesLength\}\}/, s)) })) }, T = () => { const e = t.params.a11y; t.el.append(i); const s = t.el; e.containerRoleDescriptionMessage && c(s, e.containerRoleDescriptionMessage), e.containerMessage && p(s, e.containerMessage); const a = t.wrapperEl, r = e.id || a.getAttribute("id") || `swiper-wrapper-${l = 16, void 0 === l && (l = 16), "x".repeat(l).replace(/x/g, (() => Math.round(16 * Math.random()).toString(16)))}`; var l; const o = t.params.autoplay && t.params.autoplay.enabled ? "off" : "polite"; var d; d = r, n(a).forEach((e => { e.setAttribute("id", d) })), function (e, t) { (e = n(e)).forEach((e => { e.setAttribute("aria-live", t) })) }(a, o), S(); let { nextEl: u, prevEl: m } = t.navigation ? t.navigation : {}; if (u = n(u), m = n(m), u && u.forEach((t => b(t, r, e.nextSlideMessage))), m && m.forEach((t => b(t, r, e.prevSlideMessage))), v()) { (Array.isArray(t.pagination.el) ? t.pagination.el : [t.pagination.el]).forEach((e => { e.addEventListener("keydown", h) })) } t.el.addEventListener("focus", x, !0), t.el.addEventListener("pointerdown", y, !0), t.el.addEventListener("pointerup", E, !0) }; a("beforeInit", (() => { i = f("span", t.params.a11y.notificationClass), i.setAttribute("aria-live", "assertive"), i.setAttribute("aria-atomic", "true") })), a("afterInit", (() => { t.params.a11y.enabled && T() })), a("slidesLengthChange snapGridLengthChange slidesGridLengthChange", (() => { t.params.a11y.enabled && S() })), a("fromEdge toEdge afterInit lock unlock", (() => { t.params.a11y.enabled && function () { if (t.params.loop || t.params.rewind || !t.navigation) return; const { nextEl: e, prevEl: s } = t.navigation; s && (t.isBeginning ? (u(s), o(s)) : (m(s), l(s))), e && (t.isEnd ? (u(e), o(e)) : (m(e), l(e))) }() })), a("paginationUpdate", (() => { t.params.a11y.enabled && function () { const e = t.params.a11y; g() && t.pagination.bullets.forEach((s => { t.params.pagination.clickable && (l(s), t.params.pagination.renderBullet || (d(s, "button"), p(s, e.paginationBulletMessage.replace(/\{\{index\}\}/, w(s) + 1)))), s.matches(ee(t.params.pagination.bulletActiveClass)) ? s.setAttribute("aria-current", "true") : s.removeAttribute("aria-current") })) }() })), a("destroy", (() => { t.params.a11y.enabled && function () { i && i.remove(); let { nextEl: e, prevEl: s } = t.navigation ? t.navigation : {}; e = n(e), s = n(s), e && e.forEach((e => e.removeEventListener("keydown", h))), s && s.forEach((e => e.removeEventListener("keydown", h))), v() && (Array.isArray(t.pagination.el) ? t.pagination.el : [t.pagination.el]).forEach((e => { e.removeEventListener("keydown", h) })); t.el.removeEventListener("focus", x, !0), t.el.removeEventListener("pointerdown", y, !0), t.el.removeEventListener("pointerup", E, !0) }() })) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ history: { enabled: !1, root: "", replaceState: !1, key: "slides", keepQuery: !1 } }); let i = !1, n = {}; const l = e => e.toString().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, ""), o = e => { const t = r(); let s; s = e ? new URL(e) : t.location; const a = s.pathname.slice(1).split("/").filter((e => "" !== e)), i = a.length; return { key: a[i - 2], value: a[i - 1] } }, d = (e, s) => { const a = r(); if (!i || !t.params.history.enabled) return; let n; n = t.params.url ? new URL(t.params.url) : a.location; const o = t.slides[s]; let d = l(o.getAttribute("data-history")); if (t.params.history.root.length > 0) { let s = t.params.history.root; "/" === s[s.length - 1] && (s = s.slice(0, s.length - 1)), d = `${s}/${e ? `${e}/` : ""}${d}` } else n.pathname.includes(e) || (d = `${e ? `${e}/` : ""}${d}`); t.params.history.keepQuery && (d += n.search); const c = a.history.state; c && c.value === d || (t.params.history.replaceState ? a.history.replaceState({ value: d }, null, d) : a.history.pushState({ value: d }, null, d)) }, c = (e, s, a) => { if (s) for (let i = 0, r = t.slides.length; i < r; i += 1) { const r = t.slides[i]; if (l(r.getAttribute("data-history")) === s) { const s = t.getSlideIndex(r); t.slideTo(s, e, a) } } else t.slideTo(0, e, a) }, p = () => { n = o(t.params.url), c(t.params.speed, n.value, !1) }; a("init", (() => { t.params.history.enabled && (() => { const e = r(); if (t.params.history) { if (!e.history || !e.history.pushState) return t.params.history.enabled = !1, void (t.params.hashNavigation.enabled = !0); i = !0, n = o(t.params.url), n.key || n.value ? (c(0, n.value, t.params.runCallbacksOnInit), t.params.history.replaceState || e.addEventListener("popstate", p)) : t.params.history.replaceState || e.addEventListener("popstate", p) } })() })), a("destroy", (() => { t.params.history.enabled && (() => { const e = r(); t.params.history.replaceState || e.removeEventListener("popstate", p) })() })), a("transitionEnd _freeModeNoMomentumRelease", (() => { i && d(t.params.history.key, t.activeIndex) })), a("slideChange", (() => { i && t.params.cssMode && d(t.params.history.key, t.activeIndex) })) }, function (e) { let { swiper: t, extendParams: s, emit: i, on: n } = e, l = !1; const o = a(), d = r(); s({ hashNavigation: { enabled: !1, replaceState: !1, watchState: !1, getSlideIndex(e, s) { if (t.virtual && t.params.virtual.enabled) { const e = t.slides.filter((e => e.getAttribute("data-hash") === s))[0]; if (!e) return 0; return parseInt(e.getAttribute("data-swiper-slide-index"), 10) } return t.getSlideIndex(h(t.slidesEl, `.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`)[0]) } } }); const c = () => { i("hashChange"); const e = o.location.hash.replace("#", ""), s = t.virtual && t.params.virtual.enabled ? t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`) : t.slides[t.activeIndex]; if (e !== (s ? s.getAttribute("data-hash") : "")) { const s = t.params.hashNavigation.getSlideIndex(t, e); if (void 0 === s || Number.isNaN(s)) return; t.slideTo(s) } }, p = () => { if (!l || !t.params.hashNavigation.enabled) return; const e = t.virtual && t.params.virtual.enabled ? t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`) : t.slides[t.activeIndex], s = e ? e.getAttribute("data-hash") || e.getAttribute("data-history") : ""; t.params.hashNavigation.replaceState && d.history && d.history.replaceState ? (d.history.replaceState(null, null, `#${s}` || ""), i("hashSet")) : (o.location.hash = s || "", i("hashSet")) }; n("init", (() => { t.params.hashNavigation.enabled && (() => { if (!t.params.hashNavigation.enabled || t.params.history && t.params.history.enabled) return; l = !0; const e = o.location.hash.replace("#", ""); if (e) { const s = 0, a = t.params.hashNavigation.getSlideIndex(t, e); t.slideTo(a || 0, s, t.params.runCallbacksOnInit, !0) } t.params.hashNavigation.watchState && d.addEventListener("hashchange", c) })() })), n("destroy", (() => { t.params.hashNavigation.enabled && t.params.hashNavigation.watchState && d.removeEventListener("hashchange", c) })), n("transitionEnd _freeModeNoMomentumRelease", (() => { l && p() })), n("slideChange", (() => { l && t.params.cssMode && p() })) }, function (e) { let t, s, { swiper: i, extendParams: r, on: n, emit: l, params: o } = e; i.autoplay = { running: !1, paused: !1, timeLeft: 0 }, r({ autoplay: { enabled: !1, delay: 3e3, waitForTransition: !0, disableOnInteraction: !0, stopOnLastSlide: !1, reverseDirection: !1, pauseOnMouseEnter: !1 } }); let d, c, p, u, m, h, f, g = o && o.autoplay ? o.autoplay.delay : 3e3, v = o && o.autoplay ? o.autoplay.delay : 3e3, w = (new Date).getTime; function b(e) { i && !i.destroyed && i.wrapperEl && e.target === i.wrapperEl && (i.wrapperEl.removeEventListener("transitionend", b), M()) } const y = () => { if (i.destroyed || !i.autoplay.running) return; i.autoplay.paused ? c = !0 : c && (v = d, c = !1); const e = i.autoplay.paused ? d : w + v - (new Date).getTime(); i.autoplay.timeLeft = e, l("autoplayTimeLeft", e, e / g), s = requestAnimationFrame((() => { y() })) }, E = e => { if (i.destroyed || !i.autoplay.running) return; cancelAnimationFrame(s), y(); let a = void 0 === e ? i.params.autoplay.delay : e; g = i.params.autoplay.delay, v = i.params.autoplay.delay; const r = (() => { let e; if (e = i.virtual && i.params.virtual.enabled ? i.slides.filter((e => e.classList.contains("swiper-slide-active")))[0] : i.slides[i.activeIndex], !e) return; return parseInt(e.getAttribute("data-swiper-autoplay"), 10) })(); !Number.isNaN(r) && r > 0 && void 0 === e && (a = r, g = r, v = r), d = a; const n = i.params.speed, o = () => { i && !i.destroyed && (i.params.autoplay.reverseDirection ? !i.isBeginning || i.params.loop || i.params.rewind ? (i.slidePrev(n, !0, !0), l("autoplay")) : i.params.autoplay.stopOnLastSlide || (i.slideTo(i.slides.length - 1, n, !0, !0), l("autoplay")) : !i.isEnd || i.params.loop || i.params.rewind ? (i.slideNext(n, !0, !0), l("autoplay")) : i.params.autoplay.stopOnLastSlide || (i.slideTo(0, n, !0, !0), l("autoplay")), i.params.cssMode && (w = (new Date).getTime(), requestAnimationFrame((() => { E() })))) }; return a > 0 ? (clearTimeout(t), t = setTimeout((() => { o() }), a)) : requestAnimationFrame((() => { o() })), a }, x = () => { i.autoplay.running = !0, E(), l("autoplayStart") }, S = () => { i.autoplay.running = !1, clearTimeout(t), cancelAnimationFrame(s), l("autoplayStop") }, T = (e, s) => { if (i.destroyed || !i.autoplay.running) return; clearTimeout(t), e || (f = !0); const a = () => { l("autoplayPause"), i.params.autoplay.waitForTransition ? i.wrapperEl.addEventListener("transitionend", b) : M() }; if (i.autoplay.paused = !0, s) return h && (d = i.params.autoplay.delay), h = !1, void a(); const r = d || i.params.autoplay.delay; d = r - ((new Date).getTime() - w), i.isEnd && d < 0 && !i.params.loop || (d < 0 && (d = 0), a()) }, M = () => { i.isEnd && d < 0 && !i.params.loop || i.destroyed || !i.autoplay.running || (w = (new Date).getTime(), f ? (f = !1, E(d)) : E(), i.autoplay.paused = !1, l("autoplayResume")) }, C = () => { if (i.destroyed || !i.autoplay.running) return; const e = a(); "hidden" === e.visibilityState && (f = !0, T(!0)), "visible" === e.visibilityState && M() }, P = e => { "mouse" === e.pointerType && (f = !0, i.animating || i.autoplay.paused || T(!0)) }, L = e => { "mouse" === e.pointerType && i.autoplay.paused && M() }; n("init", (() => { i.params.autoplay.enabled && (i.params.autoplay.pauseOnMouseEnter && (i.el.addEventListener("pointerenter", P), i.el.addEventListener("pointerleave", L)), a().addEventListener("visibilitychange", C), w = (new Date).getTime(), x()) })), n("destroy", (() => { i.el.removeEventListener("pointerenter", P), i.el.removeEventListener("pointerleave", L), a().removeEventListener("visibilitychange", C), i.autoplay.running && S() })), n("beforeTransitionStart", ((e, t, s) => { !i.destroyed && i.autoplay.running && (s || !i.params.autoplay.disableOnInteraction ? T(!0, !0) : S()) })), n("sliderFirstMove", (() => { !i.destroyed && i.autoplay.running && (i.params.autoplay.disableOnInteraction ? S() : (p = !0, u = !1, f = !1, m = setTimeout((() => { f = !0, u = !0, T(!0) }), 200))) })), n("touchEnd", (() => { if (!i.destroyed && i.autoplay.running && p) { if (clearTimeout(m), clearTimeout(t), i.params.autoplay.disableOnInteraction) return u = !1, void (p = !1); u && i.params.cssMode && M(), u = !1, p = !1 } })), n("slideChange", (() => { !i.destroyed && i.autoplay.running && (h = !0) })), Object.assign(i.autoplay, { start: x, stop: S, pause: T, resume: M }) }, function (e) { let { swiper: t, extendParams: s, on: i } = e; s({ thumbs: { swiper: null, multipleActiveThumbs: !0, autoScrollOffset: 0, slideThumbActiveClass: "swiper-slide-thumb-active", thumbsContainerClass: "swiper-thumbs" } }); let r = !1, n = !1; function l() { const e = t.thumbs.swiper; if (!e || e.destroyed) return; const s = e.clickedIndex, a = e.clickedSlide; if (a && a.classList.contains(t.params.thumbs.slideThumbActiveClass)) return; if (null == s) return; let i; i = e.params.loop ? parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10) : s, t.params.loop ? t.slideToLoop(i) : t.slideTo(i) } function o() { const { thumbs: e } = t.params; if (r) return !1; r = !0; const s = t.constructor; if (e.swiper instanceof s) t.thumbs.swiper = e.swiper, Object.assign(t.thumbs.swiper.originalParams, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), Object.assign(t.thumbs.swiper.params, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), t.thumbs.swiper.update(); else if (d(e.swiper)) { const a = Object.assign({}, e.swiper); Object.assign(a, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), t.thumbs.swiper = new s(a), n = !0 } return t.thumbs.swiper.el.classList.add(t.params.thumbs.thumbsContainerClass), t.thumbs.swiper.on("tap", l), !0 } function c(e) { const s = t.thumbs.swiper; if (!s || s.destroyed) return; const a = "auto" === s.params.slidesPerView ? s.slidesPerViewDynamic() : s.params.slidesPerView; let i = 1; const r = t.params.thumbs.slideThumbActiveClass; if (t.params.slidesPerView > 1 && !t.params.centeredSlides && (i = t.params.slidesPerView), t.params.thumbs.multipleActiveThumbs || (i = 1), i = Math.floor(i), s.slides.forEach((e => e.classList.remove(r))), s.params.loop || s.params.virtual && s.params.virtual.enabled) for (let e = 0; e < i; e += 1)h(s.slidesEl, `[data-swiper-slide-index="${t.realIndex + e}"]`).forEach((e => { e.classList.add(r) })); else for (let e = 0; e < i; e += 1)s.slides[t.realIndex + e] && s.slides[t.realIndex + e].classList.add(r); const n = t.params.thumbs.autoScrollOffset, l = n && !s.params.loop; if (t.realIndex !== s.realIndex || l) { const i = s.activeIndex; let r, o; if (s.params.loop) { const e = s.slides.filter((e => e.getAttribute("data-swiper-slide-index") === `${t.realIndex}`))[0]; r = s.slides.indexOf(e), o = t.activeIndex > t.previousIndex ? "next" : "prev" } else r = t.realIndex, o = r > t.previousIndex ? "next" : "prev"; l && (r += "next" === o ? n : -1 * n), s.visibleSlidesIndexes && s.visibleSlidesIndexes.indexOf(r) < 0 && (s.params.centeredSlides ? r = r > i ? r - Math.floor(a / 2) + 1 : r + Math.floor(a / 2) - 1 : r > i && s.params.slidesPerGroup, s.slideTo(r, e ? 0 : void 0)) } } t.thumbs = { swiper: null }, i("beforeInit", (() => { const { thumbs: e } = t.params; if (e && e.swiper) if ("string" == typeof e.swiper || e.swiper instanceof HTMLElement) { const s = a(), i = () => { const a = "string" == typeof e.swiper ? s.querySelector(e.swiper) : e.swiper; if (a && a.swiper) e.swiper = a.swiper, o(), c(!0); else if (a) { const s = i => { e.swiper = i.detail[0], a.removeEventListener("init", s), o(), c(!0), e.swiper.update(), t.update() }; a.addEventListener("init", s) } return a }, r = () => { if (t.destroyed) return; i() || requestAnimationFrame(r) }; requestAnimationFrame(r) } else o(), c(!0) })), i("slideChange update resize observerUpdate", (() => { c() })), i("setTransition", ((e, s) => { const a = t.thumbs.swiper; a && !a.destroyed && a.setTransition(s) })), i("beforeDestroy", (() => { const e = t.thumbs.swiper; e && !e.destroyed && n && e.destroy() })), Object.assign(t.thumbs, { init: o, update: c }) }, function (e) { let { swiper: t, extendParams: s, emit: a, once: i } = e; s({ freeMode: { enabled: !1, momentum: !0, momentumRatio: 1, momentumBounce: !0, momentumBounceRatio: 1, momentumVelocityRatio: 1, sticky: !1, minimumVelocity: .02 } }), Object.assign(t, { freeMode: { onTouchStart: function () { if (t.params.cssMode) return; const e = t.getTranslate(); t.setTranslate(e), t.setTransition(0), t.touchEventsData.velocities.length = 0, t.freeMode.onTouchEnd({ currentPos: t.rtl ? t.translate : -t.translate }) }, onTouchMove: function () { if (t.params.cssMode) return; const { touchEventsData: e, touches: s } = t; 0 === e.velocities.length && e.velocities.push({ position: s[t.isHorizontal() ? "startX" : "startY"], time: e.touchStartTime }), e.velocities.push({ position: s[t.isHorizontal() ? "currentX" : "currentY"], time: l() }) }, onTouchEnd: function (e) { let { currentPos: s } = e; if (t.params.cssMode) return; const { params: r, wrapperEl: n, rtlTranslate: o, snapGrid: d, touchEventsData: c } = t, p = l() - c.touchStartTime; if (s < -t.minTranslate()) t.slideTo(t.activeIndex); else if (s > -t.maxTranslate()) t.slides.length < d.length ? t.slideTo(d.length - 1) : t.slideTo(t.slides.length - 1); else { if (r.freeMode.momentum) { if (c.velocities.length > 1) { const e = c.velocities.pop(), s = c.velocities.pop(), a = e.position - s.position, i = e.time - s.time; t.velocity = a / i, t.velocity /= 2, Math.abs(t.velocity) < r.freeMode.minimumVelocity && (t.velocity = 0), (i > 150 || l() - e.time > 300) && (t.velocity = 0) } else t.velocity = 0; t.velocity *= r.freeMode.momentumVelocityRatio, c.velocities.length = 0; let e = 1e3 * r.freeMode.momentumRatio; const s = t.velocity * e; let p = t.translate + s; o && (p = -p); let u, m = !1; const h = 20 * Math.abs(t.velocity) * r.freeMode.momentumBounceRatio; let f; if (p < t.maxTranslate()) r.freeMode.momentumBounce ? (p + t.maxTranslate() < -h && (p = t.maxTranslate() - h), u = t.maxTranslate(), m = !0, c.allowMomentumBounce = !0) : p = t.maxTranslate(), r.loop && r.centeredSlides && (f = !0); else if (p > t.minTranslate()) r.freeMode.momentumBounce ? (p - t.minTranslate() > h && (p = t.minTranslate() + h), u = t.minTranslate(), m = !0, c.allowMomentumBounce = !0) : p = t.minTranslate(), r.loop && r.centeredSlides && (f = !0); else if (r.freeMode.sticky) { let e; for (let t = 0; t < d.length; t += 1)if (d[t] > -p) { e = t; break } p = Math.abs(d[e] - p) < Math.abs(d[e - 1] - p) || "next" === t.swipeDirection ? d[e] : d[e - 1], p = -p } if (f && i("transitionEnd", (() => { t.loopFix() })), 0 !== t.velocity) { if (e = o ? Math.abs((-p - t.translate) / t.velocity) : Math.abs((p - t.translate) / t.velocity), r.freeMode.sticky) { const s = Math.abs((o ? -p : p) - t.translate), a = t.slidesSizesGrid[t.activeIndex]; e = s < a ? r.speed : s < 2 * a ? 1.5 * r.speed : 2.5 * r.speed } } else if (r.freeMode.sticky) return void t.slideToClosest(); r.freeMode.momentumBounce && m ? (t.updateProgress(u), t.setTransition(e), t.setTranslate(p), t.transitionStart(!0, t.swipeDirection), t.animating = !0, y(n, (() => { t && !t.destroyed && c.allowMomentumBounce && (a("momentumBounce"), t.setTransition(r.speed), setTimeout((() => { t.setTranslate(u), y(n, (() => { t && !t.destroyed && t.transitionEnd() })) }), 0)) }))) : t.velocity ? (a("_freeModeNoMomentumRelease"), t.updateProgress(p), t.setTransition(e), t.setTranslate(p), t.transitionStart(!0, t.swipeDirection), t.animating || (t.animating = !0, y(n, (() => { t && !t.destroyed && t.transitionEnd() })))) : t.updateProgress(p), t.updateActiveIndex(), t.updateSlidesClasses() } else { if (r.freeMode.sticky) return void t.slideToClosest(); r.freeMode && a("_freeModeNoMomentumRelease") } (!r.freeMode.momentum || p >= r.longSwipesMs) && (t.updateProgress(), t.updateActiveIndex(), t.updateSlidesClasses()) } } } }) }, function (e) { let t, s, a, { swiper: i, extendParams: r } = e; r({ grid: { rows: 1, fill: "column" } }); const n = () => { let e = i.params.spaceBetween; return "string" == typeof e && e.indexOf("%") >= 0 ? e = parseFloat(e.replace("%", "")) / 100 * i.size : "string" == typeof e && (e = parseFloat(e)), e }; i.grid = { initSlides: e => { const { slidesPerView: r } = i.params, { rows: n, fill: l } = i.params.grid; a = Math.floor(e / n), t = Math.floor(e / n) === e / n ? e : Math.ceil(e / n) * n, "auto" !== r && "row" === l && (t = Math.max(t, r * n)), s = t / n }, updateSlide: (e, r, l, o) => { const { slidesPerGroup: d } = i.params, c = n(), { rows: p, fill: u } = i.params.grid; let m, h, f; if ("row" === u && d > 1) { const s = Math.floor(e / (d * p)), a = e - p * d * s, i = 0 === s ? d : Math.min(Math.ceil((l - s * p * d) / p), d); f = Math.floor(a / i), h = a - f * i + s * d, m = h + f * t / p, r.style.order = m } else "column" === u ? (h = Math.floor(e / p), f = e - h * p, (h > a || h === a && f === p - 1) && (f += 1, f >= p && (f = 0, h += 1))) : (f = Math.floor(e / s), h = e - f * s); r.row = f, r.column = h, r.style[o("margin-top")] = 0 !== f ? c && `${c}px` : "" }, updateWrapperSize: (e, s, a) => { const { centeredSlides: r, roundLengths: l } = i.params, o = n(), { rows: d } = i.params.grid; if (i.virtualSize = (e + o) * t, i.virtualSize = Math.ceil(i.virtualSize / d) - o, i.wrapperEl.style[a("width")] = `${i.virtualSize + o}px`, r) { const e = []; for (let t = 0; t < s.length; t += 1) { let a = s[t]; l && (a = Math.floor(a)), s[t] < i.virtualSize + s[0] && e.push(a) } s.splice(0, s.length), s.push(...e) } } } }, function (e) { let { swiper: t } = e; Object.assign(t, { appendSlide: te.bind(t), prependSlide: se.bind(t), addSlide: ae.bind(t), removeSlide: ie.bind(t), removeAllSlides: re.bind(t) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ fadeEffect: { crossFade: !1 } }), ne({ effect: "fade", swiper: t, on: a, setTranslate: () => { const { slides: e } = t; t.params.fadeEffect; for (let s = 0; s < e.length; s += 1) { const e = t.slides[s]; let a = -e.swiperSlideOffset; t.params.virtualTranslate || (a -= t.translate); let i = 0; t.isHorizontal() || (i = a, a = 0); const r = t.params.fadeEffect.crossFade ? Math.max(1 - Math.abs(e.progress), 0) : 1 + Math.min(Math.max(e.progress, -1), 0), n = le(0, e); n.style.opacity = r, n.style.transform = `translate3d(${a}px, ${i}px, 0px)` } }, setTransition: e => { const s = t.slides.map((e => m(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms` })), oe({ swiper: t, duration: e, transformElements: s, allSlides: !0 }) }, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !t.params.cssMode }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ cubeEffect: { slideShadows: !0, shadow: !0, shadowOffset: 20, shadowScale: .94 } }); const i = (e, t, s) => { let a = s ? e.querySelector(".swiper-slide-shadow-left") : e.querySelector(".swiper-slide-shadow-top"), i = s ? e.querySelector(".swiper-slide-shadow-right") : e.querySelector(".swiper-slide-shadow-bottom"); a || (a = f("div", ("swiper-slide-shadow-cube swiper-slide-shadow-" + (s ? "left" : "top")).split(" ")), e.append(a)), i || (i = f("div", ("swiper-slide-shadow-cube swiper-slide-shadow-" + (s ? "right" : "bottom")).split(" ")), e.append(i)), a && (a.style.opacity = Math.max(-t, 0)), i && (i.style.opacity = Math.max(t, 0)) }; ne({ effect: "cube", swiper: t, on: a, setTranslate: () => { const { el: e, wrapperEl: s, slides: a, width: r, height: n, rtlTranslate: l, size: o, browser: d } = t, c = t.params.cubeEffect, p = t.isHorizontal(), u = t.virtual && t.params.virtual.enabled; let m, h = 0; c.shadow && (p ? (m = t.wrapperEl.querySelector(".swiper-cube-shadow"), m || (m = f("div", "swiper-cube-shadow"), t.wrapperEl.append(m)), m.style.height = `${r}px`) : (m = e.querySelector(".swiper-cube-shadow"), m || (m = f("div", "swiper-cube-shadow"), e.append(m)))); for (let e = 0; e < a.length; e += 1) { const t = a[e]; let s = e; u && (s = parseInt(t.getAttribute("data-swiper-slide-index"), 10)); let r = 90 * s, n = Math.floor(r / 360); l && (r = -r, n = Math.floor(-r / 360)); const d = Math.max(Math.min(t.progress, 1), -1); let m = 0, f = 0, g = 0; s % 4 == 0 ? (m = 4 * -n * o, g = 0) : (s - 1) % 4 == 0 ? (m = 0, g = 4 * -n * o) : (s - 2) % 4 == 0 ? (m = o + 4 * n * o, g = o) : (s - 3) % 4 == 0 && (m = -o, g = 3 * o + 4 * o * n), l && (m = -m), p || (f = m, m = 0); const v = `rotateX(${p ? 0 : -r}deg) rotateY(${p ? r : 0}deg) translate3d(${m}px, ${f}px, ${g}px)`; d <= 1 && d > -1 && (h = 90 * s + 90 * d, l && (h = 90 * -s - 90 * d)), t.style.transform = v, c.slideShadows && i(t, d, p) } if (s.style.transformOrigin = `50% 50% -${o / 2}px`, s.style["-webkit-transform-origin"] = `50% 50% -${o / 2}px`, c.shadow) if (p) m.style.transform = `translate3d(0px, ${r / 2 + c.shadowOffset}px, ${-r / 2}px) rotateX(90deg) rotateZ(0deg) scale(${c.shadowScale})`; else { const e = Math.abs(h) - 90 * Math.floor(Math.abs(h) / 90), t = 1.5 - (Math.sin(2 * e * Math.PI / 360) / 2 + Math.cos(2 * e * Math.PI / 360) / 2), s = c.shadowScale, a = c.shadowScale / t, i = c.shadowOffset; m.style.transform = `scale3d(${s}, 1, ${a}) translate3d(0px, ${n / 2 + i}px, ${-n / 2 / a}px) rotateX(-90deg)` } const g = (d.isSafari || d.isWebView) && d.needPerspectiveFix ? -o / 2 : 0; s.style.transform = `translate3d(0px,0,${g}px) rotateX(${t.isHorizontal() ? 0 : h}deg) rotateY(${t.isHorizontal() ? -h : 0}deg)`, s.style.setProperty("--swiper-cube-translate-z", `${g}px`) }, setTransition: e => { const { el: s, slides: a } = t; if (a.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), t.params.cubeEffect.shadow && !t.isHorizontal()) { const t = s.querySelector(".swiper-cube-shadow"); t && (t.style.transitionDuration = `${e}ms`) } }, recreateShadows: () => { const e = t.isHorizontal(); t.slides.forEach((t => { const s = Math.max(Math.min(t.progress, 1), -1); i(t, s, e) })) }, getEffectParams: () => t.params.cubeEffect, perspective: () => !0, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, resistanceRatio: 0, spaceBetween: 0, centeredSlides: !1, virtualTranslate: !0 }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ flipEffect: { slideShadows: !0, limitRotation: !0 } }); const i = (e, s) => { let a = t.isHorizontal() ? e.querySelector(".swiper-slide-shadow-left") : e.querySelector(".swiper-slide-shadow-top"), i = t.isHorizontal() ? e.querySelector(".swiper-slide-shadow-right") : e.querySelector(".swiper-slide-shadow-bottom"); a || (a = de("flip", e, t.isHorizontal() ? "left" : "top")), i || (i = de("flip", e, t.isHorizontal() ? "right" : "bottom")), a && (a.style.opacity = Math.max(-s, 0)), i && (i.style.opacity = Math.max(s, 0)) }; ne({ effect: "flip", swiper: t, on: a, setTranslate: () => { const { slides: e, rtlTranslate: s } = t, a = t.params.flipEffect; for (let r = 0; r < e.length; r += 1) { const n = e[r]; let l = n.progress; t.params.flipEffect.limitRotation && (l = Math.max(Math.min(n.progress, 1), -1)); const o = n.swiperSlideOffset; let d = -180 * l, c = 0, p = t.params.cssMode ? -o - t.translate : -o, u = 0; t.isHorizontal() ? s && (d = -d) : (u = p, p = 0, c = -d, d = 0), n.style.zIndex = -Math.abs(Math.round(l)) + e.length, a.slideShadows && i(n, l); const m = `translate3d(${p}px, ${u}px, 0px) rotateX(${c}deg) rotateY(${d}deg)`; le(0, n).style.transform = m } }, setTransition: e => { const s = t.slides.map((e => m(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), oe({ swiper: t, duration: e, transformElements: s }) }, recreateShadows: () => { t.params.flipEffect, t.slides.forEach((e => { let s = e.progress; t.params.flipEffect.limitRotation && (s = Math.max(Math.min(e.progress, 1), -1)), i(e, s) })) }, getEffectParams: () => t.params.flipEffect, perspective: () => !0, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !t.params.cssMode }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ coverflowEffect: { rotate: 50, stretch: 0, depth: 100, scale: 1, modifier: 1, slideShadows: !0 } }), ne({ effect: "coverflow", swiper: t, on: a, setTranslate: () => { const { width: e, height: s, slides: a, slidesSizesGrid: i } = t, r = t.params.coverflowEffect, n = t.isHorizontal(), l = t.translate, o = n ? e / 2 - l : s / 2 - l, d = n ? r.rotate : -r.rotate, c = r.depth; for (let e = 0, t = a.length; e < t; e += 1) { const t = a[e], s = i[e], l = (o - t.swiperSlideOffset - s / 2) / s, p = "function" == typeof r.modifier ? r.modifier(l) : l * r.modifier; let u = n ? d * p : 0, m = n ? 0 : d * p, h = -c * Math.abs(p), f = r.stretch; "string" == typeof f && -1 !== f.indexOf("%") && (f = parseFloat(r.stretch) / 100 * s); let g = n ? 0 : f * p, v = n ? f * p : 0, w = 1 - (1 - r.scale) * Math.abs(p); Math.abs(v) < .001 && (v = 0), Math.abs(g) < .001 && (g = 0), Math.abs(h) < .001 && (h = 0), Math.abs(u) < .001 && (u = 0), Math.abs(m) < .001 && (m = 0), Math.abs(w) < .001 && (w = 0); const b = `translate3d(${v}px,${g}px,${h}px) rotateX(${m}deg) rotateY(${u}deg) scale(${w})`; if (le(0, t).style.transform = b, t.style.zIndex = 1 - Math.abs(Math.round(p)), r.slideShadows) { let e = n ? t.querySelector(".swiper-slide-shadow-left") : t.querySelector(".swiper-slide-shadow-top"), s = n ? t.querySelector(".swiper-slide-shadow-right") : t.querySelector(".swiper-slide-shadow-bottom"); e || (e = de("coverflow", t, n ? "left" : "top")), s || (s = de("coverflow", t, n ? "right" : "bottom")), e && (e.style.opacity = p > 0 ? p : 0), s && (s.style.opacity = -p > 0 ? -p : 0) } } }, setTransition: e => { t.slides.map((e => m(e))).forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t => { t.style.transitionDuration = `${e}ms` })) })) }, perspective: () => !0, overwriteParams: () => ({ watchSlidesProgress: !0 }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ creativeEffect: { limitProgress: 1, shadowPerProgress: !1, progressMultiplier: 1, perspective: !0, prev: { translate: [0, 0, 0], rotate: [0, 0, 0], opacity: 1, scale: 1 }, next: { translate: [0, 0, 0], rotate: [0, 0, 0], opacity: 1, scale: 1 } } }); const i = e => "string" == typeof e ? e : `${e}px`; ne({ effect: "creative", swiper: t, on: a, setTranslate: () => { const { slides: e, wrapperEl: s, slidesSizesGrid: a } = t, r = t.params.creativeEffect, { progressMultiplier: n } = r, l = t.params.centeredSlides; if (l) { const e = a[0] / 2 - t.params.slidesOffsetBefore || 0; s.style.transform = `translateX(calc(50% - ${e}px))` } for (let s = 0; s < e.length; s += 1) { const a = e[s], o = a.progress, d = Math.min(Math.max(a.progress, -r.limitProgress), r.limitProgress); let c = d; l || (c = Math.min(Math.max(a.originalProgress, -r.limitProgress), r.limitProgress)); const p = a.swiperSlideOffset, u = [t.params.cssMode ? -p - t.translate : -p, 0, 0], m = [0, 0, 0]; let h = !1; t.isHorizontal() || (u[1] = u[0], u[0] = 0); let f = { translate: [0, 0, 0], rotate: [0, 0, 0], scale: 1, opacity: 1 }; d < 0 ? (f = r.next, h = !0) : d > 0 && (f = r.prev, h = !0), u.forEach(((e, t) => { u[t] = `calc(${e}px + (${i(f.translate[t])} * ${Math.abs(d * n)}))` })), m.forEach(((e, t) => { m[t] = f.rotate[t] * Math.abs(d * n) })), a.style.zIndex = -Math.abs(Math.round(o)) + e.length; const g = u.join(", "), v = `rotateX(${m[0]}deg) rotateY(${m[1]}deg) rotateZ(${m[2]}deg)`, w = c < 0 ? `scale(${1 + (1 - f.scale) * c * n})` : `scale(${1 - (1 - f.scale) * c * n})`, b = c < 0 ? 1 + (1 - f.opacity) * c * n : 1 - (1 - f.opacity) * c * n, y = `translate3d(${g}) ${v} ${w}`; if (h && f.shadow || !h) { let e = a.querySelector(".swiper-slide-shadow"); if (!e && f.shadow && (e = de("creative", a)), e) { const t = r.shadowPerProgress ? d * (1 / r.limitProgress) : d; e.style.opacity = Math.min(Math.max(Math.abs(t), 0), 1) } } const E = le(0, a); E.style.transform = y, E.style.opacity = b, f.origin && (E.style.transformOrigin = f.origin) } }, setTransition: e => { const s = t.slides.map((e => m(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), oe({ swiper: t, duration: e, transformElements: s, allSlides: !0 }) }, perspective: () => t.params.creativeEffect.perspective, overwriteParams: () => ({ watchSlidesProgress: !0, virtualTranslate: !t.params.cssMode }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ cardsEffect: { slideShadows: !0, rotate: !0, perSlideRotate: 2, perSlideOffset: 8 } }), ne({ effect: "cards", swiper: t, on: a, setTranslate: () => { const { slides: e, activeIndex: s, rtlTranslate: a } = t, i = t.params.cardsEffect, { startTranslate: r, isTouched: n } = t.touchEventsData, l = a ? -t.translate : t.translate; for (let o = 0; o < e.length; o += 1) { const d = e[o], c = d.progress, p = Math.min(Math.max(c, -4), 4); let u = d.swiperSlideOffset; t.params.centeredSlides && !t.params.cssMode && (t.wrapperEl.style.transform = `translateX(${t.minTranslate()}px)`), t.params.centeredSlides && t.params.cssMode && (u -= e[0].swiperSlideOffset); let m = t.params.cssMode ? -u - t.translate : -u, h = 0; const f = -100 * Math.abs(p); let g = 1, v = -i.perSlideRotate * p, w = i.perSlideOffset - .75 * Math.abs(p); const b = t.virtual && t.params.virtual.enabled ? t.virtual.from + o : o, y = (b === s || b === s - 1) && p > 0 && p < 1 && (n || t.params.cssMode) && l < r, E = (b === s || b === s + 1) && p < 0 && p > -1 && (n || t.params.cssMode) && l > r; if (y || E) { const e = (1 - Math.abs((Math.abs(p) - .5) / .5)) ** .5; v += -28 * p * e, g += -.5 * e, w += 96 * e, h = -25 * e * Math.abs(p) + "%" } if (m = p < 0 ? `calc(${m}px ${a ? "-" : "+"} (${w * Math.abs(p)}%))` : p > 0 ? `calc(${m}px ${a ? "-" : "+"} (-${w * Math.abs(p)}%))` : `${m}px`, !t.isHorizontal()) { const e = h; h = m, m = e } const x = p < 0 ? "" + (1 + (1 - g) * p) : "" + (1 - (1 - g) * p), S = `\n translate3d(${m}, ${h}, ${f}px)\n rotateZ(${i.rotate ? a ? -v : v : 0}deg)\n scale(${x})\n `; if (i.slideShadows) { let e = d.querySelector(".swiper-slide-shadow"); e || (e = de("cards", d)), e && (e.style.opacity = Math.min(Math.max((Math.abs(p) - .5) / .5, 0), 1)) } d.style.zIndex = -Math.abs(Math.round(c)) + e.length; le(0, d).style.transform = S } }, setTransition: e => { const s = t.slides.map((e => m(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), oe({ swiper: t, duration: e, transformElements: s }) }, perspective: () => !0, overwriteParams: () => ({ watchSlidesProgress: !0, virtualTranslate: !t.params.cssMode }) }) }]; return Q.use(ce), Q }();
//Swiper 11.1.14
var Swiper = function () { "use strict"; function e(e) { return null !== e && "object" == typeof e && "constructor" in e && e.constructor === Object } function t(s, a) { void 0 === s && (s = {}), void 0 === a && (a = {}), Object.keys(a).forEach((i => { void 0 === s[i] ? s[i] = a[i] : e(a[i]) && e(s[i]) && Object.keys(a[i]).length > 0 && t(s[i], a[i]) })) } const s = { body: {}, addEventListener() { }, removeEventListener() { }, activeElement: { blur() { }, nodeName: "" }, querySelector: () => null, querySelectorAll: () => [], getElementById: () => null, createEvent: () => ({ initEvent() { } }), createElement: () => ({ children: [], childNodes: [], style: {}, setAttribute() { }, getElementsByTagName: () => [] }), createElementNS: () => ({}), importNode: () => null, location: { hash: "", host: "", hostname: "", href: "", origin: "", pathname: "", protocol: "", search: "" } }; function a() { const e = "undefined" != typeof document ? document : {}; return t(e, s), e } const i = { document: s, navigator: { userAgent: "" }, location: { hash: "", host: "", hostname: "", href: "", origin: "", pathname: "", protocol: "", search: "" }, history: { replaceState() { }, pushState() { }, go() { }, back() { } }, CustomEvent: function () { return this }, addEventListener() { }, removeEventListener() { }, getComputedStyle: () => ({ getPropertyValue: () => "" }), Image() { }, Date() { }, screen: {}, setTimeout() { }, clearTimeout() { }, matchMedia: () => ({}), requestAnimationFrame: e => "undefined" == typeof setTimeout ? (e(), null) : setTimeout(e, 0), cancelAnimationFrame(e) { "undefined" != typeof setTimeout && clearTimeout(e) } }; function r() { const e = "undefined" != typeof window ? window : {}; return t(e, i), e } function n(e) { return void 0 === e && (e = ""), e.trim().split(" ").filter((e => !!e.trim())) } function l(e, t) { return void 0 === t && (t = 0), setTimeout(e, t) } function o() { return Date.now() } function d(e, t) { void 0 === t && (t = "x"); const s = r(); let a, i, n; const l = function (e) { const t = r(); let s; return t.getComputedStyle && (s = t.getComputedStyle(e, null)), !s && e.currentStyle && (s = e.currentStyle), s || (s = e.style), s }(e); return s.WebKitCSSMatrix ? (i = l.transform || l.webkitTransform, i.split(",").length > 6 && (i = i.split(", ").map((e => e.replace(",", "."))).join(", ")), n = new s.WebKitCSSMatrix("none" === i ? "" : i)) : (n = l.MozTransform || l.OTransform || l.MsTransform || l.msTransform || l.transform || l.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), a = n.toString().split(",")), "x" === t && (i = s.WebKitCSSMatrix ? n.m41 : 16 === a.length ? parseFloat(a[12]) : parseFloat(a[4])), "y" === t && (i = s.WebKitCSSMatrix ? n.m42 : 16 === a.length ? parseFloat(a[13]) : parseFloat(a[5])), i || 0 } function c(e) { return "object" == typeof e && null !== e && e.constructor && "Object" === Object.prototype.toString.call(e).slice(8, -1) } function p() { const e = Object(arguments.length <= 0 ? void 0 : arguments[0]), t = ["__proto__", "constructor", "prototype"]; for (let a = 1; a < arguments.length; a += 1) { const i = a < 0 || arguments.length <= a ? void 0 : arguments[a]; if (null != i && (s = i, !("undefined" != typeof window && void 0 !== window.HTMLElement ? s instanceof HTMLElement : s && (1 === s.nodeType || 11 === s.nodeType)))) { const s = Object.keys(Object(i)).filter((e => t.indexOf(e) < 0)); for (let t = 0, a = s.length; t < a; t += 1) { const a = s[t], r = Object.getOwnPropertyDescriptor(i, a); void 0 !== r && r.enumerable && (c(e[a]) && c(i[a]) ? i[a].__swiper__ ? e[a] = i[a] : p(e[a], i[a]) : !c(e[a]) && c(i[a]) ? (e[a] = {}, i[a].__swiper__ ? e[a] = i[a] : p(e[a], i[a])) : e[a] = i[a]) } } } var s; return e } function u(e, t, s) { e.style.setProperty(t, s) } function m(e) { let { swiper: t, targetPosition: s, side: a } = e; const i = r(), n = -t.translate; let l, o = null; const d = t.params.speed; t.wrapperEl.style.scrollSnapType = "none", i.cancelAnimationFrame(t.cssModeFrameID); const c = s > n ? "next" : "prev", p = (e, t) => "next" === c && e >= t || "prev" === c && e <= t, u = () => { l = (new Date).getTime(), null === o && (o = l); const e = Math.max(Math.min((l - o) / d, 1), 0), r = .5 - Math.cos(e * Math.PI) / 2; let c = n + r * (s - n); if (p(c, s) && (c = s), t.wrapperEl.scrollTo({ [a]: c }), p(c, s)) return t.wrapperEl.style.overflow = "hidden", t.wrapperEl.style.scrollSnapType = "", setTimeout((() => { t.wrapperEl.style.overflow = "", t.wrapperEl.scrollTo({ [a]: c }) })), void i.cancelAnimationFrame(t.cssModeFrameID); t.cssModeFrameID = i.requestAnimationFrame(u) }; u() } function h(e) { return e.querySelector(".swiper-slide-transform") || e.shadowRoot && e.shadowRoot.querySelector(".swiper-slide-transform") || e } function f(e, t) { void 0 === t && (t = ""); const s = [...e.children]; return e instanceof HTMLSlotElement && s.push(...e.assignedElements()), t ? s.filter((e => e.matches(t))) : s } function g(e) { try { return void console.warn(e) } catch (e) { } } function v(e, t) { void 0 === t && (t = []); const s = document.createElement(e); return s.classList.add(...Array.isArray(t) ? t : n(t)), s } function w(e) { const t = r(), s = a(), i = e.getBoundingClientRect(), n = s.body, l = e.clientTop || n.clientTop || 0, o = e.clientLeft || n.clientLeft || 0, d = e === t ? t.scrollY : e.scrollTop, c = e === t ? t.scrollX : e.scrollLeft; return { top: i.top + d - l, left: i.left + c - o } } function b(e, t) { return r().getComputedStyle(e, null).getPropertyValue(t) } function y(e) { let t, s = e; if (s) { for (t = 0; null !== (s = s.previousSibling);)1 === s.nodeType && (t += 1); return t } } function E(e, t) { const s = []; let a = e.parentElement; for (; a;)t ? a.matches(t) && s.push(a) : s.push(a), a = a.parentElement; return s } function x(e, t) { t && e.addEventListener("transitionend", (function s(a) { a.target === e && (t.call(e, a), e.removeEventListener("transitionend", s)) })) } function S(e, t, s) { const a = r(); return s ? e["width" === t ? "offsetWidth" : "offsetHeight"] + parseFloat(a.getComputedStyle(e, null).getPropertyValue("width" === t ? "margin-right" : "margin-top")) + parseFloat(a.getComputedStyle(e, null).getPropertyValue("width" === t ? "margin-left" : "margin-bottom")) : e.offsetWidth } function T(e) { return (Array.isArray(e) ? e : [e]).filter((e => !!e)) } function M(e) { return t => Math.abs(t) > 0 && e.browser && e.browser.need3dFix && Math.abs(t) % 90 == 0 ? t + .001 : t } let C, P, L; function I() { return C || (C = function () { const e = r(), t = a(); return { smoothScroll: t.documentElement && t.documentElement.style && "scrollBehavior" in t.documentElement.style, touch: !!("ontouchstart" in e || e.DocumentTouch && t instanceof e.DocumentTouch) } }()), C } function z(e) { return void 0 === e && (e = {}), P || (P = function (e) { let { userAgent: t } = void 0 === e ? {} : e; const s = I(), a = r(), i = a.navigator.platform, n = t || a.navigator.userAgent, l = { ios: !1, android: !1 }, o = a.screen.width, d = a.screen.height, c = n.match(/(Android);?[\s\/]+([\d.]+)?/); let p = n.match(/(iPad).*OS\s([\d_]+)/); const u = n.match(/(iPod)(.*OS\s([\d_]+))?/), m = !p && n.match(/(iPhone\sOS|iOS)\s([\d_]+)/), h = "Win32" === i; let f = "MacIntel" === i; return !p && f && s.touch && ["1024x1366", "1366x1024", "834x1194", "1194x834", "834x1112", "1112x834", "768x1024", "1024x768", "820x1180", "1180x820", "810x1080", "1080x810"].indexOf(`${o}x${d}`) >= 0 && (p = n.match(/(Version)\/([\d.]+)/), p || (p = [0, 1, "13_0_0"]), f = !1), c && !h && (l.os = "android", l.android = !0), (p || m || u) && (l.os = "ios", l.ios = !0), l }(e)), P } function A() { return L || (L = function () { const e = r(), t = z(); let s = !1; function a() { const t = e.navigator.userAgent.toLowerCase(); return t.indexOf("safari") >= 0 && t.indexOf("chrome") < 0 && t.indexOf("android") < 0 } if (a()) { const t = String(e.navigator.userAgent); if (t.includes("Version/")) { const [e, a] = t.split("Version/")[1].split(" ")[0].split(".").map((e => Number(e))); s = e < 16 || 16 === e && a < 2 } } const i = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent), n = a(); return { isSafari: s || n, needPerspectiveFix: s, need3dFix: n || i && t.ios, isWebView: i } }()), L } var $ = { on(e, t, s) { const a = this; if (!a.eventsListeners || a.destroyed) return a; if ("function" != typeof t) return a; const i = s ? "unshift" : "push"; return e.split(" ").forEach((e => { a.eventsListeners[e] || (a.eventsListeners[e] = []), a.eventsListeners[e][i](t) })), a }, once(e, t, s) { const a = this; if (!a.eventsListeners || a.destroyed) return a; if ("function" != typeof t) return a; function i() { a.off(e, i), i.__emitterProxy && delete i.__emitterProxy; for (var s = arguments.length, r = new Array(s), n = 0; n < s; n++)r[n] = arguments[n]; t.apply(a, r) } return i.__emitterProxy = t, a.on(e, i, s) }, onAny(e, t) { const s = this; if (!s.eventsListeners || s.destroyed) return s; if ("function" != typeof e) return s; const a = t ? "unshift" : "push"; return s.eventsAnyListeners.indexOf(e) < 0 && s.eventsAnyListeners[a](e), s }, offAny(e) { const t = this; if (!t.eventsListeners || t.destroyed) return t; if (!t.eventsAnyListeners) return t; const s = t.eventsAnyListeners.indexOf(e); return s >= 0 && t.eventsAnyListeners.splice(s, 1), t }, off(e, t) { const s = this; return !s.eventsListeners || s.destroyed ? s : s.eventsListeners ? (e.split(" ").forEach((e => { void 0 === t ? s.eventsListeners[e] = [] : s.eventsListeners[e] && s.eventsListeners[e].forEach(((a, i) => { (a === t || a.__emitterProxy && a.__emitterProxy === t) && s.eventsListeners[e].splice(i, 1) })) })), s) : s }, emit() { const e = this; if (!e.eventsListeners || e.destroyed) return e; if (!e.eventsListeners) return e; let t, s, a; for (var i = arguments.length, r = new Array(i), n = 0; n < i; n++)r[n] = arguments[n]; "string" == typeof r[0] || Array.isArray(r[0]) ? (t = r[0], s = r.slice(1, r.length), a = e) : (t = r[0].events, s = r[0].data, a = r[0].context || e), s.unshift(a); return (Array.isArray(t) ? t : t.split(" ")).forEach((t => { e.eventsAnyListeners && e.eventsAnyListeners.length && e.eventsAnyListeners.forEach((e => { e.apply(a, [t, ...s]) })), e.eventsListeners && e.eventsListeners[t] && e.eventsListeners[t].forEach((e => { e.apply(a, s) })) })), e } }; const k = (e, t, s) => { t && !e.classList.contains(s) ? e.classList.add(s) : !t && e.classList.contains(s) && e.classList.remove(s) }; const O = (e, t, s) => { t && !e.classList.contains(s) ? e.classList.add(s) : !t && e.classList.contains(s) && e.classList.remove(s) }; const D = (e, t) => { if (!e || e.destroyed || !e.params) return; const s = t.closest(e.isElement ? "swiper-slide" : `.${e.params.slideClass}`); if (s) { let t = s.querySelector(`.${e.params.lazyPreloaderClass}`); !t && e.isElement && (s.shadowRoot ? t = s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`) : requestAnimationFrame((() => { s.shadowRoot && (t = s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`), t && t.remove()) }))), t && t.remove() } }, G = (e, t) => { if (!e.slides[t]) return; const s = e.slides[t].querySelector('[loading="lazy"]'); s && s.removeAttribute("loading") }, H = e => { if (!e || e.destroyed || !e.params) return; let t = e.params.lazyPreloadPrevNext; const s = e.slides.length; if (!s || !t || t < 0) return; t = Math.min(t, s); const a = "auto" === e.params.slidesPerView ? e.slidesPerViewDynamic() : Math.ceil(e.params.slidesPerView), i = e.activeIndex; if (e.params.grid && e.params.grid.rows > 1) { const s = i, r = [s - t]; return r.push(...Array.from({ length: t }).map(((e, t) => s + a + t))), void e.slides.forEach(((t, s) => { r.includes(t.column) && G(e, s) })) } const r = i + a - 1; if (e.params.rewind || e.params.loop) for (let a = i - t; a <= r + t; a += 1) { const t = (a % s + s) % s; (t < i || t > r) && G(e, t) } else for (let a = Math.max(i - t, 0); a <= Math.min(r + t, s - 1); a += 1)a !== i && (a > r || a < i) && G(e, a) }; var B = { updateSize: function () { const e = this; let t, s; const a = e.el; t = void 0 !== e.params.width && null !== e.params.width ? e.params.width : a.clientWidth, s = void 0 !== e.params.height && null !== e.params.height ? e.params.height : a.clientHeight, 0 === t && e.isHorizontal() || 0 === s && e.isVertical() || (t = t - parseInt(b(a, "padding-left") || 0, 10) - parseInt(b(a, "padding-right") || 0, 10), s = s - parseInt(b(a, "padding-top") || 0, 10) - parseInt(b(a, "padding-bottom") || 0, 10), Number.isNaN(t) && (t = 0), Number.isNaN(s) && (s = 0), Object.assign(e, { width: t, height: s, size: e.isHorizontal() ? t : s })) }, updateSlides: function () { const e = this; function t(t, s) { return parseFloat(t.getPropertyValue(e.getDirectionLabel(s)) || 0) } const s = e.params, { wrapperEl: a, slidesEl: i, size: r, rtlTranslate: n, wrongRTL: l } = e, o = e.virtual && s.virtual.enabled, d = o ? e.virtual.slides.length : e.slides.length, c = f(i, `.${e.params.slideClass}, swiper-slide`), p = o ? e.virtual.slides.length : c.length; let m = []; const h = [], g = []; let v = s.slidesOffsetBefore; "function" == typeof v && (v = s.slidesOffsetBefore.call(e)); let w = s.slidesOffsetAfter; "function" == typeof w && (w = s.slidesOffsetAfter.call(e)); const y = e.snapGrid.length, E = e.slidesGrid.length; let x = s.spaceBetween, T = -v, M = 0, C = 0; if (void 0 === r) return; "string" == typeof x && x.indexOf("%") >= 0 ? x = parseFloat(x.replace("%", "")) / 100 * r : "string" == typeof x && (x = parseFloat(x)), e.virtualSize = -x, c.forEach((e => { n ? e.style.marginLeft = "" : e.style.marginRight = "", e.style.marginBottom = "", e.style.marginTop = "" })), s.centeredSlides && s.cssMode && (u(a, "--swiper-centered-offset-before", ""), u(a, "--swiper-centered-offset-after", "")); const P = s.grid && s.grid.rows > 1 && e.grid; let L; P ? e.grid.initSlides(c) : e.grid && e.grid.unsetSlides(); const I = "auto" === s.slidesPerView && s.breakpoints && Object.keys(s.breakpoints).filter((e => void 0 !== s.breakpoints[e].slidesPerView)).length > 0; for (let a = 0; a < p; a += 1) { let i; if (L = 0, c[a] && (i = c[a]), P && e.grid.updateSlide(a, i, c), !c[a] || "none" !== b(i, "display")) { if ("auto" === s.slidesPerView) { I && (c[a].style[e.getDirectionLabel("width")] = ""); const r = getComputedStyle(i), n = i.style.transform, l = i.style.webkitTransform; if (n && (i.style.transform = "none"), l && (i.style.webkitTransform = "none"), s.roundLengths) L = e.isHorizontal() ? S(i, "width", !0) : S(i, "height", !0); else { const e = t(r, "width"), s = t(r, "padding-left"), a = t(r, "padding-right"), n = t(r, "margin-left"), l = t(r, "margin-right"), o = r.getPropertyValue("box-sizing"); if (o && "border-box" === o) L = e + n + l; else { const { clientWidth: t, offsetWidth: r } = i; L = e + s + a + n + l + (r - t) } } n && (i.style.transform = n), l && (i.style.webkitTransform = l), s.roundLengths && (L = Math.floor(L)) } else L = (r - (s.slidesPerView - 1) * x) / s.slidesPerView, s.roundLengths && (L = Math.floor(L)), c[a] && (c[a].style[e.getDirectionLabel("width")] = `${L}px`); c[a] && (c[a].swiperSlideSize = L), g.push(L), s.centeredSlides ? (T = T + L / 2 + M / 2 + x, 0 === M && 0 !== a && (T = T - r / 2 - x), 0 === a && (T = T - r / 2 - x), Math.abs(T) < .001 && (T = 0), s.roundLengths && (T = Math.floor(T)), C % s.slidesPerGroup == 0 && m.push(T), h.push(T)) : (s.roundLengths && (T = Math.floor(T)), (C - Math.min(e.params.slidesPerGroupSkip, C)) % e.params.slidesPerGroup == 0 && m.push(T), h.push(T), T = T + L + x), e.virtualSize += L + x, M = L, C += 1 } } if (e.virtualSize = Math.max(e.virtualSize, r) + w, n && l && ("slide" === s.effect || "coverflow" === s.effect) && (a.style.width = `${e.virtualSize + x}px`), s.setWrapperSize && (a.style[e.getDirectionLabel("width")] = `${e.virtualSize + x}px`), P && e.grid.updateWrapperSize(L, m), !s.centeredSlides) { const t = []; for (let a = 0; a < m.length; a += 1) { let i = m[a]; s.roundLengths && (i = Math.floor(i)), m[a] <= e.virtualSize - r && t.push(i) } m = t, Math.floor(e.virtualSize - r) - Math.floor(m[m.length - 1]) > 1 && m.push(e.virtualSize - r) } if (o && s.loop) { const t = g[0] + x; if (s.slidesPerGroup > 1) { const a = Math.ceil((e.virtual.slidesBefore + e.virtual.slidesAfter) / s.slidesPerGroup), i = t * s.slidesPerGroup; for (let e = 0; e < a; e += 1)m.push(m[m.length - 1] + i) } for (let a = 0; a < e.virtual.slidesBefore + e.virtual.slidesAfter; a += 1)1 === s.slidesPerGroup && m.push(m[m.length - 1] + t), h.push(h[h.length - 1] + t), e.virtualSize += t } if (0 === m.length && (m = [0]), 0 !== x) { const t = e.isHorizontal() && n ? "marginLeft" : e.getDirectionLabel("marginRight"); c.filter(((e, t) => !(s.cssMode && !s.loop) || t !== c.length - 1)).forEach((e => { e.style[t] = `${x}px` })) } if (s.centeredSlides && s.centeredSlidesBounds) { let e = 0; g.forEach((t => { e += t + (x || 0) })), e -= x; const t = e > r ? e - r : 0; m = m.map((e => e <= 0 ? -v : e > t ? t + w : e)) } if (s.centerInsufficientSlides) { let e = 0; g.forEach((t => { e += t + (x || 0) })), e -= x; const t = (s.slidesOffsetBefore || 0) + (s.slidesOffsetAfter || 0); if (e + t < r) { const s = (r - e - t) / 2; m.forEach(((e, t) => { m[t] = e - s })), h.forEach(((e, t) => { h[t] = e + s })) } } if (Object.assign(e, { slides: c, snapGrid: m, slidesGrid: h, slidesSizesGrid: g }), s.centeredSlides && s.cssMode && !s.centeredSlidesBounds) { u(a, "--swiper-centered-offset-before", -m[0] + "px"), u(a, "--swiper-centered-offset-after", e.size / 2 - g[g.length - 1] / 2 + "px"); const t = -e.snapGrid[0], s = -e.slidesGrid[0]; e.snapGrid = e.snapGrid.map((e => e + t)), e.slidesGrid = e.slidesGrid.map((e => e + s)) } if (p !== d && e.emit("slidesLengthChange"), m.length !== y && (e.params.watchOverflow && e.checkOverflow(), e.emit("snapGridLengthChange")), h.length !== E && e.emit("slidesGridLengthChange"), s.watchSlidesProgress && e.updateSlidesOffset(), e.emit("slidesUpdated"), !(o || s.cssMode || "slide" !== s.effect && "fade" !== s.effect)) { const t = `${s.containerModifierClass}backface-hidden`, a = e.el.classList.contains(t); p <= s.maxBackfaceHiddenSlides ? a || e.el.classList.add(t) : a && e.el.classList.remove(t) } }, updateAutoHeight: function (e) { const t = this, s = [], a = t.virtual && t.params.virtual.enabled; let i, r = 0; "number" == typeof e ? t.setTransition(e) : !0 === e && t.setTransition(t.params.speed); const n = e => a ? t.slides[t.getSlideIndexByData(e)] : t.slides[e]; if ("auto" !== t.params.slidesPerView && t.params.slidesPerView > 1) if (t.params.centeredSlides) (t.visibleSlides || []).forEach((e => { s.push(e) })); else for (i = 0; i < Math.ceil(t.params.slidesPerView); i += 1) { const e = t.activeIndex + i; if (e > t.slides.length && !a) break; s.push(n(e)) } else s.push(n(t.activeIndex)); for (i = 0; i < s.length; i += 1)if (void 0 !== s[i]) { const e = s[i].offsetHeight; r = e > r ? e : r } (r || 0 === r) && (t.wrapperEl.style.height = `${r}px`) }, updateSlidesOffset: function () { const e = this, t = e.slides, s = e.isElement ? e.isHorizontal() ? e.wrapperEl.offsetLeft : e.wrapperEl.offsetTop : 0; for (let a = 0; a < t.length; a += 1)t[a].swiperSlideOffset = (e.isHorizontal() ? t[a].offsetLeft : t[a].offsetTop) - s - e.cssOverflowAdjustment() }, updateSlidesProgress: function (e) { void 0 === e && (e = this && this.translate || 0); const t = this, s = t.params, { slides: a, rtlTranslate: i, snapGrid: r } = t; if (0 === a.length) return; void 0 === a[0].swiperSlideOffset && t.updateSlidesOffset(); let n = -e; i && (n = e), t.visibleSlidesIndexes = [], t.visibleSlides = []; let l = s.spaceBetween; "string" == typeof l && l.indexOf("%") >= 0 ? l = parseFloat(l.replace("%", "")) / 100 * t.size : "string" == typeof l && (l = parseFloat(l)); for (let e = 0; e < a.length; e += 1) { const o = a[e]; let d = o.swiperSlideOffset; s.cssMode && s.centeredSlides && (d -= a[0].swiperSlideOffset); const c = (n + (s.centeredSlides ? t.minTranslate() : 0) - d) / (o.swiperSlideSize + l), p = (n - r[0] + (s.centeredSlides ? t.minTranslate() : 0) - d) / (o.swiperSlideSize + l), u = -(n - d), m = u + t.slidesSizesGrid[e], h = u >= 0 && u <= t.size - t.slidesSizesGrid[e], f = u >= 0 && u < t.size - 1 || m > 1 && m <= t.size || u <= 0 && m >= t.size; f && (t.visibleSlides.push(o), t.visibleSlidesIndexes.push(e)), k(o, f, s.slideVisibleClass), k(o, h, s.slideFullyVisibleClass), o.progress = i ? -c : c, o.originalProgress = i ? -p : p } }, updateProgress: function (e) { const t = this; if (void 0 === e) { const s = t.rtlTranslate ? -1 : 1; e = t && t.translate && t.translate * s || 0 } const s = t.params, a = t.maxTranslate() - t.minTranslate(); let { progress: i, isBeginning: r, isEnd: n, progressLoop: l } = t; const o = r, d = n; if (0 === a) i = 0, r = !0, n = !0; else { i = (e - t.minTranslate()) / a; const s = Math.abs(e - t.minTranslate()) < 1, l = Math.abs(e - t.maxTranslate()) < 1; r = s || i <= 0, n = l || i >= 1, s && (i = 0), l && (i = 1) } if (s.loop) { const s = t.getSlideIndexByData(0), a = t.getSlideIndexByData(t.slides.length - 1), i = t.slidesGrid[s], r = t.slidesGrid[a], n = t.slidesGrid[t.slidesGrid.length - 1], o = Math.abs(e); l = o >= i ? (o - i) / n : (o + n - r) / n, l > 1 && (l -= 1) } Object.assign(t, { progress: i, progressLoop: l, isBeginning: r, isEnd: n }), (s.watchSlidesProgress || s.centeredSlides && s.autoHeight) && t.updateSlidesProgress(e), r && !o && t.emit("reachBeginning toEdge"), n && !d && t.emit("reachEnd toEdge"), (o && !r || d && !n) && t.emit("fromEdge"), t.emit("progress", i) }, updateSlidesClasses: function () { const e = this, { slides: t, params: s, slidesEl: a, activeIndex: i } = e, r = e.virtual && s.virtual.enabled, n = e.grid && s.grid && s.grid.rows > 1, l = e => f(a, `.${s.slideClass}${e}, swiper-slide${e}`)[0]; let o, d, c; if (r) if (s.loop) { let t = i - e.virtual.slidesBefore; t < 0 && (t = e.virtual.slides.length + t), t >= e.virtual.slides.length && (t -= e.virtual.slides.length), o = l(`[data-swiper-slide-index="${t}"]`) } else o = l(`[data-swiper-slide-index="${i}"]`); else n ? (o = t.filter((e => e.column === i))[0], c = t.filter((e => e.column === i + 1))[0], d = t.filter((e => e.column === i - 1))[0]) : o = t[i]; o && (n || (c = function (e, t) { const s = []; for (; e.nextElementSibling;) { const a = e.nextElementSibling; t ? a.matches(t) && s.push(a) : s.push(a), e = a } return s }(o, `.${s.slideClass}, swiper-slide`)[0], s.loop && !c && (c = t[0]), d = function (e, t) { const s = []; for (; e.previousElementSibling;) { const a = e.previousElementSibling; t ? a.matches(t) && s.push(a) : s.push(a), e = a } return s }(o, `.${s.slideClass}, swiper-slide`)[0], s.loop && 0 === !d && (d = t[t.length - 1]))), t.forEach((e => { O(e, e === o, s.slideActiveClass), O(e, e === c, s.slideNextClass), O(e, e === d, s.slidePrevClass) })), e.emitSlidesClasses() }, updateActiveIndex: function (e) { const t = this, s = t.rtlTranslate ? t.translate : -t.translate, { snapGrid: a, params: i, activeIndex: r, realIndex: n, snapIndex: l } = t; let o, d = e; const c = e => { let s = e - t.virtual.slidesBefore; return s < 0 && (s = t.virtual.slides.length + s), s >= t.virtual.slides.length && (s -= t.virtual.slides.length), s }; if (void 0 === d && (d = function (e) { const { slidesGrid: t, params: s } = e, a = e.rtlTranslate ? e.translate : -e.translate; let i; for (let e = 0; e < t.length; e += 1)void 0 !== t[e + 1] ? a >= t[e] && a < t[e + 1] - (t[e + 1] - t[e]) / 2 ? i = e : a >= t[e] && a < t[e + 1] && (i = e + 1) : a >= t[e] && (i = e); return s.normalizeSlideIndex && (i < 0 || void 0 === i) && (i = 0), i }(t)), a.indexOf(s) >= 0) o = a.indexOf(s); else { const e = Math.min(i.slidesPerGroupSkip, d); o = e + Math.floor((d - e) / i.slidesPerGroup) } if (o >= a.length && (o = a.length - 1), d === r && !t.params.loop) return void (o !== l && (t.snapIndex = o, t.emit("snapIndexChange"))); if (d === r && t.params.loop && t.virtual && t.params.virtual.enabled) return void (t.realIndex = c(d)); const p = t.grid && i.grid && i.grid.rows > 1; let u; if (t.virtual && i.virtual.enabled && i.loop) u = c(d); else if (p) { const e = t.slides.filter((e => e.column === d))[0]; let s = parseInt(e.getAttribute("data-swiper-slide-index"), 10); Number.isNaN(s) && (s = Math.max(t.slides.indexOf(e), 0)), u = Math.floor(s / i.grid.rows) } else if (t.slides[d]) { const e = t.slides[d].getAttribute("data-swiper-slide-index"); u = e ? parseInt(e, 10) : d } else u = d; Object.assign(t, { previousSnapIndex: l, snapIndex: o, previousRealIndex: n, realIndex: u, previousIndex: r, activeIndex: d }), t.initialized && H(t), t.emit("activeIndexChange"), t.emit("snapIndexChange"), (t.initialized || t.params.runCallbacksOnInit) && (n !== u && t.emit("realIndexChange"), t.emit("slideChange")) }, updateClickedSlide: function (e, t) { const s = this, a = s.params; let i = e.closest(`.${a.slideClass}, swiper-slide`); !i && s.isElement && t && t.length > 1 && t.includes(e) && [...t.slice(t.indexOf(e) + 1, t.length)].forEach((e => { !i && e.matches && e.matches(`.${a.slideClass}, swiper-slide`) && (i = e) })); let r, n = !1; if (i) for (let e = 0; e < s.slides.length; e += 1)if (s.slides[e] === i) { n = !0, r = e; break } if (!i || !n) return s.clickedSlide = void 0, void (s.clickedIndex = void 0); s.clickedSlide = i, s.virtual && s.params.virtual.enabled ? s.clickedIndex = parseInt(i.getAttribute("data-swiper-slide-index"), 10) : s.clickedIndex = r, a.slideToClickedSlide && void 0 !== s.clickedIndex && s.clickedIndex !== s.activeIndex && s.slideToClickedSlide() } }; var N = { getTranslate: function (e) { void 0 === e && (e = this.isHorizontal() ? "x" : "y"); const { params: t, rtlTranslate: s, translate: a, wrapperEl: i } = this; if (t.virtualTranslate) return s ? -a : a; if (t.cssMode) return a; let r = d(i, e); return r += this.cssOverflowAdjustment(), s && (r = -r), r || 0 }, setTranslate: function (e, t) { const s = this, { rtlTranslate: a, params: i, wrapperEl: r, progress: n } = s; let l, o = 0, d = 0; s.isHorizontal() ? o = a ? -e : e : d = e, i.roundLengths && (o = Math.floor(o), d = Math.floor(d)), s.previousTranslate = s.translate, s.translate = s.isHorizontal() ? o : d, i.cssMode ? r[s.isHorizontal() ? "scrollLeft" : "scrollTop"] = s.isHorizontal() ? -o : -d : i.virtualTranslate || (s.isHorizontal() ? o -= s.cssOverflowAdjustment() : d -= s.cssOverflowAdjustment(), r.style.transform = `translate3d(${o}px, ${d}px, 0px)`); const c = s.maxTranslate() - s.minTranslate(); l = 0 === c ? 0 : (e - s.minTranslate()) / c, l !== n && s.updateProgress(e), s.emit("setTranslate", s.translate, t) }, minTranslate: function () { return -this.snapGrid[0] }, maxTranslate: function () { return -this.snapGrid[this.snapGrid.length - 1] }, translateTo: function (e, t, s, a, i) { void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === s && (s = !0), void 0 === a && (a = !0); const r = this, { params: n, wrapperEl: l } = r; if (r.animating && n.preventInteractionOnTransition) return !1; const o = r.minTranslate(), d = r.maxTranslate(); let c; if (c = a && e > o ? o : a && e < d ? d : e, r.updateProgress(c), n.cssMode) { const e = r.isHorizontal(); if (0 === t) l[e ? "scrollLeft" : "scrollTop"] = -c; else { if (!r.support.smoothScroll) return m({ swiper: r, targetPosition: -c, side: e ? "left" : "top" }), !0; l.scrollTo({ [e ? "left" : "top"]: -c, behavior: "smooth" }) } return !0 } return 0 === t ? (r.setTransition(0), r.setTranslate(c), s && (r.emit("beforeTransitionStart", t, i), r.emit("transitionEnd"))) : (r.setTransition(t), r.setTranslate(c), s && (r.emit("beforeTransitionStart", t, i), r.emit("transitionStart")), r.animating || (r.animating = !0, r.onTranslateToWrapperTransitionEnd || (r.onTranslateToWrapperTransitionEnd = function (e) { r && !r.destroyed && e.target === this && (r.wrapperEl.removeEventListener("transitionend", r.onTranslateToWrapperTransitionEnd), r.onTranslateToWrapperTransitionEnd = null, delete r.onTranslateToWrapperTransitionEnd, r.animating = !1, s && r.emit("transitionEnd")) }), r.wrapperEl.addEventListener("transitionend", r.onTranslateToWrapperTransitionEnd))), !0 } }; function X(e) { let { swiper: t, runCallbacks: s, direction: a, step: i } = e; const { activeIndex: r, previousIndex: n } = t; let l = a; if (l || (l = r > n ? "next" : r < n ? "prev" : "reset"), t.emit(`transition${i}`), s && r !== n) { if ("reset" === l) return void t.emit(`slideResetTransition${i}`); t.emit(`slideChangeTransition${i}`), "next" === l ? t.emit(`slideNextTransition${i}`) : t.emit(`slidePrevTransition${i}`) } } var Y = { slideTo: function (e, t, s, a, i) { void 0 === e && (e = 0), void 0 === s && (s = !0), "string" == typeof e && (e = parseInt(e, 10)); const r = this; let n = e; n < 0 && (n = 0); const { params: l, snapGrid: o, slidesGrid: d, previousIndex: c, activeIndex: p, rtlTranslate: u, wrapperEl: h, enabled: f } = r; if (!f && !a && !i || r.destroyed || r.animating && l.preventInteractionOnTransition) return !1; void 0 === t && (t = r.params.speed); const g = Math.min(r.params.slidesPerGroupSkip, n); let v = g + Math.floor((n - g) / r.params.slidesPerGroup); v >= o.length && (v = o.length - 1); const w = -o[v]; if (l.normalizeSlideIndex) for (let e = 0; e < d.length; e += 1) { const t = -Math.floor(100 * w), s = Math.floor(100 * d[e]), a = Math.floor(100 * d[e + 1]); void 0 !== d[e + 1] ? t >= s && t < a - (a - s) / 2 ? n = e : t >= s && t < a && (n = e + 1) : t >= s && (n = e) } if (r.initialized && n !== p) { if (!r.allowSlideNext && (u ? w > r.translate && w > r.minTranslate() : w < r.translate && w < r.minTranslate())) return !1; if (!r.allowSlidePrev && w > r.translate && w > r.maxTranslate() && (p || 0) !== n) return !1 } let b; n !== (c || 0) && s && r.emit("beforeSlideChangeStart"), r.updateProgress(w), b = n > p ? "next" : n < p ? "prev" : "reset"; const y = r.virtual && r.params.virtual.enabled; if (!(y && i) && (u && -w === r.translate || !u && w === r.translate)) return r.updateActiveIndex(n), l.autoHeight && r.updateAutoHeight(), r.updateSlidesClasses(), "slide" !== l.effect && r.setTranslate(w), "reset" !== b && (r.transitionStart(s, b), r.transitionEnd(s, b)), !1; if (l.cssMode) { const e = r.isHorizontal(), s = u ? w : -w; if (0 === t) y && (r.wrapperEl.style.scrollSnapType = "none", r._immediateVirtual = !0), y && !r._cssModeVirtualInitialSet && r.params.initialSlide > 0 ? (r._cssModeVirtualInitialSet = !0, requestAnimationFrame((() => { h[e ? "scrollLeft" : "scrollTop"] = s }))) : h[e ? "scrollLeft" : "scrollTop"] = s, y && requestAnimationFrame((() => { r.wrapperEl.style.scrollSnapType = "", r._immediateVirtual = !1 })); else { if (!r.support.smoothScroll) return m({ swiper: r, targetPosition: s, side: e ? "left" : "top" }), !0; h.scrollTo({ [e ? "left" : "top"]: s, behavior: "smooth" }) } return !0 } return r.setTransition(t), r.setTranslate(w), r.updateActiveIndex(n), r.updateSlidesClasses(), r.emit("beforeTransitionStart", t, a), r.transitionStart(s, b), 0 === t ? r.transitionEnd(s, b) : r.animating || (r.animating = !0, r.onSlideToWrapperTransitionEnd || (r.onSlideToWrapperTransitionEnd = function (e) { r && !r.destroyed && e.target === this && (r.wrapperEl.removeEventListener("transitionend", r.onSlideToWrapperTransitionEnd), r.onSlideToWrapperTransitionEnd = null, delete r.onSlideToWrapperTransitionEnd, r.transitionEnd(s, b)) }), r.wrapperEl.addEventListener("transitionend", r.onSlideToWrapperTransitionEnd)), !0 }, slideToLoop: function (e, t, s, a) { if (void 0 === e && (e = 0), void 0 === s && (s = !0), "string" == typeof e) { e = parseInt(e, 10) } const i = this; if (i.destroyed) return; void 0 === t && (t = i.params.speed); const r = i.grid && i.params.grid && i.params.grid.rows > 1; let n = e; if (i.params.loop) if (i.virtual && i.params.virtual.enabled) n += i.virtual.slidesBefore; else { let e; if (r) { const t = n * i.params.grid.rows; e = i.slides.filter((e => 1 * e.getAttribute("data-swiper-slide-index") === t))[0].column } else e = i.getSlideIndexByData(n); const t = r ? Math.ceil(i.slides.length / i.params.grid.rows) : i.slides.length, { centeredSlides: s } = i.params; let l = i.params.slidesPerView; "auto" === l ? l = i.slidesPerViewDynamic() : (l = Math.ceil(parseFloat(i.params.slidesPerView, 10)), s && l % 2 == 0 && (l += 1)); let o = t - e < l; if (s && (o = o || e < Math.ceil(l / 2)), a && s && "auto" !== i.params.slidesPerView && !r && (o = !1), o) { const a = s ? e < i.activeIndex ? "prev" : "next" : e - i.activeIndex - 1 < i.params.slidesPerView ? "next" : "prev"; i.loopFix({ direction: a, slideTo: !0, activeSlideIndex: "next" === a ? e + 1 : e - t + 1, slideRealIndex: "next" === a ? i.realIndex : void 0 }) } if (r) { const e = n * i.params.grid.rows; n = i.slides.filter((t => 1 * t.getAttribute("data-swiper-slide-index") === e))[0].column } else n = i.getSlideIndexByData(n) } return requestAnimationFrame((() => { i.slideTo(n, t, s, a) })), i }, slideNext: function (e, t, s) { void 0 === t && (t = !0); const a = this, { enabled: i, params: r, animating: n } = a; if (!i || a.destroyed) return a; void 0 === e && (e = a.params.speed); let l = r.slidesPerGroup; "auto" === r.slidesPerView && 1 === r.slidesPerGroup && r.slidesPerGroupAuto && (l = Math.max(a.slidesPerViewDynamic("current", !0), 1)); const o = a.activeIndex < r.slidesPerGroupSkip ? 1 : l, d = a.virtual && r.virtual.enabled; if (r.loop) { if (n && !d && r.loopPreventsSliding) return !1; if (a.loopFix({ direction: "next" }), a._clientLeft = a.wrapperEl.clientLeft, a.activeIndex === a.slides.length - 1 && r.cssMode) return requestAnimationFrame((() => { a.slideTo(a.activeIndex + o, e, t, s) })), !0 } return r.rewind && a.isEnd ? a.slideTo(0, e, t, s) : a.slideTo(a.activeIndex + o, e, t, s) }, slidePrev: function (e, t, s) { void 0 === t && (t = !0); const a = this, { params: i, snapGrid: r, slidesGrid: n, rtlTranslate: l, enabled: o, animating: d } = a; if (!o || a.destroyed) return a; void 0 === e && (e = a.params.speed); const c = a.virtual && i.virtual.enabled; if (i.loop) { if (d && !c && i.loopPreventsSliding) return !1; a.loopFix({ direction: "prev" }), a._clientLeft = a.wrapperEl.clientLeft } function p(e) { return e < 0 ? -Math.floor(Math.abs(e)) : Math.floor(e) } const u = p(l ? a.translate : -a.translate), m = r.map((e => p(e))); let h = r[m.indexOf(u) - 1]; if (void 0 === h && i.cssMode) { let e; r.forEach(((t, s) => { u >= t && (e = s) })), void 0 !== e && (h = r[e > 0 ? e - 1 : e]) } let f = 0; if (void 0 !== h && (f = n.indexOf(h), f < 0 && (f = a.activeIndex - 1), "auto" === i.slidesPerView && 1 === i.slidesPerGroup && i.slidesPerGroupAuto && (f = f - a.slidesPerViewDynamic("previous", !0) + 1, f = Math.max(f, 0))), i.rewind && a.isBeginning) { const i = a.params.virtual && a.params.virtual.enabled && a.virtual ? a.virtual.slides.length - 1 : a.slides.length - 1; return a.slideTo(i, e, t, s) } return i.loop && 0 === a.activeIndex && i.cssMode ? (requestAnimationFrame((() => { a.slideTo(f, e, t, s) })), !0) : a.slideTo(f, e, t, s) }, slideReset: function (e, t, s) { void 0 === t && (t = !0); const a = this; if (!a.destroyed) return void 0 === e && (e = a.params.speed), a.slideTo(a.activeIndex, e, t, s) }, slideToClosest: function (e, t, s, a) { void 0 === t && (t = !0), void 0 === a && (a = .5); const i = this; if (i.destroyed) return; void 0 === e && (e = i.params.speed); let r = i.activeIndex; const n = Math.min(i.params.slidesPerGroupSkip, r), l = n + Math.floor((r - n) / i.params.slidesPerGroup), o = i.rtlTranslate ? i.translate : -i.translate; if (o >= i.snapGrid[l]) { const e = i.snapGrid[l]; o - e > (i.snapGrid[l + 1] - e) * a && (r += i.params.slidesPerGroup) } else { const e = i.snapGrid[l - 1]; o - e <= (i.snapGrid[l] - e) * a && (r -= i.params.slidesPerGroup) } return r = Math.max(r, 0), r = Math.min(r, i.slidesGrid.length - 1), i.slideTo(r, e, t, s) }, slideToClickedSlide: function () { const e = this; if (e.destroyed) return; const { params: t, slidesEl: s } = e, a = "auto" === t.slidesPerView ? e.slidesPerViewDynamic() : t.slidesPerView; let i, r = e.clickedIndex; const n = e.isElement ? "swiper-slide" : `.${t.slideClass}`; if (t.loop) { if (e.animating) return; i = parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10), t.centeredSlides ? r < e.loopedSlides - a / 2 || r > e.slides.length - e.loopedSlides + a / 2 ? (e.loopFix(), r = e.getSlideIndex(f(s, `${n}[data-swiper-slide-index="${i}"]`)[0]), l((() => { e.slideTo(r) }))) : e.slideTo(r) : r > e.slides.length - a ? (e.loopFix(), r = e.getSlideIndex(f(s, `${n}[data-swiper-slide-index="${i}"]`)[0]), l((() => { e.slideTo(r) }))) : e.slideTo(r) } else e.slideTo(r) } }; var R = { loopCreate: function (e) { const t = this, { params: s, slidesEl: a } = t; if (!s.loop || t.virtual && t.params.virtual.enabled) return; const i = () => { f(a, `.${s.slideClass}, swiper-slide`).forEach(((e, t) => { e.setAttribute("data-swiper-slide-index", t) })) }, r = t.grid && s.grid && s.grid.rows > 1, n = s.slidesPerGroup * (r ? s.grid.rows : 1), l = t.slides.length % n != 0, o = r && t.slides.length % s.grid.rows != 0, d = e => { for (let a = 0; a < e; a += 1) { const e = t.isElement ? v("swiper-slide", [s.slideBlankClass]) : v("div", [s.slideClass, s.slideBlankClass]); t.slidesEl.append(e) } }; if (l) { if (s.loopAddBlankSlides) { d(n - t.slides.length % n), t.recalcSlides(), t.updateSlides() } else g("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)"); i() } else if (o) { if (s.loopAddBlankSlides) { d(s.grid.rows - t.slides.length % s.grid.rows), t.recalcSlides(), t.updateSlides() } else g("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)"); i() } else i(); t.loopFix({ slideRealIndex: e, direction: s.centeredSlides ? void 0 : "next" }) }, loopFix: function (e) { let { slideRealIndex: t, slideTo: s = !0, direction: a, setTranslate: i, activeSlideIndex: r, byController: n, byMousewheel: l } = void 0 === e ? {} : e; const o = this; if (!o.params.loop) return; o.emit("beforeLoopFix"); const { slides: d, allowSlidePrev: c, allowSlideNext: p, slidesEl: u, params: m } = o, { centeredSlides: h } = m; if (o.allowSlidePrev = !0, o.allowSlideNext = !0, o.virtual && m.virtual.enabled) return s && (m.centeredSlides || 0 !== o.snapIndex ? m.centeredSlides && o.snapIndex < m.slidesPerView ? o.slideTo(o.virtual.slides.length + o.snapIndex, 0, !1, !0) : o.snapIndex === o.snapGrid.length - 1 && o.slideTo(o.virtual.slidesBefore, 0, !1, !0) : o.slideTo(o.virtual.slides.length, 0, !1, !0)), o.allowSlidePrev = c, o.allowSlideNext = p, void o.emit("loopFix"); let f = m.slidesPerView; "auto" === f ? f = o.slidesPerViewDynamic() : (f = Math.ceil(parseFloat(m.slidesPerView, 10)), h && f % 2 == 0 && (f += 1)); const v = m.slidesPerGroupAuto ? f : m.slidesPerGroup; let w = v; w % v != 0 && (w += v - w % v), w += m.loopAdditionalSlides, o.loopedSlides = w; const b = o.grid && m.grid && m.grid.rows > 1; d.length < f + w ? g("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters") : b && "row" === m.grid.fill && g("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`"); const y = [], E = []; let x = o.activeIndex; void 0 === r ? r = o.getSlideIndex(d.filter((e => e.classList.contains(m.slideActiveClass)))[0]) : x = r; const S = "next" === a || !a, T = "prev" === a || !a; let M = 0, C = 0; const P = b ? Math.ceil(d.length / m.grid.rows) : d.length, L = (b ? d[r].column : r) + (h && void 0 === i ? -f / 2 + .5 : 0); if (L < w) { M = Math.max(w - L, v); for (let e = 0; e < w - L; e += 1) { const t = e - Math.floor(e / P) * P; if (b) { const e = P - t - 1; for (let t = d.length - 1; t >= 0; t -= 1)d[t].column === e && y.push(t) } else y.push(P - t - 1) } } else if (L + f > P - w) { C = Math.max(L - (P - 2 * w), v); for (let e = 0; e < C; e += 1) { const t = e - Math.floor(e / P) * P; b ? d.forEach(((e, s) => { e.column === t && E.push(s) })) : E.push(t) } } if (o.__preventObserver__ = !0, requestAnimationFrame((() => { o.__preventObserver__ = !1 })), T && y.forEach((e => { d[e].swiperLoopMoveDOM = !0, u.prepend(d[e]), d[e].swiperLoopMoveDOM = !1 })), S && E.forEach((e => { d[e].swiperLoopMoveDOM = !0, u.append(d[e]), d[e].swiperLoopMoveDOM = !1 })), o.recalcSlides(), "auto" === m.slidesPerView ? o.updateSlides() : b && (y.length > 0 && T || E.length > 0 && S) && o.slides.forEach(((e, t) => { o.grid.updateSlide(t, e, o.slides) })), m.watchSlidesProgress && o.updateSlidesOffset(), s) if (y.length > 0 && T) { if (void 0 === t) { const e = o.slidesGrid[x], t = o.slidesGrid[x + M] - e; l ? o.setTranslate(o.translate - t) : (o.slideTo(x + Math.ceil(M), 0, !1, !0), i && (o.touchEventsData.startTranslate = o.touchEventsData.startTranslate - t, o.touchEventsData.currentTranslate = o.touchEventsData.currentTranslate - t)) } else if (i) { const e = b ? y.length / m.grid.rows : y.length; o.slideTo(o.activeIndex + e, 0, !1, !0), o.touchEventsData.currentTranslate = o.translate } } else if (E.length > 0 && S) if (void 0 === t) { const e = o.slidesGrid[x], t = o.slidesGrid[x - C] - e; l ? o.setTranslate(o.translate - t) : (o.slideTo(x - C, 0, !1, !0), i && (o.touchEventsData.startTranslate = o.touchEventsData.startTranslate - t, o.touchEventsData.currentTranslate = o.touchEventsData.currentTranslate - t)) } else { const e = b ? E.length / m.grid.rows : E.length; o.slideTo(o.activeIndex - e, 0, !1, !0) } if (o.allowSlidePrev = c, o.allowSlideNext = p, o.controller && o.controller.control && !n) { const e = { slideRealIndex: t, direction: a, setTranslate: i, activeSlideIndex: r, byController: !0 }; Array.isArray(o.controller.control) ? o.controller.control.forEach((t => { !t.destroyed && t.params.loop && t.loopFix({ ...e, slideTo: t.params.slidesPerView === m.slidesPerView && s }) })) : o.controller.control instanceof o.constructor && o.controller.control.params.loop && o.controller.control.loopFix({ ...e, slideTo: o.controller.control.params.slidesPerView === m.slidesPerView && s }) } o.emit("loopFix") }, loopDestroy: function () { const e = this, { params: t, slidesEl: s } = e; if (!t.loop || e.virtual && e.params.virtual.enabled) return; e.recalcSlides(); const a = []; e.slides.forEach((e => { const t = void 0 === e.swiperSlideIndex ? 1 * e.getAttribute("data-swiper-slide-index") : e.swiperSlideIndex; a[t] = e })), e.slides.forEach((e => { e.removeAttribute("data-swiper-slide-index") })), a.forEach((e => { s.append(e) })), e.recalcSlides(), e.slideTo(e.realIndex, 0) } }; function q(e, t, s) { const a = r(), { params: i } = e, n = i.edgeSwipeDetection, l = i.edgeSwipeThreshold; return !n || !(s <= l || s >= a.innerWidth - l) || "prevent" === n && (t.preventDefault(), !0) } function F(e) { const t = this, s = a(); let i = e; i.originalEvent && (i = i.originalEvent); const n = t.touchEventsData; if ("pointerdown" === i.type) { if (null !== n.pointerId && n.pointerId !== i.pointerId) return; n.pointerId = i.pointerId } else "touchstart" === i.type && 1 === i.targetTouches.length && (n.touchId = i.targetTouches[0].identifier); if ("touchstart" === i.type) return void q(t, i, i.targetTouches[0].pageX); const { params: l, touches: d, enabled: c } = t; if (!c) return; if (!l.simulateTouch && "mouse" === i.pointerType) return; if (t.animating && l.preventInteractionOnTransition) return; !t.animating && l.cssMode && l.loop && t.loopFix(); let p = i.target; if ("wrapper" === l.touchEventsTarget && !function (e, t) { const s = t.contains(e); if (!s && t instanceof HTMLSlotElement) return [...t.assignedElements()].includes(e); return s }(p, t.wrapperEl)) return; if ("which" in i && 3 === i.which) return; if ("button" in i && i.button > 0) return; if (n.isTouched && n.isMoved) return; const u = !!l.noSwipingClass && "" !== l.noSwipingClass, m = i.composedPath ? i.composedPath() : i.path; u && i.target && i.target.shadowRoot && m && (p = m[0]); const h = l.noSwipingSelector ? l.noSwipingSelector : `.${l.noSwipingClass}`, f = !(!i.target || !i.target.shadowRoot); if (l.noSwiping && (f ? function (e, t) { return void 0 === t && (t = this), function t(s) { if (!s || s === a() || s === r()) return null; s.assignedSlot && (s = s.assignedSlot); const i = s.closest(e); return i || s.getRootNode ? i || t(s.getRootNode().host) : null }(t) }(h, p) : p.closest(h))) return void (t.allowClick = !0); if (l.swipeHandler && !p.closest(l.swipeHandler)) return; d.currentX = i.pageX, d.currentY = i.pageY; const g = d.currentX, v = d.currentY; if (!q(t, i, g)) return; Object.assign(n, { isTouched: !0, isMoved: !1, allowTouchCallbacks: !0, isScrolling: void 0, startMoving: void 0 }), d.startX = g, d.startY = v, n.touchStartTime = o(), t.allowClick = !0, t.updateSize(), t.swipeDirection = void 0, l.threshold > 0 && (n.allowThresholdMove = !1); let w = !0; p.matches(n.focusableElements) && (w = !1, "SELECT" === p.nodeName && (n.isTouched = !1)), s.activeElement && s.activeElement.matches(n.focusableElements) && s.activeElement !== p && ("mouse" === i.pointerType || "mouse" !== i.pointerType && !p.matches(n.focusableElements)) && s.activeElement.blur(); const b = w && t.allowTouchMove && l.touchStartPreventDefault; !l.touchStartForcePreventDefault && !b || p.isContentEditable || i.preventDefault(), l.freeMode && l.freeMode.enabled && t.freeMode && t.animating && !l.cssMode && t.freeMode.onTouchStart(), t.emit("touchStart", i) } function V(e) { const t = a(), s = this, i = s.touchEventsData, { params: r, touches: n, rtlTranslate: l, enabled: d } = s; if (!d) return; if (!r.simulateTouch && "mouse" === e.pointerType) return; let c, p = e; if (p.originalEvent && (p = p.originalEvent), "pointermove" === p.type) { if (null !== i.touchId) return; if (p.pointerId !== i.pointerId) return } if ("touchmove" === p.type) { if (c = [...p.changedTouches].filter((e => e.identifier === i.touchId))[0], !c || c.identifier !== i.touchId) return } else c = p; if (!i.isTouched) return void (i.startMoving && i.isScrolling && s.emit("touchMoveOpposite", p)); const u = c.pageX, m = c.pageY; if (p.preventedByNestedSwiper) return n.startX = u, void (n.startY = m); if (!s.allowTouchMove) return p.target.matches(i.focusableElements) || (s.allowClick = !1), void (i.isTouched && (Object.assign(n, { startX: u, startY: m, currentX: u, currentY: m }), i.touchStartTime = o())); if (r.touchReleaseOnEdges && !r.loop) if (s.isVertical()) { if (m < n.startY && s.translate <= s.maxTranslate() || m > n.startY && s.translate >= s.minTranslate()) return i.isTouched = !1, void (i.isMoved = !1) } else if (u < n.startX && s.translate <= s.maxTranslate() || u > n.startX && s.translate >= s.minTranslate()) return; if (t.activeElement && t.activeElement.matches(i.focusableElements) && t.activeElement !== p.target && "mouse" !== p.pointerType && t.activeElement.blur(), t.activeElement && p.target === t.activeElement && p.target.matches(i.focusableElements)) return i.isMoved = !0, void (s.allowClick = !1); i.allowTouchCallbacks && s.emit("touchMove", p), n.previousX = n.currentX, n.previousY = n.currentY, n.currentX = u, n.currentY = m; const h = n.currentX - n.startX, f = n.currentY - n.startY; if (s.params.threshold && Math.sqrt(h ** 2 + f ** 2) < s.params.threshold) return; if (void 0 === i.isScrolling) { let e; s.isHorizontal() && n.currentY === n.startY || s.isVertical() && n.currentX === n.startX ? i.isScrolling = !1 : h * h + f * f >= 25 && (e = 180 * Math.atan2(Math.abs(f), Math.abs(h)) / Math.PI, i.isScrolling = s.isHorizontal() ? e > r.touchAngle : 90 - e > r.touchAngle) } if (i.isScrolling && s.emit("touchMoveOpposite", p), void 0 === i.startMoving && (n.currentX === n.startX && n.currentY === n.startY || (i.startMoving = !0)), i.isScrolling || "touchmove" === p.type && i.preventTouchMoveFromPointerMove) return void (i.isTouched = !1); if (!i.startMoving) return; s.allowClick = !1, !r.cssMode && p.cancelable && p.preventDefault(), r.touchMoveStopPropagation && !r.nested && p.stopPropagation(); let g = s.isHorizontal() ? h : f, v = s.isHorizontal() ? n.currentX - n.previousX : n.currentY - n.previousY; r.oneWayMovement && (g = Math.abs(g) * (l ? 1 : -1), v = Math.abs(v) * (l ? 1 : -1)), n.diff = g, g *= r.touchRatio, l && (g = -g, v = -v); const w = s.touchesDirection; s.swipeDirection = g > 0 ? "prev" : "next", s.touchesDirection = v > 0 ? "prev" : "next"; const b = s.params.loop && !r.cssMode, y = "next" === s.touchesDirection && s.allowSlideNext || "prev" === s.touchesDirection && s.allowSlidePrev; if (!i.isMoved) { if (b && y && s.loopFix({ direction: s.swipeDirection }), i.startTranslate = s.getTranslate(), s.setTransition(0), s.animating) { const e = new window.CustomEvent("transitionend", { bubbles: !0, cancelable: !0, detail: { bySwiperTouchMove: !0 } }); s.wrapperEl.dispatchEvent(e) } i.allowMomentumBounce = !1, !r.grabCursor || !0 !== s.allowSlideNext && !0 !== s.allowSlidePrev || s.setGrabCursor(!0), s.emit("sliderFirstMove", p) } if ((new Date).getTime(), i.isMoved && i.allowThresholdMove && w !== s.touchesDirection && b && y && Math.abs(g) >= 1) return Object.assign(n, { startX: u, startY: m, currentX: u, currentY: m, startTranslate: i.currentTranslate }), i.loopSwapReset = !0, void (i.startTranslate = i.currentTranslate); s.emit("sliderMove", p), i.isMoved = !0, i.currentTranslate = g + i.startTranslate; let E = !0, x = r.resistanceRatio; if (r.touchReleaseOnEdges && (x = 0), g > 0 ? (b && y && i.allowThresholdMove && i.currentTranslate > (r.centeredSlides ? s.minTranslate() - s.slidesSizesGrid[s.activeIndex + 1] - ("auto" !== r.slidesPerView && s.slides.length - r.slidesPerView >= 2 ? s.slidesSizesGrid[s.activeIndex + 1] + s.params.spaceBetween : 0) - s.params.spaceBetween : s.minTranslate()) && s.loopFix({ direction: "prev", setTranslate: !0, activeSlideIndex: 0 }), i.currentTranslate > s.minTranslate() && (E = !1, r.resistance && (i.currentTranslate = s.minTranslate() - 1 + (-s.minTranslate() + i.startTranslate + g) ** x))) : g < 0 && (b && y && i.allowThresholdMove && i.currentTranslate < (r.centeredSlides ? s.maxTranslate() + s.slidesSizesGrid[s.slidesSizesGrid.length - 1] + s.params.spaceBetween + ("auto" !== r.slidesPerView && s.slides.length - r.slidesPerView >= 2 ? s.slidesSizesGrid[s.slidesSizesGrid.length - 1] + s.params.spaceBetween : 0) : s.maxTranslate()) && s.loopFix({ direction: "next", setTranslate: !0, activeSlideIndex: s.slides.length - ("auto" === r.slidesPerView ? s.slidesPerViewDynamic() : Math.ceil(parseFloat(r.slidesPerView, 10))) }), i.currentTranslate < s.maxTranslate() && (E = !1, r.resistance && (i.currentTranslate = s.maxTranslate() + 1 - (s.maxTranslate() - i.startTranslate - g) ** x))), E && (p.preventedByNestedSwiper = !0), !s.allowSlideNext && "next" === s.swipeDirection && i.currentTranslate < i.startTranslate && (i.currentTranslate = i.startTranslate), !s.allowSlidePrev && "prev" === s.swipeDirection && i.currentTranslate > i.startTranslate && (i.currentTranslate = i.startTranslate), s.allowSlidePrev || s.allowSlideNext || (i.currentTranslate = i.startTranslate), r.threshold > 0) { if (!(Math.abs(g) > r.threshold || i.allowThresholdMove)) return void (i.currentTranslate = i.startTranslate); if (!i.allowThresholdMove) return i.allowThresholdMove = !0, n.startX = n.currentX, n.startY = n.currentY, i.currentTranslate = i.startTranslate, void (n.diff = s.isHorizontal() ? n.currentX - n.startX : n.currentY - n.startY) } r.followFinger && !r.cssMode && ((r.freeMode && r.freeMode.enabled && s.freeMode || r.watchSlidesProgress) && (s.updateActiveIndex(), s.updateSlidesClasses()), r.freeMode && r.freeMode.enabled && s.freeMode && s.freeMode.onTouchMove(), s.updateProgress(i.currentTranslate), s.setTranslate(i.currentTranslate)) } function _(e) { const t = this, s = t.touchEventsData; let a, i = e; i.originalEvent && (i = i.originalEvent); if ("touchend" === i.type || "touchcancel" === i.type) { if (a = [...i.changedTouches].filter((e => e.identifier === s.touchId))[0], !a || a.identifier !== s.touchId) return } else { if (null !== s.touchId) return; if (i.pointerId !== s.pointerId) return; a = i } if (["pointercancel", "pointerout", "pointerleave", "contextmenu"].includes(i.type)) { if (!(["pointercancel", "contextmenu"].includes(i.type) && (t.browser.isSafari || t.browser.isWebView))) return } s.pointerId = null, s.touchId = null; const { params: r, touches: n, rtlTranslate: d, slidesGrid: c, enabled: p } = t; if (!p) return; if (!r.simulateTouch && "mouse" === i.pointerType) return; if (s.allowTouchCallbacks && t.emit("touchEnd", i), s.allowTouchCallbacks = !1, !s.isTouched) return s.isMoved && r.grabCursor && t.setGrabCursor(!1), s.isMoved = !1, void (s.startMoving = !1); r.grabCursor && s.isMoved && s.isTouched && (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) && t.setGrabCursor(!1); const u = o(), m = u - s.touchStartTime; if (t.allowClick) { const e = i.path || i.composedPath && i.composedPath(); t.updateClickedSlide(e && e[0] || i.target, e), t.emit("tap click", i), m < 300 && u - s.lastClickTime < 300 && t.emit("doubleTap doubleClick", i) } if (s.lastClickTime = o(), l((() => { t.destroyed || (t.allowClick = !0) })), !s.isTouched || !s.isMoved || !t.swipeDirection || 0 === n.diff && !s.loopSwapReset || s.currentTranslate === s.startTranslate && !s.loopSwapReset) return s.isTouched = !1, s.isMoved = !1, void (s.startMoving = !1); let h; if (s.isTouched = !1, s.isMoved = !1, s.startMoving = !1, h = r.followFinger ? d ? t.translate : -t.translate : -s.currentTranslate, r.cssMode) return; if (r.freeMode && r.freeMode.enabled) return void t.freeMode.onTouchEnd({ currentPos: h }); const f = h >= -t.maxTranslate() && !t.params.loop; let g = 0, v = t.slidesSizesGrid[0]; for (let e = 0; e < c.length; e += e < r.slidesPerGroupSkip ? 1 : r.slidesPerGroup) { const t = e < r.slidesPerGroupSkip - 1 ? 1 : r.slidesPerGroup; void 0 !== c[e + t] ? (f || h >= c[e] && h < c[e + t]) && (g = e, v = c[e + t] - c[e]) : (f || h >= c[e]) && (g = e, v = c[c.length - 1] - c[c.length - 2]) } let w = null, b = null; r.rewind && (t.isBeginning ? b = r.virtual && r.virtual.enabled && t.virtual ? t.virtual.slides.length - 1 : t.slides.length - 1 : t.isEnd && (w = 0)); const y = (h - c[g]) / v, E = g < r.slidesPerGroupSkip - 1 ? 1 : r.slidesPerGroup; if (m > r.longSwipesMs) { if (!r.longSwipes) return void t.slideTo(t.activeIndex); "next" === t.swipeDirection && (y >= r.longSwipesRatio ? t.slideTo(r.rewind && t.isEnd ? w : g + E) : t.slideTo(g)), "prev" === t.swipeDirection && (y > 1 - r.longSwipesRatio ? t.slideTo(g + E) : null !== b && y < 0 && Math.abs(y) > r.longSwipesRatio ? t.slideTo(b) : t.slideTo(g)) } else { if (!r.shortSwipes) return void t.slideTo(t.activeIndex); t.navigation && (i.target === t.navigation.nextEl || i.target === t.navigation.prevEl) ? i.target === t.navigation.nextEl ? t.slideTo(g + E) : t.slideTo(g) : ("next" === t.swipeDirection && t.slideTo(null !== w ? w : g + E), "prev" === t.swipeDirection && t.slideTo(null !== b ? b : g)) } } function W() { const e = this, { params: t, el: s } = e; if (s && 0 === s.offsetWidth) return; t.breakpoints && e.setBreakpoint(); const { allowSlideNext: a, allowSlidePrev: i, snapGrid: r } = e, n = e.virtual && e.params.virtual.enabled; e.allowSlideNext = !0, e.allowSlidePrev = !0, e.updateSize(), e.updateSlides(), e.updateSlidesClasses(); const l = n && t.loop; !("auto" === t.slidesPerView || t.slidesPerView > 1) || !e.isEnd || e.isBeginning || e.params.centeredSlides || l ? e.params.loop && !n ? e.slideToLoop(e.realIndex, 0, !1, !0) : e.slideTo(e.activeIndex, 0, !1, !0) : e.slideTo(e.slides.length - 1, 0, !1, !0), e.autoplay && e.autoplay.running && e.autoplay.paused && (clearTimeout(e.autoplay.resizeTimeout), e.autoplay.resizeTimeout = setTimeout((() => { e.autoplay && e.autoplay.running && e.autoplay.paused && e.autoplay.resume() }), 500)), e.allowSlidePrev = i, e.allowSlideNext = a, e.params.watchOverflow && r !== e.snapGrid && e.checkOverflow() } function j(e) { const t = this; t.enabled && (t.allowClick || (t.params.preventClicks && e.preventDefault(), t.params.preventClicksPropagation && t.animating && (e.stopPropagation(), e.stopImmediatePropagation()))) } function U() { const e = this, { wrapperEl: t, rtlTranslate: s, enabled: a } = e; if (!a) return; let i; e.previousTranslate = e.translate, e.isHorizontal() ? e.translate = -t.scrollLeft : e.translate = -t.scrollTop, 0 === e.translate && (e.translate = 0), e.updateActiveIndex(), e.updateSlidesClasses(); const r = e.maxTranslate() - e.minTranslate(); i = 0 === r ? 0 : (e.translate - e.minTranslate()) / r, i !== e.progress && e.updateProgress(s ? -e.translate : e.translate), e.emit("setTranslate", e.translate, !1) } function K(e) { const t = this; D(t, e.target), t.params.cssMode || "auto" !== t.params.slidesPerView && !t.params.autoHeight || t.update() } function Z() { const e = this; e.documentTouchHandlerProceeded || (e.documentTouchHandlerProceeded = !0, e.params.touchReleaseOnEdges && (e.el.style.touchAction = "auto")) } const Q = (e, t) => { const s = a(), { params: i, el: r, wrapperEl: n, device: l } = e, o = !!i.nested, d = "on" === t ? "addEventListener" : "removeEventListener", c = t; r && "string" != typeof r && (s[d]("touchstart", e.onDocumentTouchStart, { passive: !1, capture: o }), r[d]("touchstart", e.onTouchStart, { passive: !1 }), r[d]("pointerdown", e.onTouchStart, { passive: !1 }), s[d]("touchmove", e.onTouchMove, { passive: !1, capture: o }), s[d]("pointermove", e.onTouchMove, { passive: !1, capture: o }), s[d]("touchend", e.onTouchEnd, { passive: !0 }), s[d]("pointerup", e.onTouchEnd, { passive: !0 }), s[d]("pointercancel", e.onTouchEnd, { passive: !0 }), s[d]("touchcancel", e.onTouchEnd, { passive: !0 }), s[d]("pointerout", e.onTouchEnd, { passive: !0 }), s[d]("pointerleave", e.onTouchEnd, { passive: !0 }), s[d]("contextmenu", e.onTouchEnd, { passive: !0 }), (i.preventClicks || i.preventClicksPropagation) && r[d]("click", e.onClick, !0), i.cssMode && n[d]("scroll", e.onScroll), i.updateOnWindowResize ? e[c](l.ios || l.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", W, !0) : e[c]("observerUpdate", W, !0), r[d]("load", e.onLoad, { capture: !0 })) }; const J = (e, t) => e.grid && t.grid && t.grid.rows > 1; var ee = { init: !0, direction: "horizontal", oneWayMovement: !1, swiperElementNodeName: "SWIPER-CONTAINER", touchEventsTarget: "wrapper", initialSlide: 0, speed: 300, cssMode: !1, updateOnWindowResize: !0, resizeObserver: !0, nested: !1, createElements: !1, eventsPrefix: "swiper", enabled: !0, focusableElements: "input, select, option, textarea, button, video, label", width: null, height: null, preventInteractionOnTransition: !1, userAgent: null, url: null, edgeSwipeDetection: !1, edgeSwipeThreshold: 20, autoHeight: !1, setWrapperSize: !1, virtualTranslate: !1, effect: "slide", breakpoints: void 0, breakpointsBase: "window", spaceBetween: 0, slidesPerView: 1, slidesPerGroup: 1, slidesPerGroupSkip: 0, slidesPerGroupAuto: !1, centeredSlides: !1, centeredSlidesBounds: !1, slidesOffsetBefore: 0, slidesOffsetAfter: 0, normalizeSlideIndex: !0, centerInsufficientSlides: !1, watchOverflow: !0, roundLengths: !1, touchRatio: 1, touchAngle: 45, simulateTouch: !0, shortSwipes: !0, longSwipes: !0, longSwipesRatio: .5, longSwipesMs: 300, followFinger: !0, allowTouchMove: !0, threshold: 5, touchMoveStopPropagation: !1, touchStartPreventDefault: !0, touchStartForcePreventDefault: !1, touchReleaseOnEdges: !1, uniqueNavElements: !0, resistance: !0, resistanceRatio: .85, watchSlidesProgress: !1, grabCursor: !1, preventClicks: !0, preventClicksPropagation: !0, slideToClickedSlide: !1, loop: !1, loopAddBlankSlides: !0, loopAdditionalSlides: 0, loopPreventsSliding: !0, rewind: !1, allowSlidePrev: !0, allowSlideNext: !0, swipeHandler: null, noSwiping: !0, noSwipingClass: "swiper-no-swiping", noSwipingSelector: null, passiveListeners: !0, maxBackfaceHiddenSlides: 10, containerModifierClass: "swiper-", slideClass: "swiper-slide", slideBlankClass: "swiper-slide-blank", slideActiveClass: "swiper-slide-active", slideVisibleClass: "swiper-slide-visible", slideFullyVisibleClass: "swiper-slide-fully-visible", slideNextClass: "swiper-slide-next", slidePrevClass: "swiper-slide-prev", wrapperClass: "swiper-wrapper", lazyPreloaderClass: "swiper-lazy-preloader", lazyPreloadPrevNext: 0, runCallbacksOnInit: !0, _emitClasses: !1 }; function te(e, t) { return function (s) { void 0 === s && (s = {}); const a = Object.keys(s)[0], i = s[a]; "object" == typeof i && null !== i ? (!0 === e[a] && (e[a] = { enabled: !0 }), "navigation" === a && e[a] && e[a].enabled && !e[a].prevEl && !e[a].nextEl && (e[a].auto = !0), ["pagination", "scrollbar"].indexOf(a) >= 0 && e[a] && e[a].enabled && !e[a].el && (e[a].auto = !0), a in e && "enabled" in i ? ("object" != typeof e[a] || "enabled" in e[a] || (e[a].enabled = !0), e[a] || (e[a] = { enabled: !1 }), p(t, s)) : p(t, s)) : p(t, s) } } const se = { eventsEmitter: $, update: B, translate: N, transition: { setTransition: function (e, t) { const s = this; s.params.cssMode || (s.wrapperEl.style.transitionDuration = `${e}ms`, s.wrapperEl.style.transitionDelay = 0 === e ? "0ms" : ""), s.emit("setTransition", e, t) }, transitionStart: function (e, t) { void 0 === e && (e = !0); const s = this, { params: a } = s; a.cssMode || (a.autoHeight && s.updateAutoHeight(), X({ swiper: s, runCallbacks: e, direction: t, step: "Start" })) }, transitionEnd: function (e, t) { void 0 === e && (e = !0); const s = this, { params: a } = s; s.animating = !1, a.cssMode || (s.setTransition(0), X({ swiper: s, runCallbacks: e, direction: t, step: "End" })) } }, slide: Y, loop: R, grabCursor: { setGrabCursor: function (e) { const t = this; if (!t.params.simulateTouch || t.params.watchOverflow && t.isLocked || t.params.cssMode) return; const s = "container" === t.params.touchEventsTarget ? t.el : t.wrapperEl; t.isElement && (t.__preventObserver__ = !0), s.style.cursor = "move", s.style.cursor = e ? "grabbing" : "grab", t.isElement && requestAnimationFrame((() => { t.__preventObserver__ = !1 })) }, unsetGrabCursor: function () { const e = this; e.params.watchOverflow && e.isLocked || e.params.cssMode || (e.isElement && (e.__preventObserver__ = !0), e["container" === e.params.touchEventsTarget ? "el" : "wrapperEl"].style.cursor = "", e.isElement && requestAnimationFrame((() => { e.__preventObserver__ = !1 }))) } }, events: { attachEvents: function () { const e = this, { params: t } = e; e.onTouchStart = F.bind(e), e.onTouchMove = V.bind(e), e.onTouchEnd = _.bind(e), e.onDocumentTouchStart = Z.bind(e), t.cssMode && (e.onScroll = U.bind(e)), e.onClick = j.bind(e), e.onLoad = K.bind(e), Q(e, "on") }, detachEvents: function () { Q(this, "off") } }, breakpoints: { setBreakpoint: function () { const e = this, { realIndex: t, initialized: s, params: a, el: i } = e, r = a.breakpoints; if (!r || r && 0 === Object.keys(r).length) return; const n = e.getBreakpoint(r, e.params.breakpointsBase, e.el); if (!n || e.currentBreakpoint === n) return; const l = (n in r ? r[n] : void 0) || e.originalParams, o = J(e, a), d = J(e, l), c = e.params.grabCursor, u = l.grabCursor, m = a.enabled; o && !d ? (i.classList.remove(`${a.containerModifierClass}grid`, `${a.containerModifierClass}grid-column`), e.emitContainerClasses()) : !o && d && (i.classList.add(`${a.containerModifierClass}grid`), (l.grid.fill && "column" === l.grid.fill || !l.grid.fill && "column" === a.grid.fill) && i.classList.add(`${a.containerModifierClass}grid-column`), e.emitContainerClasses()), c && !u ? e.unsetGrabCursor() : !c && u && e.setGrabCursor(), ["navigation", "pagination", "scrollbar"].forEach((t => { if (void 0 === l[t]) return; const s = a[t] && a[t].enabled, i = l[t] && l[t].enabled; s && !i && e[t].disable(), !s && i && e[t].enable() })); const h = l.direction && l.direction !== a.direction, f = a.loop && (l.slidesPerView !== a.slidesPerView || h), g = a.loop; h && s && e.changeDirection(), p(e.params, l); const v = e.params.enabled, w = e.params.loop; Object.assign(e, { allowTouchMove: e.params.allowTouchMove, allowSlideNext: e.params.allowSlideNext, allowSlidePrev: e.params.allowSlidePrev }), m && !v ? e.disable() : !m && v && e.enable(), e.currentBreakpoint = n, e.emit("_beforeBreakpoint", l), s && (f ? (e.loopDestroy(), e.loopCreate(t), e.updateSlides()) : !g && w ? (e.loopCreate(t), e.updateSlides()) : g && !w && e.loopDestroy()), e.emit("breakpoint", l) }, getBreakpoint: function (e, t, s) { if (void 0 === t && (t = "window"), !e || "container" === t && !s) return; let a = !1; const i = r(), n = "window" === t ? i.innerHeight : s.clientHeight, l = Object.keys(e).map((e => { if ("string" == typeof e && 0 === e.indexOf("@")) { const t = parseFloat(e.substr(1)); return { value: n * t, point: e } } return { value: e, point: e } })); l.sort(((e, t) => parseInt(e.value, 10) - parseInt(t.value, 10))); for (let e = 0; e < l.length; e += 1) { const { point: r, value: n } = l[e]; "window" === t ? i.matchMedia(`(min-width: ${n}px)`).matches && (a = r) : n <= s.clientWidth && (a = r) } return a || "max" } }, checkOverflow: { checkOverflow: function () { const e = this, { isLocked: t, params: s } = e, { slidesOffsetBefore: a } = s; if (a) { const t = e.slides.length - 1, s = e.slidesGrid[t] + e.slidesSizesGrid[t] + 2 * a; e.isLocked = e.size > s } else e.isLocked = 1 === e.snapGrid.length; !0 === s.allowSlideNext && (e.allowSlideNext = !e.isLocked), !0 === s.allowSlidePrev && (e.allowSlidePrev = !e.isLocked), t && t !== e.isLocked && (e.isEnd = !1), t !== e.isLocked && e.emit(e.isLocked ? "lock" : "unlock") } }, classes: { addClasses: function () { const e = this, { classNames: t, params: s, rtl: a, el: i, device: r } = e, n = function (e, t) { const s = []; return e.forEach((e => { "object" == typeof e ? Object.keys(e).forEach((a => { e[a] && s.push(t + a) })) : "string" == typeof e && s.push(t + e) })), s }(["initialized", s.direction, { "free-mode": e.params.freeMode && s.freeMode.enabled }, { autoheight: s.autoHeight }, { rtl: a }, { grid: s.grid && s.grid.rows > 1 }, { "grid-column": s.grid && s.grid.rows > 1 && "column" === s.grid.fill }, { android: r.android }, { ios: r.ios }, { "css-mode": s.cssMode }, { centered: s.cssMode && s.centeredSlides }, { "watch-progress": s.watchSlidesProgress }], s.containerModifierClass); t.push(...n), i.classList.add(...t), e.emitContainerClasses() }, removeClasses: function () { const { el: e, classNames: t } = this; e && "string" != typeof e && (e.classList.remove(...t), this.emitContainerClasses()) } } }, ae = {}; class ie { constructor() { let e, t; for (var s = arguments.length, i = new Array(s), r = 0; r < s; r++)i[r] = arguments[r]; 1 === i.length && i[0].constructor && "Object" === Object.prototype.toString.call(i[0]).slice(8, -1) ? t = i[0] : [e, t] = i, t || (t = {}), t = p({}, t), e && !t.el && (t.el = e); const n = a(); if (t.el && "string" == typeof t.el && n.querySelectorAll(t.el).length > 1) { const e = []; return n.querySelectorAll(t.el).forEach((s => { const a = p({}, t, { el: s }); e.push(new ie(a)) })), e } const l = this; l.__swiper__ = !0, l.support = I(), l.device = z({ userAgent: t.userAgent }), l.browser = A(), l.eventsListeners = {}, l.eventsAnyListeners = [], l.modules = [...l.__modules__], t.modules && Array.isArray(t.modules) && l.modules.push(...t.modules); const o = {}; l.modules.forEach((e => { e({ params: t, swiper: l, extendParams: te(t, o), on: l.on.bind(l), once: l.once.bind(l), off: l.off.bind(l), emit: l.emit.bind(l) }) })); const d = p({}, ee, o); return l.params = p({}, d, ae, t), l.originalParams = p({}, l.params), l.passedParams = p({}, t), l.params && l.params.on && Object.keys(l.params.on).forEach((e => { l.on(e, l.params.on[e]) })), l.params && l.params.onAny && l.onAny(l.params.onAny), Object.assign(l, { enabled: l.params.enabled, el: e, classNames: [], slides: [], slidesGrid: [], snapGrid: [], slidesSizesGrid: [], isHorizontal: () => "horizontal" === l.params.direction, isVertical: () => "vertical" === l.params.direction, activeIndex: 0, realIndex: 0, isBeginning: !0, isEnd: !1, translate: 0, previousTranslate: 0, progress: 0, velocity: 0, animating: !1, cssOverflowAdjustment() { return Math.trunc(this.translate / 2 ** 23) * 2 ** 23 }, allowSlideNext: l.params.allowSlideNext, allowSlidePrev: l.params.allowSlidePrev, touchEventsData: { isTouched: void 0, isMoved: void 0, allowTouchCallbacks: void 0, touchStartTime: void 0, isScrolling: void 0, currentTranslate: void 0, startTranslate: void 0, allowThresholdMove: void 0, focusableElements: l.params.focusableElements, lastClickTime: 0, clickTimeout: void 0, velocities: [], allowMomentumBounce: void 0, startMoving: void 0, pointerId: null, touchId: null }, allowClick: !0, allowTouchMove: l.params.allowTouchMove, touches: { startX: 0, startY: 0, currentX: 0, currentY: 0, diff: 0 }, imagesToLoad: [], imagesLoaded: 0 }), l.emit("_swiper"), l.params.init && l.init(), l } getDirectionLabel(e) { return this.isHorizontal() ? e : { width: "height", "margin-top": "margin-left", "margin-bottom ": "margin-right", "margin-left": "margin-top", "margin-right": "margin-bottom", "padding-left": "padding-top", "padding-right": "padding-bottom", marginRight: "marginBottom" }[e] } getSlideIndex(e) { const { slidesEl: t, params: s } = this, a = y(f(t, `.${s.slideClass}, swiper-slide`)[0]); return y(e) - a } getSlideIndexByData(e) { return this.getSlideIndex(this.slides.filter((t => 1 * t.getAttribute("data-swiper-slide-index") === e))[0]) } recalcSlides() { const { slidesEl: e, params: t } = this; this.slides = f(e, `.${t.slideClass}, swiper-slide`) } enable() { const e = this; e.enabled || (e.enabled = !0, e.params.grabCursor && e.setGrabCursor(), e.emit("enable")) } disable() { const e = this; e.enabled && (e.enabled = !1, e.params.grabCursor && e.unsetGrabCursor(), e.emit("disable")) } setProgress(e, t) { const s = this; e = Math.min(Math.max(e, 0), 1); const a = s.minTranslate(), i = (s.maxTranslate() - a) * e + a; s.translateTo(i, void 0 === t ? 0 : t), s.updateActiveIndex(), s.updateSlidesClasses() } emitContainerClasses() { const e = this; if (!e.params._emitClasses || !e.el) return; const t = e.el.className.split(" ").filter((t => 0 === t.indexOf("swiper") || 0 === t.indexOf(e.params.containerModifierClass))); e.emit("_containerClasses", t.join(" ")) } getSlideClasses(e) { const t = this; return t.destroyed ? "" : e.className.split(" ").filter((e => 0 === e.indexOf("swiper-slide") || 0 === e.indexOf(t.params.slideClass))).join(" ") } emitSlidesClasses() { const e = this; if (!e.params._emitClasses || !e.el) return; const t = []; e.slides.forEach((s => { const a = e.getSlideClasses(s); t.push({ slideEl: s, classNames: a }), e.emit("_slideClass", s, a) })), e.emit("_slideClasses", t) } slidesPerViewDynamic(e, t) { void 0 === e && (e = "current"), void 0 === t && (t = !1); const { params: s, slides: a, slidesGrid: i, slidesSizesGrid: r, size: n, activeIndex: l } = this; let o = 1; if ("number" == typeof s.slidesPerView) return s.slidesPerView; if (s.centeredSlides) { let e, t = a[l] ? Math.ceil(a[l].swiperSlideSize) : 0; for (let s = l + 1; s < a.length; s += 1)a[s] && !e && (t += Math.ceil(a[s].swiperSlideSize), o += 1, t > n && (e = !0)); for (let s = l - 1; s >= 0; s -= 1)a[s] && !e && (t += a[s].swiperSlideSize, o += 1, t > n && (e = !0)) } else if ("current" === e) for (let e = l + 1; e < a.length; e += 1) { (t ? i[e] + r[e] - i[l] < n : i[e] - i[l] < n) && (o += 1) } else for (let e = l - 1; e >= 0; e -= 1) { i[l] - i[e] < n && (o += 1) } return o } update() { const e = this; if (!e || e.destroyed) return; const { snapGrid: t, params: s } = e; function a() { const t = e.rtlTranslate ? -1 * e.translate : e.translate, s = Math.min(Math.max(t, e.maxTranslate()), e.minTranslate()); e.setTranslate(s), e.updateActiveIndex(), e.updateSlidesClasses() } let i; if (s.breakpoints && e.setBreakpoint(), [...e.el.querySelectorAll('[loading="lazy"]')].forEach((t => { t.complete && D(e, t) })), e.updateSize(), e.updateSlides(), e.updateProgress(), e.updateSlidesClasses(), s.freeMode && s.freeMode.enabled && !s.cssMode) a(), s.autoHeight && e.updateAutoHeight(); else { if (("auto" === s.slidesPerView || s.slidesPerView > 1) && e.isEnd && !s.centeredSlides) { const t = e.virtual && s.virtual.enabled ? e.virtual.slides : e.slides; i = e.slideTo(t.length - 1, 0, !1, !0) } else i = e.slideTo(e.activeIndex, 0, !1, !0); i || a() } s.watchOverflow && t !== e.snapGrid && e.checkOverflow(), e.emit("update") } changeDirection(e, t) { void 0 === t && (t = !0); const s = this, a = s.params.direction; return e || (e = "horizontal" === a ? "vertical" : "horizontal"), e === a || "horizontal" !== e && "vertical" !== e || (s.el.classList.remove(`${s.params.containerModifierClass}${a}`), s.el.classList.add(`${s.params.containerModifierClass}${e}`), s.emitContainerClasses(), s.params.direction = e, s.slides.forEach((t => { "vertical" === e ? t.style.width = "" : t.style.height = "" })), s.emit("changeDirection"), t && s.update()), s } changeLanguageDirection(e) { const t = this; t.rtl && "rtl" === e || !t.rtl && "ltr" === e || (t.rtl = "rtl" === e, t.rtlTranslate = "horizontal" === t.params.direction && t.rtl, t.rtl ? (t.el.classList.add(`${t.params.containerModifierClass}rtl`), t.el.dir = "rtl") : (t.el.classList.remove(`${t.params.containerModifierClass}rtl`), t.el.dir = "ltr"), t.update()) } mount(e) { const t = this; if (t.mounted) return !0; let s = e || t.params.el; if ("string" == typeof s && (s = document.querySelector(s)), !s) return !1; s.swiper = t, s.parentNode && s.parentNode.host && s.parentNode.host.nodeName === t.params.swiperElementNodeName.toUpperCase() && (t.isElement = !0); const a = () => `.${(t.params.wrapperClass || "").trim().split(" ").join(".")}`; let i = (() => { if (s && s.shadowRoot && s.shadowRoot.querySelector) { return s.shadowRoot.querySelector(a()) } return f(s, a())[0] })(); return !i && t.params.createElements && (i = v("div", t.params.wrapperClass), s.append(i), f(s, `.${t.params.slideClass}`).forEach((e => { i.append(e) }))), Object.assign(t, { el: s, wrapperEl: i, slidesEl: t.isElement && !s.parentNode.host.slideSlots ? s.parentNode.host : i, hostEl: t.isElement ? s.parentNode.host : s, mounted: !0, rtl: "rtl" === s.dir.toLowerCase() || "rtl" === b(s, "direction"), rtlTranslate: "horizontal" === t.params.direction && ("rtl" === s.dir.toLowerCase() || "rtl" === b(s, "direction")), wrongRTL: "-webkit-box" === b(i, "display") }), !0 } init(e) { const t = this; if (t.initialized) return t; if (!1 === t.mount(e)) return t; t.emit("beforeInit"), t.params.breakpoints && t.setBreakpoint(), t.addClasses(), t.updateSize(), t.updateSlides(), t.params.watchOverflow && t.checkOverflow(), t.params.grabCursor && t.enabled && t.setGrabCursor(), t.params.loop && t.virtual && t.params.virtual.enabled ? t.slideTo(t.params.initialSlide + t.virtual.slidesBefore, 0, t.params.runCallbacksOnInit, !1, !0) : t.slideTo(t.params.initialSlide, 0, t.params.runCallbacksOnInit, !1, !0), t.params.loop && t.loopCreate(), t.attachEvents(); const s = [...t.el.querySelectorAll('[loading="lazy"]')]; return t.isElement && s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')), s.forEach((e => { e.complete ? D(t, e) : e.addEventListener("load", (e => { D(t, e.target) })) })), H(t), t.initialized = !0, H(t), t.emit("init"), t.emit("afterInit"), t } destroy(e, t) { void 0 === e && (e = !0), void 0 === t && (t = !0); const s = this, { params: a, el: i, wrapperEl: r, slides: n } = s; return void 0 === s.params || s.destroyed || (s.emit("beforeDestroy"), s.initialized = !1, s.detachEvents(), a.loop && s.loopDestroy(), t && (s.removeClasses(), i && "string" != typeof i && i.removeAttribute("style"), r && r.removeAttribute("style"), n && n.length && n.forEach((e => { e.classList.remove(a.slideVisibleClass, a.slideFullyVisibleClass, a.slideActiveClass, a.slideNextClass, a.slidePrevClass), e.removeAttribute("style"), e.removeAttribute("data-swiper-slide-index") }))), s.emit("destroy"), Object.keys(s.eventsListeners).forEach((e => { s.off(e) })), !1 !== e && (s.el && "string" != typeof s.el && (s.el.swiper = null), function (e) { const t = e; Object.keys(t).forEach((e => { try { t[e] = null } catch (e) { } try { delete t[e] } catch (e) { } })) }(s)), s.destroyed = !0), null } static extendDefaults(e) { p(ae, e) } static get extendedDefaults() { return ae } static get defaults() { return ee } static installModule(e) { ie.prototype.__modules__ || (ie.prototype.__modules__ = []); const t = ie.prototype.__modules__; "function" == typeof e && t.indexOf(e) < 0 && t.push(e) } static use(e) { return Array.isArray(e) ? (e.forEach((e => ie.installModule(e))), ie) : (ie.installModule(e), ie) } } function re(e, t, s, a) { return e.params.createElements && Object.keys(a).forEach((i => { if (!s[i] && !0 === s.auto) { let r = f(e.el, `.${a[i]}`)[0]; r || (r = v("div", a[i]), r.className = a[i], e.el.append(r)), s[i] = r, t[i] = r } })), s } function ne(e) { return void 0 === e && (e = ""), `.${e.trim().replace(/([\.:!+\/])/g, "\\$1").replace(/ /g, ".")}` } function le(e) { const t = this, { params: s, slidesEl: a } = t; s.loop && t.loopDestroy(); const i = e => { if ("string" == typeof e) { const t = document.createElement("div"); t.innerHTML = e, a.append(t.children[0]), t.innerHTML = "" } else a.append(e) }; if ("object" == typeof e && "length" in e) for (let t = 0; t < e.length; t += 1)e[t] && i(e[t]); else i(e); t.recalcSlides(), s.loop && t.loopCreate(), s.observer && !t.isElement || t.update() } function oe(e) { const t = this, { params: s, activeIndex: a, slidesEl: i } = t; s.loop && t.loopDestroy(); let r = a + 1; const n = e => { if ("string" == typeof e) { const t = document.createElement("div"); t.innerHTML = e, i.prepend(t.children[0]), t.innerHTML = "" } else i.prepend(e) }; if ("object" == typeof e && "length" in e) { for (let t = 0; t < e.length; t += 1)e[t] && n(e[t]); r = a + e.length } else n(e); t.recalcSlides(), s.loop && t.loopCreate(), s.observer && !t.isElement || t.update(), t.slideTo(r, 0, !1) } function de(e, t) { const s = this, { params: a, activeIndex: i, slidesEl: r } = s; let n = i; a.loop && (n -= s.loopedSlides, s.loopDestroy(), s.recalcSlides()); const l = s.slides.length; if (e <= 0) return void s.prependSlide(t); if (e >= l) return void s.appendSlide(t); let o = n > e ? n + 1 : n; const d = []; for (let t = l - 1; t >= e; t -= 1) { const e = s.slides[t]; e.remove(), d.unshift(e) } if ("object" == typeof t && "length" in t) { for (let e = 0; e < t.length; e += 1)t[e] && r.append(t[e]); o = n > e ? n + t.length : n } else r.append(t); for (let e = 0; e < d.length; e += 1)r.append(d[e]); s.recalcSlides(), a.loop && s.loopCreate(), a.observer && !s.isElement || s.update(), a.loop ? s.slideTo(o + s.loopedSlides, 0, !1) : s.slideTo(o, 0, !1) } function ce(e) { const t = this, { params: s, activeIndex: a } = t; let i = a; s.loop && (i -= t.loopedSlides, t.loopDestroy()); let r, n = i; if ("object" == typeof e && "length" in e) { for (let s = 0; s < e.length; s += 1)r = e[s], t.slides[r] && t.slides[r].remove(), r < n && (n -= 1); n = Math.max(n, 0) } else r = e, t.slides[r] && t.slides[r].remove(), r < n && (n -= 1), n = Math.max(n, 0); t.recalcSlides(), s.loop && t.loopCreate(), s.observer && !t.isElement || t.update(), s.loop ? t.slideTo(n + t.loopedSlides, 0, !1) : t.slideTo(n, 0, !1) } function pe() { const e = this, t = []; for (let s = 0; s < e.slides.length; s += 1)t.push(s); e.removeSlide(t) } function ue(e) { const { effect: t, swiper: s, on: a, setTranslate: i, setTransition: r, overwriteParams: n, perspective: l, recreateShadows: o, getEffectParams: d } = e; let c; a("beforeInit", (() => { if (s.params.effect !== t) return; s.classNames.push(`${s.params.containerModifierClass}${t}`), l && l() && s.classNames.push(`${s.params.containerModifierClass}3d`); const e = n ? n() : {}; Object.assign(s.params, e), Object.assign(s.originalParams, e) })), a("setTranslate", (() => { s.params.effect === t && i() })), a("setTransition", ((e, a) => { s.params.effect === t && r(a) })), a("transitionEnd", (() => { if (s.params.effect === t && o) { if (!d || !d().slideShadows) return; s.slides.forEach((e => { e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e => e.remove())) })), o() } })), a("virtualUpdate", (() => { s.params.effect === t && (s.slides.length || (c = !0), requestAnimationFrame((() => { c && s.slides && s.slides.length && (i(), c = !1) }))) })) } function me(e, t) { const s = h(t); return s !== t && (s.style.backfaceVisibility = "hidden", s.style["-webkit-backface-visibility"] = "hidden"), s } function he(e) { let { swiper: t, duration: s, transformElements: a, allSlides: i } = e; const { activeIndex: r } = t; if (t.params.virtualTranslate && 0 !== s) { let e, s = !1; e = i ? a : a.filter((e => { const s = e.classList.contains("swiper-slide-transform") ? (e => { if (!e.parentElement) return t.slides.filter((t => t.shadowRoot && t.shadowRoot === e.parentNode))[0]; return e.parentElement })(e) : e; return t.getSlideIndex(s) === r })), e.forEach((e => { x(e, (() => { if (s) return; if (!t || t.destroyed) return; s = !0, t.animating = !1; const e = new window.CustomEvent("transitionend", { bubbles: !0, cancelable: !0 }); t.wrapperEl.dispatchEvent(e) })) })) } } function fe(e, t, s) { const a = `swiper-slide-shadow${s ? `-${s}` : ""}${e ? ` swiper-slide-shadow-${e}` : ""}`, i = h(t); let r = i.querySelector(`.${a.split(" ").join(".")}`); return r || (r = v("div", a.split(" ")), i.append(r)), r } Object.keys(se).forEach((e => { Object.keys(se[e]).forEach((t => { ie.prototype[t] = se[e][t] })) })), ie.use([function (e) { let { swiper: t, on: s, emit: a } = e; const i = r(); let n = null, l = null; const o = () => { t && !t.destroyed && t.initialized && (a("beforeResize"), a("resize")) }, d = () => { t && !t.destroyed && t.initialized && a("orientationchange") }; s("init", (() => { t.params.resizeObserver && void 0 !== i.ResizeObserver ? t && !t.destroyed && t.initialized && (n = new ResizeObserver((e => { l = i.requestAnimationFrame((() => { const { width: s, height: a } = t; let i = s, r = a; e.forEach((e => { let { contentBoxSize: s, contentRect: a, target: n } = e; n && n !== t.el || (i = a ? a.width : (s[0] || s).inlineSize, r = a ? a.height : (s[0] || s).blockSize) })), i === s && r === a || o() })) })), n.observe(t.el)) : (i.addEventListener("resize", o), i.addEventListener("orientationchange", d)) })), s("destroy", (() => { l && i.cancelAnimationFrame(l), n && n.unobserve && t.el && (n.unobserve(t.el), n = null), i.removeEventListener("resize", o), i.removeEventListener("orientationchange", d) })) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const n = [], l = r(), o = function (e, s) { void 0 === s && (s = {}); const a = new (l.MutationObserver || l.WebkitMutationObserver)((e => { if (t.__preventObserver__) return; if (1 === e.length) return void i("observerUpdate", e[0]); const s = function () { i("observerUpdate", e[0]) }; l.requestAnimationFrame ? l.requestAnimationFrame(s) : l.setTimeout(s, 0) })); a.observe(e, { attributes: void 0 === s.attributes || s.attributes, childList: t.isElement || (void 0 === s.childList || s).childList, characterData: void 0 === s.characterData || s.characterData }), n.push(a) }; s({ observer: !1, observeParents: !1, observeSlideChildren: !1 }), a("init", (() => { if (t.params.observer) { if (t.params.observeParents) { const e = E(t.hostEl); for (let t = 0; t < e.length; t += 1)o(e[t]) } o(t.hostEl, { childList: t.params.observeSlideChildren }), o(t.wrapperEl, { attributes: !1 }) } })), a("destroy", (() => { n.forEach((e => { e.disconnect() })), n.splice(0, n.length) })) }]); const ge = [function (e) { let t, { swiper: s, extendParams: i, on: r, emit: n } = e; i({ virtual: { enabled: !1, slides: [], cache: !0, renderSlide: null, renderExternal: null, renderExternalUpdate: !0, addSlidesBefore: 0, addSlidesAfter: 0 } }); const l = a(); s.virtual = { cache: {}, from: void 0, to: void 0, slides: [], offset: 0, slidesGrid: [] }; const o = l.createElement("div"); function d(e, t) { const a = s.params.virtual; if (a.cache && s.virtual.cache[t]) return s.virtual.cache[t]; let i; return a.renderSlide ? (i = a.renderSlide.call(s, e, t), "string" == typeof i && (o.innerHTML = i, i = o.children[0])) : i = s.isElement ? v("swiper-slide") : v("div", s.params.slideClass), i.setAttribute("data-swiper-slide-index", t), a.renderSlide || (i.innerHTML = e), a.cache && (s.virtual.cache[t] = i), i } function c(e, t) { const { slidesPerView: a, slidesPerGroup: i, centeredSlides: r, loop: l, initialSlide: o } = s.params; if (t && !l && o > 0) return; const { addSlidesBefore: c, addSlidesAfter: p } = s.params.virtual, { from: u, to: m, slides: h, slidesGrid: g, offset: v } = s.virtual; s.params.cssMode || s.updateActiveIndex(); const w = s.activeIndex || 0; let b, y, E; b = s.rtlTranslate ? "right" : s.isHorizontal() ? "left" : "top", r ? (y = Math.floor(a / 2) + i + p, E = Math.floor(a / 2) + i + c) : (y = a + (i - 1) + p, E = (l ? a : i) + c); let x = w - E, S = w + y; l || (x = Math.max(x, 0), S = Math.min(S, h.length - 1)); let T = (s.slidesGrid[x] || 0) - (s.slidesGrid[0] || 0); function M() { s.updateSlides(), s.updateProgress(), s.updateSlidesClasses(), n("virtualUpdate") } if (l && w >= E ? (x -= E, r || (T += s.slidesGrid[0])) : l && w < E && (x = -E, r && (T += s.slidesGrid[0])), Object.assign(s.virtual, { from: x, to: S, offset: T, slidesGrid: s.slidesGrid, slidesBefore: E, slidesAfter: y }), u === x && m === S && !e) return s.slidesGrid !== g && T !== v && s.slides.forEach((e => { e.style[b] = T - Math.abs(s.cssOverflowAdjustment()) + "px" })), s.updateProgress(), void n("virtualUpdate"); if (s.params.virtual.renderExternal) return s.params.virtual.renderExternal.call(s, { offset: T, from: x, to: S, slides: function () { const e = []; for (let t = x; t <= S; t += 1)e.push(h[t]); return e }() }), void (s.params.virtual.renderExternalUpdate ? M() : n("virtualUpdate")); const C = [], P = [], L = e => { let t = e; return e < 0 ? t = h.length + e : t >= h.length && (t -= h.length), t }; if (e) s.slides.filter((e => e.matches(`.${s.params.slideClass}, swiper-slide`))).forEach((e => { e.remove() })); else for (let e = u; e <= m; e += 1)if (e < x || e > S) { const t = L(e); s.slides.filter((e => e.matches(`.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`))).forEach((e => { e.remove() })) } const I = l ? -h.length : 0, z = l ? 2 * h.length : h.length; for (let t = I; t < z; t += 1)if (t >= x && t <= S) { const s = L(t); void 0 === m || e ? P.push(s) : (t > m && P.push(s), t < u && C.push(s)) } if (P.forEach((e => { s.slidesEl.append(d(h[e], e)) })), l) for (let e = C.length - 1; e >= 0; e -= 1) { const t = C[e]; s.slidesEl.prepend(d(h[t], t)) } else C.sort(((e, t) => t - e)), C.forEach((e => { s.slidesEl.prepend(d(h[e], e)) })); f(s.slidesEl, ".swiper-slide, swiper-slide").forEach((e => { e.style[b] = T - Math.abs(s.cssOverflowAdjustment()) + "px" })), M() } r("beforeInit", (() => { if (!s.params.virtual.enabled) return; let e; if (void 0 === s.passedParams.virtual.slides) { const t = [...s.slidesEl.children].filter((e => e.matches(`.${s.params.slideClass}, swiper-slide`))); t && t.length && (s.virtual.slides = [...t], e = !0, t.forEach(((e, t) => { e.setAttribute("data-swiper-slide-index", t), s.virtual.cache[t] = e, e.remove() }))) } e || (s.virtual.slides = s.params.virtual.slides), s.classNames.push(`${s.params.containerModifierClass}virtual`), s.params.watchSlidesProgress = !0, s.originalParams.watchSlidesProgress = !0, c(!1, !0) })), r("setTranslate", (() => { s.params.virtual.enabled && (s.params.cssMode && !s._immediateVirtual ? (clearTimeout(t), t = setTimeout((() => { c() }), 100)) : c()) })), r("init update resize", (() => { s.params.virtual.enabled && s.params.cssMode && u(s.wrapperEl, "--swiper-virtual-size", `${s.virtualSize}px`) })), Object.assign(s.virtual, { appendSlide: function (e) { if ("object" == typeof e && "length" in e) for (let t = 0; t < e.length; t += 1)e[t] && s.virtual.slides.push(e[t]); else s.virtual.slides.push(e); c(!0) }, prependSlide: function (e) { const t = s.activeIndex; let a = t + 1, i = 1; if (Array.isArray(e)) { for (let t = 0; t < e.length; t += 1)e[t] && s.virtual.slides.unshift(e[t]); a = t + e.length, i = e.length } else s.virtual.slides.unshift(e); if (s.params.virtual.cache) { const e = s.virtual.cache, t = {}; Object.keys(e).forEach((s => { const a = e[s], r = a.getAttribute("data-swiper-slide-index"); r && a.setAttribute("data-swiper-slide-index", parseInt(r, 10) + i), t[parseInt(s, 10) + i] = a })), s.virtual.cache = t } c(!0), s.slideTo(a, 0) }, removeSlide: function (e) { if (null == e) return; let t = s.activeIndex; if (Array.isArray(e)) for (let a = e.length - 1; a >= 0; a -= 1)s.params.virtual.cache && (delete s.virtual.cache[e[a]], Object.keys(s.virtual.cache).forEach((t => { t > e && (s.virtual.cache[t - 1] = s.virtual.cache[t], s.virtual.cache[t - 1].setAttribute("data-swiper-slide-index", t - 1), delete s.virtual.cache[t]) }))), s.virtual.slides.splice(e[a], 1), e[a] < t && (t -= 1), t = Math.max(t, 0); else s.params.virtual.cache && (delete s.virtual.cache[e], Object.keys(s.virtual.cache).forEach((t => { t > e && (s.virtual.cache[t - 1] = s.virtual.cache[t], s.virtual.cache[t - 1].setAttribute("data-swiper-slide-index", t - 1), delete s.virtual.cache[t]) }))), s.virtual.slides.splice(e, 1), e < t && (t -= 1), t = Math.max(t, 0); c(!0), s.slideTo(t, 0) }, removeAllSlides: function () { s.virtual.slides = [], s.params.virtual.cache && (s.virtual.cache = {}), c(!0), s.slideTo(0, 0) }, update: c }) }, function (e) { let { swiper: t, extendParams: s, on: i, emit: n } = e; const l = a(), o = r(); function d(e) { if (!t.enabled) return; const { rtlTranslate: s } = t; let a = e; a.originalEvent && (a = a.originalEvent); const i = a.keyCode || a.charCode, r = t.params.keyboard.pageUpDown, d = r && 33 === i, c = r && 34 === i, p = 37 === i, u = 39 === i, m = 38 === i, h = 40 === i; if (!t.allowSlideNext && (t.isHorizontal() && u || t.isVertical() && h || c)) return !1; if (!t.allowSlidePrev && (t.isHorizontal() && p || t.isVertical() && m || d)) return !1; if (!(a.shiftKey || a.altKey || a.ctrlKey || a.metaKey || l.activeElement && l.activeElement.nodeName && ("input" === l.activeElement.nodeName.toLowerCase() || "textarea" === l.activeElement.nodeName.toLowerCase()))) { if (t.params.keyboard.onlyInViewport && (d || c || p || u || m || h)) { let e = !1; if (E(t.el, `.${t.params.slideClass}, swiper-slide`).length > 0 && 0 === E(t.el, `.${t.params.slideActiveClass}`).length) return; const a = t.el, i = a.clientWidth, r = a.clientHeight, n = o.innerWidth, l = o.innerHeight, d = w(a); s && (d.left -= a.scrollLeft); const c = [[d.left, d.top], [d.left + i, d.top], [d.left, d.top + r], [d.left + i, d.top + r]]; for (let t = 0; t < c.length; t += 1) { const s = c[t]; if (s[0] >= 0 && s[0] <= n && s[1] >= 0 && s[1] <= l) { if (0 === s[0] && 0 === s[1]) continue; e = !0 } } if (!e) return } t.isHorizontal() ? ((d || c || p || u) && (a.preventDefault ? a.preventDefault() : a.returnValue = !1), ((c || u) && !s || (d || p) && s) && t.slideNext(), ((d || p) && !s || (c || u) && s) && t.slidePrev()) : ((d || c || m || h) && (a.preventDefault ? a.preventDefault() : a.returnValue = !1), (c || h) && t.slideNext(), (d || m) && t.slidePrev()), n("keyPress", i) } } function c() { t.keyboard.enabled || (l.addEventListener("keydown", d), t.keyboard.enabled = !0) } function p() { t.keyboard.enabled && (l.removeEventListener("keydown", d), t.keyboard.enabled = !1) } t.keyboard = { enabled: !1 }, s({ keyboard: { enabled: !1, onlyInViewport: !0, pageUpDown: !0 } }), i("init", (() => { t.params.keyboard.enabled && c() })), i("destroy", (() => { t.keyboard.enabled && p() })), Object.assign(t.keyboard, { enable: c, disable: p }) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const n = r(); let d; s({ mousewheel: { enabled: !1, releaseOnEdges: !1, invert: !1, forceToAxis: !1, sensitivity: 1, eventsTarget: "container", thresholdDelta: null, thresholdTime: null, noMousewheelClass: "swiper-no-mousewheel" } }), t.mousewheel = { enabled: !1 }; let c, p = o(); const u = []; function m() { t.enabled && (t.mouseEntered = !0) } function h() { t.enabled && (t.mouseEntered = !1) } function f(e) { return !(t.params.mousewheel.thresholdDelta && e.delta < t.params.mousewheel.thresholdDelta) && (!(t.params.mousewheel.thresholdTime && o() - p < t.params.mousewheel.thresholdTime) && (e.delta >= 6 && o() - p < 60 || (e.direction < 0 ? t.isEnd && !t.params.loop || t.animating || (t.slideNext(), i("scroll", e.raw)) : t.isBeginning && !t.params.loop || t.animating || (t.slidePrev(), i("scroll", e.raw)), p = (new n.Date).getTime(), !1))) } function g(e) { let s = e, a = !0; if (!t.enabled) return; if (e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`)) return; const r = t.params.mousewheel; t.params.cssMode && s.preventDefault(); let n = t.el; "container" !== t.params.mousewheel.eventsTarget && (n = document.querySelector(t.params.mousewheel.eventsTarget)); const p = n && n.contains(s.target); if (!t.mouseEntered && !p && !r.releaseOnEdges) return !0; s.originalEvent && (s = s.originalEvent); let m = 0; const h = t.rtlTranslate ? -1 : 1, g = function (e) { let t = 0, s = 0, a = 0, i = 0; return "detail" in e && (s = e.detail), "wheelDelta" in e && (s = -e.wheelDelta / 120), "wheelDeltaY" in e && (s = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && (t = s, s = 0), a = 10 * t, i = 10 * s, "deltaY" in e && (i = e.deltaY), "deltaX" in e && (a = e.deltaX), e.shiftKey && !a && (a = i, i = 0), (a || i) && e.deltaMode && (1 === e.deltaMode ? (a *= 40, i *= 40) : (a *= 800, i *= 800)), a && !t && (t = a < 1 ? -1 : 1), i && !s && (s = i < 1 ? -1 : 1), { spinX: t, spinY: s, pixelX: a, pixelY: i } }(s); if (r.forceToAxis) if (t.isHorizontal()) { if (!(Math.abs(g.pixelX) > Math.abs(g.pixelY))) return !0; m = -g.pixelX * h } else { if (!(Math.abs(g.pixelY) > Math.abs(g.pixelX))) return !0; m = -g.pixelY } else m = Math.abs(g.pixelX) > Math.abs(g.pixelY) ? -g.pixelX * h : -g.pixelY; if (0 === m) return !0; r.invert && (m = -m); let v = t.getTranslate() + m * r.sensitivity; if (v >= t.minTranslate() && (v = t.minTranslate()), v <= t.maxTranslate() && (v = t.maxTranslate()), a = !!t.params.loop || !(v === t.minTranslate() || v === t.maxTranslate()), a && t.params.nested && s.stopPropagation(), t.params.freeMode && t.params.freeMode.enabled) { const e = { time: o(), delta: Math.abs(m), direction: Math.sign(m) }, a = c && e.time < c.time + 500 && e.delta <= c.delta && e.direction === c.direction; if (!a) { c = void 0; let n = t.getTranslate() + m * r.sensitivity; const o = t.isBeginning, p = t.isEnd; if (n >= t.minTranslate() && (n = t.minTranslate()), n <= t.maxTranslate() && (n = t.maxTranslate()), t.setTransition(0), t.setTranslate(n), t.updateProgress(), t.updateActiveIndex(), t.updateSlidesClasses(), (!o && t.isBeginning || !p && t.isEnd) && t.updateSlidesClasses(), t.params.loop && t.loopFix({ direction: e.direction < 0 ? "next" : "prev", byMousewheel: !0 }), t.params.freeMode.sticky) { clearTimeout(d), d = void 0, u.length >= 15 && u.shift(); const s = u.length ? u[u.length - 1] : void 0, a = u[0]; if (u.push(e), s && (e.delta > s.delta || e.direction !== s.direction)) u.splice(0); else if (u.length >= 15 && e.time - a.time < 500 && a.delta - e.delta >= 1 && e.delta <= 6) { const s = m > 0 ? .8 : .2; c = e, u.splice(0), d = l((() => { !t.destroyed && t.params && t.slideToClosest(t.params.speed, !0, void 0, s) }), 0) } d || (d = l((() => { if (t.destroyed || !t.params) return; c = e, u.splice(0), t.slideToClosest(t.params.speed, !0, void 0, .5) }), 500)) } if (a || i("scroll", s), t.params.autoplay && t.params.autoplayDisableOnInteraction && t.autoplay.stop(), r.releaseOnEdges && (n === t.minTranslate() || n === t.maxTranslate())) return !0 } } else { const s = { time: o(), delta: Math.abs(m), direction: Math.sign(m), raw: e }; u.length >= 2 && u.shift(); const a = u.length ? u[u.length - 1] : void 0; if (u.push(s), a ? (s.direction !== a.direction || s.delta > a.delta || s.time > a.time + 150) && f(s) : f(s), function (e) { const s = t.params.mousewheel; if (e.direction < 0) { if (t.isEnd && !t.params.loop && s.releaseOnEdges) return !0 } else if (t.isBeginning && !t.params.loop && s.releaseOnEdges) return !0; return !1 }(s)) return !0 } return s.preventDefault ? s.preventDefault() : s.returnValue = !1, !1 } function v(e) { let s = t.el; "container" !== t.params.mousewheel.eventsTarget && (s = document.querySelector(t.params.mousewheel.eventsTarget)), s[e]("mouseenter", m), s[e]("mouseleave", h), s[e]("wheel", g) } function w() { return t.params.cssMode ? (t.wrapperEl.removeEventListener("wheel", g), !0) : !t.mousewheel.enabled && (v("addEventListener"), t.mousewheel.enabled = !0, !0) } function b() { return t.params.cssMode ? (t.wrapperEl.addEventListener(event, g), !0) : !!t.mousewheel.enabled && (v("removeEventListener"), t.mousewheel.enabled = !1, !0) } a("init", (() => { !t.params.mousewheel.enabled && t.params.cssMode && b(), t.params.mousewheel.enabled && w() })), a("destroy", (() => { t.params.cssMode && w(), t.mousewheel.enabled && b() })), Object.assign(t.mousewheel, { enable: w, disable: b }) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; function r(e) { let s; return e && "string" == typeof e && t.isElement && (s = t.el.querySelector(e) || t.hostEl.querySelector(e), s) ? s : (e && ("string" == typeof e && (s = [...document.querySelectorAll(e)]), t.params.uniqueNavElements && "string" == typeof e && s && s.length > 1 && 1 === t.el.querySelectorAll(e).length ? s = t.el.querySelector(e) : s && 1 === s.length && (s = s[0])), e && !s ? e : s) } function n(e, s) { const a = t.params.navigation; (e = T(e)).forEach((e => { e && (e.classList[s ? "add" : "remove"](...a.disabledClass.split(" ")), "BUTTON" === e.tagName && (e.disabled = s), t.params.watchOverflow && t.enabled && e.classList[t.isLocked ? "add" : "remove"](a.lockClass)) })) } function l() { const { nextEl: e, prevEl: s } = t.navigation; if (t.params.loop) return n(s, !1), void n(e, !1); n(s, t.isBeginning && !t.params.rewind), n(e, t.isEnd && !t.params.rewind) } function o(e) { e.preventDefault(), (!t.isBeginning || t.params.loop || t.params.rewind) && (t.slidePrev(), i("navigationPrev")) } function d(e) { e.preventDefault(), (!t.isEnd || t.params.loop || t.params.rewind) && (t.slideNext(), i("navigationNext")) } function c() { const e = t.params.navigation; if (t.params.navigation = re(t, t.originalParams.navigation, t.params.navigation, { nextEl: "swiper-button-next", prevEl: "swiper-button-prev" }), !e.nextEl && !e.prevEl) return; let s = r(e.nextEl), a = r(e.prevEl); Object.assign(t.navigation, { nextEl: s, prevEl: a }), s = T(s), a = T(a); const i = (s, a) => { s && s.addEventListener("click", "next" === a ? d : o), !t.enabled && s && s.classList.add(...e.lockClass.split(" ")) }; s.forEach((e => i(e, "next"))), a.forEach((e => i(e, "prev"))) } function p() { let { nextEl: e, prevEl: s } = t.navigation; e = T(e), s = T(s); const a = (e, s) => { e.removeEventListener("click", "next" === s ? d : o), e.classList.remove(...t.params.navigation.disabledClass.split(" ")) }; e.forEach((e => a(e, "next"))), s.forEach((e => a(e, "prev"))) } s({ navigation: { nextEl: null, prevEl: null, hideOnClick: !1, disabledClass: "swiper-button-disabled", hiddenClass: "swiper-button-hidden", lockClass: "swiper-button-lock", navigationDisabledClass: "swiper-navigation-disabled" } }), t.navigation = { nextEl: null, prevEl: null }, a("init", (() => { !1 === t.params.navigation.enabled ? u() : (c(), l()) })), a("toEdge fromEdge lock unlock", (() => { l() })), a("destroy", (() => { p() })), a("enable disable", (() => { let { nextEl: e, prevEl: s } = t.navigation; e = T(e), s = T(s), t.enabled ? l() : [...e, ...s].filter((e => !!e)).forEach((e => e.classList.add(t.params.navigation.lockClass))) })), a("click", ((e, s) => { let { nextEl: a, prevEl: r } = t.navigation; a = T(a), r = T(r); const n = s.target; let l = r.includes(n) || a.includes(n); if (t.isElement && !l) { const e = s.path || s.composedPath && s.composedPath(); e && (l = e.find((e => a.includes(e) || r.includes(e)))) } if (t.params.navigation.hideOnClick && !l) { if (t.pagination && t.params.pagination && t.params.pagination.clickable && (t.pagination.el === n || t.pagination.el.contains(n))) return; let e; a.length ? e = a[0].classList.contains(t.params.navigation.hiddenClass) : r.length && (e = r[0].classList.contains(t.params.navigation.hiddenClass)), i(!0 === e ? "navigationShow" : "navigationHide"), [...a, ...r].filter((e => !!e)).forEach((e => e.classList.toggle(t.params.navigation.hiddenClass))) } })); const u = () => { t.el.classList.add(...t.params.navigation.navigationDisabledClass.split(" ")), p() }; Object.assign(t.navigation, { enable: () => { t.el.classList.remove(...t.params.navigation.navigationDisabledClass.split(" ")), c(), l() }, disable: u, update: l, init: c, destroy: p }) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const r = "swiper-pagination"; let n; s({ pagination: { el: null, bulletElement: "span", clickable: !1, hideOnClick: !1, renderBullet: null, renderProgressbar: null, renderFraction: null, renderCustom: null, progressbarOpposite: !1, type: "bullets", dynamicBullets: !1, dynamicMainBullets: 1, formatFractionCurrent: e => e, formatFractionTotal: e => e, bulletClass: `${r}-bullet`, bulletActiveClass: `${r}-bullet-active`, modifierClass: `${r}-`, currentClass: `${r}-current`, totalClass: `${r}-total`, hiddenClass: `${r}-hidden`, progressbarFillClass: `${r}-progressbar-fill`, progressbarOppositeClass: `${r}-progressbar-opposite`, clickableClass: `${r}-clickable`, lockClass: `${r}-lock`, horizontalClass: `${r}-horizontal`, verticalClass: `${r}-vertical`, paginationDisabledClass: `${r}-disabled` } }), t.pagination = { el: null, bullets: [] }; let l = 0; function o() { return !t.params.pagination.el || !t.pagination.el || Array.isArray(t.pagination.el) && 0 === t.pagination.el.length } function d(e, s) { const { bulletActiveClass: a } = t.params.pagination; e && (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) && (e.classList.add(`${a}-${s}`), (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) && e.classList.add(`${a}-${s}-${s}`)) } function c(e) { const s = e.target.closest(ne(t.params.pagination.bulletClass)); if (!s) return; e.preventDefault(); const a = y(s) * t.params.slidesPerGroup; if (t.params.loop) { if (t.realIndex === a) return; const e = (i = t.realIndex, r = a, n = t.slides.length, (r %= n) == 1 + (i %= n) ? "next" : r === i - 1 ? "previous" : void 0); "next" === e ? t.slideNext() : "previous" === e ? t.slidePrev() : t.slideToLoop(a) } else t.slideTo(a); var i, r, n } function p() { const e = t.rtl, s = t.params.pagination; if (o()) return; let a, r, c = t.pagination.el; c = T(c); const p = t.virtual && t.params.virtual.enabled ? t.virtual.slides.length : t.slides.length, u = t.params.loop ? Math.ceil(p / t.params.slidesPerGroup) : t.snapGrid.length; if (t.params.loop ? (r = t.previousRealIndex || 0, a = t.params.slidesPerGroup > 1 ? Math.floor(t.realIndex / t.params.slidesPerGroup) : t.realIndex) : void 0 !== t.snapIndex ? (a = t.snapIndex, r = t.previousSnapIndex) : (r = t.previousIndex || 0, a = t.activeIndex || 0), "bullets" === s.type && t.pagination.bullets && t.pagination.bullets.length > 0) { const i = t.pagination.bullets; let o, p, u; if (s.dynamicBullets && (n = S(i[0], t.isHorizontal() ? "width" : "height", !0), c.forEach((e => { e.style[t.isHorizontal() ? "width" : "height"] = n * (s.dynamicMainBullets + 4) + "px" })), s.dynamicMainBullets > 1 && void 0 !== r && (l += a - (r || 0), l > s.dynamicMainBullets - 1 ? l = s.dynamicMainBullets - 1 : l < 0 && (l = 0)), o = Math.max(a - l, 0), p = o + (Math.min(i.length, s.dynamicMainBullets) - 1), u = (p + o) / 2), i.forEach((e => { const t = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((e => `${s.bulletActiveClass}${e}`))].map((e => "string" == typeof e && e.includes(" ") ? e.split(" ") : e)).flat(); e.classList.remove(...t) })), c.length > 1) i.forEach((e => { const i = y(e); i === a ? e.classList.add(...s.bulletActiveClass.split(" ")) : t.isElement && e.setAttribute("part", "bullet"), s.dynamicBullets && (i >= o && i <= p && e.classList.add(...`${s.bulletActiveClass}-main`.split(" ")), i === o && d(e, "prev"), i === p && d(e, "next")) })); else { const e = i[a]; if (e && e.classList.add(...s.bulletActiveClass.split(" ")), t.isElement && i.forEach(((e, t) => { e.setAttribute("part", t === a ? "bullet-active" : "bullet") })), s.dynamicBullets) { const e = i[o], t = i[p]; for (let e = o; e <= p; e += 1)i[e] && i[e].classList.add(...`${s.bulletActiveClass}-main`.split(" ")); d(e, "prev"), d(t, "next") } } if (s.dynamicBullets) { const a = Math.min(i.length, s.dynamicMainBullets + 4), r = (n * a - n) / 2 - u * n, l = e ? "right" : "left"; i.forEach((e => { e.style[t.isHorizontal() ? l : "top"] = `${r}px` })) } } c.forEach(((e, r) => { if ("fraction" === s.type && (e.querySelectorAll(ne(s.currentClass)).forEach((e => { e.textContent = s.formatFractionCurrent(a + 1) })), e.querySelectorAll(ne(s.totalClass)).forEach((e => { e.textContent = s.formatFractionTotal(u) }))), "progressbar" === s.type) { let i; i = s.progressbarOpposite ? t.isHorizontal() ? "vertical" : "horizontal" : t.isHorizontal() ? "horizontal" : "vertical"; const r = (a + 1) / u; let n = 1, l = 1; "horizontal" === i ? n = r : l = r, e.querySelectorAll(ne(s.progressbarFillClass)).forEach((e => { e.style.transform = `translate3d(0,0,0) scaleX(${n}) scaleY(${l})`, e.style.transitionDuration = `${t.params.speed}ms` })) } "custom" === s.type && s.renderCustom ? (e.innerHTML = s.renderCustom(t, a + 1, u), 0 === r && i("paginationRender", e)) : (0 === r && i("paginationRender", e), i("paginationUpdate", e)), t.params.watchOverflow && t.enabled && e.classList[t.isLocked ? "add" : "remove"](s.lockClass) })) } function u() { const e = t.params.pagination; if (o()) return; const s = t.virtual && t.params.virtual.enabled ? t.virtual.slides.length : t.grid && t.params.grid.rows > 1 ? t.slides.length / Math.ceil(t.params.grid.rows) : t.slides.length; let a = t.pagination.el; a = T(a); let r = ""; if ("bullets" === e.type) { let a = t.params.loop ? Math.ceil(s / t.params.slidesPerGroup) : t.snapGrid.length; t.params.freeMode && t.params.freeMode.enabled && a > s && (a = s); for (let s = 0; s < a; s += 1)e.renderBullet ? r += e.renderBullet.call(t, s, e.bulletClass) : r += `<${e.bulletElement} ${t.isElement ? 'part="bullet"' : ""} class="${e.bulletClass}"></${e.bulletElement}>` } "fraction" === e.type && (r = e.renderFraction ? e.renderFraction.call(t, e.currentClass, e.totalClass) : `<span class="${e.currentClass}"></span> / <span class="${e.totalClass}"></span>`), "progressbar" === e.type && (r = e.renderProgressbar ? e.renderProgressbar.call(t, e.progressbarFillClass) : `<span class="${e.progressbarFillClass}"></span>`), t.pagination.bullets = [], a.forEach((s => { "custom" !== e.type && (s.innerHTML = r || ""), "bullets" === e.type && t.pagination.bullets.push(...s.querySelectorAll(ne(e.bulletClass))) })), "custom" !== e.type && i("paginationRender", a[0]) } function m() { t.params.pagination = re(t, t.originalParams.pagination, t.params.pagination, { el: "swiper-pagination" }); const e = t.params.pagination; if (!e.el) return; let s; "string" == typeof e.el && t.isElement && (s = t.el.querySelector(e.el)), s || "string" != typeof e.el || (s = [...document.querySelectorAll(e.el)]), s || (s = e.el), s && 0 !== s.length && (t.params.uniqueNavElements && "string" == typeof e.el && Array.isArray(s) && s.length > 1 && (s = [...t.el.querySelectorAll(e.el)], s.length > 1 && (s = s.filter((e => E(e, ".swiper")[0] === t.el))[0])), Array.isArray(s) && 1 === s.length && (s = s[0]), Object.assign(t.pagination, { el: s }), s = T(s), s.forEach((s => { "bullets" === e.type && e.clickable && s.classList.add(...(e.clickableClass || "").split(" ")), s.classList.add(e.modifierClass + e.type), s.classList.add(t.isHorizontal() ? e.horizontalClass : e.verticalClass), "bullets" === e.type && e.dynamicBullets && (s.classList.add(`${e.modifierClass}${e.type}-dynamic`), l = 0, e.dynamicMainBullets < 1 && (e.dynamicMainBullets = 1)), "progressbar" === e.type && e.progressbarOpposite && s.classList.add(e.progressbarOppositeClass), e.clickable && s.addEventListener("click", c), t.enabled || s.classList.add(e.lockClass) }))) } function h() { const e = t.params.pagination; if (o()) return; let s = t.pagination.el; s && (s = T(s), s.forEach((s => { s.classList.remove(e.hiddenClass), s.classList.remove(e.modifierClass + e.type), s.classList.remove(t.isHorizontal() ? e.horizontalClass : e.verticalClass), e.clickable && (s.classList.remove(...(e.clickableClass || "").split(" ")), s.removeEventListener("click", c)) }))), t.pagination.bullets && t.pagination.bullets.forEach((t => t.classList.remove(...e.bulletActiveClass.split(" ")))) } a("changeDirection", (() => { if (!t.pagination || !t.pagination.el) return; const e = t.params.pagination; let { el: s } = t.pagination; s = T(s), s.forEach((s => { s.classList.remove(e.horizontalClass, e.verticalClass), s.classList.add(t.isHorizontal() ? e.horizontalClass : e.verticalClass) })) })), a("init", (() => { !1 === t.params.pagination.enabled ? f() : (m(), u(), p()) })), a("activeIndexChange", (() => { void 0 === t.snapIndex && p() })), a("snapIndexChange", (() => { p() })), a("snapGridLengthChange", (() => { u(), p() })), a("destroy", (() => { h() })), a("enable disable", (() => { let { el: e } = t.pagination; e && (e = T(e), e.forEach((e => e.classList[t.enabled ? "remove" : "add"](t.params.pagination.lockClass)))) })), a("lock unlock", (() => { p() })), a("click", ((e, s) => { const a = s.target, r = T(t.pagination.el); if (t.params.pagination.el && t.params.pagination.hideOnClick && r && r.length > 0 && !a.classList.contains(t.params.pagination.bulletClass)) { if (t.navigation && (t.navigation.nextEl && a === t.navigation.nextEl || t.navigation.prevEl && a === t.navigation.prevEl)) return; const e = r[0].classList.contains(t.params.pagination.hiddenClass); i(!0 === e ? "paginationShow" : "paginationHide"), r.forEach((e => e.classList.toggle(t.params.pagination.hiddenClass))) } })); const f = () => { t.el.classList.add(t.params.pagination.paginationDisabledClass); let { el: e } = t.pagination; e && (e = T(e), e.forEach((e => e.classList.add(t.params.pagination.paginationDisabledClass)))), h() }; Object.assign(t.pagination, { enable: () => { t.el.classList.remove(t.params.pagination.paginationDisabledClass); let { el: e } = t.pagination; e && (e = T(e), e.forEach((e => e.classList.remove(t.params.pagination.paginationDisabledClass)))), m(), u(), p() }, disable: f, render: u, update: p, init: m, destroy: h }) }, function (e) { let { swiper: t, extendParams: s, on: i, emit: r } = e; const o = a(); let d, c, p, u, m = !1, h = null, f = null; function g() { if (!t.params.scrollbar.el || !t.scrollbar.el) return; const { scrollbar: e, rtlTranslate: s } = t, { dragEl: a, el: i } = e, r = t.params.scrollbar, n = t.params.loop ? t.progressLoop : t.progress; let l = c, o = (p - c) * n; s ? (o = -o, o > 0 ? (l = c - o, o = 0) : -o + c > p && (l = p + o)) : o < 0 ? (l = c + o, o = 0) : o + c > p && (l = p - o), t.isHorizontal() ? (a.style.transform = `translate3d(${o}px, 0, 0)`, a.style.width = `${l}px`) : (a.style.transform = `translate3d(0px, ${o}px, 0)`, a.style.height = `${l}px`), r.hide && (clearTimeout(h), i.style.opacity = 1, h = setTimeout((() => { i.style.opacity = 0, i.style.transitionDuration = "400ms" }), 1e3)) } function b() { if (!t.params.scrollbar.el || !t.scrollbar.el) return; const { scrollbar: e } = t, { dragEl: s, el: a } = e; s.style.width = "", s.style.height = "", p = t.isHorizontal() ? a.offsetWidth : a.offsetHeight, u = t.size / (t.virtualSize + t.params.slidesOffsetBefore - (t.params.centeredSlides ? t.snapGrid[0] : 0)), c = "auto" === t.params.scrollbar.dragSize ? p * u : parseInt(t.params.scrollbar.dragSize, 10), t.isHorizontal() ? s.style.width = `${c}px` : s.style.height = `${c}px`, a.style.display = u >= 1 ? "none" : "", t.params.scrollbar.hide && (a.style.opacity = 0), t.params.watchOverflow && t.enabled && e.el.classList[t.isLocked ? "add" : "remove"](t.params.scrollbar.lockClass) } function y(e) { return t.isHorizontal() ? e.clientX : e.clientY } function E(e) { const { scrollbar: s, rtlTranslate: a } = t, { el: i } = s; let r; r = (y(e) - w(i)[t.isHorizontal() ? "left" : "top"] - (null !== d ? d : c / 2)) / (p - c), r = Math.max(Math.min(r, 1), 0), a && (r = 1 - r); const n = t.minTranslate() + (t.maxTranslate() - t.minTranslate()) * r; t.updateProgress(n), t.setTranslate(n), t.updateActiveIndex(), t.updateSlidesClasses() } function x(e) { const s = t.params.scrollbar, { scrollbar: a, wrapperEl: i } = t, { el: n, dragEl: l } = a; m = !0, d = e.target === l ? y(e) - e.target.getBoundingClientRect()[t.isHorizontal() ? "left" : "top"] : null, e.preventDefault(), e.stopPropagation(), i.style.transitionDuration = "100ms", l.style.transitionDuration = "100ms", E(e), clearTimeout(f), n.style.transitionDuration = "0ms", s.hide && (n.style.opacity = 1), t.params.cssMode && (t.wrapperEl.style["scroll-snap-type"] = "none"), r("scrollbarDragStart", e) } function S(e) { const { scrollbar: s, wrapperEl: a } = t, { el: i, dragEl: n } = s; m && (e.preventDefault && e.cancelable ? e.preventDefault() : e.returnValue = !1, E(e), a.style.transitionDuration = "0ms", i.style.transitionDuration = "0ms", n.style.transitionDuration = "0ms", r("scrollbarDragMove", e)) } function M(e) { const s = t.params.scrollbar, { scrollbar: a, wrapperEl: i } = t, { el: n } = a; m && (m = !1, t.params.cssMode && (t.wrapperEl.style["scroll-snap-type"] = "", i.style.transitionDuration = ""), s.hide && (clearTimeout(f), f = l((() => { n.style.opacity = 0, n.style.transitionDuration = "400ms" }), 1e3)), r("scrollbarDragEnd", e), s.snapOnRelease && t.slideToClosest()) } function C(e) { const { scrollbar: s, params: a } = t, i = s.el; if (!i) return; const r = i, n = !!a.passiveListeners && { passive: !1, capture: !1 }, l = !!a.passiveListeners && { passive: !0, capture: !1 }; if (!r) return; const d = "on" === e ? "addEventListener" : "removeEventListener"; r[d]("pointerdown", x, n), o[d]("pointermove", S, n), o[d]("pointerup", M, l) } function P() { const { scrollbar: e, el: s } = t; t.params.scrollbar = re(t, t.originalParams.scrollbar, t.params.scrollbar, { el: "swiper-scrollbar" }); const a = t.params.scrollbar; if (!a.el) return; let i, r; if ("string" == typeof a.el && t.isElement && (i = t.el.querySelector(a.el)), i || "string" != typeof a.el) i || (i = a.el); else if (i = o.querySelectorAll(a.el), !i.length) return; t.params.uniqueNavElements && "string" == typeof a.el && i.length > 1 && 1 === s.querySelectorAll(a.el).length && (i = s.querySelector(a.el)), i.length > 0 && (i = i[0]), i.classList.add(t.isHorizontal() ? a.horizontalClass : a.verticalClass), i && (r = i.querySelector(ne(t.params.scrollbar.dragClass)), r || (r = v("div", t.params.scrollbar.dragClass), i.append(r))), Object.assign(e, { el: i, dragEl: r }), a.draggable && t.params.scrollbar.el && t.scrollbar.el && C("on"), i && i.classList[t.enabled ? "remove" : "add"](...n(t.params.scrollbar.lockClass)) } function L() { const e = t.params.scrollbar, s = t.scrollbar.el; s && s.classList.remove(...n(t.isHorizontal() ? e.horizontalClass : e.verticalClass)), t.params.scrollbar.el && t.scrollbar.el && C("off") } s({ scrollbar: { el: null, dragSize: "auto", hide: !1, draggable: !1, snapOnRelease: !0, lockClass: "swiper-scrollbar-lock", dragClass: "swiper-scrollbar-drag", scrollbarDisabledClass: "swiper-scrollbar-disabled", horizontalClass: "swiper-scrollbar-horizontal", verticalClass: "swiper-scrollbar-vertical" } }), t.scrollbar = { el: null, dragEl: null }, i("changeDirection", (() => { if (!t.scrollbar || !t.scrollbar.el) return; const e = t.params.scrollbar; let { el: s } = t.scrollbar; s = T(s), s.forEach((s => { s.classList.remove(e.horizontalClass, e.verticalClass), s.classList.add(t.isHorizontal() ? e.horizontalClass : e.verticalClass) })) })), i("init", (() => { !1 === t.params.scrollbar.enabled ? I() : (P(), b(), g()) })), i("update resize observerUpdate lock unlock changeDirection", (() => { b() })), i("setTranslate", (() => { g() })), i("setTransition", ((e, s) => { !function (e) { t.params.scrollbar.el && t.scrollbar.el && (t.scrollbar.dragEl.style.transitionDuration = `${e}ms`) }(s) })), i("enable disable", (() => { const { el: e } = t.scrollbar; e && e.classList[t.enabled ? "remove" : "add"](...n(t.params.scrollbar.lockClass)) })), i("destroy", (() => { L() })); const I = () => { t.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)), t.scrollbar.el && t.scrollbar.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)), L() }; Object.assign(t.scrollbar, { enable: () => { t.el.classList.remove(...n(t.params.scrollbar.scrollbarDisabledClass)), t.scrollbar.el && t.scrollbar.el.classList.remove(...n(t.params.scrollbar.scrollbarDisabledClass)), P(), b(), g() }, disable: I, updateSize: b, setTranslate: g, init: P, destroy: L }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ parallax: { enabled: !1 } }); const i = "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]", r = (e, s) => { const { rtl: a } = t, i = a ? -1 : 1, r = e.getAttribute("data-swiper-parallax") || "0"; let n = e.getAttribute("data-swiper-parallax-x"), l = e.getAttribute("data-swiper-parallax-y"); const o = e.getAttribute("data-swiper-parallax-scale"), d = e.getAttribute("data-swiper-parallax-opacity"), c = e.getAttribute("data-swiper-parallax-rotate"); if (n || l ? (n = n || "0", l = l || "0") : t.isHorizontal() ? (n = r, l = "0") : (l = r, n = "0"), n = n.indexOf("%") >= 0 ? parseInt(n, 10) * s * i + "%" : n * s * i + "px", l = l.indexOf("%") >= 0 ? parseInt(l, 10) * s + "%" : l * s + "px", null != d) { const t = d - (d - 1) * (1 - Math.abs(s)); e.style.opacity = t } let p = `translate3d(${n}, ${l}, 0px)`; if (null != o) { p += ` scale(${o - (o - 1) * (1 - Math.abs(s))})` } if (c && null != c) { p += ` rotate(${c * s * -1}deg)` } e.style.transform = p }, n = () => { const { el: e, slides: s, progress: a, snapGrid: n, isElement: l } = t, o = f(e, i); t.isElement && o.push(...f(t.hostEl, i)), o.forEach((e => { r(e, a) })), s.forEach(((e, s) => { let l = e.progress; t.params.slidesPerGroup > 1 && "auto" !== t.params.slidesPerView && (l += Math.ceil(s / 2) - a * (n.length - 1)), l = Math.min(Math.max(l, -1), 1), e.querySelectorAll(`${i}, [data-swiper-parallax-rotate]`).forEach((e => { r(e, l) })) })) }; a("beforeInit", (() => { t.params.parallax.enabled && (t.params.watchSlidesProgress = !0, t.originalParams.watchSlidesProgress = !0) })), a("init", (() => { t.params.parallax.enabled && n() })), a("setTranslate", (() => { t.params.parallax.enabled && n() })), a("setTransition", ((e, s) => { t.params.parallax.enabled && function (e) { void 0 === e && (e = t.params.speed); const { el: s, hostEl: a } = t, r = [...s.querySelectorAll(i)]; t.isElement && r.push(...a.querySelectorAll(i)), r.forEach((t => { let s = parseInt(t.getAttribute("data-swiper-parallax-duration"), 10) || e; 0 === e && (s = 0), t.style.transitionDuration = `${s}ms` })) }(s) })) }, function (e) { let { swiper: t, extendParams: s, on: a, emit: i } = e; const n = r(); s({ zoom: { enabled: !1, limitToOriginalSize: !1, maxRatio: 3, minRatio: 1, toggle: !0, containerClass: "swiper-zoom-container", zoomedSlideClass: "swiper-slide-zoomed" } }), t.zoom = { enabled: !1 }; let l, o, c = 1, p = !1; const u = [], m = { originX: 0, originY: 0, slideEl: void 0, slideWidth: void 0, slideHeight: void 0, imageEl: void 0, imageWrapEl: void 0, maxRatio: 3 }, h = { isTouched: void 0, isMoved: void 0, currentX: void 0, currentY: void 0, minX: void 0, minY: void 0, maxX: void 0, maxY: void 0, width: void 0, height: void 0, startX: void 0, startY: void 0, touchesStart: {}, touchesCurrent: {} }, g = { x: void 0, y: void 0, prevPositionX: void 0, prevPositionY: void 0, prevTime: void 0 }; let v, b = 1; function y() { if (u.length < 2) return 1; const e = u[0].pageX, t = u[0].pageY, s = u[1].pageX, a = u[1].pageY; return Math.sqrt((s - e) ** 2 + (a - t) ** 2) } function x() { const e = t.params.zoom, s = m.imageWrapEl.getAttribute("data-swiper-zoom") || e.maxRatio; if (e.limitToOriginalSize && m.imageEl && m.imageEl.naturalWidth) { const e = m.imageEl.naturalWidth / m.imageEl.offsetWidth; return Math.min(e, s) } return s } function S(e) { const s = t.isElement ? "swiper-slide" : `.${t.params.slideClass}`; return !!e.target.matches(s) || t.slides.filter((t => t.contains(e.target))).length > 0 } function T(e) { if ("mouse" === e.pointerType && u.splice(0, u.length), !S(e)) return; const s = t.params.zoom; if (l = !1, o = !1, u.push(e), !(u.length < 2)) { if (l = !0, m.scaleStart = y(), !m.slideEl) { m.slideEl = e.target.closest(`.${t.params.slideClass}, swiper-slide`), m.slideEl || (m.slideEl = t.slides[t.activeIndex]); let a = m.slideEl.querySelector(`.${s.containerClass}`); if (a && (a = a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), m.imageEl = a, m.imageWrapEl = a ? E(m.imageEl, `.${s.containerClass}`)[0] : void 0, !m.imageWrapEl) return void (m.imageEl = void 0); m.maxRatio = x() } if (m.imageEl) { const [e, t] = function () { if (u.length < 2) return { x: null, y: null }; const e = m.imageEl.getBoundingClientRect(); return [(u[0].pageX + (u[1].pageX - u[0].pageX) / 2 - e.x - n.scrollX) / c, (u[0].pageY + (u[1].pageY - u[0].pageY) / 2 - e.y - n.scrollY) / c] }(); m.originX = e, m.originY = t, m.imageEl.style.transitionDuration = "0ms" } p = !0 } } function M(e) { if (!S(e)) return; const s = t.params.zoom, a = t.zoom, i = u.findIndex((t => t.pointerId === e.pointerId)); i >= 0 && (u[i] = e), u.length < 2 || (o = !0, m.scaleMove = y(), m.imageEl && (a.scale = m.scaleMove / m.scaleStart * c, a.scale > m.maxRatio && (a.scale = m.maxRatio - 1 + (a.scale - m.maxRatio + 1) ** .5), a.scale < s.minRatio && (a.scale = s.minRatio + 1 - (s.minRatio - a.scale + 1) ** .5), m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`)) } function C(e) { if (!S(e)) return; if ("mouse" === e.pointerType && "pointerout" === e.type) return; const s = t.params.zoom, a = t.zoom, i = u.findIndex((t => t.pointerId === e.pointerId)); i >= 0 && u.splice(i, 1), l && o && (l = !1, o = !1, m.imageEl && (a.scale = Math.max(Math.min(a.scale, m.maxRatio), s.minRatio), m.imageEl.style.transitionDuration = `${t.params.speed}ms`, m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`, c = a.scale, p = !1, a.scale > 1 && m.slideEl ? m.slideEl.classList.add(`${s.zoomedSlideClass}`) : a.scale <= 1 && m.slideEl && m.slideEl.classList.remove(`${s.zoomedSlideClass}`), 1 === a.scale && (m.originX = 0, m.originY = 0, m.slideEl = void 0))) } function P() { t.touchEventsData.preventTouchMoveFromPointerMove = !1 } function L(e) { if (!S(e) || !function (e) { const s = `.${t.params.zoom.containerClass}`; return !!e.target.matches(s) || [...t.hostEl.querySelectorAll(s)].filter((t => t.contains(e.target))).length > 0 }(e)) return; const s = t.zoom; if (!m.imageEl) return; if (!h.isTouched || !m.slideEl) return; h.isMoved || (h.width = m.imageEl.offsetWidth || m.imageEl.clientWidth, h.height = m.imageEl.offsetHeight || m.imageEl.clientHeight, h.startX = d(m.imageWrapEl, "x") || 0, h.startY = d(m.imageWrapEl, "y") || 0, m.slideWidth = m.slideEl.offsetWidth, m.slideHeight = m.slideEl.offsetHeight, m.imageWrapEl.style.transitionDuration = "0ms"); const a = h.width * s.scale, i = h.height * s.scale; h.minX = Math.min(m.slideWidth / 2 - a / 2, 0), h.maxX = -h.minX, h.minY = Math.min(m.slideHeight / 2 - i / 2, 0), h.maxY = -h.minY, h.touchesCurrent.x = u.length > 0 ? u[0].pageX : e.pageX, h.touchesCurrent.y = u.length > 0 ? u[0].pageY : e.pageY; if (Math.max(Math.abs(h.touchesCurrent.x - h.touchesStart.x), Math.abs(h.touchesCurrent.y - h.touchesStart.y)) > 5 && (t.allowClick = !1), !h.isMoved && !p) { if (t.isHorizontal() && (Math.floor(h.minX) === Math.floor(h.startX) && h.touchesCurrent.x < h.touchesStart.x || Math.floor(h.maxX) === Math.floor(h.startX) && h.touchesCurrent.x > h.touchesStart.x)) return h.isTouched = !1, void P(); if (!t.isHorizontal() && (Math.floor(h.minY) === Math.floor(h.startY) && h.touchesCurrent.y < h.touchesStart.y || Math.floor(h.maxY) === Math.floor(h.startY) && h.touchesCurrent.y > h.touchesStart.y)) return h.isTouched = !1, void P() } e.cancelable && e.preventDefault(), e.stopPropagation(), clearTimeout(v), t.touchEventsData.preventTouchMoveFromPointerMove = !0, v = setTimeout((() => { t.destroyed || P() })), h.isMoved = !0; const r = (s.scale - c) / (m.maxRatio - t.params.zoom.minRatio), { originX: n, originY: l } = m; h.currentX = h.touchesCurrent.x - h.touchesStart.x + h.startX + r * (h.width - 2 * n), h.currentY = h.touchesCurrent.y - h.touchesStart.y + h.startY + r * (h.height - 2 * l), h.currentX < h.minX && (h.currentX = h.minX + 1 - (h.minX - h.currentX + 1) ** .8), h.currentX > h.maxX && (h.currentX = h.maxX - 1 + (h.currentX - h.maxX + 1) ** .8), h.currentY < h.minY && (h.currentY = h.minY + 1 - (h.minY - h.currentY + 1) ** .8), h.currentY > h.maxY && (h.currentY = h.maxY - 1 + (h.currentY - h.maxY + 1) ** .8), g.prevPositionX || (g.prevPositionX = h.touchesCurrent.x), g.prevPositionY || (g.prevPositionY = h.touchesCurrent.y), g.prevTime || (g.prevTime = Date.now()), g.x = (h.touchesCurrent.x - g.prevPositionX) / (Date.now() - g.prevTime) / 2, g.y = (h.touchesCurrent.y - g.prevPositionY) / (Date.now() - g.prevTime) / 2, Math.abs(h.touchesCurrent.x - g.prevPositionX) < 2 && (g.x = 0), Math.abs(h.touchesCurrent.y - g.prevPositionY) < 2 && (g.y = 0), g.prevPositionX = h.touchesCurrent.x, g.prevPositionY = h.touchesCurrent.y, g.prevTime = Date.now(), m.imageWrapEl.style.transform = `translate3d(${h.currentX}px, ${h.currentY}px,0)` } function I() { const e = t.zoom; m.slideEl && t.activeIndex !== t.slides.indexOf(m.slideEl) && (m.imageEl && (m.imageEl.style.transform = "translate3d(0,0,0) scale(1)"), m.imageWrapEl && (m.imageWrapEl.style.transform = "translate3d(0,0,0)"), m.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`), e.scale = 1, c = 1, m.slideEl = void 0, m.imageEl = void 0, m.imageWrapEl = void 0, m.originX = 0, m.originY = 0) } function z(e) { const s = t.zoom, a = t.params.zoom; if (!m.slideEl) { e && e.target && (m.slideEl = e.target.closest(`.${t.params.slideClass}, swiper-slide`)), m.slideEl || (t.params.virtual && t.params.virtual.enabled && t.virtual ? m.slideEl = f(t.slidesEl, `.${t.params.slideActiveClass}`)[0] : m.slideEl = t.slides[t.activeIndex]); let s = m.slideEl.querySelector(`.${a.containerClass}`); s && (s = s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), m.imageEl = s, m.imageWrapEl = s ? E(m.imageEl, `.${a.containerClass}`)[0] : void 0 } if (!m.imageEl || !m.imageWrapEl) return; let i, r, l, o, d, p, u, g, v, b, y, S, T, M, C, P, L, I; t.params.cssMode && (t.wrapperEl.style.overflow = "hidden", t.wrapperEl.style.touchAction = "none"), m.slideEl.classList.add(`${a.zoomedSlideClass}`), void 0 === h.touchesStart.x && e ? (i = e.pageX, r = e.pageY) : (i = h.touchesStart.x, r = h.touchesStart.y); const z = "number" == typeof e ? e : null; 1 === c && z && (i = void 0, r = void 0, h.touchesStart.x = void 0, h.touchesStart.y = void 0); const A = x(); s.scale = z || A, c = z || A, !e || 1 === c && z ? (u = 0, g = 0) : (L = m.slideEl.offsetWidth, I = m.slideEl.offsetHeight, l = w(m.slideEl).left + n.scrollX, o = w(m.slideEl).top + n.scrollY, d = l + L / 2 - i, p = o + I / 2 - r, v = m.imageEl.offsetWidth || m.imageEl.clientWidth, b = m.imageEl.offsetHeight || m.imageEl.clientHeight, y = v * s.scale, S = b * s.scale, T = Math.min(L / 2 - y / 2, 0), M = Math.min(I / 2 - S / 2, 0), C = -T, P = -M, u = d * s.scale, g = p * s.scale, u < T && (u = T), u > C && (u = C), g < M && (g = M), g > P && (g = P)), z && 1 === s.scale && (m.originX = 0, m.originY = 0), m.imageWrapEl.style.transitionDuration = "300ms", m.imageWrapEl.style.transform = `translate3d(${u}px, ${g}px,0)`, m.imageEl.style.transitionDuration = "300ms", m.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})` } function A() { const e = t.zoom, s = t.params.zoom; if (!m.slideEl) { t.params.virtual && t.params.virtual.enabled && t.virtual ? m.slideEl = f(t.slidesEl, `.${t.params.slideActiveClass}`)[0] : m.slideEl = t.slides[t.activeIndex]; let e = m.slideEl.querySelector(`.${s.containerClass}`); e && (e = e.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), m.imageEl = e, m.imageWrapEl = e ? E(m.imageEl, `.${s.containerClass}`)[0] : void 0 } m.imageEl && m.imageWrapEl && (t.params.cssMode && (t.wrapperEl.style.overflow = "", t.wrapperEl.style.touchAction = ""), e.scale = 1, c = 1, h.touchesStart.x = void 0, h.touchesStart.y = void 0, m.imageWrapEl.style.transitionDuration = "300ms", m.imageWrapEl.style.transform = "translate3d(0,0,0)", m.imageEl.style.transitionDuration = "300ms", m.imageEl.style.transform = "translate3d(0,0,0) scale(1)", m.slideEl.classList.remove(`${s.zoomedSlideClass}`), m.slideEl = void 0, m.originX = 0, m.originY = 0) } function $(e) { const s = t.zoom; s.scale && 1 !== s.scale ? A() : z(e) } function k() { return { passiveListener: !!t.params.passiveListeners && { passive: !0, capture: !1 }, activeListenerWithCapture: !t.params.passiveListeners || { passive: !1, capture: !0 } } } function O() { const e = t.zoom; if (e.enabled) return; e.enabled = !0; const { passiveListener: s, activeListenerWithCapture: a } = k(); t.wrapperEl.addEventListener("pointerdown", T, s), t.wrapperEl.addEventListener("pointermove", M, a), ["pointerup", "pointercancel", "pointerout"].forEach((e => { t.wrapperEl.addEventListener(e, C, s) })), t.wrapperEl.addEventListener("pointermove", L, a) } function D() { const e = t.zoom; if (!e.enabled) return; e.enabled = !1; const { passiveListener: s, activeListenerWithCapture: a } = k(); t.wrapperEl.removeEventListener("pointerdown", T, s), t.wrapperEl.removeEventListener("pointermove", M, a), ["pointerup", "pointercancel", "pointerout"].forEach((e => { t.wrapperEl.removeEventListener(e, C, s) })), t.wrapperEl.removeEventListener("pointermove", L, a) } Object.defineProperty(t.zoom, "scale", { get: () => b, set(e) { if (b !== e) { const t = m.imageEl, s = m.slideEl; i("zoomChange", e, t, s) } b = e } }), a("init", (() => { t.params.zoom.enabled && O() })), a("destroy", (() => { D() })), a("touchStart", ((e, s) => { t.zoom.enabled && function (e) { const s = t.device; if (!m.imageEl) return; if (h.isTouched) return; s.android && e.cancelable && e.preventDefault(), h.isTouched = !0; const a = u.length > 0 ? u[0] : e; h.touchesStart.x = a.pageX, h.touchesStart.y = a.pageY }(s) })), a("touchEnd", ((e, s) => { t.zoom.enabled && function () { const e = t.zoom; if (!m.imageEl) return; if (!h.isTouched || !h.isMoved) return h.isTouched = !1, void (h.isMoved = !1); h.isTouched = !1, h.isMoved = !1; let s = 300, a = 300; const i = g.x * s, r = h.currentX + i, n = g.y * a, l = h.currentY + n; 0 !== g.x && (s = Math.abs((r - h.currentX) / g.x)), 0 !== g.y && (a = Math.abs((l - h.currentY) / g.y)); const o = Math.max(s, a); h.currentX = r, h.currentY = l; const d = h.width * e.scale, c = h.height * e.scale; h.minX = Math.min(m.slideWidth / 2 - d / 2, 0), h.maxX = -h.minX, h.minY = Math.min(m.slideHeight / 2 - c / 2, 0), h.maxY = -h.minY, h.currentX = Math.max(Math.min(h.currentX, h.maxX), h.minX), h.currentY = Math.max(Math.min(h.currentY, h.maxY), h.minY), m.imageWrapEl.style.transitionDuration = `${o}ms`, m.imageWrapEl.style.transform = `translate3d(${h.currentX}px, ${h.currentY}px,0)` }() })), a("doubleTap", ((e, s) => { !t.animating && t.params.zoom.enabled && t.zoom.enabled && t.params.zoom.toggle && $(s) })), a("transitionEnd", (() => { t.zoom.enabled && t.params.zoom.enabled && I() })), a("slideChange", (() => { t.zoom.enabled && t.params.zoom.enabled && t.params.cssMode && I() })), Object.assign(t.zoom, { enable: O, disable: D, in: z, out: A, toggle: $ }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; function i(e, t) { const s = function () { let e, t, s; return (a, i) => { for (t = -1, e = a.length; e - t > 1;)s = e + t >> 1, a[s] <= i ? t = s : e = s; return e } }(); let a, i; return this.x = e, this.y = t, this.lastIndex = e.length - 1, this.interpolate = function (e) { return e ? (i = s(this.x, e), a = i - 1, (e - this.x[a]) * (this.y[i] - this.y[a]) / (this.x[i] - this.x[a]) + this.y[a]) : 0 }, this } function r() { t.controller.control && t.controller.spline && (t.controller.spline = void 0, delete t.controller.spline) } s({ controller: { control: void 0, inverse: !1, by: "slide" } }), t.controller = { control: void 0 }, a("beforeInit", (() => { if ("undefined" != typeof window && ("string" == typeof t.params.controller.control || t.params.controller.control instanceof HTMLElement)) { ("string" == typeof t.params.controller.control ? [...document.querySelectorAll(t.params.controller.control)] : [t.params.controller.control]).forEach((e => { if (t.controller.control || (t.controller.control = []), e && e.swiper) t.controller.control.push(e.swiper); else if (e) { const s = `${t.params.eventsPrefix}init`, a = i => { t.controller.control.push(i.detail[0]), t.update(), e.removeEventListener(s, a) }; e.addEventListener(s, a) } })) } else t.controller.control = t.params.controller.control })), a("update", (() => { r() })), a("resize", (() => { r() })), a("observerUpdate", (() => { r() })), a("setTranslate", ((e, s, a) => { t.controller.control && !t.controller.control.destroyed && t.controller.setTranslate(s, a) })), a("setTransition", ((e, s, a) => { t.controller.control && !t.controller.control.destroyed && t.controller.setTransition(s, a) })), Object.assign(t.controller, { setTranslate: function (e, s) { const a = t.controller.control; let r, n; const l = t.constructor; function o(e) { if (e.destroyed) return; const s = t.rtlTranslate ? -t.translate : t.translate; "slide" === t.params.controller.by && (!function (e) { t.controller.spline = t.params.loop ? new i(t.slidesGrid, e.slidesGrid) : new i(t.snapGrid, e.snapGrid) }(e), n = -t.controller.spline.interpolate(-s)), n && "container" !== t.params.controller.by || (r = (e.maxTranslate() - e.minTranslate()) / (t.maxTranslate() - t.minTranslate()), !Number.isNaN(r) && Number.isFinite(r) || (r = 1), n = (s - t.minTranslate()) * r + e.minTranslate()), t.params.controller.inverse && (n = e.maxTranslate() - n), e.updateProgress(n), e.setTranslate(n, t), e.updateActiveIndex(), e.updateSlidesClasses() } if (Array.isArray(a)) for (let e = 0; e < a.length; e += 1)a[e] !== s && a[e] instanceof l && o(a[e]); else a instanceof l && s !== a && o(a) }, setTransition: function (e, s) { const a = t.constructor, i = t.controller.control; let r; function n(s) { s.destroyed || (s.setTransition(e, t), 0 !== e && (s.transitionStart(), s.params.autoHeight && l((() => { s.updateAutoHeight() })), x(s.wrapperEl, (() => { i && s.transitionEnd() })))) } if (Array.isArray(i)) for (r = 0; r < i.length; r += 1)i[r] !== s && i[r] instanceof a && n(i[r]); else i instanceof a && s !== i && n(i) } }) }, function (e) { let { swiper: t, extendParams: s, on: i } = e; s({ a11y: { enabled: !0, notificationClass: "swiper-notification", prevSlideMessage: "Previous slide", nextSlideMessage: "Next slide", firstSlideMessage: "This is the first slide", lastSlideMessage: "This is the last slide", paginationBulletMessage: "Go to slide {{index}}", slideLabelMessage: "{{index}} / {{slidesLength}}", containerMessage: null, containerRoleDescriptionMessage: null, containerRole: null, itemRoleDescriptionMessage: null, slideRole: "group", id: null, scrollOnFocus: !0 } }), t.a11y = { clicked: !1 }; let r, n, l = null, o = (new Date).getTime(); function d(e) { const t = l; 0 !== t.length && (t.innerHTML = "", t.innerHTML = e) } function c(e) { (e = T(e)).forEach((e => { e.setAttribute("tabIndex", "0") })) } function p(e) { (e = T(e)).forEach((e => { e.setAttribute("tabIndex", "-1") })) } function u(e, t) { (e = T(e)).forEach((e => { e.setAttribute("role", t) })) } function m(e, t) { (e = T(e)).forEach((e => { e.setAttribute("aria-roledescription", t) })) } function h(e, t) { (e = T(e)).forEach((e => { e.setAttribute("aria-label", t) })) } function f(e) { (e = T(e)).forEach((e => { e.setAttribute("aria-disabled", !0) })) } function g(e) { (e = T(e)).forEach((e => { e.setAttribute("aria-disabled", !1) })) } function w(e) { if (13 !== e.keyCode && 32 !== e.keyCode) return; const s = t.params.a11y, a = e.target; if (!t.pagination || !t.pagination.el || a !== t.pagination.el && !t.pagination.el.contains(e.target) || e.target.matches(ne(t.params.pagination.bulletClass))) { if (t.navigation && t.navigation.prevEl && t.navigation.nextEl) { const e = T(t.navigation.prevEl); T(t.navigation.nextEl).includes(a) && (t.isEnd && !t.params.loop || t.slideNext(), t.isEnd ? d(s.lastSlideMessage) : d(s.nextSlideMessage)), e.includes(a) && (t.isBeginning && !t.params.loop || t.slidePrev(), t.isBeginning ? d(s.firstSlideMessage) : d(s.prevSlideMessage)) } t.pagination && a.matches(ne(t.params.pagination.bulletClass)) && a.click() } } function b() { return t.pagination && t.pagination.bullets && t.pagination.bullets.length } function E() { return b() && t.params.pagination.clickable } const x = (e, t, s) => { c(e), "BUTTON" !== e.tagName && (u(e, "button"), e.addEventListener("keydown", w)), h(e, s), function (e, t) { (e = T(e)).forEach((e => { e.setAttribute("aria-controls", t) })) }(e, t) }, S = e => { n && n !== e.target && !n.contains(e.target) && (r = !0), t.a11y.clicked = !0 }, M = () => { r = !1, requestAnimationFrame((() => { requestAnimationFrame((() => { t.destroyed || (t.a11y.clicked = !1) })) })) }, C = e => { o = (new Date).getTime() }, P = e => { if (t.a11y.clicked || !t.params.a11y.scrollOnFocus) return; if ((new Date).getTime() - o < 100) return; const s = e.target.closest(`.${t.params.slideClass}, swiper-slide`); if (!s || !t.slides.includes(s)) return; n = s; const a = t.slides.indexOf(s) === t.activeIndex, i = t.params.watchSlidesProgress && t.visibleSlides && t.visibleSlides.includes(s); a || i || e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents || (t.isHorizontal() ? t.el.scrollLeft = 0 : t.el.scrollTop = 0, requestAnimationFrame((() => { r || (t.params.loop ? t.slideToLoop(parseInt(s.getAttribute("data-swiper-slide-index")), 0) : t.slideTo(t.slides.indexOf(s), 0), r = !1) }))) }, L = () => { const e = t.params.a11y; e.itemRoleDescriptionMessage && m(t.slides, e.itemRoleDescriptionMessage), e.slideRole && u(t.slides, e.slideRole); const s = t.slides.length; e.slideLabelMessage && t.slides.forEach(((a, i) => { const r = t.params.loop ? parseInt(a.getAttribute("data-swiper-slide-index"), 10) : i; h(a, e.slideLabelMessage.replace(/\{\{index\}\}/, r + 1).replace(/\{\{slidesLength\}\}/, s)) })) }, I = () => { const e = t.params.a11y; t.el.append(l); const s = t.el; e.containerRoleDescriptionMessage && m(s, e.containerRoleDescriptionMessage), e.containerMessage && h(s, e.containerMessage), e.containerRole && u(s, e.containerRole); const i = t.wrapperEl, r = e.id || i.getAttribute("id") || `swiper-wrapper-${n = 16, void 0 === n && (n = 16), "x".repeat(n).replace(/x/g, (() => Math.round(16 * Math.random()).toString(16)))}`; var n; const o = t.params.autoplay && t.params.autoplay.enabled ? "off" : "polite"; var d; d = r, T(i).forEach((e => { e.setAttribute("id", d) })), function (e, t) { (e = T(e)).forEach((e => { e.setAttribute("aria-live", t) })) }(i, o), L(); let { nextEl: c, prevEl: p } = t.navigation ? t.navigation : {}; if (c = T(c), p = T(p), c && c.forEach((t => x(t, r, e.nextSlideMessage))), p && p.forEach((t => x(t, r, e.prevSlideMessage))), E()) { T(t.pagination.el).forEach((e => { e.addEventListener("keydown", w) })) } a().addEventListener("visibilitychange", C), t.el.addEventListener("focus", P, !0), t.el.addEventListener("focus", P, !0), t.el.addEventListener("pointerdown", S, !0), t.el.addEventListener("pointerup", M, !0) }; i("beforeInit", (() => { l = v("span", t.params.a11y.notificationClass), l.setAttribute("aria-live", "assertive"), l.setAttribute("aria-atomic", "true") })), i("afterInit", (() => { t.params.a11y.enabled && I() })), i("slidesLengthChange snapGridLengthChange slidesGridLengthChange", (() => { t.params.a11y.enabled && L() })), i("fromEdge toEdge afterInit lock unlock", (() => { t.params.a11y.enabled && function () { if (t.params.loop || t.params.rewind || !t.navigation) return; const { nextEl: e, prevEl: s } = t.navigation; s && (t.isBeginning ? (f(s), p(s)) : (g(s), c(s))), e && (t.isEnd ? (f(e), p(e)) : (g(e), c(e))) }() })), i("paginationUpdate", (() => { t.params.a11y.enabled && function () { const e = t.params.a11y; b() && t.pagination.bullets.forEach((s => { t.params.pagination.clickable && (c(s), t.params.pagination.renderBullet || (u(s, "button"), h(s, e.paginationBulletMessage.replace(/\{\{index\}\}/, y(s) + 1)))), s.matches(ne(t.params.pagination.bulletActiveClass)) ? s.setAttribute("aria-current", "true") : s.removeAttribute("aria-current") })) }() })), i("destroy", (() => { t.params.a11y.enabled && function () { l && l.remove(); let { nextEl: e, prevEl: s } = t.navigation ? t.navigation : {}; e = T(e), s = T(s), e && e.forEach((e => e.removeEventListener("keydown", w))), s && s.forEach((e => e.removeEventListener("keydown", w))), E() && T(t.pagination.el).forEach((e => { e.removeEventListener("keydown", w) })); a().removeEventListener("visibilitychange", C), t.el && "string" != typeof t.el && (t.el.removeEventListener("focus", P, !0), t.el.removeEventListener("pointerdown", S, !0), t.el.removeEventListener("pointerup", M, !0)) }() })) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ history: { enabled: !1, root: "", replaceState: !1, key: "slides", keepQuery: !1 } }); let i = !1, n = {}; const l = e => e.toString().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, ""), o = e => { const t = r(); let s; s = e ? new URL(e) : t.location; const a = s.pathname.slice(1).split("/").filter((e => "" !== e)), i = a.length; return { key: a[i - 2], value: a[i - 1] } }, d = (e, s) => { const a = r(); if (!i || !t.params.history.enabled) return; let n; n = t.params.url ? new URL(t.params.url) : a.location; const o = t.virtual && t.params.virtual.enabled ? t.slidesEl.querySelector(`[data-swiper-slide-index="${s}"]`) : t.slides[s]; let d = l(o.getAttribute("data-history")); if (t.params.history.root.length > 0) { let s = t.params.history.root; "/" === s[s.length - 1] && (s = s.slice(0, s.length - 1)), d = `${s}/${e ? `${e}/` : ""}${d}` } else n.pathname.includes(e) || (d = `${e ? `${e}/` : ""}${d}`); t.params.history.keepQuery && (d += n.search); const c = a.history.state; c && c.value === d || (t.params.history.replaceState ? a.history.replaceState({ value: d }, null, d) : a.history.pushState({ value: d }, null, d)) }, c = (e, s, a) => { if (s) for (let i = 0, r = t.slides.length; i < r; i += 1) { const r = t.slides[i]; if (l(r.getAttribute("data-history")) === s) { const s = t.getSlideIndex(r); t.slideTo(s, e, a) } } else t.slideTo(0, e, a) }, p = () => { n = o(t.params.url), c(t.params.speed, n.value, !1) }; a("init", (() => { t.params.history.enabled && (() => { const e = r(); if (t.params.history) { if (!e.history || !e.history.pushState) return t.params.history.enabled = !1, void (t.params.hashNavigation.enabled = !0); i = !0, n = o(t.params.url), n.key || n.value ? (c(0, n.value, t.params.runCallbacksOnInit), t.params.history.replaceState || e.addEventListener("popstate", p)) : t.params.history.replaceState || e.addEventListener("popstate", p) } })() })), a("destroy", (() => { t.params.history.enabled && (() => { const e = r(); t.params.history.replaceState || e.removeEventListener("popstate", p) })() })), a("transitionEnd _freeModeNoMomentumRelease", (() => { i && d(t.params.history.key, t.activeIndex) })), a("slideChange", (() => { i && t.params.cssMode && d(t.params.history.key, t.activeIndex) })) }, function (e) { let { swiper: t, extendParams: s, emit: i, on: n } = e, l = !1; const o = a(), d = r(); s({ hashNavigation: { enabled: !1, replaceState: !1, watchState: !1, getSlideIndex(e, s) { if (t.virtual && t.params.virtual.enabled) { const e = t.slides.filter((e => e.getAttribute("data-hash") === s))[0]; if (!e) return 0; return parseInt(e.getAttribute("data-swiper-slide-index"), 10) } return t.getSlideIndex(f(t.slidesEl, `.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`)[0]) } } }); const c = () => { i("hashChange"); const e = o.location.hash.replace("#", ""), s = t.virtual && t.params.virtual.enabled ? t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`) : t.slides[t.activeIndex]; if (e !== (s ? s.getAttribute("data-hash") : "")) { const s = t.params.hashNavigation.getSlideIndex(t, e); if (void 0 === s || Number.isNaN(s)) return; t.slideTo(s) } }, p = () => { if (!l || !t.params.hashNavigation.enabled) return; const e = t.virtual && t.params.virtual.enabled ? t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`) : t.slides[t.activeIndex], s = e ? e.getAttribute("data-hash") || e.getAttribute("data-history") : ""; t.params.hashNavigation.replaceState && d.history && d.history.replaceState ? (d.history.replaceState(null, null, `#${s}` || ""), i("hashSet")) : (o.location.hash = s || "", i("hashSet")) }; n("init", (() => { t.params.hashNavigation.enabled && (() => { if (!t.params.hashNavigation.enabled || t.params.history && t.params.history.enabled) return; l = !0; const e = o.location.hash.replace("#", ""); if (e) { const s = 0, a = t.params.hashNavigation.getSlideIndex(t, e); t.slideTo(a || 0, s, t.params.runCallbacksOnInit, !0) } t.params.hashNavigation.watchState && d.addEventListener("hashchange", c) })() })), n("destroy", (() => { t.params.hashNavigation.enabled && t.params.hashNavigation.watchState && d.removeEventListener("hashchange", c) })), n("transitionEnd _freeModeNoMomentumRelease", (() => { l && p() })), n("slideChange", (() => { l && t.params.cssMode && p() })) }, function (e) { let t, s, { swiper: i, extendParams: r, on: n, emit: l, params: o } = e; i.autoplay = { running: !1, paused: !1, timeLeft: 0 }, r({ autoplay: { enabled: !1, delay: 3e3, waitForTransition: !0, disableOnInteraction: !1, stopOnLastSlide: !1, reverseDirection: !1, pauseOnMouseEnter: !1 } }); let d, c, p, u, m, h, f, g, v = o && o.autoplay ? o.autoplay.delay : 3e3, w = o && o.autoplay ? o.autoplay.delay : 3e3, b = (new Date).getTime(); function y(e) { i && !i.destroyed && i.wrapperEl && e.target === i.wrapperEl && (i.wrapperEl.removeEventListener("transitionend", y), g || e.detail && e.detail.bySwiperTouchMove || C()) } const E = () => { if (i.destroyed || !i.autoplay.running) return; i.autoplay.paused ? c = !0 : c && (w = d, c = !1); const e = i.autoplay.paused ? d : b + w - (new Date).getTime(); i.autoplay.timeLeft = e, l("autoplayTimeLeft", e, e / v), s = requestAnimationFrame((() => { E() })) }, x = e => { if (i.destroyed || !i.autoplay.running) return; cancelAnimationFrame(s), E(); let a = void 0 === e ? i.params.autoplay.delay : e; v = i.params.autoplay.delay, w = i.params.autoplay.delay; const r = (() => { let e; if (e = i.virtual && i.params.virtual.enabled ? i.slides.filter((e => e.classList.contains("swiper-slide-active")))[0] : i.slides[i.activeIndex], !e) return; return parseInt(e.getAttribute("data-swiper-autoplay"), 10) })(); !Number.isNaN(r) && r > 0 && void 0 === e && (a = r, v = r, w = r), d = a; const n = i.params.speed, o = () => { i && !i.destroyed && (i.params.autoplay.reverseDirection ? !i.isBeginning || i.params.loop || i.params.rewind ? (i.slidePrev(n, !0, !0), l("autoplay")) : i.params.autoplay.stopOnLastSlide || (i.slideTo(i.slides.length - 1, n, !0, !0), l("autoplay")) : !i.isEnd || i.params.loop || i.params.rewind ? (i.slideNext(n, !0, !0), l("autoplay")) : i.params.autoplay.stopOnLastSlide || (i.slideTo(0, n, !0, !0), l("autoplay")), i.params.cssMode && (b = (new Date).getTime(), requestAnimationFrame((() => { x() })))) }; return a > 0 ? (clearTimeout(t), t = setTimeout((() => { o() }), a)) : requestAnimationFrame((() => { o() })), a }, S = () => { b = (new Date).getTime(), i.autoplay.running = !0, x(), l("autoplayStart") }, T = () => { i.autoplay.running = !1, clearTimeout(t), cancelAnimationFrame(s), l("autoplayStop") }, M = (e, s) => { if (i.destroyed || !i.autoplay.running) return; clearTimeout(t), e || (f = !0); const a = () => { l("autoplayPause"), i.params.autoplay.waitForTransition ? i.wrapperEl.addEventListener("transitionend", y) : C() }; if (i.autoplay.paused = !0, s) return h && (d = i.params.autoplay.delay), h = !1, void a(); const r = d || i.params.autoplay.delay; d = r - ((new Date).getTime() - b), i.isEnd && d < 0 && !i.params.loop || (d < 0 && (d = 0), a()) }, C = () => { i.isEnd && d < 0 && !i.params.loop || i.destroyed || !i.autoplay.running || (b = (new Date).getTime(), f ? (f = !1, x(d)) : x(), i.autoplay.paused = !1, l("autoplayResume")) }, P = () => { if (i.destroyed || !i.autoplay.running) return; const e = a(); "hidden" === e.visibilityState && (f = !0, M(!0)), "visible" === e.visibilityState && C() }, L = e => { "mouse" === e.pointerType && (f = !0, g = !0, i.animating || i.autoplay.paused || M(!0)) }, I = e => { "mouse" === e.pointerType && (g = !1, i.autoplay.paused && C()) }; n("init", (() => { i.params.autoplay.enabled && (i.params.autoplay.pauseOnMouseEnter && (i.el.addEventListener("pointerenter", L), i.el.addEventListener("pointerleave", I)), a().addEventListener("visibilitychange", P), S()) })), n("destroy", (() => { i.el && "string" != typeof i.el && (i.el.removeEventListener("pointerenter", L), i.el.removeEventListener("pointerleave", I)), a().removeEventListener("visibilitychange", P), i.autoplay.running && T() })), n("_freeModeStaticRelease", (() => { (u || f) && C() })), n("_freeModeNoMomentumRelease", (() => { i.params.autoplay.disableOnInteraction ? T() : M(!0, !0) })), n("beforeTransitionStart", ((e, t, s) => { !i.destroyed && i.autoplay.running && (s || !i.params.autoplay.disableOnInteraction ? M(!0, !0) : T()) })), n("sliderFirstMove", (() => { !i.destroyed && i.autoplay.running && (i.params.autoplay.disableOnInteraction ? T() : (p = !0, u = !1, f = !1, m = setTimeout((() => { f = !0, u = !0, M(!0) }), 200))) })), n("touchEnd", (() => { if (!i.destroyed && i.autoplay.running && p) { if (clearTimeout(m), clearTimeout(t), i.params.autoplay.disableOnInteraction) return u = !1, void (p = !1); u && i.params.cssMode && C(), u = !1, p = !1 } })), n("slideChange", (() => { !i.destroyed && i.autoplay.running && (h = !0) })), Object.assign(i.autoplay, { start: S, stop: T, pause: M, resume: C }) }, function (e) { let { swiper: t, extendParams: s, on: i } = e; s({ thumbs: { swiper: null, multipleActiveThumbs: !0, autoScrollOffset: 0, slideThumbActiveClass: "swiper-slide-thumb-active", thumbsContainerClass: "swiper-thumbs" } }); let r = !1, n = !1; function l() { const e = t.thumbs.swiper; if (!e || e.destroyed) return; const s = e.clickedIndex, a = e.clickedSlide; if (a && a.classList.contains(t.params.thumbs.slideThumbActiveClass)) return; if (null == s) return; let i; i = e.params.loop ? parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10) : s, t.params.loop ? t.slideToLoop(i) : t.slideTo(i) } function o() { const { thumbs: e } = t.params; if (r) return !1; r = !0; const s = t.constructor; if (e.swiper instanceof s) t.thumbs.swiper = e.swiper, Object.assign(t.thumbs.swiper.originalParams, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), Object.assign(t.thumbs.swiper.params, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), t.thumbs.swiper.update(); else if (c(e.swiper)) { const a = Object.assign({}, e.swiper); Object.assign(a, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), t.thumbs.swiper = new s(a), n = !0 } return t.thumbs.swiper.el.classList.add(t.params.thumbs.thumbsContainerClass), t.thumbs.swiper.on("tap", l), !0 } function d(e) { const s = t.thumbs.swiper; if (!s || s.destroyed) return; const a = "auto" === s.params.slidesPerView ? s.slidesPerViewDynamic() : s.params.slidesPerView; let i = 1; const r = t.params.thumbs.slideThumbActiveClass; if (t.params.slidesPerView > 1 && !t.params.centeredSlides && (i = t.params.slidesPerView), t.params.thumbs.multipleActiveThumbs || (i = 1), i = Math.floor(i), s.slides.forEach((e => e.classList.remove(r))), s.params.loop || s.params.virtual && s.params.virtual.enabled) for (let e = 0; e < i; e += 1)f(s.slidesEl, `[data-swiper-slide-index="${t.realIndex + e}"]`).forEach((e => { e.classList.add(r) })); else for (let e = 0; e < i; e += 1)s.slides[t.realIndex + e] && s.slides[t.realIndex + e].classList.add(r); const n = t.params.thumbs.autoScrollOffset, l = n && !s.params.loop; if (t.realIndex !== s.realIndex || l) { const i = s.activeIndex; let r, o; if (s.params.loop) { const e = s.slides.filter((e => e.getAttribute("data-swiper-slide-index") === `${t.realIndex}`))[0]; r = s.slides.indexOf(e), o = t.activeIndex > t.previousIndex ? "next" : "prev" } else r = t.realIndex, o = r > t.previousIndex ? "next" : "prev"; l && (r += "next" === o ? n : -1 * n), s.visibleSlidesIndexes && s.visibleSlidesIndexes.indexOf(r) < 0 && (s.params.centeredSlides ? r = r > i ? r - Math.floor(a / 2) + 1 : r + Math.floor(a / 2) - 1 : r > i && s.params.slidesPerGroup, s.slideTo(r, e ? 0 : void 0)) } } t.thumbs = { swiper: null }, i("beforeInit", (() => { const { thumbs: e } = t.params; if (e && e.swiper) if ("string" == typeof e.swiper || e.swiper instanceof HTMLElement) { const s = a(), i = () => { const a = "string" == typeof e.swiper ? s.querySelector(e.swiper) : e.swiper; if (a && a.swiper) e.swiper = a.swiper, o(), d(!0); else if (a) { const s = `${t.params.eventsPrefix}init`, i = r => { e.swiper = r.detail[0], a.removeEventListener(s, i), o(), d(!0), e.swiper.update(), t.update() }; a.addEventListener(s, i) } return a }, r = () => { if (t.destroyed) return; i() || requestAnimationFrame(r) }; requestAnimationFrame(r) } else o(), d(!0) })), i("slideChange update resize observerUpdate", (() => { d() })), i("setTransition", ((e, s) => { const a = t.thumbs.swiper; a && !a.destroyed && a.setTransition(s) })), i("beforeDestroy", (() => { const e = t.thumbs.swiper; e && !e.destroyed && n && e.destroy() })), Object.assign(t.thumbs, { init: o, update: d }) }, function (e) { let { swiper: t, extendParams: s, emit: a, once: i } = e; s({ freeMode: { enabled: !1, momentum: !0, momentumRatio: 1, momentumBounce: !0, momentumBounceRatio: 1, momentumVelocityRatio: 1, sticky: !1, minimumVelocity: .02 } }), Object.assign(t, { freeMode: { onTouchStart: function () { if (t.params.cssMode) return; const e = t.getTranslate(); t.setTranslate(e), t.setTransition(0), t.touchEventsData.velocities.length = 0, t.freeMode.onTouchEnd({ currentPos: t.rtl ? t.translate : -t.translate }) }, onTouchMove: function () { if (t.params.cssMode) return; const { touchEventsData: e, touches: s } = t; 0 === e.velocities.length && e.velocities.push({ position: s[t.isHorizontal() ? "startX" : "startY"], time: e.touchStartTime }), e.velocities.push({ position: s[t.isHorizontal() ? "currentX" : "currentY"], time: o() }) }, onTouchEnd: function (e) { let { currentPos: s } = e; if (t.params.cssMode) return; const { params: r, wrapperEl: n, rtlTranslate: l, snapGrid: d, touchEventsData: c } = t, p = o() - c.touchStartTime; if (s < -t.minTranslate()) t.slideTo(t.activeIndex); else if (s > -t.maxTranslate()) t.slides.length < d.length ? t.slideTo(d.length - 1) : t.slideTo(t.slides.length - 1); else { if (r.freeMode.momentum) { if (c.velocities.length > 1) { const e = c.velocities.pop(), s = c.velocities.pop(), a = e.position - s.position, i = e.time - s.time; t.velocity = a / i, t.velocity /= 2, Math.abs(t.velocity) < r.freeMode.minimumVelocity && (t.velocity = 0), (i > 150 || o() - e.time > 300) && (t.velocity = 0) } else t.velocity = 0; t.velocity *= r.freeMode.momentumVelocityRatio, c.velocities.length = 0; let e = 1e3 * r.freeMode.momentumRatio; const s = t.velocity * e; let p = t.translate + s; l && (p = -p); let u, m = !1; const h = 20 * Math.abs(t.velocity) * r.freeMode.momentumBounceRatio; let f; if (p < t.maxTranslate()) r.freeMode.momentumBounce ? (p + t.maxTranslate() < -h && (p = t.maxTranslate() - h), u = t.maxTranslate(), m = !0, c.allowMomentumBounce = !0) : p = t.maxTranslate(), r.loop && r.centeredSlides && (f = !0); else if (p > t.minTranslate()) r.freeMode.momentumBounce ? (p - t.minTranslate() > h && (p = t.minTranslate() + h), u = t.minTranslate(), m = !0, c.allowMomentumBounce = !0) : p = t.minTranslate(), r.loop && r.centeredSlides && (f = !0); else if (r.freeMode.sticky) { let e; for (let t = 0; t < d.length; t += 1)if (d[t] > -p) { e = t; break } p = Math.abs(d[e] - p) < Math.abs(d[e - 1] - p) || "next" === t.swipeDirection ? d[e] : d[e - 1], p = -p } if (f && i("transitionEnd", (() => { t.loopFix() })), 0 !== t.velocity) { if (e = l ? Math.abs((-p - t.translate) / t.velocity) : Math.abs((p - t.translate) / t.velocity), r.freeMode.sticky) { const s = Math.abs((l ? -p : p) - t.translate), a = t.slidesSizesGrid[t.activeIndex]; e = s < a ? r.speed : s < 2 * a ? 1.5 * r.speed : 2.5 * r.speed } } else if (r.freeMode.sticky) return void t.slideToClosest(); r.freeMode.momentumBounce && m ? (t.updateProgress(u), t.setTransition(e), t.setTranslate(p), t.transitionStart(!0, t.swipeDirection), t.animating = !0, x(n, (() => { t && !t.destroyed && c.allowMomentumBounce && (a("momentumBounce"), t.setTransition(r.speed), setTimeout((() => { t.setTranslate(u), x(n, (() => { t && !t.destroyed && t.transitionEnd() })) }), 0)) }))) : t.velocity ? (a("_freeModeNoMomentumRelease"), t.updateProgress(p), t.setTransition(e), t.setTranslate(p), t.transitionStart(!0, t.swipeDirection), t.animating || (t.animating = !0, x(n, (() => { t && !t.destroyed && t.transitionEnd() })))) : t.updateProgress(p), t.updateActiveIndex(), t.updateSlidesClasses() } else { if (r.freeMode.sticky) return void t.slideToClosest(); r.freeMode && a("_freeModeNoMomentumRelease") } (!r.freeMode.momentum || p >= r.longSwipesMs) && (a("_freeModeStaticRelease"), t.updateProgress(), t.updateActiveIndex(), t.updateSlidesClasses()) } } } }) }, function (e) { let t, s, a, i, { swiper: r, extendParams: n, on: l } = e; n({ grid: { rows: 1, fill: "column" } }); const o = () => { let e = r.params.spaceBetween; return "string" == typeof e && e.indexOf("%") >= 0 ? e = parseFloat(e.replace("%", "")) / 100 * r.size : "string" == typeof e && (e = parseFloat(e)), e }; l("init", (() => { i = r.params.grid && r.params.grid.rows > 1 })), l("update", (() => { const { params: e, el: t } = r, s = e.grid && e.grid.rows > 1; i && !s ? (t.classList.remove(`${e.containerModifierClass}grid`, `${e.containerModifierClass}grid-column`), a = 1, r.emitContainerClasses()) : !i && s && (t.classList.add(`${e.containerModifierClass}grid`), "column" === e.grid.fill && t.classList.add(`${e.containerModifierClass}grid-column`), r.emitContainerClasses()), i = s })), r.grid = { initSlides: e => { const { slidesPerView: i } = r.params, { rows: n, fill: l } = r.params.grid, o = r.virtual && r.params.virtual.enabled ? r.virtual.slides.length : e.length; a = Math.floor(o / n), t = Math.floor(o / n) === o / n ? o : Math.ceil(o / n) * n, "auto" !== i && "row" === l && (t = Math.max(t, i * n)), s = t / n }, unsetSlides: () => { r.slides && r.slides.forEach((e => { e.swiperSlideGridSet && (e.style.height = "", e.style[r.getDirectionLabel("margin-top")] = "") })) }, updateSlide: (e, i, n) => { const { slidesPerGroup: l } = r.params, d = o(), { rows: c, fill: p } = r.params.grid, u = r.virtual && r.params.virtual.enabled ? r.virtual.slides.length : n.length; let m, h, f; if ("row" === p && l > 1) { const s = Math.floor(e / (l * c)), a = e - c * l * s, r = 0 === s ? l : Math.min(Math.ceil((u - s * c * l) / c), l); f = Math.floor(a / r), h = a - f * r + s * l, m = h + f * t / c, i.style.order = m } else "column" === p ? (h = Math.floor(e / c), f = e - h * c, (h > a || h === a && f === c - 1) && (f += 1, f >= c && (f = 0, h += 1))) : (f = Math.floor(e / s), h = e - f * s); i.row = f, i.column = h, i.style.height = `calc((100% - ${(c - 1) * d}px) / ${c})`, i.style[r.getDirectionLabel("margin-top")] = 0 !== f ? d && `${d}px` : "", i.swiperSlideGridSet = !0 }, updateWrapperSize: (e, s) => { const { centeredSlides: a, roundLengths: i } = r.params, n = o(), { rows: l } = r.params.grid; if (r.virtualSize = (e + n) * t, r.virtualSize = Math.ceil(r.virtualSize / l) - n, r.params.cssMode || (r.wrapperEl.style[r.getDirectionLabel("width")] = `${r.virtualSize + n}px`), a) { const e = []; for (let t = 0; t < s.length; t += 1) { let a = s[t]; i && (a = Math.floor(a)), s[t] < r.virtualSize + s[0] && e.push(a) } s.splice(0, s.length), s.push(...e) } } } }, function (e) { let { swiper: t } = e; Object.assign(t, { appendSlide: le.bind(t), prependSlide: oe.bind(t), addSlide: de.bind(t), removeSlide: ce.bind(t), removeAllSlides: pe.bind(t) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ fadeEffect: { crossFade: !1 } }), ue({ effect: "fade", swiper: t, on: a, setTranslate: () => { const { slides: e } = t; t.params.fadeEffect; for (let s = 0; s < e.length; s += 1) { const e = t.slides[s]; let a = -e.swiperSlideOffset; t.params.virtualTranslate || (a -= t.translate); let i = 0; t.isHorizontal() || (i = a, a = 0); const r = t.params.fadeEffect.crossFade ? Math.max(1 - Math.abs(e.progress), 0) : 1 + Math.min(Math.max(e.progress, -1), 0), n = me(0, e); n.style.opacity = r, n.style.transform = `translate3d(${a}px, ${i}px, 0px)` } }, setTransition: e => { const s = t.slides.map((e => h(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms` })), he({ swiper: t, duration: e, transformElements: s, allSlides: !0 }) }, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !t.params.cssMode }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ cubeEffect: { slideShadows: !0, shadow: !0, shadowOffset: 20, shadowScale: .94 } }); const i = (e, t, s) => { let a = s ? e.querySelector(".swiper-slide-shadow-left") : e.querySelector(".swiper-slide-shadow-top"), i = s ? e.querySelector(".swiper-slide-shadow-right") : e.querySelector(".swiper-slide-shadow-bottom"); a || (a = v("div", ("swiper-slide-shadow-cube swiper-slide-shadow-" + (s ? "left" : "top")).split(" ")), e.append(a)), i || (i = v("div", ("swiper-slide-shadow-cube swiper-slide-shadow-" + (s ? "right" : "bottom")).split(" ")), e.append(i)), a && (a.style.opacity = Math.max(-t, 0)), i && (i.style.opacity = Math.max(t, 0)) }; ue({ effect: "cube", swiper: t, on: a, setTranslate: () => { const { el: e, wrapperEl: s, slides: a, width: r, height: n, rtlTranslate: l, size: o, browser: d } = t, c = M(t), p = t.params.cubeEffect, u = t.isHorizontal(), m = t.virtual && t.params.virtual.enabled; let h, f = 0; p.shadow && (u ? (h = t.wrapperEl.querySelector(".swiper-cube-shadow"), h || (h = v("div", "swiper-cube-shadow"), t.wrapperEl.append(h)), h.style.height = `${r}px`) : (h = e.querySelector(".swiper-cube-shadow"), h || (h = v("div", "swiper-cube-shadow"), e.append(h)))); for (let e = 0; e < a.length; e += 1) { const t = a[e]; let s = e; m && (s = parseInt(t.getAttribute("data-swiper-slide-index"), 10)); let r = 90 * s, n = Math.floor(r / 360); l && (r = -r, n = Math.floor(-r / 360)); const d = Math.max(Math.min(t.progress, 1), -1); let h = 0, g = 0, v = 0; s % 4 == 0 ? (h = 4 * -n * o, v = 0) : (s - 1) % 4 == 0 ? (h = 0, v = 4 * -n * o) : (s - 2) % 4 == 0 ? (h = o + 4 * n * o, v = o) : (s - 3) % 4 == 0 && (h = -o, v = 3 * o + 4 * o * n), l && (h = -h), u || (g = h, h = 0); const w = `rotateX(${c(u ? 0 : -r)}deg) rotateY(${c(u ? r : 0)}deg) translate3d(${h}px, ${g}px, ${v}px)`; d <= 1 && d > -1 && (f = 90 * s + 90 * d, l && (f = 90 * -s - 90 * d)), t.style.transform = w, p.slideShadows && i(t, d, u) } if (s.style.transformOrigin = `50% 50% -${o / 2}px`, s.style["-webkit-transform-origin"] = `50% 50% -${o / 2}px`, p.shadow) if (u) h.style.transform = `translate3d(0px, ${r / 2 + p.shadowOffset}px, ${-r / 2}px) rotateX(89.99deg) rotateZ(0deg) scale(${p.shadowScale})`; else { const e = Math.abs(f) - 90 * Math.floor(Math.abs(f) / 90), t = 1.5 - (Math.sin(2 * e * Math.PI / 360) / 2 + Math.cos(2 * e * Math.PI / 360) / 2), s = p.shadowScale, a = p.shadowScale / t, i = p.shadowOffset; h.style.transform = `scale3d(${s}, 1, ${a}) translate3d(0px, ${n / 2 + i}px, ${-n / 2 / a}px) rotateX(-89.99deg)` } const g = (d.isSafari || d.isWebView) && d.needPerspectiveFix ? -o / 2 : 0; s.style.transform = `translate3d(0px,0,${g}px) rotateX(${c(t.isHorizontal() ? 0 : f)}deg) rotateY(${c(t.isHorizontal() ? -f : 0)}deg)`, s.style.setProperty("--swiper-cube-translate-z", `${g}px`) }, setTransition: e => { const { el: s, slides: a } = t; if (a.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), t.params.cubeEffect.shadow && !t.isHorizontal()) { const t = s.querySelector(".swiper-cube-shadow"); t && (t.style.transitionDuration = `${e}ms`) } }, recreateShadows: () => { const e = t.isHorizontal(); t.slides.forEach((t => { const s = Math.max(Math.min(t.progress, 1), -1); i(t, s, e) })) }, getEffectParams: () => t.params.cubeEffect, perspective: () => !0, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, resistanceRatio: 0, spaceBetween: 0, centeredSlides: !1, virtualTranslate: !0 }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ flipEffect: { slideShadows: !0, limitRotation: !0 } }); const i = (e, s) => { let a = t.isHorizontal() ? e.querySelector(".swiper-slide-shadow-left") : e.querySelector(".swiper-slide-shadow-top"), i = t.isHorizontal() ? e.querySelector(".swiper-slide-shadow-right") : e.querySelector(".swiper-slide-shadow-bottom"); a || (a = fe("flip", e, t.isHorizontal() ? "left" : "top")), i || (i = fe("flip", e, t.isHorizontal() ? "right" : "bottom")), a && (a.style.opacity = Math.max(-s, 0)), i && (i.style.opacity = Math.max(s, 0)) }; ue({ effect: "flip", swiper: t, on: a, setTranslate: () => { const { slides: e, rtlTranslate: s } = t, a = t.params.flipEffect, r = M(t); for (let n = 0; n < e.length; n += 1) { const l = e[n]; let o = l.progress; t.params.flipEffect.limitRotation && (o = Math.max(Math.min(l.progress, 1), -1)); const d = l.swiperSlideOffset; let c = -180 * o, p = 0, u = t.params.cssMode ? -d - t.translate : -d, m = 0; t.isHorizontal() ? s && (c = -c) : (m = u, u = 0, p = -c, c = 0), l.style.zIndex = -Math.abs(Math.round(o)) + e.length, a.slideShadows && i(l, o); const h = `translate3d(${u}px, ${m}px, 0px) rotateX(${r(p)}deg) rotateY(${r(c)}deg)`; me(0, l).style.transform = h } }, setTransition: e => { const s = t.slides.map((e => h(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), he({ swiper: t, duration: e, transformElements: s }) }, recreateShadows: () => { t.params.flipEffect, t.slides.forEach((e => { let s = e.progress; t.params.flipEffect.limitRotation && (s = Math.max(Math.min(e.progress, 1), -1)), i(e, s) })) }, getEffectParams: () => t.params.flipEffect, perspective: () => !0, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !t.params.cssMode }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ coverflowEffect: { rotate: 50, stretch: 0, depth: 100, scale: 1, modifier: 1, slideShadows: !0 } }), ue({ effect: "coverflow", swiper: t, on: a, setTranslate: () => { const { width: e, height: s, slides: a, slidesSizesGrid: i } = t, r = t.params.coverflowEffect, n = t.isHorizontal(), l = t.translate, o = n ? e / 2 - l : s / 2 - l, d = n ? r.rotate : -r.rotate, c = r.depth, p = M(t); for (let e = 0, t = a.length; e < t; e += 1) { const t = a[e], s = i[e], l = (o - t.swiperSlideOffset - s / 2) / s, u = "function" == typeof r.modifier ? r.modifier(l) : l * r.modifier; let m = n ? d * u : 0, h = n ? 0 : d * u, f = -c * Math.abs(u), g = r.stretch; "string" == typeof g && -1 !== g.indexOf("%") && (g = parseFloat(r.stretch) / 100 * s); let v = n ? 0 : g * u, w = n ? g * u : 0, b = 1 - (1 - r.scale) * Math.abs(u); Math.abs(w) < .001 && (w = 0), Math.abs(v) < .001 && (v = 0), Math.abs(f) < .001 && (f = 0), Math.abs(m) < .001 && (m = 0), Math.abs(h) < .001 && (h = 0), Math.abs(b) < .001 && (b = 0); const y = `translate3d(${w}px,${v}px,${f}px) rotateX(${p(h)}deg) rotateY(${p(m)}deg) scale(${b})`; if (me(0, t).style.transform = y, t.style.zIndex = 1 - Math.abs(Math.round(u)), r.slideShadows) { let e = n ? t.querySelector(".swiper-slide-shadow-left") : t.querySelector(".swiper-slide-shadow-top"), s = n ? t.querySelector(".swiper-slide-shadow-right") : t.querySelector(".swiper-slide-shadow-bottom"); e || (e = fe("coverflow", t, n ? "left" : "top")), s || (s = fe("coverflow", t, n ? "right" : "bottom")), e && (e.style.opacity = u > 0 ? u : 0), s && (s.style.opacity = -u > 0 ? -u : 0) } } }, setTransition: e => { t.slides.map((e => h(e))).forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t => { t.style.transitionDuration = `${e}ms` })) })) }, perspective: () => !0, overwriteParams: () => ({ watchSlidesProgress: !0 }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ creativeEffect: { limitProgress: 1, shadowPerProgress: !1, progressMultiplier: 1, perspective: !0, prev: { translate: [0, 0, 0], rotate: [0, 0, 0], opacity: 1, scale: 1 }, next: { translate: [0, 0, 0], rotate: [0, 0, 0], opacity: 1, scale: 1 } } }); const i = e => "string" == typeof e ? e : `${e}px`; ue({ effect: "creative", swiper: t, on: a, setTranslate: () => { const { slides: e, wrapperEl: s, slidesSizesGrid: a } = t, r = t.params.creativeEffect, { progressMultiplier: n } = r, l = t.params.centeredSlides, o = M(t); if (l) { const e = a[0] / 2 - t.params.slidesOffsetBefore || 0; s.style.transform = `translateX(calc(50% - ${e}px))` } for (let s = 0; s < e.length; s += 1) { const a = e[s], d = a.progress, c = Math.min(Math.max(a.progress, -r.limitProgress), r.limitProgress); let p = c; l || (p = Math.min(Math.max(a.originalProgress, -r.limitProgress), r.limitProgress)); const u = a.swiperSlideOffset, m = [t.params.cssMode ? -u - t.translate : -u, 0, 0], h = [0, 0, 0]; let f = !1; t.isHorizontal() || (m[1] = m[0], m[0] = 0); let g = { translate: [0, 0, 0], rotate: [0, 0, 0], scale: 1, opacity: 1 }; c < 0 ? (g = r.next, f = !0) : c > 0 && (g = r.prev, f = !0), m.forEach(((e, t) => { m[t] = `calc(${e}px + (${i(g.translate[t])} * ${Math.abs(c * n)}))` })), h.forEach(((e, t) => { let s = g.rotate[t] * Math.abs(c * n); h[t] = s })), a.style.zIndex = -Math.abs(Math.round(d)) + e.length; const v = m.join(", "), w = `rotateX(${o(h[0])}deg) rotateY(${o(h[1])}deg) rotateZ(${o(h[2])}deg)`, b = p < 0 ? `scale(${1 + (1 - g.scale) * p * n})` : `scale(${1 - (1 - g.scale) * p * n})`, y = p < 0 ? 1 + (1 - g.opacity) * p * n : 1 - (1 - g.opacity) * p * n, E = `translate3d(${v}) ${w} ${b}`; if (f && g.shadow || !f) { let e = a.querySelector(".swiper-slide-shadow"); if (!e && g.shadow && (e = fe("creative", a)), e) { const t = r.shadowPerProgress ? c * (1 / r.limitProgress) : c; e.style.opacity = Math.min(Math.max(Math.abs(t), 0), 1) } } const x = me(0, a); x.style.transform = E, x.style.opacity = y, g.origin && (x.style.transformOrigin = g.origin) } }, setTransition: e => { const s = t.slides.map((e => h(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), he({ swiper: t, duration: e, transformElements: s, allSlides: !0 }) }, perspective: () => t.params.creativeEffect.perspective, overwriteParams: () => ({ watchSlidesProgress: !0, virtualTranslate: !t.params.cssMode }) }) }, function (e) { let { swiper: t, extendParams: s, on: a } = e; s({ cardsEffect: { slideShadows: !0, rotate: !0, perSlideRotate: 2, perSlideOffset: 8 } }), ue({ effect: "cards", swiper: t, on: a, setTranslate: () => { const { slides: e, activeIndex: s, rtlTranslate: a } = t, i = t.params.cardsEffect, { startTranslate: r, isTouched: n } = t.touchEventsData, l = a ? -t.translate : t.translate; for (let o = 0; o < e.length; o += 1) { const d = e[o], c = d.progress, p = Math.min(Math.max(c, -4), 4); let u = d.swiperSlideOffset; t.params.centeredSlides && !t.params.cssMode && (t.wrapperEl.style.transform = `translateX(${t.minTranslate()}px)`), t.params.centeredSlides && t.params.cssMode && (u -= e[0].swiperSlideOffset); let m = t.params.cssMode ? -u - t.translate : -u, h = 0; const f = -100 * Math.abs(p); let g = 1, v = -i.perSlideRotate * p, w = i.perSlideOffset - .75 * Math.abs(p); const b = t.virtual && t.params.virtual.enabled ? t.virtual.from + o : o, y = (b === s || b === s - 1) && p > 0 && p < 1 && (n || t.params.cssMode) && l < r, E = (b === s || b === s + 1) && p < 0 && p > -1 && (n || t.params.cssMode) && l > r; if (y || E) { const e = (1 - Math.abs((Math.abs(p) - .5) / .5)) ** .5; v += -28 * p * e, g += -.5 * e, w += 96 * e, h = -25 * e * Math.abs(p) + "%" } if (m = p < 0 ? `calc(${m}px ${a ? "-" : "+"} (${w * Math.abs(p)}%))` : p > 0 ? `calc(${m}px ${a ? "-" : "+"} (-${w * Math.abs(p)}%))` : `${m}px`, !t.isHorizontal()) { const e = h; h = m, m = e } const x = p < 0 ? "" + (1 + (1 - g) * p) : "" + (1 - (1 - g) * p), S = `\n translate3d(${m}, ${h}, ${f}px)\n rotateZ(${i.rotate ? a ? -v : v : 0}deg)\n scale(${x})\n `; if (i.slideShadows) { let e = d.querySelector(".swiper-slide-shadow"); e || (e = fe("cards", d)), e && (e.style.opacity = Math.min(Math.max((Math.abs(p) - .5) / .5, 0), 1)) } d.style.zIndex = -Math.abs(Math.round(c)) + e.length; me(0, d).style.transform = S } }, setTransition: e => { const s = t.slides.map((e => h(e))); s.forEach((t => { t.style.transitionDuration = `${e}ms`, t.querySelectorAll(".swiper-slide-shadow").forEach((t => { t.style.transitionDuration = `${e}ms` })) })), he({ swiper: t, duration: e, transformElements: s }) }, perspective: () => !0, overwriteParams: () => ({ watchSlidesProgress: !0, virtualTranslate: !t.params.cssMode }) }) }]; return ie.use(ge), ie }();
</script>
<script defer src="https://automanagerprodcdn.azureedge.net/wmcontent/Javascript/jquery.validate.min.js?v=1"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/webmanager/detection.js?v=5/19/2025 1:14:51 AM"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/themes.js?v=5/19/2025 1:14:51 AM"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/webmanager/input.js?v=5/19/2025 1:14:51 AM"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/webmanager/validation.js?v=5/19/2025 1:14:51 AM"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/webmanager/cp/fieldfocus.js?v=5/19/2025 1:14:51 AM"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/webmanager/cp/formcontrol.js?v=5/19/2025 1:14:51 AM"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/elements.js?v=5/19/2025 1:14:51 AM"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/calculators.js?v=5/19/2025 1:14:51 AM"></script>
<script>
var clientUrl = 'https://clients.automanager.com/';
</script>
<div id="ctl00_cphScriptBottom_ctl00_panelInventoryListJs">
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/clients/javascript/imagesloaded.pkgd.min.js"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/clients/javascript/infinite-scroll.pkgd.min.js"></script>
</div>
<script defer src="https://static.addtoany.com/menu/page.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
function handleIntersection(entries, observer) {
entries.forEach((entry) => {
if (entry.isIntersecting || entry.target.dataset.eager === "true") {
var bgImageUrl = entry.target.getAttribute('data-src');
if (bgImageUrl) {
entry.target.style.backgroundImage = "url('" + bgImageUrl + "')";
}
observer.unobserve(entry.target);
}
});
}
const headers = document.querySelectorAll('.lazy-background');
const observer = new IntersectionObserver(handleIntersection, { rootMargin: "100px" });
headers.forEach(header => {
// Set initial background image for elements marked as eager
if (header.dataset.eager === "true") {
var bgImageUrl = header.getAttribute('data-src');
if (bgImageUrl) {
header.style.backgroundImage = "url('" + bgImageUrl + "')";
}
}
observer.observe(header);
});
});
</script>
<script defer type="text/javascript">
var _AppName = "Clients";
var _Environment = "Production";
var _ClientId = "014560";
var _ClientType = "Subscribed";
var _LotId = "00";
var _VehicleId = "";
var _VehicleClientId = "014560";
var _IsMobile = false;
var _PageId = "HOM";
var QuickQualifyElements = [];
var VdpElementsCaptchas = [];
var simplehashVdp = new Object();
var _ElementId = '';
document.addEventListener('DOMContentLoaded', function(){
_ControlIds = new ControlIds("ctl00_cphContent_", "ctl00_cphNav_", "ctl00_cphMain_");
_AppUrls = new AppUrls("https://wm.automanager.com/", "http://clients.automanager.com/");
var images = document.querySelectorAll('.dynamic-img');
var aspectRatios = {};
images.forEach(function (image) {
image.onload = function () {
var height = image.naturalHeight;
var width = image.naturalWidth;
var aspectRatio = (width / height).toFixed(2);
if (aspectRatios[aspectRatio]) {
aspectRatios[aspectRatio]++;
} else {
aspectRatios[aspectRatio] = 1;
}
checkComplete();
};
if (image.complete) {
image.onload();
}
});
var heroImages = document.querySelectorAll('.hero-section');
heroImages.forEach(function (image) {
image.setAttribute('fetchpriority', 'high');
});
function checkComplete() {
if (Array.from(images).every(image => image.complete)) {
var mostCommonAspectRatio = getMostCommonAspectRatio();
applyAspectRatio(mostCommonAspectRatio);
}
}
function getMostCommonAspectRatio() {
var maxCount = 0;
var mostCommonAspectRatio = null;
for (var aspectRatio in aspectRatios) {
if (aspectRatios[aspectRatio] > maxCount) {
maxCount = aspectRatios[aspectRatio];
mostCommonAspectRatio = aspectRatio;
}
}
return mostCommonAspectRatio;
}
function applyAspectRatio(aspectRatio) {
images.forEach(function (image) {
image.style.aspectRatio = aspectRatio;
});
}
});
</script>
<script defer>
const { animate, stagger, inView, spring } = Motion;
document.addEventListener("DOMContentLoaded", () => {
const rows = document.querySelectorAll('.page-content-row');
rows.forEach(row => {
const rowAnimations = row.getAttribute('data-animations');
if (rowAnimations) {
handleAnimations(row, JSON.parse(rowAnimations));
}
const columns = row.querySelectorAll('.page-content-column');
columns.forEach(column => {
const columnAnimations = column.getAttribute('data-animations');
if (columnAnimations) {
handleAnimations(column, JSON.parse(columnAnimations));
}
const containers = column.querySelectorAll('.contentcontainer');
containers.forEach(column => {
const containeranims = column.getAttribute('data-animations');
if (containeranims) {
handleAnimations(column, JSON.parse(containeranims));
}
});
const elements = column.querySelectorAll('.page-content-element');
elements.forEach(ele => {
const elementAnims = ele.getAttribute('data-animations');
if (elementAnims) {
handleAnimations(ele, JSON.parse(elementAnims));
}
});
});
});
});
function handleAnimations(element, animationSequence) {
const triggerGroups = animationSequence.reduce((acc, animation) => {
if (!acc[animation.trigger]) {
acc[animation.trigger] = [];
}
acc[animation.trigger].push(animation);
return acc;
}, {});
Object.entries(triggerGroups).forEach(([trigger, animations]) => {
switch (trigger) {
case 'page-load':
executeAnimationSequence(element, animations);
break;
case 'scroll':
inView(element, () => {
executeAnimationSequence(element, animations);
}, { margin: "3% 0px 3% 0px" });
break;
case 'hover':
element.addEventListener('mouseenter', () => {
executeAnimationSequence(element, animations);
});
element.addEventListener('mouseleave', () => {
executeResetSequence(element, animations);
});
break;
}
});
}
function executeAnimationSequence(element, animations) {
animations.forEach(animation => {
const delay = parseInt(animation.delay) / 1000;
const duration = parseInt(animation.duration) / 1000;
if (Array.isArray(animation.type)) {
const combinedProps = animation.type.reduce((acc, animType) => {
const animProps = getAnimationProperties(animType);
Object.entries(animProps).forEach(([key, value]) => {
if (!acc[key]) {
acc[key] = value;
} else if (Array.isArray(value) && Array.isArray(acc[key])) {
// Handle opacity specifically to ensure uniqueness
if (key === 'opacity') {
acc[key] = Array.from(new Set([...acc[key], ...value]));
} else {
acc[key] = [
`${acc[key][0]} ${value[0]}`,
`${acc[key][1]} ${value[1]}`
];
}
}
});
return acc;
}, {});
animate(
element,
combinedProps,
{
duration: duration,
easing: getEasing(animation.type[0]),
fill: 'forwards',
delay: delay,
}
);
} else {
const animationProps = getAnimationProperties(animation.type);
animate(
element,
animationProps,
{
duration: duration,
easing: getEasing(animation.type),
fill: 'forwards',
delay: delay,
}
);
}
});
}
function executeResetSequence(element, animations) {
const sequence = animations.slice().reverse().map(animation => {
const props = getAnimationProperties(animation.type);
const resetProps = {};
Object.entries(props).forEach(([key, value]) => {
resetProps[key] = Array.isArray(value) ? [value[1], value[0]] : value;
});
return [
element,
resetProps,
{
duration: 0.3,
easing: 'ease-out'
}
];
});
animate(sequence);
}
function getAnimationProperties(type) {
const entranceAnimations = {
'fade-in': {
opacity: [0, 1]
},
'slide-in-left': {
opacity: [0, 1],
transform: ['translateX(-100%)', 'translateX(0%)']
},
'slide-in-right': {
opacity: [0, 1],
transform: ['translateX(100%)', 'translateX(0%)']
},
'slide-in-top': {
opacity: [0, 1],
transform: ['translateY(-50%)', 'translateY(0%)']
},
'slide-in-bottom': {
opacity: [0, 1],
transform: ['translateY(50%)', 'translateY(0%)']
},
'zoom-in': {
opacity: [0, 1],
transform: ['scale(0.5)', 'scale(1)']
},
'zoom-in-up': {
opacity: [0, 1],
transform: ['scale(0.5) translateY(50%)', 'scale(1) translateY(0%)']
},
'zoom-in-down': {
opacity: [0, 1],
transform: ['scale(0.5) translateY(-50%)', 'scale(1) translateY(0%)']
},
'pulse': {
transform: ['scale(1)', 'scale(1.05)', 'scale(1)']
},
'shake': {
transform: ['translateX(0)', 'translateX(-10px)', 'translateX(10px)', 'translateX(-10px)', 'translateX(10px)', 'translateX(0)']
},
'bounce': {
transform: ['translateY(0)', 'translateY(-20px)', 'translateY(0)', 'translateY(-10px)', 'translateY(0)']
},
'wiggle': {
transform: ['rotate(0deg)', 'rotate(-3deg)', 'rotate(3deg)', 'rotate(-3deg)', 'rotate(3deg)', 'rotate(0deg)']
},
'flip-x': {
opacity: [0, 1],
transform: ['rotateX(90deg)', 'rotateX(0)'],
transformOrigin: 'center'
},
'flip-y': {
opacity: [0, 1],
transform: ['rotateY(90deg)', 'rotateY(0)'],
transformOrigin: 'center'
},
'tilt-in': {
opacity: [0, 1],
transform: ['rotateX(45deg) scale(0.8)', 'rotateX(0) scale(1)'],
transformOrigin: 'top'
},
'swing-in': {
opacity: [0, 1],
transform: ['rotateZ(-45deg)', 'rotateZ(0)'],
transformOrigin: 'left top'
},
'float': {
transform: ['translateY(0)', 'translateY(-10px)', 'translateY(0)']
},
'scale-subtle': {
transform: ['scale(0.95)', 'scale(1)']
},
'blur-in': {
opacity: [0, 1],
filter: ['blur(10px)', 'blur(0)']
},
'slide-blur': {
opacity: [0, 1],
filter: ['blur(10px)', 'blur(0)'],
transform: ['translateX(-20px)', 'translateX(0)']
},
'fade-out': {
opacity: [1, 0]
},
'zoom-out': {
opacity: [1, 0],
transform: ['scale(1)', 'scale(0.5)']
},
'slide-out-left': {
opacity: [1, 0],
transform: ['translateX(0)', 'translateX(-100px)']
},
'slide-out-right': {
opacity: [1, 0],
transform: ['translateX(0)', 'translateX(100px)']
},
'ripple': {
boxShadow: ['0 0 0 0 rgba(0,0,0,0.1)', '0 0 0 20px rgba(0,0,0,0)']
},
'glow': {
boxShadow: ['0 0 0 0 rgba(255,255,255,0)', '0 0 20px 10px rgba(255,255,255,0.5)', '0 0 0 0 rgba(255,255,255,0)']
}
};
return entranceAnimations[type] || {};
}
function getEasing(type) {
const easings = {
'fade-in': 'ease-out',
'slide-in-left': [.25, .46, .45, .94],
'slide-in-right': [.25, .46, .45, .94],
'slide-in-top': [.25, .46, .45, .94],
'slide-in-bottom': [.25, .46, .45, .94],
'zoom-in': [.34, 1.56, .64, 1],
'zoom-in-up': [.34, 1.56, .64, 1],
'zoom-in-down': [.34, 1.56, .64, 1],
'pulse': [.4, 0, .6, 1.5],
'shake': [.36, 0, .66, 1],
'bounce': [.34, 1.56, .64, 1],
'wiggle': [.36, 0, .66, 1],
'flip-x': [.32, 0, .67, 1.5],
'flip-y': [.32, 0, .67, 1.5],
'tilt-in': [.25, .46, .45, .94],
'swing-in': [.34, 1.56, .64, 1],
'float': [.42, 0, .58, 1],
'scale-subtle': [.42, 0, .58, 1],
'blur-in': 'ease-out',
'slide-blur': [.25, .46, .45, .94],
'fade-out': 'ease-in',
'zoom-out': [.32, 0, .67, 1],
'slide-out-left': [.25, .46, .45, .94],
'slide-out-right': [.25, .46, .45, .94],
'ripple': [.42, 0, .58, 1],
'glow': [.42, 0, .58, 1]
};
return easings[type] || 'ease-in-out';
}
</script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/jquery.stellar.min.js"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/jquery.flexslider.min.js"></script>
<script defer type="text/javascript">
var _BGParallax = true;
var _BGParallaxSpeed = "1";
</script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/clients/searchmodels.js"></script>
<script defer type="text/javascript" src="https://automanagerprodcdn.azureedge.net/wmcontent/javascript/responsive.js"></script>
<script crossorigin defer src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
<script defer type="text/javascript">
window.addEventListener('load', function() {
$('.flexslider').flexslider({
slideshow: false
});
});
</script>
<script type="text/javascript">
var widgetEmailId = ""
var onReCaptchaLoad = function () {
var contactElements = [
'phCaptchaContactUs', 'phCaptchaSchedule', 'phCaptchaScheduleService', 'phCaptchaQuickContact', 'phCaptchaLogin', 'phVehicleQuestionCaptcha', 'phCaptchaLogin', 'phCaptchaCreditApp', 'phCaptchaCreditAppStart', 'phEmailCaptcha', 'phCaptchaGetAQuote', 'phCaptchaScheduleTestDrive'
];
contactElements.forEach(function (item) {
if ($('#' + item).length) {
grecaptcha.render(item, {
'sitekey': '6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3',
'theme': 'light'
});
}
});
$('.phGlobalCaptcha').each(function () {
grecaptcha.render(this, {
'sitekey': '6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3',
'theme': 'light'
});
});
if ($('#phCaptchaEmailFriend').length) {
widgetEmailId = grecaptcha.render('phCaptchaEmailFriend', {
'sitekey': '6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3',
'theme': 'light'
});
}
if ($('#phCaptchaValueTrade').length) {
tradeInWidgetId = grecaptcha.render('phCaptchaValueTrade', {
'sitekey': '6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3',
'theme': 'light'
});
}
if ($('#phCaptchaValueTrade2').length) {
tradeInWidgetId2 = grecaptcha.render('phCaptchaValueTrade2', {
'sitekey': '6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3',
'theme': 'light'
});
}
if ($('#phCaptchaVehicleFinder').length) {
grecaptcha.render('phCaptchaVehicleFinder', {
'sitekey': '6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3',
'theme': 'light'
});
}
if ($('#phCaptchaInventoryRequestPrice').length) {
inventoryRequestPriceWidgetId = grecaptcha.render('phCaptchaInventoryRequestPrice', {
'sitekey': '6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3',
'theme': 'light'
});
}
QuickQualifyElements.forEach(function (item) {
if ($('#' + item).length) {
grecaptcha.render(item, {
'sitekey': '6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3',
'theme': 'light'
});
}
});
VdpElementsCaptchas.forEach(function (item) {
if ($('#' + item).length) {
simplehashVdp[item] = grecaptcha.render(item, {
'sitekey': '6LeNrzQUAAAAAKCQ0gDkOI3VZR_i6ugYXzEFxQu3',
'theme': 'light'
});
}
});
};
document.addEventListener('DOMContentLoaded', function () {
var captchaElements = [
'phCaptchaContactUs', 'phCaptchaContactUs2', 'phCaptchaSchedule', 'phCaptchaScheduleService', 'phCaptchaQuickContact', 'phCaptchaLogin', 'phVehicleQuestionCaptcha',
'phCaptchaCreditApp', 'phCaptchaCreditAppStart', 'phEmailCaptcha', 'phCaptchaEmailFriend', 'phCaptchaValueTrade',
'phCaptchaVehicleFinder', 'phCaptchaGetAQuote', 'phCaptchaInventoryRequestPrice'
];
captchaElements = captchaElements.concat(QuickQualifyElements, VdpElementsCaptchas);
// Function to check if any captcha elements exist
function anyCaptchaElementsExist(elements) {
return elements.some(function (elementId) {
return document.getElementById(elementId) !== null;
});
}
// Function to load the reCAPTCHA API script
function loadReCaptchaScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
// script.async = true;
script.defer = true;
script.src = "https://www.google.com/recaptcha/api.js?render=explicit&onload=onReCaptchaLoad";
document.head.appendChild(script);
}
// Check if any captcha elements exist and only then load the reCAPTCHA script
if (anyCaptchaElementsExist(captchaElements)) {
loadReCaptchaScript();
}
});
</script>
<script defer type="text/javascript" src="https://automanager.blob.core.windows.net/wmclients/014560/theme.js"></script>
<script type="text/javascript">
function acknowledgeDisclaimer(checkboxId, submitButtonId) {
var checkbox = document.getElementById(checkboxId);
var submitButton = document.getElementById(submitButtonId);
if (checkbox.checked)
submitButton.disabled = false;
else
submitButton.disabled = true;
}
</script>
<script type="text/javascript">
function hideElementHeadingIfItHasNoContent(elementId) {
const input = document.querySelector(`div#element-${elementId} input[id$="hdnNoContent"]`);
if (input && input.value === '1') {
const heading = document.querySelector(`div#element-${elementId} div.element-heading`);
if (heading)
heading.innerHTML = '<span class="no-content"></span>';
}
}
</script>
<div class="etsChatButton"></div>
<script type="text/javascript" src="//cdn.engagetosell.com/js/10555.js"></script>
<script defer>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ZVYDK5100T');
</script>
</body>
</html>
Alan adının whois bilgisi
Domain Name: AZLMS.COM
Registry Domain ID: 1955334885_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2024-08-26T12:46:59Z
Creation Date: 2015-08-25T21:19:16Z
Registry Expiry Date: 2025-08-25T21:19:16Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 480-624-2505
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: NS45.DOMAINCONTROL.COM
Name Server: NS46.DOMAINCONTROL.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-26T03:27:36Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass