Samsung VXT - Digital Signage Solution |

<!DOCTYPE html> <html lang="en"> <head>        <link rel="preconnect" href="https://images.samsung.com"/>   <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>  <title>Samsung VXT - Digital Signage Solution | </title> <meta name="title" content="Samsung VXT - Digital Signage Solution | "/> <link rel="canonical" href="https://www.samsung.com/test/business/display-solutions/samsung-vxt/"/> <meta name="keywords" content="vxt cms"/> <meta name="description" content="Explore Samsung's cloud-based digital signage solution VXT with easy content management, fast recovery, cost saving, and even more solutions, and start the free trial."/> <meta name="date" content="2024-11-27"/> <meta name="sitecode" content="us"/> <meta name="twitter:card" content="Summary"/> <meta name="twitter:site" content="@Samsung"/> <meta name="twitter:creator" content="@Samsung"/> <meta name="twitter:url" content="https://www.samsung.com/us/business/display-solutions/samsung-vxt/"/> <meta name="twitter:title" content="Samsung VXT - Digital Signage Solution"/> <meta name="twitter:description" content="Explore Samsung's cloud-based digital signage solution VXT with easy content management, fast recovery, cost saving, and even more solutions, and start the free trial."/> <meta name="twitter:image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="og:url" content="https://www.samsung.com/us/business/display-solutions/samsung-vxt/"/> <meta property="og:image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Samsung us"/> <meta property="og:locale" content="en"/> <meta property="og:title" content="Samsung VXT - Digital Signage Solution"/> <meta property="og:description" content="Explore Samsung's cloud-based digital signage solution VXT with easy content management, fast recovery, cost saving, and even more solutions, and start the free trial."/> <meta property="og:country-name" content="us"/> <meta property="name" content="Samsung us"/> <meta property="image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="url" content="https://www.samsung.com/us/business/display-solutions/samsung-vxt/"/> <meta property="description" content="Explore Samsung's cloud-based digital signage solution VXT with easy content management, fast recovery, cost saving, and even more solutions, and start the free trial."/> <meta property="keywords" content="vxt cms"/> <link rel="icon" type="image/png" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png" sizes="96x96"/> <link rel="shortcut icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png"/> <link rel="apple-touch-icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/app_ico.png" sizes="144x144"/>    <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/us/css/us.css" type="text/css"/> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.72b3474a5ea9ec2c8b38096685e0928d.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/business/us/clientlib-base-b2b.min.eed59852c0cf042bb3e5013d2c2076e3.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-marketing/compact.min.09e7b8f61b50639857bc8ee99e2d0fe2.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-register-product-popup/clientlibs/site.min.0183b920d0d2fbbe262f01f565c45cd9.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/epp/common/ep-cm-g-barcode-scanner-popup/clientlibs/site.min.b791cc7424186d4c95539d287b2c66cc.css" type="text/css"> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-static-content/clientlibs/site.min.ae85240e2285ff65e974c0b136a75d59.css" type="text/css"/> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-text-block/clientlibs/site.min.d317a02bd188dfa8a9c0898ae8dec80d.css" type="text/css"/> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/support/su-g-accordion-faqs/clientlibs/site.min.16ec2dabe4834bd1922d3043eb3c8cf1.css" type="text/css"/> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-text-block-container/clientlibs/site.min.215994cb1c3ba8835e60f639f58f53fc.css" type="text/css"/> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-discover-column-new/clientlibs/site.min.953d53bfe905c4dc8a45ed6eaa0ade83.css" type="text/css"/> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/product/pd-g-feature-benefit-banner/clientlibs/site.min.ce424ab9976a59f250955c8e19dc0b4b.css" type="text/css"/> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-blank-space/clientlibs/site.min.2368b82aeac930d99ed38fa404bcac1a.css" type="text/css"/> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/business/us/forms/bu-g-forms-general/clientlibs/site.min.669c7cdba9784433086b43a3a3e7b33c.css" type="text/css"/> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/product/pd-g-feature-benefit-column-carousel/clientlibs/site.min.2af5671a6c07a03882e9662ab60fa1e3.css" type="text/css"/> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/business/us/common/bu-cm-us-ready-to-buy/clientlibs/site.min.253458f48baea2a6bc4c8866c24695c7.css" type="text/css"/> <link defer rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/navigation/nv-g-breadcrumb/clientlibs/site.min.01c1e7bc1eb1645deacabd158fc75f0f.css" type="text/css"/> <script type="text/javascript"> var winhref = window.location.href.replace("/content/samsung","").replace(".html","/"); if ( winhref.indexOf("?") > 0) { winhref = winhref.substring(0, winhref.indexOf("?")); } var siteCode = winhref.split("/")[3]; //cn인 경우는 경로에서 siteCode를 추출할 수 없으므로 다른 방법으로 접근 if(winhref.indexOf("samsung.com.cn") > 0) { siteCode = "cn"; } //depth Info. var depth = winhref.split("/").length; var depth_last = winhref.split("/")[depth-1]; if(depth_last =="" || depth_last.charAt(0)=="?"){ depth -= 1; } //set pathIndicator(not product page) var pageName = ""; var depth_2 = ""; var depth_3 = ""; var depth_4 = ""; var depth_5 = ""; var digitalData = { "page" : { "pageInfo" : { "siteCode" : "us", "pageName" : pageName, "pageID" : "L2NvbnRlbnQvc2Ftc3VuZy91cy9idXNpbmVzcy9kaXNwbGF5LXNvbHV0aW9ucy9zYW1zdW5nLXZ4dA==", "pageTrack" : "vd marketing page", "originPlaform" : "web" }, "pathIndicator" : { "depth_2" : depth_2, "depth_3" : depth_3, "depth_4" : depth_4, "depth_5" : depth_5 } }, "user": { "userDeviceList": [ ] }, "product" : { "category" : "", "model_code" : "", // PD class정보 이용하여 설정 "model_name" : "", // PD page(server-side) "displayName" : "", // PD class정보 이용하여 설정 "pvi_type_code" : "", //PD page(server-side) "pvi_type_name" : "", //PD page(server-side) "pvi_subtype_code" : "", //PD page(server-side) "pvi_subtype_name" : "",//PD page(server-side) "pd_type" : "", //PD type "content_id" : "", "products" : "", "prodView" : "" } } </script> <script type="text/javascript"> digitalData.page.pathIndicator.depth_2 = "".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_3 = "".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_4 = "".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_5 = "".replace(/&/g, ' and ').replace(/ /g,' '); </script>    <script> !function(e,a,n,t){ if (a) return; var i=e.head;if(i){ var o=e.createElement("style"); o.id="alloy-prehiding",o.innerText=n,i.appendChild(o), setTimeout(function(){o.parentNode&&o.parentNode.removeChild(o)},t)}} (document, document.location.href.indexOf("adobe_authoring_enabled") !== -1, "#home-kv { opacity: 0 !important }", 1500); </script>    <script src="//assets.adobedtm.com/72afb75f5516/8609776c4c4c/launch-6dab4959fb1e.min.js" async></script>    <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2it56q-f-a0b8c6ef3-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"479457","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":7,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"b682fde1","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":46156,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732812669","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==PM8hH+F+1l4y0uXu1i7nI/AL0UduqDWM68brnMOTKjb1Odagitqmydz+1CEIjL5OVzCsqzMwHbwJn8PTVS95zuT7KscVr/Ol/F9Uqq+vi6JEIbinWnkNlzPDfwUTm9h4D5trbYzfg+QPMpprBjI9X3vVURU1I369474DYVmeOllWXvY/LQu1QOIa0OV2JZtGdW7hQWfloX6Vn17v+8KschNc2zlDOqxfrIcxhKdML6Yq5f3LxKEQA+pW9x6/d/kaxvRdJdAdt4474D0tgl4tEXZ8W7vtTeHZpXL9Z45+P8fXvr1KDIR3M4n1NU78KQav2BrYLRAmv3p3pcvsnOJ4xjtYkdJbp88NQpvSvRoMyfM57Ru8EBJe8ytBAJitPI9zjYluGrcgMTKxQX6CF45xnzJmrLJilVeJ4d1Lxq/8MWc=","ak.pv":"3680","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body>  <script> var isInIframe = (window.location != window.top.location); var isNotDotcom = ( window.location.href.indexOf('samsung.com') < 0); var isTopNotDotcom = ( window.top.location.href.indexOf('samsung.com') < 0); //404 페이지에서는 실행하지 않음. if ( window.location.href.indexOf('404') < 0 && isTopNotDotcom) { if ( isInIframe == true ) { console.log('isInIframe =' + isInIframe ); //에러 페이지 이동 self.location.href /"+siteCd+"/common/404.html window.location.href = '/us/common/404.html'; } else { console.log('isInIframe =' + isInIframe ); } } </script> <div id="wrap">   <input type="hidden" name="searchDomain" id="searchDomain" value="//searchapi.samsung.com/v6"/> <input type="hidden" name="esapiSearchDomain" id="esapiSearchDomain" value="https://esapi.samsung.com"/> <input type="hidden" name="scene7domain" id="scene7domain" value="//images.samsung.com/is/image/samsung/"/> <input type="hidden" name="reviewUseYN" id="reviewUseYN" value="N"/> <input type="hidden" name="aplautYn" id="aplautYn" value="N"/> <input type="hidden" name="reevooUseYN" id="reevooUseYN" value="N"/> <input type="hidden" name="bvFlag" id="bvFlag" value="N"/> <input type="hidden" name="bvRTLFlag" id="bvRTLFlag" value="N"/> <input type="hidden" name="multiLanguageYn" id="multiLanguageYn" value="N"/> <input type="hidden" name="localLang" id="localLang" value="en"/>  <input type="hidden" name="runmodeInfo" id="runmodeInfo" value="live"/> <input type="hidden" name="apiStageInfo" id="apiStageInfo" value="front"/> <input type="hidden" name="tempTitle" id="tempTitle" value="page-marketing"/> <input type="hidden" name="siteCode" id="siteCode" value="us"/> <input type="hidden" name="store_sitecode" id="store_sitecode" value="us_business"/> <input type="hidden" name="language" id="language" value="en_US"/> <input type="hidden" name="serverType" id="serverType" value="prod"/>  <input type="hidden" name="gpvStoreDomain" id="gpvStoreDomain"/> <input type="hidden" name="storeWebDomain" id="storeWebDomain"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="false"/> <input type="hidden" name="newHyvStoreDomain" id="newHyvStoreDomain"/>  <input type="hidden" name="b2bFlag" id="b2bFlag" value="Y"/> <input type="hidden" name="pageUrl" id="pageUrl" value="/content/samsung/us/business/display-solutions/samsung-vxt"/> <input type="hidden" name="pathString" id="pathString" value="Samsung VXT - Digital Signage Solution"/> <input type="hidden" name="wishlistYn" id="wishlistYn" value="Y"/> <input type="hidden" name="shopParmLang" id="shopParmLang"/> <input type="hidden" name="reservationDomain" id="reservationDomain"/>  <section class="progress cm-loader" style="display:none;"> <div class="progress__wrapper"> <div class="progress__circle-1"></div> <div class="progress__circle-2"></div> <div class="progress__circle-3"></div> <div class="progress__circle-4"></div> </div> </section> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/crypto-js.min.js"></script> <header id="header" role="banner">  <div class="skip-bar"> <a href="#content" id="skipToContent">Skip to content</a> </div> </header>   <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> <div class="nv16-country-selector" style="height: 0px;"> <div class="nv16-country-selector__content-wrap"> <div class="nv16-country-selector__content"> <div class="nv16-country-selector__description">Choose your location and language.</div> <div class="nv16-country-selector__select-contaniner" data-country-codes="mx"> <div class="nv16-country-selector__menu"> <div class="menu" data-comp-name="menu"> <select class="menu__select" tabindex="-1"><option selected value="us" data-country-type="sitecd">USA / ENGLISH</option><option value="mx" data-country-type="location">México / Español</option><option value="other">Other Countries or location</option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" type="button" an-tr="nv16_gnb-country selector-navigation" an-ca="navigation" an-ac="gnb" an-la="b2b_country selector"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> <div class="nv16-country-selector__continue"> <button class="cta cta--contained cta--black" aria-label="Button Label" data-action="countrySelectorContinue" an-tr="nv16_gnb-country selector-navigation" an-ca="navigation" an-ac="gnb" an-la="b2b_country selector:continue">Continue</button> </div> </div> <button class="nv16-country-selector__close" data-action="countrySelectorClose"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <input type="hidden" name="st_checked" id="st_checked" value="2024-11-28 09:33:18"/> <input type="hidden" name="cookieKey" id="cookieKey" value="cedc6238tqcf1t4f0vl7g50mc70d6a5a"/> <div class="promotion-bar__container"> <div class="img"></div> <div class="promotion-bar__info-wrapper"> <div class="promotion-msg"></div> <div class='price-info'>You will save <span class="price_value"></span> on this purchase.</div> <div class="cta-btn"><a href="/us/business/shop/all-deals/">special offers</a></div> </div> </div> <div class="gnb js-mobile-open"> <section class="epp-bar-wrap"> <div class="epp-bar"> <div class="epp-bar-div"> <div class="epp-bar-logo"></div> <div class="epp-bar-msg"> Welcome to the <div class="epp-bar-username">!</div> Please enjoy our special offers for you </div> <div class="benfit-wrap"> <a class="benfit-wrap__benefits" href="/us/support/account/benefits/">MY BENEFITS</a> <span class="benfit-wrap__gap"></span> <a class="benfit-wrap__offers" href="/us/shop/all-deals/">SPECIAL OFFERS</a> </div> </div> </div> </section> <div class="gnb__dimmed" aria-hidden="true"></div> <nav class="gnb__nav" role="navigation">  <div class="gnb__bar"> <div class="gnb__bar-inner"> <a href="/us/business/" an-tr="nv00_gnb--text-logo" an-ca="navigation" an-ac="gnb" an-la="logo" class="gnb__logo "> <span class="hidden">Samsung</span> <div class="gnb__logo-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 16" focusable="false"> <g fill="none" fill-rule="evenodd"> <path d="M0.964 0H121.507V32H0.964z" transform="translate(-9 -8)"/> <path fill="#000" fill-rule="nonzero" d="M15.937 19.184c.155.363.104.829.026 1.114-.13.492-.466 1.01-1.45 1.01-.931 0-1.5-.544-1.5-1.347v-1.45H9v1.14C9 22.99 11.614 24 14.436 24c2.692 0 4.918-.932 5.28-3.417.181-1.295.052-2.123-.026-2.46-.62-3.133-6.29-4.065-6.73-5.8-.077-.31-.051-.62-.026-.776.104-.466.44-1.01 1.372-1.01.88 0 1.398.544 1.398 1.346v.933h3.728v-1.062C19.432 8.492 16.507 8 14.384 8c-2.666 0-4.815.88-5.229 3.314-.103.673-.13 1.269.026 2.02.673 3.028 5.98 3.909 6.756 5.85zm48.534-.025c.155.362.103.828.026 1.087-.13.492-.466.984-1.45.984-.932 0-1.475-.544-1.475-1.347V18.46h-3.96v1.139c0 3.288 2.588 4.297 5.383 4.297 2.667 0 4.867-.906 5.23-3.391.18-1.269.05-2.123-.027-2.434-.621-3.107-6.238-4.013-6.652-5.747-.078-.311-.052-.622-.026-.777.104-.466.414-.984 1.346-.984.854 0 1.372.544 1.372 1.346v.907h3.701V11.78c0-3.21-2.899-3.728-4.995-3.728-2.615 0-4.763.88-5.177 3.288-.104.647-.13 1.243.026 1.993.673 3.03 5.927 3.91 6.678 5.826zm30.984 1.32l-.207-12.013h3.701v14.757h-5.332l-3.753-12.401.207 12.401h-3.676V8.466h5.54l3.52 12.013zM28.335 9.553l-2.07 13.826h-4.038l2.744-14.913h6.652l2.744 14.913h-4.012l-2.02-13.826zm21.796 0L47.542 23.38h-3.779L41.201 9.553l-.104 13.826H37.37l.31-14.913h6.083l1.89 11.65 1.89-11.65h6.082l.337 14.913h-3.728l-.103-13.826zm26.868 11.6c1.035 0 1.372-.726 1.424-1.088.026-.156.026-.389.026-.57V8.44h3.779V19.16c0 .284-.026.828-.026.983-.259 2.797-2.46 3.703-5.203 3.703-2.744 0-4.944-.906-5.203-3.703-.026-.155-.052-.699-.026-.983V8.44h3.78v11.055c0 .181 0 .414.025.57.078.388.389 1.087 1.424 1.087zm31.165-.156c1.087 0 1.45-.7 1.527-1.088.026-.18.052-.388.026-.57v-2.174h-1.527V14.99h5.28v4.013c0 .285 0 .492-.051.984-.259 2.719-2.615 3.676-5.255 3.676-2.64 0-4.996-.957-5.254-3.676-.052-.492-.052-.699-.052-.984v-6.291c0-.259.026-.725.052-.984.336-2.796 2.588-3.676 5.254-3.676 2.64 0 4.97.88 5.229 3.676.052.466.026.984.026.984v.492h-3.78v-.829s0-.362-.051-.57c-.078-.336-.362-1.087-1.501-1.087-1.088 0-1.398.725-1.476 1.088-.052.207-.052.466-.052.699v6.835c0 .181 0 .388.026.57.104.414.492 1.087 1.58 1.087z" transform="translate(-9 -8)"/> </g> </svg> </div> </a> <div class="gnb__mobile-menu"> <a class="gnb__search-btn gnb__search-btn-js" href="javascript:void(0)" aria-haspopup="true" role="button" an-tr="nv00_gnb-vd marketing page-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="search"> <span class="hidden">Search</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.581 4.09c20.126 0 36.5 16.374 36.5 36.5a36.325 36.325 0 01-7.963 22.733l22.8 22.948-5.674 5.639-22.767-22.913a36.327 36.327 0 01-22.896 8.093c-20.126 0-36.5-16.374-36.5-36.5s16.374-36.5 36.5-36.5zm0 8c-15.715 0-28.5 12.785-28.5 28.5s12.785 28.5 28.5 28.5 28.5-12.785 28.5-28.5-12.785-28.5-28.5-28.5z"></path> </svg> </a> <a href="/us/web/business/express/cart/" class="gnb__cart-btn " role="button" an-tr="nv00_gnb--text-depth1" an-ca="navigation" an-ac="gnb" an-la="cart" data-cart-url="/us/web/business/express/cart/"> <span class="hidden">Cart</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path> </svg> <span class="gnb__cart-in-number gnb-cart-count" aria-live="polite" style="display:none;"></span> </a> <a class="gnb__menu-btn js-gnb-menu-btn" href="javascript:void(0)" aria-haspopup="true" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:open" aria-expanded="false"><span>Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M83 70v8H13v-8h70zm0-26v8H13v-8h70zm0-26v8H13v-8h70z"></path> </svg> </a> </div> <div class="gnb__menu-wrap"> <div class="gnb__depth1-container"> <div class="gnb__main"> <ul class="gnb__depth1" role="menubar"> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="mobile" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Mobile</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Mobile</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="mobile:featured" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Featured </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/phones/galaxy-z-fold6/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:galaxy z fold6"> <span class="gnb__depth3-link-text"> Galaxy Z Fold6 </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/phones/galaxy-z-flip6/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:galaxy z flip6"> <span class="gnb__depth3-link-text"> Galaxy Z Flip6 </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/phones/galaxy-s24/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:galaxy s24 series "> <span class="gnb__depth3-link-text"> Galaxy S24 Series </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/tablets/galaxy-tab-s10/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:galaxy tab s10 series"> <span class="gnb__depth3-link-text"> Galaxy Tab S10 Series </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/wearables/smartwatches/galaxy-watch-ultra-47mm-titanium-silver-sm-l705uztaxaa/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:galaxy watch ultra"> <span class="gnb__depth3-link-text"> Galaxy Watch Ultra </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/wearables/smartwatches/galaxy-watch7-44mm-green-lte-sm-l315uzgaxaa/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:galaxy watch7"> <span class="gnb__depth3-link-text"> Galaxy Watch7 </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/audio/headphones/galaxy-buds3-pro-silver-sm-r630nzaaxar/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:galaxy buds3 pro"> <span class="gnb__depth3-link-text"> Galaxy Buds3 Pro </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/rings/galaxy-ring/all/galaxy-ring-size-8-titanium-black-sm-q508nzkaxar/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:galaxy ring"> <span class="gnb__depth3-link-text"> Galaxy Ring </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:galaxy for business"> <span class="gnb__depth3-link-text"> Galaxy for Business </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/galaxy-ai/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:galaxy ai"> <span class="gnb__depth3-link-text"> Galaxy AI </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/rugged/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:rugged devices"> <span class="gnb__depth3-link-text"> Rugged Devices </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/certified-re-newed/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:featured:certified re-newed"> <span class="gnb__depth3-link-text"> Certified Re-Newed </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="mobile:products" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Products </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/phones/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:smartphones"> <span class="gnb__depth3-link-text"> Smartphones </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/tablets/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:tablets"> <span class="gnb__depth3-link-text"> Tablets </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/wearables/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:watches"> <span class="gnb__depth3-link-text"> Watches </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/audio/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:audio"> <span class="gnb__depth3-link-text"> Audio </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/rings/galaxy-ring/all/galaxy-ring-size-8-titanium-black-sm-q508nzkaxar/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:ring"> <span class="gnb__depth3-link-text"> Ring </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/mobile-accessories/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:accessories"> <span class="gnb__depth3-link-text"> Accessories </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="mobile:solutions" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Solutions </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/samsung-dex/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:dex - mobile powered computing"> <span class="gnb__depth3-link-text"> DeX - Mobile Powered Computing </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/topics/device-switch/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:switch to samsung"> <span class="gnb__depth3-link-text"> Switch to Samsung </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/topics/small-and-medium-business/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:smb solutions"> <span class="gnb__depth3-link-text"> SMB Solutions </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/topics/wearables/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:wearable solutions"> <span class="gnb__depth3-link-text"> Wearable Solutions </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/topics/5g-networks/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:5g connectivity"> <span class="gnb__depth3-link-text"> 5G Connectivity </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="mobile:software & services" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Software & Services </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/samsung-knox/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:software & services:knox - mobile security "> <span class="gnb__depth3-link-text"> Knox - Mobile Security </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/services/mobility-software/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:software & services:knox for enterprise"> <span class="gnb__depth3-link-text"> Knox for Enterprise </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/services/mobility-software/knox-manage/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:software & services:knox for smb"> <span class="gnb__depth3-link-text"> Knox for SMB </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="mobile:offers" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Offers </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/trade-in/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:offers:business trade-in"> <span class="gnb__depth3-link-text"> Business Trade-In </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/phones/?shop=Certified+Re-Newed" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:offers:certified re-newed phones"> <span class="gnb__depth3-link-text"> Certified Re-Newed Phones </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/cell-phone-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:offers:phone offers"> <span class="gnb__depth3-link-text"> Phone Offers </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/tablets-laptops-computers-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:offers:tablet offers"> <span class="gnb__depth3-link-text"> Tablet Offers </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/watches-audio-accessories-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:offers:watch & accessory offers"> <span class="gnb__depth3-link-text"> Watch & Accessory Offers </span> </a> </li> </ul> </div> </div> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/us/business/smartphones/galaxy-z-flip6/buy/?modelCode=SM-F741ULBAVZW" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:get up to $550 cash back per trade-in device on galaxy z flip6+:buy now"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/mobile/GNB_1_flip_black_300x300.png?$LazyLoad_Home_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/mobile/GNB_1_flip_black_300x300.png?$LazyLoad_Home_PNG$" alt="Get up to $550 cash back per trade-in device on Galaxy Z Flip6+"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/mobile/GNB_1_flip_black_300x300.png?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/mobile/GNB_1_flip_black_300x300.png?$624_624_JPG$" alt="Get up to $550 cash back per trade-in device on Galaxy Z Flip6+"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Get up to $550 cash back per trade-in device on Galaxy Z Flip6+</p> <span class="cta cta--underline cta--black">Buy now</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="displays" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Displays</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Displays</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:featured" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Featured </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:featured:digital signage overview"> <span class="gnb__depth3-link-text"> Digital Signage Overview </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/tvs/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:featured:commercial tv overview"> <span class="gnb__depth3-link-text"> Commercial TV Overview </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/direct-view-led/the-wall/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:featured:the wall microled display"> <span class="gnb__depth3-link-text"> The Wall MicroLED Display </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/interactive/kiosk/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:featured:samsung kiosk"> <span class="gnb__depth3-link-text"> Samsung Kiosk </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/success-stories/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:featured:success stories"> <span class="gnb__depth3-link-text"> Success Stories </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/industries/education/professional-learning-tools/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:featured:educators learning center"> <span class="gnb__depth3-link-text"> Educators Learning Center </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/partners/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:featured:display partners"> <span class="gnb__depth3-link-text"> Display Partners </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:products" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Products </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/smart-signage/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:smart signage"> <span class="gnb__depth3-link-text"> Smart Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/led-signage/indoor/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:indoor led signage"> <span class="gnb__depth3-link-text"> Indoor LED Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/led-signage/outdoor/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:outdoor led signage"> <span class="gnb__depth3-link-text"> Outdoor LED Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/commercial-tvs/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:commercial tvs"> <span class="gnb__depth3-link-text"> Commercial TVs </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/monitors/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:monitors"> <span class="gnb__depth3-link-text"> Monitors </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/accessories/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:digital signage accessories"> <span class="gnb__depth3-link-text"> Digital Signage Accessories </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/televisions-home-theater/tvs/the-frame/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:the frame"> <span class="gnb__depth3-link-text"> The Frame </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/televisions-home-theater/tvs/portable-projector/the-freestyle-sp-lsp3blaxza/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:freestyle"> <span class="gnb__depth3-link-text"> Freestyle </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/televisions-home-theater/home-theater/sound-bars/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:sound bars"> <span class="gnb__depth3-link-text"> Sound Bars </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/televisions-home-theater/television-home-theater-accessories/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:tv accessories"> <span class="gnb__depth3-link-text"> TV Accessories </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:industries" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Industries </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/industries/education/interactive-display/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:education interactive display"> <span class="gnb__depth3-link-text"> Education Interactive Display </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/industries/live-events-sports/displays/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:live events and sports signage"> <span class="gnb__depth3-link-text"> Live Events and Sports Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/industries/corporate/displays/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:corporate signage"> <span class="gnb__depth3-link-text"> Corporate Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/industries/retail/displays/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:retail signage"> <span class="gnb__depth3-link-text"> Retail Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/industries/quick-service-restaurant/displays/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:food & beverage signage"> <span class="gnb__depth3-link-text"> Food & Beverage Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/industries/hospitality/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:hospitality signage"> <span class="gnb__depth3-link-text"> Hospitality Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/industries/healthcare/hospital-technology/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:healthcare technology"> <span class="gnb__depth3-link-text"> Healthcare Technology </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:software & services" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Software & Services </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/custominstall/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:software & services:custom a/v home installations"> <span class="gnb__depth3-link-text"> Custom A/V Home Installations </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/industries/hospitality/lynk-cloud/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:software & services:lynk cloud hotel content management"> <span class="gnb__depth3-link-text"> LYNK Cloud Hotel Content Management </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/digital-signage-solutions/magicinfo/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:software & services:magicinfo - signage content management"> <span class="gnb__depth3-link-text"> MagicINFO - Signage Content Management </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/digital-signage-solutions/vxt-cms/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:software & services:vxt - content & remote management"> <span class="gnb__depth3-link-text"> VXT - Content & Remote Management </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/displays/partners/led-verified-partner-program/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:software & services:led verified partner program"> <span class="gnb__depth3-link-text"> LED Verified Partner Program </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:offers" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Offers </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/monitors-displays-tvs-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:offers:display & tv offers"> <span class="gnb__depth3-link-text"> Display & TV Offers </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:tools and resources" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Tools and Resources </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="https://display-configurator.biz.samsung.com/led" role="menuitem" target="_blank" aria-label="Open in a New Window" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:tools and resources:led & video wall configurator"> <span class="gnb__depth3-link-text"> LED & Video Wall Configurator <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="https://displaysolutions.samsung.com/support/resources/product-support" role="menuitem" target="_blank" aria-label="Open in a New Window" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:tools and resources:technical resources"> <span class="gnb__depth3-link-text"> Technical Resources <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/display-solutions/samsung-vxt/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="displays:samsung vxt" aria-expanded="false"> <span class="gnb__depth2-link-text"> VXT - Content & Remote Management </span> </a> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/us/business/displays/4k-uhd/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:displays:get up to 15% off your first order§:buy now"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/P6_GNB_qbc-series-4k-uhd-display_2_330x330.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/P6_GNB_qbc-series-4k-uhd-display_2_330x330.jpg?$LazyLoad_Home_JPG$" alt="Get up to 15% off your first order§"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/P6_GNB_qbc-series-4k-uhd-display_2_330x330.jpg?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/P6_GNB_qbc-series-4k-uhd-display_2_330x330.jpg?$624_624_JPG$" alt="Get up to 15% off your first order§"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Get up to 15% off your first order§</p> <span class="cta cta--underline cta--black">Buy now</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="computing" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Computing</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Computing</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="computing:featured" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Featured </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:featured:computing overview"> <span class="gnb__depth3-link-text"> Computing Overview </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/monitors/explore/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:featured:monitors overview"> <span class="gnb__depth3-link-text"> Monitors Overview </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/memory-storage/explore/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:featured:memory & storage overview"> <span class="gnb__depth3-link-text"> Memory & Storage Overview </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/galaxy-book/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:featured:galaxy book4 pc series"> <span class="gnb__depth3-link-text"> Galaxy Book4 PC Series </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/industries/education/chromebook/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:featured:chromebooks for education"> <span class="gnb__depth3-link-text"> Chromebooks for Education </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="computing:products" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Products </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/tablets/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:products:tablets"> <span class="gnb__depth3-link-text"> Tablets </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/galaxy-books/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:products:galaxy book"> <span class="gnb__depth3-link-text"> Galaxy Book </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/chromebooks/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:products:chromebook"> <span class="gnb__depth3-link-text"> Chromebook </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/monitors/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:products:monitors"> <span class="gnb__depth3-link-text"> Monitors </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/memory-storage/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:products:memory & data storage"> <span class="gnb__depth3-link-text"> Memory & Data Storage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/computing-accessories/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:products:accessories"> <span class="gnb__depth3-link-text"> Accessories </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="computing:solutions" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Solutions </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/mobile/choose-your-own-device/work-from-home/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:solutions:work from home"> <span class="gnb__depth3-link-text"> Work From Home </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/mobile/remote-work/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:solutions:remote work"> <span class="gnb__depth3-link-text"> Remote Work </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/digital-signage-solutions/office-reimagined/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:solutions:office reimagined"> <span class="gnb__depth3-link-text"> Office Reimagined </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/memory-storage/enterprise-solid-state-drives/explore/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:solutions:enterprise data storage"> <span class="gnb__depth3-link-text"> Enterprise Data Storage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/memory-storage/portable-solid-state-drives/explore/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:solutions:portable storage devices"> <span class="gnb__depth3-link-text"> Portable Storage Devices </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/computing/memory-storage/solid-state-drives/explore/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:solutions:client pc storage"> <span class="gnb__depth3-link-text"> Client PC Storage </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="computing:offers" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Offers </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/tablets-laptops-computers-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:offers:laptop offers"> <span class="gnb__depth3-link-text"> Laptop Offers </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/memory-storage-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:offers:memory & storage offers"> <span class="gnb__depth3-link-text"> Memory & Storage Offers </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/monitor-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="computing:offers:monitor offers"> <span class="gnb__depth3-link-text"> Monitor Offers </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="https://www.samsung.com/global/galaxybooks-downloadcenter/?siteCode=us" target="_blank" aria-label="Open in a New Window" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books download center" aria-expanded="false"> <span class="gnb__depth2-link-text"> Galaxy Books Download Center <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/us/business/computing/galaxy-books/galaxy-book4-series/buy/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:computing:get 50% off care+ with galaxy book4 series:buy now"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/P6_GNB_360PRO_BluetoothMouse_330x330.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/P6_GNB_360PRO_BluetoothMouse_330x330.jpg?$LazyLoad_Home_JPG$" alt="Get 50% off Care+ with Galaxy Book4 Series"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/P6_GNB_360PRO_BluetoothMouse_330x330.jpg?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/P6_GNB_360PRO_BluetoothMouse_330x330.jpg?$624_624_JPG$" alt="Get 50% off Care+ with Galaxy Book4 Series"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Get 50% off Care+ with Galaxy Book4 Series</p> <span class="cta cta--underline cta--black">Buy now</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="appliances" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Appliances</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Appliances</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="appliances:featured" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Featured </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:featured:appliances overview"> <span class="gnb__depth3-link-text"> Appliances Overview </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="appliances:kitchen" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Kitchen </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/refrigerators/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:refrigerators"> <span class="gnb__depth3-link-text"> Refrigerators </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/ranges/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:ranges"> <span class="gnb__depth3-link-text"> Ranges </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/cooktops-and-hoods/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:cooktops & hoods"> <span class="gnb__depth3-link-text"> Cooktops & Hoods </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/wall-ovens/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:wall ovens"> <span class="gnb__depth3-link-text"> Wall Ovens </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/microwaves/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:microwaves"> <span class="gnb__depth3-link-text"> Microwaves </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/dishwashers/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:dishwashers"> <span class="gnb__depth3-link-text"> Dishwashers </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="appliances:laundry" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Laundry </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/dryers/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:dryer"> <span class="gnb__depth3-link-text"> Dryer </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/washers/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:washer"> <span class="gnb__depth3-link-text"> Washer </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="appliances:other products" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Other Products </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/vacuums/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:other products:vacuums"> <span class="gnb__depth3-link-text"> Vacuums </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/home-appliances/home-appliances-accessories/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:other products:accessories"> <span class="gnb__depth3-link-text"> Accessories </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="appliances:builder" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Builder </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/builder/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:builder:home appliance program"> <span class="gnb__depth3-link-text"> Home Appliance Program </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="https://www.dacor.com/" role="menuitem" target="_blank" aria-label="Open in a New Window" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:builder:dacor: luxury appliances"> <span class="gnb__depth3-link-text"> Dacor: Luxury Appliances <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="appliances:offers" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Offers </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/appliance-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliances:offers:appliance offers"> <span class="gnb__depth3-link-text"> Appliance Offers </span> </a> </li> </ul> </div> </div> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/us/business/shop/all-deals/appliance-deals/bundles/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:appliances:shop appliance bundles for your business needs:shop now"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/GNB_P6_The_Wall_IAB_R-Perspective_Onscreen_330x330.png?$LazyLoad_Home_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/GNB_P6_The_Wall_IAB_R-Perspective_Onscreen_330x330.png?$LazyLoad_Home_PNG$" alt="Shop Appliance bundles for your business needs"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/GNB_P6_The_Wall_IAB_R-Perspective_Onscreen_330x330.png?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/GNB_P6_The_Wall_IAB_R-Perspective_Onscreen_330x330.png?$624_624_JPG$" alt="Shop Appliance bundles for your business needs"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Shop Appliance bundles for your business needs</p> <span class="cta cta--underline cta--black">Shop now</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="industries" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Industries</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Industries</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/solutions/industries/education/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:education" aria-expanded="false"> <span class="gnb__depth2-link-text"> Education </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/solutions/industries/finance/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:finance" aria-expanded="false"> <span class="gnb__depth2-link-text"> Finance </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/solutions/industries/government/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:government" aria-expanded="false"> <span class="gnb__depth2-link-text"> Government </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/solutions/industries/healthcare/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:healthcare" aria-expanded="false"> <span class="gnb__depth2-link-text"> Healthcare </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/solutions/industries/hospitality/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:hospitality" aria-expanded="false"> <span class="gnb__depth2-link-text"> Hospitality </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/solutions/industries/manufacturing/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:manufacturing" aria-expanded="false"> <span class="gnb__depth2-link-text"> Manufacturing </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/solutions/industries/public-safety/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:public safety" aria-expanded="false"> <span class="gnb__depth2-link-text"> Public Safety </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/solutions/industries/retail/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:retail" aria-expanded="false"> <span class="gnb__depth2-link-text"> Retail </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/solutions/industries/transportation/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:transportation" aria-expanded="false"> <span class="gnb__depth2-link-text"> Transportation </span> </a> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/us/business/solutions/industries/education/chromebook/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:industries:chromebooks for education:learn more"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/industries/Chromebooks-for-education_NV00_GNB_M.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/industries/Chromebooks-for-education_NV00_GNB_M.jpg?$LazyLoad_Home_JPG$" alt="Chromebooks for Education"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/industries/Chromebooks-for-education_NV00_GNB_M.jpg?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/industries/Chromebooks-for-education_NV00_GNB_M.jpg?$624_624_JPG$" alt="Chromebooks for Education"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Chromebooks for Education</p> <span class="cta cta--underline cta--black">Learn more</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="hvac" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">HVAC</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">HVAC</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="hvac:hvac solutions" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> HVAC Solutions </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="https://www.samsunghvac.com?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2b&utm_term=discoverHVAC" role="menuitem" target="_blank" aria-label="Open in a New Window" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="hvac:hvac solutions:discover hvac"> <span class="gnb__depth3-link-text"> Discover HVAC <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="https://www.samsunghvac.com/locator?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2b&utm_term=findHVACDealer" role="menuitem" target="_blank" aria-label="Open in a New Window" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="hvac:hvac solutions:dealer locator"> <span class="gnb__depth3-link-text"> Dealer Locator <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> </div> </div> </li> </ul> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="offers" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Offers</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Offers</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="offers:business offers" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Business Offers </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:all business offers"> <span class="gnb__depth3-link-text"> All Business Offers </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/rugged-smartphones-and-tablets/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:rugged devices"> <span class="gnb__depth3-link-text"> Rugged Devices </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/software/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:software"> <span class="gnb__depth3-link-text"> Software </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/cell-phone-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:smartphones"> <span class="gnb__depth3-link-text"> Smartphones </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/volume-pricing/certified-re-newed-phones/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:certified re-newed"> <span class="gnb__depth3-link-text"> Certified Re-Newed </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/tablets-laptops-computers-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:tablets & laptops"> <span class="gnb__depth3-link-text"> Tablets & Laptops </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/displays-tvs-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:display & tvs"> <span class="gnb__depth3-link-text"> Display & TVs </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/monitor-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:monitors"> <span class="gnb__depth3-link-text"> Monitors </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/appliance-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:appliances"> <span class="gnb__depth3-link-text"> Appliances </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/memory-storage-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:memory & storage"> <span class="gnb__depth3-link-text"> Memory & Storage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/watches-audio-accessories-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business offers:watches, audio & accessories"> <span class="gnb__depth3-link-text"> Watches, Audio & Accessories </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="offers:business programs" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Business Programs </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/account/login/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business programs:business account"> <span class="gnb__depth3-link-text"> Business Account </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/volume-pricing/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business programs:volume pricing"> <span class="gnb__depth3-link-text"> Volume Pricing </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/trade-in/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business programs:business trade-in"> <span class="gnb__depth3-link-text"> Business Trade-In </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/financing/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business programs:business financing"> <span class="gnb__depth3-link-text"> Business Financing </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/tax-exemption/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business programs:tax exemption"> <span class="gnb__depth3-link-text"> Tax Exemption </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/public-funding/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="offers:business programs:public funding"> <span class="gnb__depth3-link-text"> Public Funding </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/shop/buy-direct/?phase=signup" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="offers:why samsung business direct" aria-expanded="false"> <span class="gnb__depth2-link-text"> Why Samsung Business Direct </span> </a> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/us/business/tablets/galaxy-tab-active/buy/?modelCode=SM-X300NZGAN20" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:offers:trade-in and save on galaxy tab active5†:buy now"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/GNB-FLYOUT_TabActive5-SM-X306B_018_Group_Green_330x330.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/GNB-FLYOUT_TabActive5-SM-X306B_018_Group_Green_330x330.jpg?$LazyLoad_Home_JPG$" alt="Trade-in and save on Galaxy Tab Active5†"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/GNB-FLYOUT_TabActive5-SM-X306B_018_Group_Green_330x330.jpg?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/homepage/flyout/GNB-FLYOUT_TabActive5-SM-X306B_018_Group_Green_330x330.jpg?$624_624_JPG$" alt="Trade-in and save on Galaxy Tab Active5†"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Trade-in and save on Galaxy Tab Active5†</p> <span class="cta cta--underline cta--black">Buy now</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> </ul> </div> <div class="gnb__sub"> <ul class="gnb__depth1" role="menubar"> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="insights" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Insights</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Insights</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/support/resource-center/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="insights:resource center" aria-expanded="false"> <span class="gnb__depth2-link-text"> Resource Center </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/displays/success-stories/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="insights:display success stories" aria-expanded="false"> <span class="gnb__depth2-link-text"> Display Success Stories </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="https://insights.samsung.com/" target="_blank" aria-label="Open in a New Window" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="insights:business insights blog" aria-expanded="false"> <span class="gnb__depth2-link-text"> Business Insights Blog <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/us/business/support/resource-center/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:insights:visit the resource center:learn more"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/insights/Resource-Center_NV00_GNB_M.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/insights/Resource-Center_NV00_GNB_M.jpg?$LazyLoad_Home_JPG$" alt="Visit the Resource center"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/insights/Resource-Center_NV00_GNB_M.jpg?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/insights/Resource-Center_NV00_GNB_M.jpg?$624_624_JPG$" alt="Visit the Resource center"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Visit the Resource center</p> <span class="cta cta--underline cta--black">Learn more</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="support" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Support</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Support</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="support:product support" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Product Support </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/services/samsung-care-plus-for-business/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:product support:protection plan for mobile & computers"> <span class="gnb__depth3-link-text"> Protection Plan for Mobile & Computers </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/services/samsung-procare-device-protection/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:product support:protection plan for signage & displays"> <span class="gnb__depth3-link-text"> Protection Plan for Signage & Displays </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/solutions/services/business-services/enterprise-technical-support/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:product support:enterprise technical support"> <span class="gnb__depth3-link-text"> Enterprise Technical Support </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/support/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:product support:business product support"> <span class="gnb__depth3-link-text"> Business Product Support </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="support:order support" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Order Support </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/frequently-asked-questions/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:order support:order help center & faqs"> <span class="gnb__depth3-link-text"> Order Help Center & FAQs </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="tel:+8667264249" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:order support:get in touch (866) 726-4249"> <span class="gnb__depth3-link-text"> Get in Touch (866) 726-4249 </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="support:business support" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Business Support </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/account/login/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:business support:open a business account "> <span class="gnb__depth3-link-text"> Open a Business Account </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/financing/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:business support:samung business financing"> <span class="gnb__depth3-link-text"> Samung Business Financing </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/all-deals/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:business support:shop business offers"> <span class="gnb__depth3-link-text"> Shop Business Offers </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/shop/trade-in/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:business support:business bulk trade-in "> <span class="gnb__depth3-link-text"> Business Bulk Trade-In </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/about-us/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:business support:about us"> <span class="gnb__depth3-link-text"> About Us </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="support:partner support" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Partner Support </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/partners/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:partner support:partner hub"> <span class="gnb__depth3-link-text"> Partner Hub </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="https://partnerportal.samsungusa.com/#/login" role="menuitem" target="_blank" aria-label="Open in a New Window" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:partner support:ascend partner portal"> <span class="gnb__depth3-link-text"> Ascend Partner Portal <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="https://partner.samsungknox.com/" role="menuitem" target="_blank" aria-label="Open in a New Window" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:partner support:knox partner program"> <span class="gnb__depth3-link-text"> Knox Partner Program <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="support:executive briefing centers" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Executive Briefing Centers </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/about-us/executive-briefing-center/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:executive briefing centers:visit an executive briefing center"> <span class="gnb__depth3-link-text"> Visit an Executive Briefing Center </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/about-us/executive-briefing-center/irvine-california/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:executive briefing centers:california"> <span class="gnb__depth3-link-text"> California </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/about-us/executive-briefing-center/dallas-tx/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:executive briefing centers:dallas"> <span class="gnb__depth3-link-text"> Dallas </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/about-us/executive-briefing-center/new-jersey/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:executive briefing centers:new jersey"> <span class="gnb__depth3-link-text"> New Jersey </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/us/business/about-us/executive-briefing-center/washington-dc/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="support:executive briefing centers:washington d.c."> <span class="gnb__depth3-link-text"> Washington D.C. </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/us/business/about-us/business-events/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="support:business events" aria-expanded="false"> <span class="gnb__depth2-link-text"> Business Events </span> </a> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/us/business/support/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:support:need business product support?:explore now"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/support/011922/Support_NV00_GNB_M.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/support/011922/Support_NV00_GNB_M.jpg?$LazyLoad_Home_JPG$" alt="Need Business Product Support?"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/support/011922/Support_NV00_GNB_M.jpg?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/support/011922/Support_NV00_GNB_M.jpg?$624_624_JPG$" alt="Need Business Product Support?"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Need Business Product Support?</p> <span class="cta cta--underline cta--black">Explore now</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="industrial products" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Industrial Products</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Industrial Products</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="https://semiconductor.samsung.com/" target="_blank" aria-label="Open in a New Window" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industrial products:semiconductor" aria-expanded="false"> <span class="gnb__depth2-link-text"> Semiconductor <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="https://www.samsunghealthcare.com/en/" target="_blank" aria-label="Open in a New Window" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industrial products:medical devices" aria-expanded="false"> <span class="gnb__depth2-link-text"> Medical Devices <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="https://www.samsung.com/global/business/networks/" target="_blank" aria-label="Open in a New Window" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industrial products:global networks" aria-expanded="false"> <span class="gnb__depth2-link-text"> Global Networks <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="https://semiconductor.samsung.com/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:industrial products:discover the latest news and technology of semiconductor:learn more"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/flyout/SamsungDS_WebImage_GNB_All_220901.png?$LazyLoad_Home_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/flyout/SamsungDS_WebImage_GNB_All_220901.png?$LazyLoad_Home_PNG$" alt="Semiconductor"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/flyout/SamsungDS_WebImage_GNB_All_220901.png?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/gnb/flyout/SamsungDS_WebImage_GNB_All_220901.png?$624_624_JPG$" alt="Semiconductor"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Discover the latest news and technology of Semiconductor</p> <span class="cta cta--underline cta--black">Learn more</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu" role="presentation"> <a class="gnb__depth1-link" href="https://www.samsung.com/us/" target="_blank" aria-label="Open in a New Window" role="menuitem" an-tr="nv00_gnb--click-depth1" an-ca="navigation" an-ac="gnb" an-la="for consumers"> <span class="gnb__depth1-link-text"> For Consumers <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> <ul class="gnb__utility"> <li class="gnb__search"> <a class="gnb__search-btn gnb__search-btn-js" href="javascript:void(0)" role="button" an-tr="nv00_gnb-vd marketing page-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="search"> <span class="hidden">Search</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.581 4.09c20.126 0 36.5 16.374 36.5 36.5a36.325 36.325 0 01-7.963 22.733l22.8 22.948-5.674 5.639-22.767-22.913a36.327 36.327 0 01-22.896 8.093c-20.126 0-36.5-16.374-36.5-36.5s16.374-36.5 36.5-36.5zm0 8c-15.715 0-28.5 12.785-28.5 28.5s12.785 28.5 28.5 28.5 28.5-12.785 28.5-28.5-12.785-28.5-28.5-28.5z"></path> </svg> </a> </li> <li class="gnb__cart"> <a href="/us/web/business/express/cart/" class="gnb__cart-btn " role="link" an-tr="nv00_gnb--text-depth1" an-ca="navigation" an-ac="gnb" an-la="cart"> <span class="hidden">Cart</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path> </svg> <span class="gnb__cart-in-number gnb-cart-count" aria-live="polite" style="display:none;"></span> </a> </li> <li class="gnb__login before-login-context"> <a class="gnb__login-btn" href="javascript:void(0)" role="button" aria-label="Sign in" aria-expanded="false"> <span class="hidden">Sign in</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path> </svg> </a> <div class="gnb__login-layer"> <ul class="gnb__utility-menu"> <li> <a href="javascript:;" data-linkinfo="//www.samsung.com/us/business/account/login/" class="gnb__utility-link loginBtn" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="login">Sign in/Create Account <span class="icon-wrap"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path> </svg> </span> </a> </li> <li> <a href="https://www.samsung.com/us/web/business/search-orders/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="track your orders"> Track Your Orders </a> </li> </ul> </div> </li> <li class="gnb__logout after-login-context" style="display:none;"> <a class="gnb__logout-btn" href="javascript:void(0)" role="button" aria-label="Log Out" aria-expanded="false"> <span class="hidden">Open My Menu</span> <div class="image js-gnb-afterlogin-image" style="display:none;"> <img class="image__preview lazy-load-man" data-src="" alt=""/> <img class="image__main lazy-load-man" data-src="" alt=""/> </div> <svg class="icon js-gnb-afterlogin-no-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" focusable="false"> <g fill="none" fill-rule="evenodd"> <g> <g transform="translate(-1380 -22) translate(1380 22)"> <circle cx="18" cy="18" r="18" fill="#EEE"/> <g fill="#000" fill-rule="nonzero"> <path d="M8 8.333c2.891 0 5.333 2.37 5.333 5.176v1.324c0 .46-.373.834-.833.834h-9c-.46 0-.833-.374-.833-.834V13.51c0-2.806 2.442-5.176 5.333-5.176zm0 1.334c-2.13 0-4 1.795-4 3.842v.824h8v-.824c0-2.047-1.87-3.842-4-3.842zM8 .333c2.022 0 3.667 1.645 3.667 3.667S10.022 7.667 8 7.667 4.333 6.022 4.333 4 5.978.333 8 .333zm0 1.334C6.713 1.667 5.667 2.713 5.667 4c0 1.287 1.046 2.333 2.333 2.333 1.286 0 2.333-1.046 2.333-2.333 0-1.287-1.047-2.333-2.333-2.333z" transform="translate(10 10)"/> </g> </g> </g> </g> </svg> </a> <div class="gnb__login-layer"> <a class="gnb__user-name" href="https://account.samsung.com/membership/contents/profile/profile-gate" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="user name"> <span class="gnb__user-image"> <div class="image js-gnb-afterlogin-image" style="display:none;"> <img class="image__preview lazy-load-man" data-src="" alt=""/> <img class="image__main lazy-load-man" data-src="" alt=""/> </div> <svg class="icon js-gnb-afterlogin-no-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" focusable="false"> <g fill="none" fill-rule="evenodd"> <g> <g> <g transform="translate(-1216 -91) translate(1200 64) translate(16 27)"> <circle cx="16" cy="16" r="16" fill="#EEE"/> <g fill="#000" fill-rule="nonzero"> <path d="M8 8.333c2.891 0 5.333 2.37 5.333 5.176v1.324c0 .46-.373.834-.833.834h-9c-.46 0-.833-.374-.833-.834V13.51c0-2.806 2.442-5.176 5.333-5.176zm0 1.334c-2.13 0-4 1.795-4 3.842v.824h8v-.824c0-2.047-1.87-3.842-4-3.842zM8 .333c2.022 0 3.667 1.645 3.667 3.667S10.022 7.667 8 7.667 4.333 6.022 4.333 4 5.978.333 8 .333zm0 1.334C6.713 1.667 5.667 2.713 5.667 4c0 1.287 1.046 2.333 2.333 2.333 1.286 0 2.333-1.046 2.333-2.333 0-1.287-1.047-2.333-2.333-2.333z" transform="translate(8 8)"/> </g> </g> </g> </g> </g> </svg> </span> </a> <ul class="gnb__utility-menu"> <li> <a href="https://www.samsung.com/us/business/account/info/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="account info"> Account Info </a> </li> <li> <a href="https://www.samsung.com/us/web/business/my-orders/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="manage orders"> Manage Orders </a> </li> <li> <a href="javascript:;" class="gnb__utility-link logoutBtn" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="logout">Log Out</a> </li> </ul> </div> </li> </ul>  <div class="gnb__utility-mobile"> <ul class="gnb__utility-menu before-login-context"> <li> <a href="javascript:;" data-linkinfo="//www.samsung.com/us/business/account/login/" class="gnb__utility-link loginBtn" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="login"> Sign in/Create Account <span class="icon-wrap"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path> </svg> </span> </a> </li> <li> <a href="https://www.samsung.com/us/web/business/search-orders/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="track your orders"> Track Your Orders </a> </li> </ul>  <a class="gnb__user-name after-login-context" href="https://account.samsung.com/membership/contents/profile/profile-gate" style="display:none;" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="user name"> <span class="gnb__user-image"> <div class="image js-gnb-afterlogin-image" style="display:none;"> <img class="image__preview lazy-load-man" data-src="" alt=""/> <img class="image__main lazy-load-man" data-src="" alt=""/> </div> <svg class="icon js-gnb-afterlogin-no-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" focusable="false"> <g fill="none" fill-rule="evenodd"> <g> <g transform="translate(-1380 -22) translate(1380 22)"> <circle cx="18" cy="18" r="18" fill="#EEE"/> <g fill="#000" fill-rule="nonzero"> <path d="M8 8.333c2.891 0 5.333 2.37 5.333 5.176v1.324c0 .46-.373.834-.833.834h-9c-.46 0-.833-.374-.833-.834V13.51c0-2.806 2.442-5.176 5.333-5.176zm0 1.334c-2.13 0-4 1.795-4 3.842v.824h8v-.824c0-2.047-1.87-3.842-4-3.842zM8 .333c2.022 0 3.667 1.645 3.667 3.667S10.022 7.667 8 7.667 4.333 6.022 4.333 4 5.978.333 8 .333zm0 1.334C6.713 1.667 5.667 2.713 5.667 4c0 1.287 1.046 2.333 2.333 2.333 1.286 0 2.333-1.046 2.333-2.333 0-1.287-1.047-2.333-2.333-2.333z" transform="translate(10 10)"/> </g> </g> </g> </g> </svg> </span> </a> <ul class="gnb__utility-menu after-login-context" style="display:none;"> <li> <a href="https://www.samsung.com/us/business/account/info/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="account info"> Account Info </a> </li> <li> <a href="https://www.samsung.com/us/web/business/my-orders/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="manage orders"> Manage Orders </a> </li> <li> <a href="javascript:;" class="gnb__utility-link logoutBtn" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="logout">Log Out</a> </li> </ul> </div>  </div> </div> <a class="gnb__menu-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Close Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> <div class="gnb__mobile-dimmed" aria-hidden="true">  </div> <form id="signInForm" name="signInForm" method="get" action="//www.samsung.com/us/business/account/login/"> <input type="hidden" name="response_type" id="response_type" value=""/> <input type="hidden" name="client_id"/> <input type="hidden" name="locale" id="locale" value=""/> <input type="hidden" name="countryCode" value="US"/> <input type="hidden" name="redirect_uri" id="redirect_uri" value="//www.samsung.com/us/business/account/login/"/> <input type="hidden" name="state" id="signInState" value=""/> <input type="hidden" name="goBackURL" id="signInGoBackURL" value=""/> <input type="hidden" name="scope" id="scope" value=""/> </form>  <form id="signOutForm" name="signOutForm" method="get" action="//us.ecom.samsung.com/v2/sso/user/logout"> <input type="hidden" name="client_id"/> <input type="hidden" name="state" id="signOutState" value=""/> <input type="hidden" name="signOutURL" id="signOutURL"/> </form>  <form id="joinForm" name="joinForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="SignupAP"/> <input type="hidden" name="serviceID"/> <input type="hidden" name="serviceName"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="US"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="registURL" id="joinRegistURL" value="//www.samsung.com/us/business/account/login/"/> <input type="hidden" name="returnURL" id="joinReturnURL"/> <input type="hidden" name="goBackURL" id="joinGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> <input type="hidden" name="emailActivationURL" id="joinEmailActivationURL"/> </form>  <form id="findAccountForm" name="findAccountForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="FindEmail"/> <input type="hidden" name="serviceID"/> <input type="hidden" name="serviceName"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="US"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="goBackURL" id="findGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> </form>  <form id="accountModifyForm" name="accountModifyForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="ModifyUserInfo"/> <input type="hidden" name="serviceID"/> <input type="hidden" name="serviceName"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="US"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="goBackURL" id="accountModifyGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> </form> <form id="textForm" name="textForm"> <input type="hidden" name="productCountText" id="productCountText" value="Number of Products"/> </form> <input type="hidden" name="domain" id="domain" value="www.samsung.com"/> <input type="hidden" name="useLogin" id="useLogin" value="Y"/> <input type="hidden" name="useStore" id="useStore" value="Y"/> <input type="hidden" name="storeDomain" id="storeDomain" value="https://www.samsung.com/us/api"/> <input type="hidden" name="hybrisApiJson" id="hybrisApiJson"/> <input type="hidden" name="addToCartPostYn" id="addToCartPostYn"/> <input type="hidden" name="useNewAddToCartApi" id="useNewAddToCartApi"/> <input type="hidden" name="loginLinkURL" id="loginLinkURL" value="//www.samsung.com/us/business/account/login/"/> <input type="hidden" name="logoutURL" id="logoutURL" value="//us.ecom.samsung.com/v2/sso/user/logout"/> <input type="hidden" name="updateProfileURL" id="updateProfileURL"/> <input type="hidden" name="isLoginWithNoStore" id="isLoginWithNoStore"/> <input type="hidden" name="countryCode" id="countryCode" value="US"/> <input type="hidden" name="languageCode" id="languageCode" value="en"/> <input type="hidden" name="loginAccountServiceId" id="loginAccountServiceId"/> <input type="hidden" name="emailActivationURL" id="emailActivationURL"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="false"/> <input type="hidden" name="tieredPriceUseYn" id="tieredPriceUseYn"/> <input type="hidden" name="mySamsungRewardsTierType" id="mySamsungRewardsTierType"/> <input type="hidden" name="newMyRewardCurrencyConv" id="newMyRewardCurrencyConv"/> <input type="hidden" name="loginValidateYnForGPv2" id="loginValidateYnForGPv2" value=""/>  <div class="layer_popup" id="confirmPopup" style="display:none;"> <div id="popup-type02" class="popAlign"> <div class="popup_wrap"> <h2 class="pop-tit"></h2> <p class="msg-text tc"></p> <div class="pop-btn"> <a href="javascript:void(0)" class="button login-leave-btn" title="No Access OK">OK</a> </div> <button class="close-button icon-close-x login-leave-btn" data-focus-id="shop-popover-close" data-tab-disable="true" tabindex="0"> <span class="blind">No Access Close</span> </button> </div> </div> </div> <div class="layer_popup" style="display: none;"> <div id="popup_alert" class="popup-nextgen-type popAlign" tabindex="0" data-focus-id="shop-popover-wrap" data-tab-previous="shop-popover-close"> <div class="popup_wrap"> <p class="msg-text tc"></p> <div class="pop-btn"> <a href="javascript:void(0);" class="button alert-ok-button" data-popup="close" title="">OK</a> </div> <button class="close-button icon-close-x" data-focus-id="shop-popover-close" data-tab-next="shop-popover-wrap" data-popup="close" data-tab-disable="true" tabindex="0"> <span class="blind">Layer Popup Close</span> </button> </div> </div> </div> <div class="gnb__mobile-dimmed">  </div> </div> </div> </nav> <div class="layer-popup-dim layer-popup-dim--gnb" style="display:none"> </div> <div class="layer-popup gnb-layer_popup-js" id="layerEmptyCart" role="dialog" style="display:none"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> <svg class="icon icon--information" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 2.5c25.129 0 45.5 20.371 45.5 45.501S73.13 93.5 48 93.5 2.5 73.13 2.5 48.001C2.5 22.871 22.871 2.5 48 2.5zm0 5C25.633 7.5 7.5 25.633 7.5 48.001S25.632 88.5 48 88.5s40.5-18.131 40.5-40.499C88.5 25.633 70.367 7.5 48 7.5zm2.5 31V75h-5V43.5H40v-5h10.5zm-3.502-16.595C49.209 21.905 51 23.737 51 26c0 2.262-1.791 4.095-4.002 4.095C44.79 30.095 43 28.262 43 26c0-2.263 1.79-4.095 3.998-4.095z"></path> </svg> <p class="layer-popup__information-text">Your cart is empty.</p> </div> <div class="layer-popup__cta-wrap"> <div class="layer-popup__cta"> <a class="cta cta--contained cta--black gnb-js-layer-close" href="javascript:;" title="" an-tr="nv00_gnb--text-cart" an-ca="other interaction" an-ac="cart is empty:ok" an-la="cart is empty:ok">OK</a> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </button> </div> </div> <div class="layer-popup gnb-layer_popup-js" id="layerInsufficientStock" role="dialog" style="display:none"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> <svg class="icon icon--information" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 2.5c25.129 0 45.5 20.371 45.5 45.501S73.13 93.5 48 93.5 2.5 73.13 2.5 48.001C2.5 22.871 22.871 2.5 48 2.5zm0 5C25.633 7.5 7.5 25.633 7.5 48.001S25.632 88.5 48 88.5s40.5-18.131 40.5-40.499C88.5 25.633 70.367 7.5 48 7.5zm2.5 31V75h-5V43.5H40v-5h10.5zm-3.502-16.595C49.209 21.905 51 23.737 51 26c0 2.262-1.791 4.095-4.002 4.095C44.79 30.095 43 28.262 43 26c0-2.263 1.79-4.095 3.998-4.095z"></path> </svg> <p class="layer-popup__information-text">Sorry, there is insufficient stock for your cart.</p> </div> <div class="layer-popup__cta-wrap"> <div class="layer-popup__cta"><a class="cta cta--contained cta--black gnb-js-layer-close" href="javascript:;">OK</a></div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </button> </div> </div> <div class="layer-popup gnb__remove-product gnb-layer_popup-js" id="layerRemoveProduct" role="dialog" style="display:none"> <div class="layer-popup__inner"> <p class="layer-popup__title">Remove a Product</p> <div class="layer-popup__contents"> <p>Without this product, applied coupon or promotion code cannot be redeemed.<br/> Are you sure to remove this product?</p> </div> <div class="layer-popup__cta-wrap"> <div class="layer-popup__cta"><a class="cta cta--outlined cta--black" href="javascript:;" title="">Move to wish list</a></div> <div class="layer-popup__cta"><a class="cta cta--contained cta--black" href="javascript:;" title="">Delete</a></div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </button> </div> </div> <div class="layer-popup gnb__popup-privacy gnb-layer_popup-js" id="layerPrivacy" role="dialog" style="display:none"> <div class="layer-popup__inner" id="popup_privacy"> <p class="layer-popup__title">Privacy Policy</p> <div class="layer-popup__contents"> <div class="checkbox-radio"> <input type="checkbox" name="checkbox" class="hidden" id="privacy-terms"/> <label class="checkbox-radio__label" for="privacy-terms"> <span class="checkbox-radio__label-text">I have read and agree to the Samsung.com <a href='/us/info/privacy/' target='_blank' class='link-text' title="Open in a New Window">Privacy Policy</a> </span> </label> </div>  <p class="check-text check-text--error" id="errorPrivacy" style="display: none;">Tick this box to proceed to Samsung.com.</p>  <div class="checkbox-radio"> <input type="checkbox" name="checkbox" class="hidden" id="privacy-terms2"/> <label class="checkbox-radio__label" for="privacy-terms2"> <span class="checkbox-radio__label-text">By ticking this box, I accept Samsung Service Updates, including : </span></label></div><p class="check-text">Samsung.com Services and marketing information, new product and service announcements as well as special offers, events and newsletters.</p> <div class="layer-popup__cta-wrap"> <div class="layer-popup__cta"><a id="privacyBtn" class="cta cta--outlined cta--black" href="javascript:;" title="">PROCEED TO SAMSUNG.COM</a></div> <div class="layer-popup__cta"><a class="cta cta--contained cta--black login-leave-btn" href="javascript:;" title="">LEAVE PAGE</a></div> </div> <button class="layer-popup__close login-leave-btn" data-focus-id="shop-popover-close" data-tab-disable="true" tabindex="0"> <span class="hidden">Close Privacy Policy</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </button> </div> </div> </div> <div class="layer-popup gnb__popup-privacy gnb-layer_popup-js" id="layerPreference" role="dialog" style="display:none"> <div class="layer-popup__inner" id="popup-type04"> <p class="layer-popup__title">Check Preferences</p> <p class="layer-popup__contents">Help us to make recommendations for you by updating your product preferences.</p> <div class="layer-popup__cta-wrap"> <div class="layer-popup__cta"><a id="preferenceCheckBtn" class="cta cta--outlined cta--black" href="javascript:void(0);" title="">YES</a></div> <div class="layer-popup__cta"><a id="privacyCloseBtn" class="cta cta--contained cta--black" href="javascript:void(0);" title="">LATER</a></div> </div> <button class="layer-popup__close" data-focus-id="shop-popover-close" data-tab-disable="true" tabindex="0"> <span class="hidden">Close Check Preferences</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </button> </div> </div>  <input type="hidden" name="sc_gnb_searchURL" id="sc_gnb_searchURL" value="/us/business/search"/> <input type="hidden" name="sc_gnb_placeholder" id="sc_gnb_placeholder" value="Galaxy Z Fold4"/> <input type="hidden" name="sc_gnb_aiSearchUseYn" id="sc_gnb_aiSearchUseYn" value="N"/> <input type="hidden" name="eppFlag" id="eppFlag" value="N"/>  <section class="gnb-search" role="dialog" aria-modal="true" style="display: none;"> <div class="gnb-search__dimmed"></div> <div class="gnb-search__looping--start" tabindex="0"></div> <div class="gnb-search__contents"> <h2 class="text-title">What are you looking for?</h2> <div class="gnb-search__search-wrap"> <form action="javascript:;" class="gnb-search__form" role="search" autocomplete="off"> <fieldset> <legend>Search form</legend> <div class="gnb-search__input-wrap"> <button type="button" class="gnb-search__input-btn--close"> <span class="hidden">Close</span> <svg class="icon" focusable="false"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <label class="hidden" for="gnb-search-keyword">Search Keyword</label> <input type="text" name="search" class="gnb-search__input" id="gnb-search-keyword" maxlength="64" an-tr="search layer--search bar-submit" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:"/> <span class="gnb-search__placeholder">Galaxy Z Fold4</span>  <button type="button" class="gnb-search__input-btn--cancel" an-tr="search layer-vd marketing page-keyword delete-search" an-ca="search" an-ac="search layer" an-la="search bar:keyword delete"> <span class="hidden">Delete</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <button type="submit" class="gnb-search__input-btn--search" an-tr="search layer-vd marketing page-submit-search" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:keyword"> <span class="hidden">Search</span> <svg class="icon" focusable="false"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> <button type="button" class="gnb-search__input-btn--scan-barcode"> <span class="hidden">Scan Barcode</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#barcode-regular" href="#barcode-regular"></use> </svg> </button> </div> </fieldset> </form> <div class="gnb-search__result-wrap gnb-search__result-wrap--hide" style="overflow: auto;"> <div class="gnb-search__no-suggestions gnb-search__no-suggestions--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">No Suggestions</h3> </div> </div> <div class="gnb-search__related gnb-search__related--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Suggested Searches</h3> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> <div class="gnb-search__popular-keyword gnb-search__popular-keyword--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Popular Keyword</h3> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> <div class="gnb-search__history gnb-search__history--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Search History</h3> <button class="gnb-search__btn--history-clear" an-tr="search layer-vd marketing page-clear all-search" an-ca="search" an-ac="search layer" an-la="search history:clear all"> Clear All </button> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> </div> </div>  <div class="gnb-search__chip-wrap" role="list"> <h3 class="hidden">recommended search</h3> </div> <button class="gnb-search__btn--close" an-tr="search layer-vd marketing page-close-search" an-ca="search" an-ac="search layer" an-la="close"> <span class="hidden">Close</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> <div class="gnb-search__looping--end" tabindex="0"></div> </section>  </div> <div id="content" role="main"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="static-content aem-GridColumn aem-GridColumn--default--12">  <style> .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button, .vxt-common__headline, .vxt-common__sub-headline, .vxt-common__title { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-weight: 700; } .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide html[lang^="th"] button ,.vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide html[lang^="th"] button, html[lang^="th"] .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, html[lang^="th"] .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button, html[lang^="th"] .vxt-common__headline, html[lang^="th"] .vxt-common__sub-headline, html[lang^="th"] .vxt-common__title { font-family: Kittithada, SamsungSharpSans, SamsungOne, "sans serif"; } .vxt-common-cta { font-family: SamsungOne; font-weight: 700; } html[lang^="th"] .vxt-common-cta { font-family: Kittithada, SamsungOne; } .vxt * { box-sizing: border-box; margin: 0; padding: 0; vertical-align: top; } html.is-no-scroll { overflow: hidden; } html:not(.mobile).is-no-scroll { padding-right: 17px; } html #wrap { position: static; min-width: auto; } html[lang^="th"] body { font-family: Kittithada, SamsungOne, arial, sans-serif; } .is-feature-hide { display: none !important; } .blind { display: block; overflow: hidden; position: absolute !important; width: 1px; height: 1px; font-size: 1px; line-height: 1px; clip: rect(1px, 1px, 1px, 1px); } .vxt { position: relative; max-width: 1920px; margin: 0 auto; color: #1d1d1f; } .vxt a { color: #000; text-decoration: none; } .vxt section { display: block; } .vxt sup { font-size: 63%; top: 0.7em; vertical-align: top; } .vxt button { overflow: visible; background-color: transparent; cursor: pointer; font-family: SamsungOne; } .vxt .sc-video video { width: 100%; height: 100%; } .vxt figure img { display: block; } .rtl .vxt * { letter-spacing: 0 !important; } .vxt .click_sup { outline-offset: 0; color: inherit; font-weight: 400; } html.js-focus-visible .vxt a:focus, html.js-focus-visible .vxt button:focus, html.js-focus-visible .vxt input:focus, html.js-focus-visible .vxt select:focus, html.js-focus-visible .vxt textarea:focus { -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; outline: 2px dotted #000; } .vxt-common__headline { font-weight: 700; font-size: 68px; font-size: 4.72222vw; line-height: 1; outline: 0; } html[lang^="th"] .vxt-common__headline { font-size: 98.6px; font-size: 6.84722vw; } @media (min-width: 1440px) { .vxt-common__headline { font-size: 68px; } html[lang^="th"] .vxt-common__headline { font-size: 98.6px; } } .vxt-common__sub-headline { font-weight: 700; font-size: 52px; font-size: 3.61111vw; line-height: 1.3; outline: 0; color: #1d1d1f; } html[lang^="th"] .vxt-common__sub-headline { font-size: 70.2px; font-size: 4.875vw; } @media (min-width: 1440px) { .vxt-common__sub-headline { font-size: 52px; } html[lang^="th"] .vxt-common__sub-headline { font-size: 70.2px; } } html[lang^="th"] .vxt-common__sub-headline { line-height: 0.975; } .vxt-common__title { font-size: 32px; font-size: 2.22222vw; line-height: 1.25; color: #1d1d1f; } html[lang^="th"] .vxt-common__title { font-size: 43.2px; font-size: 3vw; } @media (min-width: 1440px) { .vxt-common__title { font-size: 32px; } html[lang^="th"] .vxt-common__title { font-size: 43.2px; } } html[lang^="th"] .vxt-common__title { line-height: 0.9375; } .vxt-common__description { margin-top: 17px; margin-top: 1.18056vw; font-size: 18px; font-size: 1.25vw; line-height: 1.44; color: #1d1d1f; } @media (min-width: 1440px) { .vxt-common__description { margin-top: 17px; } } html[lang^="th"] .vxt-common__description { font-size: 24.3px; font-size: 1.6875vw; } @media (min-width: 1440px) { .vxt-common__description { font-size: 18px; } html[lang^="th"] .vxt-common__description { font-size: 24.3px; } } html[lang^="th"] .vxt-common__description { line-height: 1.08; } .vxt-common__disclaimer { font-size: 10px; font-size: 0.69444vw; line-height: 1.4; color: #bebebe; text-align: center; } html[lang^="th"] .vxt-common__disclaimer { font-size: 13.5px; font-size: 0.9375vw; } @media (min-width: 1440px) { .vxt-common__disclaimer { font-size: 10px; } html[lang^="th"] .vxt-common__disclaimer { font-size: 13.5px; } } .vxt-common-br-mo { display: none; } .vxt-common-cta { overflow: hidden; display: inline-flex; align-items: center; position: relative; z-index: 6; min-height: 60px; min-height: 4.16667vw; padding: 0 33px; padding: 0 2.29167vw; border: 1px solid #000; border-radius: 30px; border-radius: 2.08333vw; font-size: 18px; font-size: 1.25vw; line-height: 1.3; text-align: center; } @media (min-width: 1440px) { .vxt-common-cta { min-height: 60px; } } @media (min-width: 1440px) { .vxt-common-cta { padding: 0 33px; } } @media (min-width: 1440px) { .vxt-common-cta { border-radius: 30px; } } html[lang^="th"] .vxt-common-cta { font-size: 24.3px; font-size: 1.6875vw; } @media (min-width: 1440px) { .vxt-common-cta { font-size: 18px; } html[lang^="th"] .vxt-common-cta { font-size: 24.3px; } } html[lang^="th"] .vxt-common-cta { line-height: 0.975; } .isIEorEdge .vxt-common-cta { height: 48px; height: 3.33333vw; } @media (min-width: 1440px) { .isIEorEdge .vxt-common-cta { height: 48px; } } .mac .vxt-common-cta { letter-spacing: 0.033em; } .vxt-common-cta span { position: relative; z-index: 5; color: #000; transition: color 0.25s ease-in-out; } .vxt-common-cta:after { display: block; position: absolute; left: 0; top: 0; z-index: auto; width: 0; height: 104%; background-color: #000; transition: width 0.25s ease-in-out; content: ""; } .rtl .vxt-common-cta:after { left: auto; right: 0; } .vxt-common-cta:focus span, .vxt-common-cta:hover span { color: #fff; } .vxt-common-cta:focus:after, .vxt-common-cta:hover:after { width: 100%; } .vxt-common-cta.s-encased { border: 1px solid #000; background-color: #000; } .vxt-common-cta.s-encased span { color: #fff; } .vxt-common-cta.s-encased:after { background-color: #fff; } .vxt-common-cta.s-encased:focus span, .vxt-common-cta.s-encased:hover span { color: #000; } .vxt-common-cta.s-white { border: 1px solid #fff; } .vxt-common-cta.s-white span { color: #fff; } .vxt-common-cta.s-white:after { background-color: #fff; } .vxt-common-cta.s-white:focus span, .vxt-common-cta.s-white:hover span { color: #000; } .vxt-common-cta.s-white:focus:after, .vxt-common-cta.s-white:hover:after { width: 100%; } .vxt-common-cta.s-white.s-encased { border: 1px solid #000; background-color: #fff; } .vxt-common-cta.s-white.s-encased span { color: #000; } .vxt-common-cta.s-white.s-encased:after { background-color: #000; } .vxt-common-cta.s-white.s-encased:focus span, .vxt-common-cta.s-white.s-encased:hover span { color: #fff; } .vxt-common__feature-title { text-align: center; } .vxt-common__feature-title .vxt-feature__cta { margin-top: 30px; margin-top: 2.08333vw; } @media (min-width: 1440px) { .vxt-common__feature-title .vxt-feature__cta { margin-top: 30px; } } .vxt-common__feature-title .vxt-feature__cta .vxt-common-cta + .vxt-common-cta { margin-left: 11px; margin-left: 0.76389vw; } @media (min-width: 1440px) { .vxt-common__feature-title .vxt-feature__cta .vxt-common-cta + .vxt-common-cta { margin-left: 11px; } } .rtl .vxt-common__feature-title .vxt-feature__cta .vxt-common-cta + .vxt-common-cta { margin-left: 0; margin-right: 11px; margin-right: 0.76389vw; } @media (min-width: 1440px) { .rtl .vxt-common__feature-title .vxt-feature__cta .vxt-common-cta + .vxt-common-cta { margin-right: 11px; } } @media screen and (max-width: 767px) { .vxt-common__headline { font-size: 85.33333px; font-size: 11.11111vw; line-height: 1.12; } html[lang^="th"] .vxt-common__headline { font-size: 123.73333px; font-size: 16.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common__headline { font-size: 40px; font-size: 11.11111vw; } html[lang^="th"] .vxt-common__headline { font-size: 58px; font-size: 16.11111vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt-common__headline { line-height: 0.84; } html[lang^="my"] .vxt-common__headline { line-height: 1.4; } .vxt-common__sub-headline { font-size: 59.73333px; font-size: 7.77778vw; line-height: 1.21; } html[lang^="th"] .vxt-common__sub-headline { font-size: 86.61333px; font-size: 11.27778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common__sub-headline { font-size: 28px; font-size: 7.77778vw; } html[lang^="th"] .vxt-common__sub-headline { font-size: 40.6px; font-size: 11.27778vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt-common__sub-headline { line-height: 0.9075; } html[lang^="my"] .vxt-common__sub-headline { line-height: 1.4; } .vxt-common__title { font-size: 42.66667px; font-size: 5.55556vw; line-height: 1.25; } html[lang^="th"] .vxt-common__title { font-size: 57.6px; font-size: 7.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common__title { font-size: 20px; font-size: 5.55556vw; } html[lang^="th"] .vxt-common__title { font-size: 27px; font-size: 7.5vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt-common__title { line-height: 0.9375; } html[lang^="my"] .vxt-common__title { line-height: 1.4; } .vxt-common__description { margin-top: 36.26667px; margin-top: 4.72222vw; font-size: 29.86667px; font-size: 3.88889vw; line-height: 1.28; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common__description { margin-top: 17px; margin-top: 4.72222vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt-common__description { font-size: 40.32px; font-size: 5.25vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common__description { font-size: 14px; font-size: 3.88889vw; } html[lang^="th"] .vxt-common__description { font-size: 18.9px; font-size: 5.25vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt-common__description { line-height: 0.96; } html[lang^="my"] .vxt-common__description { line-height: 1.4; } .vxt-common__description + .vxt-common__description { margin-top: 12.8px; margin-top: 1.66667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common__description + .vxt-common__description { margin-top: 6px; margin-top: 1.66667vw; } } @media screen and (max-width: 767px) { .vxt-common__disclaimer { font-size: 17.06667px; font-size: 2.22222vw; line-height: 1; } html[lang^="th"] .vxt-common__disclaimer { font-size: 23.04px; font-size: 3vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common__disclaimer { font-size: 8px; font-size: 2.22222vw; } html[lang^="th"] .vxt-common__disclaimer { font-size: 10.8px; font-size: 3vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt-common__disclaimer { line-height: 0.75; } html[lang^="my"] .vxt-common__disclaimer { line-height: 1.4; } .vxt-common-br-pc { display: none; } .vxt-common-br-mo { display: block; } .vxt-common-cta { min-height: 85.33333px; min-height: 11.11111vw; padding: 0 38.4px; padding: 0 5vw; border-radius: 64px; border-radius: 8.33333vw; font-size: 29.86667px; font-size: 3.88889vw; line-height: 1.28; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common-cta { min-height: 40px; min-height: 11.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common-cta { padding: 0 18px; padding: 0 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common-cta { border-radius: 30px; border-radius: 8.33333vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt-common-cta { font-size: 40.32px; font-size: 5.25vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common-cta { font-size: 14px; font-size: 3.88889vw; } html[lang^="th"] .vxt-common-cta { font-size: 18.9px; font-size: 5.25vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt-common-cta { line-height: 0.96; } html[lang^="my"] .vxt-common-cta { line-height: 1.4; } .isIEorEdge .vxt-common-cta { height: 102.4px; height: 13.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .isIEorEdge .vxt-common-cta { height: 48px; height: 13.33333vw; } } @media screen and (max-width: 767px) { .vxt-common__feature-title .vxt-feature__cta { margin-top: 42.66667px; margin-top: 5.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common__feature-title .vxt-feature__cta { margin-top: 20px; margin-top: 5.55556vw; } } @media screen and (max-width: 767px) { .vxt-common__feature-title .vxt-feature__cta .vxt-common-cta + .vxt-common-cta { margin-left: 10.66667px; margin-left: 1.38889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-common__feature-title .vxt-feature__cta .vxt-common-cta + .vxt-common-cta { margin-left: 5px; margin-left: 1.38889vw; } } a[class*="c_btn_close-"], button[class*="c_btn_close-"] { display: inline-block; font-size: 0; line-height: 0; box-sizing: content-box; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; cursor: pointer; } a.c_btn_close-type1, button.c_btn_close-type1 { width: 69px; height: 69px; text-align: center; } div[class*="m_layer-"] { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(27, 29, 55, 0); z-index: 2500; visibility: hidden; box-sizing: border-box; } div[class*="m_layer-"] span.layer-title { position: absolute; left: -999em; } .load div[class*="m_layer-"] { -webkit-transition: all 0.3s ease-in-out 0.3s, background 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s, background 0.3s ease-in-out 0.3s; } div[class*="m_layer-"] .m_ly_inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div[class*="m_layer-"] .m_ly_header { position: absolute; left: 30px; top: 43px; opacity: 0; } div[class*="m_layer-"] .m_ly_contents { position: absolute; left: 110px; right: 110px; top: 120px; bottom: 100px; opacity: 0; } .load div[class*="m_layer-"] .m_ly_contents, .load div[class*="m_layer-"] .m_ly_header { transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); } div[class*="m_layer-"] .c_btn_type2-next, div[class*="m_layer-"] .c_btn_type2-prev { position: absolute; top: 50%; margin-top: -89px; } div[class*="m_layer-"] .c_btn_type2-prev { left: 0; } div[class*="m_layer-"] .c_btn_type2-next { right: 0; } div[class*="m_layer-"] .c_btn_close-type1 { position: absolute; right: 7px; top: 27px; opacity: 0; outline: 0; transform: rotate(-360deg) scale(0.5); -webkit-transform: rotate(-360deg) scale(0.5); -moz-transform: rotate(-360deg) scale(0.5); -o-transform: rotate(-360deg) scale(0.5); } .ie11 div[class*="m_layer-"] .c_btn_close-type1 { transform: none; } div[class*="m_layer-"] .c_btn_close-type1 { transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); } div[class*="m_layer-"] .c_paging-type1, div[class*="m_layer-"] .m_paging_type1 { position: absolute; left: 0; right: 0; bottom: 13px; opacity: 0; } div[class*="m_layer-"].show .c_paging-type1, div[class*="m_layer-"].show .m_paging_type1 { opacity: 1; } div[class*="m_layer-"].show { visibility: visible; background-color: rgba(0, 0, 0, 0.97); } .load div[class*="m_layer-"].show { transition: background 0.3s ease-in-out, opacity 0.3s ease-out; -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-out; -moz-transition: background 0.3s ease-in-out, opacity 0.3s ease-out; -o-transition: background 0.3s ease-in-out, opacity 0.3s ease-out; } div[class*="m_layer-"].show .c_btn_close-type1, div[class*="m_layer-"].show .m_ly_contents, div[class*="m_layer-"].show .m_ly_header { opacity: 0.95; outline: invert none medium; transform: rotate(0) scale(1); -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); } div[class*="m_layer-"].show .c_btn_close-type1:focus { outline: 1px dotted #fff; } .m_layer-youtube .m_ly_header { max-width: 75%; } .m_video_view { position: absolute; left: 50%; top: 50%; width: 1000px; height: 562px; margin-left: -500px; margin-top: -281px; box-sizing: border-box; overflow: hidden; z-index: 101; } .m_video_view iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } div.m_layer-youtube[class*="m_layer-"] { background-color: rgba(0, 0, 0, 0.88); display: block; } div.m_layer-youtube[class*="m_layer-"] .modals_close-area { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } div.m_layer-youtube[class*="m_layer-"].show .m_ly_contents { left: 50%; right: auto; top: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } div.m_layer-youtube[class*="m_layer-"] .m_video_view { position: relative; top: auto; left: auto; margin: 0; height: 59.5vh; max-height: 565px; padding-top: 0; } div.m_layer-youtube[class*="m_layer-"] .c_btn_close_area { position: relative; bottom: 0; width: 45px; height: 45px; left: 50%; display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 20px; } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1 { position: absolute; width: 45px; height: 45px; background-color: #fff !important; border-radius: 50%; -webkit-box-shadow: 0 0 10px -6px #000; box-shadow: 0 0 10px -6px #000; z-index: 2; -webkit-transform: none; transform: none; right: 0; top: 0; } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1:after { content: ""; display: block; overflow: hidden; width: 45px; height: 45px; background: url(https://www.samsung.com/global/galaxy/common/images/c_btn_close_2_bk.png) center center/35% no-repeat; cursor: pointer; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1.focus-visible:after, div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1:focus:after, div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1:hover:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .firefox div.m_layer-youtube .c_btn_close-type1.focus-visible { outline: 2px dashed #fff; } html.rtl div.m_layer-youtube[class*="m_layer-"] .c_btn_close_area { left: auto; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } @media screen and (max-width: 1023px) { .m_video_view { left: 0; width: 100%; height: 0; margin: 0; padding-top: 56.25%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } div.m_layer-youtube[class*="m_layer-"].show .m_ly_contents { position: relative; } div.m_layer-youtube[class*="m_layer-"] .m_video_view { -webkit-transform: none; transform: none; } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1 { margin-bottom: 30px; } } @media screen and (max-width: 767px) { div.m_layer-youtube[class*="m_layer-"] .m_video_view { height: 28.9vh; max-height: 220px; min-height: 220px; } div.m_layer-youtube[class*="m_layer-"] .c_btn_close_area { width: 25px; height: 25px; padding-top: 15px; } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1 { width: 25px; height: 25px; } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1:after { width: 25px; height: 25px; } } .rtl div[class*="m_layer-"]._new .m_ly_gallery .zoom { left: auto; right: 0; } .rtl div[class*="m_layer-"]._new .m_ly_header { left: auto; right: 50px; } .rtl div[class*="m_layer-"]._new .c_btn_close-type1 { right: auto; left: 25px; } .rtl.s34 div[class*="m_layer-"]._new .m_ly_thumnail { left: auto; right: 50%; margin-left: 0; margin-right: 394px; } .rtl.s3 div[class*="m_layer-"]._new .m_ly_header { right: 50%; margin-left: 0; margin-right: -445px; } .rtl.s3 div[class*="m_layer-"]._new .c_btn_close-type1 { left: 50%; margin-left: -445px; margin-right: 0; } .rtl.s3 div[class*="m_layer-"]._new .m_ly_thumnail { margin-right: 292px; } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } .vxt :root { --swiper-theme-color: #007aff; } .vxt .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .vxt .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .vxt .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .vxt .swiper-container-android .swiper-slide, .vxt .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .vxt .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .vxt .swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .vxt .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .vxt .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .vxt .swiper-slide-invisible-blank { visibility: hidden; } .vxt .swiper-container-autoheight, .vxt .swiper-container-autoheight .swiper-slide { height: auto; } .vxt .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .vxt .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .vxt .swiper-container-3d .swiper-cube-shadow, .vxt .swiper-container-3d .swiper-slide, .vxt .swiper-container-3d .swiper-slide-shadow-bottom, .vxt .swiper-container-3d .swiper-slide-shadow-left, .vxt .swiper-container-3d .swiper-slide-shadow-right, .vxt .swiper-container-3d .swiper-slide-shadow-top, .vxt .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .vxt .swiper-container-3d .swiper-slide-shadow-bottom, .vxt .swiper-container-3d .swiper-slide-shadow-left, .vxt .swiper-container-3d .swiper-slide-shadow-right, .vxt .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .vxt .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient( linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .vxt .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .vxt .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .vxt .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .vxt .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .vxt .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .vxt .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .vxt .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .vxt .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .vxt :root { --swiper-navigation-size: 44px; } .vxt .swiper-button-next, .vxt .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .vxt .swiper-button-next.swiper-button-disabled, .vxt .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .vxt .swiper-button-next:after, .vxt .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; } .vxt .swiper-button-prev, .vxt .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .vxt .swiper-button-prev:after, .vxt .swiper-container-rtl .swiper-button-next:after { content: "prev"; } .vxt .swiper-button-next, .vxt .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .vxt .swiper-button-next:after, .vxt .swiper-container-rtl .swiper-button-prev:after { content: "next"; } .vxt .swiper-button-next.swiper-button-white, .vxt .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff; } .vxt .swiper-button-next.swiper-button-black, .vxt .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000; } .vxt .swiper-button-lock { display: none; } .vxt .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .vxt .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .vxt .swiper-container-horizontal > .swiper-pagination-bullets, .vxt .swiper-pagination-custom, .vxt .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .vxt .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .vxt .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .vxt .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .vxt .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .vxt .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .vxt .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .vxt .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .vxt .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .vxt .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } .vxt button.swiper-pagination-bullet { border: 0; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vxt .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .vxt .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .vxt .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .vxt .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .vxt .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .vxt .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .vxt .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .vxt .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .vxt .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .vxt .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .vxt .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .vxt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .vxt .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .vxt .swiper-container-horizontal > .swiper-pagination-progressbar, .vxt .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .vxt .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .vxt .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .vxt .swiper-pagination-white { --swiper-pagination-color: #fff; } .vxt .swiper-pagination-black { --swiper-pagination-color: #000; } .vxt .swiper-pagination-lock { display: none; } .vxt .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .vxt .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .vxt .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .vxt .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .vxt .swiper-scrollbar-cursor-drag { cursor: move; } .vxt .swiper-scrollbar-lock { display: none; } .vxt .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .vxt .swiper-zoom-container > canvas, .vxt .swiper-zoom-container > img, .vxt .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .vxt .swiper-slide-zoomed { cursor: move; } .vxt .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .vxt .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .vxt .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .vxt .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .vxt .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .vxt .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .vxt .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .vxt .swiper-container-fade .swiper-slide-active, .vxt .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .vxt .swiper-container-cube { overflow: visible; } .vxt .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .vxt .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .vxt .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .vxt .swiper-container-cube .swiper-slide-active, .vxt .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .vxt .swiper-container-cube .swiper-slide-active, .vxt .swiper-container-cube .swiper-slide-next, .vxt .swiper-container-cube .swiper-slide-next + .swiper-slide, .vxt .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .vxt .swiper-container-cube .swiper-slide-shadow-bottom, .vxt .swiper-container-cube .swiper-slide-shadow-left, .vxt .swiper-container-cube .swiper-slide-shadow-right, .vxt .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .vxt .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .vxt .swiper-container-flip { overflow: visible; } .vxt .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .vxt .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .vxt .swiper-container-flip .swiper-slide-active, .vxt .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .vxt .swiper-container-flip .swiper-slide-shadow-bottom, .vxt .swiper-container-flip .swiper-slide-shadow-left, .vxt .swiper-container-flip .swiper-slide-shadow-right, .vxt .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .video__container { overflow: hidden; position: relative; } .video__container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .video__container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video__container.loaded video { z-index: 1; } .low_network .video__container.loaded video { z-index: 0; } .video__container.loaded .video__controller { display: block; } .low_network .video__container.loaded .video__start-frame { opacity: 1; } .video__container.loaded .video__end-frame { opacity: 0; } .video__container.loaded.playing video { opacity: 1; } .video__container.loaded.playing .video__start-frame { opacity: 0; } .video__container.loaded.playing .video__end-frame { opacity: 0; } .video__container.loaded.paused video { z-index: 1; opacity: 1; } .video__container.loaded.paused .video__start-frame { opacity: 0; } .video__container.loaded.paused .video__end-frame { opacity: 0; } .video__container.loaded.ended video { z-index: 0; opacity: 0; } .video__container.loaded.ended .video__start-frame { opacity: 0; } .low_network .video__container.loaded.ended .video__start-frame { opacity: 1; } .video__container.loaded.ended .video__end-frame { opacity: 1; } .low_network .video__container.loaded.ended .video__end-frame { opacity: 0; } .video__container.ended video { z-index: 0; opacity: 0; } .video__container.ended .video__start-frame { opacity: 0; } .low_network .video__container.ended .video__start-frame { opacity: 1; } .video__container.ended .video__end-frame { opacity: 1; } .low_network .video__container.ended .video__end-frame { opacity: 0; } .video__container.ended .video__controller, .video__container.paused .video__controller, .video__container:hover .video__controller { opacity: 1; } .video__controller { display: none !important; position: absolute; z-index: 1; right: 16px; right: 1.11111vw; bottom: 16px; bottom: 1.11111vw; width: 34px; width: 2.36111vw; height: 34px; height: 2.36111vw; } @media (min-width: 1440px) { .video__controller { right: 16px; } } @media (min-width: 1440px) { .video__controller { bottom: 16px; } } @media (min-width: 1440px) { .video__controller { width: 34px; } } @media (min-width: 1440px) { .video__controller { height: 34px; } } .video__controller img { position: absolute; top: 0; left: 0; width: 100%; } .video__controller.is-use-controller { display: block !important; opacity: 0; } .low_network .video__controller.is-use-controller { opacity: 1; } .rtl .video__controller { right: auto; left: 16px; left: 1.11111vw; } @media (min-width: 1440px) { .rtl .video__controller { left: 16px; } } .low_network .video__controller { display: block !important; } .video__controller .pause { display: none; } .video__controller.is-paused .play { display: none; } .video__controller.is-paused .pause { display: block; } .video__start-frame { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; } .video__end-frame { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } @media screen and (max-width: 767px) { .video__controller { right: 25.6px; right: 3.33333vw; bottom: 25.6px; bottom: 3.33333vw; width: 64px; width: 8.33333vw; height: 64px; height: 8.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { right: 12px; right: 3.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { bottom: 12px; bottom: 3.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { width: 30px; width: 8.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { height: 30px; height: 8.33333vw; } } @media screen and (max-width: 767px) { .rtl .video__controller { right: auto; left: 25.6px; left: 3.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .video__controller { left: 12px; left: 3.33333vw; } } .vxt .vxt-lnb { min-height: 56px; min-height: 3.88889vw; border-top: 1px solid #eee; } @media (min-width: 1440px) { .vxt .vxt-lnb { min-height: 56px; } } .vxt .vxt-lnb .vxt-common-cta { min-height: 40px; min-height: 2.77778vw; padding: 0 18px; padding: 0 1.25vw; } @media (min-width: 1440px) { .vxt .vxt-lnb .vxt-common-cta { min-height: 40px; } } @media (min-width: 1440px) { .vxt .vxt-lnb .vxt-common-cta { padding: 0 18px; } } .vxt .vxt-lnb__inner { display: flex; align-items: center; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 24px; padding: 0 1.66667vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__inner { padding: 0 24px; } } .vxt .vxt-lnb__area { background: #fff; } .vxt .vxt-lnb__area.is-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; } .vxt .vxt-lnb__title { width: 292px; width: 20.27778vw; order: 1; flex-shrink: 0; font-size: 16px; font-size: 1.11111vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__title { width: 292px; } } html[lang^="th"] .vxt .vxt-lnb__title { font-size: 21.6px; font-size: 1.5vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__title { font-size: 16px; } html[lang^="th"] .vxt .vxt-lnb__title { font-size: 21.6px; } } .vxt .vxt-lnb__cta { order: 3; flex-shrink: 0; padding: 8px 0 8px 24px; padding: 0.55556vw 0 0.55556vw 1.66667vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__cta { padding: 8px 0 8px 24px; } } .rtl .vxt .vxt-lnb__cta { padding: 8px 24px 8px 0; padding: 0.55556vw 1.66667vw 0.55556vw 0; } @media (min-width: 1440px) { .rtl .vxt .vxt-lnb__cta { padding: 8px 24px 8px 0; } } .vxt .vxt-lnb__cta span { font-size: 14px; font-size: 0.97222vw; } html[lang^="th"] .vxt .vxt-lnb__cta span { font-size: 18.9px; font-size: 1.3125vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__cta span { font-size: 14px; } html[lang^="th"] .vxt .vxt-lnb__cta span { font-size: 18.9px; } } .vxt .vxt-lnb__nav { display: inline-block; max-width: 100%; padding-left: 36px; padding-left: 2.5vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__nav { padding-left: 36px; } } .rtl .vxt .vxt-lnb__nav { padding-left: 0; padding-right: 36px; padding-right: 2.5vw; } @media (min-width: 1440px) { .rtl .vxt .vxt-lnb__nav { padding-right: 36px; } } .vxt .vxt-lnb__nav-wrap { overflow: hidden; position: relative; order: 2; flex-basis: 0; flex-shrink: 1; flex-grow: 1; max-width: 100%; text-align: right; } .rtl .vxt .vxt-lnb__nav-wrap { text-align: left; } .vxt .vxt-lnb__nav-item.swiper-slide { display: inline-block; width: auto !important; padding: 5px 1px; padding: 0.34722vw 0.06944vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-item.swiper-slide { padding: 5px 1px; } } .vxt .vxt-lnb__nav-item:first-child { margin-left: -36px; margin-left: -2.5vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-item:first-child { margin-left: -36px; } } .rtl .vxt .vxt-lnb__nav-item:first-child { margin-left: 0; margin-right: -36px; margin-right: -2.5vw; } @media (min-width: 1440px) { .rtl .vxt .vxt-lnb__nav-item:first-child { margin-right: -36px; } } .vxt .vxt-lnb__nav-item.is-active { font-weight: 700; } .vxt .vxt-lnb__nav-item.is-active::after { position: absolute; height: 2px; right: 15px; right: 1.04167vw; left: 15px; left: 1.04167vw; bottom: 0; background-color: #000; content: ""; } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-item.is-active::after { right: 15px; } } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-item.is-active::after { left: 15px; } } .color_yb .vxt .vxt-lnb__nav-item.is-active::after { background-color: #fff01f !important; } .vxt .vxt-lnb__nav-item a { display: inline-flex; align-items: center; max-width: 332px; max-width: 23.05556vw; height: 46px; height: 3.19444vw; padding: 0 15px; padding: 0 1.04167vw; font-size: 14px; font-size: 0.97222vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-item a { max-width: 332px; } } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-item a { height: 46px; } } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-item a { padding: 0 15px; } } html[lang^="th"] .vxt .vxt-lnb__nav-item a { font-size: 18.9px; font-size: 1.3125vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-item a { font-size: 14px; } html[lang^="th"] .vxt .vxt-lnb__nav-item a { font-size: 18.9px; } } .vxt .vxt-lnb__nav-arrow { position: absolute; top: 50%; z-index: 2; width: 36px; width: 2.5vw; height: 100%; max-height: 56px; max-height: 3.88889vw; transform: translateY(-50%); background-color: #fff; } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-arrow { width: 36px; } } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-arrow { max-height: 56px; } } .color_yb .vxt .vxt-lnb__nav-arrow { background-color: #000 !important; } .vxt .vxt-lnb__nav-arrow:after { display: none; position: absolute; top: 0; height: 100%; content: ""; } .vxt .vxt-lnb__nav-arrow svg { position: absolute; top: 50%; width: 12px; width: 0.83333vw; height: 12px; height: 0.83333vw; margin-top: -6px; margin-top: -0.41667vw; } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-arrow svg { width: 12px; } } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-arrow svg { height: 12px; } } @media (min-width: 1440px) { .vxt .vxt-lnb__nav-arrow svg { margin-top: -6px; } } .color_yb .vxt .vxt-lnb__nav-arrow svg path { stroke: #fff01f !important; } .vxt .vxt-lnb__nav-arrow.swiper-button-disabled { display: none !important; } .vxt .vxt-lnb__nav-arrow.swiper-nav-prev { left: 0; } .vxt .vxt-lnb__nav-arrow.swiper-nav-prev::after { left: 100%; background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff); } .color_yb .vxt .vxt-lnb__nav-arrow.swiper-nav-prev::after { background: linear-gradient(to left, rgba(0, 0, 0, 0), #000) !important; } .rtl .vxt .vxt-lnb__nav-arrow.swiper-nav-prev { right: 0; left: auto; } .rtl .vxt .vxt-lnb__nav-arrow.swiper-nav-prev::after { right: 100%; left: auto; background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff); } .rtl .vxt .vxt-lnb__nav-arrow.swiper-nav-prev svg { right: auto; left: 0; transform: none; } .rtl.color_yb .vxt .vxt-lnb__nav-arrow.swiper-nav-prev::after { background: linear-gradient(to right, rgba(0, 0, 0, 0), #000) !important; } .vxt .vxt-lnb__nav-arrow.swiper-nav-prev svg { right: 0; transform: rotate(180deg); } .vxt .vxt-lnb__nav-arrow.swiper-nav-next { right: 0; } .vxt .vxt-lnb__nav-arrow.swiper-nav-next::after { right: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff); } .color_yb .vxt .vxt-lnb__nav-arrow.swiper-nav-next::after { background: linear-gradient(to right, rgba(0, 0, 0, 0), #000) !important; } .rtl.color_yb .vxt .vxt-lnb__nav-arrow.swiper-nav-next::after { background: linear-gradient(to left, rgba(0, 0, 0, 0), #000) !important; } .rtl .vxt .vxt-lnb__nav-arrow.swiper-nav-next { right: auto; left: 0; } .rtl .vxt .vxt-lnb__nav-arrow.swiper-nav-next::after { right: auto; left: 100%; background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff); } .rtl .vxt .vxt-lnb__nav-arrow.swiper-nav-next svg { right: 0; left: auto; transform: rotate(180deg); } .vxt .vxt-lnb__nav-arrow.swiper-nav-next svg { left: 0; } @media screen and (max-width: 767px) { .vxt .vxt-lnb { min-height: 204.8px; min-height: 26.66667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb { min-height: 96px; min-height: 26.66667vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb .vxt-common-cta { min-height: 85.33333px; min-height: 11.11111vw; padding: 0 38.4px; padding: 0 5vw; border-radius: 85.33333px; border-radius: 11.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb .vxt-common-cta { min-height: 40px; min-height: 11.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb .vxt-common-cta { padding: 0 18px; padding: 0 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb .vxt-common-cta { border-radius: 40px; border-radius: 11.11111vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__inner { display: flex; flex-wrap: wrap; padding: 0; } .vxt .vxt-lnb__title { flex: 1; order: 1; padding-left: 25.6px; padding-left: 3.33333vw; font-size: 34.13333px; font-size: 4.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__title { padding-left: 12px; padding-left: 3.33333vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt .vxt-lnb__title { font-size: 46.08px; font-size: 6vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__title { font-size: 16px; font-size: 4.44444vw; } html[lang^="th"] .vxt .vxt-lnb__title { font-size: 21.6px; font-size: 6vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-lnb__title { padding-left: 0; padding-right: 25.6px; padding-right: 3.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-lnb__title { padding-right: 12px; padding-right: 3.33333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__title .title { display: inline-flex; align-items: center; height: 102.4px; height: 13.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__title .title { height: 48px; height: 13.33333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__cta { order: 2; padding: 8.53333px 21.33333px; padding: 1.11111vw 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__cta { padding: 4px 10px; padding: 1.11111vw 2.77778vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-lnb__cta { padding: 8.53333px 21.33333px; padding: 1.11111vw 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-lnb__cta { padding: 4px 10px; padding: 1.11111vw 2.77778vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__cta span { font-size: 29.86667px; font-size: 3.88889vw; } html[lang^="th"] .vxt .vxt-lnb__cta span { font-size: 40.32px; font-size: 5.25vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__cta span { font-size: 14px; font-size: 3.88889vw; } html[lang^="th"] .vxt .vxt-lnb__cta span { font-size: 18.9px; font-size: 5.25vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__nav { display: inline-block; width: 100%; padding-left: 68.26667px; padding-left: 8.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav { padding-left: 32px; padding-left: 8.88889vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-lnb__nav { padding-left: 0; padding-right: 68.26667px; padding-right: 8.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-lnb__nav { padding-right: 32px; padding-right: 8.88889vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__nav-wrap { order: 3; flex: 0 0 auto; text-align: left; } .rtl .vxt .vxt-lnb__nav-wrap { text-align: right; } .vxt .vxt-lnb__nav-item.swiper-slide { padding: 10.66667px 2.13333px; padding: 1.38889vw 0.27778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-item.swiper-slide { padding: 5px 1px; padding: 1.38889vw 0.27778vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__nav-item:first-child { margin-left: -68.26667px; margin-left: -8.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-item:first-child { margin-left: -32px; margin-left: -8.88889vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-lnb__nav-item:first-child { margin-left: 0; margin-right: -68.26667px; margin-right: -8.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-lnb__nav-item:first-child { margin-right: -32px; margin-right: -8.88889vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__nav-item.is-active::after { right: 25.6px; right: 3.33333vw; left: 25.6px; left: 3.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-item.is-active::after { right: 12px; right: 3.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-item.is-active::after { left: 12px; left: 3.33333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__nav-item a { max-width: none; height: 81.06667px; height: 10.55556vw; padding: 0 25.6px; padding: 0 3.33333vw; font-size: 29.86667px; font-size: 3.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-item a { height: 38px; height: 10.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-item a { padding: 0 12px; padding: 0 3.33333vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt .vxt-lnb__nav-item a { font-size: 40.32px; font-size: 5.25vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-item a { font-size: 14px; font-size: 3.88889vw; } html[lang^="th"] .vxt .vxt-lnb__nav-item a { font-size: 18.9px; font-size: 5.25vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__nav-arrow { width: 68.26667px; width: 8.88889vw; height: 102.4px; height: 13.33333vw; max-height: 102.4px; max-height: 13.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-arrow { width: 32px; width: 8.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-arrow { height: 48px; height: 13.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-arrow { max-height: 48px; max-height: 13.33333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__nav-arrow:after { display: block; width: 51.2px; width: 6.66667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-arrow:after { width: 24px; width: 6.66667vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__nav-arrow svg { width: 36.26667px; width: 4.72222vw; height: 36.26667px; height: 4.72222vw; margin-top: -17.06667px; margin-top: -2.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-arrow svg { width: 17px; width: 4.72222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-arrow svg { height: 17px; height: 4.72222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-arrow svg { margin-top: -8px; margin-top: -2.22222vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__nav-arrow.swiper-nav-prev svg { right: 8.53333px; right: 1.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-arrow.swiper-nav-prev svg { right: 4px; right: 1.11111vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-lnb__nav-arrow.swiper-nav-prev svg { right: auto; left: 8.53333px; left: 1.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-lnb__nav-arrow.swiper-nav-prev svg { left: 4px; left: 1.11111vw; } } @media screen and (max-width: 767px) { .vxt .vxt-lnb__nav-arrow.swiper-nav-next svg { left: 8.53333px; left: 1.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-lnb__nav-arrow.swiper-nav-next svg { left: 4px; left: 1.11111vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-lnb__nav-arrow.swiper-nav-next svg { right: 8.53333px; right: 1.11111vw; left: auto; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-lnb__nav-arrow.swiper-nav-next svg { right: 4px; right: 1.11111vw; } } .vxt .vxt-kv__wrap { position: relative; } .vxt .vxt-kv .vxt-common__feature-title { position: absolute; left: 50%; bottom: 126px; bottom: 8.75vw; z-index: 10; transform: translateX(-50%); } @media (min-width: 1440px) { .vxt .vxt-kv .vxt-common__feature-title { bottom: 126px; } } .vxt .vxt-kv .vxt-common__title { font-size: 68px; font-size: 4.72222vw; line-height: 1; color: #fff; } html[lang^="th"] .vxt .vxt-kv .vxt-common__title { font-size: 98.6px; font-size: 6.84722vw; } @media (min-width: 1440px) { .vxt .vxt-kv .vxt-common__title { font-size: 68px; } html[lang^="th"] .vxt .vxt-kv .vxt-common__title { font-size: 98.6px; } } html[lang^="th"] .vxt .vxt-kv .vxt-common__title { line-height: 0.75; } .vxt .vxt-kv .vxt-common__description { margin-top: 16px; margin-top: 1.11111vw; font-size: 32px; font-size: 2.22222vw; line-height: 1.25; color: #fff; } @media (min-width: 1440px) { .vxt .vxt-kv .vxt-common__description { margin-top: 16px; } } html[lang^="th"] .vxt .vxt-kv .vxt-common__description { font-size: 43.2px; font-size: 3vw; } @media (min-width: 1440px) { .vxt .vxt-kv .vxt-common__description { font-size: 32px; } html[lang^="th"] .vxt .vxt-kv .vxt-common__description { font-size: 43.2px; } } html[lang^="th"] .vxt .vxt-kv .vxt-common__description { line-height: 0.9375; } .vxt .vxt-kv .vxt-common-cta.s-encased.s-white { border: none; } .vxt .vxt-kv .vxt-feature__cta { margin-top: 50px; margin-top: 3.47222vw; } @media (min-width: 1440px) { .vxt .vxt-kv .vxt-feature__cta { margin-top: 50px; } } .vxt .vxt-kv .video__container { position: relative; height: 954px; height: 66.25vw; } @media (min-width: 1440px) { .vxt .vxt-kv .video__container { height: 954px; } } .vxt .vxt-kv .video__container::after { display: block; position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background: linear-gradient(to top, #000 1.41%, rgba(0, 0, 0, 0) 50%); } .vxt .vxt-kv .video__container video { object-fit: cover; } .vxt .vxt-kv .video__controller { width: 64px; width: 4.44444vw; height: 64px; height: 4.44444vw; right: auto; left: 45px; left: 3.125vw; bottom: 45px; bottom: 3.125vw; z-index: 10; } @media (min-width: 1440px) { .vxt .vxt-kv .video__controller { width: 64px; } } @media (min-width: 1440px) { .vxt .vxt-kv .video__controller { height: 64px; } } @media (min-width: 1440px) { .vxt .vxt-kv .video__controller { left: 45px; } } @media (min-width: 1440px) { .vxt .vxt-kv .video__controller { bottom: 45px; } } .rtl .vxt .vxt-kv .video__controller { left: auto; right: 45px; right: 3.125vw; } @media (min-width: 1440px) { .rtl .vxt .vxt-kv .video__controller { right: 45px; } } @media screen and (max-width: 767px) { .vxt .vxt-kv .vxt-common__feature-title { bottom: 181.33333px; bottom: 23.61111vw; width: 100%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-kv .vxt-common__feature-title { bottom: 85px; bottom: 23.61111vw; } } @media screen and (max-width: 767px) { .vxt .vxt-kv .vxt-common__title { font-size: 85.33333px; font-size: 11.11111vw; line-height: 1.25; } html[lang^="th"] .vxt .vxt-kv .vxt-common__title { font-size: 123.73333px; font-size: 16.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-kv .vxt-common__title { font-size: 40px; font-size: 11.11111vw; } html[lang^="th"] .vxt .vxt-kv .vxt-common__title { font-size: 58px; font-size: 16.11111vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt .vxt-kv .vxt-common__title { line-height: 0.9375; } html[lang^="my"] .vxt .vxt-kv .vxt-common__title { line-height: 1.4; } .vxt .vxt-kv .vxt-common__description { margin-top: 14.93333px; margin-top: 1.94444vw; font-size: 46.93333px; font-size: 6.11111vw; line-height: 1.1; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-kv .vxt-common__description { margin-top: 7px; margin-top: 1.94444vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt .vxt-kv .vxt-common__description { font-size: 63.36px; font-size: 8.25vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-kv .vxt-common__description { font-size: 22px; font-size: 6.11111vw; } html[lang^="th"] .vxt .vxt-kv .vxt-common__description { font-size: 29.7px; font-size: 8.25vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt .vxt-kv .vxt-common__description { line-height: 0.825; } html[lang^="my"] .vxt .vxt-kv .vxt-common__description { line-height: 1.4; } .vxt .vxt-kv .vxt-feature__cta { margin-top: 85.33333px; margin-top: 11.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-kv .vxt-feature__cta { margin-top: 40px; margin-top: 11.11111vw; } } @media screen and (max-width: 767px) { .vxt .vxt-kv .video__container { height: 1233.06667px; height: 160.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-kv .video__container { height: 578px; height: 160.55556vw; } } @media screen and (max-width: 767px) { .vxt .vxt-kv .video__controller { width: 55.46667px; width: 7.22222vw; height: 55.46667px; height: 7.22222vw; left: 42.66667px; left: 5.55556vw; bottom: 42.66667px; bottom: 5.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-kv .video__controller { width: 26px; width: 7.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-kv .video__controller { height: 26px; height: 7.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-kv .video__controller { left: 20px; left: 5.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-kv .video__controller { bottom: 20px; bottom: 5.55556vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-kv .video__controller { left: auto; right: 42.66667px; right: 5.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-kv .video__controller { right: 20px; right: 5.55556vw; } } .vxt .vxt-award { position: relative; background-color: #05080f; } .vxt .vxt-award .vxt-common__sub-headline { color: #fff; text-align: center; } .vxt .vxt-award__cover { position: absolute; top: 0; left: 50%; max-width: 100%; height: 100%; transform: translateX(-50%); } .vxt .vxt-award__wrap { position: relative; z-index: 1; padding: 152px 0 153px; padding: 10.55556vw 0 10.625vw; } @media (min-width: 1440px) { .vxt .vxt-award__wrap { padding: 152px 0 153px; } } .vxt .vxt-award__list { display: flex; justify-content: space-between; max-width: 839px; max-width: 58.26389vw; margin: 59px auto 0; margin: 4.09722vw auto 0; } @media (min-width: 1440px) { .vxt .vxt-award__list { max-width: 839px; } } @media (min-width: 1440px) { .vxt .vxt-award__list { margin: 59px auto 0; } } .vxt .vxt-award__list-item { width: 172px; width: 11.94444vw; margin-left: 150px; margin-left: 10.41667vw; text-align: center; } @media (min-width: 1440px) { .vxt .vxt-award__list-item { width: 172px; } } @media (min-width: 1440px) { .vxt .vxt-award__list-item { margin-left: 150px; } } .rtl .vxt .vxt-award__list-item { margin-left: 0; margin-right: 150px; margin-right: 10.41667vw; } @media (min-width: 1440px) { .rtl .vxt .vxt-award__list-item { margin-right: 150px; } } .vxt .vxt-award__list-item:first-child { margin: 0; } .vxt .vxt-award__list-item:last-child { width: 205px; width: 14.23611vw; margin-left: 140px; margin-left: 9.72222vw; } @media (min-width: 1440px) { .vxt .vxt-award__list-item:last-child { width: 205px; } } @media (min-width: 1440px) { .vxt .vxt-award__list-item:last-child { margin-left: 140px; } } .rtl .vxt .vxt-award__list-item:last-child { margin-left: 0; margin-right: 140px; margin-right: 9.72222vw; } @media (min-width: 1440px) { .rtl .vxt .vxt-award__list-item:last-child { margin-right: 140px; } } .vxt .vxt-award__list-image { position: relative; width: 152px; width: 10.55556vw; height: 152px; height: 10.55556vw; margin: 0 auto; } @media (min-width: 1440px) { .vxt .vxt-award__list-image { width: 152px; } } @media (min-width: 1440px) { .vxt .vxt-award__list-image { height: 152px; } } .vxt .vxt-award__list-image img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .vxt .vxt-award__list-text { display: block; margin-top: 18px; margin-top: 1.25vw; font-size: 18px; font-size: 1.25vw; letter-spacing: -0.01em; line-height: 26px; line-height: 1.80556vw; color: #fff; } @media (min-width: 1440px) { .vxt .vxt-award__list-text { margin-top: 18px; } } html[lang^="th"] .vxt .vxt-award__list-text { font-size: 24.3px; font-size: 1.6875vw; } @media (min-width: 1440px) { .vxt .vxt-award__list-text { font-size: 18px; } html[lang^="th"] .vxt .vxt-award__list-text { font-size: 24.3px; } } @media (min-width: 1440px) { .vxt .vxt-award__list-text { line-height: 26px; } } @media screen and (max-width: 767px) { .vxt .vxt-award__wrap { padding: 81.06667px 0 149.33333px; padding: 10.55556vw 0 19.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__wrap { padding: 38px 0 70px; padding: 10.55556vw 0 19.44444vw; } } @media screen and (max-width: 767px) { .vxt .vxt-award__list { flex-wrap: wrap; justify-content: center; max-width: none; margin: 96px auto 0; margin: 12.5vw auto 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list { margin: 45px auto 0; margin: 12.5vw auto 0; } } @media screen and (max-width: 767px) { .vxt .vxt-award__list-item { width: 292.26667px; width: 38.05556vw; margin: 0 25.6px; margin: 0 3.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-item { width: 137px; width: 38.05556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-item { margin: 0 12px; margin: 0 3.33333vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-award__list-item { margin: 0 25.6px; margin: 0 3.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-award__list-item { margin: 0 12px; margin: 0 3.33333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-award__list-item:first-child { margin: 0 25.6px; margin: 0 3.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-item:first-child { margin: 0 12px; margin: 0 3.33333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-award__list-item:last-child { width: 341.33333px; width: 44.44444vw; margin: 76.8px auto 0; margin: 10vw auto 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-item:last-child { width: 160px; width: 44.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-item:last-child { margin: 36px auto 0; margin: 10vw auto 0; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-award__list-item:last-child { margin: 76.8px auto 0; margin: 10vw auto 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-award__list-item:last-child { margin: 36px auto 0; margin: 10vw auto 0; } } @media screen and (max-width: 767px) { .vxt .vxt-award__list-item:last-child .vxt-award__list-text { margin-top: 8.53333px; margin-top: 1.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-item:last-child .vxt-award__list-text { margin-top: 4px; margin-top: 1.11111vw; } } @media screen and (max-width: 767px) { .vxt .vxt-award__list-image { width: 213.33333px; width: 27.77778vw; height: 213.33333px; height: 27.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-image { width: 100px; width: 27.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-image { height: 100px; height: 27.77778vw; } } @media screen and (max-width: 767px) { .vxt .vxt-award__list-text { margin-top: 27.73333px; margin-top: 3.61111vw; font-size: 29.86667px; font-size: 3.88889vw; line-height: 38.4px; line-height: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-text { margin-top: 13px; margin-top: 3.61111vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt .vxt-award__list-text { font-size: 40.32px; font-size: 5.25vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-text { font-size: 14px; font-size: 3.88889vw; } html[lang^="th"] .vxt .vxt-award__list-text { font-size: 18.9px; font-size: 5.25vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-award__list-text { line-height: 18px; line-height: 5vw; } } .vxt .vxt-streamline { padding: 160px 0 132px; padding: 11.11111vw 0 9.16667vw; } @media (min-width: 1440px) { .vxt .vxt-streamline { padding: 160px 0 132px; } } .vxt .vxt-streamline__image { width: 100%; height: 612px; height: 42.5vw; } @media (min-width: 1440px) { .vxt .vxt-streamline__image { height: 612px; } } .vxt .vxt-streamline img { width: 100%; height: 100%; object-fit: cover; } .vxt .vxt-streamline__wrap { display: flex; max-width: 1260px; max-width: 87.5vw; margin: 0 auto; } @media (min-width: 1440px) { .vxt .vxt-streamline__wrap { max-width: 1260px; } } .vxt .vxt-streamline__copy { width: 77.1%; padding-top: 100px; padding-top: 6.94444vw; margin-right: 144px; margin-right: 10vw; } @media (min-width: 1440px) { .vxt .vxt-streamline__copy { padding-top: 100px; } } @media (min-width: 1440px) { .vxt .vxt-streamline__copy { margin-right: 144px; } } .rtl .vxt .vxt-streamline__copy { margin-right: 0; margin-left: 144px; margin-left: 10vw; } @media (min-width: 1440px) { .rtl .vxt .vxt-streamline__copy { margin-left: 144px; } } @media screen and (max-width: 767px) { .vxt .vxt-streamline { padding: 153.6px 0 160px; padding: 20vw 0 20.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-streamline { padding: 72px 0 75px; padding: 20vw 0 20.83333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-streamline__wrap { max-width: none; flex-direction: column; } .vxt .vxt-streamline__copy { width: 100%; margin-right: 0; padding: 0 59.73333px; padding: 0 7.77778vw; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-streamline__copy { padding: 0 28px; padding: 0 7.77778vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-streamline__copy { margin-left: 0; } .vxt .vxt-streamline__image { height: 614.4px; height: 80vw; margin-top: 93.86667px; margin-top: 12.22222vw; padding: 0 49.06667px; padding: 0 6.38889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-streamline__image { height: 288px; height: 80vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-streamline__image { margin-top: 44px; margin-top: 12.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-streamline__image { padding: 0 23px; padding: 0 6.38889vw; } } .vxt-choose { background-color: #f5f5f7; } .vxt-choose__wrap { padding: 150px 0 160px; padding: 10.41667vw 0 11.11111vw; } @media (min-width: 1440px) { .vxt-choose__wrap { padding: 150px 0 160px; } } .vxt-choose__contents { display: flex; flex-direction: column-reverse; margin-top: 70px; margin-top: 4.86111vw; } @media (min-width: 1440px) { .vxt-choose__contents { margin-top: 70px; } } .vxt-choose__tab { margin: 0 auto 30px auto; margin: 0 auto 2.08333vw auto; } @media (min-width: 1440px) { .vxt-choose__tab { margin: 0 auto 30px auto; } } .vxt-choose__tab-list { justify-content: center; } .vxt-choose__list-item { display: flex; align-items: center; overflow: hidden; } .vxt-choose__list-text { flex-shrink: 0; width: 429px; width: 29.79167vw; margin-left: 90px; margin-left: 6.25vw; } @media (min-width: 1440px) { .vxt-choose__list-text { width: 429px; } } @media (min-width: 1440px) { .vxt-choose__list-text { margin-left: 90px; } } .rtl .vxt-choose__list-text { margin-left: 0; margin-right: 90px; margin-right: 6.25vw; } @media (min-width: 1440px) { .rtl .vxt-choose__list-text { margin-right: 90px; } } .vxt-choose__list-description { margin-top: 24px; margin-top: 1.66667vw; } @media (min-width: 1440px) { .vxt-choose__list-description { margin-top: 24px; } } .vxt-choose__list-image[id="slide4"] { width: 573px; width: 39.79167vw; margin-left: 62px; margin-left: 4.30556vw; } @media (min-width: 1440px) { .vxt-choose__list-image[id="slide4"] { width: 573px; } } @media (min-width: 1440px) { .vxt-choose__list-image[id="slide4"] { margin-left: 62px; } } .rtl .vxt-choose__list-image[id="slide4"] { margin-left: 0; margin-right: 62px; margin-right: 4.30556vw; } @media (min-width: 1440px) { .rtl .vxt-choose__list-image[id="slide4"] { margin-right: 62px; } } .vxt-choose__list-image img { width: 100%; } .vxt-choose__container { position: relative; } .vxt-choose__btn { display: flex; justify-content: space-between; position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; max-width: 1440px; max-width: 100vw; transform: translate(-50%, -50%); pointer-events: none; } @media (min-width: 1440px) { .vxt-choose__btn { max-width: 1440px; } } .vxt-choose .video__container { position: relative; height: 358px; height: 24.86111vw; border-radius: 10px; border-radius: 0.69444vw; } @media (min-width: 1440px) { .vxt-choose .video__container { height: 358px; } } @media (min-width: 1440px) { .vxt-choose .video__container { border-radius: 10px; } } .vxt-choose .swiper-container[id="chooseSlide"], .vxt-choose .swiper-container[id="vxt21__chooseSlide"] { margin-left: 0; margin-right: 0; } .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { width: 1260px; width: 87.5vw; min-height: 680px; min-height: 47.22222vw; height: auto; margin: 0 30px; margin: 0 2.08333vw; padding-right: 106px; padding-right: 7.36111vw; border-radius: 20px; border-radius: 1.38889vw; background-color: #fff; justify-content: space-between; } @media (min-width: 1440px) { .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide , .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { width: 1260px; } } @media (min-width: 1440px) { .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide , .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { min-height: 680px; } } @media (min-width: 1440px) { .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { margin: 0 30px; } } @media (min-width: 1440px) { .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide , .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { padding-right: 106px; } } @media (min-width: 1440px) { .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { border-radius: 20px; } } .rtl .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide, .rtl .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { padding-right: 0; padding-left: 106px; padding-left: 7.36111vw; } @media (min-width: 1440px) { .rtl .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide, .rtl .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { padding-left: 106px; } } .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-next, .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-prev, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-next, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-prev { position: static; width: 60px; width: 4.16667vw; height: 60px; height: 4.16667vw; margin-top: 0; pointer-events: all; } @media (min-width: 1440px) { .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-next, .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-prev, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-next, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-prev { width: 60px; } } @media (min-width: 1440px) { .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-next, .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-prev, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-next, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-prev { height: 60px; } } .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-next::after, .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-prev::after, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-next::after, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-prev::after { content: none; } .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-next.swiper-button-disabled, .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-prev.swiper-button-disabled, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-next.swiper-button-disabled, .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-prev.swiper-button-disabled { opacity: 0; visibility: hidden; } .rtl .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-next , .rtl .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-next { transform: rotate(180deg); } .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-prev , .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-prev { transform: rotate(180deg); } .rtl .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-prev, .rtl .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-prev { transform: none; } .vxt-choose .swiper-container[id="chooseTab"] .swiper-wrapper, .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-wrapper { width: 1260px; width: 87.5vw; } @media (min-width: 1440px) { .vxt-choose .swiper-container[id="chooseTab"] .swiper-wrapper, .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-wrapper { width: 1260px; } } .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide, .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide { width: auto; padding: 1px 0; } .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide + .swiper-slide, .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide + .swiper-slide { margin-left: 30px; margin-left: 2.08333vw; } @media (min-width: 1440px) { .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide + .swiper-slide, .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide + .swiper-slide { margin-left: 30px; } } .rtl .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide + .swiper-slide, .rtl .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide + .swiper-slide { margin-left: 0; margin-right: 30px; margin-right: 2.08333vw; } @media (min-width: 1440px) { .rtl .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide + .swiper-slide, .rtl .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide + .swiper-slide { margin-right: 30px; } } .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide.swiper-slide-thumb-active , .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide.swiper-slide-thumb-active { background-color: unset; } .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide.swiper-slide-thumb-active button, .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide.swiper-slide-thumb-active button { text-decoration: underline; color: #1d1d1f; } .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { font-size: 18px; font-size: 1.25vw; line-height: 2; color: rgba(29, 29, 31, 0.4); } html[lang^="th"] .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, html[lang^="th"] .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { font-size: 24.3px; font-size: 1.6875vw; } @media (min-width: 1440px) { .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button , .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { font-size: 18px; } html[lang^="th"] .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, html[lang^="th"] .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { font-size: 24.3px; } } html[lang^="th"] .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, html[lang^="th"] .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { line-height: 1.5; } @media screen and (max-width: 767px) { .vxt .vxt-choose .vxt-common__sub-headline { padding: 0 64px; padding: 0 8.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .vxt-common__sub-headline { padding: 0 30px; padding: 0 8.33333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__wrap { padding: 157.86667px 0 155.73333px; padding: 20.55556vw 0 20.27778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__wrap { padding: 74px 0 73px; padding: 20.55556vw 0 20.27778vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__contents { margin-top: 100.26667px; margin-top: 13.05556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__contents { margin-top: 47px; margin-top: 13.05556vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__tab { margin: 0 0 49.06667px 0; margin: 0 0 6.38889vw 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__tab { margin: 0 0 23px 0; margin: 0 0 6.38889vw 0; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__tab-list { justify-content: flex-start; } .vxt .vxt-choose__player { overflow: hidden; border-radius: 10.66667px; border-radius: 1.38889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__player { border-radius: 5px; border-radius: 1.38889vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__list-item { flex-direction: column; justify-content: space-between; align-items: normal; } .vxt .vxt-choose__list-text { width: auto; margin-left: 0; } .rtl .vxt .vxt-choose__list-text { margin-right: 0; } .vxt .vxt-choose__list-description { margin-top: 32px; margin-top: 4.16667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-description { margin-top: 15px; margin-top: 4.16667vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__list-image { width: 100%; height: 558.93333px; height: 72.77778vw; margin: 0 auto; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image { height: 262px; height: 72.77778vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__list-image[id="slide3"]{ overflow: hidden; width: 490.66667px; width: 63.88889vw; height: 307.2px; height: 40vw; margin-bottom: 74.66667px; margin-bottom: 9.72222vw; border-radius: 10.66667px; border-radius: 1.38889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide3"]{ width: 230px; width: 63.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide3"] { height: 144px; height: 40vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide3"] { margin-bottom: 35px; margin-bottom: 9.72222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide3"] { border-radius: 5px; border-radius: 1.38889vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__list-image[id="slide4"] { width: 490.66667px; width: 63.88889vw; height: 307.2px; height: 40vw; margin-bottom: 74.66667px; margin-bottom: 9.72222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide4"] { width: 230px; width: 63.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide4"] { height: 144px; height: 40vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide4"]{ margin-bottom: 35px; margin-bottom: 9.72222vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__list-image[id="slide5"] { width: 396.8px; width: 51.66667vw; height: 358.4px; height: 46.66667vw; margin-bottom: 66.13333px; margin-bottom: 8.61111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide5"]{ width: 186px; width: 51.66667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide5"] { height: 168px; height: 46.66667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide5"] { margin-bottom: 31px; margin-bottom: 8.61111vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__list-image[id="slide6"]{ width: 499.2px; width: 65vw; height: 407.46667px; height: 53.05556vw; margin-bottom: 68.26667px; margin-bottom: 8.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide6"] { width: 234px; width: 65vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide6"] { height: 191px; height: 53.05556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__list-image[id="slide6"] { margin-bottom: 32px; margin-bottom: 8.88889vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-choose__list-image { margin: 36.26667px auto 0; margin: 4.72222vw auto 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-choose__list-image { margin: 17px auto 0; margin: 4.72222vw auto 0; } } @media screen and (max-width: 767px) { .vxt .vxt-choose__container { width: auto; } .vxt .vxt-choose__btn { max-width: 723.2px; max-width: 94.16667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose__btn { max-width: 339px; max-width: 94.16667vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { width: 597.33333px; width: 77.77778vw; min-height: 1141.33333px; min-height: 148.61111vw; margin: 0 18.13333px; margin: 0 2.36111vw; padding: 91.73333px 0 0; padding: 11.94444vw 0 0; border-radius: 21.33333px; border-radius: 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide,.vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { width: 280px; width: 77.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { min-height: 535px; min-height: 148.61111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide,.vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { margin: 0 8.5px; margin: 0 2.36111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide , .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide{ padding: 43px 0 0; padding: 11.94444vw 0 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { border-radius: 10px; border-radius: 2.77778vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide, .rtl .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { flex-direction: column; padding: 91.73333px 0 0; padding: 11.94444vw 0 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-slide, .rtl .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { padding: 43px 0 0; padding: 11.94444vw 0 0; } } @media screen and (max-width: 767px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-next, .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-prev, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-next, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-prev { width: 106.66667px; width: 13.88889vw; height: 106.66667px; height: 13.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-next, .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-prev, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-next, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-prev { width: 50px; width: 13.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-next, .vxt .vxt-choose .swiper-container[id="chooseSlide"] .swiper-button-prev, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-next, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-button-prev { height: 50px; height: 13.88889vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .vxt-choose__list-text, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .vxt-choose__list-text { padding: 0 44.8px 0 53.33333px; padding: 0 5.83333vw 0 6.94444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseSlide"] .vxt-choose__list-text, .vxt .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .vxt-choose__list-text { padding: 0 21px 0 25px; padding: 0 5.83333vw 0 6.94444vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide, .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide { width: auto; } .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide + .swiper-slide, .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide + .swiper-slide { margin-left: 53.33333px; margin-left: 6.94444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide + .swiper-slide , .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide + .swiper-slide { margin-left: 25px; margin-left: 6.94444vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide + .swiper-slide, .rtl .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide + .swiper-slide { margin-left: 0; margin-right: 53.33333px; margin-right: 6.94444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide + .swiper-slide, .rtl .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide + .swiper-slide { margin-right: 25px; margin-right: 6.94444vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide:first-child, .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide:first-child { margin-left: 85.33333px; margin-left: 11.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide:first-child, .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide:first-child { margin-left: 40px; margin-left: 11.11111vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide:first-child, .rtl .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide:first-child { margin-left: 0; margin-right: 85.33333px; margin-right: 11.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide:first-child, .rtl .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide:first-child { margin-right: 40px; margin-right: 11.11111vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide:last-child , .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide:last-child { margin-right: 85.33333px; margin-right: 11.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide:last-child, .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide:last-child { margin-right: 40px; margin-right: 11.11111vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide:last-child, .rtl .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide:last-child { margin-left: 85.33333px; margin-left: 11.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide:last-child, .rtl .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide:last-child { margin-left: 40px; margin-left: 11.11111vw; } } @media screen and (max-width: 767px) { .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { font-size: 38.4px; font-size: 5vw; line-height: 2; } .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { line-height: 1.5; } html[lang^="th"] .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, html[lang^="th"] .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { font-size: 51.84px; font-size: 6.75vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { font-size: 18px; font-size: 5vw; } html[lang^="th"] .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, html[lang^="th"] .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { font-size: 24.3px; font-size: 6.75vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, html[lang^="th"] .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { line-height: 1.5; } html[lang^="my"] .vxt .vxt-choose .swiper-container[id="chooseTab"] .swiper-slide button, html[lang^="my"] .vxt .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { line-height: 1.6; } } .vxt-content .vxt-common__description { margin-top: 36px; margin-top: 2.5vw; } @media (min-width: 1440px) { .vxt-content .vxt-common__description { margin-top: 36px; } } .vxt-content__wrap { overflow: hidden; padding: 150px 0; padding: 10.41667vw 0; } @media (min-width: 1440px) { .vxt-content__wrap { padding: 150px 0; } } .vxt-content__contents { margin-top: 80px; margin-top: 5.55556vw; } @media (min-width: 1440px) { .vxt-content__contents { margin-top: 80px; } } .vxt-content__list { max-width: 1260px; max-width: 87.5vw; margin: 0 auto; border: 1px solid #ddd; } @media (min-width: 1440px) { .vxt-content__list { max-width: 1260px; } } .vxt-content__item { display: flex; align-items: center; background-color: #f2f3fa; } .vxt-content__item.promotional { border-bottom: 1px solid #ddd; } .vxt-content__item.playlist .vxt-content__text { order: 1; border-right: 0; border-left: 1px solid #ddd; } .rtl .vxt-content__item.playlist .vxt-content__text { border-left: 0; border-right: 1px solid #ddd; } .vxt-content__item:only-child.promotional { border: 0; } .vxt-content__item div { width: 50%; } .vxt-content__image { height: 560px; height: 38.88889vw; } @media (min-width: 1440px) { .vxt-content__image { height: 560px; } } .vxt-content__image img { width: 100%; height: 100%; object-fit: cover; } .vxt-content__text { display: flex; flex-direction: column; justify-content: center; min-height: 560px; min-height: 38.88889vw; padding: 50px 90px; padding: 3.47222vw 6.25vw; background-color: #fff; border-right: 1px solid #ddd; } @media (min-width: 1440px) { .vxt-content__text { min-height: 560px; } } @media (min-width: 1440px) { .vxt-content__text { padding: 50px 90px; } } .rtl .vxt-content__text { border-right: 0; border-left: 1px solid #ddd; } .vxt-content__player { position: relative; overflow: hidden; flex-shrink: 0; width: 637px; width: 44.23611vw; height: auto; padding-bottom: 40.77901%; } @media (min-width: 1440px) { .vxt-content__player { width: 637px; } } .vxt-content__slide { max-width: 1320px; max-width: 91.66667vw; margin: 40px auto; margin: 2.77778vw auto; } @media (min-width: 1440px) { .vxt-content__slide { max-width: 1320px; } } @media (min-width: 1440px) { .vxt-content__slide { margin: 40px auto; } } .vxt-content__slide.swiper-container { overflow: unset; padding: 0 30px 1px; padding: 0 2.08333vw 0.06944vw; } @media (min-width: 1440px) { .vxt-content__slide.swiper-container { padding: 0 30px 1px; } } .vxt-content__slide-item { display: flex; overflow: hidden; justify-content: space-between; align-items: center; margin-right: 60px; margin-right: 4.16667vw; border: 1px solid #ddd; border-radius: 20px; border-radius: 1.38889vw; } @media (min-width: 1440px) { .vxt-content__slide-item { margin-right: 60px; } } @media (min-width: 1440px) { .vxt-content__slide-item { border-radius: 20px; } } .vxt-content__slide-item.swiper-slide { height: auto; min-height: 513px; min-height: 35.625vw; } @media (min-width: 1440px) { .vxt-content__slide-item.swiper-slide { min-height: 513px; } } .rtl .vxt-content__slide-item { margin-right: 0; margin-left: 60px; margin-left: 4.16667vw; } @media (min-width: 1440px) { .rtl .vxt-content__slide-item { margin-left: 60px; } } .vxt-content__slide-item:last-child { margin-right: 0; } .rtl .vxt-content__slide-item:last-child { margin-left: 0; } .vxt-content__slide-item.screen .vxt-content__slide-text { width: 473px; width: 32.84722vw; } @media (min-width: 1440px) { .vxt-content__slide-item.screen .vxt-content__slide-text { width: 473px; } } .vxt-content__slide-text { margin-left: 90px; margin-left: 6.25vw; padding: 50px 0; padding: 3.47222vw 0; } @media (min-width: 1440px) { .vxt-content__slide-text { margin-left: 90px; } } @media (min-width: 1440px) { .vxt-content__slide-text { padding: 50px 0; } } .rtl .vxt-content__slide-text { margin-left: 0; margin-right: 90px; margin-right: 6.25vw; } @media (min-width: 1440px) { .rtl .vxt-content__slide-text { margin-right: 90px; } } .vxt-content__slide-text .vxt-common__description { margin-top: 25px; margin-top: 1.73611vw; } @media (min-width: 1440px) { .vxt-content__slide-text .vxt-common__description { margin-top: 25px; } } .vxt-content__slide-image { overflow: hidden; position: relative; flex-shrink: 0; width: 637px; width: 44.23611vw; padding-bottom: 40.79365%; } @media (min-width: 1440px) { .vxt-content__slide-image { width: 637px; } } .vxt-content__slide-image img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .vxt-content__arrow-cta.swiper-button-prev { left: 0; transform: rotate(180deg); } .rtl .vxt-content__arrow-cta.swiper-button-prev { left: auto; right: 0; transform: rotate(0); } .vxt-content__arrow-cta.swiper-button-next { right: 0; } .rtl .vxt-content__arrow-cta.swiper-button-next { left: 0; right: auto; transform: rotate(180deg); } .vxt-content__arrow-cta.swiper-button-next, .vxt-content__arrow-cta.swiper-button-prev { width: 60px; width: 4.16667vw; height: 60px; height: 4.16667vw; margin-top: -73px; margin-top: -5.06944vw; } @media (min-width: 1440px) { .vxt-content__arrow-cta.swiper-button-next, .vxt-content__arrow-cta.swiper-button-prev { width: 60px; } } @media (min-width: 1440px) { .vxt-content__arrow-cta.swiper-button-next, .vxt-content__arrow-cta.swiper-button-prev { height: 60px; } } @media (min-width: 1440px) { .vxt-content__arrow-cta.swiper-button-next, .vxt-content__arrow-cta.swiper-button-prev { margin-top: -73px; } } .vxt-content__arrow-cta.swiper-button-next.swiper-button-disabled, .vxt-content__arrow-cta.swiper-button-prev.swiper-button-disabled { opacity: 0; } .vxt-content__arrow-cta::after { display: none; } .vxt-content__arrow-cta svg { width: 100%; height: 100%; } .vxt-content__nav { display: flex; } .vxt-content__pagination { display: flex; align-items: center; justify-content: center; min-width: 74px; min-width: 5.13889vw; height: 34px; height: 2.36111vw; margin: 39px auto 0; margin: 2.70833vw auto 0; padding: 0 10px; padding: 0 0.69444vw; border: 1px solid #cacaca; border-radius: 50px; border-radius: 3.47222vw; } @media (min-width: 1440px) { .vxt-content__pagination { min-width: 74px; } } @media (min-width: 1440px) { .vxt-content__pagination { height: 34px; } } @media (min-width: 1440px) { .vxt-content__pagination { margin: 39px auto 0; } } @media (min-width: 1440px) { .vxt-content__pagination { padding: 0 10px; } } @media (min-width: 1440px) { .vxt-content__pagination { border-radius: 50px; } } .vxt-content__pagination.swiper-pagination { position: static; } .vxt-content__pagination .swiper-pagination-bullet { display: inline-block; width: 8px; width: 0.55556vw; height: 8px; height: 0.55556vw; margin: 0 5px; margin: 0 0.34722vw; font-size: 0; } @media (min-width: 1440px) { .vxt-content__pagination .swiper-pagination-bullet { width: 8px; } } @media (min-width: 1440px) { .vxt-content__pagination .swiper-pagination-bullet { height: 8px; } } @media (min-width: 1440px) { .vxt-content__pagination .swiper-pagination-bullet { margin: 0 5px; } } .color_yb .vxt-content__pagination .swiper-pagination-bullet { opacity: 1; } .vxt-content__pagination .swiper-pagination-bullet span { display: block; } .vxt-content__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .s-line-wrap { background: #1d1d1f; opacity: 1; } .vxt-content__pagination .swiper-pagination-bullet.is-active .s-line-wrap { background: #1d1d1f; opacity: 1; } .vxt-content__pagination .s-line-wrap { display: block; overflow: hidden; width: 100%; height: 100%; background: #ccc; border-radius: 50%; opacity: 0.5; } .color_yb .vxt-content__pagination .s-line-wrap { opacity: 1; } @media screen and (max-width: 767px) { .vxt-content .vxt-common__description { margin-top: 29.86667px; margin-top: 3.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content .vxt-common__description { margin-top: 14px; margin-top: 3.88889vw; } } @media screen and (max-width: 767px) { .vxt-content__wrap { padding: 160px 0; padding: 20.83333vw 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__wrap { padding: 75px 0; padding: 20.83333vw 0; } } @media screen and (max-width: 767px) { .vxt-content__contents { margin-top: 113.06667px; margin-top: 14.72222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__contents { margin-top: 53px; margin-top: 14.72222vw; } } @media screen and (max-width: 767px) { .vxt-content__list { max-width: 100%; margin: 0 49.06667px; margin: 0 6.38889vw; border: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__list { margin: 0 23px; margin: 0 6.38889vw; } } @media screen and (max-width: 767px) { .vxt-content__item { flex-direction: column; border: 1px solid #ddd; } .vxt-content__item.playlist { border-top: 0; } .vxt-content__item.playlist .vxt-content__text { order: unset; border-left: 0; } .rtl .vxt-content__item.playlist .vxt-content__text { border-right: 0; } .vxt-content__item:only-child.playlist, .vxt-content__item:only-child.promotional { border: 1px solid #ddd; } .vxt-content__item div { width: 100%; } .vxt-content__image { height: 665.6px; height: 86.66667vw; border-top: 1px solid #ddd; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__image { height: 312px; height: 86.66667vw; } } @media screen and (max-width: 767px) { .vxt-content__text { display: flex; flex-direction: column; justify-content: center; min-height: 665.6px; min-height: 86.66667vw; padding: 96px 46.93333px 87.46667px 51.2px; padding: 12.5vw 6.11111vw 11.38889vw 6.66667vw; border-right: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__text { min-height: 312px; min-height: 86.66667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__text { padding: 45px 22px 41px 24px; padding: 12.5vw 6.11111vw 11.38889vw 6.66667vw; } } @media screen and (max-width: 767px) { .rtl .vxt-content__text { padding: 96px 51.2px 87.46667px 46.93333px; padding: 12.5vw 6.66667vw 11.38889vw 6.11111vw; border-left: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt-content__text { padding: 45px 24px 41px 22px; padding: 12.5vw 6.66667vw 11.38889vw 6.11111vw; } } @media screen and (max-width: 767px) { .vxt-content__player { width: 100%; padding-bottom: 80.57554%; } .vxt-content__slide { max-width: 100%; margin: 106.66667px auto 0; margin: 13.88889vw auto 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__slide { margin: 50px auto 0; margin: 13.88889vw auto 0; } } @media screen and (max-width: 767px) { .vxt-content__slide.swiper-container { overflow: hidden; padding: 0 85.33333px; padding: 0 11.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__slide.swiper-container { padding: 0 40px; padding: 0 11.11111vw; } } @media screen and (max-width: 767px) { .vxt-content__slide-list.swiper-wrapper { height: auto; min-height: 1139.2px; min-height: 148.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__slide-list.swiper-wrapper { min-height: 534px; min-height: 148.33333vw; } } @media screen and (max-width: 767px) { .vxt-content__slide-item { flex-direction: column; min-height: 1139.2px; min-height: 148.33333vw; margin-right: 36.26667px; margin-right: 4.72222vw; padding: 89.6px 0 14.93333px; padding: 11.66667vw 0 1.94444vw; border-radius: 21.33333px; border-radius: 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__slide-item { min-height: 534px; min-height: 148.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__slide-item { margin-right: 17px; margin-right: 4.72222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__slide-item { padding: 42px 0 7px; padding: 11.66667vw 0 1.94444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__slide-item { border-radius: 10px; border-radius: 2.77778vw; } } @media screen and (max-width: 767px) { .rtl .vxt-content__slide-item { margin-left: 36.26667px; margin-left: 4.72222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt-content__slide-item { margin-left: 17px; margin-left: 4.72222vw; } } @media screen and (max-width: 767px) { .vxt-content__slide-item.swiper-slide { height: auto; } .vxt-content__slide-item.screen .vxt-content__slide-text { width: 100%; } .vxt-content__slide-text { margin: 0; padding: 0 40.53333px 0 59.73333px; padding: 0 5.27778vw 0 7.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__slide-text { padding: 0 19px 0 28px; padding: 0 5.27778vw 0 7.77778vw; } } @media screen and (max-width: 767px) { .vxt-content__slide-text .vxt-common__description { margin-top: 32px; margin-top: 4.16667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__slide-text .vxt-common__description { margin-top: 15px; margin-top: 4.16667vw; } } @media screen and (max-width: 767px) { .rtl .vxt-content__slide-text { margin: 0; } .vxt-content__slide-image { position: relative; width: 100%; padding-bottom: 83.51254%; } .vxt-content__slide-image img { position: absolute; top: 0; left: 0; width: 100%; } .vxt-content__arrow-cta.swiper-button-prev { left: 21.33333px; left: 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__arrow-cta.swiper-button-prev { left: 10px; left: 2.77778vw; } } @media screen and (max-width: 767px) { .rtl .vxt-content__arrow-cta.swiper-button-prev { right: 21.33333px; right: 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt-content__arrow-cta.swiper-button-prev { right: 10px; right: 2.77778vw; } } @media screen and (max-width: 767px) { .vxt-content__arrow-cta.swiper-button-next { right: 21.33333px; right: 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__arrow-cta.swiper-button-next { right: 10px; right: 2.77778vw; } } @media screen and (max-width: 767px) { .rtl .vxt-content__arrow-cta.swiper-button-next { left: 21.33333px; left: 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt-content__arrow-cta.swiper-button-next { left: 10px; left: 2.77778vw; } } @media screen and (max-width: 767px) { .vxt-content__arrow-cta.swiper-button-next, .vxt-content__arrow-cta.swiper-button-prev { width: 106.66667px; width: 13.88889vw; height: 106.66667px; height: 13.88889vw; margin-top: -136.53333px; margin-top: -17.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__arrow-cta.swiper-button-next, .vxt-content__arrow-cta.swiper-button-prev { width: 50px; width: 13.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__arrow-cta.swiper-button-next, .vxt-content__arrow-cta.swiper-button-prev { height: 50px; height: 13.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__arrow-cta.swiper-button-next, .vxt-content__arrow-cta.swiper-button-prev { margin-top: -64px; margin-top: -17.77778vw; } } @media screen and (max-width: 767px) { .vxt-content__pagination { min-width: 157.86667px; min-width: 20.55556vw; height: 72.53333px; height: 9.44444vw; margin: 64px auto 0; margin: 8.33333vw auto 0; padding: 0 21.33333px; padding: 0 2.77778vw; border-radius: 42.66667px; border-radius: 5.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__pagination { min-width: 74px; min-width: 20.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__pagination { height: 34px; height: 9.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__pagination { margin: 30px auto 0; margin: 8.33333vw auto 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__pagination { padding: 0 10px; padding: 0 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__pagination { border-radius: 20px; border-radius: 5.55556vw; } } @media screen and (max-width: 767px) { .vxt-content__pagination .swiper-pagination-bullet { width: 17.06667px; width: 2.22222vw; height: 17.06667px; height: 2.22222vw; margin: 0 10.66667px; margin: 0 1.38889vw; font-size: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__pagination .swiper-pagination-bullet { width: 8px; width: 2.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__pagination .swiper-pagination-bullet { height: 8px; height: 2.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-content__pagination .swiper-pagination-bullet { margin: 0 5px; margin: 0 1.38889vw; } } .vxt .vxt-remote-management { padding: 160px 0; padding: 11.11111vw 0; background: #f5f5f7; } @media (min-width: 1440px) { .vxt .vxt-remote-management { padding: 160px 0; } } .vxt .vxt-remote-management .hide-pc { display: none; } .vxt .vxt-remote-management__wrap { width: 100%; max-width: 1260px; max-width: 87.5vw; margin: 80px auto 0; margin: 5.55556vw auto 0; } @media (min-width: 1440px) { .vxt .vxt-remote-management__wrap { max-width: 1260px; } } @media (min-width: 1440px) { .vxt .vxt-remote-management__wrap { margin: 80px auto 0; } } .vxt .vxt-remote-management__point-item { display: flex; width: 100%; } .vxt .vxt-remote-management__point-item > div { width: 50%; border: 1px solid #ddd; } .vxt .vxt-remote-management__point-item .vxt-remote-management__point-image { overflow: hidden; height: 559px; height: 38.81944vw; } @media (min-width: 1440px) { .vxt .vxt-remote-management__point-item .vxt-remote-management__point-image { height: 559px; } } .vxt .vxt-remote-management__point-item .vxt-remote-management__point-image img { width: 100%; height: 100%; object-fit: cover; } .vxt .vxt-remote-management__point-item .vxt-remote-management__point-desc { border-right: 0; border-bottom: 0; } .rtl .vxt .vxt-remote-management__point-item .vxt-remote-management__point-desc { border: 1px solid #ddd; border-left: 0; border-bottom: 0; } .vxt .vxt-remote-management__point-item + .vxt-remote-management__point-item .vxt-remote-management__point-image { order: 1; } .vxt .vxt-remote-management__point-item + .vxt-remote-management__point-item .vxt-remote-management__point-desc { border: 1px solid #ddd; border-top: 0; border-left: 0; order: 2; } .rtl .vxt .vxt-remote-management__point-item + .vxt-remote-management__point-item .vxt-remote-management__point-desc { border: 1px solid #ddd; border-top: 0; border-right: 0; } .vxt .vxt-remote-management__point-item .vxt-common__description { margin-top: 35px; margin-top: 2.43056vw; } @media (min-width: 1440px) { .vxt .vxt-remote-management__point-item .vxt-common__description { margin-top: 35px; } } .vxt .vxt-remote-management__point-item .vxt-common__description + .vxt-common__description { margin-top: 13px; margin-top: 0.90278vw; } @media (min-width: 1440px) { .vxt .vxt-remote-management__point-item .vxt-common__description + .vxt-common__description { margin-top: 13px; } } .vxt .vxt-remote-management__point-item img { width: 100%; } .vxt .vxt-remote-management__point-desc { display: flex; flex-direction: column; justify-content: center; padding: 68px 60px; padding: 4.72222vw 4.16667vw; background: #fff; } @media (min-width: 1440px) { .vxt .vxt-remote-management__point-desc { padding: 68px 60px; } } .vxt .vxt-remote-management__accodian-container { overflow: hidden; position: relative; margin-top: 40px; margin-top: 2.77778vw; background: #fff; border: 1px solid #ddd; } @media (min-width: 1440px) { .vxt .vxt-remote-management__accodian-container { margin-top: 40px; } } .vxt .vxt-remote-management__accodian-list { display: flex; flex-direction: column; justify-content: center; position: relative; width: 50%; height: 660px; height: 45.83333vw; } @media (min-width: 1440px) { .vxt .vxt-remote-management__accodian-list { height: 660px; } } .vxt .vxt-remote-management__accodian-item { position: unset; height: auto; padding: 0 60px; padding: 0 4.16667vw; } @media (min-width: 1440px) { .vxt .vxt-remote-management__accodian-item { padding: 0 60px; } } .vxt .vxt-remote-management__accodian-item + .vxt-remote-management__accodian-item .vxt-remote-management__accodian-title { border-top: 1px solid #ddd; } .vxt .vxt-remote-management__accodian-title { position: relative; width: 100%; padding: 32px 65px 23px 0; padding: 2.22222vw 4.51389vw 1.59722vw 0; line-height: 1; } @media (min-width: 1440px) { .vxt .vxt-remote-management__accodian-title { padding: 32px 65px 23px 0; } } .rtl .vxt .vxt-remote-management__accodian-title { padding: 32px 0 27px 65px; padding: 2.22222vw 0 1.875vw 4.51389vw; } @media (min-width: 1440px) { .rtl .vxt .vxt-remote-management__accodian-title { padding: 32px 0 27px 65px; } } .vxt .vxt-remote-management__accodian-title .icon-arrow { position: absolute; top: 50%; right: 7px; right: 0.48611vw; width: 18px; width: 1.25vw; height: 11px; height: 0.76389vw; background-size: contain; transform: translateY(-50%) rotate(0); transform-origin: center; content: ""; } @media (min-width: 1440px) { .vxt .vxt-remote-management__accodian-title .icon-arrow { right: 7px; } } @media (min-width: 1440px) { .vxt .vxt-remote-management__accodian-title .icon-arrow { width: 18px; } } @media (min-width: 1440px) { .vxt .vxt-remote-management__accodian-title .icon-arrow { height: 11px; } } .rtl .vxt .vxt-remote-management__accodian-title .icon-arrow { right: auto; left: 7px; left: 0.48611vw; } @media (min-width: 1440px) { .rtl .vxt .vxt-remote-management__accodian-title .icon-arrow { left: 7px; } } .vxt .vxt-remote-management__accodian-title .icon-arrow svg { width: 100%; height: 100%; } .vxt .vxt-remote-management__accodian-title[aria-expanded="false"] .icon-arrow { transform: rotate(180deg); } .vxt .vxt-remote-management__accodian-title[aria-expanded="false"] + .vxt-remote-management__accodian-content { height: 0; } .vxt .vxt-remote-management__accodian-title--mobile { display: none; } .vxt .vxt-remote-management__accodian-content { overflow: hidden; } .vxt .vxt-remote-management__accodian-content .vxt-common__description { margin-top: 0; height: 84px; height: 5.83333vw; padding-bottom: 32px; padding-bottom: 2.22222vw; } @media (min-width: 1440px) { .vxt .vxt-remote-management__accodian-content .vxt-common__description { height: 84px; } } @media (min-width: 1440px) { .vxt .vxt-remote-management__accodian-content .vxt-common__description { padding-bottom: 32px; } } .vxt .vxt-remote-management__accodian-image { position: absolute; top: 0; left: 100%; width: 100%; height: 660px; height: 45.83333vw; opacity: 1; visibility: visible; transition: all 0.5s; } @media (min-width: 1440px) { .vxt .vxt-remote-management__accodian-image { height: 660px; } } .rtl .vxt .vxt-remote-management__accodian-image { left: auto; right: 100%; } .vxt .vxt-remote-management__accodian-image[aria-hidden="true"] { opacity: 0; visibility: hidden; } .vxt .vxt-remote-management__accodian-image img { width: 100%; height: 100%; } .vxt .vxt-remote-management__pagination { display: none; } .vxt .vxt-remote-management__enterprise { overflow: hidden; margin-top: 40px; margin-top: 2.77778vw; background: #fff; border: 1px solid #ddd; text-align: center; } @media (min-width: 1440px) { .vxt .vxt-remote-management__enterprise { margin-top: 40px; } } .vxt .vxt-remote-management__enterprise-title { position: relative; z-index: 2; } .vxt .vxt-remote-management__enterprise .vxt-common__description { margin-top: 24px; margin-top: 1.66667vw; } @media (min-width: 1440px) { .vxt .vxt-remote-management__enterprise .vxt-common__description { margin-top: 24px; } } .vxt .vxt-remote-management__enterprise-image img { width: 100%; } .vxt .vxt-remote-management__enterprise { padding-top: 83px; padding-top: 5.76389vw; } @media (min-width: 1440px) { .vxt .vxt-remote-management__enterprise { padding-top: 83px; } } .vxt .vxt-remote-management__enterprise-image { height: 536px; height: 37.22222vw; margin-top: 21px; margin-top: 1.45833vw; } @media (min-width: 1440px) { .vxt .vxt-remote-management__enterprise-image { height: 536px; } } @media (min-width: 1440px) { .vxt .vxt-remote-management__enterprise-image { margin-top: 21px; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management { padding: 164.26667px 0 160px; padding: 21.38889vw 0 20.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management { padding: 77px 0 75px; padding: 21.38889vw 0 20.83333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management .hide-pc { display: block; } .vxt .vxt-remote-management__wrap { max-width: none; padding: 0 49.06667px; padding: 0 6.38889vw; margin: 115.2px auto 0; margin: 15vw auto 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__wrap { padding: 0 23px; padding: 0 6.38889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__wrap { margin: 54px auto 0; margin: 15vw auto 0; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__point-item { flex-direction: column; width: 100%; } .vxt .vxt-remote-management__point-item + .vxt-remote-management__point-item .vxt-remote-management__point-image { order: 2; border-top: 0; } .vxt .vxt-remote-management__point-item + .vxt-remote-management__point-item .vxt-remote-management__point-desc { border-left: 1px solid #ddd; order: 1; } .rtl .vxt .vxt-remote-management__point-item + .vxt-remote-management__point-item .vxt-remote-management__point-desc { border-right: 1px solid #ddd; } .vxt .vxt-remote-management__point-item > div { width: 100%; } .vxt .vxt-remote-management__point-item .vxt-remote-management__point-image { position: relative; order: 2; height: auto; padding-bottom: 100%; } .vxt .vxt-remote-management__point-item .vxt-remote-management__point-image img { position: absolute; top: 0; left: 0; } .vxt .vxt-remote-management__point-item .vxt-remote-management__point-desc { min-height: 669.86667px; min-height: 87.22222vw; padding: 96px 53.33333px 72.53333px; padding: 12.5vw 6.94444vw 9.44444vw; border-right: 1px solid #ddd; order: 1; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__point-item .vxt-remote-management__point-desc { min-height: 314px; min-height: 87.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__point-item .vxt-remote-management__point-desc { padding: 45px 25px 34px; padding: 12.5vw 6.94444vw 9.44444vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-remote-management__point-item .vxt-remote-management__point-desc { border-left: 1px solid #ddd; } .vxt .vxt-remote-management__point-item .vxt-common__description { margin-top: 32px; margin-top: 4.16667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__point-item .vxt-common__description { margin-top: 15px; margin-top: 4.16667vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__point-item .vxt-common__description + .vxt-common__description { margin-top: 17.06667px; margin-top: 2.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__point-item .vxt-common__description + .vxt-common__description { margin-top: 8px; margin-top: 2.22222vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__accodian-container { margin-top: 64px; margin-top: 8.33333vw; padding: 96px 0 204.8px; padding: 12.5vw 0 26.66667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__accodian-container { margin-top: 30px; margin-top: 8.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__accodian-container { padding: 45px 0 96px; padding: 12.5vw 0 26.66667vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__accodian-wrap { padding: 0 44.8px; padding: 0 5.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__accodian-wrap { padding: 0 21px; padding: 0 5.83333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__accodian-list { flex-direction: unset; justify-content: unset; width: 100%; height: auto; } .vxt .vxt-remote-management__accodian-list .vxt-common__description { height: auto; padding: 0; order: 3; } .vxt .vxt-remote-management__accodian-item { padding: 0; box-sizing: content-box; } .vxt .vxt-remote-management__accodian-item .vxt-common__description, .vxt .vxt-remote-management__accodian-item .vxt-remote-management__accodian-title--mobile { opacity: 1; transition: all 0.3s; } .vxt .vxt-remote-management__accodian-item.swiper-slide-next .vxt-common__description, .vxt .vxt-remote-management__accodian-item.swiper-slide-next .vxt-remote-management__accodian-title--mobile, .vxt .vxt-remote-management__accodian-item.swiper-slide-prev .vxt-common__description, .vxt .vxt-remote-management__accodian-item.swiper-slide-prev .vxt-remote-management__accodian-title--mobile { opacity: 0; } .vxt .vxt-remote-management__accodian-content { display: flex; flex-direction: column; padding: 0 9.6px; padding: 0 1.25vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__accodian-content { padding: 0 4.5px; padding: 0 1.25vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__accodian-content .vxt-common__description { margin: 32px 0 53.33333px; margin: 4.16667vw 0 6.94444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__accodian-content .vxt-common__description { margin: 15px 0 25px; margin: 4.16667vw 0 6.94444vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__accodian-title { display: none; } .vxt .vxt-remote-management__accodian-title[aria-expanded="false"] + .vxt-remote-management__accodian-content { height: auto; } .vxt .vxt-remote-management__accodian-title[aria-expanded="true"] + .vxt-remote-management__accodian-content { height: auto; } .vxt .vxt-remote-management__accodian-title--mobile { display: block; padding: 0; margin-top: 68.26667px; margin-top: 8.88889vw; order: 2; font-weight: 700; font-size: 42.66667px; font-size: 5.55556vw; line-height: 1.25; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__accodian-title--mobile { margin-top: 32px; margin-top: 8.88889vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt .vxt-remote-management__accodian-title--mobile { font-size: 57.6px; font-size: 7.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__accodian-title--mobile { font-size: 20px; font-size: 5.55556vw; } html[lang^="th"] .vxt .vxt-remote-management__accodian-title--mobile { font-size: 27px; font-size: 7.5vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt .vxt-remote-management__accodian-title--mobile { line-height: 0.9375; } html[lang^="my"] .vxt .vxt-remote-management__accodian-title--mobile { line-height: 1.4; } .vxt .vxt-remote-management__accodian-image { position: relative; top: auto; left: auto; height: 313.6px; height: 40.83333vw; order: 1; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__accodian-image { height: 147px; height: 40.83333vw; } } @media screen and (max-width: 767px) { .rtl .vxt .vxt-remote-management__accodian-image { right: auto; } .vxt .vxt-remote-management__pagination { display: flex; align-items: center; justify-content: center; position: absolute; top: 100%; left: 50%; width: 196.26667px; width: 25.55556vw; height: 72.53333px; height: 9.44444vw; margin: 38.4px auto 0; margin: 5vw auto 0; border: 1px solid #ddd; border-radius: 42.66667px; border-radius: 5.55556vw; transform: translateX(-50%); } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__pagination { width: 92px; width: 25.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__pagination { height: 34px; height: 9.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__pagination { margin: 18px auto 0; margin: 5vw auto 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__pagination { border-radius: 20px; border-radius: 5.55556vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__pagination .swiper-pagination-bullet { width: 17.06667px; width: 2.22222vw; height: 17.06667px; height: 2.22222vw; margin: 0 10.66667px; margin: 0 1.38889vw; background: #ccc; font-size: 0; opacity: 1; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__pagination .swiper-pagination-bullet { width: 8px; width: 2.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__pagination .swiper-pagination-bullet { height: 8px; height: 2.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__pagination .swiper-pagination-bullet { margin: 0 5px; margin: 0 1.38889vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__pagination .swiper-pagination-bullet-active { background: #1d1d1f; } .vxt .vxt-remote-management__pagination .swiper-pagination-bullet .s-line-wrap { width: 100%; height: 100%; border-radius: 100%; } .vxt .vxt-remote-management__enterprise { margin-top: 64px; margin-top: 8.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__enterprise { margin-top: 30px; margin-top: 8.33333vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__enterprise-image { position: relative; height: auto; } .vxt .vxt-remote-management__enterprise-image img { position: absolute; top: 0; left: 0; } .vxt .vxt-remote-management__enterprise .vxt-common__description { margin-top: 29.86667px; margin-top: 3.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__enterprise .vxt-common__description { margin-top: 14px; margin-top: 3.88889vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__enterprise { padding: 89.6px 0 0; padding: 11.66667vw 0 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__enterprise { padding: 42px 0 0; padding: 11.66667vw 0 0; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__enterprise-title { padding: 0 55.46667px; padding: 0 7.22222vw; z-index: 2; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__enterprise-title { padding: 0 26px; padding: 0 7.22222vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management__enterprise-image { margin-top: 14.93333px; margin-top: 1.94444vw; padding-bottom: 84.9359%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt .vxt-remote-management__enterprise-image { margin-top: 7px; margin-top: 1.94444vw; } } @media screen and (max-width: 767px) { .vxt .vxt-remote-management .swiper-container { overflow: visible; } } .vxt-pirs .vxt-common__description { margin-top: 24px; margin-top: 1.66667vw; } @media (min-width: 1440px) { .vxt-pirs .vxt-common__description { margin-top: 24px; } } .vxt-pirs .vxt-common__title { margin-top: 154px; margin-top: 10.69444vw; } @media (min-width: 1440px) { .vxt-pirs .vxt-common__title { margin-top: 154px; } } .vxt-pirs__wrap { overflow: hidden; } .vxt-pirs__main .vxt-common__feature-title { position: relative; z-index: 1; width: 844px; width: 58.61111vw; margin: 0 auto; padding-top: 150px; padding-top: 10.41667vw; } @media (min-width: 1440px) { .vxt-pirs__main .vxt-common__feature-title { width: 844px; } } @media (min-width: 1440px) { .vxt-pirs__main .vxt-common__feature-title { padding-top: 150px; } } .vxt-pirs__main-image { position: relative; width: 100%; margin-top: 48px; margin-top: 3.33333vw; padding-bottom: 27.08333%; } @media (min-width: 1440px) { .vxt-pirs__main-image { margin-top: 48px; } } .vxt-pirs__main-image img { position: absolute; top: 0; left: 50%; width: auto; height: 100%; transform: translate(-50%, 0); } .vxt-pirs__option { padding: 115px 0 155px; padding: 7.98611vw 0 10.76389vw; } @media (min-width: 1440px) { .vxt-pirs__option { padding: 115px 0 155px; } } .vxt-pirs__option .vxt-common__title { margin: 0; } .vxt-pirs__swiper.swiper-container { max-width: 1480px; max-width: 102.77778vw; margin-top: 66px; margin-top: 4.58333vw; padding: 0 20px; padding: 0 1.38889vw; } @media (min-width: 1440px) { .vxt-pirs__swiper.swiper-container { max-width: 1480px; } } @media (min-width: 1440px) { .vxt-pirs__swiper.swiper-container { margin-top: 66px; } } @media (min-width: 1440px) { .vxt-pirs__swiper.swiper-container { padding: 0 20px; } } .vxt-pirs__list { display: flex; justify-content: center; margin: 0 auto; } .vxt-pirs__list.swiper-wrapper { height: auto; min-height: 466px; min-height: 32.36111vw; } @media (min-width: 1440px) { .vxt-pirs__list.swiper-wrapper { min-height: 466px; } } .vxt-pirs__item { display: flex; overflow: hidden; position: relative; flex-direction: column-reverse; justify-content: start; flex: 1; max-width: 342px; max-width: 23.75vw; margin-right: 24px; margin-right: 1.66667vw; border: 1px solid #ddd; border-radius: 20px; border-radius: 1.38889vw; background-color: #fff; } @media (min-width: 1440px) { .vxt-pirs__item { max-width: 342px; } } @media (min-width: 1440px) { .vxt-pirs__item { margin-right: 24px; } } @media (min-width: 1440px) { .vxt-pirs__item { border-radius: 20px; } } .rtl .vxt-pirs__item { margin-right: 0; margin-left: 24px; margin-left: 1.66667vw; } @media (min-width: 1440px) { .rtl .vxt-pirs__item { margin-left: 24px; } } .vxt-pirs__item.swiper-slide { height: auto; } .vxt-pirs__item:last-child { margin-right: 0; } .rtl .vxt-pirs__item:last-child { margin-left: 0; } .vxt-pirs__item-image { position: relative; width: 100%; height: 350px; height: 24.30556vw; } @media (min-width: 1440px) { .vxt-pirs__item-image { height: 350px; } } .vxt-pirs__item-image img { position: absolute; top: 0; left: 50%; width: auto; height: 100%; transform: translateX(-50%); } .vxt-pirs__item-text { padding: 38px 40px 66px; padding: 2.63889vw 2.77778vw 4.58333vw; } @media (min-width: 1440px) { .vxt-pirs__item-text { padding: 38px 40px 66px; } } .vxt-pirs__item-text .vxt-common__description { margin-top: 13px; margin-top: 0.90278vw; } @media (min-width: 1440px) { .vxt-pirs__item-text .vxt-common__description { margin-top: 13px; } } .vxt-pirs__title { font-weight: 700; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 28px; font-size: 1.94444vw; line-height: 1.42; } html[lang^="th"] .vxt-pirs__title { font-size: 37.8px; font-size: 2.625vw; } @media (min-width: 1440px) { .vxt-pirs__title { font-size: 28px; } html[lang^="th"] .vxt-pirs__title { font-size: 37.8px; } } html[lang^="th"] .vxt-pirs__title { line-height: 1.065; } .vxt-pirs__arrow, .vxt-pirs__nav { display: none; } @media screen and (max-width: 767px) { .vxt-pirs .vxt-common__description { margin-top: 32px; margin-top: 4.16667vw; padding: 0 96px; padding: 0 12.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs .vxt-common__description { margin-top: 15px; margin-top: 4.16667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs .vxt-common__description { padding: 0 45px; padding: 0 12.5vw; } } @media screen and (max-width: 767px) { .vxt-pirs .vxt-common__description span { display: block; margin-top: 27.73333px; margin-top: 3.61111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs .vxt-common__description span { margin-top: 13px; margin-top: 3.61111vw; } } @media screen and (max-width: 767px) { .vxt-pirs .vxt-common__title { margin-top: 121.6px; margin-top: 15.83333vw; padding: 0 104.53333px; padding: 0 13.61111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs .vxt-common__title { margin-top: 57px; margin-top: 15.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs .vxt-common__title { padding: 0 49px; padding: 0 13.61111vw; } } @media screen and (max-width: 767px) { .vxt-pirs__main .vxt-common__sub-headline { padding: 0 128px; padding: 0 16.66667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__main .vxt-common__sub-headline { padding: 0 60px; padding: 0 16.66667vw; } } @media screen and (max-width: 767px) { .vxt-pirs__main .vxt-common__feature-title { width: 100%; padding-top: 149.33333px; padding-top: 19.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__main .vxt-common__feature-title { padding-top: 70px; padding-top: 19.44444vw; } } @media screen and (max-width: 767px) { .vxt-pirs__main-image { margin-top: 10.66667px; margin-top: 1.38889vw; padding-bottom: 48.61111%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__main-image { margin-top: 5px; margin-top: 1.38889vw; } } @media screen and (max-width: 767px) { .vxt-pirs__option { padding: 38.4px 0 160px; padding: 5vw 0 20.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__option { padding: 18px 0 75px; padding: 5vw 0 20.83333vw; } } @media screen and (max-width: 767px) { .vxt-pirs__option .vxt-common__sub-headline { padding: 0 64px; padding: 0 8.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__option .vxt-common__sub-headline { padding: 0 30px; padding: 0 8.33333vw; } } @media screen and (max-width: 767px) { .vxt-pirs__swiper.swiper-container { overflow: visible; max-width: 100%; height: auto; margin-top: 74.66667px; margin-top: 9.72222vw; padding: 0 85.33333px; padding: 0 11.11111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__swiper.swiper-container { margin-top: 35px; margin-top: 9.72222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__swiper.swiper-container { padding: 0 40px; padding: 0 11.11111vw; } } @media screen and (max-width: 767px) { .vxt-pirs__list { justify-content: start; } .vxt-pirs__item { flex-shrink: 0; flex: unset; width: 100%; max-width: 100%; margin-right: 36.26667px; margin-right: 4.72222vw; border-radius: 21.33333px; border-radius: 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__item { margin-right: 17px; margin-right: 4.72222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__item { border-radius: 10px; border-radius: 2.77778vw; } } @media screen and (max-width: 767px) { .rtl .vxt-pirs__item { margin-left: 36.26667px; margin-left: 4.72222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt-pirs__item { margin-left: 17px; margin-left: 4.72222vw; } } @media screen and (max-width: 767px) { .vxt-pirs__item-image { overflow: hidden; height: 544px; height: 70.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__item-image { height: 255px; height: 70.83333vw; } } @media screen and (max-width: 767px) { .vxt-pirs__item-image img { width: 100%; height: auto; } .vxt-pirs__item-text { margin-top: 0; padding: 78.93333px 40.53333px 91.73333px 57.6px; padding: 10.27778vw 5.27778vw 11.94444vw 7.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__item-text { padding: 37px 19px 43px 27px; padding: 10.27778vw 5.27778vw 11.94444vw 7.5vw; } } @media screen and (max-width: 767px) { .rtl .vxt-pirs__item-text { padding: 78.93333px 57.6px 91.73333px 40.53333px; padding: 10.27778vw 7.5vw 11.94444vw 5.27778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt-pirs__item-text { padding: 37px 27px 43px 19px; padding: 10.27778vw 7.5vw 11.94444vw 5.27778vw; } } @media screen and (max-width: 767px) { .vxt-pirs__item-text .vxt-common__description { margin-top: 29.86667px; margin-top: 3.88889vw; padding: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__item-text .vxt-common__description { margin-top: 14px; margin-top: 3.88889vw; } } @media screen and (max-width: 767px) { .vxt-pirs__title { font-size: 42.66667px; font-size: 5.55556vw; line-height: 1.25; } html[lang^="th"] .vxt-pirs__title { font-size: 57.6px; font-size: 7.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__title { font-size: 20px; font-size: 5.55556vw; } html[lang^="th"] .vxt-pirs__title { font-size: 27px; font-size: 7.5vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .vxt-pirs__title { line-height: 0.9375; } html[lang^="my"] .vxt-pirs__title { line-height: 1.4; } .vxt-pirs__arrow { display: block; } .vxt-pirs__arrow-cta.swiper-button-next, .vxt-pirs__arrow-cta.swiper-button-prev { top: 490.66667px; top: 63.88889vw; width: 106.66667px; width: 13.88889vw; height: 106.66667px; height: 13.88889vw; margin: 0; transform: none; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__arrow-cta.swiper-button-next, .vxt-pirs__arrow-cta.swiper-button-prev { top: 230px; top: 63.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__arrow-cta.swiper-button-next, .vxt-pirs__arrow-cta.swiper-button-prev { width: 50px; width: 13.88889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__arrow-cta.swiper-button-next, .vxt-pirs__arrow-cta.swiper-button-prev { height: 50px; height: 13.88889vw; } } @media screen and (max-width: 767px) { .vxt-pirs__arrow-cta.swiper-button-next.swiper-button-disabled, .vxt-pirs__arrow-cta.swiper-button-prev.swiper-button-disabled { opacity: 0; } .vxt-pirs__arrow-cta.swiper-button-prev { left: 21.33333px; left: 2.77778vw; transform: rotate(180deg); } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__arrow-cta.swiper-button-prev { left: 10px; left: 2.77778vw; } } @media screen and (max-width: 767px) { .rtl .vxt-pirs__arrow-cta.swiper-button-prev { left: auto; right: 21.33333px; right: 2.77778vw; transform: rotate(0); } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt-pirs__arrow-cta.swiper-button-prev { right: 10px; right: 2.77778vw; } } @media screen and (max-width: 767px) { .vxt-pirs__arrow-cta.swiper-button-next { right: 21.33333px; right: 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__arrow-cta.swiper-button-next { right: 10px; right: 2.77778vw; } } @media screen and (max-width: 767px) { .rtl .vxt-pirs__arrow-cta.swiper-button-next { left: 21.33333px; left: 2.77778vw; right: auto; transform: rotate(180deg); } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .vxt-pirs__arrow-cta.swiper-button-next { left: 10px; left: 2.77778vw; } } @media screen and (max-width: 767px) { .vxt-pirs__arrow-cta::after { display: none; } .vxt-pirs__arrow-cta img { width: 100%; } .vxt-pirs__nav { display: flex; } .vxt-pirs__pagination { display: flex; align-items: center; justify-content: center; min-width: 196.26667px; min-width: 25.55556vw; height: 72.53333px; height: 9.44444vw; margin: 64px auto 0; margin: 8.33333vw auto 0; padding: 0 21.33333px; padding: 0 2.77778vw; border: 1px solid #cacaca; border-radius: 42.66667px; border-radius: 5.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__pagination { min-width: 92px; min-width: 25.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__pagination { height: 34px; height: 9.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__pagination { margin: 30px auto 0; margin: 8.33333vw auto 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__pagination { padding: 0 10px; padding: 0 2.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__pagination { border-radius: 20px; border-radius: 5.55556vw; } } @media screen and (max-width: 767px) { .vxt-pirs__pagination.swiper-pagination { position: static; } .vxt-pirs__pagination .swiper-pagination-bullet { display: inline-block; width: 17.06667px; width: 2.22222vw; height: 17.06667px; height: 2.22222vw; margin: 0 10.66667px; margin: 0 1.38889vw; font-size: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__pagination .swiper-pagination-bullet { width: 8px; width: 2.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__pagination .swiper-pagination-bullet { height: 8px; height: 2.22222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .vxt-pirs__pagination .swiper-pagination-bullet { margin: 0 5px; margin: 0 1.38889vw; } } @media screen and (max-width: 767px) { .color_yb .vxt-pirs__pagination .swiper-pagination-bullet { opacity: 1; } .vxt-pirs__pagination .swiper-pagination-bullet span { display: block; } .vxt-pirs__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .s-line-wrap { background: #1d1d1f; opacity: 1; } .vxt-pirs__pagination .swiper-pagination-bullet.is-active .s-line-wrap { background: #1d1d1f; opacity: 1; } .vxt-pirs__pagination .s-line-wrap { display: block; overflow: hidden; width: 100%; height: 100%; background: #ccc; border-radius: 50%; opacity: 0.5; } .color_yb .vxt-pirs__pagination .s-line-wrap { opacity: 1; } } .cp-high-contrast__inner { max-width: 1440px; margin: 0 auto; padding: 15px 0 17px; padding: 1.04167vw 0 1.18056vw; font-size: 0; text-align: right; } @media (min-width: 1440px) { .cp-high-contrast__inner { padding: 15px 0 17px; } } .rtl .cp-high-contrast__inner { text-align: left; } .cp-high-contrast .btn-contrast { display: inline-block; margin-left: 3px; margin-left: 0.20833vw; padding: 1px; } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast { margin-left: 3px; } } .rtl .cp-high-contrast .btn-contrast { margin-left: 0; margin-right: 3px; margin-right: 0.20833vw; } @media (min-width: 1440px) { .rtl .cp-high-contrast .btn-contrast { margin-right: 3px; } } .cp-high-contrast .btn-contrast:first-child { margin-left: 0; } .rtl .cp-high-contrast .btn-contrast:first-child { margin-right: 0; } .cp-high-contrast .btn-contrast span { display: inline-block; width: 30px; width: 2.08333vw; height: 30px; height: 2.08333vw; font-size: 13px; font-size: 0.90278vw; line-height: 28px; line-height: 1.94444vw; text-align: center; border-width: 2px; border-style: solid; } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { width: 30px; } } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { height: 30px; } } html[lang^="th"] .cp-high-contrast .btn-contrast span { font-size: 17.55px; font-size: 1.21875vw; } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { font-size: 13px; } html[lang^="th"] .cp-high-contrast .btn-contrast span { font-size: 17.55px; } } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { line-height: 28px; } } .cp-high-contrast .btn-contrast.type-contrast span { color: #fff01f; border-color: #fff01f; background-color: #000; } .cp-high-contrast .btn-contrast.type-default span { color: #666; border-color: #bdbdbd; background-color: #fff; } @media screen and (max-width: 767px) { .cp-high-contrast__inner { padding: 21.33333px 34.13333px; padding: 2.77778vw 4.44444vw; text-align: left; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast__inner { padding: 10px 16px; padding: 2.77778vw 4.44444vw; } } @media screen and (max-width: 767px) { .rtl .cp-high-contrast__inner { text-align: right; } .cp-high-contrast .btn-contrast { margin-left: 6.4px; margin-left: 0.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast { margin-left: 3px; margin-left: 0.83333vw; } } @media screen and (max-width: 767px) { .rtl .cp-high-contrast .btn-contrast { margin-left: 0; margin-right: 6.4px; margin-right: 0.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .cp-high-contrast .btn-contrast { margin-right: 3px; margin-right: 0.83333vw; } } @media screen and (max-width: 767px) { .cp-high-contrast .btn-contrast span { width: 64px; width: 8.33333vw; height: 64px; height: 8.33333vw; font-size: 27.73333px; font-size: 3.61111vw; line-height: 59.73333px; line-height: 7.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { width: 30px; width: 8.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { height: 30px; height: 8.33333vw; } } @media screen and (max-width: 767px) { html[lang^="th"] .cp-high-contrast .btn-contrast span { font-size: 37.44px; font-size: 4.875vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { font-size: 13px; font-size: 3.61111vw; } html[lang^="th"] .cp-high-contrast .btn-contrast span { font-size: 17.55px; font-size: 4.875vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { line-height: 28px; line-height: 7.77778vw; } } #sideMenus { overflow: hidden; visibility: hidden; position: absolute; top: 0; bottom: 0; right: 0; z-index: 99; width: 170px; } #sideMenus nav { transition: transform 0.5s, opacity 0.5s; } #sideMenus nav:after { position: absolute; top: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 200%; background: rgba(0, 0, 0, 0.95); content: ""; } #sideMenus .nav-inner { position: relative; z-index: 1; text-align: center; transition: opacity 0.1s; } #sideMenus a { display: block; -webkit-transform: translateZ(0); transform: translateZ(0); cursor: pointer; } #sideMenus .icon { display: block; width: 62px; height: 62px; margin: 0 auto; } #sideMenus li > .icon { cursor: auto; } #sideMenus .c_title { display: block; margin-top: 12px; color: #fff; font-size: 12px; letter-spacing: 0.04em; } #sideMenus .on .icon * { fill: #fff; } #sideMenus .on .c_title { text-decoration: underline; } #sideMenus.hide { display: none; pointer-events: none; } #sideMenus.hide nav { pointer-events: none; } #sideMenus.hide nav:after { opacity: 0; } #sideMenus.hide .nav-inner { opacity: 0; } #sideMenus.bright nav:after { background: rgba(255, 255, 255, 0.95); } #sideMenus.bright .icon * { fill: #000; } #sideMenus.bright .c_title { color: #000; } #sideMenus.bright .on .icon * { fill: #000; } .desktop #sideMenus a:focus .c_title, .desktop #sideMenus a:hover .c_title { text-decoration: underline; } html.load #sideMenus { visibility: visible; } html.load.dotcom #sideMenus { top: 0; } html.ie #sideMenus.hide { z-index: -1; } sup { font-size: 63%; top: 0.7em; vertical-align: top; } sup .click_sup { outline-offset: 0; color: inherit; font-weight: 400; } @supports (-webkit-backdrop-filter: blur(0.8em)) or (backdrop-filter: blur(0.8em)) { #sideMenus nav:after { z-index: -1; background: rgba(0, 0, 0, 0.35); -webkit-backdrop-filter: blur(0.8em); backdrop-filter: blur(0.8em); opacity: 1; } #sideMenus.bright nav:after { z-index: -1; background: rgba(255, 255, 255, 0.35); -webkit-backdrop-filter: blur(0.8em); backdrop-filter: blur(0.8em); opacity: 1; } } @media screen and (max-width: 1023px) and (min-width: 768px) { html.dotcom #sideMenus nav { max-height: 918px; } } @media screen and (max-width: 767px) { #sideMenus { display: block; position: fixed; left: 0; top: auto !important; width: 100%; } #sideMenus ul { display: flex; align-items: flex-start; justify-content: space-around; height: 86px; } #sideMenus ul li { flex: 1; } #sideMenus .icon { width: 44px; height: 44px; } #sideMenus .c_title { margin-top: 3px; font-size: 10px; text-align: center; white-space: nowrap; } #sideMenus nav { transition: transform 0.35s, opacity 0.35s; } .s1 div#footer .f_colors button { line-height: 21px; } .s1 div#footer .f_colors button:first-child { line-height: 19px; } } @media screen and (max-width: 359px) { #sideMenus li + li { margin-left: 1.2vw; } } @media screen and (min-width: 1024px) { html.dotcom #sideMenus nav { max-height: 905px; } } @media screen and (min-width: 768px) { #sideMenus nav { display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; height: 100%; } #sideMenus li + li { margin-top: 32px; } #sideMenus .c_title br { display: none; } .highlights #sideMenus { overflow: visible; display: flex; justify-content: flex-end; position: absolute; left: 0; bottom: auto; width: 100%; height: 0; max-width: 1920px; margin: 0 auto; } .highlights #sideMenus nav { width: 170px; height: calc(100vh - 100px); max-height: 809px; min-height: 580px; padding: 0 10px; box-sizing: border-box; } .highlights #sideMenus nav:after { height: 100%; min-height: 100vh; } html.dotcom .highlights #sideMenus nav { height: calc(100% - 212px); min-height: 918px; } } .color_yb .vxt #desc-section li, .color_yb .vxt #desc-section li a:focus, .color_yb .vxt #desc-section-models li, .color_yb .vxt #desc-section-models li a:focus, .color_yb .vxt .m_content-desc ol, .color_yb .vxt .m_feature-desc, .color_yb .vxt .m_feature-desc ol, .color_yb .vxt sup a, .color_yb .vxt-common__description, .color_yb .vxt-common__disclaimer, .color_yb .vxt-common__headline, .color_yb .vxt-common__sub-headline, .color_yb .vxt-common__text { background-color: #000 !important; color: #fff01f !important; } .color_yb .vxt .vxt-common-cta { border-color: #000 !important; background-color: #fff01f !important; } .color_yb .vxt .vxt-common-cta span { color: #000 !important; } .color_yb .vxt .vxt-common-cta.learn-more__cta:focus span, .color_yb .vxt .vxt-common-cta.learn-more__cta:hover span { color: #000 !important; } .color_yb .vxt .vxt-common-cta:focus span, .color_yb .vxt .vxt-common-cta:hover span { color: #fff01f !important; } .color_yb .vxt .vxt-common-cta.s-white { border-color: #fff01f !important; background-color: #000 !important; } .color_yb .vxt .vxt-common-cta.s-white span { color: #fff01f !important; } .color_yb .vxt .vxt-common-cta.s-white:after { background-color: #fff01f !important; } .color_yb .vxt .vxt-common-cta.s-white:focus span, .color_yb .vxt .vxt-common-cta.s-white:hover span { color: #000 !important; } .color_yb .vxt .vxt-common-cta.s-encased:after { background-color: #000; } .color_yb .vxt .vxt-lnb__area { background-color: #000 !important; } .color_yb .vxt .vxt-lnb .vxt-lnb__nav-item a, .color_yb .vxt .vxt-lnb .vxt-lnb__title .title { background-color: #000 !important; color: #fff01f !important; } .color_yb .vxt .vxt-choose .vxt-choose__tab-cta { background-color: #000 !important; color: #fff01f !important; } .color_yb .vxt .vxt-pirs .vxt-pirs__title { background-color: #000 !important; color: #fff01f !important; } .color_yb .vxt .swiper-button-next svg circle, .color_yb .vxt .swiper-button-next svg path, .color_yb .vxt .swiper-button-prev svg circle, .color_yb .vxt .swiper-button-prev svg path { stroke: #fff01f !important; } .color_yb .vxt .swiper-pagination { background: #000 !important; border: #000 !important; } .color_yb .vxt .swiper-pagination-bullet .s-line-wrap { background: #000 !important; border: 1px solid #fff01f !important; } .color_yb .vxt .swiper-pagination-bullet-active .s-line-wrap { background: #fff01f !important; } .color_yb .vxt .m_content-desc a:focus { outline-color: #fff; } .color_yb .vxt .vxt-common__title { background-color: #000 !important; color: #fff01f !important; } @media only screen and (max-width:768px) { .vxt-common__cta--request-demo{ margin-top: 15px; } } .vxt .vxt__21 { display: flex; flex-direction: row; background-color: #000; padding: 20px 0; align-items: center; justify-content: center; } .vxt .vxt__21 svg { max-width: 21px; height: fit-content; } .vxt .vxt__21 .vxt-common__sub-headline { color: #fff; text-align: center; padding: 0 5px; font-family: 'SamsungOne',arial,sans-serif; font-weight: 300; font-size: 15px; } .vxt .vxt__21 .vxt-common__sub-headline a { color: #fff; text-decoration: underline; } .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-wrapper { align-items: center; } .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide{ text-align: center; } .vxt-choose .swiper-container[id="vxt21__chooseTab"] .swiper-slide button { line-height: 1.5; } .vxt21__slide-last__title{ font-size: 16px; margin-bottom: 5px; } .vxt21__slide-last__des{ font-size: 12px; } @media only screen and (min-width: 768px) { .vxt .vxt__21 .vxt-common__sub-headline { font-size: 30px; } .vxt21__slide-last__title{ font-size: 18px; } .vxt21__slide-last__des{ font-size: 15px; } .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide.vxt21__slide-last{ padding-right: 10vw; } } .vxt #vxt21 .vxt21__list-img { position: relative; height: 95vw; } #vxt21 .vxt-choose__list-image img { position: absolute; width: 100%; height: inherit; } @media only screen and (min-width: 480px) { .vxt #vxt21 .vxt21__list-img { height: 90vw; } #vxt21 .vxt-choose__list-image img { right: 0px; } } @media only screen and (min-width: 768px) { .vxt #vxt21 .vxt21__list-img { height: 47.2vw; width: 100%; max-height: 680px; } .vxt-choose .swiper-container[id="vxt21__chooseSlide"] .swiper-slide { padding-right: 0; } #vxt21 .vxt-choose__list-image img { width: 88%; max-height: 680px; } } </style> <div id="contents" class="vxt">  <div class="vxt-lnb"> <div class="vxt-lnb__area"> <div class="vxt-lnb__inner"> <div class="vxt-lnb__title"> <h1 class="title">VXT</h1> </div> <div class="vxt-lnb__cta"> <a href="/us/business/display-solutions/samsung-vxt/#CONTACT_SALES" class="vxt-common-cta s-encased s-white" title="Sales inquiry" target="_self" an-tr="lnb-vd marketing page-1st depth-navigation" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:contact us"><span>Contact us</span></a > </div> <div class="vxt-lnb__nav-wrap"> <button type="button" class="vxt-lnb__nav-arrow swiper-nav-prev" role="button" aria-label="Previous slide" an-tr="lnb-vd marketing page-arrow-indication" an-ca="carousel" an-ac="secondary navi" an-la="carousel:arrow:left"> <svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1 1L9 8.5L1 16" fill="" /> <path d="M1 1L9 8.5L1 16" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <div class="vxt-lnb__nav swiper-container"> <ul class="vxt-lnb__nav-list swiper-wrapper"> <li class="vxt-lnb__nav-item swiper-slide"> <a href="#overview" an-tr="lnb-vd marketing page-1st depth-navigation" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:overview">Overview</a > </li> <li class="vxt-lnb__nav-item swiper-slide"> <a href="#contentManagement" an-tr="lnb-vd marketing page-1st depth-navigation" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:content management">Content Management</a > </li> <li class="vxt-lnb__nav-item swiper-slide"> <a href="#remoteManagement" an-tr="lnb-vd marketing page-1st depth-navigation" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:remote management">Remote Management</a > </li> <li class="vxt-lnb__nav-item swiper-slide"> <a href="#pirs" an-tr="lnb-vd marketing page-1st depth-navigation" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:pirs app">PIRS App</a > </li> <li class="vxt-lnb__nav-item swiper-slide"> <a href="#vxt21" an-tr="lnb-vd marketing page-1st depth-navigation" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:VXT 2.1">VXT 2.1</a > </li> </ul> </div> <button type="button" class="vxt-lnb__nav-arrow swiper-nav-next" role="button" aria-label="Next slide" an-tr="lnb-vd marketing page-arrow-indication" an-ca="carousel" an-ac="secondary navi" an-la="carousel:arrow:right"> <svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1 1L9 8.5L1 16" fill="" /> <path d="M1 1L9 8.5L1 16" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </div> </div> </div> </div> <section id="overview" class="js-content">  <div class="vxt-kv"> <div class="vxt-kv__wrap"> <div class="vxt-common__feature-title"> <h2 class="vxt-common__title">Samsung VXT</h2> <p class="vxt-common__description">Create, Connect & Capture</p> <div class="vxt-feature__cta"> <a href="https://vxt.samsung.com" class="vxt-common-cta s-encased s-white border--white" aria-label="Learn more Samsung VXT Portal" an-tr="kv-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="samsung vxt:learn more" title="Samsung VXT Portal"><span>Learn more</span></a > <a href="https://samsungvx.com/onboarding" class="vxt-common-cta s-white" aria-label="Start your Free trial. Samsung VXT" an-tr="kv-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="samsung vxt:start your free trial" title="Free trial"><span>Start your free trial</span></a > <a href="#CONTACT_SALES" class="vxt-common-cta s-white vxt-common__cta--request-demo" aria-label="Request a Demo. Samsung VXT" an-tr="kv-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="samsung vxt:Request a Demo" title="Request a Demo"><span>Request a Demo</span></a> </div> </div> <div class="vxt-kv__player video__container js-video-src js-res-video" data-src-pc="//images.samsung.com/is/content/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-kv-video.mp4" data-src-mobile="//images.samsung.com/is/content/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-kv-video.mp4" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/mp4"/> </video> <div class="vxt-kv__image video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-kv.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-kv.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-kv-mo.jpg?$ORIGIN_JPG$" alt=""/> </div> <p class="blind"> The VXT Portal homepage is displayed on the monitor. A woman clicks on the "Cloud Systems Migration" button and the VXT logo appears. </p> <button title="Samsung VXT Key Visual Video" class="vxt-introducing__popup-btn video__controller is-use-controller" an-tr="kv-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="samsung vxt:"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img play" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play.png?$ORIGIN_PNG$" alt="Play"/> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img pause" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause.png?$ORIGIN_PNG$" alt="Pause"/> </button> </div> </div> </div>  <div class="vxt__21"> <svg fill="#fff" width="800px" height="800px" viewBox="-1 0 19 19" xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg"><path d="M16.417 9.583A7.917 7.917 0 1 1 8.5 1.666a7.917 7.917 0 0 1 7.917 7.917zM5.85 3.309a6.833 6.833 0 1 0 2.65-.534 6.787 6.787 0 0 0-2.65.534zm2.654 1.336A1.136 1.136 0 1 1 7.37 5.78a1.136 1.136 0 0 1 1.135-1.136zm.792 9.223V8.665a.792.792 0 1 0-1.583 0v5.203a.792.792 0 0 0 1.583 0z"/></svg> <p class="vxt-common__sub-headline">Introducing VXT 2.1: Explore the new features <a href="#vxt21">here!</a></p> </div>  <div class="vxt-award"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="vxt-award__cover js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-cover.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-cover.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-cover-mo.jpg?$ORIGIN_JPG$" alt=""/> <div class="vxt-award__wrap"> <h2 class="vxt-common__sub-headline">Award Winning Technology</h2> <p class="blind">There are three award logos.</p> <ul class="vxt-award__list" role="list"> <li class="vxt-award__list-item" role="listitem"> <div class="vxt-award__list-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-img01.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-img01.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-img01-mo.png?$ORIGIN_PNG$" alt=""/> </div> <span class="vxt-award__list-text">ISE 2024 Best of Show<br /> by AV Technology</span > </li> <li class="vxt-award__list-item" role="listitem"> <div class="vxt-award__list-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-img02.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-img02.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-img02-mo.png?$ORIGIN_PNG$" alt=""/> </div> <span class="vxt-award__list-text">ISE 2024 Best of Show<br /> by Installation</span > </li> <li class="vxt-award__list-item" role="listitem"> <div class="vxt-award__list-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-img03.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-img03.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-award-img03-mo.png?$ORIGIN_PNG$" alt=""/> </div> <span class="vxt-award__list-text">2024 Top New Technology<br /> (TNT) Awards</span > </li> </ul> </div> </div>  <div class="vxt-streamline"> <div class="vxt-streamline__wrap"> <div class="vxt-streamline__copy"> <h2 class="vxt-common__sub-headline"> Streamline <br class="vxt-common-br-pc" />your<br class="vxt-common-br-mo" /> screen <br class="vxt-common-br-pc" /> management </h2> <p class="vxt-common__description"> Samsung VXT is a cloud-based solution for digital signage, bringing intuitive content management and remote display management together in one secure platform. Start a free trial today, and when you’re ready to take your signage to the next level, deploy it across your screens instantly. </p> </div> <div class="vxt-streamline__image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-streamline-01.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-streamline-01.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-streamline-01-mo.jpg?$ORIGIN_JPG$" alt="As a man and a woman work on their laptops, the main screen of Samsung VXT pops up between them. It connects the screens installed across various regions including Europe/CIS, Asia, Middle East/Africa, North America, Latin America, and China."/> </div> </div> </div>  <div class="vxt-choose"> <div class="vxt-choose__wrap"> <div class="vxt-common__feature-title"> <h2 class="vxt-common__sub-headline"> Choose the cloud and unlock <br class="vxt-common-br-pc" />your business potential </h2> </div> <div class="vxt-choose__contents"> <div class="vxt-choose__container swiper-container" id="chooseSlide"> <div class="vxt-choose__list swiper-wrapper"> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Start a free trial, <br />without hassle </h3> <p class="vxt-choose__list-description vxt-common__description" > Unlike many on-premise solutions, VXT now allows buyers to try the solution before purchasing it by requesting a free trial on the Cloud portal provided by Samsung, which takes less than 10 minutes. </p> </div> <div class="vxt-choose__list-image" id="slide1"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual01.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual01.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual01-mo.jpg?$ORIGIN_JPG$" alt="A pricing plan featuring a free trial is displayed on the mobile phone screen."/> </div> </div> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Versatile screen capability </h3> <p class="vxt-choose__list-description vxt-common__description" > Samsung VXT – an integrated solution compatible with all display types, including LCD, LED signage, and hotel TVs – supports a wide range of setups, from standalone and outdoor to interactive and beyond. </p> </div> <div class="vxt-choose__list-image" id="slide2"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual02.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual02.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual02-mo.jpg?$ORIGIN_JPG$" alt="Surrounding the VXT logo are several display icons, including Standalone, Interactive Display, LED, Outdoor, Video Wall and Hotel TV. These icons seem to be floating freely in the air."/> </div> </div> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Power your business <br />to move forward faster </h3> <p class="vxt-choose__list-description vxt-common__description" > The cloud native structure of Samsung VXT enables businesses to deploy and update software directly from the cloud portal without the need to install or update each one individually. Initial setup is also faster so businesses can stay agile and flexible to suit their specific needs. </p> </div> <div class="vxt-choose__list-image" id="slide3"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual03.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual03.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual03-mo.jpg?$ORIGIN_JPG$" alt="Buildings are connected to the cloud network, facilitating seamless data exchange and communication."/> </div> </div> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Save fixed server costs </h3> <p class="vxt-choose__list-description vxt-common__description" > VXT is a more cost-effective solution when compared to on-premise solutions. You only pay for the license based on what is specified in your payment plan. Plus, server management and maintenance are handled by the cloud service provider, saving physical space, time and money. </p> </div> <div class="vxt-choose__list-image vxt-choose__player video__container js-video-src js-res-video" data-src-pc="//images.samsung.com/is/content/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual04-video.mp4" data-src-mobile="//images.samsung.com/is/content/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual04-video.mp4" data-auto-play="true" id="slide4"> <video playsinline muted preload="auto"> <source src="" type="video/mp4"/> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual04.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual04.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual04-mo.jpg?$ORIGIN_JPG$" alt="As the physical servers fade away, a cloud icon appears in the center while an icon representing cost savings emerges."/> </div> <p class="blind"> As the physical servers fade away, a cloud icon appears in the center while an icon representing cost savings emerges. </p> <button title="video" class="vxt-choose__list-btn video__controller" an-tr="choose-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="choose:"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img play" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play-black.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play-black.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play-black.png?$ORIGIN_PNG$" alt="Play"/> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img pause" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause-black.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause-black.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause-black.png?$ORIGIN_PNG$" alt="Pause"/> </button> </div> </div> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Minimize failures, <br />speed up<br class="vxt-common-br-mo" /> recovery time </h3> <p class="vxt-choose__list-description vxt-common__description" > Samsung VXT breaks applications down into small block structures that are much more granular than other cloud native solutions. In the case of an error, the shutdown range is focused, minimizing failures and maximizing rapid recovery for peace of mind. </p> </div> <div class="vxt-choose__list-image" id="slide5"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual05.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual05.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual05-mo.jpg?$ORIGIN_JPG$" alt="The red block pops out of the cube during recovery while the other blocks of the cube remain stable, indicating that one function within the solution is independent from the rest of the functions."/> </div> </div> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Industry-leading security </h3> <p class="vxt-choose__list-description vxt-common__description" > Samsung VXT sets a new standard for security in the digital signage industry by providing the highest level of protection. With the world's first digital signage solution to obtain ISO 27701 certification, Samsung ensures the safe handling and storage of personally identifiable information (PII). </p> </div> <div class="vxt-choose__list-image" id="slide6"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual06.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual06.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-choose-visual06-mo.jpg?$ORIGIN_JPG$" alt="There is a shield icon that represents security. The certifications of ISO/IEC 27001:2022 and ISO/IEC 27701:2019 are displayed around it."/> </div> </div> </div> <div class="vxt-choose__btn"> <button type="button" class="swiper-button-prev" an-tr="choose-vd marketing page-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="blind">Previous</span> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="50" cy="50" r="50" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <button type="button" class="swiper-button-next" an-tr="choose-vd marketing page-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="blind">Next</span> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="50" cy="50" r="50" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </div> </div> <div class="vxt-choose__tab swiper-container" id="chooseTab"> <ul class="vxt-choose__tab-list swiper-wrapper" role="tablist"> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="true" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="choose the cloud and unlock your business potential:free trial:tab"> Free Trial </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="false" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="choose the cloud and unlock your business potential:versatile compatibility:tab"> Versatile Compatibility </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="false" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="choose the cloud and unlock your business potential:agile deployment:tab"> Agile Deployment </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="false" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="choose the cloud and unlock your business potential:lower cost:tab"> Lower Cost </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="false" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="choose the cloud and unlock your business potential:faster recovery:tab"> Faster Recovery </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="false" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="choose the cloud and unlock your business potential:high-level protection:tab"> High-level Protection </button> </li>  </ul> </div> </div> </div> </div> </section> <section id="contentManagement" class="js-content">  <div class="vxt-content"> <div class="vxt-content__wrap"> <div class="vxt-common__feature-title"> <h2 class="vxt-common__sub-headline"> Samsung VXT<br /> Content Management </h2> <div class="vxt-feature__cta"> <a href="https://vxt.samsung.com/digital-signage-cms" class="vxt-common-cta s-encased" aria-label="Learn more Samsung VXT Portal" an-tr="samsung vxt content-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="samsung vxt content management:learn more" title="Samsung VXT Portal"><span>Learn more</span></a > </div> </div> <div class="vxt-content__contents"> <div class="vxt-content__list"> <div class="vxt-content__item promotional"> <div class="vxt-content__text"> <h3 class="vxt-common__title"> Effortlessly create promotional content </h3> <p class="vxt-common__description"> VXT Canvas enables anyone to create content effortlessly and more intuitively. You can create original content with a variety of templates and free stock images, even adding widgets for more dynamic, visually engaging content. As the use of interactive content for digital displays continues to increase, VXT Canvas also allows for easy touch content creation. </p> </div> <div class="vxt-content__image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img01.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img01.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img01-mo.jpg?$ORIGIN_JPG$" alt="A GUI screen of Samsung VXT creating promotional content is displayed on the laptop screen."/> </div> </div> <div class="vxt-content__item playlist"> <div class="vxt-content__text"> <h3 class="vxt-common__title"> Easy, intuitive scheduling and playlist creation </h3> <p class="vxt-common__description"> Samsung VXT uses an intuitive drag and drop interface, making content scheduling and playlist creation simple with just a few quick clicks. It also allows for adjusting content schedules and distributing them to connected displays anytime, without requiring a PC. </p> </div> <div class="vxt-content__image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img02.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img02.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img02-mo.jpg?$ORIGIN_JPG$" alt="A GUI screen of Samsung VXT scheduling content is displayed on the laptop screen."/> </div> </div> </div> <div class="vxt-content__slide swiper-container"> <ul class="vxt-content__slide-list swiper-wrapper"> <li class="vxt-content__slide-item swiper-slide sync"> <div class="vxt-content__slide-text"> <h3 class="vxt-common__title">Keep content in sync</h3> <p class="vxt-common__description"> VXT offers a SyncPlay function, synchronizing all screens across the system and playing content in line with each other. Regardless of the server time connected to the display, VXT synchronizes the internal time across multiple displays and constantly checks it during content playback to prevent lag or streaming delay, while also eliminating gaps as content transitions. </p> </div> <div class="vxt-content__player video__container js-video-src js-res-video" data-src-pc="//images.samsung.com/is/content/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img03-video.mp4" data-src-mobile="//images.samsung.com/is/content/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img03-video.mp4" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/mp4"/> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img03.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img03.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img03-mo.jpg?$ORIGIN_JPG$" alt="Two displays are promoting the morning menu. As the clock in the upper left corner approaches 11 o'clock, the displays are simultaneously switched to advertise the lunch set menu, and an icon indicates that the two displays are synchronized."/> </div> <p class="blind"> Two displays are promoting the morning menu. As the clock in the upper left corner approaches 11 o'clock, the displays are simultaneously switched to advertise the lunch set menu, and an icon indicates that the two displays are synchronized. </p> <button title="video" class="vxt-introducing__popup-btn video__controller" an-tr="samsung vxt content-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="samsung vxt content management:"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img play" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play-black.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play-black.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play-black.png?$ORIGIN_PNG$" alt="Play"/> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img pause" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause-black.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause-black.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause-black.png?$ORIGIN_PNG$" alt="Pause"/> </button> </div> </li> <li class="vxt-content__slide-item swiper-slide tagging"> <div class="vxt-content__slide-text"> <h3 class="vxt-common__title"> Customizable<br /> management<br class="vxt-common-br-mo" /> with tagging </h3> <p class="vxt-common__description"> Samsung VXT introduces a flexible tag structure compared to the tree-like folder structure typically used by businesses, enabling easy searching of all data related to a specific tag. The convenient tag system enables users to manage content and screens more efficiently, enhancing overall business operations. </p> </div> <div class="vxt-content__player video__container js-video-src js-res-video" data-src-pc="//images.samsung.com/is/content/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img04-video.mp4" data-src-mobile="//images.samsung.com/is/content/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img04-video.mp4" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/mp4"/> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img04.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img04.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img04-mo.jpg?$ORIGIN_JPG$" alt="Several tags are applied to the content. When a tag is selected, other content associated with that tag appears."/> </div> <p class="blind"> Several tags are applied to the content. When a tag is selected, other content associated with that tag appears. </p> <button title="video" class="vxt-introducing__popup-btn video__controller" an-tr="samsung vxt content-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="samsung vxt content management:"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img play" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play-black.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play-black.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-play-black.png?$ORIGIN_PNG$" alt="Play"/> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-start-img-src js-res-img pause" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause-black.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause-black.png?$ORIGIN_PNG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-icon-pause-black.png?$ORIGIN_PNG$" alt="Pause"/> </button> </div> </li> <li class="vxt-content__slide-item swiper-slide screen"> <div class="vxt-content__slide-text"> <h3 class="vxt-common__title"> Play on<br class="vxt-common-br-mo" /> any screen </h3> <p class="vxt-common__description"> VXT is compatible with a variety of displays by simply downloading the VXT Player app via Google Playstore or launching a Chrome browser to open the platform. </p> </div> <div class="vxt-content__slide-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img05.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img05.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-content-img05-mo.jpg?$ORIGIN_JPG$" alt="A display, a tablet and a kiosk are playing promotional content."/> </div> </li> </ul> <div class="vxt-content__arrow"> <button type="button" class="swiper-button-prev vxt-content__arrow-cta vxt-content__arrow-prev" an-tr="samsung vxt content-vd marketing page-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="blind">Previous</span> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="50" cy="50" r="50" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <button type="button" class="swiper-button-next vxt-content__arrow-cta vxt-content__arrow-next" an-tr="samsung vxt content-vd marketing page-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="blind">Next</span> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="50" cy="50" r="50" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </div> <div class="vxt-content__nav"> <ul class="vxt-content__pagination swiper-pagination" role="list"> <li role="listitem"> <button type="button" class="s-line-wrap" title="selected" an-tr="samsung vxt content-vd marketing page-index-indication" an-ca="indication" an-ac="carousel" an-la="carousel:index:1"></button> </li> <li role="listitem"> <button type="button" class="s-line-wrap" an-tr="samsung vxt content-vd marketing page-index-indication" an-ca="indication" an-ac="carousel" an-la="carousel:index:2"></button> </li> <li role="listitem"> <button type="button" class="s-line-wrap" an-tr="samsung vxt content-vd marketing page-index-indication" an-ca="indication" an-ac="carousel" an-la="carousel:index:3"></button> </li> </ul> </div> </div> </div> </div> </div> </section> <section id="remoteManagement" class="js-content">  <div class="vxt-remote-management"> <div class="vxt-common__feature-title"> <h2 class="vxt-common__sub-headline"> Samsung VXT<br />Remote Management </h2> <div class="vxt-feature__cta"> <a href="https://vxt.samsung.com/digital-signage-remote-management/" class="vxt-common-cta s-encased" aria-label="Learn more Samsung VXT Portal" an-tr="samsung vxt remote-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="samsung vxt remote manmagement:learn more" title="Samsung VXT Portal"><span>Learn more</span></a > </div> </div> <div class="vxt-remote-management__wrap"> <div class="vxt-remote-management__point-wrap"> <div class="vxt-remote-management__point-item"> <div class="vxt-remote-management__point-desc"> <h3 class="vxt-common__title"> Remote control<br />in real-time, every time </h3> <p class="vxt-common__description"> Samsung VXT provides an intuitive interface with remote real-time monitoring, screen management and comprehensive security control. </p> <p class="vxt-common__description"> Additional lock options are available for items such as USB port, Wi-Fi and Bluetooth connections, networks port access and remote controllers, even for multiple screens. </p> </div> <div class="vxt-remote-management__point-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img01.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img01.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img01-mo.jpg?$ORIGIN_JPG$" alt="An operation screen of Samsung VXT shows real-time monitoring and provides security control options for USB, Bluetooth, Wi-Fi, Network, and Remote control in the menu bar."/> </div> </div> <div class="vxt-remote-management__point-item"> <div class="vxt-remote-management__point-desc"> <h3 class="vxt-common__title"> Take action before<br /> a problem happens </h3> <p class="vxt-common__description"> VXT detects dangerous situations in advance, such as a severe temperature increase or weak network signal. </p> <p class="vxt-common__description"> By sending a warning email and SMS to the user, it proactively addresses the issue before it affects any displays while also ensuring stable content play. </p> </div> <div class="vxt-remote-management__point-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img02.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img02.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img02-mo.jpg?$ORIGIN_JPG$" alt="A warning message from Samsung VXT is received on the phone, notifying about a display's weak Wi-Fi signal. In the lower right corner, there is the text 'Early Warning' with an icon."/> </div> </div> </div> <div class="vxt-remote-management__accodian-container"> <div class="vxt-remote-management__accodian-wrap swiper-container"> <ul class="vxt-remote-management__accodian-list swiper-wrapper"> <li class="vxt-remote-management__accodian-item swiper-slide"> <button type="button" class="vxt-remote-management__accodian-title" aria-expanded="true" aria-controls="accordionCont01" an-tr="samsung vxt remote-vd marketing page-accordion-content_click" an-ca="content click" an-ac="feature" an-la="accordion:monthly energy report"> <h3 class="vxt-common__title">Monthly Energy Report</h3> <i class="icon-arrow"> <svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M16 9L8.5 1L1 9" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </i> </button> <div id="accordionCont01" class="vxt-remote-management__accodian-content"> <h3 class="vxt-common__title vxt-remote-management__accodian-title--mobile" > Monthly Energy Report </h3> <p class="vxt-common__description"> Analyze the monthly electricity consumption of your screens, including a comparison to the previous month. </p> <div class="vxt-remote-management__accodian-image" aria-hidden="false"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img03.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img03.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img03-mo.jpg?$ORIGIN_JPG$" alt="The energy management screen of Samsung VXT displays monthly energy consumption."/> </div> </div> </li> <li class="vxt-remote-management__accodian-item swiper-slide"> <button type="button" class="vxt-remote-management__accodian-title" aria-expanded="false" aria-controls="accordionCont02" an-tr="samsung vxt remote-vd marketing page-accordion-content_click" an-ca="content click" an-ac="feature" an-la="accordion:brightness control"> <h3 class="vxt-common__title">Brightness Control</h3> <i class="icon-arrow"> <svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M16 9L8.5 1L1 9" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </i> </button> <div id="accordionCont02" class="vxt-remote-management__accodian-content"> <h3 class="vxt-common__title vxt-remote-management__accodian-title--mobile" > Brightness Control </h3> <p class="vxt-common__description"> Adjust the brightness settings of the screens to<br class="vxt-common-br-pc" /> conserve energy. </p> <div class="vxt-remote-management__accodian-image" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img04.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img04.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img04-mo.jpg?$ORIGIN_JPG$" alt="In the energy management screen of Samsung VXT, there is a slider to adjust backlight of the screen."/> </div> </div> </li> <li class="vxt-remote-management__accodian-item swiper-slide"> <button type="button" class="vxt-remote-management__accodian-title" aria-expanded="false" aria-controls="accordionCont03" an-tr="samsung vxt remote-vd marketing page-accordion-content_click" an-ca="content click" an-ac="feature" an-la="accordion:automatic on off timer"> <h3 class="vxt-common__title">Automatic On/Off Timer</h3> <i class="icon-arrow"> <svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M16 9L8.5 1L1 9" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </i> </button> <div id="accordionCont03" class="vxt-remote-management__accodian-content"> <h3 class="vxt-common__title vxt-remote-management__accodian-title--mobile" > Automatic On/Off Timer </h3> <p class="vxt-common__description"> Set the automatic on/off timer based on day and<br class="vxt-common-br-pc" /> time for your displays. </p> <div class="vxt-remote-management__accodian-image" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img05.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img05.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img05-mo.jpg?$ORIGIN_JPG$" alt="In the energy management screen of Samsung VXT, there is a menu bar to set automatic off timer for the screen."/> </div> </div> </li> <li class="vxt-remote-management__accodian-item swiper-slide"> <button type="button" class="vxt-remote-management__accodian-title" aria-expanded="false" aria-controls="accordionCont04" an-tr="samsung vxt remote-vd marketing page-accordion-content_click" an-ca="content click" an-ac="feature" an-la="accordion:holiday management"> <h3 class="vxt-common__title">Holiday Management</h3> <i class="icon-arrow"> <svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M16 9L8.5 1L1 9" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </i> </button> <div id="accordionCont04" class="vxt-remote-management__accodian-content"> <h3 class="vxt-common__title vxt-remote-management__accodian-title--mobile" > Holiday Management </h3> <p class="vxt-common__description"> To save energy during holidays, input your schedule in<br class="vxt-common-br-pc" /> advance and set your displays to turn off accordingly. </p> <div class="vxt-remote-management__accodian-image" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img06.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img06.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img06-mo.jpg?$ORIGIN_JPG$" alt="In the energy management screen of Samsung VXT, there is a menu bar to set holiday schedule."/> </div> </div> </li> </ul> <a href="javascript:void(0);" role="button" class="vxt-remote-management__prev" an-tr="samsung vxt remote-vd marketing page-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="blind">Previous</span> </a> <a href="javascript:void(0);" role="button" class="vxt-remote-management__next" an-tr="samsung vxt remote-vd marketing page-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="blind">Next</span> </a> <ul class="vxt-remote-management__pagination swiper-pagination" role="list" ></ul> </div> </div> <div class="vxt-remote-management__enterprise"> <div class="vxt-remote-management__enterprise-title"> <h3 class="vxt-common__title"> Advanced functionality for corporate-level management </h3> <p class="vxt-common__description"> Samsung VXT offers a host of features that streamline operations,<br />eliminating common frustrations for enterprise IT managers. </p> </div> <div class="vxt-remote-management__enterprise-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img07.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img07.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-remote-img07-mo.jpg?$ORIGIN_JPG$" alt="The VXT logo is surrounded by a variety of enterprise-focused features such as SSO support, multi-screen enrollment, multi administrators, device preset, private certificate, and default content."/> </div> </div> </div> </div> </section> <section id="pirs" class="js-content">  <div class="vxt-pirs"> <div class="vxt-pirs__wrap"> <div class="vxt-pirs__main"> <div class="vxt-common__feature-title"> <h2 class="vxt-common__sub-headline">Samsung VXT PIRS App</h2> <div class="vxt-feature__cta"> <a href="https://vxt.samsung.com/pirs-digital-signage-app" class="vxt-common-cta s-encased" aria-label="Learn more Samsung VXT Portal" an-tr="samsung vxt pirs app-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="samsung vxt pirs app:learn more" title="Samsung VXT Portal"><span>Learn more</span></a > </div> <h3 class="vxt-common__title"> Even more solutions for your business needs </h3> <p class="vxt-common__description"> Introducing Samsung VXT PIRS App: a brand new, innovative business platform that allows users to easily discover, install, and utilize additional solutions tailored to their specific needs. <span>With VXT PIRS App, partners can generate new business opportunities by selling their unique apps, while customers can test a solution and then deploy it to all displays by purchasing a cost-effective license.</span > </p> </div> <div class="vxt-pirs__main-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-bg.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-bg.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-bg-mo.jpg?$ORIGIN_JPG$" alt="Above the screen positioned flat, are various application icons such as art, menu board, real estate listings, and automotive sales floating around."/> </div> </div> <div class="vxt-pirs__option"> <div class="vxt-common__feature-title"> <h2 class="vxt-common__title"> Find vertical-specific custom options </h2> </div> <div class="vxt-pirs__swiper swiper-container"> <ul class="vxt-pirs__list swiper-wrapper" role="list"> <li class="vxt-pirs__item swiper-slide" role="listitem"> <div class="vxt-pirs__item-text"> <h3 class="vxt-pirs__title">Art Content</h3> <p class="vxt-common__description"> VXT Art offers access to a range of incredible art content by renowned artists, bringing inspiration and elegance to your surroundings. </p> </div> <div class="vxt-pirs__item-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img01.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img01.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img01-mo.jpg?$ORIGIN_JPG$" alt="The display in the lobby features a painting."/> </div> </li> <li class="vxt-pirs__item swiper-slide" role="listitem"> <div class="vxt-pirs__item-text"> <h3 class="vxt-pirs__title">POS Integrated Menu Board</h3> <p class="vxt-common__description"> With Link My POS, you can integrate your digital menu board with POS system, allowing for real-time automatic updates including new menu items and price changes. </p> </div> <div class="vxt-pirs__item-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img02.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img02.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img02-mo.jpg?$ORIGIN_JPG$" alt="In the cafe, the display shows a menu board."/> </div> </li> <li class="vxt-pirs__item swiper-slide" role="listitem"> <div class="vxt-pirs__item-text"> <h3 class="vxt-pirs__title">Real Estate Listings</h3> <p class="vxt-common__description"> Using Ngine Real Estate, you can display a variety of property listings in database with real-time updates on prices and photos. </p> </div> <div class="vxt-pirs__item-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img03.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img03.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img03-mo.jpg?$ORIGIN_JPG$" alt="An outdoor display showcases a property for sale."/> </div> </li> <li class="vxt-pirs__item swiper-slide" role="listitem"> <div class="vxt-pirs__item-text"> <h3 class="vxt-pirs__title">Automotive Sales</h3> <p class="vxt-common__description"> Ngine Automotive allows you to easily showcase the model names, specs, prices, and images of vehicles that are currently in stock on your displays. </p> </div> <div class="vxt-pirs__item-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img04.jpg?$ORIGIN_JPG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img04.jpg?$ORIGIN_JPG$" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt-pirs-img04-mo.jpg?$ORIGIN_JPG$" alt="A display highlights an automobile that's up for sale."/> </div> </li> </ul> <div class="vxt-pirs__arrow"> <button type="button" class="swiper-button-prev vxt-pirs__arrow-cta vxt-pirs__arrow-prev" an-tr="samsung vxt pirs app-vd marketing page-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="blind">Previous</span> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="50" cy="50" r="50" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <button type="button" class="swiper-button-next vxt-pirs__arrow-cta vxt-pirs__arrow-next" an-tr="samsung vxt pirs app-vd marketing page-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="blind">Next</span> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="50" cy="50" r="50" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </div> <div class="vxt-pirs__nav"> <ul class="vxt-pirs__pagination swiper-pagination" role="list"> <li role="listitem"> <button type="button" class="s-line-wrap" an-tr="samsung vxt pirs app-vd marketing page-index-indication" an-ca="indication" an-ac="carousel" an-la="carousel:index:1"></button> </li> <li role="listitem"> <button type="button" class="s-line-wrap" an-tr="samsung vxt pirs app-vd marketing page-index-indication" an-ca="indication" an-ac="carousel" an-la="carousel:index:2"></button> </li> <li role="listitem"> <button type="button" class="s-line-wrap" an-tr="samsung vxt pirs app-vd marketing page-index-indication" an-ca="indication" an-ac="carousel" an-la="carousel:index:3"></button> </li> <li role="listitem"> <button type="button" class="s-line-wrap" an-tr="samsung vxt pirs app-vd marketing page-index-indication" an-ca="indication" an-ac="carousel" an-la="carousel:index:4"></button> </li> </ul> </div> </div> </div> </div> </div> </section>  <section id="vxt21" class="js-content"> <div class="vxt-choose"> <div class="vxt-choose__wrap"> <div class="vxt-common__feature-title"> <h2 class="vxt-common__sub-headline"> New and improved features<br /> update: VXT 2.1 </h2> </div> <div class="vxt-choose__contents"> <div class="vxt-choose__container swiper-container" id="vxt21__chooseSlide"> <div class="vxt-choose__list swiper-wrapper"> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Improved Sync Play, Screen Wall </h3> <p class="vxt-choose__list-description vxt-common__description" > Improvements in the P and X Series allow users to have the ability to enlarge or duplicate video and send multiple playlists or single playlist to Screen Wall, as well as the ability to configure the video wall screen layout from 2x1 to a maximum 10x10. This can now be configured entirely with Samsung VXT. </p> </div> <div class="vxt-choose__list-image vxt21__list-img" id="vxt21__slide1"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_Improved_sync.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_Improved_sync.png?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/mob_Improved_sync.png?$ORIGIN_PNG$" alt="Improved Sync Play, Screen Wall image"/> </div> </div> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Tag Condition/Tag Alias </h3> <p class="vxt-choose__list-description vxt-common__description" > Users of the P and X Series can now add a Tag to each piece of content in a playlist, with an ‘Allow’ option to make sure the device plays the content with this tag and a ‘Skip’ option to choose what content must not be played, with tags applicable to either Web (URL) or Web (HTML). </p> </div> <div class="vxt-choose__list-image vxt21__list-img" id="vxt21__slide2"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_Tag_alias.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_Tag_alias.png?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/mob_Tag_alias.png?$ORIGIN_PNG$" alt="Tag Condition/Tag Alias image"/> </div> </div> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Channel Management </h3> <p class="vxt-choose__list-description vxt-common__description" > This feature of the P and X Series allows users to set multiple content types based on a variety of scenarios. </p> </div> <div class="vxt-choose__list-image vxt21__list-img" id="vxt21__slide3"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_Channel.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_Channel.png?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/mob_Channel.png?$ORIGIN_PNG$" alt="Channel Management image"/> </div> </div> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Tag Explorer </h3> <p class="vxt-choose__list-description vxt-common__description" > A new Tag Explorer automatically structures and displays tags in a hierarchical structure, making it easy for users to find the content they need. </p> </div> <div class="vxt-choose__list-image vxt21__list-img" id="vxt21__slide4"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_Tag_Explore.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_Tag_Explore.png?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/mob_Tag_Explore.png?$ORIGIN_PNG$" alt="Tag Explorer image"/> </div> </div> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Content Journey Map </h3> <p class="vxt-choose__list-description vxt-common__description" > This feature shows the content list that is using the content, the screen list that has published the content, and the workspaces to which the content has been shared. </p> </div> <div class="vxt-choose__list-image vxt21__list-img" id="vxt21__slide5"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_Content_Journey.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_Content_Journey.png?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/mob_Content_Journey.png?$ORIGIN_PNG$" alt="Content Journey Map image"/> </div> </div> <div class="vxt-choose__list-item swiper-slide"> <div class="vxt-choose__list-text"> <h3 class="vxt-choose__list-title vxt-common__title"> Chat Bot </h3> <p class="vxt-choose__list-description vxt-common__description" > The new Chat Bot feature covers questions regarding the Samsung VXT CMS, with X-Series customers provided with a live chat to the Samsung help desk. <br /><br /> The enhancements to Samsung VXT provide businesses with even more tools to deliver dynamic, engaging, and secure digital experiences. </p> </div> <div class="vxt-choose__list-image vxt21__list-img" id="vxt21__slide6"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_VXT_Assistant.png?$ORIGIN_PNG$" data-src-tablet="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/desk_VXT_Assistant.png?imwidth=1080" data-src-mobile="//images.samsung.com/is/image/samsung/assets/consumer/global/vd/business/display-solutions/samsung-vxt/vxt21/mob_VXT_Assistant.png?$ORIGIN_PNG$" alt="Chat Bot image"/> </div> </div> <div class="vxt-choose__list-item vxt21__slide-last swiper-slide"> <div class="vxt-choose__list-text" style="width: 100% !important;"> <h3 class="vxt-choose__list-title vxt-common__title"> & More! </h3> <br /><br /> <div> <h4 class="vxt21__slide-last__title" >Nested Playlist</b></h4> <span class="vxt21__slide-last__des">Users will now be able to place a playlist within another playlist, with 1-depth support in the General Playlist.</span> <br /> <br /> <h4 class="vxt21__slide-last__title">Advanced Tag/Screen Management</h4> <span class="vxt21__slide-last__des">Users of the P and X Series can now import and export Tag sets created in Excel for each workspace and pre-assign tags to each screen when creating an Excel file for Multi-Screen Enrollment.</span> <br /><br /> <h4 class="vxt21__slide-last__title">Advanced Role Management</h4> <span class="vxt21__slide-last__des">With VXT 2.1’s Advanced Role Management, those with an Installer role can only add screens and edit the basic information of the screens they have added, while those with a Screen Manager role can add or manage screens, but their content management abilities are limited to those given to such roles only.</span> </div> </div> </div> </div> <div class="vxt-choose__btn"> <button type="button" class="swiper-button-prev" an-tr="choose-vd marketing page-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="blind">Previous</span> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="50" cy="50" r="50" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <button type="button" class="swiper-button-next" an-tr="choose-vd marketing page-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="blind">Next</span> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="50" cy="50" r="50" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" fill="#1D1D1F" /> <path d="M47 37L61 50L47 63" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </div> </div> <div class="vxt-choose__tab swiper-container" id="vxt21__chooseTab"> <ul class="vxt-choose__tab-list swiper-wrapper" role="tablist"> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="true" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="new and improved features update:VXT 2.1:improved screen wall:tab"> Improved<br/>Screen Wall </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="true" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="new and improved features update:VXT 2.1:tag condition:tab"> Tag Condition </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="true" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="new and improved features update:VXT 2.1:channel management:tab"> Channel<br />Management </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="true" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="new and improved features update:VXT 2.1:tag explorer:tab"> Tag Explorer </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="true" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="new and improved features update:VXT 2.1:content journey map:tab"> Content<br/>Journey Map </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="true" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="new and improved features update:VXT 2.1:chat bot:tab"> Chat Bot </button> </li> <li class="vxt-choose__tab-item swiper-slide" role="presentation"> <button type="button" role="tab" aria-selected="true" class="vxt-choose__tab-cta" an-tr="choose-vd marketing page-tab-content_click" an-ca="content click" an-ac="feature" an-la="new and improved features update:VXT 2.1:& More!:tab"> & More! </button> </li> </ul> </div> </div> </div> </div> </section>  <div class="cp-high-contrast"> <div class="cp-high-contrast__inner"> <a href="#" role="button" title="High contrast" class="btn-contrast type-contrast"><span>C</span></a > <a href="#" role="button" title="Default contrast" class="btn-contrast type-default"><span>C</span></a > </div> </div> </div> <script> var _gsScope = "undefined" != typeof module && module.exports && "undefined" != typeof global ? global : this || window; (_gsScope._gsQueue || (_gsScope._gsQueue = [])).push(function () { "use strict"; var t, e, i, s, r, n, a, o, l, h, u, f, c, $, p, d, m, _; _gsScope._gsDefine( "TweenMax", ["core.Animation", "core.SimpleTimeline", "TweenLite"], function (t, e, i) { var s = function (t) { var e, i = [], s = t.length; for (e = 0; e !== s; i.push(t[e++])); return i; }, r = function (t, e, i) { var s, r, n = t.cycle; for (s in n) (r = n[s]), (t[s] = "function" == typeof r ? r(i, e[i], e) : r[i % r.length]); delete t.cycle; }, n = function (t) { if ("function" == typeof t) return t; var e = "object" == typeof t ? t : { each: t }, i = e.ease, s = e.from || 0, r = e.base || 0, n = {}, a = isNaN(s), o = e.axis, l = { center: 0.5, end: 1 }[s] || 0; return function (t, h, u) { var f, c, $, p, d, m, _, g, y, v = (u || e).length, T = n[v]; if (!T) { if (!(y = "auto" === e.grid ? 0 : (e.grid || [1 / 0])[0])) { for ( _ = -1 / 0; _ < (_ = u[y++].getBoundingClientRect().left) && y < v; ); y--; } for ( T = n[v] = [], f = a ? Math.min(y, v) * l - 0.5 : s % y, c = a ? (v * l) / y - 0.5 : (s / y) | 0, _ = 0, g = 1 / 0, m = 0; m < v; m++ ) ($ = (m % y) - f), (p = c - ((m / y) | 0)), (T[m] = d = o ? Math.abs("y" === o ? p : $) : Math.sqrt($ * $ + p * p)), d > _ && (_ = d), d < g && (g = d); (T.max = _ - g), (T.min = g), (T.v = v = e.amount || e.each * (y > v ? v - 1 : o ? "y" === o ? v / y : y : Math.max(y, v / y)) || 0), (T.b = v < 0 ? r - v : r); } return ( (v = (T[t] - T.min) / T.max), T.b + (i ? i.getRatio(v) : v) * T.v ); }; }, a = function (t, e, s) { i.call(this, t, e, s), (this._cycle = 0), (this._yoyo = !0 === this.vars.yoyo || !!this.vars.yoyoEase), (this._repeat = this.vars.repeat || 0), (this._repeatDelay = this.vars.repeatDelay || 0), this._repeat && this._uncache(!0), (this.render = a.prototype.render); }, o = i._internals, l = o.isSelector, h = o.isArray, u = (a.prototype = i.to({}, 0.1, {})), f = []; (a.version = "2.1.3"), (u.constructor = a), (u.kill()._gc = !1), (a.killTweensOf = a.killDelayedCallsTo = i.killTweensOf), (a.getTweensOf = i.getTweensOf), (a.lagSmoothing = i.lagSmoothing), (a.ticker = i.ticker), (a.render = i.render), (a.distribute = n), (u.invalidate = function () { return ( (this._yoyo = !0 === this.vars.yoyo || !!this.vars.yoyoEase), (this._repeat = this.vars.repeat || 0), (this._repeatDelay = this.vars.repeatDelay || 0), (this._yoyoEase = null), this._uncache(!0), i.prototype.invalidate.call(this) ); }), (u.updateTo = function (t, e) { var s, r = this.ratio, n = this.vars.immediateRender || t.immediateRender; for (s in (e && this._startTime < this._timeline._time && ((this._startTime = this._timeline._time), this._uncache(!1), this._gc ? this._enabled(!0, !1) : this._timeline.insert(this, this._startTime - this._delay)), t)) this.vars[s] = t[s]; if (this._initted || n) { if (e) (this._initted = !1), n && this.render(0, !0, !0); else if ( (this._gc && this._enabled(!0, !1), this._notifyPluginsOfEnabled && this._firstPT && i._onPluginEvent("_onDisable", this), this._time / this._duration > 0.998) ) { var a = this._totalTime; this.render(0, !0, !1), (this._initted = !1), this.render(a, !0, !1); } else if ( ((this._initted = !1), this._init(), this._time > 0 || n) ) for (var o, l = 1 / (1 - r), h = this._firstPT; h; ) (o = h.s + h.c), (h.c *= l), (h.s = o - h.c), (h = h._next); } return this; }), (u.render = function (t, e, s) { this._initted || (0 === this._duration && this.vars.repeat && this.invalidate()); var r, n, a, l, h, u, f, c, $, p = this._dirty ? this.totalDuration() : this._totalDuration, d = this._time, m = this._totalTime, _ = this._cycle, g = this._duration, y = this._rawPrevTime; if ( (t >= p - 1e-8 && t >= 0 ? ((this._totalTime = p), (this._cycle = this._repeat), this._yoyo && 0 != (1 & this._cycle) ? ((this._time = 0), (this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0)) : ((this._time = g), (this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1)), this._reversed || ((r = !0), (n = "onComplete"), (s = s || this._timeline.autoRemoveChildren)), 0 === g && (this._initted || !this.vars.lazy || s) && (this._startTime === this._timeline._duration && (t = 0), (y < 0 || (t <= 0 && t >= -0.00000001) || (1e-8 === y && "isPause" !== this.data)) && y !== t && ((s = !0), y > 1e-8 && (n = "onReverseComplete")), (this._rawPrevTime = c = !e || t || y === t ? t : 1e-8))) : t < 1e-8 ? ((this._totalTime = this._time = this._cycle = 0), (this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0), (0 !== m || (0 === g && y > 0)) && ((n = "onReverseComplete"), (r = this._reversed)), t > -0.00000001 ? (t = 0) : t < 0 && ((this._active = !1), 0 === g && (this._initted || !this.vars.lazy || s) && (y >= 0 && (s = !0), (this._rawPrevTime = c = !e || t || y === t ? t : 1e-8))), this._initted || (s = !0)) : ((this._totalTime = this._time = t), 0 !== this._repeat && ((l = g + this._repeatDelay), (this._cycle = (this._totalTime / l) >> 0), 0 !== this._cycle && this._cycle === this._totalTime / l && m <= t && this._cycle--, (this._time = this._totalTime - this._cycle * l), this._yoyo && 0 != (1 & this._cycle) && ((this._time = g - this._time), ($ = this._yoyoEase || this.vars.yoyoEase) && (this._yoyoEase || (!0 !== $ || this._initted ? (this._yoyoEase = $ = !0 === $ ? this._ease : $ instanceof Ease ? $ : Ease.map[$]) : (($ = this.vars.ease), (this._yoyoEase = $ = $ ? $ instanceof Ease ? $ : "function" == typeof $ ? new Ease($, this.vars.easeParams) : Ease.map[$] || i.defaultEase : i.defaultEase))), (this.ratio = $ ? 1 - $.getRatio((g - this._time) / g) : 0))), this._time > g ? (this._time = g) : this._time < 0 && (this._time = 0)), this._easeType && !$ ? ((h = this._time / g), (1 === (u = this._easeType) || (3 === u && h >= 0.5)) && (h = 1 - h), 3 === u && (h *= 2), 1 === (f = this._easePower) ? (h *= h) : 2 === f ? (h *= h * h) : 3 === f ? (h *= h * h * h) : 4 === f && (h *= h * h * h * h), (this.ratio = 1 === u ? 1 - h : 2 === u ? h : this._time / g < 0.5 ? h / 2 : 1 - h / 2)) : $ || (this.ratio = this._ease.getRatio(this._time / g))), d !== this._time || s || _ !== this._cycle) ) { if (!this._initted) { if ((this._init(), !this._initted || this._gc)) return; if ( !s && this._firstPT && ((!1 !== this.vars.lazy && this._duration) || (this.vars.lazy && !this._duration)) ) return ( (this._time = d), (this._totalTime = m), (this._rawPrevTime = y), (this._cycle = _), o.lazyTweens.push(this), void (this._lazy = [t, e]) ); !this._time || r || $ ? r && this._ease._calcEnd && !$ && (this.ratio = this._ease.getRatio(0 === this._time ? 0 : 1)) : (this.ratio = this._ease.getRatio(this._time / g)); } for ( !1 !== this._lazy && (this._lazy = !1), this._active || (!this._paused && this._time !== d && t >= 0 && (this._active = !0)), 0 === m && (2 === this._initted && t > 0 && this._init(), this._startAt && (t >= 0 ? this._startAt.render(t, !0, s) : n || (n = "_dummyGS")), this.vars.onStart && ((0 === this._totalTime && 0 !== g) || e || this._callback("onStart"))), a = this._firstPT; a; ) a.f ? a.t[a.p](a.c * this.ratio + a.s) : (a.t[a.p] = a.c * this.ratio + a.s), (a = a._next); this._onUpdate && (t < 0 && this._startAt && this._startTime && this._startAt.render(t, !0, s), e || ((this._totalTime !== m || n) && this._callback("onUpdate"))), this._cycle !== _ && (e || this._gc || (this.vars.onRepeat && this._callback("onRepeat"))), n && ((this._gc && !s) || (t < 0 && this._startAt && !this._onUpdate && this._startTime && this._startAt.render(t, !0, s), r && (this._timeline.autoRemoveChildren && this._enabled(!1, !1), (this._active = !1)), !e && this.vars[n] && this._callback(n), 0 === g && 1e-8 === this._rawPrevTime && 1e-8 !== c && (this._rawPrevTime = 0))); } else m !== this._totalTime && this._onUpdate && (e || this._callback("onUpdate")); }), (a.to = function (t, e, i) { return new a(t, e, i); }), (a.from = function (t, e, i) { return ( (i.runBackwards = !0), (i.immediateRender = 0 != i.immediateRender), new a(t, e, i) ); }), (a.fromTo = function (t, e, i, s) { return ( (s.startAt = i), (s.immediateRender = 0 != s.immediateRender && 0 != i.immediateRender), new a(t, e, s) ); }), (a.staggerTo = a.allTo = function (t, e, o, u, c, $, p) { var d, m, _, g, y = [], v = n(o.stagger || u), T = o.cycle, x = (o.startAt || f).cycle; for ( h(t) || ("string" == typeof t && (t = i.selector(t) || t), l(t) && (t = s(t))), d = (t = t || []).length - 1, _ = 0; _ <= d; _++ ) { for (g in ((m = {}), o)) m[g] = o[g]; if ( (T && (r(m, t, _), null != m.duration && ((e = m.duration), delete m.duration)), x) ) { for (g in ((x = m.startAt = {}), o.startAt)) x[g] = o.startAt[g]; r(m.startAt, t, _); } (m.delay = v(_, t[_], t) + (m.delay || 0)), _ === d && c && (m.onComplete = function () { o.onComplete && o.onComplete.apply( o.onCompleteScope || this, arguments ), c.apply(p || o.callbackScope || this, $ || f); }), (y[_] = new a(t[_], e, m)); } return y; }), (a.staggerFrom = a.allFrom = function (t, e, i, s, r, n, o) { return ( (i.runBackwards = !0), (i.immediateRender = 0 != i.immediateRender), a.staggerTo(t, e, i, s, r, n, o) ); }), (a.staggerFromTo = a.allFromTo = function (t, e, i, s, r, n, o, l) { return ( (s.startAt = i), (s.immediateRender = 0 != s.immediateRender && 0 != i.immediateRender), a.staggerTo(t, e, s, r, n, o, l) ); }), (a.delayedCall = function (t, e, i, s, r) { return new a(e, 0, { delay: t, onComplete: e, onCompleteParams: i, callbackScope: s, onReverseComplete: e, onReverseCompleteParams: i, immediateRender: !1, useFrames: r, overwrite: 0, }); }), (a.set = function (t, e) { return new a(t, 0, e); }), (a.isTweening = function (t) { return i.getTweensOf(t, !0).length > 0; }); var c = function (t, e) { for (var s = [], r = 0, n = t._first; n; ) n instanceof i ? (s[r++] = n) : (e && (s[r++] = n), (r = (s = s.concat(c(n, e))).length)), (n = n._next); return s; }, $ = (a.getAllTweens = function (e) { return c(t._rootTimeline, e).concat(c(t._rootFramesTimeline, e)); }); (a.killAll = function (t, i, s, r) { null == i && (i = !0), null == s && (s = !0); var n, a, o, l = $(0 != r), h = l.length, u = i && s && r; for (o = 0; o < h; o++) (a = l[o]), (u || a instanceof e || ((n = a.target === a.vars.onComplete) && s) || (i && !n)) && (t ? a.totalTime(a._reversed ? 0 : a.totalDuration()) : a._enabled(!1, !1)); }), (a.killChildTweensOf = function (t, e) { if (null != t) { var r, n, u, f, c, $ = o.tweenLookup; if ( ("string" == typeof t && (t = i.selector(t) || t), l(t) && (t = s(t)), h(t)) ) for (f = t.length; --f > -1; ) a.killChildTweensOf(t[f], e); else { for (u in ((r = []), $)) for (n = $[u].target.parentNode; n; ) n === t && (r = r.concat($[u].tweens)), (n = n.parentNode); for (c = r.length, f = 0; f < c; f++) e && r[f].totalTime(r[f].totalDuration()), r[f]._enabled(!1, !1); } } }); var p = function (t, i, s, r) { (i = !1 !== i), (s = !1 !== s); for ( var n, a, o = $((r = !1 !== r)), l = i && s && r, h = o.length; --h > -1; ) (a = o[h]), (l || a instanceof e || ((n = a.target === a.vars.onComplete) && s) || (i && !n)) && a.paused(t); }; return ( (a.pauseAll = function (t, e, i) { p(!0, t, e, i); }), (a.resumeAll = function (t, e, i) { p(!1, t, e, i); }), (a.globalTimeScale = function (e) { var s = t._rootTimeline, r = i.ticker.time; return arguments.length ? ((e = e || 1e-8), (s._startTime = r - ((r - s._startTime) * s._timeScale) / e), (s = t._rootFramesTimeline), (r = i.ticker.frame), (s._startTime = r - ((r - s._startTime) * s._timeScale) / e), (s._timeScale = t._rootTimeline._timeScale = e), e) : s._timeScale; }), (u.progress = function (t, e) { return arguments.length ? this.totalTime( this.duration() * (this._yoyo && 0 != (1 & this._cycle) ? 1 - t : t) + this._cycle * (this._duration + this._repeatDelay), e ) : this.duration() ? this._time / this._duration : this.ratio; }), (u.totalProgress = function (t, e) { return arguments.length ? this.totalTime(this.totalDuration() * t, e) : this._totalTime / this.totalDuration(); }), (u.time = function (t, e) { if (!arguments.length) return this._time; this._dirty && this.totalDuration(); var i = this._duration, s = this._cycle, r = s * (i + this._repeatDelay); return ( t > i && (t = i), this.totalTime( this._yoyo && 1 & s ? i - t + r : this._repeat ? t + r : t, e ) ); }), (u.duration = function (e) { return arguments.length ? t.prototype.duration.call(this, e) : this._duration; }), (u.totalDuration = function (t) { return arguments.length ? -1 === this._repeat ? this : this.duration( (t - this._repeat * this._repeatDelay) / (this._repeat + 1) ) : (this._dirty && ((this._totalDuration = -1 === this._repeat ? 999999999999 : this._duration * (this._repeat + 1) + this._repeatDelay * this._repeat), (this._dirty = !1)), this._totalDuration); }), (u.repeat = function (t) { return arguments.length ? ((this._repeat = t), this._uncache(!0)) : this._repeat; }), (u.repeatDelay = function (t) { return arguments.length ? ((this._repeatDelay = t), this._uncache(!0)) : this._repeatDelay; }), (u.yoyo = function (t) { return arguments.length ? ((this._yoyo = t), this) : this._yoyo; }), a ); }, !0 ), _gsScope._gsDefine( "TimelineLite", ["core.Animation", "core.SimpleTimeline", "TweenLite"], function (t, e, i) { var s = function (t) { e.call(this, t); var i, s, r = this.vars; for (s in ((this._labels = {}), (this.autoRemoveChildren = !!r.autoRemoveChildren), (this.smoothChildTiming = !!r.smoothChildTiming), (this._sortChildren = !0), (this._onUpdate = r.onUpdate), r)) o((i = r[s])) && -1 !== i.join("").indexOf("{self}") && (r[s] = this._swapSelfInParams(i)); o(r.tweens) && this.add(r.tweens, 0, r.align, r.stagger); }, r = i._internals, n = (s._internals = {}), a = r.isSelector, o = r.isArray, l = r.lazyTweens, h = r.lazyRender, u = _gsScope._gsDefine.globals, f = function (t) { var e, i = {}; for (e in t) i[e] = t[e]; return i; }, c = function (t, e, i) { var s, r, n = t.cycle; for (s in n) (r = n[s]), (t[s] = "function" == typeof r ? r(i, e[i], e) : r[i % r.length]); delete t.cycle; }, $ = (n.pauseCallback = function () {}), p = function (t, e, i, s) { var r = "immediateRender"; return r in e || (e[r] = !((i && !1 === i[r]) || s)), e; }, d = function (t) { if ("function" == typeof t) return t; var e = "object" == typeof t ? t : { each: t }, i = e.ease, s = e.from || 0, r = e.base || 0, n = {}, a = isNaN(s), o = e.axis, l = { center: 0.5, end: 1 }[s] || 0; return function (t, h, u) { var f, c, $, p, d, m, _, g, y, v = (u || e).length, T = n[v]; if (!T) { if (!(y = "auto" === e.grid ? 0 : (e.grid || [1 / 0])[0])) { for ( _ = -1 / 0; _ < (_ = u[y++].getBoundingClientRect().left) && y < v; ); y--; } for ( T = n[v] = [], f = a ? Math.min(y, v) * l - 0.5 : s % y, c = a ? (v * l) / y - 0.5 : (s / y) | 0, _ = 0, g = 1 / 0, m = 0; m < v; m++ ) ($ = (m % y) - f), (p = c - ((m / y) | 0)), (T[m] = d = o ? Math.abs("y" === o ? p : $) : Math.sqrt($ * $ + p * p)), d > _ && (_ = d), d < g && (g = d); (T.max = _ - g), (T.min = g), (T.v = v = e.amount || e.each * (y > v ? v - 1 : o ? "y" === o ? v / y : y : Math.max(y, v / y)) || 0), (T.b = v < 0 ? r - v : r); } return ( (v = (T[t] - T.min) / T.max), T.b + (i ? i.getRatio(v) : v) * T.v ); }; }, m = (s.prototype = new e()); return ( (s.version = "2.1.3"), (s.distribute = d), (m.constructor = s), (m.kill()._gc = m._forcingPlayhead = m._hasPause = !1), (m.to = function (t, e, s, r) { var n = (s.repeat && u.TweenMax) || i; return e ? this.add(new n(t, e, s), r) : this.set(t, s, r); }), (m.from = function (t, e, s, r) { return this.add( ((s.repeat && u.TweenMax) || i).from(t, e, p(0, s)), r ); }), (m.fromTo = function (t, e, s, r, n) { var a = (r.repeat && u.TweenMax) || i; return ( (r = p(0, r, s)), e ? this.add(a.fromTo(t, e, s, r), n) : this.set(t, r, n) ); }), (m.staggerTo = function (t, e, r, n, o, l, h, u) { var $, p, m = new s({ onComplete: l, onCompleteParams: h, callbackScope: u, smoothChildTiming: this.smoothChildTiming, }), _ = d(r.stagger || n), g = r.startAt, y = r.cycle; for ( "string" == typeof t && (t = i.selector(t) || t), a((t = t || [])) && (t = (function (t) { var e, i = [], s = t.length; for (e = 0; e !== s; i.push(t[e++])); return i; })(t)), p = 0; p < t.length; p++ ) ($ = f(r)), g && (($.startAt = f(g)), g.cycle && c($.startAt, t, p)), y && (c($, t, p), null != $.duration && ((e = $.duration), delete $.duration)), m.to(t[p], e, $, _(p, t[p], t)); return this.add(m, o); }), (m.staggerFrom = function (t, e, i, s, r, n, a, o) { return ( (i.runBackwards = !0), this.staggerTo(t, e, p(0, i), s, r, n, a, o) ); }), (m.staggerFromTo = function (t, e, i, s, r, n, a, o, l) { return ( (s.startAt = i), this.staggerTo(t, e, p(0, s, i), r, n, a, o, l) ); }), (m.call = function (t, e, s, r) { return this.add(i.delayedCall(0, t, e, s), r); }), (m.set = function (t, e, s) { return this.add(new i(t, 0, p(0, e, null, !0)), s); }), (s.exportRoot = function (t, e) { null == (t = t || {}).smoothChildTiming && (t.smoothChildTiming = !0); var r, n, a, o, l = new s(t), h = l._timeline; for ( null == e && (e = !0), h._remove(l, !0), l._startTime = 0, l._rawPrevTime = l._time = l._totalTime = h._time, a = h._first; a; ) (o = a._next), (e && a instanceof i && a.target === a.vars.onComplete) || ((n = a._startTime - a._delay) < 0 && (r = 1), l.add(a, n)), (a = o); return h.add(l, 0), r && l.totalDuration(), l; }), (m.add = function (r, n, a, l) { var h, u, f, c, $, p; if ( ("number" != typeof n && (n = this._parseTimeOrLabel(n, 0, !0, r)), !(r instanceof t)) ) { if (r instanceof Array || (r && r.push && o(r))) { for ( a = a || "normal", l = l || 0, h = n, u = r.length, f = 0; f < u; f++ ) o((c = r[f])) && (c = new s({ tweens: c })), this.add(c, h), "string" != typeof c && "function" != typeof c && ("sequence" === a ? (h = c._startTime + c.totalDuration() / c._timeScale) : "start" === a && (c._startTime -= c.delay())), (h += l); return this._uncache(!0); } if ("string" == typeof r) return this.addLabel(r, n); if ("function" != typeof r) throw ( "Cannot add " + r + " into the timeline; it is not a tween, timeline, function, or string." ); r = i.delayedCall(0, r); } if ( (e.prototype.add.call(this, r, n), (r._time || (!r._duration && r._initted)) && ((h = (this.rawTime() - r._startTime) * r._timeScale), (!r._duration || Math.abs(Math.max(0, Math.min(r.totalDuration(), h))) - r._totalTime > 1e-5) && r.render(h, !1, !1)), (this._gc || this._time === this._duration) && !this._paused && this._duration < this.duration()) ) for (p = ($ = this).rawTime() > r._startTime; $._timeline; ) p && $._timeline.smoothChildTiming ? $.totalTime($._totalTime, !0) : $._gc && $._enabled(!0, !1), ($ = $._timeline); return this; }), (m.remove = function (e) { if (e instanceof t) { this._remove(e, !1); var i = (e._timeline = e.vars.useFrames ? t._rootFramesTimeline : t._rootTimeline); return ( (e._startTime = (e._paused ? e._pauseTime : i._time) - (e._reversed ? e.totalDuration() - e._totalTime : e._totalTime) / e._timeScale), this ); } if (e instanceof Array || (e && e.push && o(e))) { for (var s = e.length; --s > -1; ) this.remove(e[s]); return this; } return "string" == typeof e ? this.removeLabel(e) : this.kill(null, e); }), (m._remove = function (t, i) { return ( e.prototype._remove.call(this, t, i), this._last ? this._time > this.duration() && ((this._time = this._duration), (this._totalTime = this._totalDuration)) : (this._time = this._totalTime = this._duration = this._totalDuration = 0), this ); }), (m.append = function (t, e) { return this.add(t, this._parseTimeOrLabel(null, e, !0, t)); }), (m.insert = m.insertMultiple = function (t, e, i, s) { return this.add(t, e || 0, i, s); }), (m.appendMultiple = function (t, e, i, s) { return this.add(t, this._parseTimeOrLabel(null, e, !0, t), i, s); }), (m.addLabel = function (t, e) { return (this._labels[t] = this._parseTimeOrLabel(e)), this; }), (m.addPause = function (t, e, s, r) { var n = i.delayedCall(0, $, s, r || this); return ( (n.vars.onComplete = n.vars.onReverseComplete = e), (n.data = "isPause"), (this._hasPause = !0), this.add(n, t) ); }), (m.removeLabel = function (t) { return delete this._labels[t], this; }), (m.getLabelTime = function (t) { return null != this._labels[t] ? this._labels[t] : -1; }), (m._parseTimeOrLabel = function (e, i, s, r) { var n, a; if (r instanceof t && r.timeline === this) this.remove(r); else if (r && (r instanceof Array || (r.push && o(r)))) for (a = r.length; --a > -1; ) r[a] instanceof t && r[a].timeline === this && this.remove(r[a]); if ( ((n = "number" != typeof e || i ? this.duration() > 99999999999 ? this.recent().endTime(!1) : this._duration : 0), "string" == typeof i) ) return this._parseTimeOrLabel( i, s && "number" == typeof e && null == this._labels[i] ? e - n : 0, s ); if ( ((i = i || 0), "string" == typeof e && (isNaN(e) || null != this._labels[e])) ) { if (-1 === (a = e.indexOf("="))) return null == this._labels[e] ? s ? (this._labels[e] = n + i) : i : this._labels[e] + i; (i = parseInt(e.charAt(a - 1) + "1", 10) * Number(e.substr(a + 1))), (e = a > 1 ? this._parseTimeOrLabel(e.substr(0, a - 1), 0, s) : n); } else null == e && (e = n); return Number(e) + i; }), (m.seek = function (t, e) { return this.totalTime( "number" == typeof t ? t : this._parseTimeOrLabel(t), !1 !== e ); }), (m.stop = function () { return this.paused(!0); }), (m.gotoAndPlay = function (t, e) { return this.play(t, e); }), (m.gotoAndStop = function (t, e) { return this.pause(t, e); }), (m.render = function (t, e, i) { this._gc && this._enabled(!0, !1); var s, r, n, a, o, u, f, c, $ = this._time, p = this._dirty ? this.totalDuration() : this._totalDuration, d = this._startTime, m = this._timeScale, _ = this._paused; if ( ($ !== this._time && (t += this._time - $), this._hasPause && !this._forcingPlayhead && !e) ) { if (t > $) for (s = this._first; s && s._startTime <= t && !u; ) s._duration || "isPause" !== s.data || s.ratio || (0 === s._startTime && 0 === this._rawPrevTime) || (u = s), (s = s._next); else for (s = this._last; s && s._startTime >= t && !u; ) s._duration || ("isPause" === s.data && s._rawPrevTime > 0 && (u = s)), (s = s._prev); u && ((this._time = this._totalTime = t = u._startTime), (c = this._startTime + (this._reversed ? this._duration - t : t) / this._timeScale)); } if (t >= p - 1e-8 && t >= 0) (this._totalTime = this._time = p), this._reversed || this._hasPausedChild() || ((r = !0), (a = "onComplete"), (o = !!this._timeline.autoRemoveChildren), 0 === this._duration && ((t <= 0 && t >= -0.00000001) || this._rawPrevTime < 0 || 1e-8 === this._rawPrevTime) && this._rawPrevTime !== t && this._first && ((o = !0), this._rawPrevTime > 1e-8 && (a = "onReverseComplete"))), (this._rawPrevTime = this._duration || !e || t || this._rawPrevTime === t ? t : 1e-8), (t = p + 1e-4); else if (t < 1e-8) { if ( ((this._totalTime = this._time = 0), t > -0.00000001 && (t = 0), (0 !== $ || (0 === this._duration && 1e-8 !== this._rawPrevTime && (this._rawPrevTime > 0 || (t < 0 && this._rawPrevTime >= 0)))) && ((a = "onReverseComplete"), (r = this._reversed)), t < 0) ) (this._active = !1), this._timeline.autoRemoveChildren && this._reversed ? ((o = r = !0), (a = "onReverseComplete")) : this._rawPrevTime >= 0 && this._first && (o = !0), (this._rawPrevTime = t); else { if ( ((this._rawPrevTime = this._duration || !e || t || this._rawPrevTime === t ? t : 1e-8), 0 === t && r) ) for (s = this._first; s && 0 === s._startTime; ) s._duration || (r = !1), (s = s._next); (t = 0), this._initted || (o = !0); } } else this._totalTime = this._time = this._rawPrevTime = t; if ((this._time !== $ && this._first) || i || o || u) { if ( (this._initted || (this._initted = !0), this._active || (!this._paused && this._time !== $ && t > 0 && (this._active = !0)), 0 === $ && this.vars.onStart && ((0 === this._time && this._duration) || e || this._callback("onStart")), (f = this._time) >= $) ) for ( s = this._first; s && ((n = s._next), f === this._time && (!this._paused || _)); ) (s._active || (s._startTime <= f && !s._paused && !s._gc)) && (u === s && (this.pause(), (this._pauseTime = c)), s._reversed ? s.render( (s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i ) : s.render((t - s._startTime) * s._timeScale, e, i)), (s = n); else for ( s = this._last; s && ((n = s._prev), f === this._time && (!this._paused || _)); ) { if ( s._active || (s._startTime <= $ && !s._paused && !s._gc) ) { if (u === s) { for (u = s._prev; u && u.endTime() > this._time; ) u.render( u._reversed ? u.totalDuration() - (t - u._startTime) * u._timeScale : (t - u._startTime) * u._timeScale, e, i ), (u = u._prev); (u = null), this.pause(), (this._pauseTime = c); } s._reversed ? s.render( (s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i ) : s.render((t - s._startTime) * s._timeScale, e, i); } s = n; } this._onUpdate && (e || (l.length && h(), this._callback("onUpdate"))), a && (this._gc || (d !== this._startTime && m === this._timeScale) || ((0 === this._time || p >= this.totalDuration()) && (r && (l.length && h(), this._timeline.autoRemoveChildren && this._enabled(!1, !1), (this._active = !1)), !e && this.vars[a] && this._callback(a)))); } }), (m._hasPausedChild = function () { for (var t = this._first; t; ) { if (t._paused || (t instanceof s && t._hasPausedChild())) return !0; t = t._next; } return !1; }), (m.getChildren = function (t, e, s, r) { r = r || -9999999999; for (var n = [], a = this._first, o = 0; a; ) a._startTime < r || (a instanceof i ? !1 !== e && (n[o++] = a) : (!1 !== s && (n[o++] = a), !1 !== t && (o = (n = n.concat(a.getChildren(!0, e, s))).length))), (a = a._next); return n; }), (m.getTweensOf = function (t, e) { var s, r, n = this._gc, a = [], o = 0; for ( n && this._enabled(!0, !0), r = (s = i.getTweensOf(t)).length; --r > -1; ) (s[r].timeline === this || (e && this._contains(s[r]))) && (a[o++] = s[r]); return n && this._enabled(!1, !0), a; }), (m.recent = function () { return this._recent; }), (m._contains = function (t) { for (var e = t.timeline; e; ) { if (e === this) return !0; e = e.timeline; } return !1; }), (m.shiftChildren = function (t, e, i) { i = i || 0; for (var s, r = this._first, n = this._labels; r; ) r._startTime >= i && (r._startTime += t), (r = r._next); if (e) for (s in n) n[s] >= i && (n[s] += t); return this._uncache(!0); }), (m._kill = function (t, e) { if (!t && !e) return this._enabled(!1, !1); for ( var i = e ? this.getTweensOf(e) : this.getChildren(!0, !0, !1), s = i.length, r = !1; --s > -1; ) i[s]._kill(t, e) && (r = !0); return r; }), (m.clear = function (t) { var e = this.getChildren(!1, !0, !0), i = e.length; for (this._time = this._totalTime = 0; --i > -1; ) e[i]._enabled(!1, !1); return !1 !== t && (this._labels = {}), this._uncache(!0); }), (m.invalidate = function () { for (var e = this._first; e; ) e.invalidate(), (e = e._next); return t.prototype.invalidate.call(this); }), (m._enabled = function (t, i) { if (t === this._gc) for (var s = this._first; s; ) s._enabled(t, !0), (s = s._next); return e.prototype._enabled.call(this, t, i); }), (m.totalTime = function (e, i, s) { this._forcingPlayhead = !0; var r = t.prototype.totalTime.apply(this, arguments); return (this._forcingPlayhead = !1), r; }), (m.duration = function (t) { return arguments.length ? (0 !== this.duration() && 0 !== t && this.timeScale(this._duration / t), this) : (this._dirty && this.totalDuration(), this._duration); }), (m.totalDuration = function (t) { if (!arguments.length) { if (this._dirty) { for (var e, i, s = 0, r = this._last, n = 999999999999; r; ) (e = r._prev), r._dirty && r.totalDuration(), r._startTime > n && this._sortChildren && !r._paused && !this._calculatingDuration ? ((this._calculatingDuration = 1), this.add(r, r._startTime - r._delay), (this._calculatingDuration = 0)) : (n = r._startTime), r._startTime < 0 && !r._paused && ((s -= r._startTime), this._timeline.smoothChildTiming && ((this._startTime += r._startTime / this._timeScale), (this._time -= r._startTime), (this._totalTime -= r._startTime), (this._rawPrevTime -= r._startTime)), this.shiftChildren(-r._startTime, !1, -9999999999), (n = 0)), (i = r._startTime + r._totalDuration / r._timeScale) > s && (s = i), (r = e); (this._duration = this._totalDuration = s), (this._dirty = !1); } return this._totalDuration; } return t && this.totalDuration() ? this.timeScale(this._totalDuration / t) : this; }), (m.paused = function (e) { if (!1 === e && this._paused) for (var i = this._first; i; ) i._startTime === this._time && "isPause" === i.data && (i._rawPrevTime = 0), (i = i._next); return t.prototype.paused.apply(this, arguments); }), (m.usesFrames = function () { for (var e = this._timeline; e._timeline; ) e = e._timeline; return e === t._rootFramesTimeline; }), (m.rawTime = function (t) { return t && (this._paused || (this._repeat && this.time() > 0 && 1 > this.totalProgress())) ? this._totalTime % (this._duration + this._repeatDelay) : this._paused ? this._totalTime : (this._timeline.rawTime(t) - this._startTime) * this._timeScale; }), s ); }, !0 ), _gsScope._gsDefine( "TimelineMax", ["TimelineLite", "TweenLite", "easing.Ease"], function (t, e, i) { var s = function (e) { t.call(this, e), (this._repeat = this.vars.repeat || 0), (this._repeatDelay = this.vars.repeatDelay || 0), (this._cycle = 0), (this._yoyo = !!this.vars.yoyo), (this._dirty = !0); }, r = e._internals, n = r.lazyTweens, a = r.lazyRender, o = _gsScope._gsDefine.globals, l = new i(null, null, 1, 0), h = (s.prototype = new t()); return ( (h.constructor = s), (h.kill()._gc = !1), (s.version = "2.1.3"), (h.invalidate = function () { return ( (this._yoyo = !!this.vars.yoyo), (this._repeat = this.vars.repeat || 0), (this._repeatDelay = this.vars.repeatDelay || 0), this._uncache(!0), t.prototype.invalidate.call(this) ); }), (h.addCallback = function (t, i, s, r) { return this.add(e.delayedCall(0, t, s, r), i); }), (h.removeCallback = function (t, e) { if (t) { if (null == e) this._kill(null, t); else for ( var i = this.getTweensOf(t, !1), s = i.length, r = this._parseTimeOrLabel(e); --s > -1; ) i[s]._startTime === r && i[s]._enabled(!1, !1); } return this; }), (h.removePause = function (e) { return this.removeCallback(t._internals.pauseCallback, e); }), (h.tweenTo = function (t, i) { i = i || {}; var s, r, n, a = { ease: l, useFrames: this.usesFrames(), immediateRender: !1, lazy: !1, }, h = (i.repeat && o.TweenMax) || e; for (r in i) a[r] = i[r]; return ( (a.time = this._parseTimeOrLabel(t)), (s = Math.abs(Number(a.time) - this._time) / this._timeScale || 0.001), (n = new h(this, s, a)), (a.onStart = function () { n.target.paused(!0), n.vars.time === n.target.time() || s !== n.duration() || n.isFromTo || n .duration( Math.abs(n.vars.time - n.target.time()) / n.target._timeScale ) .render(n.time(), !0, !0), i.onStart && i.onStart.apply( i.onStartScope || i.callbackScope || n, i.onStartParams || [] ); }), n ); }), (h.tweenFromTo = function (t, e, i) { (i = i || {}), (t = this._parseTimeOrLabel(t)), (i.startAt = { onComplete: this.seek, onCompleteParams: [t], callbackScope: this, }), (i.immediateRender = !1 !== i.immediateRender); var s = this.tweenTo(e, i); return ( (s.isFromTo = 1), s.duration(Math.abs(s.vars.time - t) / this._timeScale || 0.001) ); }), (h.render = function (t, e, i) { this._gc && this._enabled(!0, !1); var s, r, o, l, h, u, f, c, $, p = this._time, d = this._dirty ? this.totalDuration() : this._totalDuration, m = this._duration, _ = this._totalTime, g = this._startTime, y = this._timeScale, v = this._rawPrevTime, T = this._paused, x = this._cycle; if ( (p !== this._time && (t += this._time - p), t >= d - 1e-8 && t >= 0) ) this._locked || ((this._totalTime = d), (this._cycle = this._repeat)), this._reversed || this._hasPausedChild() || ((r = !0), (l = "onComplete"), (h = !!this._timeline.autoRemoveChildren), 0 === this._duration && ((t <= 0 && t >= -0.00000001) || v < 0 || 1e-8 === v) && v !== t && this._first && ((h = !0), v > 1e-8 && (l = "onReverseComplete"))), (this._rawPrevTime = this._duration || !e || t || this._rawPrevTime === t ? t : 1e-8), this._yoyo && 1 & this._cycle ? (this._time = t = 0) : ((this._time = m), (t = m + 1e-4)); else if (t < 1e-8) { if ( (this._locked || (this._totalTime = this._cycle = 0), (this._time = 0), t > -0.00000001 && (t = 0), (0 !== p || (0 === m && 1e-8 !== v && (v > 0 || (t < 0 && v >= 0)) && !this._locked)) && ((l = "onReverseComplete"), (r = this._reversed)), t < 0) ) (this._active = !1), this._timeline.autoRemoveChildren && this._reversed ? ((h = r = !0), (l = "onReverseComplete")) : v >= 0 && this._first && (h = !0), (this._rawPrevTime = t); else { if ( ((this._rawPrevTime = m || !e || t || this._rawPrevTime === t ? t : 1e-8), 0 === t && r) ) for (s = this._first; s && 0 === s._startTime; ) s._duration || (r = !1), (s = s._next); (t = 0), this._initted || (h = !0); } } else 0 === m && v < 0 && (h = !0), (this._time = this._rawPrevTime = t), this._locked || ((this._totalTime = t), 0 !== this._repeat && ((u = m + this._repeatDelay), (this._cycle = (this._totalTime / u) >> 0), this._cycle && this._cycle === this._totalTime / u && _ <= t && this._cycle--, (this._time = this._totalTime - this._cycle * u), this._yoyo && 1 & this._cycle && (this._time = m - this._time), this._time > m ? ((this._time = m), (t = m + 1e-4)) : this._time < 0 ? (this._time = t = 0) : (t = this._time))); if (this._hasPause && !this._forcingPlayhead && !e) { if ((t = this._time) > p || (this._repeat && x !== this._cycle)) for (s = this._first; s && s._startTime <= t && !f; ) s._duration || "isPause" !== s.data || s.ratio || (0 === s._startTime && 0 === this._rawPrevTime) || (f = s), (s = s._next); else for (s = this._last; s && s._startTime >= t && !f; ) s._duration || ("isPause" === s.data && s._rawPrevTime > 0 && (f = s)), (s = s._prev); f && (($ = this._startTime + (this._reversed ? this._duration - f._startTime : f._startTime) / this._timeScale), f._startTime < m && ((this._time = this._rawPrevTime = t = f._startTime), (this._totalTime = t + this._cycle * (this._totalDuration + this._repeatDelay)))); } if (this._cycle !== x && !this._locked) { var b = this._yoyo && 0 != (1 & x), w = b === (this._yoyo && 0 != (1 & this._cycle)), P = this._totalTime, O = this._cycle, S = this._rawPrevTime, k = this._time; if ( ((this._totalTime = x * m), this._cycle < x ? (b = !b) : (this._totalTime += m), (this._time = p), (this._rawPrevTime = 0 === m ? v - 1e-4 : v), (this._cycle = x), (this._locked = !0), (p = b ? 0 : m), this.render(p, e, 0 === m), e || this._gc || (this.vars.onRepeat && ((this._cycle = O), (this._locked = !1), this._callback("onRepeat"))), p !== this._time || (w && ((this._cycle = x), (this._locked = !0), (p = b ? m + 1e-4 : -0.0001), this.render(p, !0, !1)), (this._locked = !1), this._paused && !T)) ) return; (this._time = k), (this._totalTime = P), (this._cycle = O), (this._rawPrevTime = S); } if ((this._time !== p && this._first) || i || h || f) { if ( (this._initted || (this._initted = !0), this._active || (!this._paused && this._totalTime !== _ && t > 0 && (this._active = !0)), 0 === _ && this.vars.onStart && ((0 === this._totalTime && this._totalDuration) || e || this._callback("onStart")), (c = this._time) >= p) ) for ( s = this._first; s && ((o = s._next), c === this._time && (!this._paused || T)); ) (s._active || (s._startTime <= this._time && !s._paused && !s._gc)) && (f === s && (this.pause(), (this._pauseTime = $)), s._reversed ? s.render( (s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i ) : s.render((t - s._startTime) * s._timeScale, e, i)), (s = o); else for ( s = this._last; s && ((o = s._prev), c === this._time && (!this._paused || T)); ) { if ( s._active || (s._startTime <= p && !s._paused && !s._gc) ) { if (f === s) { for (f = s._prev; f && f.endTime() > this._time; ) f.render( f._reversed ? f.totalDuration() - (t - f._startTime) * f._timeScale : (t - f._startTime) * f._timeScale, e, i ), (f = f._prev); (f = null), this.pause(), (this._pauseTime = $); } s._reversed ? s.render( (s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i ) : s.render((t - s._startTime) * s._timeScale, e, i); } s = o; } this._onUpdate && (e || (n.length && a(), this._callback("onUpdate"))), l && (this._locked || this._gc || (g !== this._startTime && y === this._timeScale) || ((0 === this._time || d >= this.totalDuration()) && (r && (n.length && a(), this._timeline.autoRemoveChildren && this._enabled(!1, !1), (this._active = !1)), !e && this.vars[l] && this._callback(l)))); } else _ !== this._totalTime && this._onUpdate && (e || this._callback("onUpdate")); }), (h.getActive = function (t, e, i) { var s, r, n = [], a = this.getChildren(t || null == t, e || null == t, !!i), o = 0, l = a.length; for (s = 0; s < l; s++) (r = a[s]).isActive() && (n[o++] = r); return n; }), (h.getLabelAfter = function (t) { t || (0 !== t && (t = this._time)); var e, i = this.getLabelsArray(), s = i.length; for (e = 0; e < s; e++) if (i[e].time > t) return i[e].name; return null; }), (h.getLabelBefore = function (t) { null == t && (t = this._time); for (var e = this.getLabelsArray(), i = e.length; --i > -1; ) if (e[i].time < t) return e[i].name; return null; }), (h.getLabelsArray = function () { var t, e = [], i = 0; for (t in this._labels) e[i++] = { time: this._labels[t], name: t }; return ( e.sort(function (t, e) { return t.time - e.time; }), e ); }), (h.invalidate = function () { return (this._locked = !1), t.prototype.invalidate.call(this); }), (h.progress = function (t, e) { return arguments.length ? this.totalTime( this.duration() * (this._yoyo && 0 != (1 & this._cycle) ? 1 - t : t) + this._cycle * (this._duration + this._repeatDelay), e ) : this._time / this.duration() || 0; }), (h.totalProgress = function (t, e) { return arguments.length ? this.totalTime(this.totalDuration() * t, e) : this._totalTime / this.totalDuration() || 0; }), (h.totalDuration = function (e) { return arguments.length ? -1 !== this._repeat && e ? this.timeScale(this.totalDuration() / e) : this : (this._dirty && (t.prototype.totalDuration.call(this), (this._totalDuration = -1 === this._repeat ? 999999999999 : this._duration * (this._repeat + 1) + this._repeatDelay * this._repeat)), this._totalDuration); }), (h.time = function (t, e) { if (!arguments.length) return this._time; this._dirty && this.totalDuration(); var i = this._duration, s = this._cycle, r = s * (i + this._repeatDelay); return ( t > i && (t = i), this.totalTime( this._yoyo && 1 & s ? i - t + r : this._repeat ? t + r : t, e ) ); }), (h.repeat = function (t) { return arguments.length ? ((this._repeat = t), this._uncache(!0)) : this._repeat; }), (h.repeatDelay = function (t) { return arguments.length ? ((this._repeatDelay = t), this._uncache(!0)) : this._repeatDelay; }), (h.yoyo = function (t) { return arguments.length ? ((this._yoyo = t), this) : this._yoyo; }), (h.currentLabel = function (t) { return arguments.length ? this.seek(t, !0) : this.getLabelBefore(this._time + 1e-8); }), s ); }, !0 ), (t = 180 / Math.PI), (e = []), (i = []), (s = []), (r = {}), (n = _gsScope._gsDefine.globals), (a = function (t, e, i, s) { i === s && (i = s - (s - e) / 1e6), t === e && (e = t + (i - t) / 1e6), (this.a = t), (this.b = e), (this.c = i), (this.d = s), (this.da = s - t), (this.ca = i - t), (this.ba = e - t); }), (o = function (t, e, i, s) { var r = { a: t }, n = {}, a = {}, o = { c: s }, l = (t + e) / 2, h = (e + i) / 2, u = (i + s) / 2, f = (l + h) / 2, c = (h + u) / 2, $ = (c - f) / 8; return ( (r.b = l + (t - l) / 4), (n.b = f + $), (r.c = n.a = (r.b + n.b) / 2), (n.c = a.a = (f + c) / 2), (a.b = c - $), (o.b = u + (s - u) / 4), (a.c = o.a = (a.b + o.b) / 2), [r, n, a, o] ); }), (l = function (t, r, n, a, l) { var h, u, f, c, $, p, d, m, _, g, y, v, T, x = t.length - 1, b = 0, w = t[0].a; for (h = 0; h < x; h++) (u = ($ = t[b]).a), (f = $.d), (c = t[b + 1].d), l ? ((y = e[h]), (T = (((v = i[h]) + y) * r * 0.25) / (a ? 0.5 : s[h] || 0.5)), (m = f - ((p = f - (f - u) * (a ? 0.5 * r : 0 !== y ? T / y : 0)) + ((((d = f + (c - f) * (a ? 0.5 * r : 0 !== v ? T / v : 0)) - p) * ((3 * y) / (y + v) + 0.5)) / 4 || 0)))) : (m = f - ((p = f - (f - u) * r * 0.5) + (d = f + (c - f) * r * 0.5)) / 2), (p += m), (d += m), ($.c = _ = p), ($.b = 0 !== h ? w : (w = $.a + 0.6 * ($.c - $.a))), ($.da = f - u), ($.ca = _ - u), ($.ba = w - u), n ? ((g = o(u, w, _, f)), t.splice(b, 1, g[0], g[1], g[2], g[3]), (b += 4)) : b++, (w = d); (($ = t[b]).b = w), ($.c = w + 0.4 * ($.d - w)), ($.da = $.d - $.a), ($.ca = $.c - $.a), ($.ba = w - $.a), n && ((g = o($.a, w, $.c, $.d)), t.splice(b, 1, g[0], g[1], g[2], g[3])); }), (h = function (t, s, r, n) { var o, l, h, u, f, c, $ = []; if (n) for (l = (t = [n].concat(t)).length; --l > -1; ) "string" == typeof (c = t[l][s]) && "=" === c.charAt(1) && (t[l][s] = n[s] + Number(c.charAt(0) + c.substr(2))); if ((o = t.length - 2) < 0) return ($[0] = new a(t[0][s], 0, 0, t[0][s])), $; for (l = 0; l < o; l++) (h = t[l][s]), (u = t[l + 1][s]), ($[l] = new a(h, 0, 0, u)), r && ((f = t[l + 2][s]), (e[l] = (e[l] || 0) + (u - h) * (u - h)), (i[l] = (i[l] || 0) + (f - u) * (f - u))); return ($[l] = new a(t[l][s], 0, 0, t[l + 1][s])), $; }), (u = function (t, n, a, o, u, f) { var c, $, p, d, m, _, g, y, v = {}, T = [], x = f || t[0]; for ($ in ((u = "string" == typeof u ? "," + u + "," : ",x,y,z,left,top,right,bottom,marginTop,marginLeft,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom,backgroundPosition,backgroundPosition_y,"), null == n && (n = 1), t[0])) T.push($); if (t.length > 1) { for (y = t[t.length - 1], g = !0, c = T.length; --c > -1; ) if (Math.abs(x[($ = T[c])] - y[$]) > 0.05) { g = !1; break; } g && ((t = t.concat()), f && t.unshift(f), t.push(t[1]), (f = t[t.length - 3])); } for (e.length = i.length = s.length = 0, c = T.length; --c > -1; ) (r[($ = T[c])] = -1 !== u.indexOf("," + $ + ",")), (v[$] = h(t, $, r[$], f)); for (c = e.length; --c > -1; ) (e[c] = Math.sqrt(e[c])), (i[c] = Math.sqrt(i[c])); if (!o) { for (c = T.length; --c > -1; ) if (r[$]) for (_ = (p = v[T[c]]).length - 1, d = 0; d < _; d++) (m = p[d + 1].da / i[d] + p[d].da / e[d] || 0), (s[d] = (s[d] || 0) + m * m); for (c = s.length; --c > -1; ) s[c] = Math.sqrt(s[c]); } for (c = T.length, d = a ? 4 : 1; --c > -1; ) l((p = v[($ = T[c])]), n, a, o, r[$]), g && (p.splice(0, d), p.splice(p.length - d, d)); return v; }), (f = function (t, e, i) { for ( var s, r, n, a, o, l, h, u, f, c, $, p = 1 / i, d = t.length; --d > -1; ) for ( n = (c = t[d]).a, a = c.d - n, o = c.c - n, l = c.b - n, s = r = 0, u = 1; u <= i; u++ ) (s = r - (r = ((h = p * u) * h * a + 3 * (f = 1 - h) * (h * o + f * l)) * h)), (e[($ = d * i + u - 1)] = (e[$] || 0) + s * s); }), ($ = (c = _gsScope._gsDefine.plugin({ propName: "bezier", priority: -1, version: "1.3.9", API: 2, global: !0, init: function (t, e, i) { (this._target = t), e instanceof Array && (e = { values: e }), (this._func = {}), (this._mod = {}), (this._props = []), (this._timeRes = null == e.timeResolution ? 6 : parseInt(e.timeResolution, 10)); var s, r, n, o, l, h = e.values || [], c = {}, $ = h[0], p = e.autoRotate || i.vars.orientToBezier; for (s in ((this._autoRotate = p ? p instanceof Array ? p : [["x", "y", "rotation", !0 === p ? 0 : Number(p) || 0]] : null), $)) this._props.push(s); for (n = this._props.length; --n > -1; ) (s = this._props[n]), this._overwriteProps.push(s), (r = this._func[s] = "function" == typeof t[s]), (c[s] = r ? t[ s.indexOf("set") || "function" != typeof t["get" + s.substr(3)] ? s : "get" + s.substr(3) ]() : parseFloat(t[s])), l || (c[s] !== h[0][s] && (l = c)); if ( ((this._beziers = "cubic" !== e.type && "quadratic" !== e.type && "soft" !== e.type ? u( h, isNaN(e.curviness) ? 1 : e.curviness, !1, "thruBasic" === e.type, e.correlate, l ) : (function (t, e, i) { var s, r, n, o, l, h, u, f, c, $, p, d = {}, m = "cubic" === (e = e || "soft") ? 3 : 2, _ = "soft" === e, g = []; if ( (_ && i && (t = [i].concat(t)), null == t || t.length < m + 1) ) throw "invalid Bezier data"; for (c in t[0]) g.push(c); for (h = g.length; --h > -1; ) { for ( d[(c = g[h])] = l = [], $ = 0, f = t.length, u = 0; u < f; u++ ) (s = null == i ? t[u][c] : "string" == typeof (p = t[u][c]) && "=" === p.charAt(1) ? i[c] + Number(p.charAt(0) + p.substr(2)) : Number(p)), _ && u > 1 && u < f - 1 && (l[$++] = (s + l[$ - 2]) / 2), (l[$++] = s); for (f = $ - m + 1, $ = 0, u = 0; u < f; u += m) (s = l[u]), (r = l[u + 1]), (n = l[u + 2]), (o = 2 === m ? 0 : l[u + 3]), (l[$++] = p = 3 === m ? new a(s, r, n, o) : new a(s, (2 * r + s) / 3, (2 * r + n) / 3, n)); l.length = $; } return d; })(h, e.type, c)), (this._segCount = this._beziers[s].length), this._timeRes) ) { var d = (function (t, e) { var i, s, r, n, a = [], o = [], l = 0, h = 0, u = (e = e >> 0 || 6) - 1, c = [], $ = []; for (i in t) f(t[i], a, e); for (r = a.length, s = 0; s < r; s++) (l += Math.sqrt(a[s])), ($[(n = s % e)] = l), n === u && ((h += l), (c[(n = (s / e) >> 0)] = $), (o[n] = h), (l = 0), ($ = [])); return { length: h, lengths: o, segments: c }; })(this._beziers, this._timeRes); (this._length = d.length), (this._lengths = d.lengths), (this._segments = d.segments), (this._l1 = this._li = this._s1 = this._si = 0), (this._l2 = this._lengths[0]), (this._curSeg = this._segments[0]), (this._s2 = this._curSeg[0]), (this._prec = 1 / this._curSeg.length); } if ((p = this._autoRotate)) for ( this._initialRotations = [], p[0] instanceof Array || (this._autoRotate = p = [p]), n = p.length; --n > -1; ) { for (o = 0; o < 3; o++) (s = p[n][o]), (this._func[s] = "function" == typeof t[s] && t[ s.indexOf("set") || "function" != typeof t["get" + s.substr(3)] ? s : "get" + s.substr(3) ]); (s = p[n][2]), (this._initialRotations[n] = (this._func[s] ? this._func[s].call(this._target) : this._target[s]) || 0), this._overwriteProps.push(s); } return (this._startRatio = i.vars.runBackwards ? 1 : 0), !0; }, set: function (e) { var i, s, r, n, a, o, l, h, u, f, c, $ = this._segCount, p = this._func, d = this._target, m = e !== this._startRatio; if (this._timeRes) { if ( ((u = this._lengths), (f = this._curSeg), (c = e * this._length), (r = this._li), c > this._l2 && r < $ - 1) ) { for (h = $ - 1; r < h && (this._l2 = u[++r]) <= c; ); (this._l1 = u[r - 1]), (this._li = r), (this._curSeg = f = this._segments[r]), (this._s2 = f[(this._s1 = this._si = 0)]); } else if (c < this._l1 && r > 0) { for (; r > 0 && (this._l1 = u[--r]) >= c; ); 0 === r && c < this._l1 ? (this._l1 = 0) : r++, (this._l2 = u[r]), (this._li = r), (this._curSeg = f = this._segments[r]), (this._s1 = f[(this._si = f.length - 1) - 1] || 0), (this._s2 = f[this._si]); } if ( ((i = r), (c -= this._l1), (r = this._si), c > this._s2 && r < f.length - 1) ) { for (h = f.length - 1; r < h && (this._s2 = f[++r]) <= c; ); (this._s1 = f[r - 1]), (this._si = r); } else if (c < this._s1 && r > 0) { for (; r > 0 && (this._s1 = f[--r]) >= c; ); 0 === r && c < this._s1 ? (this._s1 = 0) : r++, (this._s2 = f[r]), (this._si = r); } o = 1 === e ? 1 : (r + (c - this._s1) / (this._s2 - this._s1)) * this._prec || 0; } else o = (e - (i = e < 0 ? 0 : e >= 1 ? $ - 1 : ($ * e) >> 0) * (1 / $)) * $; for (s = 1 - o, r = this._props.length; --r > -1; ) (n = this._props[r]), (l = (o * o * (a = this._beziers[n][i]).da + 3 * s * (o * a.ca + s * a.ba)) * o + a.a), this._mod[n] && (l = this._mod[n](l, d)), p[n] ? d[n](l) : (d[n] = l); if (this._autoRotate) { var _, g, y, v, T, x, b, w = this._autoRotate; for (r = w.length; --r > -1; ) (n = w[r][2]), (x = w[r][3] || 0), (b = !0 === w[r][4] ? 1 : t), (a = this._beziers[w[r][0]]), (_ = this._beziers[w[r][1]]), a && _ && ((a = a[i]), (_ = _[i]), (g = a.a + (a.b - a.a) * o), (g += ((v = a.b + (a.c - a.b) * o) - g) * o), (v += (a.c + (a.d - a.c) * o - v) * o), (y = _.a + (_.b - _.a) * o), (y += ((T = _.b + (_.c - _.b) * o) - y) * o), (T += (_.c + (_.d - _.c) * o - T) * o), (l = m ? Math.atan2(T - y, v - g) * b + x : this._initialRotations[r]), this._mod[n] && (l = this._mod[n](l, d)), p[n] ? d[n](l) : (d[n] = l)); } }, })).prototype), (c.bezierThrough = u), (c.cubicToQuadratic = o), (c._autoCSS = !0), (c.quadraticToCubic = function (t, e, i) { return new a(t, (2 * e + t) / 3, (2 * e + i) / 3, i); }), (c._cssRegister = function () { var t = n.CSSPlugin; if (t) { var e = t._internals, i = e._parseToProxy, s = e._setPluginRatio, r = e.CSSPropTween; e._registerComplexSpecialProp("bezier", { parser: function (t, e, n, a, o, l) { e instanceof Array && (e = { values: e }), (l = new c()); var h, u, f, $ = e.values, p = $.length - 1, d = [], m = {}; if (p < 0) return o; for (h = 0; h <= p; h++) (f = i(t, $[h], a, o, l, p !== h)), (d[h] = f.end); for (u in e) m[u] = e[u]; return ( (m.values = d), ((o = new r(t, "bezier", 0, 0, f.pt, 2)).data = f), (o.plugin = l), (o.setRatio = s), 0 === m.autoRotate && (m.autoRotate = !0), !m.autoRotate || m.autoRotate instanceof Array || ((h = !0 === m.autoRotate ? 0 : Number(m.autoRotate)), (m.autoRotate = null != f.end.left ? [["left", "top", "rotation", h, !1]] : null != f.end.x && [["x", "y", "rotation", h, !1]])), m.autoRotate && (a._transform || a._enableTransforms(!1), (f.autoRotate = a._target._gsTransform), (f.proxy.rotation = f.autoRotate.rotation || 0), a._overwriteProps.push("rotation")), l._onInitTween(f.proxy, m, a._tween), o ); }, }); } }), ($._mod = function (t) { for (var e, i = this._overwriteProps, s = i.length; --s > -1; ) (e = t[i[s]]) && "function" == typeof e && (this._mod[i[s]] = e); }), ($._kill = function (t) { var e, i, s = this._props; for (e in this._beziers) if (e in t) for ( delete this._beziers[e], delete this._func[e], i = s.length; --i > -1; ) s[i] === e && s.splice(i, 1); if ((s = this._autoRotate)) for (i = s.length; --i > -1; ) t[s[i][2]] && s.splice(i, 1); return this._super._kill.call(this, t); }), _gsScope._gsDefine( "plugins.CSSPlugin", ["plugins.TweenPlugin", "TweenLite"], function (t, e) { var i, s, r, n, a, o, l = function () { t.call(this, "css"), (this._overwriteProps.length = 0), (this.setRatio = l.prototype.setRatio); }, h = _gsScope._gsDefine.globals, u = {}, f = (l.prototype = new t("css")); (f.constructor = l), (l.version = "2.1.3"), (l.API = 2), (l.defaultTransformPerspective = 0), (l.defaultSkewType = "compensated"), (l.defaultSmoothOrigin = !0), (f = "px"), (l.suffixMap = { top: f, right: f, bottom: f, left: f, width: f, height: f, fontSize: f, padding: f, margin: f, perspective: f, lineHeight: "", }); var c, $, p, d, m, _, g, y, v = /(?:\-|\.|\b)(\d|\.|e\-)+/g, T = /(?:\d|\-\d|\.\d|\-\.\d|\+=\d|\-=\d|\+=.\d|\-=\.\d)+/g, x = /(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b)/gi, b = /(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b),?/gi, w = /(?![+-]?\d*\.?\d+|[+-]|e[+-]\d+)[^0-9]/g, P = /(?:\d|\-|\+|=|#|\.)*/g, O = /opacity *= *([^)]*)/i, S = /opacity:([^;]*)/i, k = /alpha$opacity *=.+?$/i, R = /^(rgb|hsl)/, C = /([A-Z])/g, A = /-([a-z])/gi, D = /(^(?:url$\"|url\())|(?:(\"$)$|\)$)/gi, z = function (t, e) { return e.toUpperCase(); }, X = /(?:Left|Right|Width)/i, E = /(M11|M12|M21|M22)=[\d\-\.e]+/gi, L = /progid\:DXImageTransform\.Microsoft\.Matrix$.+?$/i, I = /,(?=[^\)]*(?:\(|$))/gi, B = /[\s,\(]/i, Y = Math.PI / 180, F = 180 / Math.PI, j = {}, M = { style: {} }, N = _gsScope.document || { createElement: function () { return M; }, }, U = function (t, e) { var i = N.createElementNS ? N.createElementNS(e || "http://www.w3.org/1999/xhtml", t) : N.createElement(t); return i.style ? i : N.createElement(t); }, V = U("div"), q = U("img"), W = (l._internals = { _specialProps: u }), G = (_gsScope.navigator || {}).userAgent || "", Z = ((a = G.indexOf("Android")), (o = U("a")), (m = (p = -1 !== G.indexOf("Safari") && -1 === G.indexOf("Chrome") && (-1 === a || parseFloat(G.substr(a + 8, 2)) > 3)) && 6 > parseFloat(G.substr(G.indexOf("Version/") + 8, 2))), (d = -1 !== G.indexOf("Firefox")), (/MSIE ([0-9]{1,}[\.0-9]{0,})/.exec(G) || /Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/.exec(G)) && (_ = parseFloat(RegExp.$1)), !!o && ((o.style.cssText = "top:1px;opacity:.55;"), /^0.55/.test(o.style.opacity))), H = function (t) { return O.test( "string" == typeof t ? t : (t.currentStyle ? t.currentStyle.filter : t.style.filter) || "" ) ? parseFloat(RegExp.$1) / 100 : 1; }, Q = function (t) { _gsScope.console && console.log(t); }, K = "", J = "", tt = function (t, e) { var i, s, r = (e = e || V).style; if (void 0 !== r[t]) return t; for ( t = t.charAt(0).toUpperCase() + t.substr(1), i = ["O", "Moz", "ms", "Ms", "Webkit"], s = 5; --s > -1 && void 0 === r[i[s] + t]; ); return s >= 0 ? ((K = "-" + (J = 3 === s ? "ms" : i[s]).toLowerCase() + "-"), J + t) : null; }, te = "undefined" != typeof window ? window : N.defaultView || { getComputedStyle: function () {} }, ti = function (t) { return te.getComputedStyle(t); }, ts = (l.getStyle = function (t, e, i, s, r) { var n; return Z || "opacity" !== e ? (!s && t.style[e] ? (n = t.style[e]) : (i = i || ti(t)) ? (n = i[e] || i.getPropertyValue(e) || i.getPropertyValue(e.replace(C, "-$1").toLowerCase())) : t.currentStyle && (n = t.currentStyle[e]), null == r || (n && "none" !== n && "auto" !== n && "auto auto" !== n) ? n : r) : H(t); }), tr = (W.convertToPixels = function (t, i, s, r, n) { if ("px" === r || (!r && "lineHeight" !== i)) return s; if ("auto" === r || !s) return 0; var a, o, h, u = X.test(i), f = t, c = V.style, $ = s < 0, p = 1 === s; if (($ && (s = -s), p && (s *= 100), "lineHeight" !== i || r)) { if ("%" === r && -1 !== i.indexOf("border")) a = (s / 100) * (u ? t.clientWidth : t.clientHeight); else { if ( ((c.cssText = "border:0 solid red;position:" + ts(t, "position") + ";line-height:0;"), "%" !== r && f.appendChild && "v" !== r.charAt(0) && "rem" !== r) ) c[u ? "borderLeftWidth" : "borderTopWidth"] = s + r; else { if ( (-1 !== ts((f = t.parentNode || N.body), "display").indexOf( "flex" ) && (c.position = "absolute"), (o = f._gsCache), (h = e.ticker.frame), o && u && o.time === h) ) return (o.width * s) / 100; c[u ? "width" : "height"] = s + r; } f.appendChild(V), (a = parseFloat(V[u ? "offsetWidth" : "offsetHeight"])), f.removeChild(V), u && "%" === r && !1 !== l.cacheWidths && (((o = f._gsCache = f._gsCache || {}).time = h), (o.width = (a / s) * 100)), 0 !== a || n || (a = tr(t, i, s, r, !0)); } } else (o = ti(t).lineHeight), (t.style.lineHeight = s), (a = parseFloat(ti(t).lineHeight)), (t.style.lineHeight = o); return p && (a /= 100), $ ? -a : a; }), tn = (W.calculateOffset = function (t, e, i) { if ("absolute" !== ts(t, "position", i)) return 0; var s = "left" === e ? "Left" : "Top", r = ts(t, "margin" + s, i); return ( t["offset" + s] - (tr(t, e, parseFloat(r), r.replace(P, "")) || 0) ); }), ta = function (t, e) { var i, s, r, n = {}; if ((e = e || ti(t))) { if ((i = e.length)) for (; --i > -1; ) (-1 !== (r = e[i]).indexOf("-transform") && t1 !== r) || (n[r.replace(A, z)] = e.getPropertyValue(r)); else for (i in e) (-1 !== i.indexOf("Transform") && tD !== i) || (n[i] = e[i]); } else if ((e = t.currentStyle || t.style)) for (i in e) "string" == typeof i && void 0 === n[i] && (n[i.replace(A, z)] = e[i]); return ( Z || (n.opacity = H(t)), (s = tM(t, e, !1)), (n.rotation = s.rotation), (n.skewX = s.skewX), (n.scaleX = s.scaleX), (n.scaleY = s.scaleY), (n.x = s.x), (n.y = s.y), tX && ((n.z = s.z), (n.rotationX = s.rotationX), (n.rotationY = s.rotationY), (n.scaleZ = s.scaleZ)), n.filters && delete n.filters, n ); }, to = function (t, e, i, s, r) { var n, a, o, l = {}, h = t.style; for (a in i) "cssText" !== a && "length" !== a && isNaN(a) && (e[a] !== (n = i[a]) || (r && r[a])) && -1 === a.indexOf("Origin") && (("number" != typeof n && "string" != typeof n) || ((l[a] = "auto" !== n || ("left" !== a && "top" !== a) ? ("" !== n && "auto" !== n && "none" !== n) || "string" != typeof e[a] || "" === e[a].replace(w, "") ? n : 0 : tn(t, a)), void 0 !== h[a] && (o = new tT(h, a, h[a], o)))); if (s) for (a in s) "className" !== a && (l[a] = s[a]); return { difs: l, firstMPT: o }; }, tl = { width: ["Left", "Right"], height: ["Top", "Bottom"] }, th = ["marginLeft", "marginRight", "marginTop", "marginBottom"], t8 = function (t, e, i) { if ("svg" === (t.nodeName + "").toLowerCase()) return (i || ti(t))[e] || 0; if (t.getCTM && tF(t)) return t.getBBox()[e] || 0; var s = parseFloat( "width" === e ? t.offsetWidth : t.offsetHeight ), r = tl[e], n = r.length; for (i = i || ti(t); --n > -1; ) (s -= parseFloat(ts(t, "padding" + r[n], i, !0)) || 0), (s -= parseFloat(ts(t, "border" + r[n] + "Width", i, !0)) || 0); return s; }, tu = function (t, e) { if ("contain" === t || "auto" === t || "auto auto" === t) return t + " "; (null != t && "" !== t) || (t = "0 0"); var i, s = t.split(" "), r = -1 !== t.indexOf("left") ? "0%" : -1 !== t.indexOf("right") ? "100%" : s[0], n = -1 !== t.indexOf("top") ? "0%" : -1 !== t.indexOf("bottom") ? "100%" : s[1]; if (s.length > 3 && !e) { for ( s = t.split(", ").join(",").split(","), t = [], i = 0; i < s.length; i++ ) t.push(tu(s[i])); return t.join(","); } return ( null == n ? (n = "center" === r ? "50%" : "0") : "center" === n && (n = "50%"), ("center" === r || (isNaN(parseFloat(r)) && -1 === (r + "").indexOf("="))) && (r = "50%"), (t = r + " " + n + (s.length > 2 ? " " + s[2] : "")), e && ((e.oxp = -1 !== r.indexOf("%")), (e.oyp = -1 !== n.indexOf("%")), (e.oxr = "=" === r.charAt(1)), (e.oyr = "=" === n.charAt(1)), (e.ox = parseFloat(r.replace(w, ""))), (e.oy = parseFloat(n.replace(w, ""))), (e.v = t)), e || t ); }, tf = function (t, e) { return ( "function" == typeof t && (t = t(y, g)), "string" == typeof t && "=" === t.charAt(1) ? parseInt(t.charAt(0) + "1", 10) * parseFloat(t.substr(2)) : parseFloat(t) - parseFloat(e) || 0 ); }, tc = function (t, e) { "function" == typeof t && (t = t(y, g)); var i = "string" == typeof t && "=" === t.charAt(1); return ( "string" == typeof t && "v" === t.charAt(t.length - 2) && (t = (i ? t.substr(0, 2) : 0) + window[ "inner" + ("vh" === t.substr(-2) ? "Height" : "Width") ] * (parseFloat(i ? t.substr(2) : t) / 100)), null == t ? e : i ? parseInt(t.charAt(0) + "1", 10) * parseFloat(t.substr(2)) + e : parseFloat(t) || 0 ); }, t$ = function (t, e, i, s) { var r, n, a, o; return ( "function" == typeof t && (t = t(y, g)), null == t ? (a = e) : "number" == typeof t ? (a = t) : ((r = t.split("_")), (n = ((o = "=" === t.charAt(1)) ? parseInt(t.charAt(0) + "1", 10) * parseFloat(r[0].substr(2)) : parseFloat(r[0])) * (-1 === t.indexOf("rad") ? 1 : F) - (o ? 0 : e)), r.length && (s && (s[i] = e + n), -1 !== t.indexOf("short") && (n %= 360) != n % 180 && (n = n < 0 ? n + 360 : n - 360), -1 !== t.indexOf("_cw") && n < 0 ? (n = ((n + 3599999999640) % 360) - 360 * ((n / 360) | 0)) : -1 !== t.indexOf("ccw") && n > 0 && (n = ((n - 3599999999640) % 360) - 360 * ((n / 360) | 0))), (a = e + n)), a < 1e-6 && a > -0.000001 && (a = 0), a ); }, tp = { aqua: [0, 255, 255], lime: [0, 255, 0], silver: [192, 192, 192], black: [0, 0, 0], maroon: [128, 0, 0], teal: [0, 128, 128], blue: [0, 0, 255], navy: [0, 0, 128], white: [255, 255, 255], fuchsia: [255, 0, 255], olive: [128, 128, 0], yellow: [255, 255, 0], orange: [255, 165, 0], gray: [128, 128, 128], purple: [128, 0, 128], green: [0, 128, 0], red: [255, 0, 0], pink: [255, 192, 203], cyan: [0, 255, 255], transparent: [255, 255, 255, 0], }, td = function (t, e, i) { return ( (255 * (6 * (t = t < 0 ? t + 1 : t > 1 ? t - 1 : t) < 1 ? e + (i - e) * t * 6 : t < 0.5 ? i : 3 * t < 2 ? e + (i - e) * (2 / 3 - t) * 6 : e) + 0.5) | 0 ); }, tm = (l.parseColor = function (t, e) { var i, s, r, n, a, o, l, h, u, f, c; if (t) { if ("number" == typeof t) i = [t >> 16, (t >> 8) & 255, 255 & t]; else { if ( ("," === t.charAt(t.length - 1) && (t = t.substr(0, t.length - 1)), tp[t]) ) i = tp[t]; else if ("#" === t.charAt(0)) 4 === t.length && ((s = t.charAt(1)), (t = "#" + s + s + (r = t.charAt(2)) + r + (n = t.charAt(3)) + n)), (i = [ (t = parseInt(t.substr(1), 16)) >> 16, (t >> 8) & 255, 255 & t, ]); else if ("hsl" === t.substr(0, 3)) { if (((i = c = t.match(v)), e)) { if (-1 !== t.indexOf("=")) return t.match(T); } else (a = (Number(i[0]) % 360) / 360), (o = Number(i[1]) / 100), (s = 2 * (l = Number(i[2]) / 100) - (r = l <= 0.5 ? l * (o + 1) : l + o - l * o)), i.length > 3 && (i[3] = Number(i[3])), (i[0] = td(a + 1 / 3, s, r)), (i[1] = td(a, s, r)), (i[2] = td(a - 1 / 3, s, r)); } else i = t.match(v) || tp.transparent; (i[0] = Number(i[0])), (i[1] = Number(i[1])), (i[2] = Number(i[2])), i.length > 3 && (i[3] = Number(i[3])); } } else i = tp.black; return ( e && !c && ((s = i[0] / 255), (l = ((h = Math.max(s, (r = i[1] / 255), (n = i[2] / 255))) + (u = Math.min(s, r, n))) / 2), h === u ? (a = o = 0) : ((f = h - u), (o = l > 0.5 ? f / (2 - h - u) : f / (h + u)), (a = h === s ? (r - n) / f + (r < n ? 6 : 0) : h === r ? (n - s) / f + 2 : (s - r) / f + 4), (a *= 60)), (i[0] = (a + 0.5) | 0), (i[1] = (100 * o + 0.5) | 0), (i[2] = (100 * l + 0.5) | 0)), i ); }), t_ = function (t, e) { var i, s, r, n = t.match(tg) || [], a = 0, o = ""; if (!n.length) return t; for (i = 0; i < n.length; i++) (s = n[i]), (a += (r = t.substr(a, t.indexOf(s, a) - a)).length + s.length), 3 === (s = tm(s, e)).length && s.push(1), (o += r + (e ? "hsla(" + s[0] + "," + s[1] + "%," + s[2] + "%," + s[3] : "rgba(" + s.join(",")) + ")"); return o + t.substr(a); }, tg = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\$.+?\$)|\\B#(?:[0-9a-f]{3}){1,2}\\b"; for (f in tp) tg += "|" + f + "\\b"; (tg = RegExp(tg + ")", "gi")), (l.colorStringFilter = function (t) { var e, i = t[0] + " " + t[1]; tg.test(i) && ((e = -1 !== i.indexOf("hsl(") || -1 !== i.indexOf("hsla(")), (t[0] = t_(t[0], e)), (t[1] = t_(t[1], e))), (tg.lastIndex = 0); }), e.defaultStringFilter || (e.defaultStringFilter = l.colorStringFilter); var ty = function (t, e, i, s) { if (null == t) return function (t) { return t; }; var r, n = e ? (t.match(tg) || [""])[0] : "", a = t.split(n).join("").match(x) || [], o = t.substr(0, t.indexOf(a[0])), l = ")" === t.charAt(t.length - 1) ? ")" : "", h = -1 !== t.indexOf(" ") ? " " : ",", u = a.length, f = u > 0 ? a[0].replace(v, "") : ""; return u ? (r = e ? function (t) { var e, c, $, p; if ("number" == typeof t) t += f; else if (s && I.test(t)) { for ( p = t.replace(I, "|").split("|"), $ = 0; $ < p.length; $++ ) p[$] = r(p[$]); return p.join(","); } if ( ((e = (t.match(tg) || [n])[0]), ($ = (c = t.split(e).join("").match(x) || []).length), u > $--) ) for (; ++$ < u; ) c[$] = i ? c[(($ - 1) / 2) | 0] : a[$]; return ( o + c.join(h) + h + e + l + (-1 !== t.indexOf("inset") ? " inset" : "") ); } : function (t) { var e, n, c; if ("number" == typeof t) t += f; else if (s && I.test(t)) { for ( n = t.replace(I, "|").split("|"), c = 0; c < n.length; c++ ) n[c] = r(n[c]); return n.join(","); } if ( ((c = (e = t.match("," === h ? x : b) || []).length), u > c--) ) for (; ++c < u; ) e[c] = i ? e[((c - 1) / 2) | 0] : a[c]; return ( ((o && "none" !== t && t.substr(0, t.indexOf(e[0]))) || o) + e.join(h) + l ); }) : function (t) { return t; }; }, tv = function (t) { return ( (t = t.split(",")), function (e, i, s, r, n, a, o) { var l, h = (i + "").split(" "); for (o = {}, l = 0; l < 4; l++) o[t[l]] = h[l] = h[l] || h[((l - 1) / 2) >> 0]; return r.parse(e, o, n, a); } ); }, tT = ((W._setPluginRatio = function (t) { this.plugin.setRatio(t); for ( var e, i, s, r, n, a = this.data, o = a.proxy, l = a.firstMPT; l; ) (e = o[l.v]), l.r ? (e = l.r(e)) : e < 1e-6 && e > -0.000001 && (e = 0), (l.t[l.p] = e), (l = l._next); if ( (a.autoRotate && (a.autoRotate.rotation = a.mod ? a.mod.call(this._tween, o.rotation, this.t, this._tween) : o.rotation), 1 === t || 0 === t) ) for (l = a.firstMPT, n = 1 === t ? "e" : "b"; l; ) { if ((i = l.t).type) { if (1 === i.type) { for (r = i.xs0 + i.s + i.xs1, s = 1; s < i.l; s++) r += i["xn" + s] + i["xs" + (s + 1)]; i[n] = r; } } else i[n] = i.s + i.xs0; l = l._next; } }), function (t, e, i, s, r) { (this.t = t), (this.p = e), (this.v = i), (this.r = r), s && ((s._prev = this), (this._next = s)); }), tx = ((W._parseToProxy = function (t, e, i, s, r, n) { var a, o, l, h, u, f = s, c = {}, $ = {}, p = i._transform, d = j; for ( i._transform = null, j = e, s = u = i.parse(t, e, s, r), j = d, n && ((i._transform = p), f && ((f._prev = null), f._prev && (f._prev._next = null))); s && s !== f; ) { if ( s.type <= 1 && (($[(o = s.p)] = s.s + s.c), (c[o] = s.s), n || ((h = new tT(s, "s", o, h, s.r)), (s.c = 0)), 1 === s.type) ) for (a = s.l; --a > 0; ) (l = "xn" + a), ($[(o = s.p + "_" + l)] = s.data[l]), (c[o] = s[l]), n || (h = new tT(s, l, o, h, s.rxp[l])); s = s._next; } return { proxy: c, end: $, firstMPT: h, pt: u }; }), (W.CSSPropTween = function (t, e, s, r, a, o, l, h, u, f, c) { (this.t = t), (this.p = e), (this.s = s), (this.c = r), (this.n = l || e), t instanceof tx || n.push(this.n), (this.r = h ? ("function" == typeof h ? h : Math.round) : h), (this.type = o || 0), u && ((this.pr = u), (i = !0)), (this.b = void 0 === f ? s : f), (this.e = void 0 === c ? s + r : c), a && ((this._next = a), (a._prev = this)); })), tb = function (t, e, i, s, r, n) { var a = new tx(t, e, i, s - i, r, -1, n); return (a.b = i), (a.e = a.xs0 = s), a; }, tw = (l.parseComplex = function (t, e, i, s, r, n, a, o, h, u) { (i = i || n || ""), "function" == typeof s && (s = s(y, g)), (a = new tx(t, e, 0, 0, a, u ? 2 : 1, null, !1, o, i, s)), (s += ""), r && tg.test(s + i) && ((s = [i, s]), l.colorStringFilter(s), (i = s[0]), (s = s[1])); var f, $, p, d, m, _, x, b, w, P, O, S, k, R = i.split(", ").join(",").split(" "), C = s.split(", ").join(",").split(" "), A = R.length, D = !1 !== c; for ( (-1 === s.indexOf(",") && -1 === i.indexOf(",")) || (-1 !== (s + i).indexOf("rgb") || -1 !== (s + i).indexOf("hsl") ? ((R = R.join(" ").replace(I, ", ").split(" ")), (C = C.join(" ").replace(I, ", ").split(" "))) : ((R = R.join(" ").split(",").join(", ").split(" ")), (C = C.join(" ").split(",").join(", ").split(" "))), (A = R.length)), A !== C.length && (A = (R = (n || "").split(" ")).length), a.plugin = h, a.setRatio = u, tg.lastIndex = 0, f = 0; f < A; f++ ) if ( ((d = R[f]), (m = C[f] + ""), (b = parseFloat(d)) || 0 === b) ) a.appendXtra( "", b, tf(m, b), m.replace(T, ""), !(!D || -1 === m.indexOf("px")) && Math.round, !0 ); else if (r && tg.test(d)) (S = ")" + ((S = m.indexOf(")") + 1) ? m.substr(S) : "")), (k = -1 !== m.indexOf("hsl") && Z), (P = m), (d = tm(d, k)), (m = tm(m, k)), (w = d.length + m.length > 6) && !Z && 0 === m[3] ? ((a["xs" + a.l] += a.l ? " transparent" : "transparent"), (a.e = a.e.split(C[f]).join("transparent"))) : (Z || (w = !1), k ? a .appendXtra( P.substr(0, P.indexOf("hsl")) + (w ? "hsla(" : "hsl("), d[0], tf(m[0], d[0]), ",", !1, !0 ) .appendXtra("", d[1], tf(m[1], d[1]), "%,", !1) .appendXtra( "", d[2], tf(m[2], d[2]), w ? "%," : "%" + S, !1 ) : a .appendXtra( P.substr(0, P.indexOf("rgb")) + (w ? "rgba(" : "rgb("), d[0], m[0] - d[0], ",", Math.round, !0 ) .appendXtra( "", d[1], m[1] - d[1], ",", Math.round ) .appendXtra( "", d[2], m[2] - d[2], w ? "," : S, Math.round ), w && ((d = d.length < 4 ? 1 : d[3]), a.appendXtra( "", d, (m.length < 4 ? 1 : m[3]) - d, S, !1 ))), (tg.lastIndex = 0); else if ((_ = d.match(v))) { if (!(x = m.match(T)) || x.length !== _.length) return a; for (p = 0, $ = 0; $ < _.length; $++) (O = _[$]), (P = d.indexOf(O, p)), a.appendXtra( d.substr(p, P - p), Number(O), tf(x[$], O), "", !(!D || "px" !== d.substr(P + O.length, 2)) && Math.round, 0 === $ ), (p = P + O.length); a["xs" + a.l] += d.substr(p); } else a["xs" + a.l] += a.l || a["xs" + a.l] ? " " + m : m; if (-1 !== s.indexOf("=") && a.data) { for (S = a.xs0 + a.data.s, f = 1; f < a.l; f++) S += a["xs" + f] + a.data["xn" + f]; a.e = S + a["xs" + f]; } return a.l || ((a.type = -1), (a.xs0 = a.e)), a.xfirst || a; }), tP = 9; for ((f = tx.prototype).l = f.pr = 0; --tP > 0; ) (f["xn" + tP] = 0), (f["xs" + tP] = ""); (f.xs0 = ""), (f._next = f._prev = f.xfirst = f.data = f.plugin = f.setRatio = f.rxp = null), (f.appendXtra = function (t, e, i, s, r, n) { var a = this, o = a.l; return ( (a["xs" + o] += n && (o || a["xs" + o]) ? " " + t : t || ""), i || 0 === o || a.plugin ? (a.l++, (a.type = a.setRatio ? 2 : 1), (a["xs" + a.l] = s || ""), o > 0 ? ((a.data["xn" + o] = e + i), (a.rxp["xn" + o] = r), (a["xn" + o] = e), a.plugin || ((a.xfirst = new tx( a, "xn" + o, e, i, a.xfirst || a, 0, a.n, r, a.pr )), (a.xfirst.xs0 = 0)), a) : ((a.data = { s: e + i }), (a.rxp = {}), (a.s = e), (a.c = i), (a.r = r), a)) : ((a["xs" + o] += e + (s || "")), a) ); }); var t0 = function (t, e) { (e = e || {}), (this.p = (e.prefix && tt(t)) || t), (u[t] = u[this.p] = this), (this.format = e.formatter || ty(e.defaultValue, e.color, e.collapsible, e.multi)), e.parser && (this.parse = e.parser), (this.clrs = e.color), (this.multi = e.multi), (this.keyword = e.keyword), (this.dflt = e.defaultValue), (this.allowFunc = e.allowFunc), (this.pr = e.priority || 0); }, tO = (W._registerComplexSpecialProp = function (t, e, i) { "object" != typeof e && (e = { parser: i }); var s, r = t.split(","), n = e.defaultValue; for (i = i || [n], s = 0; s < r.length; s++) (e.prefix = 0 === s && e.prefix), (e.defaultValue = i[s] || n), new t0(r[s], e); }), tS = (W._registerPluginProp = function (t) { if (!u[t]) { var e = t.charAt(0).toUpperCase() + t.substr(1) + "Plugin"; tO(t, { parser: function (t, i, s, r, n, a, o) { var l = h.com.greensock.plugins[e]; return l ? (l._cssRegister(), u[s].parse(t, i, s, r, n, a, o)) : (Q("Error: " + e + " js file not loaded."), n); }, }); } }); ((f = t0.prototype).parseComplex = function (t, e, i, s, r, n) { var a, o, l, h, u, f, c = this.keyword; if ( (this.multi && (I.test(i) || I.test(e) ? ((o = e.replace(I, "|").split("|")), (l = i.replace(I, "|").split("|"))) : c && ((o = [e]), (l = [i]))), l) ) { for ( h = l.length > o.length ? l.length : o.length, a = 0; a < h; a++ ) (e = o[a] = o[a] || this.dflt), (i = l[a] = l[a] || this.dflt), c && (u = e.indexOf(c)) !== (f = i.indexOf(c)) && (-1 === f ? (o[a] = o[a].split(c).join("")) : -1 === u && (o[a] += " " + c)); (e = o.join(", ")), (i = l.join(", ")); } return tw(t, this.p, e, i, this.clrs, this.dflt, s, this.pr, r, n); }), (f.parse = function (t, e, i, s, n, a, o) { return this.parseComplex( t.style, this.format(ts(t, this.p, r, !1, this.dflt)), this.format(e), n, a ); }), (l.registerSpecialProp = function (t, e, i) { tO(t, { parser: function (t, s, r, n, a, o, l) { var h = new tx(t, r, 0, 0, a, 2, r, !1, i); return (h.plugin = o), (h.setRatio = e(t, s, n._tween, r)), h; }, priority: i, }); }), (l.useSVGTransformAttr = !0); var t3, tk, tR, tC, tA, t7 = "scaleX,scaleY,scaleZ,x,y,z,skewX,skewY,rotation,rotationX,rotationY,perspective,xPercent,yPercent".split( "," ), tD = tt("transform"), t1 = K + "transform", tz = tt("transformOrigin"), tX = null !== tt("perspective"), tE = (W.Transform = function () { (this.perspective = parseFloat(l.defaultTransformPerspective) || 0), (this.force3D = !(!1 === l.defaultForce3D || !tX) && (l.defaultForce3D || "auto")); }), t6 = _gsScope.SVGElement, tL = function (t, e, i) { var s, r = N.createElementNS("http://www.w3.org/2000/svg", t), n = /([a-z])([A-Z])/g; for (s in i) r.setAttributeNS( null, s.replace(n, "$1-$2").toLowerCase(), i[s] ); return e.appendChild(r), r; }, tI = N.documentElement || {}, tB = ((tA = _ || (/Android/i.test(G) && !_gsScope.chrome)), N.createElementNS && tI.appendChild && !tA && ((tk = tL("svg", tI)), (tC = (tR = tL("rect", tk, { width: 100, height: 50, x: 100, })).getBoundingClientRect().width), (tR.style[tz] = "50% 50%"), (tR.style[tD] = "scaleX(0.5)"), (tA = tC === tR.getBoundingClientRect().width && !(d && tX)), tI.removeChild(tk)), tA), t4 = function (t, e, i, s, r, n) { var a, o, h, u, f, c, $, p, d, m, _, g, y, v, T = t._gsTransform, x = tj(t, !0); T && ((y = T.xOrigin), (v = T.yOrigin)), (!s || (a = s.split(" ")).length < 2) && (0 === ($ = t.getBBox()).x && 0 === $.y && $.width + $.height === 0 && ($ = { x: parseFloat( t.hasAttribute("x") ? t.getAttribute("x") : t.hasAttribute("cx") ? t.getAttribute("cx") : 0 ) || 0, y: parseFloat( t.hasAttribute("y") ? t.getAttribute("y") : t.hasAttribute("cy") ? t.getAttribute("cy") : 0 ) || 0, width: 0, height: 0, }), (a = [ (-1 !== (e = tu(e).split(" "))[0].indexOf("%") ? (parseFloat(e[0]) / 100) * $.width : parseFloat(e[0])) + $.x, (-1 !== e[1].indexOf("%") ? (parseFloat(e[1]) / 100) * $.height : parseFloat(e[1])) + $.y, ])), (i.xOrigin = u = parseFloat(a[0])), (i.yOrigin = f = parseFloat(a[1])), s && x !== t2 && ((c = x[0]), ($ = x[1]), (p = x[2]), (d = x[3]), (m = x[4]), (_ = x[5]), (g = c * d - $ * p) && ((o = u * (d / g) + f * (-p / g) + (p * _ - d * m) / g), (h = u * (-$ / g) + f * (c / g) - (c * _ - $ * m) / g), (u = i.xOrigin = a[0] = o), (f = i.yOrigin = a[1] = h))), T && (n && ((i.xOffset = T.xOffset), (i.yOffset = T.yOffset), (T = i)), r || (!1 !== r && !1 !== l.defaultSmoothOrigin) ? ((o = u - y), (h = f - v), (T.xOffset += o * x[0] + h * x[2] - o), (T.yOffset += o * x[1] + h * x[3] - h)) : (T.xOffset = T.yOffset = 0)), n || t.setAttribute("data-svg-origin", a.join(" ")); }, tY = function (t) { var e, i = U( "svg", (this.ownerSVGElement && this.ownerSVGElement.getAttribute("xmlns")) || "http://www.w3.org/2000/svg" ), s = this.parentNode, r = this.nextSibling, n = this.style.cssText; if ( (tI.appendChild(i), i.appendChild(this), (this.style.display = "block"), t) ) try { (e = this.getBBox()), (this._originalGetBBox = this.getBBox), (this.getBBox = tY); } catch (a) {} else this._originalGetBBox && (e = this._originalGetBBox()); return ( r ? s.insertBefore(this, r) : s.appendChild(this), tI.removeChild(i), (this.style.cssText = n), e ); }, tF = function (t) { return !( !t6 || !t.getCTM || (t.parentNode && !t.ownerSVGElement) || !(function (t) { try { return t.getBBox(); } catch (e) { return tY.call(t, !0); } })(t) ); }, t2 = [1, 0, 0, 1, 0, 0], tj = function (t, e) { var i, s, r, n, a, o, l, h = t._gsTransform || new tE(), u = t.style; if ( (tD ? (s = ts(t, t1, null, !0)) : t.currentStyle && (s = (s = t.currentStyle.filter.match(E)) && 4 === s.length ? [ s[0].substr(4), Number(s[2].substr(4)), Number(s[1].substr(4)), s[3].substr(4), h.x || 0, h.y || 0, ].join(",") : ""), (i = !s || "none" === s || "matrix(1, 0, 0, 1, 0, 0)" === s), tD && i && !t.offsetParent && t !== tI && ((n = u.display), (u.display = "block"), ((l = t.parentNode) && t.offsetParent) || ((a = 1), (o = t.nextSibling), tI.appendChild(t)), (i = !(s = ts(t, t1, null, !0)) || "none" === s || "matrix(1, 0, 0, 1, 0, 0)" === s), n ? (u.display = n) : tV(u, "display"), a && (o ? l.insertBefore(t, o) : l ? l.appendChild(t) : tI.removeChild(t))), (h.svg || (t.getCTM && tF(t))) && (i && -1 !== (u[tD] + "").indexOf("matrix") && ((s = u[tD]), (i = 0)), (r = t.getAttribute("transform")), i && r && ((s = "matrix(" + (r = t.transform.baseVal.consolidate().matrix).a + "," + r.b + "," + r.c + "," + r.d + "," + r.e + "," + r.f + ")"), (i = 0))), i) ) return t2; for (tP = (r = (s || "").match(v) || []).length; --tP > -1; ) (n = Number(r[tP])), (r[tP] = (a = n - (n |= 0)) ? ((1e5 * a + (a < 0 ? -0.5 : 0.5)) | 0) / 1e5 + n : n); return e && r.length > 6 ? [r[0], r[1], r[4], r[5], r[12], r[13]] : r; }, tM = (W.getTransform = function (t, i, s, r) { if (t._gsTransform && s && !r) return t._gsTransform; var n, a, o, h, u, f, c = (s && t._gsTransform) || new tE(), $ = c.scaleX < 0, p = (tX && (parseFloat(ts(t, tz, i, !1, "0 0 0").split(" ")[2]) || c.zOrigin)) || 0, d = parseFloat(l.defaultTransformPerspective) || 0; if ( ((c.svg = !(!t.getCTM || !tF(t))), c.svg && (t4( t, ts(t, tz, i, !1, "50% 50%") + "", c, t.getAttribute("data-svg-origin") ), (t3 = l.useSVGTransformAttr || tB)), (n = tj(t)) !== t2) ) { if (16 === n.length) { var m, _, g, y, v, T = n[0], x = n[1], b = n[2], w = n[3], P = n[4], O = n[5], S = n[6], k = n[7], R = n[8], C = n[9], A = n[10], D = n[12], z = n[13], X = n[14], E = n[11], L = Math.atan2(S, A); c.zOrigin && ((D = R * (X = -c.zOrigin) - n[12]), (z = C * X - n[13]), (X = A * X + c.zOrigin - n[14])), (c.rotationX = L * F), L && ((m = P * (y = Math.cos(-L)) + R * (v = Math.sin(-L))), (_ = O * y + C * v), (g = S * y + A * v), (R = -(P * v) + R * y), (C = -(O * v) + C * y), (A = -(S * v) + A * y), (E = -(k * v) + E * y), (P = m), (O = _), (S = g)), (L = Math.atan2(-b, A)), (c.rotationY = L * F), L && ((_ = x * (y = Math.cos(-L)) - C * (v = Math.sin(-L))), (g = b * y - A * v), (C = x * v + C * y), (A = b * v + A * y), (E = w * v + E * y), (T = m = T * y - R * v), (x = _), (b = g)), (L = Math.atan2(x, T)), (c.rotation = L * F), L && ((m = T * (y = Math.cos(L)) + x * (v = Math.sin(L))), (_ = P * y + O * v), (g = R * y + C * v), (x = x * y - T * v), (O = O * y - P * v), (C = C * y - R * v), (T = m), (P = _), (R = g)), c.rotationX && Math.abs(c.rotationX) + Math.abs(c.rotation) > 359.9 && ((c.rotationX = c.rotation = 0), (c.rotationY = 180 - c.rotationY)), (L = Math.atan2(P, O)), (c.scaleX = ((1e5 * Math.sqrt(T * T + x * x + b * b) + 0.5) | 0) / 1e5), (c.scaleY = ((1e5 * Math.sqrt(O * O + S * S) + 0.5) | 0) / 1e5), (c.scaleZ = ((1e5 * Math.sqrt(R * R + C * C + A * A) + 0.5) | 0) / 1e5), (T /= c.scaleX), (P /= c.scaleY), (x /= c.scaleX), (O /= c.scaleY), Math.abs(L) > 2e-5 ? ((c.skewX = L * F), (P = 0), "simple" !== c.skewType && (c.scaleY *= 1 / Math.cos(L))) : (c.skewX = 0), (c.perspective = E ? 1 / (E < 0 ? -E : E) : 0), (c.x = D), (c.y = z), (c.z = X), c.svg && ((c.x -= c.xOrigin - (c.xOrigin * T - c.yOrigin * P)), (c.y -= c.yOrigin - (c.yOrigin * x - c.xOrigin * O))); } else if ( !tX || r || !n.length || c.x !== n[4] || c.y !== n[5] || (!c.rotationX && !c.rotationY) ) { var I = n.length >= 6, B = I ? n[0] : 1, Y = n[1] || 0, j = n[2] || 0, M = I ? n[3] : 1; (c.x = n[4] || 0), (c.y = n[5] || 0), (o = Math.sqrt(B * B + Y * Y)), (h = Math.sqrt(M * M + j * j)), (u = B || Y ? Math.atan2(Y, B) * F : c.rotation || 0), (f = j || M ? Math.atan2(j, M) * F + u : c.skewX || 0), (c.scaleX = o), (c.scaleY = h), (c.rotation = u), (c.skewX = f), tX && ((c.rotationX = c.rotationY = c.z = 0), (c.perspective = d), (c.scaleZ = 1)), c.svg && ((c.x -= c.xOrigin - (c.xOrigin * B + c.yOrigin * j)), (c.y -= c.yOrigin - (c.xOrigin * Y + c.yOrigin * M))); } for (a in (Math.abs(c.skewX) > 90 && 270 > Math.abs(c.skewX) && ($ ? ((c.scaleX *= -1), (c.skewX += c.rotation <= 0 ? 180 : -180), (c.rotation += c.rotation <= 0 ? 180 : -180)) : ((c.scaleY *= -1), (c.skewX += c.skewX <= 0 ? 180 : -180))), (c.zOrigin = p), c)) c[a] < 2e-5 && c[a] > -0.00002 && (c[a] = 0); } return ( s && ((t._gsTransform = c), c.svg && (t3 && t.style[tD] ? e.delayedCall(0.001, function () { tV(t.style, tD); }) : !t3 && t.getAttribute("transform") && e.delayedCall(0.001, function () { t.removeAttribute("transform"); }))), c ); }), t5 = function (t) { var e, i, s = this.data, r = -s.rotation * Y, n = r + s.skewX * Y, a = ((Math.cos(r) * s.scaleX * 1e5) | 0) / 1e5, o = ((Math.sin(r) * s.scaleX * 1e5) | 0) / 1e5, l = (0 | -(1e5 * (Math.sin(n) * s.scaleY))) / 1e5, h = ((Math.cos(n) * s.scaleY * 1e5) | 0) / 1e5, u = this.t.style, f = this.t.currentStyle; if (f) { (i = o), (o = -l), (l = -i), (e = f.filter), (u.filter = ""); var c, $, p = this.t.offsetWidth, d = this.t.offsetHeight, m = "absolute" !== f.position, g = "progid:DXImageTransform.Microsoft.Matrix(M11=" + a + ", M12=" + o + ", M21=" + l + ", M22=" + h, y = s.x + (p * s.xPercent) / 100, v = s.y + (d * s.yPercent) / 100; if ( (null != s.ox && ((y += (c = (s.oxp ? p * s.ox * 0.01 : s.ox) - p / 2) - (c * a + ($ = (s.oyp ? d * s.oy * 0.01 : s.oy) - d / 2) * o)), (v += $ - (c * l + $ * h))), (g += m ? ", Dx=" + ((c = p / 2) - (c * a + ($ = d / 2) * o) + y) + ", Dy=" + ($ - (c * l + $ * h) + v) + ")" : ", sizingMethod='auto expand')"), -1 !== e.indexOf("DXImageTransform.Microsoft.Matrix(") ? (u.filter = e.replace(L, g)) : (u.filter = g + " " + e), (0 !== t && 1 !== t) || (1 === a && 0 === o && 0 === l && 1 === h && ((m && -1 === g.indexOf("Dx=0, Dy=0")) || (O.test(e) && 100 !== parseFloat(RegExp.$1)) || (-1 === e.indexOf(e.indexOf("Alpha")) && u.removeAttribute("filter")))), !m) ) { var T, x, b, w = _ < 8 ? 1 : -1; for ( c = s.ieOffsetX || 0, $ = s.ieOffsetY || 0, s.ieOffsetX = Math.round( (p - ((a < 0 ? -a : a) * p + (o < 0 ? -o : o) * d)) / 2 + y ), s.ieOffsetY = Math.round( (d - ((h < 0 ? -h : h) * d + (l < 0 ? -l : l) * p)) / 2 + v ), tP = 0; tP < 4; tP++ ) (b = (i = -1 !== (T = f[(x = th[tP])]).indexOf("px") ? parseFloat(T) : tr(this.t, x, parseFloat(T), T.replace(P, "")) || 0) !== s[x] ? tP < 2 ? -s.ieOffsetX : -s.ieOffsetY : tP < 2 ? c - s.ieOffsetX : $ - s.ieOffsetY), (u[x] = (s[x] = Math.round( i - b * (0 === tP || 2 === tP ? 1 : w) )) + "px"); } } }, tN = (W.set3DTransformRatio = W.setTransformRatio = function (t) { var e, i, s, r, n, a, o, l, h, u, f, c, $, p, m, _, g, y, v, T, x = this.data, b = this.t.style, w = x.rotation, P = x.rotationX, O = x.rotationY, S = x.scaleX, k = x.scaleY, R = x.scaleZ, C = x.x, A = x.y, D = x.z, z = x.svg, X = x.perspective, E = x.force3D, L = x.skewY, I = x.skewX; if ( (L && ((I += L), (w += L)), !( (((1 !== t && 0 !== t) || "auto" !== E || (this.tween._totalTime !== this.tween._totalDuration && this.tween._totalTime)) && E) || D || X || O || P || 1 !== R ) || (t3 && z) || !tX) ) w || I || z ? ((w *= Y), (T = I * Y), (i = Math.cos(w) * S), (n = Math.sin(w) * S), (s = -(Math.sin(w - T) * k)), (a = Math.cos(w - T) * k), T && "simple" === x.skewType && ((s *= e = Math.sqrt(1 + (e = Math.tan(T - L * Y)) * e)), (a *= e), L && ((i *= e = Math.sqrt(1 + (e = Math.tan(L * Y)) * e)), (n *= e))), z && ((C += x.xOrigin - (x.xOrigin * i + x.yOrigin * s) + x.xOffset), (A += x.yOrigin - (x.xOrigin * n + x.yOrigin * a) + x.yOffset), t3 && (x.xPercent || x.yPercent) && ((m = this.t.getBBox()), (C += 0.01 * x.xPercent * m.width), (A += 0.01 * x.yPercent * m.height)), C < (m = 1e-6) && C > -m && (C = 0), A < m && A > -m && (A = 0)), (v = ((1e5 * i) | 0) / 1e5 + "," + ((1e5 * n) | 0) / 1e5 + "," + ((1e5 * s) | 0) / 1e5 + "," + ((1e5 * a) | 0) / 1e5 + "," + C + "," + A + ")"), z && t3 ? this.t.setAttribute("transform", "matrix(" + v) : (b[tD] = (x.xPercent || x.yPercent ? "translate(" + x.xPercent + "%," + x.yPercent + "%) matrix(" : "matrix(") + v)) : (b[tD] = (x.xPercent || x.yPercent ? "translate(" + x.xPercent + "%," + x.yPercent + "%) matrix(" : "matrix(") + S + ",0,0," + k + "," + C + "," + A + ")"); else { if ( (d && (S < (m = 1e-4) && S > -m && (S = R = 2e-5), k < m && k > -m && (k = R = 2e-5), !X || x.z || x.rotationX || x.rotationY || (X = 0)), w || I) ) (w *= Y), (_ = i = Math.cos(w)), (g = n = Math.sin(w)), I && ((w -= I * Y), (_ = Math.cos(w)), (g = Math.sin(w)), "simple" === x.skewType && ((_ *= e = Math.sqrt(1 + (e = Math.tan((I - L) * Y)) * e)), (g *= e), x.skewY && ((i *= e = Math.sqrt(1 + (e = Math.tan(L * Y)) * e)), (n *= e)))), (s = -g), (a = _); else { if (!(O || P || 1 !== R || X || z)) return void (b[tD] = (x.xPercent || x.yPercent ? "translate(" + x.xPercent + "%," + x.yPercent + "%) translate3d(" : "translate3d(") + C + "px," + A + "px," + D + "px)" + (1 !== S || 1 !== k ? " scale(" + S + "," + k + ")" : "")); (i = a = 1), (s = n = 0); } (u = 1), (r = o = l = h = f = c = 0), ($ = X ? -1 / X : 0), (p = x.zOrigin), (m = 1e-6), (w = O * Y) && ((_ = Math.cos(w)), (l = -(g = Math.sin(w))), (f = -($ * g)), (r = i * g), (o = n * g), (u = _), ($ *= _), (i *= _), (n *= _)), (w = P * Y) && ((e = s * (_ = Math.cos(w)) + r * (g = Math.sin(w))), (y = a * _ + o * g), (h = u * g), (c = $ * g), (r = -(s * g) + r * _), (o = -(a * g) + o * _), (u *= _), ($ *= _), (s = e), (a = y)), 1 !== R && ((r *= R), (o *= R), (u *= R), ($ *= R)), 1 !== k && ((s *= k), (a *= k), (h *= k), (c *= k)), 1 !== S && ((i *= S), (n *= S), (l *= S), (f *= S)), (p || z) && (p && ((C += -(r * p)), (A += -(o * p)), (D += -(u * p) + p)), z && ((C += x.xOrigin - (x.xOrigin * i + x.yOrigin * s) + x.xOffset), (A += x.yOrigin - (x.xOrigin * n + x.yOrigin * a) + x.yOffset)), C < m && C > -m && (C = "0"), A < m && A > -m && (A = "0"), D < m && D > -m && (D = 0)), (v = x.xPercent || x.yPercent ? "translate(" + x.xPercent + "%," + x.yPercent + "%) matrix3d(" : "matrix3d("), (v += (i < m && i > -m ? "0" : i) + "," + (n < m && n > -m ? "0" : n) + "," + (l < m && l > -m ? "0" : l)), (v += "," + (f < m && f > -m ? "0" : f) + "," + (s < m && s > -m ? "0" : s) + "," + (a < m && a > -m ? "0" : a)), P || O || 1 !== R ? ((v += "," + (h < m && h > -m ? "0" : h) + "," + (c < m && c > -m ? "0" : c) + "," + (r < m && r > -m ? "0" : r)), (v += "," + (o < m && o > -m ? "0" : o) + "," + (u < m && u > -m ? "0" : u) + "," + ($ < m && $ > -m ? "0" : $) + ",")) : (v += ",0,0,0,0,1,0,"), (v += C + "," + A + "," + D + "," + (X ? 1 + -D / X : 1) + ")"), (b[tD] = v); } }); ((f = tE.prototype).x = f.y = f.z = f.skewX = f.skewY = f.rotation = f.rotationX = f.rotationY = f.zOrigin = f.xPercent = f.yPercent = f.xOffset = f.yOffset = 0), (f.scaleX = f.scaleY = f.scaleZ = 1), tO( "transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,svgOrigin,transformPerspective,directionalRotation,parseTransform,force3D,skewType,xPercent,yPercent,smoothOrigin", { parser: function (t, e, i, s, n, a, o) { if (s._lastParsedTransform === o) return n; s._lastParsedTransform = o; var h = o.scale && "function" == typeof o.scale ? o.scale : 0; h && (o.scale = h(y, t)); var u, f, c, $, p, d, m, _, v, T = t._gsTransform, x = t.style, b = t7.length, w = o, P = {}, O = tM(t, r, !0, w.parseTransform), S = w.transform && ("function" == typeof w.transform ? w.transform(y, g) : w.transform); if ( ((O.skewType = w.skewType || O.skewType || l.defaultSkewType), (s._transform = O), "rotationZ" in w && (w.rotation = w.rotationZ), S && "string" == typeof S && tD) ) ((f = V.style)[tD] = S), (f.display = "block"), (f.position = "absolute"), -1 !== S.indexOf("%") && ((f.width = ts(t, "width")), (f.height = ts(t, "height"))), N.body.appendChild(V), (u = tM(V, null, !1)), "simple" === O.skewType && (u.scaleY *= Math.cos(u.skewX * Y)), O.svg && ((d = O.xOrigin), (m = O.yOrigin), (u.x -= O.xOffset), (u.y -= O.yOffset), (w.transformOrigin || w.svgOrigin) && ((S = {}), t4( t, tu(w.transformOrigin), S, w.svgOrigin, w.smoothOrigin, !0 ), (d = S.xOrigin), (m = S.yOrigin), (u.x -= S.xOffset - O.xOffset), (u.y -= S.yOffset - O.yOffset)), (d || m) && ((_ = tj(V, !0)), (u.x -= d - (d * _[0] + m * _[2])), (u.y -= m - (d * _[1] + m * _[3])))), N.body.removeChild(V), u.perspective || (u.perspective = O.perspective), null != w.xPercent && (u.xPercent = tc(w.xPercent, O.xPercent)), null != w.yPercent && (u.yPercent = tc(w.yPercent, O.yPercent)); else if ("object" == typeof w) { if ( ((u = { scaleX: tc( null != w.scaleX ? w.scaleX : w.scale, O.scaleX ), scaleY: tc( null != w.scaleY ? w.scaleY : w.scale, O.scaleY ), scaleZ: tc(w.scaleZ, O.scaleZ), x: tc(w.x, O.x), y: tc(w.y, O.y), z: tc(w.z, O.z), xPercent: tc(w.xPercent, O.xPercent), yPercent: tc(w.yPercent, O.yPercent), perspective: tc(w.transformPerspective, O.perspective), }), null != (p = w.directionalRotation)) ) { if ("object" == typeof p) for (f in p) w[f] = p[f]; else w.rotation = p; } "string" == typeof w.x && -1 !== w.x.indexOf("%") && ((u.x = 0), (u.xPercent = tc(w.x, O.xPercent))), "string" == typeof w.y && -1 !== w.y.indexOf("%") && ((u.y = 0), (u.yPercent = tc(w.y, O.yPercent))), (u.rotation = t$( "rotation" in w ? w.rotation : "shortRotation" in w ? w.shortRotation + "_short" : O.rotation, O.rotation, "rotation", P )), tX && ((u.rotationX = t$( "rotationX" in w ? w.rotationX : "shortRotationX" in w ? w.shortRotationX + "_short" : O.rotationX || 0, O.rotationX, "rotationX", P )), (u.rotationY = t$( "rotationY" in w ? w.rotationY : "shortRotationY" in w ? w.shortRotationY + "_short" : O.rotationY || 0, O.rotationY, "rotationY", P ))), (u.skewX = t$(w.skewX, O.skewX)), (u.skewY = t$(w.skewY, O.skewY)); } for ( tX && null != w.force3D && ((O.force3D = w.force3D), ($ = !0)), (c = O.force3D || O.z || O.rotationX || O.rotationY || u.z || u.rotationX || u.rotationY || u.perspective) || null == w.scale || (u.scaleZ = 1); --b > -1; ) ((S = u[(v = t7[b])] - O[v]) > 1e-6 || S < -0.000001 || null != w[v] || null != j[v]) && (($ = !0), (n = new tx(O, v, O[v], S, n)), v in P && (n.e = P[v]), (n.xs0 = 0), (n.plugin = a), s._overwriteProps.push(n.n)); return ( (S = "function" == typeof w.transformOrigin ? w.transformOrigin(y, g) : w.transformOrigin), O.svg && (S || w.svgOrigin) && ((d = O.xOffset), (m = O.yOffset), t4(t, tu(S), u, w.svgOrigin, w.smoothOrigin), (n = tb( O, "xOrigin", (T ? O : u).xOrigin, u.xOrigin, n, "transformOrigin" )), (n = tb( O, "yOrigin", (T ? O : u).yOrigin, u.yOrigin, n, "transformOrigin" )), (d === O.xOffset && m === O.yOffset) || ((n = tb( O, "xOffset", T ? d : O.xOffset, O.xOffset, n, "transformOrigin" )), (n = tb( O, "yOffset", T ? m : O.yOffset, O.yOffset, n, "transformOrigin" ))), (S = "0px 0px")), (S || (tX && c && O.zOrigin)) && (tD ? (($ = !0), (v = tz), S || (S = (S = (ts(t, v, r, !1, "50% 50%") + "").split( " " ))[0] + " " + S[1] + " " + O.zOrigin + "px"), (S += ""), ((n = new tx( x, v, 0, 0, n, -1, "transformOrigin" )).b = x[v]), (n.plugin = a), tX ? ((f = O.zOrigin), (S = S.split(" ")), (O.zOrigin = (S.length > 2 ? parseFloat(S[2]) : f) || 0), (n.xs0 = n.e = S[0] + " " + (S[1] || "50%") + " 0px"), ((n = new tx(O, "zOrigin", 0, 0, n, -1, n.n)).b = f), (n.xs0 = n.e = O.zOrigin)) : (n.xs0 = n.e = S)) : tu(S + "", O)), $ && (s._transformType = (O.svg && t3) || (!c && 3 !== this._transformType) ? 2 : 3), h && (o.scale = h), n ); }, allowFunc: !0, prefix: !0, } ), tO("boxShadow", { defaultValue: "0px 0px 0px 0px #999", prefix: !0, color: !0, multi: !0, keyword: "inset", }), tO("clipPath", { defaultValue: "inset(0%)", prefix: !0, multi: !0, formatter: ty("inset(0% 0% 0% 0%)", !1, !0), }), tO("borderRadius", { defaultValue: "0px", parser: function (t, e, i, n, a, o) { e = this.format(e); var l, h, u, f, c, $, p, d, m, _, g, y, v, T, x, b, w = [ "borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius", ], P = t.style; for ( m = parseFloat(t.offsetWidth), _ = parseFloat(t.offsetHeight), l = e.split(" "), h = 0; h < w.length; h++ ) this.p.indexOf("border") && (w[h] = tt(w[h])), -1 !== (c = f = ts(t, w[h], r, !1, "0px")).indexOf(" ") && ((c = (f = c.split(" "))[0]), (f = f[1])), ($ = u = l[h]), (p = parseFloat(c)), (y = c.substr((p + "").length)), (v = "=" === $.charAt(1)) ? ((d = parseInt($.charAt(0) + "1", 10)), (d *= parseFloat(($ = $.substr(2)))), (g = $.substr((d + "").length - (d < 0 ? 1 : 0)) || "")) : ((d = parseFloat($)), (g = $.substr((d + "").length))), "" === g && (g = s[i] || y), g !== y && ((T = tr(t, "borderLeft", p, y)), (x = tr(t, "borderTop", p, y)), "%" === g ? ((c = (T / m) * 100 + "%"), (f = (x / _) * 100 + "%")) : "em" === g ? ((c = T / (b = tr(t, "borderLeft", 1, "em")) + "em"), (f = x / b + "em")) : ((c = T + "px"), (f = x + "px")), v && (($ = parseFloat(c) + d + g), (u = parseFloat(f) + d + g))), (a = tw(P, w[h], c + " " + f, $ + " " + u, !1, "0px", a)); return a; }, prefix: !0, formatter: ty("0px 0px 0px 0px", !1, !0), }), tO( "borderBottomLeftRadius,borderBottomRightRadius,borderTopLeftRadius,borderTopRightRadius", { defaultValue: "0px", parser: function (t, e, i, s, n, a) { return tw( t.style, i, this.format(ts(t, i, r, !1, "0px 0px")), this.format(e), !1, "0px", n ); }, prefix: !0, formatter: ty("0px 0px", !1, !0), } ), tO("backgroundPosition", { defaultValue: "0 0", parser: function (t, e, i, s, n, a) { var o, l, h, u, f, c, $ = "background-position", p = r || ti(t), d = this.format( (p ? _ ? p.getPropertyValue($ + "-x") + " " + p.getPropertyValue($ + "-y") : p.getPropertyValue($) : t.currentStyle.backgroundPositionX + " " + t.currentStyle.backgroundPositionY) || "0 0" ), m = this.format(e); if ( (-1 !== d.indexOf("%")) != (-1 !== m.indexOf("%")) && m.split(",").length < 2 && (c = ts(t, "backgroundImage").replace(D, "")) && "none" !== c ) { for ( o = d.split(" "), l = m.split(" "), q.setAttribute("src", c), h = 2; --h > -1; ) (u = -1 !== (d = o[h]).indexOf("%")) != (-1 !== l[h].indexOf("%")) && ((f = 0 === h ? t.offsetWidth - q.width : t.offsetHeight - q.height), (o[h] = u ? (parseFloat(d) / 100) * f + "px" : (parseFloat(d) / f) * 100 + "%")); d = o.join(" "); } return this.parseComplex(t.style, d, m, n, a); }, formatter: tu, }), tO("backgroundSize", { defaultValue: "0 0", formatter: function (t) { return "co" === (t += "").substr(0, 2) ? t : tu(-1 === t.indexOf(" ") ? t + " " + t : t); }, }), tO("perspective", { defaultValue: "0px", prefix: !0 }), tO("perspectiveOrigin", { defaultValue: "50% 50%", prefix: !0 }), tO("transformStyle", { prefix: !0 }), tO("backfaceVisibility", { prefix: !0 }), tO("userSelect", { prefix: !0 }), tO("margin", { parser: tv("marginTop,marginRight,marginBottom,marginLeft"), }), tO("padding", { parser: tv("paddingTop,paddingRight,paddingBottom,paddingLeft"), }), tO("clip", { defaultValue: "rect(0px,0px,0px,0px)", parser: function (t, e, i, s, n, a) { var o, l, h; return ( _ < 9 ? ((l = t.currentStyle), (h = _ < 8 ? " " : ","), (o = "rect(" + l.clipTop + h + l.clipRight + h + l.clipBottom + h + l.clipLeft + ")"), (e = this.format(e).split(",").join(h))) : ((o = this.format(ts(t, this.p, r, !1, this.dflt))), (e = this.format(e))), this.parseComplex(t.style, o, e, n, a) ); }, }), tO("textShadow", { defaultValue: "0px 0px 0px #999", color: !0, multi: !0, }), tO("autoRound,strictUnits", { parser: function (t, e, i, s, r) { return r; }, }), tO("border", { defaultValue: "0px solid #000", parser: function (t, e, i, s, n, a) { var o = ts(t, "borderTopWidth", r, !1, "0px"), l = this.format(e).split(" "), h = l[0].replace(P, ""); return ( "px" !== h && (o = parseFloat(o) / tr(t, "borderTopWidth", 1, h) + h), this.parseComplex( t.style, this.format( o + " " + ts(t, "borderTopStyle", r, !1, "solid") + " " + ts(t, "borderTopColor", r, !1, "#000") ), l.join(" "), n, a ) ); }, color: !0, formatter: function (t) { var e = t.split(" "); return ( e[0] + " " + (e[1] || "solid") + " " + (t.match(tg) || ["#000"])[0] ); }, }), tO("borderWidth", { parser: tv( "borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth" ), }), tO("float,cssFloat,styleFloat", { parser: function (t, e, i, s, r, n) { var a = t.style, o = "cssFloat" in a ? "cssFloat" : "styleFloat"; return new tx(a, o, 0, 0, r, -1, i, !1, 0, a[o], e); }, }); var tU = function (t) { var e, i = this.t, s = i.filter || ts(this.data, "filter") || "", r = (this.s + this.c * t) | 0; 100 === r && (-1 === s.indexOf("atrix(") && -1 === s.indexOf("radient(") && -1 === s.indexOf("oader(") ? (i.removeAttribute("filter"), (e = !ts(this.data, "filter"))) : ((i.filter = s.replace(k, "")), (e = !0))), e || (this.xn1 && (i.filter = s = s || "alpha(opacity=" + r + ")"), -1 === s.indexOf("pacity") ? (0 === r && this.xn1) || (i.filter = s + " alpha(opacity=" + r + ")") : (i.filter = s.replace(O, "opacity=" + r))); }; tO("opacity,alpha,autoAlpha", { defaultValue: "1", parser: function (t, e, i, s, n, a) { var o = parseFloat(ts(t, "opacity", r, !1, "1")), l = t.style, h = "autoAlpha" === i; return ( "string" == typeof e && "=" === e.charAt(1) && (e = ("-" === e.charAt(0) ? -1 : 1) * parseFloat(e.substr(2)) + o), h && 1 === o && "hidden" === ts(t, "visibility", r) && 0 !== e && (o = 0), Z ? (n = new tx(l, "opacity", o, e - o, n)) : (((n = new tx( l, "opacity", 100 * o, 100 * (e - o), n )).xn1 = h ? 1 : 0), (l.zoom = 1), (n.type = 2), (n.b = "alpha(opacity=" + n.s + ")"), (n.e = "alpha(opacity=" + (n.s + n.c) + ")"), (n.data = t), (n.plugin = a), (n.setRatio = tU)), h && (((n = new tx( l, "visibility", 0, 0, n, -1, null, !1, 0, 0 !== o ? "inherit" : "hidden", 0 === e ? "hidden" : "inherit" )).xs0 = "inherit"), s._overwriteProps.push(n.n), s._overwriteProps.push(i)), n ); }, }); var tV = function (t, e) { e && (t.removeProperty ? (("ms" !== e.substr(0, 2) && "webkit" !== e.substr(0, 6)) || (e = "-" + e), t.removeProperty(e.replace(C, "-$1").toLowerCase())) : t.removeAttribute(e)); }, tq = function (t) { if (((this.t._gsClassPT = this), 1 === t || 0 === t)) { this.t.setAttribute("class", 0 === t ? this.b : this.e); for (var e = this.data, i = this.t.style; e; ) e.v ? (i[e.p] = e.v) : tV(i, e.p), (e = e._next); 1 === t && this.t._gsClassPT === this && (this.t._gsClassPT = null); } else this.t.getAttribute("class") !== this.e && this.t.setAttribute("class", this.e); }; tO("className", { parser: function (t, e, s, n, a, o, l) { var h, u, f, c, $, p = t.getAttribute("class") || "", d = t.style.cssText; if ( (((a = n._classNamePT = new tx(t, s, 0, 0, a, 2)).setRatio = tq), (a.pr = -11), (i = !0), (a.b = p), (u = ta(t, r)), (f = t._gsClassPT)) ) { for (c = {}, $ = f.data; $; ) (c[$.p] = 1), ($ = $._next); f.setRatio(1); } return ( (t._gsClassPT = a), (a.e = "=" !== e.charAt(1) ? e : p.replace( RegExp("(?:\\s|^)" + e.substr(2) + "(?![\\w-])"), "" ) + ("+" === e.charAt(0) ? " " + e.substr(2) : "")), t.setAttribute("class", a.e), (h = to(t, u, ta(t), l, c)), t.setAttribute("class", p), (a.data = h.firstMPT), t.style.cssText !== d && (t.style.cssText = d), (a = a.xfirst = n.parse(t, h.difs, a, o)) ); }, }); var tW = function (t) { if ( (1 === t || 0 === t) && this.data._totalTime === this.data._totalDuration && "isFromStart" !== this.data.data ) { var e, i, s, r, n, a = this.t.style, o = u.transform.parse; if ("all" === this.e) (a.cssText = ""), (r = !0); else for ( s = (e = this.e.split(" ").join("").split(",")).length; --s > -1; ) u[(i = e[s])] && (u[i].parse === o ? (r = !0) : (i = "transformOrigin" === i ? tz : u[i].p)), tV(a, i); r && (tV(a, tD), (n = this.t._gsTransform) && (n.svg && (this.t.removeAttribute("data-svg-origin"), this.t.removeAttribute("transform")), delete this.t._gsTransform)); } }; for ( tO("clearProps", { parser: function (t, e, s, r, n) { return ( ((n = new tx(t, s, 0, 0, n, 2)).setRatio = tW), (n.e = e), (n.pr = -10), (n.data = r._tween), (i = !0), n ); }, }), tP = (f = "bezier,throwProps,physicsProps,physics2D".split(",")) .length; tP--; ) tS(f[tP]); ((f = l.prototype)._firstPT = f._lastParsedTransform = f._transform = null), (f._onInitTween = function (t, e, a, o) { if (!t.nodeType) return !1; (this._target = g = t), (this._tween = a), (this._vars = e), (y = o), (c = e.autoRound), (i = !1), (s = e.suffixMap || l.suffixMap), (r = ti(t)), (n = this._overwriteProps); var h, f, d, _, v, T, x, b, w, P = t.style; if ( ($ && "" === P.zIndex && (("auto" !== (h = ts(t, "zIndex", r)) && "" !== h) || this._addLazySet(P, "zIndex", 0)), "string" == typeof e && ((_ = P.cssText), (h = ta(t, r)), (P.cssText = _ + ";" + e), (h = to(t, h, ta(t)).difs), !Z && S.test(e) && (h.opacity = parseFloat(RegExp.$1)), (e = h), (P.cssText = _)), e.className ? (this._firstPT = f = u.className.parse( t, e.className, "className", this, null, null, e )) : (this._firstPT = f = this.parse(t, e, null)), this._transformType) ) { for ( w = 3 === this._transformType, tD ? p && (($ = !0), "" === P.zIndex && (("auto" !== (x = ts(t, "zIndex", r)) && "" !== x) || this._addLazySet(P, "zIndex", 0)), m && this._addLazySet( P, "WebkitBackfaceVisibility", this._vars.WebkitBackfaceVisibility || (w ? "visible" : "hidden") )) : (P.zoom = 1), d = f; d && d._next; ) d = d._next; (b = new tx(t, "transform", 0, 0, null, 2)), this._linkCSSP(b, null, d), (b.setRatio = tD ? tN : t5), (b.data = this._transform || tM(t, r, !0)), (b.tween = a), (b.pr = -1), n.pop(); } if (i) { for (; f; ) { for (T = f._next, d = _; d && d.pr > f.pr; ) d = d._next; (f._prev = d ? d._prev : v) ? (f._prev._next = f) : (_ = f), (f._next = d) ? (d._prev = f) : (v = f), (f = T); } this._firstPT = _; } return !0; }), (f.parse = function (t, e, i, n) { var a, o, l, h, f, $, p, d, m, _, v = t.style; for (a in e) { if ( (($ = e[a]), (o = u[a]), "function" != typeof $ || (o && o.allowFunc) || ($ = $(y, g)), o) ) i = o.parse(t, $, a, this, i, n, e); else { if ("--" === a.substr(0, 2)) { this._tween._propLookup[a] = this._addTween.call( this._tween, t.style, "setProperty", ti(t).getPropertyValue(a) + "", $ + "", a, !1, a ); continue; } (f = ts(t, a, r) + ""), (m = "string" == typeof $), "color" === a || "fill" === a || "stroke" === a || -1 !== a.indexOf("Color") || (m && R.test($)) ? (m || ($ = (($ = tm($)).length > 3 ? "rgba(" : "rgb(") + $.join(",") + ")"), (i = tw(v, a, f, $, !0, "transparent", i, 0, n))) : m && B.test($) ? (i = tw(v, a, f, $, !0, null, i, 0, n)) : ((p = (l = parseFloat(f)) || 0 === l ? f.substr((l + "").length) : ""), ("" !== f && "auto" !== f) || ("width" === a || "height" === a ? ((l = t8(t, a, r)), (p = "px")) : "left" === a || "top" === a ? ((l = tn(t, a, r)), (p = "px")) : ((l = "opacity" !== a ? 0 : 1), (p = ""))), (_ = m && "=" === $.charAt(1)) ? ((h = parseInt($.charAt(0) + "1", 10)), (h *= parseFloat(($ = $.substr(2)))), (d = $.replace(P, ""))) : ((h = parseFloat($)), (d = m ? $.replace(P, "") : "")), "" === d && (d = a in s ? s[a] : p), ($ = h || 0 === h ? (_ ? h + l : h) + d : e[a]), p !== d && (("" === d && "lineHeight" !== a) || ((h || 0 === h) && l && ((l = tr(t, a, l, p)), "%" === d ? ((l /= tr(t, a, 100, "%") / 100), !0 !== e.strictUnits && (f = l + "%")) : "em" === d || "rem" === d || "vw" === d || "vh" === d ? (l /= tr(t, a, 1, d)) : "px" !== d && ((h = tr(t, a, h, d)), (d = "px")), _ && (h || 0 === h) && ($ = h + l + d)))), _ && (h += l), (l || 0 === l) && (h || 0 === h) ? ((i = new tx( v, a, l, h - l, i, 0, a, !1 !== c && ("px" === d || "zIndex" === a), 0, f, $ )).xs0 = d) : void 0 !== v[a] && ($ || ($ + "" != "NaN" && null != $)) ? ((i = new tx( v, a, h || l || 0, 0, i, -1, a, !1, 0, f, $ )).xs0 = "none" !== $ || ("display" !== a && -1 === a.indexOf("Style")) ? $ : f) : Q("invalid " + a + " tween value: " + e[a])); } n && i && !i.plugin && (i.plugin = n); } return i; }), (f.setRatio = function (t) { var e, i, s, r = this._firstPT; if ( 1 !== t || (this._tween._time !== this._tween._duration && 0 !== this._tween._time) ) { if ( t || (this._tween._time !== this._tween._duration && 0 !== this._tween._time) || -0.000001 === this._tween._rawPrevTime ) for (; r; ) { if ( ((e = r.c * t + r.s), r.r ? (e = r.r(e)) : e < 1e-6 && e > -0.000001 && (e = 0), r.type) ) { if (1 === r.type) { if (2 === (s = r.l)) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2; else if (3 === s) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2 + r.xn2 + r.xs3; else if (4 === s) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2 + r.xn2 + r.xs3 + r.xn3 + r.xs4; else if (5 === s) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2 + r.xn2 + r.xs3 + r.xn3 + r.xs4 + r.xn4 + r.xs5; else { for (i = r.xs0 + e + r.xs1, s = 1; s < r.l; s++) i += r["xn" + s] + r["xs" + (s + 1)]; r.t[r.p] = i; } } else -1 === r.type ? (r.t[r.p] = r.xs0) : r.setRatio && r.setRatio(t); } else r.t[r.p] = e + r.xs0; r = r._next; } else for (; r; ) 2 !== r.type ? (r.t[r.p] = r.b) : r.setRatio(t), (r = r._next); } else for (; r; ) { if (2 !== r.type) { if (r.r && -1 !== r.type) { if (((e = r.r(r.s + r.c)), r.type)) { if (1 === r.type) { for ( s = r.l, i = r.xs0 + e + r.xs1, s = 1; s < r.l; s++ ) i += r["xn" + s] + r["xs" + (s + 1)]; r.t[r.p] = i; } } else r.t[r.p] = e + r.xs0; } else r.t[r.p] = r.e; } else r.setRatio(t); r = r._next; } }), (f._enableTransforms = function (t) { (this._transform = this._transform || tM(this._target, r, !0)), (this._transformType = (this._transform.svg && t3) || (!t && 3 !== this._transformType) ? 2 : 3); }); var tG = function (t) { (this.t[this.p] = this.e), this.data._linkCSSP(this, this._next, null, !0); }; (f._addLazySet = function (t, e, i) { var s = (this._firstPT = new tx(t, e, 0, 0, this._firstPT, 2)); (s.e = i), (s.setRatio = tG), (s.data = this); }), (f._linkCSSP = function (t, e, i, s) { return ( t && (e && (e._prev = t), t._next && (t._next._prev = t._prev), t._prev ? (t._prev._next = t._next) : this._firstPT === t && ((this._firstPT = t._next), (s = !0)), i ? (i._next = t) : s || null !== this._firstPT || (this._firstPT = t), (t._next = e), (t._prev = i)), t ); }), (f._mod = function (t) { for (var e = this._firstPT; e; ) "function" == typeof t[e.p] && (e.r = t[e.p]), (e = e._next); }), (f._kill = function (e) { var i, s, r, n = e; if (e.autoAlpha || e.alpha) { for (s in ((n = {}), e)) n[s] = e[s]; (n.opacity = 1), n.autoAlpha && (n.visibility = 1); } for ( e.className && (i = this._classNamePT) && ((r = i.xfirst) && r._prev ? this._linkCSSP(r._prev, i._next, r._prev._prev) : r === this._firstPT && (this._firstPT = i._next), i._next && this._linkCSSP(i._next, i._next._next, r._prev), (this._classNamePT = null)), i = this._firstPT; i; ) i.plugin && i.plugin !== s && i.plugin._kill && (i.plugin._kill(e), (s = i.plugin)), (i = i._next); return t.prototype._kill.call(this, n); }); var tZ = function (t, e, i) { var s, r, n, a; if (t.slice) for (r = t.length; --r > -1; ) tZ(t[r], e, i); else for (r = (s = t.childNodes).length; --r > -1; ) (a = (n = s[r]).type), n.style && (e.push(ta(n)), i && i.push(n)), (1 === a || 9 === a || 11 === a) && n.childNodes.length && tZ(n, e, i); }; return ( (l.cascadeTo = function (t, i, s) { var r, n, a, o, l = e.to(t, i, s), h = [l], u = [], f = [], c = [], $ = e._internals.reservedProps; for ( tZ((t = l._targets || l.target), u, c), l.render(i, !0, !0), tZ(t, f), l.render(0, !0, !0), l._enabled(!0), r = c.length; --r > -1; ) if ((n = to(c[r], u[r], f[r])).firstMPT) { for (a in ((n = n.difs), s)) $[a] && (n[a] = s[a]); for (a in ((o = {}), n)) o[a] = u[r][a]; h.push(e.fromTo(c[r], i, o, n)); } return h; }), t.activate([l]), l ); }, !0 ), (p = _gsScope._gsDefine.plugin({ propName: "roundProps", version: "1.7.0", priority: -1, API: 2, init: function (t, e, i) { return (this._tween = i), !0; }, })), (d = function (t) { var e = t < 1 ? Math.pow(10, (t + "").length - 2) : 1; return function (i) { return ((Math.round(i / t) * t * e) | 0) / e; }; }), (m = function (t, e) { for (; t; ) t.f || t.blob || (t.m = e || Math.round), (t = t._next); }), ((_ = p.prototype)._onInitAllProps = function () { var t, e, i, s, r = this._tween, n = r.vars.roundProps, a = {}, o = r._propLookup.roundProps; if ("object" != typeof n || n.push) for ( "string" == typeof n && (n = n.split(",")), i = n.length; --i > -1; ) a[n[i]] = Math.round; else for (s in n) a[s] = d(n[s]); for (s in a) for (t = r._firstPT; t; ) (e = t._next), t.pg ? t.t._mod(a) : t.n === s && (2 === t.f && t.t ? m(t.t._firstPT, a[s]) : (this._add(t.t, s, t.s, t.c, a[s]), e && (e._prev = t._prev), t._prev ? (t._prev._next = e) : r._firstPT === t && (r._firstPT = e), (t._next = t._prev = null), (r._propLookup[s] = o))), (t = e); return !1; }), (_._add = function (t, e, i, s, r) { this._addTween(t, e, i, i + s, e, r || Math.round), this._overwriteProps.push(e); }), _gsScope._gsDefine.plugin({ propName: "attr", API: 2, version: "0.6.1", init: function (t, e, i, s) { var r, n; if ("function" != typeof t.setAttribute) return !1; for (r in e) "function" == typeof (n = e[r]) && (n = n(s, t)), this._addTween( t, "setAttribute", t.getAttribute(r) + "", n + "", r, !1, r ), this._overwriteProps.push(r); return !0; }, }), (_gsScope._gsDefine.plugin({ propName: "directionalRotation", version: "0.3.1", API: 2, init: function (t, e, i, s) { "object" != typeof e && (e = { rotation: e }), (this.finals = {}); var r, n, a, o, l, h, u = !0 === e.useRadians ? 2 * Math.PI : 360; for (r in e) "useRadians" !== r && ("function" == typeof (o = e[r]) && (o = o(s, t)), (n = (h = (o + "").split("_"))[0]), (a = parseFloat( "function" != typeof t[r] ? t[r] : t[ r.indexOf("set") || "function" != typeof t["get" + r.substr(3)] ? r : "get" + r.substr(3) ]() )), (l = (o = this.finals[r] = "string" == typeof n && "=" === n.charAt(1) ? a + parseInt(n.charAt(0) + "1", 10) * Number(n.substr(2)) : Number(n) || 0) - a), h.length && (-1 !== (n = h.join("_")).indexOf("short") && (l %= u) != l % (u / 2) && (l = l < 0 ? l + u : l - u), -1 !== n.indexOf("_cw") && l < 0 ? (l = ((l + 9999999999 * u) % u) - ((l / u) | 0) * u) : -1 !== n.indexOf("ccw") && l > 0 && (l = ((l - 9999999999 * u) % u) - ((l / u) | 0) * u)), (l > 1e-6 || l < -0.000001) && (this._addTween(t, r, a, a + l, r), this._overwriteProps.push(r))); return !0; }, set: function (t) { var e; if (1 !== t) this._super.setRatio.call(this, t); else for (e = this._firstPT; e; ) e.f ? e.t[e.p](this.finals[e.p]) : (e.t[e.p] = this.finals[e.p]), (e = e._next); }, })._autoCSS = !0), _gsScope._gsDefine( "easing.Back", ["easing.Ease"], function (t) { var e, i, s, r, n = _gsScope.GreenSockGlobals || _gsScope, a = n.com.greensock, o = 2 * Math.PI, l = Math.PI / 2, h = a._class, u = function (e, i) { var s = h("easing." + e, function () {}, !0), r = (s.prototype = new t()); return (r.constructor = s), (r.getRatio = i), s; }, f = t.register || function () {}, c = function (t, e, i, s, r) { var n = h( "easing." + t, { easeOut: new e(), easeIn: new i(), easeInOut: new s() }, !0 ); return f(n, t), n; }, $ = function (t, e, i) { (this.t = t), (this.v = e), i && ((this.next = i), (i.prev = this), (this.c = i.v - e), (this.gap = i.t - t)); }, p = function (e, i) { var s = h( "easing." + e, function (t) { (this._p1 = t || 0 === t ? t : 1.70158), (this._p2 = 1.525 * this._p1); }, !0 ), r = (s.prototype = new t()); return ( (r.constructor = s), (r.getRatio = i), (r.config = function (t) { return new s(t); }), s ); }, d = c( "Back", p("BackOut", function (t) { return (t -= 1) * t * ((this._p1 + 1) * t + this._p1) + 1; }), p("BackIn", function (t) { return t * t * ((this._p1 + 1) * t - this._p1); }), p("BackInOut", function (t) { return (t *= 2) < 1 ? 0.5 * t * t * ((this._p2 + 1) * t - this._p2) : 0.5 * ((t -= 2) * t * ((this._p2 + 1) * t + this._p2) + 2); }) ), m = h( "easing.SlowMo", function (t, e, i) { (e = e || 0 === e ? e : 0.7), null == t ? (t = 0.7) : t > 1 && (t = 1), (this._p = 1 !== t ? e : 0), (this._p1 = (1 - t) / 2), (this._p2 = t), (this._p3 = this._p1 + this._p2), (this._calcEnd = !0 === i); }, !0 ), _ = (m.prototype = new t()); return ( (_.constructor = m), (_.getRatio = function (t) { var e = t + (0.5 - t) * this._p; return t < this._p1 ? this._calcEnd ? 1 - (t = 1 - t / this._p1) * t : e - (t = 1 - t / this._p1) * t * t * t * e : t > this._p3 ? this._calcEnd ? 1 === t ? 0 : 1 - (t = (t - this._p3) / this._p1) * t : e + (t - e) * (t = (t - this._p3) / this._p1) * t * t * t : this._calcEnd ? 1 : e; }), (m.ease = new m(0.7, 0.7)), (_.config = m.config = function (t, e, i) { return new m(t, e, i); }), ((_ = (e = h( "easing.SteppedEase", function (t, e) { (t = t || 1), (this._p1 = 1 / t), (this._p2 = t + (e ? 0 : 1)), (this._p3 = e ? 1 : 0); }, !0 )).prototype = new t()).constructor = e), (_.getRatio = function (t) { return ( t < 0 ? (t = 0) : t >= 1 && (t = 0.999999999), (((this._p2 * t) | 0) + this._p3) * this._p1 ); }), (_.config = e.config = function (t, i) { return new e(t, i); }), ((_ = (i = h( "easing.ExpoScaleEase", function (t, e, i) { (this._p1 = Math.log(e / t)), (this._p2 = e - t), (this._p3 = t), (this._ease = i); }, !0 )).prototype = new t()).constructor = i), (_.getRatio = function (t) { return ( this._ease && (t = this._ease.getRatio(t)), (this._p3 * Math.exp(this._p1 * t) - this._p3) / this._p2 ); }), (_.config = i.config = function (t, e, s) { return new i(t, e, s); }), ((_ = (s = h( "easing.RoughEase", function (e) { for ( var i, s, r, n, a, o, l = (e = e || {}).taper || "none", h = [], u = 0, f = 0 | (e.points || 20), c = f, p = !1 !== e.randomize, d = !0 === e.clamp, m = e.template instanceof t ? e.template : null, _ = "number" == typeof e.strength ? 0.4 * e.strength : 0.4; --c > -1; ) (i = p ? Math.random() : (1 / f) * c), (s = m ? m.getRatio(i) : i), (r = "none" === l ? _ : "out" === l ? (n = 1 - i) * n * _ : "in" === l ? i * i * _ : i < 0.5 ? (n = 2 * i) * n * 0.5 * _ : (n = 2 * (1 - i)) * n * 0.5 * _), p ? (s += Math.random() * r - 0.5 * r) : c % 2 ? (s += 0.5 * r) : (s -= 0.5 * r), d && (s > 1 ? (s = 1) : s < 0 && (s = 0)), (h[u++] = { x: i, y: s }); for ( h.sort(function (t, e) { return t.x - e.x; }), o = new $(1, 1, null), c = f; --c > -1; ) (a = h[c]), (o = new $(a.x, a.y, o)); this._prev = new $(0, 0, 0 !== o.t ? o : o.next); }, !0 )).prototype = new t()).constructor = s), (_.getRatio = function (t) { var e = this._prev; if (t > e.t) { for (; e.next && t >= e.t; ) e = e.next; e = e.prev; } else for (; e.prev && t <= e.t; ) e = e.prev; return (this._prev = e), e.v + ((t - e.t) / e.gap) * e.c; }), (_.config = function (t) { return new s(t); }), (s.ease = new s()), c( "Bounce", u("BounceOut", function (t) { return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + 0.75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375 : 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375; }), u("BounceIn", function (t) { return (t = 1 - t) < 1 / 2.75 ? 1 - 7.5625 * t * t : t < 2 / 2.75 ? 1 - (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) : t < 2.5 / 2.75 ? 1 - (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) : 1 - (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375); }), u("BounceInOut", function (t) { var e = t < 0.5; return ( (t = e ? 1 - 2 * t : 2 * t - 1) < 1 / 2.75 ? (t *= 7.5625 * t) : (t = t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + 0.75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375 : 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375), e ? 0.5 * (1 - t) : 0.5 * t + 0.5 ); }) ), c( "Circ", u("CircOut", function (t) { return Math.sqrt(1 - (t -= 1) * t); }), u("CircIn", function (t) { return -(Math.sqrt(1 - t * t) - 1); }), u("CircInOut", function (t) { return (t *= 2) < 1 ? -0.5 * (Math.sqrt(1 - t * t) - 1) : 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1); }) ), c( "Elastic", (r = function (e, i, s) { var r = h( "easing." + e, function (t, e) { (this._p1 = t >= 1 ? t : 1), (this._p2 = (e || s) / (t < 1 ? t : 1)), (this._p3 = (this._p2 / o) * (Math.asin(1 / this._p1) || 0)), (this._p2 = o / this._p2); }, !0 ), n = (r.prototype = new t()); return ( (n.constructor = r), (n.getRatio = i), (n.config = function (t, e) { return new r(t, e); }), r ); })( "ElasticOut", function (t) { return ( this._p1 * Math.pow(2, -10 * t) * Math.sin((t - this._p3) * this._p2) + 1 ); }, 0.3 ), r( "ElasticIn", function (t) { return ( -this._p1 * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) ); }, 0.3 ), r( "ElasticInOut", function (t) { return (t *= 2) < 1 ? -( this._p1 * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) * 0.5 ) : this._p1 * Math.pow(2, -10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) * 0.5 + 1; }, 0.45 ) ), c( "Expo", u("ExpoOut", function (t) { return 1 - Math.pow(2, -10 * t); }), u("ExpoIn", function (t) { return Math.pow(2, 10 * (t - 1)) - 0.001; }), u("ExpoInOut", function (t) { return (t *= 2) < 1 ? 0.5 * Math.pow(2, 10 * (t - 1)) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))); }) ), c( "Sine", u("SineOut", function (t) { return Math.sin(t * l); }), u("SineIn", function (t) { return 1 - Math.cos(t * l); }), u("SineInOut", function (t) { return -0.5 * (Math.cos(Math.PI * t) - 1); }) ), h( "easing.EaseLookup", { find: function (e) { return t.map[e]; }, }, !0 ), f(n.SlowMo, "SlowMo", "ease,"), f(s, "RoughEase", "ease,"), f(e, "SteppedEase", "ease,"), d ); }, !0 ); }), _gsScope._gsDefine && _gsScope._gsQueue.pop()(), (function (t, e) { "use strict"; var i = {}, s = t.document, r = (t.GreenSockGlobals = t.GreenSockGlobals || t), n = r.TweenMax; if (n) return ( "undefined" != typeof module && module.exports && (module.exports = n), n ); var a, o, l, h, u, f, c, $ = function (t) { var e, i = t.split("."), s = r; for (e = 0; e < i.length; e++) s[i[e]] = s = s[i[e]] || {}; return s; }, p = $("com.greensock"), d = function (t) { var e, i = [], s = t.length; for (e = 0; e !== s; i.push(t[e++])); return i; }, m = function () {}, _ = ((c = (f = Object.prototype.toString).call([])), function (t) { return ( null != t && (t instanceof Array || ("object" == typeof t && !!t.push && f.call(t) === c)) ); }), g = {}, y = function (e, s, n, a) { (this.sc = g[e] ? g[e].sc : []), (g[e] = this), (this.gsClass = null), (this.func = n); var o = []; (this.check = function (l) { for (var h, u, f, c, p = s.length, d = p; --p > -1; ) (h = g[s[p]] || new y(s[p], [])).gsClass ? ((o[p] = h.gsClass), d--) : l && h.sc.push(this); if (0 === d && n) { if ( ((f = (u = ("com.greensock." + e).split(".")).pop()), (c = $(u.join("."))[f] = this.gsClass = n.apply(n, o)), a) ) { if ( ((r[f] = i[f] = c), "undefined" != typeof module && module.exports) ) { if ("TweenMax" === e) for (p in ((module.exports = i.TweenMax = c), i)) c[p] = i[p]; else i.TweenMax && (i.TweenMax[f] = c); } else "function" == typeof define && define.amd && define( (t.GreenSockAMDPath ? t.GreenSockAMDPath + "/" : "") + e.split(".").pop(), [], function () { return c; } ); } for (p = 0; p < this.sc.length; p++) this.sc[p].check(); } }), this.check(!0); }, v = (t._gsDefine = function (t, e, i, s) { return new y(t, e, i, s); }), T = (p._class = function (t, e, i) { return ( (e = e || function () {}), v( t, [], function () { return e; }, i ), e ); }); v.globals = r; var x = [0, 0, 1, 1], b = T( "easing.Ease", function (t, e, i, s) { (this._func = t), (this._type = i || 0), (this._power = s || 0), (this._params = e ? x.concat(e) : x); }, !0 ), w = (b.map = {}), P = (b.register = function (t, e, i, s) { for ( var r, n, a, o, l = e.split(","), h = l.length, u = (i || "easeIn,easeOut,easeInOut").split(","); --h > -1; ) for ( n = l[h], r = s ? T("easing." + n, null, !0) : p.easing[n] || {}, a = u.length; --a > -1; ) w[n + "." + (o = u[a])] = w[o + n] = r[o] = t.getRatio ? t : t[o] || new t(); }); for ( (l = b.prototype)._calcEnd = !1, l.getRatio = function (t) { if (this._func) return ( (this._params[0] = t), this._func.apply(null, this._params) ); var e = this._type, i = this._power, s = 1 === e ? 1 - t : 2 === e ? t : t < 0.5 ? 2 * t : 2 * (1 - t); return ( 1 === i ? (s *= s) : 2 === i ? (s *= s * s) : 3 === i ? (s *= s * s * s) : 4 === i && (s *= s * s * s * s), 1 === e ? 1 - s : 2 === e ? s : t < 0.5 ? s / 2 : 1 - s / 2 ); }, o = (a = ["Linear", "Quad", "Cubic", "Quart", "Quint,Strong"]).length; --o > -1; ) (l = a[o] + ",Power" + o), P(new b(null, null, 1, o), l, "easeOut", !0), P( new b(null, null, 2, o), l, "easeIn" + (0 === o ? ",easeNone" : "") ), P(new b(null, null, 3, o), l, "easeInOut"); (w.linear = p.easing.Linear.easeIn), (w.swing = p.easing.Quad.easeInOut); var O = T("events.EventDispatcher", function (t) { (this._listeners = {}), (this._eventTarget = t || this); }); ((l = O.prototype).addEventListener = function (t, e, i, s, r) { r = r || 0; var n, a, o = this._listeners[t], l = 0; for ( this !== h || u || h.wake(), null == o && (this._listeners[t] = o = []), a = o.length; --a > -1; ) (n = o[a]).c === e && n.s === i ? o.splice(a, 1) : 0 === l && n.pr < r && (l = a + 1); o.splice(l, 0, { c: e, s: i, up: s, pr: r }); }), (l.removeEventListener = function (t, e) { var i, s = this._listeners[t]; if (s) { for (i = s.length; --i > -1; ) if (s[i].c === e) return void s.splice(i, 1); } }), (l.dispatchEvent = function (t) { var e, i, s, r = this._listeners[t]; if (r) for ( (e = r.length) > 1 && (r = r.slice(0)), i = this._eventTarget; --e > -1; ) (s = r[e]) && (s.up ? s.c.call(s.s || i, { type: t, target: i }) : s.c.call(s.s || i)); }); var S = t.requestAnimationFrame, k = t.cancelAnimationFrame, R = Date.now || function () { return new Date().getTime(); }, C = R(); for (o = (a = ["ms", "moz", "webkit", "o"]).length; --o > -1 && !S; ) (S = t[a[o] + "RequestAnimationFrame"]), (k = t[a[o] + "CancelAnimationFrame"] || t[a[o] + "CancelRequestAnimationFrame"]); T("Ticker", function (t, e) { var i, r, n, a, o, l = this, f = R(), c = !(!1 === e || !S) && "auto", $ = 500, p = 33, d = function (t) { var e, s, h = R() - C; h > $ && (f += h - p), (C += h), (l.time = (C - f) / 1e3), (e = l.time - o), (!i || e > 0 || !0 === t) && (l.frame++, (o += e + (e >= a ? 0.004 : a - e)), (s = !0)), !0 !== t && (n = r(d)), s && l.dispatchEvent("tick"); }; O.call(l), (l.time = l.frame = 0), (l.tick = function () { d(!0); }), (l.lagSmoothing = function (t, e) { if (!arguments.length) return $ < 1e8; p = Math.min(e, ($ = t || 1e8), 0); }), (l.sleep = function () { null != n && (c && k ? k(n) : clearTimeout(n), (r = m), (n = null), l === h && (u = !1)); }), (l.wake = function (t) { null !== n ? l.sleep() : t ? (f += -C + (C = R())) : l.frame > 10 && (C = R() - $ + 5), (r = 0 === i ? m : c && S ? S : function (t) { return setTimeout(t, (1e3 * (o - l.time) + 1) | 0); }), l === h && (u = !0), d(2); }), (l.fps = function (t) { if (!arguments.length) return i; (a = 1 / ((i = t) || 60)), (o = this.time + a), l.wake(); }), (l.useRAF = function (t) { if (!arguments.length) return c; l.sleep(), (c = t), l.fps(i); }), l.fps(t), setTimeout(function () { "auto" === c && l.frame < 5 && "hidden" !== (s || {}).visibilityState && l.useRAF(!1); }, 1500); }), ((l = p.Ticker.prototype = new p.events.EventDispatcher()).constructor = p.Ticker); var A = T("core.Animation", function (t, e) { if ( ((this.vars = e = e || {}), (this._duration = this._totalDuration = t || 0), (this._delay = Number(e.delay) || 0), (this._timeScale = 1), (this._active = !!e.immediateRender), (this.data = e.data), (this._reversed = !!e.reversed), Q) ) { u || h.wake(); var i = this.vars.useFrames ? H : Q; i.add(this, i._time), this.vars.paused && this.paused(!0); } }); (h = A.ticker = new p.Ticker()), ((l = A.prototype)._dirty = l._gc = l._initted = l._paused = !1), (l._totalTime = l._time = 0), (l._rawPrevTime = -1), (l._next = l._last = l._onUpdate = l._timeline = l.timeline = null), (l._paused = !1); var D = function () { u && R() - C > 2e3 && ("hidden" !== (s || {}).visibilityState || !h.lagSmoothing()) && h.wake(); var t = setTimeout(D, 2e3); t.unref && t.unref(); }; D(), (l.play = function (t, e) { return null != t && this.seek(t, e), this.reversed(!1).paused(!1); }), (l.pause = function (t, e) { return null != t && this.seek(t, e), this.paused(!0); }), (l.resume = function (t, e) { return null != t && this.seek(t, e), this.paused(!1); }), (l.seek = function (t, e) { return this.totalTime(Number(t), !1 !== e); }), (l.restart = function (t, e) { return this.reversed(!1) .paused(!1) .totalTime(t ? -this._delay : 0, !1 !== e, !0); }), (l.reverse = function (t, e) { return ( null != t && this.seek(t || this.totalDuration(), e), this.reversed(!0).paused(!1) ); }), (l.render = function (t, e, i) {}), (l.invalidate = function () { return ( (this._time = this._totalTime = 0), (this._initted = this._gc = !1), (this._rawPrevTime = -1), (!this._gc && this.timeline) || this._enabled(!0), this ); }), (l.isActive = function () { var t, e = this._timeline, i = this._startTime; return ( !e || (!this._gc && !this._paused && e.isActive() && (t = e.rawTime(!0)) >= i && t < i + this.totalDuration() / this._timeScale - 1e-8) ); }), (l._enabled = function (t, e) { return ( u || h.wake(), (this._gc = !t), (this._active = this.isActive()), !0 !== e && (t && !this.timeline ? this._timeline.add(this, this._startTime - this._delay) : !t && this.timeline && this._timeline._remove(this, !0)), !1 ); }), (l._kill = function (t, e) { return this._enabled(!1, !1); }), (l.kill = function (t, e) { return this._kill(t, e), this; }), (l._uncache = function (t) { for (var e = t ? this : this.timeline; e; ) (e._dirty = !0), (e = e.timeline); return this; }), (l._swapSelfInParams = function (t) { for (var e = t.length, i = t.concat(); --e > -1; ) "{self}" === t[e] && (i[e] = this); return i; }), (l._callback = function (t) { var e = this.vars, i = e[t], s = e[t + "Params"], r = e[t + "Scope"] || e.callbackScope || this; switch (s ? s.length : 0) { case 0: i.call(r); break; case 1: i.call(r, s[0]); break; case 2: i.call(r, s[0], s[1]); break; default: i.apply(r, s); } }), (l.eventCallback = function (t, e, i, s) { if ("on" === (t || "").substr(0, 2)) { var r = this.vars; if (1 === arguments.length) return r[t]; null == e ? delete r[t] : ((r[t] = e), (r[t + "Params"] = _(i) && -1 !== i.join("").indexOf("{self}") ? this._swapSelfInParams(i) : i), (r[t + "Scope"] = s)), "onUpdate" === t && (this._onUpdate = e); } return this; }), (l.delay = function (t) { return arguments.length ? (this._timeline.smoothChildTiming && this.startTime(this._startTime + t - this._delay), (this._delay = t), this) : this._delay; }), (l.duration = function (t) { return arguments.length ? ((this._duration = this._totalDuration = t), this._uncache(!0), this._timeline.smoothChildTiming && this._time > 0 && this._time < this._duration && 0 !== t && this.totalTime(this._totalTime * (t / this._duration), !0), this) : ((this._dirty = !1), this._duration); }), (l.totalDuration = function (t) { return ( (this._dirty = !1), arguments.length ? this.duration(t) : this._totalDuration ); }), (l.time = function (t, e) { return arguments.length ? (this._dirty && this.totalDuration(), this.totalTime(t > this._duration ? this._duration : t, e)) : this._time; }), (l.totalTime = function (t, e, i) { if ((u || h.wake(), !arguments.length)) return this._totalTime; if (this._timeline) { if ( (t < 0 && !i && (t += this.totalDuration()), this._timeline.smoothChildTiming) ) { this._dirty && this.totalDuration(); var s = this._totalDuration, r = this._timeline; if ( (t > s && !i && (t = s), (this._startTime = (this._paused ? this._pauseTime : r._time) - (this._reversed ? s - t : t) / this._timeScale), r._dirty || this._uncache(!1), r._timeline) ) for (; r._timeline; ) r._timeline._time !== (r._startTime + r._totalTime) / r._timeScale && r.totalTime(r._totalTime, !0), (r = r._timeline); } this._gc && this._enabled(!0, !1), (this._totalTime === t && 0 !== this._duration) || (L.length && J(), this.render(t, e, !1), L.length && J()); } return this; }), (l.progress = l.totalProgress = function (t, e) { var i = this.duration(); return arguments.length ? this.totalTime(i * t, e) : i ? this._time / i : this.ratio; }), (l.startTime = function (t) { return arguments.length ? (t !== this._startTime && ((this._startTime = t), this.timeline && this.timeline._sortChildren && this.timeline.add(this, t - this._delay)), this) : this._startTime; }), (l.endTime = function (t) { return ( this._startTime + (0 != t ? this.totalDuration() : this.duration()) / this._timeScale ); }), (l.timeScale = function (t) { var e, i; if (!arguments.length) return this._timeScale; for ( t = t || 1e-8, this._timeline && this._timeline.smoothChildTiming && ((i = (e = this._pauseTime) || 0 === e ? e : this._timeline.totalTime()), (this._startTime = i - ((i - this._startTime) * this._timeScale) / t)), this._timeScale = t, i = this.timeline; i && i.timeline; ) (i._dirty = !0), i.totalDuration(), (i = i.timeline); return this; }), (l.reversed = function (t) { return arguments.length ? (t != this._reversed && ((this._reversed = t), this.totalTime( this._timeline && !this._timeline.smoothChildTiming ? this.totalDuration() - this._totalTime : this._totalTime, !0 )), this) : this._reversed; }), (l.paused = function (t) { if (!arguments.length) return this._paused; var e, i, s = this._timeline; return ( t != this._paused && s && (u || t || h.wake(), (i = (e = s.rawTime()) - this._pauseTime), !t && s.smoothChildTiming && ((this._startTime += i), this._uncache(!1)), (this._pauseTime = t ? e : null), (this._paused = t), (this._active = this.isActive()), !t && 0 !== i && this._initted && this.duration() && ((e = s.smoothChildTiming ? this._totalTime : (e - this._startTime) / this._timeScale), this.render(e, e === this._totalTime, !0))), this._gc && !t && this._enabled(!0, !1), this ); }); var z = T("core.SimpleTimeline", function (t) { A.call(this, 0, t), (this.autoRemoveChildren = this.smoothChildTiming = !0); }); ((l = z.prototype = new A()).constructor = z), (l.kill()._gc = !1), (l._first = l._last = l._recent = null), (l._sortChildren = !1), (l.add = l.insert = function (t, e, i, s) { var r, n; if ( ((t._startTime = Number(e || 0) + t._delay), t._paused && this !== t._timeline && (t._pauseTime = this.rawTime() - (t._timeline.rawTime() - t._pauseTime)), t.timeline && t.timeline._remove(t, !0), (t.timeline = t._timeline = this), t._gc && t._enabled(!0, !0), (r = this._last), this._sortChildren) ) for (n = t._startTime; r && r._startTime > n; ) r = r._prev; return ( r ? ((t._next = r._next), (r._next = t)) : ((t._next = this._first), (this._first = t)), t._next ? (t._next._prev = t) : (this._last = t), (t._prev = r), (this._recent = t), this._timeline && this._uncache(!0), this ); }), (l._remove = function (t, e) { return ( t.timeline === this && (e || t._enabled(!1, !0), t._prev ? (t._prev._next = t._next) : this._first === t && (this._first = t._next), t._next ? (t._next._prev = t._prev) : this._last === t && (this._last = t._prev), (t._next = t._prev = t.timeline = null), t === this._recent && (this._recent = this._last), this._timeline && this._uncache(!0)), this ); }), (l.render = function (t, e, i) { var s, r = this._first; for (this._totalTime = this._time = this._rawPrevTime = t; r; ) (s = r._next), (r._active || (t >= r._startTime && !r._paused && !r._gc)) && (r._reversed ? r.render( (r._dirty ? r.totalDuration() : r._totalDuration) - (t - r._startTime) * r._timeScale, e, i ) : r.render((t - r._startTime) * r._timeScale, e, i)), (r = s); }), (l.rawTime = function () { return u || h.wake(), this._totalTime; }); var X = T( "TweenLite", function (e, i, s) { if ( (A.call(this, i, s), (this.render = X.prototype.render), null == e) ) throw "Cannot tween a null target."; this.target = e = "string" != typeof e ? e : X.selector(e) || e; var r, n, a, o = e.jquery || (e.length && e !== t && e[0] && (e[0] === t || (e[0].nodeType && e[0].style && !e.nodeType))), l = this.vars.overwrite; if ( ((this._overwrite = l = null == l ? Z[X.defaultOverwrite] : "number" == typeof l ? l >> 0 : Z[l]), (o || e instanceof Array || (e.push && _(e))) && "number" != typeof e[0]) ) for ( this._targets = a = d(e), this._propLookup = [], this._siblings = [], r = 0; r < a.length; r++ ) (n = a[r]) ? "string" != typeof n ? n.length && n !== t && n[0] && (n[0] === t || (n[0].nodeType && n[0].style && !n.nodeType)) ? (a.splice(r--, 1), (this._targets = a = a.concat(d(n)))) : ((this._siblings[r] = tt(n, this, !1)), 1 === l && this._siblings[r].length > 1 && ti(n, this, null, 1, this._siblings[r])) : "string" == typeof (n = a[r--] = X.selector(n)) && a.splice(r + 1, 1) : a.splice(r--, 1); else (this._propLookup = {}), (this._siblings = tt(e, this, !1)), 1 === l && this._siblings.length > 1 && ti(e, this, null, 1, this._siblings); (this.vars.immediateRender || (0 === i && 0 === this._delay && !1 !== this.vars.immediateRender)) && ((this._time = -0.00000001), this.render(Math.min(0, -this._delay))); }, !0 ), E = function (e) { return ( e && e.length && e !== t && e[0] && (e[0] === t || (e[0].nodeType && e[0].style && !e.nodeType)) ); }; ((l = X.prototype = new A()).constructor = X), (l.kill()._gc = !1), (l.ratio = 0), (l._firstPT = l._targets = l._overwrittenProps = l._startAt = null), (l._notifyPluginsOfEnabled = l._lazy = !1), (X.version = "2.1.3"), (X.defaultEase = l._ease = new b(null, null, 1, 1)), (X.defaultOverwrite = "auto"), (X.ticker = h), (X.autoSleep = 120), (X.lagSmoothing = function (t, e) { h.lagSmoothing(t, e); }), (X.selector = t.$ || t.jQuery || function (e) { var i = t.$ || t.jQuery; return i ? ((X.selector = i), i(e)) : (s || (s = t.document), s ? s.querySelectorAll ? s.querySelectorAll(e) : s.getElementById("#" === e.charAt(0) ? e.substr(1) : e) : e); }); var L = [], I = {}, B = /(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi, Y = /[\+-]=-?[\.\d]/, F = function (t) { for (var e, i = this._firstPT; i; ) (e = i.blob ? 1 === t && null != this.end ? this.end : t ? this.join("") : this.start : i.c * t + i.s), i.m ? (e = i.m.call( this._tween, e, this._target || i.t, this._tween )) : e < 1e-6 && e > -0.000001 && !i.blob && (e = 0), i.f ? (i.fp ? i.t[i.p](i.fp, e) : i.t[i.p](e)) : (i.t[i.p] = e), (i = i._next); }, j = function (t) { return ((1e3 * t) | 0) / 1e3 + ""; }, M = function (t, e, i, s) { var r, n, a, o, l, h, u, f = [], c = 0, $ = "", p = 0; for ( f.start = t, f.end = e, t = f[0] = t + "", e = f[1] = e + "", i && (i(f), (t = f[0]), (e = f[1])), f.length = 0, r = t.match(B) || [], n = e.match(B) || [], s && ((s._next = null), (s.blob = 1), (f._firstPT = f._applyPT = s)), l = n.length, o = 0; o < l; o++ ) (u = n[o]), ($ += (h = e.substr(c, e.indexOf(u, c) - c)) || !o ? h : ","), (c += h.length), p ? (p = (p + 1) % 5) : "rgba(" === h.substr(-5) && (p = 1), u === r[o] || r.length <= o ? ($ += u) : ($ && (f.push($), ($ = "")), (a = parseFloat(r[o])), f.push(a), (f._firstPT = { _next: f._firstPT, t: f, p: f.length - 1, s: a, c: ("=" === u.charAt(1) ? parseInt(u.charAt(0) + "1", 10) * parseFloat(u.substr(2)) : parseFloat(u) - a) || 0, f: 0, m: p && p < 4 ? Math.round : j, })), (c += u.length); return ( ($ += e.substr(c)) && f.push($), (f.setRatio = F), Y.test(e) && (f.end = null), f ); }, N = function (t, e, i, s, r, n, a, o, l) { "function" == typeof s && (s = s(l || 0, t)); var h = typeof t[e], u = "function" !== h ? "" : e.indexOf("set") || "function" != typeof t["get" + e.substr(3)] ? e : "get" + e.substr(3), f = "get" !== i ? i : u ? (a ? t[u](a) : t[u]()) : t[e], c = "string" == typeof s && "=" === s.charAt(1), $ = { t: t, p: e, s: f, f: "function" === h, pg: 0, n: r || e, m: n ? ("function" == typeof n ? n : Math.round) : 0, pr: 0, c: c ? parseInt(s.charAt(0) + "1", 10) * parseFloat(s.substr(2)) : parseFloat(s) - f || 0, }; if ( (("number" != typeof f || ("number" != typeof s && !c)) && (a || isNaN(f) || (!c && isNaN(s)) || "boolean" == typeof f || "boolean" == typeof s ? (($.fp = a), ($ = { t: M( f, c ? parseFloat($.s) + $.c + ($.s + "").replace(/[0-9\-\.]/g, "") : s, o || X.defaultStringFilter, $ ), p: "setRatio", s: 0, c: 1, f: 2, pg: 0, n: r || e, pr: 0, m: 0, })) : (($.s = parseFloat(f)), c || ($.c = parseFloat(s) - $.s || 0))), $.c) ) return ( ($._next = this._firstPT) && ($._next._prev = $), (this._firstPT = $), $ ); }, U = (X._internals = { isArray: _, isSelector: E, lazyTweens: L, blobDif: M, }), V = (X._plugins = {}), q = (U.tweenLookup = {}), W = 0, G = (U.reservedProps = { ease: 1, delay: 1, overwrite: 1, onComplete: 1, onCompleteParams: 1, onCompleteScope: 1, useFrames: 1, runBackwards: 1, startAt: 1, onUpdate: 1, onUpdateParams: 1, onUpdateScope: 1, onStart: 1, onStartParams: 1, onStartScope: 1, onReverseComplete: 1, onReverseCompleteParams: 1, onReverseCompleteScope: 1, onRepeat: 1, onRepeatParams: 1, onRepeatScope: 1, easeParams: 1, yoyo: 1, immediateRender: 1, repeat: 1, repeatDelay: 1, data: 1, paused: 1, reversed: 1, autoCSS: 1, lazy: 1, onOverwrite: 1, callbackScope: 1, stringFilter: 1, id: 1, yoyoEase: 1, stagger: 1, }), Z = { none: 0, all: 1, auto: 2, concurrent: 3, allOnStart: 4, preexisting: 5, true: 1, false: 0, }, H = (A._rootFramesTimeline = new z()), Q = (A._rootTimeline = new z()), K = 30, J = (U.lazyRender = function () { var t, e, i = L.length; for (I = {}, t = 0; t < i; t++) (e = L[t]) && !1 !== e._lazy && (e.render(e._lazy[0], e._lazy[1], !0), (e._lazy = !1)); L.length = 0; }); (Q._startTime = h.time), (H._startTime = h.frame), (Q._active = H._active = !0), setTimeout(J, 1), (A._updateRoot = X.render = function () { var t, e, i; if ( (L.length && J(), Q.render((h.time - Q._startTime) * Q._timeScale, !1, !1), H.render((h.frame - H._startTime) * H._timeScale, !1, !1), L.length && J(), h.frame >= K) ) { for (i in ((K = h.frame + (parseInt(X.autoSleep, 10) || 120)), q)) { for (t = (e = q[i].tweens).length; --t > -1; ) e[t]._gc && e.splice(t, 1); 0 === e.length && delete q[i]; } if ( (!(i = Q._first) || i._paused) && X.autoSleep && !H._first && 1 === h._listeners.tick.length ) { for (; i && i._paused; ) i = i._next; i || h.sleep(); } } }), h.addEventListener("tick", A._updateRoot); var tt = function (t, e, i) { var s, r, n = t._gsTweenID; if ( (q[n || (t._gsTweenID = n = "t" + W++)] || (q[n] = { target: t, tweens: [] }), e && (((s = q[n].tweens)[(r = s.length)] = e), i)) ) for (; --r > -1; ) s[r] === e && s.splice(r, 1); return q[n].tweens; }, te = function (t, e, i, s) { var r, n, a = t.vars.onOverwrite; return ( a && (r = a(t, e, i, s)), (a = X.onOverwrite) && (n = a(t, e, i, s)), !1 !== r && !1 !== n ); }, ti = function (t, e, i, s, r) { if (1 === s || s >= 4) { for (l = r.length, n = 0; n < l; n++) if ((o = r[n]) !== e) o._gc || (o._kill(null, t, e) && (a = !0)); else if (5 === s) break; return a; } var n, a, o, l, h, u = e._startTime + 1e-8, f = [], c = 0, $ = 0 === e._duration; for (n = r.length; --n > -1; ) (o = r[n]) === e || o._gc || o._paused || (o._timeline !== e._timeline ? ((h = h || ts(e, 0, $)), 0 === ts(o, h, $) && (f[c++] = o)) : o._startTime <= u && o._startTime + o.totalDuration() / o._timeScale > u && ((($ || !o._initted) && u - o._startTime <= 2e-8) || (f[c++] = o))); for (n = c; --n > -1; ) if ( ((l = (o = f[n])._firstPT), 2 === s && o._kill(i, t, e) && (a = !0), 2 !== s || (!o._firstPT && o._initted && l)) ) { if (2 !== s && !te(o, e)) continue; o._enabled(!1, !1) && (a = !0); } return a; }, ts = function (t, e, i) { for ( var s = t._timeline, r = s._timeScale, n = t._startTime; s._timeline; ) { if (((n += s._startTime), (r *= s._timeScale), s._paused)) return -100; s = s._timeline; } return (n /= r) > e ? n - e : (i && n === e) || (!t._initted && n - e < 2e-8) ? 1e-8 : (n += t.totalDuration() / t._timeScale / r) > e + 1e-8 ? 0 : n - e - 1e-8; }; (l._init = function () { var t, e, i, s, r, n, a = this.vars, o = this._overwrittenProps, l = this._duration, h = !!a.immediateRender, u = a.ease, f = this._startAt; if (a.startAt) { for (s in (f && (f.render(-1, !0), f.kill()), (r = {}), a.startAt)) r[s] = a.startAt[s]; if ( ((r.data = "isStart"), (r.overwrite = !1), (r.immediateRender = !0), (r.lazy = h && !1 !== a.lazy), (r.startAt = r.delay = null), (r.onUpdate = a.onUpdate), (r.onUpdateParams = a.onUpdateParams), (r.onUpdateScope = a.onUpdateScope || a.callbackScope || this), (this._startAt = X.to(this.target || {}, 0, r)), h) ) { if (this._time > 0) this._startAt = null; else if (0 !== l) return; } } else if (a.runBackwards && 0 !== l) { if (f) f.render(-1, !0), f.kill(), (this._startAt = null); else { for (s in (0 !== this._time && (h = !1), (i = {}), a)) (G[s] && "autoCSS" !== s) || (i[s] = a[s]); if ( ((i.overwrite = 0), (i.data = "isFromStart"), (i.lazy = h && !1 !== a.lazy), (i.immediateRender = h), (this._startAt = X.to(this.target, 0, i)), h) ) { if (0 === this._time) return; } else this._startAt._init(), this._startAt._enabled(!1), this.vars.immediateRender && (this._startAt = null); } } if ( ((this._ease = u = u ? u instanceof b ? u : "function" == typeof u ? new b(u, a.easeParams) : w[u] || X.defaultEase : X.defaultEase), a.easeParams instanceof Array && u.config && (this._ease = u.config.apply(u, a.easeParams)), (this._easeType = this._ease._type), (this._easePower = this._ease._power), (this._firstPT = null), this._targets) ) for (n = this._targets.length, t = 0; t < n; t++) this._initProps( this._targets[t], (this._propLookup[t] = {}), this._siblings[t], o ? o[t] : null, t ) && (e = !0); else e = this._initProps( this.target, this._propLookup, this._siblings, o, 0 ); if ( (e && X._onPluginEvent("_onInitAllProps", this), o && (this._firstPT || ("function" != typeof this.target && this._enabled(!1, !1))), a.runBackwards) ) for (i = this._firstPT; i; ) (i.s += i.c), (i.c = -i.c), (i = i._next); (this._onUpdate = a.onUpdate), (this._initted = !0); }), (l._initProps = function (e, i, s, r, n) { var a, o, l, h, u, f; if (null == e) return !1; for (a in (I[e._gsTweenID] && J(), this.vars.css || (e.style && e !== t && e.nodeType && V.css && !1 !== this.vars.autoCSS && (function (t, e) { var i, s = {}; for (i in t) G[i] || (i in e && "transform" !== i && "x" !== i && "y" !== i && "width" !== i && "height" !== i && "className" !== i && "border" !== i) || !(!V[i] || (V[i] && V[i]._autoCSS)) || ((s[i] = t[i]), delete t[i]); t.css = s; })(this.vars, e)), this.vars)) if (((f = this.vars[a]), G[a])) f && (f instanceof Array || (f.push && _(f))) && -1 !== f.join("").indexOf("{self}") && (this.vars[a] = f = this._swapSelfInParams(f, this)); else if ( V[a] && (h = new V[a]())._onInitTween(e, this.vars[a], this, n) ) { for ( this._firstPT = u = { _next: this._firstPT, t: h, p: "setRatio", s: 0, c: 1, f: 1, n: a, pg: 1, pr: h._priority, m: 0, }, o = h._overwriteProps.length; --o > -1; ) i[h._overwriteProps[o]] = this._firstPT; (h._priority || h._onInitAllProps) && (l = !0), (h._onDisable || h._onEnable) && (this._notifyPluginsOfEnabled = !0), u._next && (u._next._prev = u); } else i[a] = N.call( this, e, a, "get", f, a, 0, null, this.vars.stringFilter, n ); return r && this._kill(r, e) ? this._initProps(e, i, s, r, n) : this._overwrite > 1 && this._firstPT && s.length > 1 && ti(e, this, i, this._overwrite, s) ? (this._kill(i, e), this._initProps(e, i, s, r, n)) : (this._firstPT && ((!1 !== this.vars.lazy && this._duration) || (this.vars.lazy && !this._duration)) && (I[e._gsTweenID] = !0), l); }), (l.render = function (t, e, i) { var s, r, n, a, o = this._time, l = this._duration, h = this._rawPrevTime; if (t >= l - 1e-8 && t >= 0) (this._totalTime = this._time = l), (this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1), this._reversed || ((s = !0), (r = "onComplete"), (i = i || this._timeline.autoRemoveChildren)), 0 === l && (this._initted || !this.vars.lazy || i) && (this._startTime === this._timeline._duration && (t = 0), (h < 0 || (t <= 0 && t >= -0.00000001) || (1e-8 === h && "isPause" !== this.data)) && h !== t && ((i = !0), h > 1e-8 && (r = "onReverseComplete")), (this._rawPrevTime = a = !e || t || h === t ? t : 1e-8)); else if (t < 1e-8) (this._totalTime = this._time = 0), (this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0), (0 !== o || (0 === l && h > 0)) && ((r = "onReverseComplete"), (s = this._reversed)), t > -0.00000001 ? (t = 0) : t < 0 && ((this._active = !1), 0 === l && (this._initted || !this.vars.lazy || i) && (h >= 0 && (1e-8 !== h || "isPause" !== this.data) && (i = !0), (this._rawPrevTime = a = !e || t || h === t ? t : 1e-8))), (!this._initted || (this._startAt && this._startAt.progress())) && (i = !0); else if (((this._totalTime = this._time = t), this._easeType)) { var u = t / l, f = this._easeType, c = this._easePower; (1 === f || (3 === f && u >= 0.5)) && (u = 1 - u), 3 === f && (u *= 2), 1 === c ? (u *= u) : 2 === c ? (u *= u * u) : 3 === c ? (u *= u * u * u) : 4 === c && (u *= u * u * u * u), (this.ratio = 1 === f ? 1 - u : 2 === f ? u : t / l < 0.5 ? u / 2 : 1 - u / 2); } else this.ratio = this._ease.getRatio(t / l); if (this._time !== o || i) { if (!this._initted) { if ((this._init(), !this._initted || this._gc)) return; if ( !i && this._firstPT && ((!1 !== this.vars.lazy && this._duration) || (this.vars.lazy && !this._duration)) ) return ( (this._time = this._totalTime = o), (this._rawPrevTime = h), L.push(this), void (this._lazy = [t, e]) ); this._time && !s ? (this.ratio = this._ease.getRatio(this._time / l)) : s && this._ease._calcEnd && (this.ratio = this._ease.getRatio(0 === this._time ? 0 : 1)); } for ( !1 !== this._lazy && (this._lazy = !1), this._active || (!this._paused && this._time !== o && t >= 0 && (this._active = !0)), 0 === o && (this._startAt && (t >= 0 ? this._startAt.render(t, !0, i) : r || (r = "_dummyGS")), this.vars.onStart && ((0 === this._time && 0 !== l) || e || this._callback("onStart"))), n = this._firstPT; n; ) n.f ? n.t[n.p](n.c * this.ratio + n.s) : (n.t[n.p] = n.c * this.ratio + n.s), (n = n._next); this._onUpdate && (t < 0 && this._startAt && -0.0001 !== t && this._startAt.render(t, !0, i), e || ((this._time !== o || s || i) && this._callback("onUpdate"))), r && ((this._gc && !i) || (t < 0 && this._startAt && !this._onUpdate && -0.0001 !== t && this._startAt.render(t, !0, i), s && (this._timeline.autoRemoveChildren && this._enabled(!1, !1), (this._active = !1)), !e && this.vars[r] && this._callback(r), 0 === l && 1e-8 === this._rawPrevTime && 1e-8 !== a && (this._rawPrevTime = 0))); } }), (l._kill = function (t, e, i) { if ( ("all" === t && (t = null), null == t && (null == e || e === this.target)) ) return (this._lazy = !1), this._enabled(!1, !1); e = "string" != typeof e ? e || this._targets || this.target : X.selector(e) || e; var s, r, n, a, o, l, h, u, f, c = i && this._time && i._startTime === this._startTime && this._timeline === i._timeline, $ = this._firstPT; if ((_(e) || E(e)) && "number" != typeof e[0]) for (s = e.length; --s > -1; ) this._kill(t, e[s], i) && (l = !0); else { if (this._targets) { for (s = this._targets.length; --s > -1; ) if (e === this._targets[s]) { (o = this._propLookup[s] || {}), (this._overwrittenProps = this._overwrittenProps || []), (r = this._overwrittenProps[s] = t ? this._overwrittenProps[s] || {} : "all"); break; } } else { if (e !== this.target) return !1; (o = this._propLookup), (r = this._overwrittenProps = t ? this._overwrittenProps || {} : "all"); } if (o) { if ( ((h = t || o), (u = t !== r && "all" !== r && t !== o && ("object" != typeof t || !t._tempKill)), i && (X.onOverwrite || this.vars.onOverwrite)) ) { for (n in h) o[n] && (f || (f = []), f.push(n)); if ((f || !t) && !te(this, i, e, f)) return !1; } for (n in h) (a = o[n]) && (c && (a.f ? a.t[a.p](a.s) : (a.t[a.p] = a.s), (l = !0)), a.pg && a.t._kill(h) && (l = !0), (a.pg && 0 !== a.t._overwriteProps.length) || (a._prev ? (a._prev._next = a._next) : a === this._firstPT && (this._firstPT = a._next), a._next && (a._next._prev = a._prev), (a._next = a._prev = null)), delete o[n]), u && (r[n] = 1); !this._firstPT && this._initted && $ && this._enabled(!1, !1); } } return l; }), (l.invalidate = function () { this._notifyPluginsOfEnabled && X._onPluginEvent("_onDisable", this); var t = this._time; return ( (this._firstPT = this._overwrittenProps = this._startAt = this._onUpdate = null), (this._notifyPluginsOfEnabled = this._active = this._lazy = !1), (this._propLookup = this._targets ? {} : []), A.prototype.invalidate.call(this), this.vars.immediateRender && ((this._time = -0.00000001), this.render(t, !1, !1 !== this.vars.lazy)), this ); }), (l._enabled = function (t, e) { if ((u || h.wake(), t && this._gc)) { var i, s = this._targets; if (s) for (i = s.length; --i > -1; ) this._siblings[i] = tt(s[i], this, !0); else this._siblings = tt(this.target, this, !0); } return ( A.prototype._enabled.call(this, t, e), !(!this._notifyPluginsOfEnabled || !this._firstPT) && X._onPluginEvent(t ? "_onEnable" : "_onDisable", this) ); }), (X.to = function (t, e, i) { return new X(t, e, i); }), (X.from = function (t, e, i) { return ( (i.runBackwards = !0), (i.immediateRender = 0 != i.immediateRender), new X(t, e, i) ); }), (X.fromTo = function (t, e, i, s) { return ( (s.startAt = i), (s.immediateRender = 0 != s.immediateRender && 0 != i.immediateRender), new X(t, e, s) ); }), (X.delayedCall = function (t, e, i, s, r) { return new X(e, 0, { delay: t, onComplete: e, onCompleteParams: i, callbackScope: s, onReverseComplete: e, onReverseCompleteParams: i, immediateRender: !1, lazy: !1, useFrames: r, overwrite: 0, }); }), (X.set = function (t, e) { return new X(t, 0, e); }), (X.getTweensOf = function (t, e) { var i, s, r, n; if (null == t) return []; if ( (_((t = "string" != typeof t ? t : X.selector(t) || t)) || E(t)) && "number" != typeof t[0] ) { for (i = t.length, s = []; --i > -1; ) s = s.concat(X.getTweensOf(t[i], e)); for (i = s.length; --i > -1; ) for (n = s[i], r = i; --r > -1; ) n === s[r] && s.splice(i, 1); } else if (t._gsTweenID) for (i = (s = tt(t).concat()).length; --i > -1; ) (s[i]._gc || (e && !s[i].isActive())) && s.splice(i, 1); return s || []; }), (X.killTweensOf = X.killDelayedCallsTo = function (t, e, i) { "object" == typeof e && ((i = e), (e = !1)); for (var s = X.getTweensOf(t, e), r = s.length; --r > -1; ) s[r]._kill(i, t); }); var tr = T( "plugins.TweenPlugin", function (t, e) { (this._overwriteProps = (t || "").split(",")), (this._propName = this._overwriteProps[0]), (this._priority = e || 0), (this._super = tr.prototype); }, !0 ); if ( ((l = tr.prototype), (tr.version = "1.19.0"), (tr.API = 2), (l._firstPT = null), (l._addTween = N), (l.setRatio = F), (l._kill = function (t) { var e, i = this._overwriteProps, s = this._firstPT; if (null != t[this._propName]) this._overwriteProps = []; else for (e = i.length; --e > -1; ) null != t[i[e]] && i.splice(e, 1); for (; s; ) null != t[s.n] && (s._next && (s._next._prev = s._prev), s._prev ? ((s._prev._next = s._next), (s._prev = null)) : this._firstPT === s && (this._firstPT = s._next)), (s = s._next); return !1; }), (l._mod = l._roundProps = function (t) { for (var e, i = this._firstPT; i; ) (e = t[this._propName] || (null != i.n && t[i.n.split(this._propName + "_").join("")])) && "function" == typeof e && (2 === i.f ? (i.t._applyPT.m = e) : (i.m = e)), (i = i._next); }), (X._onPluginEvent = function (t, e) { var i, s, r, n, a, o = e._firstPT; if ("_onInitAllProps" === t) { for (; o; ) { for (a = o._next, s = r; s && s.pr > o.pr; ) s = s._next; (o._prev = s ? s._prev : n) ? (o._prev._next = o) : (r = o), (o._next = s) ? (s._prev = o) : (n = o), (o = a); } o = e._firstPT = r; } for (; o; ) o.pg && "function" == typeof o.t[t] && o.t[t]() && (i = !0), (o = o._next); return i; }), (tr.activate = function (t) { for (var e = t.length; --e > -1; ) t[e].API === tr.API && (V[new t[e]()._propName] = t[e]); return !0; }), (v.plugin = function (t) { if (!(t && t.propName && t.init && t.API)) throw "illegal plugin definition."; var e, i = t.propName, s = t.priority || 0, r = t.overwriteProps, n = { init: "_onInitTween", set: "setRatio", kill: "_kill", round: "_mod", mod: "_mod", initAll: "_onInitAllProps", }, a = T( "plugins." + i.charAt(0).toUpperCase() + i.substr(1) + "Plugin", function () { tr.call(this, i, s), (this._overwriteProps = r || []); }, !0 === t.global ), o = (a.prototype = new tr(i)); for (e in ((o.constructor = a), (a.API = t.API), n)) "function" == typeof t[e] && (o[n[e]] = t[e]); return (a.version = t.version), tr.activate([a]), a; }), (a = t._gsQueue)) ) { for (o = 0; o < a.length; o++) a[o](); for (l in g) g[l].func || t.console.log("GSAP encountered missing dependency: " + l); } u = !1; })( "undefined" != typeof module && module.exports && "undefined" != typeof global ? global : this || window ); (function (win, doc, callback) { "use strict"; function detach() { doc.addEventListener ? doc.removeEventListener("DOMContentLoaded", complete) : doc.detachEvent("onreadystatechange", complete); } function complete() { (doc.addEventListener || "load" === event.type || "complete" === doc.readyState) && (detach(), callback(window, window.jQuery)); } function attach() { doc.addEventListener ? doc.addEventListener("DOMContentLoaded", complete) : doc.attachEvent("onreadystatechange", complete); } callback = callback || function () {}; attach(); })(window, document, function (win, $) { !(function (e, t) { "object" == typeof exports && "undefined" != typeof module ? (module.exports = t()) : "function" == typeof define && define.amd ? define(t) : ((e = "undefined" != typeof globalThis ? globalThis : e || self).Swiper = t()); })(this, function () { "use strict"; function s(e) { return ( null !== e && "object" == typeof e && "constructor" in e && e.constructor === Object ); } function a(t, i) { void 0 === t && (t = {}), void 0 === i && (i = {}), Object.keys(i).forEach((e) => { void 0 === t[e] ? (t[e] = i[e]) : s(i[e]) && s(t[e]) && 0 < Object.keys(i[e]).length && a(t[e], i[e]); }); } const t = { 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 S() { var e = "undefined" != typeof document ? document : {}; return a(e, t), e; } const H = { document: t, 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 $() { var e = "undefined" != typeof window ? window : {}; return a(e, H), e; } class r extends Array { constructor(e) { if ("number" != typeof e) { super(...(e || [])); { var t = this; const i = t.__proto__; void Object.defineProperty(t, "__proto__", { get: () => i, set(e) { i.__proto__ = e; }, }); } } else super(e); } } function n(e) { const t = []; return ( (e = void 0 === e ? [] : e).forEach((e) => { Array.isArray(e) ? t.push(...n(e)) : t.push(e); }), t ); } function l(e, t) { return Array.prototype.filter.call(e, t); } function z(e, t) { const i = $(), s = S(); let a = []; if (!t && e instanceof r) return e; if (!e) return new r(a); if ("string" == typeof e) { const i = e.trim(); if (0 <= i.indexOf("<") && 0 <= i.indexOf(">")) { let e = "div"; 0 === i.indexOf("<li") && (e = "ul"), 0 === i.indexOf("<tr") && (e = "tbody"), (0 !== i.indexOf("<td") && 0 !== i.indexOf("<th")) || (e = "tr"), 0 === i.indexOf("<tbody") && (e = "table"), 0 === i.indexOf("<option") && (e = "select"); const t = s.createElement(e); t.innerHTML = i; for (let e = 0; e < t.childNodes.length; e += 1) a.push(t.childNodes[e]); } else a = (function (e, t) { if ("string" != typeof e) return [e]; const i = [], s = t.querySelectorAll(e); for (let e = 0; e < s.length; e += 1) i.push(s[e]); return i; })(e.trim(), t || s); } else if (e.nodeType || e === i || e === s) a.push(e); else if (Array.isArray(e)) { if (e instanceof r) return e; a = e; } return new r( (function (t) { const i = []; for (let e = 0; e < t.length; e += 1) -1 === i.indexOf(t[e]) && i.push(t[e]); return i; })(a) ); } z.fn = r.prototype; const i = { addClass: function () { for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++) t[i] = arguments[i]; const s = n(t.map((e) => e.split(" "))); return ( this.forEach((e) => { e.classList.add(...s); }), this ); }, removeClass: function () { for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++) t[i] = arguments[i]; const s = n(t.map((e) => e.split(" "))); return ( this.forEach((e) => { e.classList.remove(...s); }), this ); }, hasClass: function () { for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++) t[i] = arguments[i]; const s = n(t.map((e) => e.split(" "))); return ( 0 < l(this, (t) => 0 < s.filter((e) => t.classList.contains(e)).length) .length ); }, toggleClass: function () { for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++) t[i] = arguments[i]; const s = n(t.map((e) => e.split(" "))); this.forEach((t) => { s.forEach((e) => { t.classList.toggle(e); }); }); }, attr: function (t, i) { if (1 === arguments.length && "string" == typeof t) return this[0] ? this[0].getAttribute(t) : void 0; for (let e = 0; e < this.length; e += 1) if (2 === arguments.length) this[e].setAttribute(t, i); else for (const i in t) (this[e][i] = t[i]), this[e].setAttribute(i, t[i]); return this; }, removeAttr: function (t) { for (let e = 0; e < this.length; e += 1) this[e].removeAttribute(t); return this; }, transform: function (t) { for (let e = 0; e < this.length; e += 1) this[e].style.transform = t; return this; }, transition: function (t) { for (let e = 0; e < this.length; e += 1) this[e].style.transitionDuration = "string" != typeof t ? t + "ms" : t; return this; }, on: function () { for (var t = arguments.length, i = new Array(t), e = 0; e < t; e++) i[e] = arguments[e]; let [s, a, n, r] = i; function l(t) { var e = t.target; if (e) { const i = t.target.dom7EventData || []; if ((i.indexOf(t) < 0 && i.unshift(t), z(e).is(a))) n.apply(e, i); else { const t = z(e).parents(); for (let e = 0; e < t.length; e += 1) z(t[e]).is(a) && n.apply(t[e], i); } } } function o(e) { const t = (e && e.target && e.target.dom7EventData) || []; t.indexOf(e) < 0 && t.unshift(e), n.apply(this, t); } "function" == typeof i[1] && (([s, n, r] = i), (a = void 0)), (r = r || !1); var d = s.split(" "); let c; for (let e = 0; e < this.length; e += 1) { const i = this[e]; if (a) for (c = 0; c < d.length; c += 1) { const t = d[c]; i.dom7LiveListeners || (i.dom7LiveListeners = {}), i.dom7LiveListeners[t] || (i.dom7LiveListeners[t] = []), i.dom7LiveListeners[t].push({ listener: n, proxyListener: l, }), i.addEventListener(t, l, r); } else for (c = 0; c < d.length; c += 1) { const t = d[c]; i.dom7Listeners || (i.dom7Listeners = {}), i.dom7Listeners[t] || (i.dom7Listeners[t] = []), i.dom7Listeners[t].push({ listener: n, proxyListener: o }), i.addEventListener(t, o, r); } } return this; }, off: function () { for (var e = arguments.length, i = new Array(e), s = 0; s < e; s++) i[s] = arguments[s]; let [t, a, n, r] = i; "function" == typeof i[1] && (([t, n, r] = i), (a = void 0)), (r = r || !1); var l = t.split(" "); for (let e = 0; e < l.length; e += 1) { const i = l[e]; for (let e = 0; e < this.length; e += 1) { const s = this[e]; let t; if ( (!a && s.dom7Listeners ? (t = s.dom7Listeners[i]) : a && s.dom7LiveListeners && (t = s.dom7LiveListeners[i]), t && t.length) ) for (let e = t.length - 1; 0 <= e; --e) { const a = t[e]; ((n && a.listener === n) || (n && a.listener && a.listener.dom7proxy && a.listener.dom7proxy === n) || !n) && (s.removeEventListener(i, a.proxyListener, r), t.splice(e, 1)); } } } return this; }, trigger: function () { const t = $(); for (var i = arguments.length, s = new Array(i), a = 0; a < i; a++) s[a] = arguments[a]; const n = s[0].split(" "), r = s[1]; for (let e = 0; e < n.length; e += 1) { const a = n[e]; for (let e = 0; e < this.length; e += 1) { const n = this[e]; if (t.CustomEvent) { const i = new t.CustomEvent(a, { detail: r, bubbles: !0, cancelable: !0, }); (n.dom7EventData = s.filter((e, t) => 0 < t)), n.dispatchEvent(i), (n.dom7EventData = []), delete n.dom7EventData; } } } return this; }, transitionEnd: function (i) { const s = this; return ( i && s.on("transitionend", function e(t) { t.target === this && (i.call(this, t), s.off("transitionend", e)); }), this ); }, outerWidth: function (e) { if (0 < this.length) { if (e) { const e = this.styles(); return ( this[0].offsetWidth + parseFloat(e.getPropertyValue("margin-right")) + parseFloat(e.getPropertyValue("margin-left")) ); } return this[0].offsetWidth; } return null; }, outerHeight: function (e) { if (0 < this.length) { if (e) { const e = this.styles(); return ( this[0].offsetHeight + parseFloat(e.getPropertyValue("margin-top")) + parseFloat(e.getPropertyValue("margin-bottom")) ); } return this[0].offsetHeight; } return null; }, styles: function () { const e = $(); return this[0] ? e.getComputedStyle(this[0], null) : {}; }, offset: function () { if (0 < this.length) { const e = $(), t = S(), i = this[0], s = i.getBoundingClientRect(), a = t.body, n = i.clientTop || a.clientTop || 0, r = i.clientLeft || a.clientLeft || 0, l = i === e ? e.scrollY : i.scrollTop, o = i === e ? e.scrollX : i.scrollLeft; return { top: s.top + l - n, left: s.left + o - r }; } return null; }, css: function (e, t) { const i = $(); let s; if (1 === arguments.length) { if ("string" != typeof e) { for (s = 0; s < this.length; s += 1) for (const t in e) this[s].style[t] = e[t]; return this; } if (this[0]) return i.getComputedStyle(this[0], null).getPropertyValue(e); } if (2 !== arguments.length || "string" != typeof e) return this; for (s = 0; s < this.length; s += 1) this[s].style[e] = t; return this; }, each: function (i) { return ( i && this.forEach((e, t) => { i.apply(e, [e, t]); }), this ); }, html: function (t) { if (void 0 === t) return this[0] ? this[0].innerHTML : null; for (let e = 0; e < this.length; e += 1) this[e].innerHTML = t; return this; }, text: function (t) { if (void 0 === t) return this[0] ? this[0].textContent.trim() : null; for (let e = 0; e < this.length; e += 1) this[e].textContent = t; return this; }, is: function (e) { const t = $(), i = S(), s = this[0]; let a, n; if (!s || void 0 === e) return !1; if ("string" == typeof e) { if (s.matches) return s.matches(e); if (s.webkitMatchesSelector) return s.webkitMatchesSelector(e); if (s.msMatchesSelector) return s.msMatchesSelector(e); for (a = z(e), n = 0; n < a.length; n += 1) if (a[n] === s) return !0; return !1; } if (e === i) return s === i; if (e === t) return s === t; if (e.nodeType || e instanceof r) { for (a = e.nodeType ? [e] : e, n = 0; n < a.length; n += 1) if (a[n] === s) return !0; return !1; } return !1; }, index: function () { let e, t = this[0]; if (t) { for (e = 0; null !== (t = t.previousSibling); ) 1 === t.nodeType && (e += 1); return e; } }, eq: function (e) { if (void 0 === e) return this; var t = this.length; return z( t - 1 < e ? [] : e < 0 ? (t = t + e) < 0 ? [] : [this[t]] : [this[e]] ); }, append: function () { var i; const s = S(); for (let e = 0; e < arguments.length; e += 1) { i = e < 0 || arguments.length <= e ? void 0 : arguments[e]; for (let t = 0; t < this.length; t += 1) if ("string" == typeof i) { const S = s.createElement("div"); for (S.innerHTML = i; S.firstChild; ) this[t].appendChild(S.firstChild); } else if (i instanceof r) for (let e = 0; e < i.length; e += 1) this[t].appendChild(i[e]); else this[t].appendChild(i); } return this; }, prepend: function (e) { const t = S(); let i, s; for (i = 0; i < this.length; i += 1) if ("string" == typeof e) { const S = t.createElement("div"); for (S.innerHTML = e, s = S.childNodes.length - 1; 0 <= s; --s) this[i].insertBefore(S.childNodes[s], this[i].childNodes[0]); } else if (e instanceof r) for (s = 0; s < e.length; s += 1) this[i].insertBefore(e[s], this[i].childNodes[0]); else this[i].insertBefore(e, this[i].childNodes[0]); return this; }, next: function (e) { return 0 < this.length ? e ? this[0].nextElementSibling && z(this[0].nextElementSibling).is(e) ? z([this[0].nextElementSibling]) : z([]) : this[0].nextElementSibling ? z([this[0].nextElementSibling]) : z([]) : z([]); }, nextAll: function (e) { const t = []; let i = this[0]; if (!i) return z([]); for (; i.nextElementSibling; ) { var s = i.nextElementSibling; (e && !z(s).is(e)) || t.push(s), (i = s); } return z(t); }, prev: function (e) { var t; return 0 < this.length ? ((t = this[0]), e ? t.previousElementSibling && z(t.previousElementSibling).is(e) ? z([t.previousElementSibling]) : z([]) : t.previousElementSibling ? z([t.previousElementSibling]) : z([])) : z([]); }, prevAll: function (e) { const t = []; let i = this[0]; if (!i) return z([]); for (; i.previousElementSibling; ) { var s = i.previousElementSibling; (e && !z(s).is(e)) || t.push(s), (i = s); } return z(t); }, parent: function (t) { const i = []; for (let e = 0; e < this.length; e += 1) null === this[e].parentNode || (t && !z(this[e].parentNode).is(t)) || i.push(this[e].parentNode); return z(i); }, parents: function (i) { const s = []; for (let t = 0; t < this.length; t += 1) { let e = this[t].parentNode; for (; e; ) (i && !z(e).is(i)) || s.push(e), (e = e.parentNode); } return z(s); }, closest: function (e) { let t = this; return void 0 === e ? z([]) : (t = t.is(e) ? t : t.parents(e).eq(0)); }, find: function (t) { const i = []; for (let e = 0; e < this.length; e += 1) { var s = this[e].querySelectorAll(t); for (let e = 0; e < s.length; e += 1) i.push(s[e]); } return z(i); }, children: function (t) { const i = []; for (let e = 0; e < this.length; e += 1) { var s = this[e].children; for (let e = 0; e < s.length; e += 1) (t && !z(s[e]).is(t)) || i.push(s[e]); } return z(i); }, filter: function (e) { return z(l(this, e)); }, remove: function () { for (let e = 0; e < this.length; e += 1) this[e].parentNode && this[e].parentNode.removeChild(this[e]); return this; }, }; function x(e, t) { return void 0 === t && (t = 0), setTimeout(e, t); } function f() { return Date.now(); } function k(e, t) { void 0 === t && (t = "x"); const i = $(); let s, a, n; const r = (function (e) { const t = $(); let i; return (i = (i = !(i = t.getComputedStyle ? t.getComputedStyle(e, null) : i) && e.currentStyle ? e.currentStyle : i) || e.style); })(e); return ( i.WebKitCSSMatrix ? (6 < (a = r.transform || r.webkitTransform).split(",").length && (a = a .split(", ") .map((e) => e.replace(",", ".")) .join(", ")), (n = new i.WebKitCSSMatrix("none" === a ? "" : a))) : ((n = r.MozTransform || r.OTransform || r.MsTransform || r.msTransform || r.transform || r .getPropertyValue("transform") .replace("translate(", "matrix(1, 0, 0, 1,")), (s = n.toString().split(","))), "x" === t && (a = i.WebKitCSSMatrix ? n.m41 : 16 === s.length ? parseFloat(s[12]) : parseFloat(s[4])), (a = "y" === t ? i.WebKitCSSMatrix ? n.m42 : 16 === s.length ? parseFloat(s[13]) : parseFloat(s[5]) : a) || 0 ); } function d(e) { return ( "object" == typeof e && null !== e && e.constructor && "Object" === Object.prototype.toString.call(e).slice(8, -1) ); } function m(e) { const i = Object(arguments.length <= 0 ? void 0 : e), t = ["__proto__", "constructor", "prototype"]; for (let e = 1; e < arguments.length; e += 1) { var s = e < 0 || arguments.length <= e ? void 0 : arguments[e]; if ( null != s && ((l = s), !("undefined" != typeof window && void 0 !== window.HTMLElement ? l instanceof HTMLElement : l && (1 === l.nodeType || 11 === l.nodeType))) ) { var a = Object.keys(Object(s)).filter((e) => t.indexOf(e) < 0); for (let e = 0, t = a.length; e < t; e += 1) { var n = a[e], r = Object.getOwnPropertyDescriptor(s, n); void 0 !== r && r.enumerable && (d(i[n]) && d(s[n]) ? s[n].__swiper__ ? (i[n] = s[n]) : m(i[n], s[n]) : !d(i[n]) && d(s[n]) ? ((i[n] = {}), s[n].__swiper__ ? (i[n] = s[n]) : m(i[n], s[n])) : (i[n] = s[n])); } } } var l; return i; } function L(e, t, i) { e.style.setProperty(t, i); } function w(e) { let { swiper: i, targetPosition: s, side: a } = e; const n = $(), r = -i.translate; let l, o = null; const d = i.params.speed, c = ((i.wrapperEl.style.scrollSnapType = "none"), n.cancelAnimationFrame(i.cssModeFrameID), s > r ? "next" : "prev"), p = (e, t) => ("next" === c && t <= e) || ("prev" === c && e <= t), h = () => { (l = new Date().getTime()), null === o && (o = l); var e = Math.max(Math.min((l - o) / d, 1), 0), e = 0.5 - Math.cos(e * Math.PI) / 2; let t = r + e * (s - r); if ((p(t, s) && (t = s), i.wrapperEl.scrollTo({ [a]: t }), p(t, s))) return ( (i.wrapperEl.style.overflow = "hidden"), (i.wrapperEl.style.scrollSnapType = ""), setTimeout(() => { (i.wrapperEl.style.overflow = ""), i.wrapperEl.scrollTo({ [a]: t }); }), void n.cancelAnimationFrame(i.cssModeFrameID) ); i.cssModeFrameID = n.requestAnimationFrame(h); }; h(); } let e, c, p; function v() { return (e = e || (function () { const i = $(), e = S(); return { smoothScroll: e.documentElement && "scrollBehavior" in e.documentElement.style, touch: !!( "ontouchstart" in i || (i.DocumentTouch && e instanceof i.DocumentTouch) ), passiveListener: (function () { let e = !1; try { var t = Object.defineProperty({}, "passive", { get() { e = !0; }, }); i.addEventListener("testPassiveListener", null, t); } catch (e) {} return e; })(), gestures: "ongesturestart" in i, }; })()); } function o(e) { let { swiper: t, runCallbacks: i, direction: s, step: a } = e; var { activeIndex: e, previousIndex: n } = t; let r = s; if ( ((r = r || (n < e ? "next" : e < n ? "prev" : "reset")), t.emit("transition" + a), i && e !== n) ) { if ("reset" === r) return t.emit("slideResetTransition" + a); t.emit("slideChangeTransition" + a), "next" === r ? t.emit("slideNextTransition" + a) : t.emit("slidePrevTransition" + a); } } function h() { var e, t, i = this, { params: s, el: a } = i; (a && 0 === a.offsetWidth) || (s.breakpoints && i.setBreakpoint(), ({ allowSlideNext: a, allowSlidePrev: e, snapGrid: t } = i), (i.allowSlideNext = !0), (i.allowSlidePrev = !0), i.updateSize(), i.updateSlides(), i.updateSlidesClasses(), ("auto" === s.slidesPerView || 1 < s.slidesPerView) && i.isEnd && !i.isBeginning && !i.params.centeredSlides ? i.slideTo(i.slides.length - 1, 0, !1, !0) : i.slideTo(i.activeIndex, 0, !1, !0), i.autoplay && i.autoplay.running && i.autoplay.paused && i.autoplay.run(), (i.allowSlidePrev = e), (i.allowSlideNext = a), i.params.watchOverflow && t !== i.snapGrid && i.checkOverflow()); } Object.keys(i).forEach((e) => { Object.defineProperty(z.fn, e, { value: i[e], writable: !0 }); }); let u = !1; function R() {} const g = (e, t) => { const i = S(), { params: s, touchEvents: a, el: n, wrapperEl: r, device: l, support: o, } = e, d = !!s.nested, c = "on" === t ? "addEventListener" : "removeEventListener", p = t; if (o.touch) { const t = !( "touchstart" !== a.start || !o.passiveListener || !s.passiveListeners ) && { passive: !0, capture: !1 }; n[c](a.start, e.onTouchStart, t), n[c]( a.move, e.onTouchMove, o.passiveListener ? { passive: !1, capture: d } : d ), n[c](a.end, e.onTouchEnd, t), a.cancel && n[c](a.cancel, e.onTouchEnd, t); } else n[c](a.start, e.onTouchStart, !1), i[c](a.move, e.onTouchMove, d), i[c](a.end, e.onTouchEnd, !1); (s.preventClicks || s.preventClicksPropagation) && n[c]("click", e.onClick, !0), s.cssMode && r[c]("scroll", e.onScroll), s.updateOnWindowResize ? e[p]( l.ios || l.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", h, !0 ) : e[p]("observerUpdate", h, !0); }, b = (e, t) => e.grid && t.grid && 1 < t.grid.rows; var E = { init: !0, direction: "horizontal", 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: 0.5, longSwipesMs: 300, followFinger: !0, allowTouchMove: !0, threshold: 0, touchMoveStopPropagation: !1, touchStartPreventDefault: !0, touchStartForcePreventDefault: !1, touchReleaseOnEdges: !1, uniqueNavElements: !0, resistance: !0, resistanceRatio: 0.85, watchSlidesProgress: !1, grabCursor: !1, preventClicks: !0, preventClicksPropagation: !0, slideToClickedSlide: !1, preloadImages: !0, updateOnImagesReady: !0, loop: !1, loopAdditionalSlides: 0, loopedSlides: null, loopedSlidesLimit: !0, loopFillGroupWithBlank: !1, loopPreventsSlide: !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-invisible-blank", slideActiveClass: "swiper-slide-active", slideDuplicateActiveClass: "swiper-slide-duplicate-active", slideVisibleClass: "swiper-slide-visible", slideDuplicateClass: "swiper-slide-duplicate", slideNextClass: "swiper-slide-next", slideDuplicateNextClass: "swiper-slide-duplicate-next", slidePrevClass: "swiper-slide-prev", slideDuplicatePrevClass: "swiper-slide-duplicate-prev", wrapperClass: "swiper-wrapper", runCallbacksOnInit: !0, _emitClasses: !1, }; const y = { eventsEmitter: { on(e, t, i) { const s = this; if (!s.eventsListeners || s.destroyed) return s; if ("function" != typeof t) return s; const a = i ? "unshift" : "push"; return ( e.split(" ").forEach((e) => { s.eventsListeners[e] || (s.eventsListeners[e] = []), s.eventsListeners[e][a](t); }), s ); }, once(s, a, e) { const n = this; return !n.eventsListeners || n.destroyed || "function" != typeof a ? n : ((r.__emitterProxy = a), n.on(s, r, e)); function r() { n.off(s, r), r.__emitterProxy && delete r.__emitterProxy; for ( var e = arguments.length, t = new Array(e), i = 0; i < e; i++ ) t[i] = arguments[i]; a.apply(n, t); } }, onAny(e, t) { var i = this; if (!i.eventsListeners || i.destroyed) return i; if ("function" != typeof e) return i; t = t ? "unshift" : "push"; return ( i.eventsAnyListeners.indexOf(e) < 0 && i.eventsAnyListeners[t](e), i ); }, offAny(e) { var t = this; if (!t.eventsListeners || t.destroyed) return t; if (!t.eventsAnyListeners) return t; e = t.eventsAnyListeners.indexOf(e); return 0 <= e && t.eventsAnyListeners.splice(e, 1), t; }, off(e, s) { const a = this; return ( !a.eventsListeners || a.destroyed || (a.eventsListeners && e.split(" ").forEach((i) => { void 0 === s ? (a.eventsListeners[i] = []) : a.eventsListeners[i] && a.eventsListeners[i].forEach((e, t) => { (e === s || (e.__emitterProxy && e.__emitterProxy === s)) && a.eventsListeners[i].splice(t, 1); }); })), a ); }, emit() { const e = this; if (!e.eventsListeners || e.destroyed) return e; if (!e.eventsListeners) return e; let t, i, s; for ( var a = arguments.length, n = new Array(a), r = 0; r < a; r++ ) n[r] = arguments[r]; return ( (s = "string" == typeof n[0] || Array.isArray(n[0]) ? ((t = n[0]), (i = n.slice(1, n.length)), e) : ((t = n[0].events), (i = n[0].data), n[0].context || e)), i.unshift(s), (Array.isArray(t) ? t : t.split(" ")).forEach((t) => { e.eventsAnyListeners && e.eventsAnyListeners.length && e.eventsAnyListeners.forEach((e) => { e.apply(s, [t, ...i]); }), e.eventsListeners && e.eventsListeners[t] && e.eventsListeners[t].forEach((e) => { e.apply(s, i); }); }), e ); }, }, update: { updateSize: function () { var e = this; let t, i; const s = e.$el; (t = void 0 !== e.params.width && null !== e.params.width ? e.params.width : s[0].clientWidth), (i = void 0 !== e.params.height && null !== e.params.height ? e.params.height : s[0].clientHeight), (0 === t && e.isHorizontal()) || (0 === i && e.isVertical()) || ((t = t - parseInt(s.css("padding-left") || 0, 10) - parseInt(s.css("padding-right") || 0, 10)), (i = i - parseInt(s.css("padding-top") || 0, 10) - parseInt(s.css("padding-bottom") || 0, 10)), Number.isNaN(t) && (t = 0), Number.isNaN(i) && (i = 0), Object.assign(e, { width: t, height: i, size: e.isHorizontal() ? t : i, })); }, updateSlides: function () { const i = this; function s(e) { return i.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]; } function a(e, t) { return parseFloat(e.getPropertyValue(s(t)) || 0); } const n = i.params, { $wrapperEl: r, size: l, rtlTranslate: o, wrongRTL: d } = i, c = i.virtual && n.virtual.enabled, e = (c ? i.virtual : i).slides.length, p = r.children("." + i.params.slideClass), h = (c ? i.virtual.slides : p).length; let u = []; const m = [], v = []; let g = n.slidesOffsetBefore, f = ("function" == typeof g && (g = n.slidesOffsetBefore.call(i)), n.slidesOffsetAfter); "function" == typeof f && (f = n.slidesOffsetAfter.call(i)); var w = i.snapGrid.length, b = i.slidesGrid.length; let E = n.spaceBetween, y = -g, T = 0, C = 0; if (void 0 !== l) { "string" == typeof E && 0 <= E.indexOf("%") && (E = (parseFloat(E.replace("%", "")) / 100) * l), (i.virtualSize = -E), o ? p.css({ marginLeft: "", marginBottom: "", marginTop: "" }) : p.css({ marginRight: "", marginBottom: "", marginTop: "", }), n.centeredSlides && n.cssMode && (L(i.wrapperEl, "--swiper-centered-offset-before", ""), L(i.wrapperEl, "--swiper-centered-offset-after", "")); var S = n.grid && 1 < n.grid.rows && i.grid; let t; S && i.grid.initSlides(h); var x = "auto" === n.slidesPerView && n.breakpoints && 0 < Object.keys(n.breakpoints).filter( (e) => void 0 !== n.breakpoints[e].slidesPerView ).length; for (let e = 0; e < h; e += 1) { t = 0; const o = p.eq(e); if ( (S && i.grid.updateSlide(e, o, h, s), "none" !== o.css("display")) ) { if ("auto" === n.slidesPerView) { x && (p[e].style[s("width")] = ""); const l = getComputedStyle(o[0]), d = o[0].style.transform, c = o[0].style.webkitTransform; if ( (d && (o[0].style.transform = "none"), c && (o[0].style.webkitTransform = "none"), n.roundLengths) ) t = i.isHorizontal() ? o.outerWidth(!0) : o.outerHeight(!0); else { const i = a(l, "width"), s = a(l, "padding-left"), n = a(l, "padding-right"), r = a(l, "margin-left"), d = a(l, "margin-right"), c = l.getPropertyValue("box-sizing"); if (c && "border-box" === c) t = i + r + d; else { const { clientWidth: a, offsetWidth: l } = o[0]; t = i + s + n + r + d + (l - a); } } d && (o[0].style.transform = d), c && (o[0].style.webkitTransform = c), n.roundLengths && (t = Math.floor(t)); } else (t = (l - (n.slidesPerView - 1) * E) / n.slidesPerView), n.roundLengths && (t = Math.floor(t)), p[e] && (p[e].style[s("width")] = t + "px"); p[e] && (p[e].swiperSlideSize = t), v.push(t), n.centeredSlides ? ((y = y + t / 2 + T / 2 + E), 0 === T && 0 !== e && (y = y - l / 2 - E), 0 === e && (y = y - l / 2 - E), Math.abs(y) < 0.001 && (y = 0), n.roundLengths && (y = Math.floor(y)), C % n.slidesPerGroup == 0 && u.push(y), m.push(y)) : (n.roundLengths && (y = Math.floor(y)), (C - Math.min(i.params.slidesPerGroupSkip, C)) % i.params.slidesPerGroup == 0 && u.push(y), m.push(y), (y = y + t + E)), (i.virtualSize += t + E), (T = t), (C += 1); } } if ( ((i.virtualSize = Math.max(i.virtualSize, l) + f), o && d && ("slide" === n.effect || "coverflow" === n.effect) && r.css({ width: i.virtualSize + n.spaceBetween + "px" }), n.setWrapperSize && r.css({ [s("width")]: i.virtualSize + n.spaceBetween + "px", }), S && i.grid.updateWrapperSize(t, u, s), !n.centeredSlides) ) { const s = []; for (let t = 0; t < u.length; t += 1) { let e = u[t]; n.roundLengths && (e = Math.floor(e)), u[t] <= i.virtualSize - l && s.push(e); } (u = s), 1 < Math.floor(i.virtualSize - l) - Math.floor(u[u.length - 1]) && u.push(i.virtualSize - l); } if ((0 === u.length && (u = [0]), 0 !== n.spaceBetween)) { const a = i.isHorizontal() && o ? "marginLeft" : s("marginRight"); p.filter((e, t) => !n.cssMode || t !== p.length - 1).css({ [a]: E + "px", }); } if (n.centeredSlides && n.centeredSlidesBounds) { let t = 0; v.forEach((e) => { t += e + (n.spaceBetween || 0); }); const s = (t -= n.spaceBetween) - l; u = u.map((e) => (e < 0 ? -g : e > s ? s + f : e)); } if (n.centerInsufficientSlides) { let t = 0; if ( (v.forEach((e) => { t += e + (n.spaceBetween || 0); }), (t -= n.spaceBetween) < l) ) { const s = (l - t) / 2; u.forEach((e, t) => { u[t] = e - s; }), m.forEach((e, t) => { m[t] = e + s; }); } } if ( (Object.assign(i, { slides: p, snapGrid: u, slidesGrid: m, slidesSizesGrid: v, }), n.centeredSlides && n.cssMode && !n.centeredSlidesBounds) ) { L( i.wrapperEl, "--swiper-centered-offset-before", -u[0] + "px" ), L( i.wrapperEl, "--swiper-centered-offset-after", i.size / 2 - v[v.length - 1] / 2 + "px" ); const s = -i.snapGrid[0], a = -i.slidesGrid[0]; (i.snapGrid = i.snapGrid.map((e) => e + s)), (i.slidesGrid = i.slidesGrid.map((e) => e + a)); } if ( (h !== e && i.emit("slidesLengthChange"), u.length !== w && (i.params.watchOverflow && i.checkOverflow(), i.emit("snapGridLengthChange")), m.length !== b && i.emit("slidesGridLengthChange"), n.watchSlidesProgress && i.updateSlidesOffset(), !( c || n.cssMode || ("slide" !== n.effect && "fade" !== n.effect) )) ) { const s = n.containerModifierClass + "backface-hidden", a = i.$el.hasClass(s); h <= n.maxBackfaceHiddenSlides ? a || i.$el.addClass(s) : a && i.$el.removeClass(s); } } }, updateAutoHeight: function (e) { const i = this, t = [], s = i.virtual && i.params.virtual.enabled; let a, n = 0; "number" == typeof e ? i.setTransition(e) : !0 === e && i.setTransition(i.params.speed); var r = (t) => (s ? i.slides.filter( (e) => parseInt( e.getAttribute("data-swiper-slide-index"), 10 ) === t ) : i.slides.eq(t))[0]; if ( "auto" !== i.params.slidesPerView && 1 < i.params.slidesPerView ) if (i.params.centeredSlides) (i.visibleSlides || z([])).each((e) => { t.push(e); }); else for (a = 0; a < Math.ceil(i.params.slidesPerView); a += 1) { const e = i.activeIndex + a; if (e > i.slides.length && !s) break; t.push(r(e)); } else t.push(r(i.activeIndex)); for (a = 0; a < t.length; a += 1) if (void 0 !== t[a]) { const e = t[a].offsetHeight; n = e > n ? e : n; } (!n && 0 !== n) || i.$wrapperEl.css("height", n + "px"); }, updateSlidesOffset: function () { const t = this.slides; for (let e = 0; e < t.length; e += 1) t[e].swiperSlideOffset = this.isHorizontal() ? t[e].offsetLeft : t[e].offsetTop; }, updateSlidesProgress: function (e) { void 0 === e && (e = (this && this.translate) || 0); const s = this, a = s.params, { slides: n, rtlTranslate: r, snapGrid: l } = s; if (0 !== n.length) { void 0 === n[0].swiperSlideOffset && s.updateSlidesOffset(); let i = r ? e : -e; n.removeClass(a.slideVisibleClass), (s.visibleSlidesIndexes = []), (s.visibleSlides = []); for (let t = 0; t < n.length; t += 1) { const o = n[t]; let e = o.swiperSlideOffset; a.cssMode && a.centeredSlides && (e -= n[0].swiperSlideOffset); const z = (i + (a.centeredSlides ? s.minTranslate() : 0) - e) / (o.swiperSlideSize + a.spaceBetween), d = (i - l[0] + (a.centeredSlides ? s.minTranslate() : 0) - e) / (o.swiperSlideSize + a.spaceBetween), c = -(i - e), p = c + s.slidesSizesGrid[t]; ((0 <= c && c < s.size - 1) || (1 < p && p <= s.size) || (c <= 0 && p >= s.size)) && (s.visibleSlides.push(o), s.visibleSlidesIndexes.push(t), n.eq(t).addClass(a.slideVisibleClass)), (o.progress = r ? -z : z), (o.originalProgress = r ? -d : d); } s.visibleSlides = z(s.visibleSlides); } }, updateProgress: function (e) { var t = this; if (void 0 === e) { const i = t.rtlTranslate ? -1 : 1; e = (t && t.translate && t.translate * i) || 0; } const i = t.params, s = t.maxTranslate() - t.minTranslate(); let { progress: a, isBeginning: n, isEnd: r } = t; var l = n, o = r; (r = 0 == s ? ((a = 0), (n = !0)) : ((a = (e - t.minTranslate()) / s), (n = a <= 0), 1 <= a)), Object.assign(t, { progress: a, isBeginning: n, isEnd: r }), (i.watchSlidesProgress || (i.centeredSlides && i.autoHeight)) && t.updateSlidesProgress(e), n && !l && t.emit("reachBeginning toEdge"), r && !o && t.emit("reachEnd toEdge"), ((l && !n) || (o && !r)) && t.emit("fromEdge"), t.emit("progress", a); }, updateSlidesClasses: function () { const { slides: e, params: t, $wrapperEl: i, activeIndex: s, realIndex: a, } = this, n = this.virtual && t.virtual.enabled; let r, l = (e.removeClass( `${t.slideActiveClass} ${t.slideNextClass} ${t.slidePrevClass} ${t.slideDuplicateActiveClass} ${t.slideDuplicateNextClass} ` + t.slideDuplicatePrevClass ), (r = n ? this.$wrapperEl.find( `.${t.slideClass}[data-swiper-slide-index="${s}"]` ) : e.eq(s)).addClass(t.slideActiveClass), t.loop && (r.hasClass(t.slideDuplicateClass) ? i.children( `.${t.slideClass}:not(.${t.slideDuplicateClass})[data-swiper-slide-index="${a}"]` ) : i.children( `.${t.slideClass}.${t.slideDuplicateClass}[data-swiper-slide-index="${a}"]` ) ).addClass(t.slideDuplicateActiveClass), r .nextAll("." + t.slideClass) .eq(0) .addClass(t.slideNextClass)), o = (t.loop && 0 === l.length && (l = e.eq(0)).addClass(t.slideNextClass), r .prevAll("." + t.slideClass) .eq(0) .addClass(t.slidePrevClass)); t.loop && 0 === o.length && (o = e.eq(-1)).addClass(t.slidePrevClass), t.loop && ((l.hasClass(t.slideDuplicateClass) ? i.children( `.${t.slideClass}:not(.${ t.slideDuplicateClass })[data-swiper-slide-index="${l.attr( "data-swiper-slide-index" )}"]` ) : i.children( `.${t.slideClass}.${ t.slideDuplicateClass }[data-swiper-slide-index="${l.attr( "data-swiper-slide-index" )}"]` ) ).addClass(t.slideDuplicateNextClass), (o.hasClass(t.slideDuplicateClass) ? i.children( `.${t.slideClass}:not(.${ t.slideDuplicateClass })[data-swiper-slide-index="${o.attr( "data-swiper-slide-index" )}"]` ) : i.children( `.${t.slideClass}.${ t.slideDuplicateClass }[data-swiper-slide-index="${o.attr( "data-swiper-slide-index" )}"]` ) ).addClass(t.slideDuplicatePrevClass)), this.emitSlidesClasses(); }, updateActiveIndex: function (e) { const t = this, i = t.rtlTranslate ? t.translate : -t.translate, { slidesGrid: s, snapGrid: a, params: n, activeIndex: r, realIndex: l, snapIndex: o, } = t; let d, c = e; if (void 0 === c) { for (let e = 0; e < s.length; e += 1) void 0 !== s[e + 1] ? i >= s[e] && i < s[e + 1] - (s[e + 1] - s[e]) / 2 ? (c = e) : i >= s[e] && i < s[e + 1] && (c = e + 1) : i >= s[e] && (c = e); n.normalizeSlideIndex && (c < 0 || void 0 === c) && (c = 0); } if (0 <= a.indexOf(i)) d = a.indexOf(i); else { const e = Math.min(n.slidesPerGroupSkip, c); d = e + Math.floor((c - e) / n.slidesPerGroup); } d >= a.length && (d = a.length - 1), c === r ? d !== o && ((t.snapIndex = d), t.emit("snapIndexChange")) : ((e = parseInt( t.slides.eq(c).attr("data-swiper-slide-index") || c, 10 )), Object.assign(t, { snapIndex: d, realIndex: e, previousIndex: r, activeIndex: c, }), t.emit("activeIndexChange"), t.emit("snapIndexChange"), l !== e && t.emit("realIndexChange"), (t.initialized || t.params.runCallbacksOnInit) && t.emit("slideChange")); }, updateClickedSlide: function (e) { var t = this, i = t.params, s = z(e).closest("." + i.slideClass)[0]; let a, n = !1; if (s) for (let e = 0; e < t.slides.length; e += 1) if (t.slides[e] === s) { (n = !0), (a = e); break; } if (!s || !n) return ( (t.clickedSlide = void 0), void (t.clickedIndex = void 0) ); (t.clickedSlide = s), t.virtual && t.params.virtual.enabled ? (t.clickedIndex = parseInt( z(s).attr("data-swiper-slide-index"), 10 )) : (t.clickedIndex = a), i.slideToClickedSlide && void 0 !== t.clickedIndex && t.clickedIndex !== t.activeIndex && t.slideToClickedSlide(); }, }, translate: { getTranslate: function (e) { void 0 === e && (e = this.isHorizontal() ? "x" : "y"); var { params: t, rtlTranslate: i, translate: s, $wrapperEl: a, } = this; if (t.virtualTranslate) return i ? -s : s; if (t.cssMode) return s; let n = k(a[0], e); return (n = i ? -n : n) || 0; }, setTranslate: function (e, t) { const i = this, { rtlTranslate: s, params: a, $wrapperEl: n, wrapperEl: r, progress: l, } = i; let o = 0, d = 0; i.isHorizontal() ? (o = s ? -e : e) : (d = e), a.roundLengths && ((o = Math.floor(o)), (d = Math.floor(d))), a.cssMode ? (r[i.isHorizontal() ? "scrollLeft" : "scrollTop"] = i.isHorizontal() ? -o : -d) : a.virtualTranslate || n.transform(`translate3d(${o}px, ${d}px, 0px)`), (i.previousTranslate = i.translate), (i.translate = i.isHorizontal() ? o : d); var c = i.maxTranslate() - i.minTranslate(); (0 == c ? 0 : (e - i.minTranslate()) / c) !== l && i.updateProgress(e), i.emit("setTranslate", i.translate, t); }, minTranslate: function () { return -this.snapGrid[0]; }, maxTranslate: function () { return -this.snapGrid[this.snapGrid.length - 1]; }, translateTo: function (e, t, i, s, a) { void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === i && (i = !0), void 0 === s && (s = !0); const n = this, { params: r, wrapperEl: l } = n; if (n.animating && r.preventInteractionOnTransition) return !1; var o = n.minTranslate(), d = n.maxTranslate(), o = s && o < e ? o : s && e < d ? d : e; if ((n.updateProgress(o), r.cssMode)) { const e = n.isHorizontal(); if (0 === t) l[e ? "scrollLeft" : "scrollTop"] = -o; else { if (!n.support.smoothScroll) return ( w({ swiper: n, targetPosition: -o, side: e ? "left" : "top", }), !0 ); l.scrollTo({ [e ? "left" : "top"]: -o, behavior: "smooth" }); } return !0; } return ( 0 === t ? (n.setTransition(0), n.setTranslate(o), i && (n.emit("beforeTransitionStart", t, a), n.emit("transitionEnd"))) : (n.setTransition(t), n.setTranslate(o), i && (n.emit("beforeTransitionStart", t, a), n.emit("transitionStart")), n.animating || ((n.animating = !0), n.onTranslateToWrapperTransitionEnd || (n.onTranslateToWrapperTransitionEnd = function (e) { n && !n.destroyed && e.target === this && (n.$wrapperEl[0].removeEventListener( "transitionend", n.onTranslateToWrapperTransitionEnd ), n.$wrapperEl[0].removeEventListener( "webkitTransitionEnd", n.onTranslateToWrapperTransitionEnd ), (n.onTranslateToWrapperTransitionEnd = null), delete n.onTranslateToWrapperTransitionEnd, i && n.emit("transitionEnd")); }), n.$wrapperEl[0].addEventListener( "transitionend", n.onTranslateToWrapperTransitionEnd ), n.$wrapperEl[0].addEventListener( "webkitTransitionEnd", n.onTranslateToWrapperTransitionEnd ))), !0 ); }, }, transition: { setTransition: function (e, t) { this.params.cssMode || this.$wrapperEl.transition(e), this.emit("setTransition", e, t); }, transitionStart: function (e, t) { void 0 === e && (e = !0); var i = this["params"]; i.cssMode || (i.autoHeight && this.updateAutoHeight(), o({ swiper: this, runCallbacks: e, direction: t, step: "Start", })); }, transitionEnd: function (e, t) { void 0 === e && (e = !0); var i = this["params"]; (this.animating = !1), i.cssMode || (this.setTransition(0), o({ swiper: this, runCallbacks: e, direction: t, step: "End", })); }, }, slide: { slideTo: function (e, t, i, s, a) { if ( (void 0 === t && (t = this.params.speed), void 0 === i && (i = !0), "number" != typeof (e = void 0 === e ? 0 : e) && "string" != typeof e) ) throw new Error( `The 'index' argument cannot have type other than 'number' or 'string'. [${typeof e}] given.` ); if ("string" == typeof e) { const t = parseInt(e, 10); if (!isFinite(t)) throw new Error( `The passed-in 'index' (string) couldn't be converted to 'number'. [${e}] given.` ); e = t; } const n = this; let r = e; r < 0 && (r = 0); const { params: l, snapGrid: o, slidesGrid: d, previousIndex: c, activeIndex: p, rtlTranslate: h, wrapperEl: u, enabled: m, } = n; if ( (n.animating && l.preventInteractionOnTransition) || (!m && !s && !a) ) return !1; e = Math.min(n.params.slidesPerGroupSkip, r); let v = e + Math.floor((r - e) / n.params.slidesPerGroup); var g = -o[(v = v >= o.length ? o.length - 1 : v)]; if (l.normalizeSlideIndex) for (let e = 0; e < d.length; e += 1) { const t = -Math.floor(100 * g), i = Math.floor(100 * d[e]), s = Math.floor(100 * d[e + 1]); void 0 !== d[e + 1] ? t >= i && t < s - (s - i) / 2 ? (r = e) : t >= i && t < s && (r = e + 1) : t >= i && (r = e); } if (n.initialized && r !== p) { if ( !n.allowSlideNext && g < n.translate && g < n.minTranslate() ) return !1; if ( !n.allowSlidePrev && g > n.translate && g > n.maxTranslate() && (p || 0) !== r ) return !1; } let f; if ( (r !== (c || 0) && i && n.emit("beforeSlideChangeStart"), n.updateProgress(g), (f = r > p ? "next" : r < p ? "prev" : "reset"), (h && -g === n.translate) || (!h && g === n.translate)) ) return ( n.updateActiveIndex(r), l.autoHeight && n.updateAutoHeight(), n.updateSlidesClasses(), "slide" !== l.effect && n.setTranslate(g), "reset" != f && (n.transitionStart(i, f), n.transitionEnd(i, f)), !1 ); if (l.cssMode) { const e = n.isHorizontal(), i = h ? g : -g; if (0 === t) { const t = n.virtual && n.params.virtual.enabled; t && ((n.wrapperEl.style.scrollSnapType = "none"), (n._immediateVirtual = !0)), (u[e ? "scrollLeft" : "scrollTop"] = i), t && requestAnimationFrame(() => { (n.wrapperEl.style.scrollSnapType = ""), (n._swiperImmediateVirtual = !1); }); } else { if (!n.support.smoothScroll) return ( w({ swiper: n, targetPosition: i, side: e ? "left" : "top", }), !0 ); u.scrollTo({ [e ? "left" : "top"]: i, behavior: "smooth" }); } return !0; } return ( n.setTransition(t), n.setTranslate(g), n.updateActiveIndex(r), n.updateSlidesClasses(), n.emit("beforeTransitionStart", t, s), n.transitionStart(i, f), 0 === t ? n.transitionEnd(i, f) : n.animating || ((n.animating = !0), n.onSlideToWrapperTransitionEnd || (n.onSlideToWrapperTransitionEnd = function (e) { n && !n.destroyed && e.target === this && (n.$wrapperEl[0].removeEventListener( "transitionend", n.onSlideToWrapperTransitionEnd ), n.$wrapperEl[0].removeEventListener( "webkitTransitionEnd", n.onSlideToWrapperTransitionEnd ), (n.onSlideToWrapperTransitionEnd = null), delete n.onSlideToWrapperTransitionEnd, n.transitionEnd(i, f)); }), n.$wrapperEl[0].addEventListener( "transitionend", n.onSlideToWrapperTransitionEnd ), n.$wrapperEl[0].addEventListener( "webkitTransitionEnd", n.onSlideToWrapperTransitionEnd )), !0 ); }, slideToLoop: function (e, t, i, s) { if ( (void 0 === t && (t = this.params.speed), void 0 === i && (i = !0), "string" == typeof (e = void 0 === e ? 0 : e)) ) { const t = parseInt(e, 10); if (!isFinite(t)) throw new Error( `The passed-in 'index' (string) couldn't be converted to 'number'. [${e}] given.` ); e = t; } let a = e; return ( this.params.loop && (a += this.loopedSlides), this.slideTo(a, t, i, s) ); }, slideNext: function (e, t, i) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); var s = this, { animating: a, enabled: n, params: r } = s; if (!n) return s; let l = r.slidesPerGroup; "auto" === r.slidesPerView && 1 === r.slidesPerGroup && r.slidesPerGroupAuto && (l = Math.max(s.slidesPerViewDynamic("current", !0), 1)); n = s.activeIndex < r.slidesPerGroupSkip ? 1 : l; if (r.loop) { if (a && r.loopPreventsSlide) return !1; s.loopFix(), (s._clientLeft = s.$wrapperEl[0].clientLeft); } return r.rewind && s.isEnd ? s.slideTo(0, e, t, i) : s.slideTo(s.activeIndex + n, e, t, i); }, slidePrev: function (e, t, i) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); const s = this, { params: a, animating: n, snapGrid: r, slidesGrid: l, rtlTranslate: o, enabled: d, } = s; if (!d) return s; if (a.loop) { if (n && a.loopPreventsSlide) return !1; s.loopFix(), (s._clientLeft = s.$wrapperEl[0].clientLeft); } function c(e) { return e < 0 ? -Math.floor(Math.abs(e)) : Math.floor(e); } const p = c(o ? s.translate : -s.translate), h = r.map((e) => c(e)); let u = r[h.indexOf(p) - 1]; if (void 0 === u && a.cssMode) { let i; r.forEach((e, t) => { p >= e && (i = t); }), void 0 !== i && (u = r[0 < i ? i - 1 : i]); } let m = 0; if ( (void 0 !== u && ((m = l.indexOf(u)) < 0 && (m = s.activeIndex - 1), "auto" === a.slidesPerView && 1 === a.slidesPerGroup && a.slidesPerGroupAuto && ((m = m - s.slidesPerViewDynamic("previous", !0) + 1), (m = Math.max(m, 0)))), a.rewind && s.isBeginning) ) { const a = s.params.virtual && s.params.virtual.enabled && s.virtual ? s.virtual.slides.length - 1 : s.slides.length - 1; return s.slideTo(a, e, t, i); } return s.slideTo(m, e, t, i); }, slideReset: function (e, t, i) { return ( void 0 === e && (e = this.params.speed), this.slideTo( this.activeIndex, e, (t = void 0 === t ? !0 : t), i ) ); }, slideToClosest: function (e, t, i, s) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0), void 0 === s && (s = 0.5); var a = this; let n = a.activeIndex; var r = Math.min(a.params.slidesPerGroupSkip, n), r = r + Math.floor((n - r) / a.params.slidesPerGroup), l = a.rtlTranslate ? a.translate : -a.translate; if (l >= a.snapGrid[r]) { const e = a.snapGrid[r]; l - e > (a.snapGrid[r + 1] - e) * s && (n += a.params.slidesPerGroup); } else { const e = a.snapGrid[r - 1]; l - e <= (a.snapGrid[r] - e) * s && (n -= a.params.slidesPerGroup); } return ( (n = Math.max(n, 0)), (n = Math.min(n, a.slidesGrid.length - 1)), a.slideTo(n, e, t, i) ); }, slideToClickedSlide: function () { const e = this, { params: t, $wrapperEl: i } = e, s = "auto" === t.slidesPerView ? e.slidesPerViewDynamic() : t.slidesPerView; let a, n = e.clickedIndex; t.loop ? e.animating || ((a = parseInt( z(e.clickedSlide).attr("data-swiper-slide-index"), 10 )), t.centeredSlides ? n < e.loopedSlides - s / 2 || n > e.slides.length - e.loopedSlides + s / 2 ? (e.loopFix(), (n = i .children( `.${t.slideClass}[data-swiper-slide-index="${a}"]:not(.${t.slideDuplicateClass})` ) .eq(0) .index()), x(() => { e.slideTo(n); })) : e.slideTo(n) : n > e.slides.length - s ? (e.loopFix(), (n = i .children( `.${t.slideClass}[data-swiper-slide-index="${a}"]:not(.${t.slideDuplicateClass})` ) .eq(0) .index()), x(() => { e.slideTo(n); })) : e.slideTo(n)) : e.slideTo(n); }, }, loop: { loopCreate: function () { const t = this, i = S(), { params: s, $wrapperEl: e } = t, a = 0 < e.children().length ? z(e.children()[0].parentNode) : e; a.children(`.${s.slideClass}.` + s.slideDuplicateClass).remove(); let n = a.children("." + s.slideClass); if (s.loopFillGroupWithBlank) { const t = s.slidesPerGroup - (n.length % s.slidesPerGroup); if (t !== s.slidesPerGroup) { for (let e = 0; e < t; e += 1) { const t = z(i.createElement("div")).addClass( s.slideClass + " " + s.slideBlankClass ); a.append(t); } n = a.children("." + s.slideClass); } } "auto" !== s.slidesPerView || s.loopedSlides || (s.loopedSlides = n.length), (t.loopedSlides = Math.ceil( parseFloat(s.loopedSlides || s.slidesPerView, 10) )), (t.loopedSlides += s.loopAdditionalSlides), t.loopedSlides > n.length && t.params.loopedSlidesLimit && (t.loopedSlides = n.length); const r = [], l = []; n.each((e, t) => { z(e).attr("data-swiper-slide-index", t); }); for (let e = 0; e < t.loopedSlides; e += 1) { const t = e - Math.floor(e / n.length) * n.length; l.push(n.eq(t)[0]), r.unshift(n.eq(n.length - t - 1)[0]); } for (let e = 0; e < l.length; e += 1) a.append(z(l[e].cloneNode(!0)).addClass(s.slideDuplicateClass)); for (let e = r.length - 1; 0 <= e; --e) a.prepend( z(r[e].cloneNode(!0)).addClass(s.slideDuplicateClass) ); }, loopFix: function () { var e = this, { activeIndex: t, slides: i, loopedSlides: s, allowSlidePrev: a, allowSlideNext: n, snapGrid: r, rtlTranslate: l, } = (e.emit("beforeLoopFix"), e); let o; (e.allowSlidePrev = !0), (e.allowSlideNext = !0); r = -r[t] - e.getTranslate(); t < s ? ((o = i.length - 3 * s + t), (o += s), e.slideTo(o, 0, !1, !0) && 0 != r && e.setTranslate((l ? -e.translate : e.translate) - r)) : t >= i.length - s && ((o = -i.length + t + s), (o += s), e.slideTo(o, 0, !1, !0) && 0 != r && e.setTranslate((l ? -e.translate : e.translate) - r)), (e.allowSlidePrev = a), (e.allowSlideNext = n), e.emit("loopFix"); }, loopDestroy: function () { const { $wrapperEl: e, params: t, slides: i } = this; e .children( `.${t.slideClass}.${t.slideDuplicateClass},.${t.slideClass}.` + t.slideBlankClass ) .remove(), i.removeAttr("data-swiper-slide-index"); }, }, grabCursor: { setGrabCursor: function (e) { var t = this; if ( !( t.support.touch || !t.params.simulateTouch || (t.params.watchOverflow && t.isLocked) || t.params.cssMode ) ) { const i = "container" === t.params.touchEventsTarget ? t.el : t.wrapperEl; (i.style.cursor = "move"), (i.style.cursor = e ? "grabbing" : "grab"); } }, unsetGrabCursor: function () { var e = this; e.support.touch || (e.params.watchOverflow && e.isLocked) || e.params.cssMode || (e[ "container" === e.params.touchEventsTarget ? "el" : "wrapperEl" ].style.cursor = ""); }, }, events: { attachEvents: function () { const e = this, t = S(), { params: i, support: s } = e; (e.onTouchStart = function (e) { const s = this, a = S(), n = $(), r = s.touchEventsData, { params: l, touches: o, enabled: t } = s; if (t && (!s.animating || !l.preventInteractionOnTransition)) { !s.animating && l.cssMode && l.loop && s.loopFix(); let t = e, i = z((t = t.originalEvent ? t.originalEvent : t).target); if ( ("wrapper" !== l.touchEventsTarget || i.closest(s.wrapperEl).length) && ((r.isTouchEvent = "touchstart" === t.type), (r.isTouchEvent || !("which" in t) || 3 !== t.which) && !( (!r.isTouchEvent && "button" in t && 0 < t.button) || (r.isTouched && r.isMoved) )) ) { var d = !!l.noSwipingClass && "" !== l.noSwipingClass, c = e.composedPath ? e.composedPath() : e.path, d = (d && t.target && t.target.shadowRoot && c && (i = z(c[0])), l.noSwipingSelector || "." + l.noSwipingClass), c = !(!t.target || !t.target.shadowRoot); if ( l.noSwiping && (c ? (function (s, e) { return (function e(t) { if (!t || t === S() || t === $()) return null; var i = (t = t.assignedSlot ? t.assignedSlot : t).closest(s); return i || t.getRootNode ? i || e(t.getRootNode().host) : null; })((e = void 0 === e ? this : e)); })(d, i[0]) : i.closest(d)[0]) ) s.allowClick = !0; else if (!l.swipeHandler || i.closest(l.swipeHandler)[0]) { (o.currentX = ( "touchstart" === t.type ? t.targetTouches[0] : t ).pageX), (o.currentY = ( "touchstart" === t.type ? t.targetTouches[0] : t ).pageY); var c = o.currentX, d = o.currentY, p = l.edgeSwipeDetection || l.iOSEdgeSwipeDetection, h = l.edgeSwipeThreshold || l.iOSEdgeSwipeThreshold; if (p && (c <= h || c >= n.innerWidth - h)) { if ("prevent" !== p) return; e.preventDefault(); } if ( (Object.assign(r, { isTouched: !0, isMoved: !1, allowTouchCallbacks: !0, isScrolling: void 0, startMoving: void 0, }), (o.startX = c), (o.startY = d), (r.touchStartTime = f()), (s.allowClick = !0), s.updateSize(), (s.swipeDirection = void 0), 0 < l.threshold && (r.allowThresholdMove = !1), "touchstart" !== t.type) ) { let e = !0; i.is(r.focusableElements) && ((e = !1), "SELECT" === i[0].nodeName && (r.isTouched = !1)), a.activeElement && z(a.activeElement).is(r.focusableElements) && a.activeElement !== i[0] && a.activeElement.blur(); const S = e && s.allowTouchMove && l.touchStartPreventDefault; (!l.touchStartForcePreventDefault && !S) || i[0].isContentEditable || t.preventDefault(); } s.params.freeMode && s.params.freeMode.enabled && s.freeMode && s.animating && !l.cssMode && s.freeMode.onTouchStart(), s.emit("touchStart", t); } } } }.bind(e)), (e.onTouchMove = function (a) { const e = S(), n = this, r = n.touchEventsData, { params: l, touches: o, rtlTranslate: d, enabled: t } = n; if (t) { let s = a; if ( (s.originalEvent && (s = s.originalEvent), r.isTouched) ) { if (!r.isTouchEvent || "touchmove" === s.type) { var a = "touchmove" === s.type && s.targetTouches && (s.targetTouches[0] || s.changedTouches[0]), c = ("touchmove" === s.type ? a : s).pageX, a = ("touchmove" === s.type ? a : s).pageY; if (s.preventedByNestedSwiper) return (o.startX = c), void (o.startY = a); if (!n.allowTouchMove) return ( z(s.target).is(r.focusableElements) || (n.allowClick = !1), void ( r.isTouched && (Object.assign(o, { startX: c, startY: a, currentX: c, currentY: a, }), (r.touchStartTime = f())) ) ); if (r.isTouchEvent && l.touchReleaseOnEdges && !l.loop) if (n.isVertical()) { if ( (a < o.startY && n.translate <= n.maxTranslate()) || (a > o.startY && n.translate >= n.minTranslate()) ) return (r.isTouched = !1), void (r.isMoved = !1); } else if ( (c < o.startX && n.translate <= n.maxTranslate()) || (c > o.startX && n.translate >= n.minTranslate()) ) return; if ( r.isTouchEvent && e.activeElement && s.target === e.activeElement && z(s.target).is(r.focusableElements) ) return (r.isMoved = !0), void (n.allowClick = !1); if ( (r.allowTouchCallbacks && n.emit("touchMove", s), !(s.targetTouches && 1 < s.targetTouches.length)) ) { (o.currentX = c), (o.currentY = a); var i, c = o.currentX - o.startX, a = o.currentY - o.startY; if ( !( n.params.threshold && Math.sqrt(c ** 2 + a ** 2) < n.params.threshold ) ) if ( (void 0 === r.isScrolling && ((n.isHorizontal() && o.currentY === o.startY) || (n.isVertical() && o.currentX === o.startX) ? (r.isScrolling = !1) : 25 <= c * c + a * a && ((i = (180 * Math.atan2(Math.abs(a), Math.abs(c))) / Math.PI), (r.isScrolling = n.isHorizontal() ? i > l.touchAngle : 90 - i > l.touchAngle))), r.isScrolling && n.emit("touchMoveOpposite", s), void 0 !== r.startMoving || (o.currentX === o.startX && o.currentY === o.startY) || (r.startMoving = !0), r.isScrolling) ) r.isTouched = !1; else if (r.startMoving) { (n.allowClick = !1), !l.cssMode && s.cancelable && s.preventDefault(), l.touchMoveStopPropagation && !l.nested && s.stopPropagation(), r.isMoved || (l.loop && !l.cssMode && n.loopFix(), (r.startTranslate = n.getTranslate()), n.setTransition(0), n.animating && n.$wrapperEl.trigger( "webkitTransitionEnd transitionend" ), (r.allowMomentumBounce = !1), !l.grabCursor || (!0 !== n.allowSlideNext && !0 !== n.allowSlidePrev) || n.setGrabCursor(!0), n.emit("sliderFirstMove", s)), n.emit("sliderMove", s), (r.isMoved = !0); let e = n.isHorizontal() ? c : a, t = ((o.diff = e), (e *= l.touchRatio), d && (e = -e), (n.swipeDirection = 0 < e ? "prev" : "next"), (r.currentTranslate = e + r.startTranslate), !0), i = l.resistanceRatio; if ( (l.touchReleaseOnEdges && (i = 0), 0 < e && r.currentTranslate > n.minTranslate() ? ((t = !1), l.resistance && (r.currentTranslate = n.minTranslate() - 1 + (-n.minTranslate() + r.startTranslate + e) ** i)) : e < 0 && r.currentTranslate < n.maxTranslate() && ((t = !1), l.resistance && (r.currentTranslate = n.maxTranslate() + 1 - (n.maxTranslate() - r.startTranslate - e) ** i)), t && (s.preventedByNestedSwiper = !0), !n.allowSlideNext && "next" === n.swipeDirection && r.currentTranslate < r.startTranslate && (r.currentTranslate = r.startTranslate), !n.allowSlidePrev && "prev" === n.swipeDirection && r.currentTranslate > r.startTranslate && (r.currentTranslate = r.startTranslate), n.allowSlidePrev || n.allowSlideNext || (r.currentTranslate = r.startTranslate), 0 < l.threshold) ) { if ( !( Math.abs(e) > l.threshold || r.allowThresholdMove ) ) return void (r.currentTranslate = r.startTranslate); if (!r.allowThresholdMove) return ( (r.allowThresholdMove = !0), (o.startX = o.currentX), (o.startY = o.currentY), (r.currentTranslate = r.startTranslate), void (o.diff = n.isHorizontal() ? o.currentX - o.startX : o.currentY - o.startY) ); } l.followFinger && !l.cssMode && (((l.freeMode && l.freeMode.enabled && n.freeMode) || l.watchSlidesProgress) && (n.updateActiveIndex(), n.updateSlidesClasses()), n.params.freeMode && l.freeMode.enabled && n.freeMode && n.freeMode.onTouchMove(), n.updateProgress(r.currentTranslate), n.setTranslate(r.currentTranslate)); } } } } else r.startMoving && r.isScrolling && n.emit("touchMoveOpposite", s); } }.bind(e)), (e.onTouchEnd = function (n) { const r = this, e = r.touchEventsData, { params: l, touches: t, rtlTranslate: i, slidesGrid: o, enabled: s, } = r; if (s) { let a = n; if ( (a.originalEvent && (a = a.originalEvent), e.allowTouchCallbacks && r.emit("touchEnd", a), (e.allowTouchCallbacks = !1), !e.isTouched) ) return ( e.isMoved && l.grabCursor && r.setGrabCursor(!1), (e.isMoved = !1), void (e.startMoving = !1) ); l.grabCursor && e.isMoved && e.isTouched && (!0 === r.allowSlideNext || !0 === r.allowSlidePrev) && r.setGrabCursor(!1); var d, c = f(), p = c - e.touchStartTime; if (r.allowClick) { const n = a.path || (a.composedPath && a.composedPath()); r.updateClickedSlide((n && n[0]) || a.target), r.emit("tap click", a), p < 300 && c - e.lastClickTime < 300 && r.emit("doubleTap doubleClick", a); } if ( ((e.lastClickTime = f()), x(() => { r.destroyed || (r.allowClick = !0); }), !e.isTouched || !e.isMoved || !r.swipeDirection || 0 === t.diff || e.currentTranslate === e.startTranslate) ) return ( (e.isTouched = !1), (e.isMoved = !1), void (e.startMoving = !1) ); if ( ((e.isTouched = !1), (e.isMoved = !1), (e.startMoving = !1), (d = l.followFinger ? i ? r.translate : -r.translate : -e.currentTranslate), !l.cssMode) ) if (r.params.freeMode && l.freeMode.enabled) r.freeMode.onTouchEnd({ currentPos: d }); else { let t = 0, i = r.slidesSizesGrid[0]; for ( let e = 0; e < o.length; e += e < l.slidesPerGroupSkip ? 1 : l.slidesPerGroup ) { const r = e < l.slidesPerGroupSkip - 1 ? 1 : l.slidesPerGroup; void 0 !== o[e + r] ? d >= o[e] && d < o[e + r] && ((t = e), (i = o[e + r] - o[e])) : d >= o[e] && ((t = e), (i = o[o.length - 1] - o[o.length - 2])); } let e = null, s = null; l.rewind && (r.isBeginning ? (s = r.params.virtual && r.params.virtual.enabled && r.virtual ? r.virtual.slides.length - 1 : r.slides.length - 1) : r.isEnd && (e = 0)); (n = (d - o[t]) / i), (c = t < l.slidesPerGroupSkip - 1 ? 1 : l.slidesPerGroup); p > l.longSwipesMs ? l.longSwipes ? ("next" === r.swipeDirection && (n >= l.longSwipesRatio ? r.slideTo(l.rewind && r.isEnd ? e : t + c) : r.slideTo(t)), "prev" === r.swipeDirection && (n > 1 - l.longSwipesRatio ? r.slideTo(t + c) : null !== s && n < 0 && Math.abs(n) > l.longSwipesRatio ? r.slideTo(s) : r.slideTo(t))) : r.slideTo(r.activeIndex) : l.shortSwipes ? !r.navigation || (a.target !== r.navigation.nextEl && a.target !== r.navigation.prevEl) ? ("next" === r.swipeDirection && r.slideTo(null !== e ? e : t + c), "prev" === r.swipeDirection && r.slideTo(null !== s ? s : t)) : a.target === r.navigation.nextEl ? r.slideTo(t + c) : r.slideTo(t) : r.slideTo(r.activeIndex); } } }.bind(e)), i.cssMode && (e.onScroll = function () { var e = this, { wrapperEl: t, rtlTranslate: i, enabled: s } = e; s && ((e.previousTranslate = e.translate), e.isHorizontal() ? (e.translate = -t.scrollLeft) : (e.translate = -t.scrollTop), 0 === e.translate && (e.translate = 0), e.updateActiveIndex(), e.updateSlidesClasses(), (0 == (s = e.maxTranslate() - e.minTranslate()) ? 0 : (e.translate - e.minTranslate()) / s) !== e.progress && e.updateProgress(i ? -e.translate : e.translate), e.emit("setTranslate", e.translate, !1)); }.bind(e)), (e.onClick = function (e) { var t = this; t.enabled && !t.allowClick && (t.params.preventClicks && e.preventDefault(), t.params.preventClicksPropagation && t.animating && (e.stopPropagation(), e.stopImmediatePropagation())); }.bind(e)), s.touch && !u && (t.addEventListener("touchstart", R), (u = !0)), g(e, "on"); }, detachEvents: function () { g(this, "off"); }, }, breakpoints: { setBreakpoint: function () { const s = this, { activeIndex: e, initialized: t, loopedSlides: i = 0, params: a, $el: n, } = s, r = a.breakpoints; if (r && 0 !== Object.keys(r).length) { var l = s.getBreakpoint(r, s.params.breakpointsBase, s.el); if (l && s.currentBreakpoint !== l) { const c = (l in r ? r[l] : void 0) || s.originalParams, p = b(s, a), h = b(s, c), u = a.enabled; p && !h ? (n.removeClass( `${a.containerModifierClass}grid ${a.containerModifierClass}grid-column` ), s.emitContainerClasses()) : !p && h && (n.addClass(a.containerModifierClass + "grid"), ((c.grid.fill && "column" === c.grid.fill) || (!c.grid.fill && "column" === a.grid.fill)) && n.addClass(a.containerModifierClass + "grid-column"), s.emitContainerClasses()), ["navigation", "pagination", "scrollbar"].forEach((e) => { var t = a[e] && a[e].enabled, i = c[e] && c[e].enabled; t && !i && s[e].disable(), !t && i && s[e].enable(); }); var o = c.direction && c.direction !== a.direction, d = a.loop && (c.slidesPerView !== a.slidesPerView || o), o = (o && t && s.changeDirection(), m(s.params, c), s.params.enabled); Object.assign(s, { allowTouchMove: s.params.allowTouchMove, allowSlideNext: s.params.allowSlideNext, allowSlidePrev: s.params.allowSlidePrev, }), u && !o ? s.disable() : !u && o && s.enable(), (s.currentBreakpoint = l), s.emit("_beforeBreakpoint", c), d && t && (s.loopDestroy(), s.loopCreate(), s.updateSlides(), s.slideTo(e - i + s.loopedSlides, 0, !1)), s.emit("breakpoint", c); } } }, getBreakpoint: function (e, i, s) { if ( (void 0 === i && (i = "window"), e && ("container" !== i || s)) ) { let t = !1; const a = $(), n = "window" === i ? a.innerHeight : s.clientHeight, r = Object.keys(e).map((e) => { var t; return "string" == typeof e && 0 === e.indexOf("@") ? ((t = parseFloat(e.substr(1))), { value: n * t, point: e }) : { value: e, point: e }; }); r.sort((e, t) => parseInt(e.value, 10) - parseInt(t.value, 10)); for (let e = 0; e < r.length; e += 1) { const { point: $, value: n } = r[e]; "window" === i ? a.matchMedia(`(min-width: ${n}px)`).matches && (t = $) : n <= s.clientWidth && (t = $); } return t || "max"; } }, }, checkOverflow: { checkOverflow: function () { const e = this, { isLocked: t, params: i } = e, s = i["slidesOffsetBefore"]; if (s) { const t = e.slides.length - 1, i = e.slidesGrid[t] + e.slidesSizesGrid[t] + 2 * s; e.isLocked = e.size > i; } else e.isLocked = 1 === e.snapGrid.length; !0 === i.allowSlideNext && (e.allowSlideNext = !e.isLocked), !0 === i.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 { classNames: e, params: t, rtl: i, $el: s, device: a, support: n, } = this, r = (function (e, i) { const s = []; return ( e.forEach((t) => { "object" == typeof t ? Object.keys(t).forEach((e) => { t[e] && s.push(i + e); }) : "string" == typeof t && s.push(i + t); }), s ); })( [ "initialized", t.direction, { "pointer-events": !n.touch }, { "free-mode": this.params.freeMode && t.freeMode.enabled }, { autoheight: t.autoHeight }, { rtl: i }, { grid: t.grid && 1 < t.grid.rows }, { "grid-column": t.grid && 1 < t.grid.rows && "column" === t.grid.fill, }, { android: a.android }, { ios: a.ios }, { "css-mode": t.cssMode }, { centered: t.cssMode && t.centeredSlides }, { "watch-progress": t.watchSlidesProgress }, ], t.containerModifierClass ); e.push(...r), s.addClass([...e].join(" ")), this.emitContainerClasses(); }, removeClasses: function () { const { $el: e, classNames: t } = this; e.removeClass(t.join(" ")), this.emitContainerClasses(); }, }, images: { loadImage: function (e, t, i, s, a, n) { const r = $(); let l; function o() { n && n(); } !(z(e).parent("picture")[0] || (e.complete && a)) && t ? (((l = new r.Image()).onload = o), (l.onerror = o), s && (l.sizes = s), i && (l.srcset = i), t && (l.src = t)) : o(); }, preloadImages: function () { const t = this; function i() { null != t && t && !t.destroyed && (void 0 !== t.imagesLoaded && (t.imagesLoaded += 1), t.imagesLoaded === t.imagesToLoad.length && (t.params.updateOnImagesReady && t.update(), t.emit("imagesReady"))); } t.imagesToLoad = t.$el.find("img"); for (let e = 0; e < t.imagesToLoad.length; e += 1) { const s = t.imagesToLoad[e]; t.loadImage( s, s.currentSrc || s.getAttribute("src"), s.srcset || s.getAttribute("srcset"), s.sizes || s.getAttribute("sizes"), !0, i ); } }, }, }, T = {}; class C { constructor() { let t, i; for (var u, e = arguments.length, s = new Array(e), a = 0; a < e; a++) s[a] = arguments[a]; if ( (1 === s.length && s[0].constructor && "Object" === Object.prototype.toString.call(s[0]).slice(8, -1) ? (i = s[0]) : ([t, i] = s), (i = m({}, (i = i || {}))), t && !i.el && (i.el = t), i.el && 1 < z(i.el).length) ) { const t = []; return ( z(i.el).each((e) => { e = m({}, i, { el: e }); t.push(new C(e)); }), t ); } const n = this, r = ((n.__swiper__ = !0), (n.support = v()), (n.device = (void 0 === (u = { userAgent: i.userAgent }) && (u = {}), (c = c || (function () { var e = (void 0 === u ? {} : u)["userAgent"]; const t = v(), i = $(), s = i.navigator.platform, a = e || i.navigator.userAgent, n = { ios: !1, android: !1 }, r = i.screen.width, l = i.screen.height, o = a.match(/(Android);?[\s\/]+([\d.]+)?/); let d = a.match(/(iPad).*OS\s([\d_]+)/); var e = a.match(/(iPod)(.*OS\s([\d_]+))?/), c = !d && a.match(/(iPhone\sOS|iOS)\s([\d_]+)/), p = "Win32" === s; let h = "MacIntel" === s; return ( !d && h && t.touch && 0 <= [ "1024x1366", "1366x1024", "834x1194", "1194x834", "834x1112", "1112x834", "768x1024", "1024x768", "820x1180", "1180x820", "810x1080", "1080x810", ].indexOf(r + "x" + l) && ((d = (d = a.match(/(Version)\/([\d.]+)/)) || [ 0, 1, "13_0_0", ]), (h = !1)), o && !p && ((n.os = "android"), (n.android = !0)), (d || c || e) && ((n.os = "ios"), (n.ios = !0)), n ); })()))), (n.browser = p = p || (function () { const t = $(); return { isSafari: (function () { const e = t.navigator.userAgent.toLowerCase(); return ( 0 <= e.indexOf("safari") && e.indexOf("chrome") < 0 && e.indexOf("android") < 0 ); })(), isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test( t.navigator.userAgent ), }; })()), (n.eventsListeners = {}), (n.eventsAnyListeners = []), (n.modules = [...n.__modules__]), i.modules && Array.isArray(i.modules) && n.modules.push(...i.modules), {}); n.modules.forEach((e) => { var s, a; e({ swiper: n, extendParams: ((s = i), (a = r), function (e) { void 0 === e && (e = {}); var t = Object.keys(e)[0], i = e[t]; "object" == typeof i && null !== i && (0 <= ["navigation", "pagination", "scrollbar"].indexOf(t) && !0 === s[t] && (s[t] = { auto: !0 }), t in s && "enabled" in i && (!0 === s[t] && (s[t] = { enabled: !0 }), "object" != typeof s[t] || "enabled" in s[t] || (s[t].enabled = !0), s[t] || (s[t] = { enabled: !1 }))), m(a, e); }), on: n.on.bind(n), once: n.once.bind(n), off: n.off.bind(n), emit: n.emit.bind(n), }); }); var l, o = m({}, E, r); return ( (n.params = m({}, o, T, i)), (n.originalParams = m({}, n.params)), (n.passedParams = m({}, i)), n.params && n.params.on && Object.keys(n.params.on).forEach((e) => { n.on(e, n.params.on[e]); }), n.params && n.params.onAny && n.onAny(n.params.onAny), (n.$ = z), Object.assign(n, { enabled: n.params.enabled, el: t, classNames: [], slides: z(), slidesGrid: [], snapGrid: [], slidesSizesGrid: [], isHorizontal: () => "horizontal" === n.params.direction, isVertical: () => "vertical" === n.params.direction, activeIndex: 0, realIndex: 0, isBeginning: !0, isEnd: !1, translate: 0, previousTranslate: 0, progress: 0, velocity: 0, animating: !1, allowSlideNext: n.params.allowSlideNext, allowSlidePrev: n.params.allowSlidePrev, touchEvents: ((o = ["touchstart", "touchmove", "touchend", "touchcancel"]), (l = ["pointerdown", "pointermove", "pointerup"]), (n.touchEventsTouch = { start: o[0], move: o[1], end: o[2], cancel: o[3], }), (n.touchEventsDesktop = { start: l[0], move: l[1], end: l[2] }), n.support.touch || !n.params.simulateTouch ? n.touchEventsTouch : n.touchEventsDesktop), 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: n.params.focusableElements, lastClickTime: f(), clickTimeout: void 0, velocities: [], allowMomentumBounce: void 0, isTouchEvent: void 0, startMoving: void 0, }, allowClick: !0, allowTouchMove: n.params.allowTouchMove, touches: { startX: 0, startY: 0, currentX: 0, currentY: 0, diff: 0, }, imagesToLoad: [], imagesLoaded: 0, }), n.emit("_swiper"), n.params.init && n.init(), n ); } enable() { var e = this; e.enabled || ((e.enabled = !0), e.params.grabCursor && e.setGrabCursor(), e.emit("enable")); } disable() { var e = this; e.enabled && ((e.enabled = !1), e.params.grabCursor && e.unsetGrabCursor(), e.emit("disable")); } setProgress(e, t) { var i = this, s = ((e = Math.min(Math.max(e, 0), 1)), i.minTranslate()), e = (i.maxTranslate() - s) * e + s; i.translateTo(e, void 0 === t ? 0 : t), i.updateActiveIndex(), i.updateSlidesClasses(); } emitContainerClasses() { const t = this; if (t.params._emitClasses && t.el) { const e = t.el.className .split(" ") .filter( (e) => 0 === e.indexOf("swiper") || 0 === e.indexOf(t.params.containerModifierClass) ); t.emit("_containerClasses", e.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 i = this; if (i.params._emitClasses && i.el) { const s = []; i.slides.each((e) => { var t = i.getSlideClasses(e); s.push({ slideEl: e, classNames: t }), i.emit("_slideClass", e, t); }), i.emit("_slideClasses", s); } } slidesPerViewDynamic(e, t) { void 0 === e && (e = "current"), void 0 === t && (t = !1); var { params: i, slides: s, slidesGrid: a, slidesSizesGrid: n, size: r, activeIndex: l, } = this; let o = 1; if (i.centeredSlides) { let t, i = s[l].swiperSlideSize; for (let e = l + 1; e < s.length; e += 1) s[e] && !t && ((i += s[e].swiperSlideSize), (o += 1), i > r && (t = !0)); for (let e = l - 1; 0 <= e; --e) s[e] && !t && ((i += s[e].swiperSlideSize), (o += 1), i > r && (t = !0)); } else if ("current" === e) for (let e = l + 1; e < s.length; e += 1) (t ? a[e] + n[e] - a[l] < r : a[e] - a[l] < r) && (o += 1); else for (let e = l - 1; 0 <= e; --e) a[l] - a[e] < r && (o += 1); return o; } update() { const t = this; var e, i; function s() { var e = t.rtlTranslate ? -1 * t.translate : t.translate, e = Math.min(Math.max(e, t.maxTranslate()), t.minTranslate()); t.setTranslate(e), t.updateActiveIndex(), t.updateSlidesClasses(); } t && !t.destroyed && (({ snapGrid: e, params: i } = t), i.breakpoints && t.setBreakpoint(), t.updateSize(), t.updateSlides(), t.updateProgress(), t.updateSlidesClasses(), t.params.freeMode && t.params.freeMode.enabled ? (s(), t.params.autoHeight && t.updateAutoHeight()) : (("auto" === t.params.slidesPerView || 1 < t.params.slidesPerView) && t.isEnd && !t.params.centeredSlides ? t.slideTo(t.slides.length - 1, 0, !1, !0) : t.slideTo(t.activeIndex, 0, !1, !0)) || s(), i.watchOverflow && e !== t.snapGrid && t.checkOverflow(), t.emit("update")); } changeDirection(t, e) { void 0 === e && (e = !0); var i = this, s = i.params.direction; return ( (t = t || ("horizontal" === s ? "vertical" : "horizontal")) === s || ("horizontal" !== t && "vertical" !== t) || (i.$el .removeClass("" + i.params.containerModifierClass + s) .addClass("" + i.params.containerModifierClass + t), i.emitContainerClasses(), (i.params.direction = t), i.slides.each((e) => { "vertical" === t ? (e.style.width = "") : (e.style.height = ""); }), i.emit("changeDirection"), e && i.update()), i ); } changeLanguageDirection(e) { var 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.addClass(t.params.containerModifierClass + "rtl"), (t.el.dir = "rtl")) : (t.$el.removeClass(t.params.containerModifierClass + "rtl"), (t.el.dir = "ltr")), t.update()); } mount(t) { const e = this; if (e.mounted) return !0; const i = z(t || e.params.el); if (!(t = i[0])) return !1; t.swiper = e; const s = () => "." + (e.params.wrapperClass || "").trim().split(" ").join("."); let a = (() => { if (t && t.shadowRoot && t.shadowRoot.querySelector) { const e = z(t.shadowRoot.querySelector(s())); return (e.children = (e) => i.children(e)), e; } return (i.children ? i : z(i)).children(s()); })(); if (0 === a.length && e.params.createElements) { const t = S().createElement("div"); (a = z(t)), (t.className = e.params.wrapperClass), i.append(t), i.children("." + e.params.slideClass).each((e) => { a.append(e); }); } return ( Object.assign(e, { $el: i, el: t, $wrapperEl: a, wrapperEl: a[0], mounted: !0, rtl: "rtl" === t.dir.toLowerCase() || "rtl" === i.css("direction"), rtlTranslate: "horizontal" === e.params.direction && ("rtl" === t.dir.toLowerCase() || "rtl" === i.css("direction")), wrongRTL: "-webkit-box" === a.css("display"), }), !0 ); } init(e) { var t = this; return ( t.initialized || (!1 !== t.mount(e) && (t.emit("beforeInit"), t.params.breakpoints && t.setBreakpoint(), t.addClasses(), t.params.loop && t.loopCreate(), t.updateSize(), t.updateSlides(), t.params.watchOverflow && t.checkOverflow(), t.params.grabCursor && t.enabled && t.setGrabCursor(), t.params.preloadImages && t.preloadImages(), t.params.loop ? t.slideTo( t.params.initialSlide + t.loopedSlides, 0, t.params.runCallbacksOnInit, !1, !0 ) : t.slideTo( t.params.initialSlide, 0, t.params.runCallbacksOnInit, !1, !0 ), t.attachEvents(), (t.initialized = !0), t.emit("init"), t.emit("afterInit"))), t ); } destroy(e, t) { void 0 === e && (e = !0), void 0 === t && (t = !0); const i = this, { params: s, $el: a, $wrapperEl: n, slides: r } = i; if (void 0 !== i.params && !i.destroyed) { if ( (i.emit("beforeDestroy"), (i.initialized = !1), i.detachEvents(), s.loop && i.loopDestroy(), t && (i.removeClasses(), a.removeAttr("style"), n.removeAttr("style"), r && r.length && r .removeClass( [ s.slideVisibleClass, s.slideActiveClass, s.slideNextClass, s.slidePrevClass, ].join(" ") ) .removeAttr("style") .removeAttr("data-swiper-slide-index")), i.emit("destroy"), Object.keys(i.eventsListeners).forEach((e) => { i.off(e); }), !1 !== e) ) { i.$el[0].swiper = null; { const l = i; Object.keys(l).forEach((e) => { try { l[e] = null; } catch (e) {} try { delete l[e]; } catch (e) {} }); } } i.destroyed = !0; } return null; } static extendDefaults(e) { m(T, e); } static get extendedDefaults() { return T; } static get defaults() { return E; } static installModule(e) { C.prototype.__modules__ || (C.prototype.__modules__ = []); const t = C.prototype.__modules__; "function" == typeof e && t.indexOf(e) < 0 && t.push(e); } static use(e) { return ( Array.isArray(e) ? e.forEach((e) => C.installModule(e)) : C.installModule(e), C ); } } function M(i, s, a, n) { const r = S(); return ( i.params.createElements && Object.keys(n).forEach((t) => { if (!a[t] && !0 === a.auto) { let e = i.$el.children("." + n[t])[0]; e || (((e = r.createElement("div")).className = n[t]), i.$el.append(e)), (a[t] = e), (s[t] = e); } }), a ); } function A(e) { return ( "." + (e = void 0 === e ? "" : e) .trim() .replace(/([\.:!\/])/g, "\\$1") .replace(/ /g, ".") ); } function P(e) { const { effect: i, swiper: s, on: t, setTranslate: a, setTransition: n, overwriteParams: r, perspective: l, recreateShadows: o, getEffectParams: d, } = e; let c; t("beforeInit", () => { var e; s.params.effect === i && (s.classNames.push("" + s.params.containerModifierClass + i), l && l() && s.classNames.push(s.params.containerModifierClass + "3d"), (e = r ? r() : {}), Object.assign(s.params, e), Object.assign(s.originalParams, e)); }), t("setTranslate", () => { s.params.effect === i && a(); }), t("setTransition", (e, t) => { s.params.effect === i && n(t); }), t("transitionEnd", () => { s.params.effect === i && o && d && d().slideShadows && (s.slides.each((e) => { s.$(e) .find( ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left" ) .remove(); }), o()); }), t("virtualUpdate", () => { s.params.effect === i && (s.slides.length || (c = !0), requestAnimationFrame(() => { c && s.slides && s.slides.length && (a(), (c = !1)); })); }); } function I(e, t) { return e.transformEl ? t.find(e.transformEl).css({ "backface-visibility": "hidden", "-webkit-backface-visibility": "hidden", }) : t; } function O(e) { let { swiper: s, duration: t, transformEl: a, allSlides: n } = e; const { slides: r, activeIndex: l, $wrapperEl: o } = s; if (s.params.virtualTranslate && 0 !== t) { let e, i = !1; (e = n ? a ? r.find(a) : r : a ? r.eq(l).find(a) : r.eq(l)).transitionEnd(() => { if (!i && s && !s.destroyed) { (i = !0), (s.animating = !1); var t = ["webkitTransitionEnd", "transitionend"]; for (let e = 0; e < t.length; e += 1) o.trigger(t[e]); } }); } } function D(e, t, i) { const s = "swiper-slide-shadow" + (i ? "-" + i : ""), a = e.transformEl ? t.find(e.transformEl) : t; let n = a.children("." + s); return ( n.length || ((n = z( `<div class="swiper-slide-shadow${i ? "-" + i : ""}"></div>` )), a.append(n)), n ); } return ( Object.keys(y).forEach((t) => { Object.keys(y[t]).forEach((e) => { C.prototype[e] = y[t][e]; }); }), C.use([ function (e) { let { swiper: n, on: t, emit: i } = e; const s = $(); let a = null, r = null; const l = () => { n && !n.destroyed && n.initialized && (i("beforeResize"), i("resize")); }, o = () => { n && !n.destroyed && n.initialized && i("orientationchange"); }; t("init", () => { n.params.resizeObserver && void 0 !== s.ResizeObserver ? n && !n.destroyed && n.initialized && (a = new ResizeObserver((i) => { r = s.requestAnimationFrame(() => { var { width: e, height: t } = n; let s = e, a = t; i.forEach((e) => { var { contentBoxSize: e, contentRect: t, target: i, } = e; (i && i !== n.el) || ((s = t ? t.width : (e[0] || e).inlineSize), (a = t ? t.height : (e[0] || e).blockSize)); }), (s === e && a === t) || l(); }); })).observe(n.el) : (s.addEventListener("resize", l), s.addEventListener("orientationchange", o)); }), t("destroy", () => { r && s.cancelAnimationFrame(r), a && a.unobserve && n.el && (a.unobserve(n.el), (a = null)), s.removeEventListener("resize", l), s.removeEventListener("orientationchange", o); }); }, function (e) { let { swiper: i, extendParams: t, on: s, emit: a } = e; function n(e, t) { void 0 === t && (t = {}); const i = new (l.MutationObserver || l.WebkitMutationObserver)( (e) => { var t; 1 === e.length ? a("observerUpdate", e[0]) : ((t = function () { a("observerUpdate", e[0]); }), l.requestAnimationFrame ? l.requestAnimationFrame(t) : l.setTimeout(t, 0)); } ); i.observe(e, { attributes: void 0 === t.attributes || t.attributes, childList: void 0 === t.childList || t.childList, characterData: void 0 === t.characterData || t.characterData, }), r.push(i); } const r = [], l = $(); t({ observer: !1, observeParents: !1, observeSlideChildren: !1 }), s("init", () => { if (i.params.observer) { if (i.params.observeParents) { var t = i.$el.parents(); for (let e = 0; e < t.length; e += 1) n(t[e]); } n(i.$el[0], { childList: i.params.observeSlideChildren }), n(i.$wrapperEl[0], { attributes: !1 }); } }), s("destroy", () => { r.forEach((e) => { e.disconnect(); }), r.splice(0, r.length); }); }, ]), C.use([ function (e) { let t, { swiper: y, extendParams: i, on: s, emit: T } = e; function C(e, t) { const i = y.params.virtual; if (i.cache && y.virtual.cache[t]) return y.virtual.cache[t]; const s = i.renderSlide ? z(i.renderSlide.call(y, e, t)) : z( `<div class="${y.params.slideClass}" data-swiper-slide-index="${t}">${e}</div>` ); return ( s.attr("data-swiper-slide-index") || s.attr("data-swiper-slide-index", t), i.cache && (y.virtual.cache[t] = s), s ); } function r(t) { const { slidesPerView: e, slidesPerGroup: i, centeredSlides: s, } = y.params, { addSlidesBefore: a, addSlidesAfter: n } = y.params.virtual, { from: r, to: l, slides: o, slidesGrid: d, offset: c, } = y.virtual; y.params.cssMode || y.updateActiveIndex(); var p = y.activeIndex || 0; let h, u, m; (h = y.rtlTranslate ? "right" : y.isHorizontal() ? "left" : "top"), (m = s ? ((u = Math.floor(e / 2) + i + n), Math.floor(e / 2) + i + a) : ((u = e + (i - 1) + n), i + a)); const v = Math.max((p || 0) - m, 0), g = Math.min((p || 0) + u, o.length - 1), f = (y.slidesGrid[v] || 0) - (y.slidesGrid[0] || 0); function w() { y.updateSlides(), y.updateProgress(), y.updateSlidesClasses(), y.lazy && y.params.lazy.enabled && y.lazy.load(), T("virtualUpdate"); } if ( (Object.assign(y.virtual, { from: v, to: g, offset: f, slidesGrid: y.slidesGrid, }), r === v && l === g && !t) ) return ( y.slidesGrid !== d && f !== c && y.slides.css(h, f + "px"), y.updateProgress(), void T("virtualUpdate") ); if (y.params.virtual.renderExternal) return ( y.params.virtual.renderExternal.call(y, { offset: f, from: v, to: g, slides: (function () { const t = []; for (let e = v; e <= g; e += 1) t.push(o[e]); return t; })(), }), void (y.params.virtual.renderExternalUpdate ? w() : T("virtualUpdate")) ); const b = [], E = []; if (t) y.$wrapperEl.find("." + y.params.slideClass).remove(); else for (let e = r; e <= l; e += 1) (e < v || e > g) && y.$wrapperEl .find( `.${y.params.slideClass}[data-swiper-slide-index="${e}"]` ) .remove(); for (let e = 0; e < o.length; e += 1) e >= v && e <= g && (void 0 === l || t ? E.push(e) : (e > l && E.push(e), e < r && b.push(e))); E.forEach((e) => { y.$wrapperEl.append(C(o[e], e)); }), b .sort((e, t) => t - e) .forEach((e) => { y.$wrapperEl.prepend(C(o[e], e)); }), y.$wrapperEl.children(".swiper-slide").css(h, f + "px"), w(); } i({ virtual: { enabled: !1, slides: [], cache: !0, renderSlide: null, renderExternal: null, renderExternalUpdate: !0, addSlidesBefore: 0, addSlidesAfter: 0, }, }), (y.virtual = { cache: {}, from: void 0, to: void 0, slides: [], offset: 0, slidesGrid: [], }), s("beforeInit", () => { y.params.virtual.enabled && ((y.virtual.slides = y.params.virtual.slides), y.classNames.push( y.params.containerModifierClass + "virtual" ), (y.params.watchSlidesProgress = !0), (y.originalParams.watchSlidesProgress = !0), y.params.initialSlide || r()); }), s("setTranslate", () => { y.params.virtual.enabled && (y.params.cssMode && !y._immediateVirtual ? (clearTimeout(t), (t = setTimeout(() => { r(); }, 100))) : r()); }), s("init update resize", () => { y.params.virtual.enabled && y.params.cssMode && L(y.wrapperEl, "--swiper-virtual-size", y.virtualSize + "px"); }), Object.assign(y.virtual, { appendSlide: function (t) { if ("object" == typeof t && "length" in t) for (let e = 0; e < t.length; e += 1) t[e] && y.virtual.slides.push(t[e]); else y.virtual.slides.push(t); r(!0); }, prependSlide: function (s) { const a = y.activeIndex; let e = a + 1, n = 1; if (Array.isArray(s)) { for (let e = 0; e < s.length; e += 1) s[e] && y.virtual.slides.unshift(s[e]); (e = a + s.length), (n = s.length); } else y.virtual.slides.unshift(s); if (y.params.virtual.cache) { const s = y.virtual.cache, a = {}; Object.keys(s).forEach((e) => { const t = s[e], i = t.attr("data-swiper-slide-index"); i && t.attr("data-swiper-slide-index", parseInt(i, 10) + n), (a[parseInt(e, 10) + n] = t); }), (y.virtual.cache = a); } r(!0), y.slideTo(e, 0); }, removeSlide: function (i) { if (null != i) { let t = y.activeIndex; if (Array.isArray(i)) for (let e = i.length - 1; 0 <= e; --e) y.virtual.slides.splice(i[e], 1), y.params.virtual.cache && delete y.virtual.cache[i[e]], i[e] < t && --t, (t = Math.max(t, 0)); else y.virtual.slides.splice(i, 1), y.params.virtual.cache && delete y.virtual.cache[i], i < t && --t, (t = Math.max(t, 0)); r(!0), y.slideTo(t, 0); } }, removeAllSlides: function () { (y.virtual.slides = []), y.params.virtual.cache && (y.virtual.cache = {}), r(!0), y.slideTo(0, 0); }, update: r, }); }, function (e) { let { swiper: p, extendParams: t, on: i, emit: h } = e; const u = S(), m = $(); function s(t) { if (p.enabled) { const i = p["rtlTranslate"]; let e = t; const s = (e = e.originalEvent ? e.originalEvent : e).keyCode || e.charCode, a = p.params.keyboard.pageUpDown, n = a && 33 === s, r = a && 34 === s, l = 37 === s, o = 39 === s, d = 38 === s, c = 40 === s; if ( !p.allowSlideNext && ((p.isHorizontal() && o) || (p.isVertical() && c) || r) ) return !1; if ( !p.allowSlidePrev && ((p.isHorizontal() && l) || (p.isVertical() && d) || n) ) return !1; if ( !( e.shiftKey || e.altKey || e.ctrlKey || e.metaKey || (u.activeElement && u.activeElement.nodeName && ("input" === u.activeElement.nodeName.toLowerCase() || "textarea" === u.activeElement.nodeName.toLowerCase())) ) ) { if ( p.params.keyboard.onlyInViewport && (n || r || l || o || d || c) ) { let t = !1; if ( 0 < p.$el.parents("." + p.params.slideClass).length && 0 === p.$el.parents("." + p.params.slideActiveClass).length ) return; const e = p.$el, s = e[0].clientWidth, a = e[0].clientHeight, h = m.innerWidth, u = m.innerHeight, n = p.$el.offset(), r = (i && (n.left -= p.$el[0].scrollLeft), [ [n.left, n.top], [n.left + s, n.top], [n.left, n.top + a], [n.left + s, n.top + a], ]); for (let e = 0; e < r.length; e += 1) { const i = r[e]; 0 <= i[0] && i[0] <= h && 0 <= i[1] && i[1] <= u && ((0 === i[0] && 0 === i[1]) || (t = !0)); } if (!t) return; } p.isHorizontal() ? ((n || r || l || o) && (e.preventDefault ? e.preventDefault() : (e.returnValue = !1)), (((r || o) && !i) || ((n || l) && i)) && p.slideNext(), (((n || l) && !i) || ((r || o) && i)) && p.slidePrev()) : ((n || r || d || c) && (e.preventDefault ? e.preventDefault() : (e.returnValue = !1)), (r || c) && p.slideNext(), (n || d) && p.slidePrev()), h("keyPress", s); } } } function a() { p.keyboard.enabled || (z(u).on("keydown", s), (p.keyboard.enabled = !0)); } function n() { p.keyboard.enabled && (z(u).off("keydown", s), (p.keyboard.enabled = !1)); } (p.keyboard = { enabled: !1 }), t({ keyboard: { enabled: !1, onlyInViewport: !0, pageUpDown: !0 }, }), i("init", () => { p.params.keyboard.enabled && a(); }), i("destroy", () => { p.keyboard.enabled && n(); }), Object.assign(p.keyboard, { enable: a, disable: n }); }, function (e) { let { swiper: d, extendParams: t, on: i, emit: c } = e; const s = $(); let p; t({ mousewheel: { enabled: !1, releaseOnEdges: !1, invert: !1, forceToAxis: !1, sensitivity: 1, eventsTarget: "container", thresholdDelta: null, thresholdTime: null, }, }), (d.mousewheel = { enabled: !1 }); let h, a = f(); const u = []; function n() { d.enabled && (d.mouseEntered = !0); } function r() { d.enabled && (d.mouseEntered = !1); } function m(e) { (d.params.mousewheel.thresholdDelta && e.delta < d.params.mousewheel.thresholdDelta) || (d.params.mousewheel.thresholdTime && f() - a < d.params.mousewheel.thresholdTime) || (6 <= e.delta && f() - a < 60) || (e.direction < 0 ? (d.isEnd && !d.params.loop) || d.animating || (d.slideNext(), c("scroll", e.raw)) : (d.isBeginning && !d.params.loop) || d.animating || (d.slidePrev(), c("scroll", e.raw)), (a = new s.Date().getTime())); } function l(s) { let a = s, n = !0; if (d.enabled) { var r = d.params.mousewheel; d.params.cssMode && a.preventDefault(); let e = d.$el; if ( ("container" !== d.params.mousewheel.eventsTarget && (e = z(d.params.mousewheel.eventsTarget)), !d.mouseEntered && !e[0].contains(a.target) && !r.releaseOnEdges) ) return !0; a.originalEvent && (a = a.originalEvent); let t = 0; var l = d.rtlTranslate ? -1 : 1, o = (function (e) { let t = 0, i = 0, s = 0, a = 0; return ( "detail" in e && (i = e.detail), "wheelDelta" in e && (i = -e.wheelDelta / 120), "wheelDeltaY" in e && (i = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && ((t = i), (i = 0)), (s = 10 * t), (a = 10 * i), "deltaY" in e && (a = e.deltaY), "deltaX" in e && (s = e.deltaX), e.shiftKey && !s && ((s = a), (a = 0)), (s || a) && e.deltaMode && (1 === e.deltaMode ? ((s *= 40), (a *= 40)) : ((s *= 800), (a *= 800))), s && !t && (t = s < 1 ? -1 : 1), a && !i && (i = a < 1 ? -1 : 1), { spinX: t, spinY: i, pixelX: s, pixelY: a } ); })(a); if (r.forceToAxis) if (d.isHorizontal()) { if (!(Math.abs(o.pixelX) > Math.abs(o.pixelY))) return !0; t = -o.pixelX * l; } else { if (!(Math.abs(o.pixelY) > Math.abs(o.pixelX))) return !0; t = -o.pixelY; } else t = Math.abs(o.pixelX) > Math.abs(o.pixelY) ? -o.pixelX * l : -o.pixelY; if (0 === t) return !0; r.invert && (t = -t); let i = d.getTranslate() + t * r.sensitivity; if ( ((i = i >= d.minTranslate() ? d.minTranslate() : i) <= d.maxTranslate() && (i = d.maxTranslate()), (n = !!d.params.loop || !(i === d.minTranslate() || i === d.maxTranslate())) && d.params.nested && a.stopPropagation(), d.params.freeMode && d.params.freeMode.enabled) ) { const s = { time: f(), delta: Math.abs(t), direction: Math.sign(t), }, n = h && s.time < h.time + 500 && s.delta <= h.delta && s.direction === h.direction; if (!n) { (h = void 0), d.params.loop && d.loopFix(); let e = d.getTranslate() + t * r.sensitivity; const z = d.isBeginning, f = d.isEnd; if ( ((e = e >= d.minTranslate() ? d.minTranslate() : e) <= d.maxTranslate() && (e = d.maxTranslate()), d.setTransition(0), d.setTranslate(e), d.updateProgress(), d.updateActiveIndex(), d.updateSlidesClasses(), ((!z && d.isBeginning) || (!f && d.isEnd)) && d.updateSlidesClasses(), d.params.freeMode.sticky) ) { clearTimeout(p), (p = void 0), 15 <= u.length && u.shift(); const a = u.length ? u[u.length - 1] : void 0, n = u[0]; if ( (u.push(s), a && (s.delta > a.delta || s.direction !== a.direction)) ) u.splice(0); else if ( 15 <= u.length && s.time - n.time < 500 && 1 <= n.delta - s.delta && s.delta <= 6 ) { const a = 0 < t ? 0.8 : 0.2; (h = s), u.splice(0), (p = x(() => { d.slideToClosest(d.params.speed, !0, void 0, a); }, 0)); } p = p || x(() => { (h = s), u.splice(0), d.slideToClosest(d.params.speed, !0, void 0, 0.5); }, 500); } if ( (n || c("scroll", a), d.params.autoplay && d.params.autoplayDisableOnInteraction && d.autoplay.stop(), e === d.minTranslate() || e === d.maxTranslate()) ) return !0; } } else { const a = { time: f(), delta: Math.abs(t), direction: Math.sign(t), raw: s, }, n = (2 <= u.length && u.shift(), u.length ? u[u.length - 1] : void 0); if ( (u.push(a), (!n || a.direction !== n.direction || a.delta > n.delta || a.time > n.time + 150) && m(a), (function (e) { var t = d.params.mousewheel; if (e.direction < 0) { if (d.isEnd && !d.params.loop && t.releaseOnEdges) return 1; } else if ( d.isBeginning && !d.params.loop && t.releaseOnEdges ) return 1; })(a)) ) return !0; } return ( a.preventDefault ? a.preventDefault() : (a.returnValue = !1), !1 ); } } function o(e) { let t = d.$el; (t = "container" !== d.params.mousewheel.eventsTarget ? z(d.params.mousewheel.eventsTarget) : t)[e]("mouseenter", n), t[e]("mouseleave", r), t[e]("wheel", l); } function v() { return d.params.cssMode ? (d.wrapperEl.removeEventListener("wheel", l), !0) : !d.mousewheel.enabled && (o("on"), (d.mousewheel.enabled = !0)); } function g() { return d.params.cssMode ? (d.wrapperEl.addEventListener(event, l), !0) : !!d.mousewheel.enabled && (o("off"), !(d.mousewheel.enabled = !1)); } i("init", () => { !d.params.mousewheel.enabled && d.params.cssMode && g(), d.params.mousewheel.enabled && v(); }), i("destroy", () => { d.params.cssMode && v(), d.mousewheel.enabled && g(); }), Object.assign(d.mousewheel, { enable: v, disable: g }); }, function (e) { let { swiper: n, extendParams: t, on: i, emit: r } = e; function s(e) { let t; return ( e && ((t = z(e)), n.params.uniqueNavElements && "string" == typeof e && 1 < t.length && 1 === n.$el.find(e).length && (t = n.$el.find(e))), t ); } function a(e, t) { var i = n.params.navigation; e && 0 < e.length && (e[t ? "addClass" : "removeClass"](i.disabledClass), e[0] && "BUTTON" === e[0].tagName && (e[0].disabled = t), n.params.watchOverflow && n.enabled && e[n.isLocked ? "addClass" : "removeClass"](i.lockClass)); } function l() { var e, t; n.params.loop || (({ $nextEl: e, $prevEl: t } = n.navigation), a(t, n.isBeginning && !n.params.rewind), a(e, n.isEnd && !n.params.rewind)); } function o(e) { e.preventDefault(), (n.isBeginning && !n.params.loop && !n.params.rewind) || (n.slidePrev(), r("navigationPrev")); } function d(e) { e.preventDefault(), (n.isEnd && !n.params.loop && !n.params.rewind) || (n.slideNext(), r("navigationNext")); } function c() { var e = n.params.navigation; if ( ((n.params.navigation = M( n, n.originalParams.navigation, n.params.navigation, { nextEl: "swiper-button-next", prevEl: "swiper-button-prev" } )), e.nextEl || e.prevEl) ) { const t = s(e.nextEl), i = s(e.prevEl); t && 0 < t.length && t.on("click", d), i && 0 < i.length && i.on("click", o), Object.assign(n.navigation, { $nextEl: t, nextEl: t && t[0], $prevEl: i, prevEl: i && i[0], }), n.enabled || (t && t.addClass(e.lockClass), i && i.addClass(e.lockClass)); } } function p() { const { $nextEl: e, $prevEl: t } = n.navigation; e && e.length && (e.off("click", d), e.removeClass(n.params.navigation.disabledClass)), t && t.length && (t.off("click", o), t.removeClass(n.params.navigation.disabledClass)); } t({ navigation: { nextEl: null, prevEl: null, hideOnClick: !1, disabledClass: "swiper-button-disabled", hiddenClass: "swiper-button-hidden", lockClass: "swiper-button-lock", navigationDisabledClass: "swiper-navigation-disabled", }, }), (n.navigation = { nextEl: null, $nextEl: null, prevEl: null, $prevEl: null, }), i("init", () => { !1 === n.params.navigation.enabled ? h() : (c(), l()); }), i("toEdge fromEdge lock unlock", () => { l(); }), i("destroy", () => { p(); }), i("enable disable", () => { const { $nextEl: e, $prevEl: t } = n.navigation; e && e[n.enabled ? "removeClass" : "addClass"]( n.params.navigation.lockClass ), t && t[n.enabled ? "removeClass" : "addClass"]( n.params.navigation.lockClass ); }), i("click", (e, t) => { const { $nextEl: i, $prevEl: s } = n.navigation, a = t.target; if ( n.params.navigation.hideOnClick && !z(a).is(s) && !z(a).is(i) && (!( n.pagination && n.params.pagination && n.params.pagination.clickable ) || (n.pagination.el !== a && !n.pagination.el.contains(a))) ) { let e; i ? (e = i.hasClass(n.params.navigation.hiddenClass)) : s && (e = s.hasClass(n.params.navigation.hiddenClass)), r(!0 === e ? "navigationShow" : "navigationHide"), i && i.toggleClass(n.params.navigation.hiddenClass), s && s.toggleClass(n.params.navigation.hiddenClass); } }); const h = () => { n.$el.addClass(n.params.navigation.navigationDisabledClass), p(); }; Object.assign(n.navigation, { enable: () => { n.$el.removeClass(n.params.navigation.navigationDisabledClass), c(), l(); }, disable: h, update: l, init: c, destroy: p, }); }, function (e) { let { swiper: d, extendParams: t, on: i, emit: c } = e; e = "swiper-pagination"; let p, h = (t({ 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: e + "-bullet", bulletActiveClass: e + "-bullet-active", modifierClass: e + "-", currentClass: e + "-current", totalClass: e + "-total", hiddenClass: e + "-hidden", progressbarFillClass: e + "-progressbar-fill", progressbarOppositeClass: e + "-progressbar-opposite", clickableClass: e + "-clickable", lockClass: e + "-lock", horizontalClass: e + "-horizontal", verticalClass: e + "-vertical", paginationDisabledClass: e + "-disabled", }, }), (d.pagination = { el: null, $el: null, bullets: [] }), 0); function n() { return ( !d.params.pagination.el || !d.pagination.el || !d.pagination.$el || 0 === d.pagination.$el.length ); } function u(e, t) { var i = d.params.pagination["bulletActiveClass"]; e[t]() .addClass(i + "-" + t) [t]() .addClass(i + `-${t}-` + t); } function s() { const t = d.rtl, r = d.params.pagination; if (!n()) { const l = ( d.virtual && d.params.virtual.enabled ? d.virtual : d ).slides.length, o = d.pagination.$el; let n; var i = d.params.loop ? Math.ceil( (l - 2 * d.loopedSlides) / d.params.slidesPerGroup ) : d.snapGrid.length; if ( (d.params.loop ? ((n = Math.ceil( (d.activeIndex - d.loopedSlides) / d.params.slidesPerGroup )) > l - 1 - 2 * d.loopedSlides && (n -= l - 2 * d.loopedSlides), n > i - 1 && (n -= i), n < 0 && "bullets" !== d.params.paginationType && (n = i + n)) : (n = void 0 !== d.snapIndex ? d.snapIndex : d.activeIndex || 0), "bullets" === r.type && d.pagination.bullets && 0 < d.pagination.bullets.length) ) { const l = d.pagination.bullets; let s, a, e; if ( (r.dynamicBullets && ((p = l .eq(0) [d.isHorizontal() ? "outerWidth" : "outerHeight"](!0)), o.css( d.isHorizontal() ? "width" : "height", p * (r.dynamicMainBullets + 4) + "px" ), 1 < r.dynamicMainBullets && void 0 !== d.previousIndex && ((h += n - (d.previousIndex - d.loopedSlides || 0)) > r.dynamicMainBullets - 1 ? (h = r.dynamicMainBullets - 1) : h < 0 && (h = 0)), (s = Math.max(n - h, 0)), (a = s + (Math.min(l.length, r.dynamicMainBullets) - 1)), (e = (a + s) / 2)), l.removeClass( [ "", "-next", "-next-next", "-prev", "-prev-prev", "-main", ] .map((e) => "" + r.bulletActiveClass + e) .join(" ") ), 1 < o.length) ) l.each((e) => { const t = z(e), i = t.index(); i === n && t.addClass(r.bulletActiveClass), r.dynamicBullets && (i >= s && i <= a && t.addClass(r.bulletActiveClass + "-main"), i === s && u(t, "prev"), i === a && u(t, "next")); }); else { const t = l.eq(n), o = t.index(); if ((t.addClass(r.bulletActiveClass), r.dynamicBullets)) { const t = l.eq(s), p = l.eq(a); for (let e = s; e <= a; e += 1) l.eq(e).addClass(r.bulletActiveClass + "-main"); if (d.params.loop) if (o >= l.length) { for (let e = r.dynamicMainBullets; 0 <= e; --e) l.eq(l.length - e).addClass( r.bulletActiveClass + "-main" ); l.eq(l.length - r.dynamicMainBullets - 1).addClass( r.bulletActiveClass + "-prev" ); } else u(t, "prev"), u(p, "next"); else u(t, "prev"), u(p, "next"); } } if (r.dynamicBullets) { const c = Math.min(l.length, r.dynamicMainBullets + 4), o = (p * c - p) / 2 - e * p, h = t ? "right" : "left"; l.css(d.isHorizontal() ? h : "top", o + "px"); } } if ( ("fraction" === r.type && (o .find(A(r.currentClass)) .text(r.formatFractionCurrent(n + 1)), o.find(A(r.totalClass)).text(r.formatFractionTotal(i))), "progressbar" === r.type) ) { var s = r.progressbarOpposite ? d.isHorizontal() ? "vertical" : "horizontal" : d.isHorizontal() ? "horizontal" : "vertical"; const l = (n + 1) / i; let e = 1, t = 1; "horizontal" == s ? (e = l) : (t = l), o .find(A(r.progressbarFillClass)) .transform(`translate3d(0,0,0) scaleX(${e}) scaleY(${t})`) .transition(d.params.speed); } "custom" === r.type && r.renderCustom ? (o.html(r.renderCustom(d, n + 1, i)), c("paginationRender", o[0])) : c("paginationUpdate", o[0]), d.params.watchOverflow && d.enabled && o[d.isLocked ? "addClass" : "removeClass"](r.lockClass); } } function a() { const s = d.params.pagination; if (!n()) { const e = ( d.virtual && d.params.virtual.enabled ? d.virtual : d ).slides.length, a = d.pagination.$el; let i = ""; if ("bullets" === s.type) { let t = d.params.loop ? Math.ceil( (e - 2 * d.loopedSlides) / d.params.slidesPerGroup ) : d.snapGrid.length; d.params.freeMode && d.params.freeMode.enabled && !d.params.loop && t > e && (t = e); for (let e = 0; e < t; e += 1) s.renderBullet ? (i += s.renderBullet.call(d, e, s.bulletClass)) : (i += `<${s.bulletElement} class="${s.bulletClass}"></${s.bulletElement}>`); a.html(i), (d.pagination.bullets = a.find(A(s.bulletClass))); } "fraction" === s.type && ((i = s.renderFraction ? s.renderFraction.call(d, s.currentClass, s.totalClass) : `<span class="${s.currentClass}"></span> / <span class="${s.totalClass}"></span>`), a.html(i)), "progressbar" === s.type && ((i = s.renderProgressbar ? s.renderProgressbar.call(d, s.progressbarFillClass) : `<span class="${s.progressbarFillClass}"></span>`), a.html(i)), "custom" !== s.type && c("paginationRender", d.pagination.$el[0]); } } function r() { d.params.pagination = M( d, d.originalParams.pagination, d.params.pagination, { el: "swiper-pagination" } ); const t = d.params.pagination; if (t.el) { let e = z(t.el); 0 !== e.length && (d.params.uniqueNavElements && "string" == typeof t.el && 1 < e.length && 1 < (e = d.$el.find(t.el)).length && (e = e.filter((e) => z(e).parents(".swiper")[0] === d.el)), "bullets" === t.type && t.clickable && e.addClass(t.clickableClass), e.addClass(t.modifierClass + t.type), e.addClass( d.isHorizontal() ? t.horizontalClass : t.verticalClass ), "bullets" === t.type && t.dynamicBullets && (e.addClass("" + t.modifierClass + t.type + "-dynamic"), (h = 0), t.dynamicMainBullets < 1 && (t.dynamicMainBullets = 1)), "progressbar" === t.type && t.progressbarOpposite && e.addClass(t.progressbarOppositeClass), t.clickable && e.on("click", A(t.bulletClass), function (e) { e.preventDefault(); let t = z(this).index() * d.params.slidesPerGroup; d.params.loop && (t += d.loopedSlides), d.slideTo(t); }), Object.assign(d.pagination, { $el: e, el: e[0] }), d.enabled || e.addClass(t.lockClass)); } } function l() { var e = d.params.pagination; if (!n()) { const t = d.pagination.$el; t.removeClass(e.hiddenClass), t.removeClass(e.modifierClass + e.type), t.removeClass( d.isHorizontal() ? e.horizontalClass : e.verticalClass ), d.pagination.bullets && d.pagination.bullets.removeClass && d.pagination.bullets.removeClass(e.bulletActiveClass), e.clickable && t.off("click", A(e.bulletClass)); } } i("init", () => { !1 === d.params.pagination.enabled ? o() : (r(), a(), s()); }), i("activeIndexChange", () => { (!d.params.loop && void 0 !== d.snapIndex) || s(); }), i("snapIndexChange", () => { d.params.loop || s(); }), i("slidesLengthChange", () => { d.params.loop && (a(), s()); }), i("snapGridLengthChange", () => { d.params.loop || (a(), s()); }), i("destroy", () => { l(); }), i("enable disable", () => { const e = d.pagination["$el"]; e && e[d.enabled ? "removeClass" : "addClass"]( d.params.pagination.lockClass ); }), i("lock unlock", () => { s(); }), i("click", (e, t) => { const i = t.target, s = d.pagination["$el"]; if ( d.params.pagination.el && d.params.pagination.hideOnClick && s && 0 < s.length && !z(i).hasClass(d.params.pagination.bulletClass) && (!d.navigation || !( (d.navigation.nextEl && i === d.navigation.nextEl) || (d.navigation.prevEl && i === d.navigation.prevEl) )) ) { const e = s.hasClass(d.params.pagination.hiddenClass); c(!0 === e ? "paginationShow" : "paginationHide"), s.toggleClass(d.params.pagination.hiddenClass); } }); const o = () => { d.$el.addClass(d.params.pagination.paginationDisabledClass), d.pagination.$el && d.pagination.$el.addClass( d.params.pagination.paginationDisabledClass ), l(); }; Object.assign(d.pagination, { enable: () => { d.$el.removeClass(d.params.pagination.paginationDisabledClass), d.pagination.$el && d.pagination.$el.removeClass( d.params.pagination.paginationDisabledClass ), r(), a(), s(); }, disable: o, render: a, update: s, init: r, destroy: l, }); }, function (e) { let { swiper: d, extendParams: t, on: i, emit: r } = e; const c = S(); let l, o, p, s, h = !1, u = null, m = null; function a() { if (d.params.scrollbar.el && d.scrollbar.el) { const { scrollbar: i, rtlTranslate: s, progress: a } = d, { $dragEl: n, $el: r } = i, l = d.params.scrollbar; let e = o, t = (p - o) * a; s ? 0 < (t = -t) ? ((e = o - t), (t = 0)) : -t + o > p && (e = p + t) : t < 0 ? ((e = o + t), (t = 0)) : t + o > p && (e = p - t), d.isHorizontal() ? (n.transform(`translate3d(${t}px, 0, 0)`), (n[0].style.width = e + "px")) : (n.transform(`translate3d(0px, ${t}px, 0)`), (n[0].style.height = e + "px")), l.hide && (clearTimeout(u), (r[0].style.opacity = 1), (u = setTimeout(() => { (r[0].style.opacity = 0), r.transition(400); }, 1e3))); } } function n() { if (d.params.scrollbar.el && d.scrollbar.el) { const e = d["scrollbar"], { $dragEl: t, $el: i } = e; (t[0].style.width = ""), (t[0].style.height = ""), (p = d.isHorizontal() ? i[0].offsetWidth : i[0].offsetHeight), (s = d.size / (d.virtualSize + d.params.slidesOffsetBefore - (d.params.centeredSlides ? d.snapGrid[0] : 0))), (o = "auto" === d.params.scrollbar.dragSize ? p * s : parseInt(d.params.scrollbar.dragSize, 10)), d.isHorizontal() ? (t[0].style.width = o + "px") : (t[0].style.height = o + "px"), (i[0].style.display = 1 <= s ? "none" : ""), d.params.scrollbar.hide && (i[0].style.opacity = 0), d.params.watchOverflow && d.enabled && e.$el[d.isLocked ? "addClass" : "removeClass"]( d.params.scrollbar.lockClass ); } } function v(e) { return d.isHorizontal() ? ("touchstart" === e.type || "touchmove" === e.type ? e.targetTouches[0] : e ).clientX : ("touchstart" === e.type || "touchmove" === e.type ? e.targetTouches[0] : e ).clientY; } function g(e) { const { scrollbar: t, rtlTranslate: i } = d, s = t["$el"]; let a; (a = (v(e) - s.offset()[d.isHorizontal() ? "left" : "top"] - (null !== l ? l : o / 2)) / (p - o)), (a = Math.max(Math.min(a, 1), 0)), i && (a = 1 - a); e = d.minTranslate() + (d.maxTranslate() - d.minTranslate()) * a; d.updateProgress(e), d.setTranslate(e), d.updateActiveIndex(), d.updateSlidesClasses(); } function f(e) { const t = d.params.scrollbar, { scrollbar: i, $wrapperEl: s } = d, { $el: a, $dragEl: n } = i; (h = !0), (l = e.target === n[0] || e.target === n ? v(e) - e.target.getBoundingClientRect()[ d.isHorizontal() ? "left" : "top" ] : null), e.preventDefault(), e.stopPropagation(), s.transition(100), n.transition(100), g(e), clearTimeout(m), a.transition(0), t.hide && a.css("opacity", 1), d.params.cssMode && d.$wrapperEl.css("scroll-snap-type", "none"), r("scrollbarDragStart", e); } function w(e) { const { scrollbar: t, $wrapperEl: i } = d, { $el: s, $dragEl: a } = t; h && (e.preventDefault ? e.preventDefault() : (e.returnValue = !1), g(e), i.transition(0), s.transition(0), a.transition(0), r("scrollbarDragMove", e)); } function b(e) { const t = d.params.scrollbar, { scrollbar: i, $wrapperEl: s } = d, a = i["$el"]; h && ((h = !1), d.params.cssMode && (d.$wrapperEl.css("scroll-snap-type", ""), s.transition("")), t.hide && (clearTimeout(m), (m = x(() => { a.css("opacity", 0), a.transition(400); }, 1e3))), r("scrollbarDragEnd", e), t.snapOnRelease && d.slideToClosest()); } function E(e) { var { scrollbar: t, touchEventsTouch: i, touchEventsDesktop: s, params: a, support: n, } = d, t = t.$el; if (t) { const r = t[0], l = !(!n.passiveListener || !a.passiveListeners) && { passive: !1, capture: !1, }, o = !(!n.passiveListener || !a.passiveListeners) && { passive: !0, capture: !1, }; r && ((t = "on" === e ? "addEventListener" : "removeEventListener"), n.touch ? (r[t](i.start, f, l), r[t](i.move, w, l), r[t](i.end, b, o)) : (r[t](s.start, f, l), c[t](s.move, w, l), c[t](s.end, b, o))); } } function y() { const { scrollbar: i, $el: s } = d; d.params.scrollbar = M( d, d.originalParams.scrollbar, d.params.scrollbar, { el: "swiper-scrollbar" } ); var a = d.params.scrollbar; if (a.el) { let e = z(a.el), t = ((e = d.params.uniqueNavElements && "string" == typeof a.el && 1 < e.length && 1 === s.find(a.el).length ? s.find(a.el) : e).addClass( d.isHorizontal() ? a.horizontalClass : a.verticalClass ), e.find("." + d.params.scrollbar.dragClass)); 0 === t.length && ((t = z( `<div class="${d.params.scrollbar.dragClass}"></div>` )), e.append(t)), Object.assign(i, { $el: e, el: e[0], $dragEl: t, dragEl: t[0], }), a.draggable && d.params.scrollbar.el && d.scrollbar.el && E("on"), e && e[d.enabled ? "removeClass" : "addClass"]( d.params.scrollbar.lockClass ); } } function T() { const e = d.params.scrollbar, t = d.scrollbar.$el; t && t.removeClass( d.isHorizontal() ? e.horizontalClass : e.verticalClass ), d.params.scrollbar.el && d.scrollbar.el && E("off"); } t({ 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", }, }), (d.scrollbar = { el: null, dragEl: null, $el: null, $dragEl: null, }), i("init", () => { !1 === d.params.scrollbar.enabled ? C() : (y(), n(), a()); }), i("update resize observerUpdate lock unlock", () => { n(); }), i("setTranslate", () => { a(); }), i("setTransition", (e, t) => { (t = t), d.params.scrollbar.el && d.scrollbar.el && d.scrollbar.$dragEl.transition(t); }), i("enable disable", () => { const e = d.scrollbar["$el"]; e && e[d.enabled ? "removeClass" : "addClass"]( d.params.scrollbar.lockClass ); }), i("destroy", () => { T(); }); const C = () => { d.$el.addClass(d.params.scrollbar.scrollbarDisabledClass), d.scrollbar.$el && d.scrollbar.$el.addClass( d.params.scrollbar.scrollbarDisabledClass ), T(); }; Object.assign(d.scrollbar, { enable: () => { d.$el.removeClass(d.params.scrollbar.scrollbarDisabledClass), d.scrollbar.$el && d.scrollbar.$el.removeClass( d.params.scrollbar.scrollbarDisabledClass ), y(), n(), a(); }, disable: C, updateSize: n, setTranslate: a, init: y, destroy: T, }); }, function (e) { let { swiper: c, extendParams: t, on: i } = e; t({ parallax: { enabled: !1 } }); const n = (e, t) => { const i = c["rtl"], s = z(e), a = i ? -1 : 1, n = s.attr("data-swiper-parallax") || "0"; let r = s.attr("data-swiper-parallax-x"), l = s.attr("data-swiper-parallax-y"); var o = s.attr("data-swiper-parallax-scale"), d = s.attr("data-swiper-parallax-opacity"); if ( (r || l ? ((r = r || "0"), (l = l || "0")) : c.isHorizontal() ? ((r = n), (l = "0")) : ((l = n), (r = "0")), (r = 0 <= r.indexOf("%") ? parseInt(r, 10) * t * a + "%" : r * t * a + "px"), (l = 0 <= l.indexOf("%") ? parseInt(l, 10) * t + "%" : l * t + "px"), null != d) ) { const e = d - (d - 1) * (1 - Math.abs(t)); s[0].style.opacity = e; } if (null == o) s.transform(`translate3d(${r}, ${l}, 0px)`); else { const e = o - (o - 1) * (1 - Math.abs(t)); s.transform(`translate3d(${r}, ${l}, 0px) scale(${e})`); } }, s = () => { const { $el: e, slides: t, progress: s, snapGrid: a } = c; e .children( "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]" ) .each((e) => { n(e, s); }), t.each((e, t) => { let i = e.progress; 1 < c.params.slidesPerGroup && "auto" !== c.params.slidesPerView && (i += Math.ceil(t / 2) - s * (a.length - 1)), (i = Math.min(Math.max(i, -1), 1)), z(e) .find( "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]" ) .each((e) => { n(e, i); }); }); }; i("beforeInit", () => { c.params.parallax.enabled && ((c.params.watchSlidesProgress = !0), (c.originalParams.watchSlidesProgress = !0)); }), i("init", () => { c.params.parallax.enabled && s(); }), i("setTranslate", () => { c.params.parallax.enabled && s(); }), i("setTransition", (e, t) => { if (c.params.parallax.enabled) { var s = t; void 0 === s && (s = c.params.speed); const i = c["$el"]; i.find( "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]" ).each((e) => { const t = z(e); let i = parseInt(t.attr("data-swiper-parallax-duration"), 10) || s; 0 === s && (i = 0), t.transition(i); }); } }); }, function (e) { let { swiper: y, extendParams: t, on: i, emit: s } = e; const T = $(); t({ zoom: { enabled: !1, maxRatio: 3, minRatio: 1, toggle: !0, containerClass: "swiper-zoom-container", zoomedSlideClass: "swiper-slide-zoomed", }, }), (y.zoom = { enabled: !1 }); let a, n, r, C = 1, l = !1; const S = { $slideEl: void 0, slideWidth: void 0, slideHeight: void 0, $imageEl: void 0, $imageWrapEl: void 0, maxRatio: 3, }, x = { 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: {}, }, o = { x: void 0, y: void 0, prevPositionX: void 0, prevPositionY: void 0, prevTime: void 0, }; let d = 1; function c(e) { if (e.targetTouches.length < 2) return 1; var t = e.targetTouches[0].pageX, i = e.targetTouches[0].pageY, s = e.targetTouches[1].pageX, e = e.targetTouches[1].pageY; return Math.sqrt((s - t) ** 2 + (e - i) ** 2); } function p(e) { var t = y.support, i = y.params.zoom; if (((n = !1), (r = !1), !t.gestures)) { if ( "touchstart" !== e.type || ("touchstart" === e.type && e.targetTouches.length < 2) ) return; (n = !0), (S.scaleStart = c(e)); } (S.$slideEl && S.$slideEl.length) || ((S.$slideEl = z(e.target).closest("." + y.params.slideClass)), 0 === S.$slideEl.length && (S.$slideEl = y.slides.eq(y.activeIndex)), (S.$imageEl = S.$slideEl .find("." + i.containerClass) .eq(0) .find("picture, img, svg, canvas, .swiper-zoom-target") .eq(0)), (S.$imageWrapEl = S.$imageEl.parent("." + i.containerClass)), (S.maxRatio = S.$imageWrapEl.attr("data-swiper-zoom") || i.maxRatio), 0 !== S.$imageWrapEl.length) ? (S.$imageEl && S.$imageEl.transition(0), (l = !0)) : (S.$imageEl = void 0); } function h(e) { const t = y.support, i = y.params.zoom, s = y.zoom; if (!t.gestures) { if ( "touchmove" !== e.type || ("touchmove" === e.type && e.targetTouches.length < 2) ) return; (r = !0), (S.scaleMove = c(e)); } S.$imageEl && 0 !== S.$imageEl.length ? (t.gestures ? (s.scale = e.scale * C) : (s.scale = (S.scaleMove / S.scaleStart) * C), s.scale > S.maxRatio && (s.scale = S.maxRatio - 1 + (s.scale - S.maxRatio + 1) ** 0.5), s.scale < i.minRatio && (s.scale = i.minRatio + 1 - (i.minRatio - s.scale + 1) ** 0.5), S.$imageEl.transform(`translate3d(0,0,0) scale(${s.scale})`)) : "gesturechange" === e.type && p(e); } function u(e) { const t = y.device, i = y.support, s = y.params.zoom, a = y.zoom; if (!i.gestures) { if (!n || !r) return; if ( "touchend" !== e.type || ("touchend" === e.type && e.changedTouches.length < 2 && !t.android) ) return; (n = !1), (r = !1); } S.$imageEl && 0 !== S.$imageEl.length && ((a.scale = Math.max( Math.min(a.scale, S.maxRatio), s.minRatio )), S.$imageEl .transition(y.params.speed) .transform(`translate3d(0,0,0) scale(${a.scale})`), (C = a.scale), (l = !1), 1 === a.scale && (S.$slideEl = void 0)); } function m(e) { var t = y.zoom; if ( S.$imageEl && 0 !== S.$imageEl.length && ((y.allowClick = !1), x.isTouched && S.$slideEl) ) { x.isMoved || ((x.width = S.$imageEl[0].offsetWidth), (x.height = S.$imageEl[0].offsetHeight), (x.startX = k(S.$imageWrapEl[0], "x") || 0), (x.startY = k(S.$imageWrapEl[0], "y") || 0), (S.slideWidth = S.$slideEl[0].offsetWidth), (S.slideHeight = S.$slideEl[0].offsetHeight), S.$imageWrapEl.transition(0)); var i = x.width * t.scale, t = x.height * t.scale; if (!(i < S.slideWidth && t < S.slideHeight)) { if ( ((x.minX = Math.min(S.slideWidth / 2 - i / 2, 0)), (x.maxX = -x.minX), (x.minY = Math.min(S.slideHeight / 2 - t / 2, 0)), (x.maxY = -x.minY), (x.touchesCurrent.x = ( "touchmove" === e.type ? e.targetTouches[0] : e ).pageX), (x.touchesCurrent.y = ( "touchmove" === e.type ? e.targetTouches[0] : e ).pageY), !x.isMoved && !l) ) { if ( y.isHorizontal() && ((Math.floor(x.minX) === Math.floor(x.startX) && x.touchesCurrent.x < x.touchesStart.x) || (Math.floor(x.maxX) === Math.floor(x.startX) && x.touchesCurrent.x > x.touchesStart.x)) ) return void (x.isTouched = !1); if ( !y.isHorizontal() && ((Math.floor(x.minY) === Math.floor(x.startY) && x.touchesCurrent.y < x.touchesStart.y) || (Math.floor(x.maxY) === Math.floor(x.startY) && x.touchesCurrent.y > x.touchesStart.y)) ) return void (x.isTouched = !1); } e.cancelable && e.preventDefault(), e.stopPropagation(), (x.isMoved = !0), (x.currentX = x.touchesCurrent.x - x.touchesStart.x + x.startX), (x.currentY = x.touchesCurrent.y - x.touchesStart.y + x.startY), x.currentX < x.minX && (x.currentX = x.minX + 1 - (x.minX - x.currentX + 1) ** 0.8), x.currentX > x.maxX && (x.currentX = x.maxX - 1 + (x.currentX - x.maxX + 1) ** 0.8), x.currentY < x.minY && (x.currentY = x.minY + 1 - (x.minY - x.currentY + 1) ** 0.8), x.currentY > x.maxY && (x.currentY = x.maxY - 1 + (x.currentY - x.maxY + 1) ** 0.8), o.prevPositionX || (o.prevPositionX = x.touchesCurrent.x), o.prevPositionY || (o.prevPositionY = x.touchesCurrent.y), o.prevTime || (o.prevTime = Date.now()), (o.x = (x.touchesCurrent.x - o.prevPositionX) / (Date.now() - o.prevTime) / 2), (o.y = (x.touchesCurrent.y - o.prevPositionY) / (Date.now() - o.prevTime) / 2), Math.abs(x.touchesCurrent.x - o.prevPositionX) < 2 && (o.x = 0), Math.abs(x.touchesCurrent.y - o.prevPositionY) < 2 && (o.y = 0), (o.prevPositionX = x.touchesCurrent.x), (o.prevPositionY = x.touchesCurrent.y), (o.prevTime = Date.now()), S.$imageWrapEl.transform( `translate3d(${x.currentX}px, ${x.currentY}px,0)` ); } } } function v() { const e = y.zoom; S.$slideEl && y.previousIndex !== y.activeIndex && (S.$imageEl && S.$imageEl.transform("translate3d(0,0,0) scale(1)"), S.$imageWrapEl && S.$imageWrapEl.transform("translate3d(0,0,0)"), (e.scale = 1), (C = 1), (S.$slideEl = void 0), (S.$imageEl = void 0), (S.$imageWrapEl = void 0)); } function g(w) { const b = y.zoom, E = y.params.zoom; if ( (S.$slideEl || (w && w.target && (S.$slideEl = z(w.target).closest( "." + y.params.slideClass )), S.$slideEl || (y.params.virtual && y.params.virtual.enabled && y.virtual ? (S.$slideEl = y.$wrapperEl.children( "." + y.params.slideActiveClass )) : (S.$slideEl = y.slides.eq(y.activeIndex))), (S.$imageEl = S.$slideEl .find("." + E.containerClass) .eq(0) .find("picture, img, svg, canvas, .swiper-zoom-target") .eq(0)), (S.$imageWrapEl = S.$imageEl.parent("." + E.containerClass))), S.$imageEl && 0 !== S.$imageEl.length && S.$imageWrapEl && 0 !== S.$imageWrapEl.length) ) { let e, t, i, s, a, n, r, l, o, d, c, p, h, u, m, v, g, f; y.params.cssMode && ((y.wrapperEl.style.overflow = "hidden"), (y.wrapperEl.style.touchAction = "none")), S.$slideEl.addClass("" + E.zoomedSlideClass), (t = void 0 === x.touchesStart.x && w ? ((e = ("touchend" === w.type ? w.changedTouches[0] : w) .pageX), ("touchend" === w.type ? w.changedTouches[0] : w).pageY) : ((e = x.touchesStart.x), x.touchesStart.y)), (b.scale = S.$imageWrapEl.attr("data-swiper-zoom") || E.maxRatio), (C = S.$imageWrapEl.attr("data-swiper-zoom") || E.maxRatio), w ? ((g = S.$slideEl[0].offsetWidth), (f = S.$slideEl[0].offsetHeight), (i = S.$slideEl.offset().left + T.scrollX), (s = S.$slideEl.offset().top + T.scrollY), (a = i + g / 2 - e), (n = s + f / 2 - t), (o = S.$imageEl[0].offsetWidth), (d = S.$imageEl[0].offsetHeight), (c = o * b.scale), (p = d * b.scale), (m = -(h = Math.min(g / 2 - c / 2, 0))), (v = -(u = Math.min(f / 2 - p / 2, 0))), (r = a * b.scale), (l = n * b.scale), (r = r < h ? h : r) > m && (r = m), (l = l < u ? u : l) > v && (l = v)) : ((r = 0), (l = 0)), S.$imageWrapEl .transition(300) .transform(`translate3d(${r}px, ${l}px,0)`), S.$imageEl .transition(300) .transform(`translate3d(0,0,0) scale(${b.scale})`); } } function f() { const e = y.zoom, t = y.params.zoom; S.$slideEl || (y.params.virtual && y.params.virtual.enabled && y.virtual ? (S.$slideEl = y.$wrapperEl.children( "." + y.params.slideActiveClass )) : (S.$slideEl = y.slides.eq(y.activeIndex)), (S.$imageEl = S.$slideEl .find("." + t.containerClass) .eq(0) .find("picture, img, svg, canvas, .swiper-zoom-target") .eq(0)), (S.$imageWrapEl = S.$imageEl.parent("." + t.containerClass))), S.$imageEl && 0 !== S.$imageEl.length && S.$imageWrapEl && 0 !== S.$imageWrapEl.length && (y.params.cssMode && ((y.wrapperEl.style.overflow = ""), (y.wrapperEl.style.touchAction = "")), (e.scale = 1), (C = 1), S.$imageWrapEl .transition(300) .transform("translate3d(0,0,0)"), S.$imageEl .transition(300) .transform("translate3d(0,0,0) scale(1)"), S.$slideEl.removeClass("" + t.zoomedSlideClass), (S.$slideEl = void 0)); } function w(e) { var t = y.zoom; t.scale && 1 !== t.scale ? f() : g(e); } function b() { var e = y.support; return { passiveListener: !( "touchstart" !== y.touchEvents.start || !e.passiveListener || !y.params.passiveListeners ) && { passive: !0, capture: !1 }, activeListenerWithCapture: !e.passiveListener || { passive: !1, capture: !0, }, }; } function E() { return "." + y.params.slideClass; } function L(e) { var t = b()["passiveListener"], i = E(); y.$wrapperEl[e]("gesturestart", i, p, t), y.$wrapperEl[e]("gesturechange", i, h, t), y.$wrapperEl[e]("gestureend", i, u, t); } function M() { a || ((a = !0), L("on")); } function A() { a && ((a = !1), L("off")); } function P() { const e = y.zoom; var t, i, s, a; e.enabled || ((e.enabled = !0), (t = y.support), ({ passiveListener: i, activeListenerWithCapture: s } = b()), (a = E()), t.gestures ? (y.$wrapperEl.on(y.touchEvents.start, M, i), y.$wrapperEl.on(y.touchEvents.end, A, i)) : "touchstart" === y.touchEvents.start && (y.$wrapperEl.on(y.touchEvents.start, a, p, i), y.$wrapperEl.on(y.touchEvents.move, a, h, s), y.$wrapperEl.on(y.touchEvents.end, a, u, i), y.touchEvents.cancel && y.$wrapperEl.on(y.touchEvents.cancel, a, u, i)), y.$wrapperEl.on( y.touchEvents.move, "." + y.params.zoom.containerClass, m, s )); } function I() { const e = y.zoom; var t, i, s, a; e.enabled && ((t = y.support), ({ passiveListener: i, activeListenerWithCapture: s } = ((e.enabled = !1), b())), (a = E()), t.gestures ? (y.$wrapperEl.off(y.touchEvents.start, M, i), y.$wrapperEl.off(y.touchEvents.end, A, i)) : "touchstart" === y.touchEvents.start && (y.$wrapperEl.off(y.touchEvents.start, a, p, i), y.$wrapperEl.off(y.touchEvents.move, a, h, s), y.$wrapperEl.off(y.touchEvents.end, a, u, i), y.touchEvents.cancel && y.$wrapperEl.off(y.touchEvents.cancel, a, u, i)), y.$wrapperEl.off( y.touchEvents.move, "." + y.params.zoom.containerClass, m, s )); } Object.defineProperty(y.zoom, "scale", { get: () => d, set(e) { var t, i; d !== e && ((t = S.$imageEl ? S.$imageEl[0] : void 0), (i = S.$slideEl ? S.$slideEl[0] : void 0), s("zoomChange", e, t, i)), (d = e); }, }), i("init", () => { y.params.zoom.enabled && P(); }), i("destroy", () => { I(); }), i("touchStart", (e, t) => { var i; y.zoom.enabled && ((t = t), (i = y.device), S.$imageEl && 0 !== S.$imageEl.length && !x.isTouched && (i.android && t.cancelable && t.preventDefault(), (x.isTouched = !0), (x.touchesStart.x = ( "touchstart" === t.type ? t.targetTouches[0] : t ).pageX), (x.touchesStart.y = ( "touchstart" === t.type ? t.targetTouches[0] : t ).pageY))); }), i("touchEnd", (e, t) => { if (y.zoom.enabled) { var i = y.zoom; if (S.$imageEl && 0 !== S.$imageEl.length) { if (!x.isTouched || !x.isMoved) return void ((x.isTouched = !1), (x.isMoved = !1)); (x.isTouched = !1), (x.isMoved = !1); let e = 300, t = 300; var s = o.x * e, s = x.currentX + s, a = o.y * t, a = x.currentY + a, n = (0 !== o.x && (e = Math.abs((s - x.currentX) / o.x)), 0 !== o.y && (t = Math.abs((a - x.currentY) / o.y)), Math.max(e, t)), s = ((x.currentX = s), (x.currentY = a), x.width * i.scale), a = x.height * i.scale; (x.minX = Math.min(S.slideWidth / 2 - s / 2, 0)), (x.maxX = -x.minX), (x.minY = Math.min(S.slideHeight / 2 - a / 2, 0)), (x.maxY = -x.minY), (x.currentX = Math.max( Math.min(x.currentX, x.maxX), x.minX )), (x.currentY = Math.max( Math.min(x.currentY, x.maxY), x.minY )), S.$imageWrapEl .transition(n) .transform( `translate3d(${x.currentX}px, ${x.currentY}px,0)` ); } } }), i("doubleTap", (e, t) => { !y.animating && y.params.zoom.enabled && y.zoom.enabled && y.params.zoom.toggle && w(t); }), i("transitionEnd", () => { y.zoom.enabled && y.params.zoom.enabled && v(); }), i("slideChange", () => { y.zoom.enabled && y.params.zoom.enabled && y.params.cssMode && v(); }), Object.assign(y.zoom, { enable: P, disable: I, in: g, out: f, toggle: w, }); }, function (e) { let { swiper: c, extendParams: t, on: i, emit: p } = e, d = (t({ lazy: { checkInView: !1, enabled: !1, loadPrevNext: !1, loadPrevNextAmount: 1, loadOnTransitionStart: !1, scrollingElement: "", elementClass: "swiper-lazy", loadingClass: "swiper-lazy-loading", loadedClass: "swiper-lazy-loaded", preloaderClass: "swiper-lazy-preloader", }, }), !(c.lazy = {})), h = !1; function u(e, l) { void 0 === l && (l = !0); const o = c.params.lazy; if (void 0 !== e && 0 !== c.slides.length) { const d = c.virtual && c.params.virtual.enabled ? c.$wrapperEl.children( `.${c.params.slideClass}[data-swiper-slide-index="${e}"]` ) : c.slides.eq(e), t = d.find( `.${o.elementClass}:not(.${o.loadedClass}):not(.${o.loadingClass})` ); !d.hasClass(o.elementClass) || d.hasClass(o.loadedClass) || d.hasClass(o.loadingClass) || t.push(d[0]), 0 !== t.length && t.each((e) => { const t = z(e), i = (t.addClass(o.loadingClass), t.attr("data-background")), s = t.attr("data-src"), a = t.attr("data-srcset"), n = t.attr("data-sizes"), r = t.parent("picture"); c.loadImage(t[0], s || i, a, n, !1, () => { var e; null == c || !c || (c && !c.params) || c.destroyed || (i ? (t.css("background-image", `url("${i}")`), t.removeAttr("data-background")) : (a && (t.attr("srcset", a), t.removeAttr("data-srcset")), n && (t.attr("sizes", n), t.removeAttr("data-sizes")), r.length && r.children("source").each((e) => { const t = z(e); t.attr("data-srcset") && (t.attr("srcset", t.attr("data-srcset")), t.removeAttr("data-srcset")); }), s && (t.attr("src", s), t.removeAttr("data-src"))), t.addClass(o.loadedClass).removeClass(o.loadingClass), d.find("." + o.preloaderClass).remove(), c.params.loop && l && ((e = d.attr("data-swiper-slide-index")), d.hasClass(c.params.slideDuplicateClass) ? u( c.$wrapperEl .children( `[data-swiper-slide-index="${e}"]:not(.${c.params.slideDuplicateClass})` ) .index(), !1 ) : u( c.$wrapperEl .children( `.${c.params.slideDuplicateClass}[data-swiper-slide-index="${e}"]` ) .index(), !1 )), p("lazyImageReady", d[0], t[0]), c.params.autoHeight && c.updateAutoHeight()); }), p("lazyImageLoad", d[0], t[0]); }); } } function m() { const { $wrapperEl: t, params: i, slides: s, activeIndex: a } = c, n = c.virtual && i.virtual.enabled, e = i.lazy; let r = i.slidesPerView; function l(e) { if (n) { if ( t.children( `.${i.slideClass}[data-swiper-slide-index="${e}"]` ).length ) return 1; } else if (s[e]) return 1; } function o(e) { return n ? z(e).attr("data-swiper-slide-index") : z(e).index(); } if ( ("auto" === r && (r = 0), (h = h || !0), c.params.watchSlidesProgress) ) t.children("." + i.slideVisibleClass).each((e) => { u(n ? z(e).attr("data-swiper-slide-index") : z(e).index()); }); else if (1 < r) for (let e = a; e < a + r; e += 1) l(e) && u(e); else u(a); if (e.loadPrevNext) if ( 1 < r || (e.loadPrevNextAmount && 1 < e.loadPrevNextAmount) ) { const t = e.loadPrevNextAmount, c = Math.ceil(r), i = Math.min(a + c + Math.max(t, c), s.length), n = Math.max(a - Math.max(c, t), 0); for (let e = a + c; e < i; e += 1) l(e) && u(e); for (let e = n; e < a; e += 1) l(e) && u(e); } else { const c = t.children("." + i.slideNextClass), s = (0 < c.length && u(o(c)), t.children("." + i.slidePrevClass)); 0 < s.length && u(o(s)); } } function v() { var e = $(); if (c && !c.destroyed) { const s = c.params.lazy.scrollingElement ? z(c.params.lazy.scrollingElement) : z(e), a = s[0] === e, n = a ? e.innerWidth : s[0].offsetWidth, r = a ? e.innerHeight : s[0].offsetHeight, l = c.$el.offset(), o = c["rtlTranslate"]; let t = !1; o && (l.left -= c.$el[0].scrollLeft); var i = [ [l.left, l.top], [l.left + c.width, l.top], [l.left, l.top + c.height], [l.left + c.width, l.top + c.height], ]; for (let e = 0; e < i.length; e += 1) { const c = i[e]; 0 <= c[0] && c[0] <= n && 0 <= c[1] && c[1] <= r && ((0 === c[0] && 0 === c[1]) || (t = !0)); } e = !( "touchstart" !== c.touchEvents.start || !c.support.passiveListener || !c.params.passiveListeners ) && { passive: !0, capture: !1 }; t ? (m(), s.off("scroll", v, e)) : d || ((d = !0), s.on("scroll", v, e)); } } i("beforeInit", () => { c.params.lazy.enabled && c.params.preloadImages && (c.params.preloadImages = !1); }), i("init", () => { c.params.lazy.enabled && (c.params.lazy.checkInView ? v : m)(); }), i("scroll", () => { c.params.freeMode && c.params.freeMode.enabled && !c.params.freeMode.sticky && m(); }), i("scrollbarDragMove resize _freeModeNoMomentumRelease", () => { c.params.lazy.enabled && (c.params.lazy.checkInView ? v : m)(); }), i("transitionStart", () => { c.params.lazy.enabled && (c.params.lazy.loadOnTransitionStart || (!c.params.lazy.loadOnTransitionStart && !h)) && (c.params.lazy.checkInView ? v : m)(); }), i("transitionEnd", () => { c.params.lazy.enabled && !c.params.lazy.loadOnTransitionStart && (c.params.lazy.checkInView ? v : m)(); }), i("slideChange", () => { var { lazy: e, cssMode: t, watchSlidesProgress: i, touchReleaseOnEdges: s, resistanceRatio: a, } = c.params; e.enabled && (t || (i && (s || 0 === a))) && m(); }), i("destroy", () => { c.$el && c.$el .find("." + c.params.lazy.loadingClass) .removeClass(c.params.lazy.loadingClass); }), Object.assign(c.lazy, { load: m, loadInSlide: u }); }, function (e) { let { swiper: l, extendParams: t, on: i } = e; function o(e, t) { const i = (function () { let i, s, a; return (e, t) => { for (s = -1, i = e.length; 1 < i - s; ) e[(a = (i + s) >> 1)] <= t ? (s = a) : (i = a); return i; }; })(); let s, a; return ( (this.x = e), (this.y = t), (this.lastIndex = e.length - 1), (this.interpolate = function (e) { return e ? ((a = i(this.x, e)), (s = a - 1), ((e - this.x[s]) * (this.y[a] - this.y[s])) / (this.x[a] - this.x[s]) + this.y[s]) : 0; }), this ); } function s() { l.controller.control && l.controller.spline && ((l.controller.spline = void 0), delete l.controller.spline); } t({ controller: { control: void 0, inverse: !1, by: "slide" } }), (l.controller = { control: void 0 }), i("beforeInit", () => { l.controller.control = l.params.controller.control; }), i("update", () => { s(); }), i("resize", () => { s(); }), i("observerUpdate", () => { s(); }), i("setTranslate", (e, t, i) => { l.controller.control && l.controller.setTranslate(t, i); }), i("setTransition", (e, t, i) => { l.controller.control && l.controller.setTransition(t, i); }), Object.assign(l.controller, { setTranslate: function (e, t) { var i = l.controller.control; let s, a; var n = l.constructor; function r(e) { var t, i = l.rtlTranslate ? -l.translate : l.translate; "slide" === l.params.controller.by && ((t = e), l.controller.spline || (l.controller.spline = l.params.loop ? new o(l.slidesGrid, t.slidesGrid) : new o(l.snapGrid, t.snapGrid)), (a = -l.controller.spline.interpolate(-i))), (a && "container" !== l.params.controller.by) || ((s = (e.maxTranslate() - e.minTranslate()) / (l.maxTranslate() - l.minTranslate())), (a = (i - l.minTranslate()) * s + e.minTranslate())), l.params.controller.inverse && (a = e.maxTranslate() - a), e.updateProgress(a), e.setTranslate(a, l), e.updateActiveIndex(), e.updateSlidesClasses(); } if (Array.isArray(i)) for (let e = 0; e < i.length; e += 1) i[e] !== t && i[e] instanceof n && r(i[e]); else i instanceof n && t !== i && r(i); }, setTransition: function (t, e) { const i = l.constructor, s = l.controller.control; let a; function n(e) { e.setTransition(t, l), 0 !== t && (e.transitionStart(), e.params.autoHeight && x(() => { e.updateAutoHeight(); }), e.$wrapperEl.transitionEnd(() => { s && (e.params.loop && "slide" === l.params.controller.by && e.loopFix(), e.transitionEnd()); })); } if (Array.isArray(s)) for (a = 0; a < s.length; a += 1) s[a] !== e && s[a] instanceof i && n(s[a]); else s instanceof i && e !== s && n(s); }, }); }, function (e) { let { swiper: r, extendParams: t, on: i } = e, l = (t({ 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, }, }), (r.a11y = { clicked: !1 }), null); function s(e) { const t = l; 0 !== t.length && (t.html(""), t.html(e)); } function a(e) { e.attr("tabIndex", "0"); } function n(e) { e.attr("tabIndex", "-1"); } function o(e, t) { e.attr("role", t); } function d(e, t) { e.attr("aria-roledescription", t); } function c(e, t) { e.attr("aria-label", t); } function p(e) { e.attr("aria-disabled", !0); } function h(e) { e.attr("aria-disabled", !1); } function u(e) { if (13 === e.keyCode || 32 === e.keyCode) { const t = r.params.a11y, i = z(e.target); r.navigation && r.navigation.$nextEl && i.is(r.navigation.$nextEl) && ((r.isEnd && !r.params.loop) || r.slideNext(), r.isEnd ? s(t.lastSlideMessage) : s(t.nextSlideMessage)), r.navigation && r.navigation.$prevEl && i.is(r.navigation.$prevEl) && ((r.isBeginning && !r.params.loop) || r.slidePrev(), r.isBeginning ? s(t.firstSlideMessage) : s(t.prevSlideMessage)), r.pagination && i.is(A(r.params.pagination.bulletClass)) && i[0].click(); } } function m() { return ( r.pagination && r.pagination.bullets && r.pagination.bullets.length ); } function v() { return m() && r.params.pagination.clickable; } const g = (e, t, i) => { a(e), "BUTTON" !== e[0].tagName && (o(e, "button"), e.on("keydown", u)), c(e, i), e.attr("aria-controls", t); }, f = () => { r.a11y.clicked = !0; }, w = () => { requestAnimationFrame(() => { requestAnimationFrame(() => { r.destroyed || (r.a11y.clicked = !1); }); }); }, b = (e) => { var t, i, s; r.a11y.clicked || ((t = e.target.closest("." + r.params.slideClass)) && r.slides.includes(t) && ((i = r.slides.indexOf(t) === r.activeIndex), (s = r.params.watchSlidesProgress && r.visibleSlides && r.visibleSlides.includes(t)), i || s || (e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents) || (r.isHorizontal() ? (r.el.scrollLeft = 0) : (r.el.scrollTop = 0), r.slideTo(r.slides.indexOf(t), 0)))); }, E = () => { const a = r.params.a11y, n = (a.itemRoleDescriptionMessage && d(z(r.slides), a.itemRoleDescriptionMessage), a.slideRole && o(z(r.slides), a.slideRole), (r.params.loop ? r.slides.filter( (e) => !e.classList.contains(r.params.slideDuplicateClass) ) : r.slides ).length); a.slideLabelMessage && r.slides.each((e, t) => { const i = z(e), s = r.params.loop ? parseInt(i.attr("data-swiper-slide-index"), 10) : t; c( i, a.slideLabelMessage .replace(/\{\{index\}\}/, s + 1) .replace(/\{\{slidesLength\}\}/, n) ); }); }; i("beforeInit", () => { l = z( `<span class="${r.params.a11y.notificationClass}" aria-live="assertive" aria-atomic="true"></span>` ); }), i("afterInit", () => { if (r.params.a11y.enabled) { var i = r.params.a11y, s = (r.$el.append(l), r.$el); i.containerRoleDescriptionMessage && d(s, i.containerRoleDescriptionMessage), i.containerMessage && c(s, i.containerMessage); const a = r.$wrapperEl, n = i.id || a.attr("id") || "swiper-wrapper-" + "x" .repeat((s = void 0 === (s = 16) ? 16 : s)) .replace(/x/g, () => Math.round(16 * Math.random()).toString(16) ); s = r.params.autoplay && r.params.autoplay.enabled ? "off" : "polite"; let e, t; a.attr("id", n), a.attr("aria-live", s), E(), r.navigation && r.navigation.$nextEl && (e = r.navigation.$nextEl), r.navigation && r.navigation.$prevEl && (t = r.navigation.$prevEl), e && e.length && g(e, n, i.nextSlideMessage), t && t.length && g(t, n, i.prevSlideMessage), v() && r.pagination.$el.on( "keydown", A(r.params.pagination.bulletClass), u ), r.$el.on("focus", b, !0), r.$el.on("pointerdown", f, !0), r.$el.on("pointerup", w, !0); } }), i( "slidesLengthChange snapGridLengthChange slidesGridLengthChange", () => { r.params.a11y.enabled && E(); } ), i("fromEdge toEdge afterInit lock unlock", () => { var e, t; r.params.a11y.enabled && !r.params.loop && !r.params.rewind && r.navigation && (({ $nextEl: e, $prevEl: t } = r.navigation), t && 0 < t.length && (r.isBeginning ? (p(t), n(t)) : (h(t), a(t))), e && 0 < e.length && (r.isEnd ? (p(e), n(e)) : (h(e), a(e)))); }), i("paginationUpdate", () => { if (r.params.a11y.enabled) { const i = r.params.a11y; m() && r.pagination.bullets.each((e) => { const t = z(e); r.params.pagination.clickable && (a(t), r.params.pagination.renderBullet || (o(t, "button"), c( t, i.paginationBulletMessage.replace( /\{\{index\}\}/, t.index() + 1 ) ))), t.is("." + r.params.pagination.bulletActiveClass) ? t.attr("aria-current", "true") : t.removeAttr("aria-current"); }); } }), i("destroy", () => { if (r.params.a11y.enabled) { let e, t; l && 0 < l.length && l.remove(), r.navigation && r.navigation.$nextEl && (e = r.navigation.$nextEl), r.navigation && r.navigation.$prevEl && (t = r.navigation.$prevEl), e && e.off("keydown", u), t && t.off("keydown", u), v() && r.pagination.$el.off( "keydown", A(r.params.pagination.bulletClass), u ), r.$el.off("focus", b, !0), r.$el.off("pointerdown", f, !0), r.$el.off("pointerup", w, !0); } }); }, function (e) { let { swiper: r, extendParams: t, on: i } = e, l = (t({ history: { enabled: !1, root: "", replaceState: !1, key: "slides", keepQuery: !1, }, }), !1), s = {}; const o = (e) => e .toString() .replace(/\s+/g, "-") .replace(/[^\w-]+/g, "") .replace(/--+/g, "-") .replace(/^-+/, "") .replace(/-+$/, ""), a = (e) => { var t = $(); let i; (e = (i = e ? new URL(e) : t.location).pathname .slice(1) .split("/") .filter((e) => "" !== e)), (t = e.length); return { key: e[t - 2], value: e[t - 1] }; }, n = (i, s) => { const a = $(); if (l && r.params.history.enabled) { let e; e = r.params.url ? new URL(r.params.url) : a.location; const n = r.slides.eq(s); let t = o(n.attr("data-history")); if (0 < r.params.history.root.length) { let e = r.params.history.root; "/" === e[e.length - 1] && (e = e.slice(0, e.length - 1)), (t = e + `/${i}/` + t); } else e.pathname.includes(i) || (t = i + "/" + t); r.params.history.keepQuery && (t += e.search); s = a.history.state; (s && s.value === t) || (r.params.history.replaceState ? a.history.replaceState({ value: t }, null, t) : a.history.pushState({ value: t }, null, t)); } }, d = (i, s, a) => { if (s) for (let e = 0, t = r.slides.length; e < t; e += 1) { const n = r.slides.eq(e); if ( o(n.attr("data-history")) === s && !n.hasClass(r.params.slideDuplicateClass) ) { const s = n.index(); r.slideTo(s, i, a); } } else r.slideTo(0, i, a); }, c = () => { (s = a(r.params.url)), d(r.params.speed, s.value, !1); }; i("init", () => { if (r.params.history.enabled) { const e = $(); if (r.params.history) { if (!e.history || !e.history.pushState) return void ((r.params.history.enabled = !1), (r.params.hashNavigation.enabled = !0)); (l = !0), ((s = a(r.params.url)).key || s.value) && (d(0, s.value, r.params.runCallbacksOnInit), r.params.history.replaceState || e.addEventListener("popstate", c)); } } }), i("destroy", () => { if (r.params.history.enabled) { const e = $(); r.params.history.replaceState || e.removeEventListener("popstate", c); } }), i("transitionEnd _freeModeNoMomentumRelease", () => { l && n(r.params.history.key, r.activeIndex); }), i("slideChange", () => { l && r.params.cssMode && n(r.params.history.key, r.activeIndex); }); }, function (e) { let { swiper: a, extendParams: t, emit: i, on: s } = e, n = !1; const r = S(), l = $(), o = (t({ hashNavigation: { enabled: !1, replaceState: !1, watchState: !1, }, }), () => { i("hashChange"); var e = r.location.hash.replace("#", ""); e !== a.slides.eq(a.activeIndex).attr("data-hash") && void 0 !== (e = a.$wrapperEl .children(`.${a.params.slideClass}[data-hash="${e}"]`) .index()) && a.slideTo(e); }), d = () => { if (n && a.params.hashNavigation.enabled) if ( a.params.hashNavigation.replaceState && l.history && l.history.replaceState ) l.history.replaceState( null, null, "#" + a.slides.eq(a.activeIndex).attr("data-hash") || "" ), i("hashSet"); else { const e = a.slides.eq(a.activeIndex), t = e.attr("data-hash") || e.attr("data-history"); (r.location.hash = t || ""), i("hashSet"); } }; s("init", () => { if ( a.params.hashNavigation.enabled && !( !a.params.hashNavigation.enabled || (a.params.history && a.params.history.enabled) ) ) { n = !0; const i = r.location.hash.replace("#", ""); if (i) for (let e = 0, t = a.slides.length; e < t; e += 1) { const s = a.slides.eq(e); if ( (s.attr("data-hash") || s.attr("data-history")) === i && !s.hasClass(a.params.slideDuplicateClass) ) { const i = s.index(); a.slideTo(i, 0, a.params.runCallbacksOnInit, !0); } } a.params.hashNavigation.watchState && z(l).on("hashchange", o); } }), s("destroy", () => { a.params.hashNavigation.enabled && a.params.hashNavigation.watchState && z(l).off("hashchange", o); }), s("transitionEnd _freeModeNoMomentumRelease", () => { n && d(); }), s("slideChange", () => { n && a.params.cssMode && d(); }); }, function (e) { let i, { swiper: s, extendParams: t, on: a, emit: n } = e; function r() { if (!s.size) return (s.autoplay.running = !1), void (s.autoplay.paused = !1); const e = s.slides.eq(s.activeIndex); let t = s.params.autoplay.delay; e.attr("data-swiper-autoplay") && (t = e.attr("data-swiper-autoplay") || s.params.autoplay.delay), clearTimeout(i), (i = x(() => { let e; s.params.autoplay.reverseDirection ? s.params.loop ? (s.loopFix(), (e = s.slidePrev(s.params.speed, !0, !0)), n("autoplay")) : s.isBeginning ? s.params.autoplay.stopOnLastSlide ? o() : ((e = s.slideTo( s.slides.length - 1, s.params.speed, !0, !0 )), n("autoplay")) : ((e = s.slidePrev(s.params.speed, !0, !0)), n("autoplay")) : s.params.loop ? (s.loopFix(), (e = s.slideNext(s.params.speed, !0, !0)), n("autoplay")) : s.isEnd ? s.params.autoplay.stopOnLastSlide ? o() : ((e = s.slideTo(0, s.params.speed, !0, !0)), n("autoplay")) : ((e = s.slideNext(s.params.speed, !0, !0)), n("autoplay")), ((s.params.cssMode && s.autoplay.running) || !1 === e) && r(); }, t)); } function l() { return ( void 0 === i && !s.autoplay.running && ((s.autoplay.running = !0), n("autoplayStart"), r(), !0) ); } function o() { return ( !!s.autoplay.running && void 0 !== i && (i && (clearTimeout(i), (i = void 0)), (s.autoplay.running = !1), n("autoplayStop"), !0) ); } function d(e) { !s.autoplay.running || s.autoplay.paused || (i && clearTimeout(i), (s.autoplay.paused = !0), 0 !== e && s.params.autoplay.waitForTransition ? ["transitionend", "webkitTransitionEnd"].forEach((e) => { s.$wrapperEl[0].addEventListener(e, p); }) : ((s.autoplay.paused = !1), r())); } function c() { var e = S(); "hidden" === e.visibilityState && s.autoplay.running && d(), "visible" === e.visibilityState && s.autoplay.paused && (r(), (s.autoplay.paused = !1)); } function p(e) { s && !s.destroyed && s.$wrapperEl && e.target === s.$wrapperEl[0] && (["transitionend", "webkitTransitionEnd"].forEach((e) => { s.$wrapperEl[0].removeEventListener(e, p); }), (s.autoplay.paused = !1), (s.autoplay.running ? r : o)()); } function h() { s.params.autoplay.disableOnInteraction ? o() : (n("autoplayPause"), d()), ["transitionend", "webkitTransitionEnd"].forEach((e) => { s.$wrapperEl[0].removeEventListener(e, p); }); } function u() { s.params.autoplay.disableOnInteraction || ((s.autoplay.paused = !1), n("autoplayResume"), r()); } (s.autoplay = { running: !1, paused: !1 }), t({ autoplay: { enabled: !1, delay: 3e3, waitForTransition: !0, disableOnInteraction: !0, stopOnLastSlide: !1, reverseDirection: !1, pauseOnMouseEnter: !1, }, }), a("init", () => { s.params.autoplay.enabled && (l(), S().addEventListener("visibilitychange", c), s.params.autoplay.pauseOnMouseEnter && (s.$el.on("mouseenter", h), s.$el.on("mouseleave", u))); }), a("beforeTransitionStart", (e, t, i) => { s.autoplay.running && (i || !s.params.autoplay.disableOnInteraction ? s.autoplay.pause(t) : o()); }), a("sliderFirstMove", () => { s.autoplay.running && (s.params.autoplay.disableOnInteraction ? o : d)(); }), a("touchEnd", () => { s.params.cssMode && s.autoplay.paused && !s.params.autoplay.disableOnInteraction && r(); }), a("destroy", () => { s.$el.off("mouseenter", h), s.$el.off("mouseleave", u), s.autoplay.running && o(), S().removeEventListener("visibilitychange", c); }), Object.assign(s.autoplay, { pause: d, run: r, start: l, stop: o, }); }, function (e) { let { swiper: o, extendParams: t, on: i } = e, s = (t({ thumbs: { swiper: null, multipleActiveThumbs: !0, autoScrollOffset: 0, slideThumbActiveClass: "swiper-slide-thumb-active", thumbsContainerClass: "swiper-thumbs", }, }), !1), a = !1; function n() { var e = o.thumbs.swiper; if (e && !e.destroyed) { const i = e.clickedIndex, s = e.clickedSlide; if ( !( (s && z(s).hasClass(o.params.thumbs.slideThumbActiveClass)) || null == i ) ) { let t; if ( ((t = e.params.loop ? parseInt( z(e.clickedSlide).attr("data-swiper-slide-index"), 10 ) : i), o.params.loop) ) { let e = o.activeIndex; o.slides.eq(e).hasClass(o.params.slideDuplicateClass) && (o.loopFix(), (o._clientLeft = o.$wrapperEl[0].clientLeft), (e = o.activeIndex)); const i = o.slides .eq(e) .prevAll(`[data-swiper-slide-index="${t}"]`) .eq(0) .index(), s = o.slides .eq(e) .nextAll(`[data-swiper-slide-index="${t}"]`) .eq(0) .index(); t = void 0 === i || (void 0 !== s && s - e < e - i) ? s : i; } o.slideTo(t); } } } function r() { var e = o.params["thumbs"]; if (s) return !1; s = !0; const t = o.constructor; return ( e.swiper instanceof t ? ((o.thumbs.swiper = e.swiper), Object.assign(o.thumbs.swiper.originalParams, { watchSlidesProgress: !0, slideToClickedSlide: !1, }), Object.assign(o.thumbs.swiper.params, { watchSlidesProgress: !0, slideToClickedSlide: !1, })) : d(e.swiper) && ((e = Object.assign({}, e.swiper)), Object.assign(e, { watchSlidesProgress: !0, slideToClickedSlide: !1, }), (o.thumbs.swiper = new t(e)), (a = !0)), o.thumbs.swiper.$el.addClass( o.params.thumbs.thumbsContainerClass ), o.thumbs.swiper.on("tap", n), !0 ); } function l(s) { const a = o.thumbs.swiper; if (a && !a.destroyed) { const l = "auto" === a.params.slidesPerView ? a.slidesPerViewDynamic() : a.params.slidesPerView; let t = 1; var i = o.params.thumbs.slideThumbActiveClass; if ( (1 < o.params.slidesPerView && !o.params.centeredSlides && (t = o.params.slidesPerView), o.params.thumbs.multipleActiveThumbs || (t = 1), (t = Math.floor(t)), a.slides.removeClass(i), a.params.loop || (a.params.virtual && a.params.virtual.enabled)) ) for (let e = 0; e < t; e += 1) a.$wrapperEl .children( `[data-swiper-slide-index="${o.realIndex + e}"]` ) .addClass(i); else for (let e = 0; e < t; e += 1) a.slides.eq(o.realIndex + e).addClass(i); var n = o.params.thumbs.autoScrollOffset, r = n && !a.params.loop; if (o.realIndex !== a.realIndex || r) { let e, t, i = a.activeIndex; if (a.params.loop) { a.slides.eq(i).hasClass(a.params.slideDuplicateClass) && (a.loopFix(), (a._clientLeft = a.$wrapperEl[0].clientLeft), (i = a.activeIndex)); const s = a.slides .eq(i) .prevAll(`[data-swiper-slide-index="${o.realIndex}"]`) .eq(0) .index(), l = a.slides .eq(i) .nextAll(`[data-swiper-slide-index="${o.realIndex}"]`) .eq(0) .index(); (e = void 0 === s ? l : void 0 === l ? s : l - i == i - s ? 1 < a.params.slidesPerGroup ? l : i : l - i < i - s ? l : s), (t = o.activeIndex > o.previousIndex ? "next" : "prev"); } else (e = o.realIndex), (t = e > o.previousIndex ? "next" : "prev"); r && (e += "next" === t ? n : -1 * n), a.visibleSlidesIndexes && a.visibleSlidesIndexes.indexOf(e) < 0 && (a.params.centeredSlides ? (e = e > i ? e - Math.floor(l / 2) + 1 : e + Math.floor(l / 2) - 1) : e > i && a.params.slidesPerGroup, a.slideTo(e, s ? 0 : void 0)); } } } (o.thumbs = { swiper: null }), i("beforeInit", () => { var e = o.params["thumbs"]; e && e.swiper && (r(), l(!0)); }), i("slideChange update resize observerUpdate", () => { l(); }), i("setTransition", (e, t) => { const i = o.thumbs.swiper; i && !i.destroyed && i.setTransition(t); }), i("beforeDestroy", () => { const e = o.thumbs.swiper; e && !e.destroyed && a && e.destroy(); }), Object.assign(o.thumbs, { init: r, update: l }); }, function (e) { let { swiper: h, extendParams: t, emit: u, once: m } = e; t({ freeMode: { enabled: !1, momentum: !0, momentumRatio: 1, momentumBounce: !0, momentumBounceRatio: 1, momentumVelocityRatio: 1, sticky: !1, minimumVelocity: 0.02, }, }), Object.assign(h, { freeMode: { onTouchStart: function () { var e = h.getTranslate(); h.setTranslate(e), h.setTransition(0), (h.touchEventsData.velocities.length = 0), h.freeMode.onTouchEnd({ currentPos: h.rtl ? h.translate : -h.translate, }); }, onTouchMove: function () { const { touchEventsData: e, touches: t } = h; 0 === e.velocities.length && e.velocities.push({ position: t[h.isHorizontal() ? "startX" : "startY"], time: e.touchStartTime, }), e.velocities.push({ position: t[h.isHorizontal() ? "currentX" : "currentY"], time: f(), }); }, onTouchEnd: function (n) { let r = n["currentPos"]; const { params: l, $wrapperEl: o, rtlTranslate: d, snapGrid: c, touchEventsData: p, } = h, e = f() - p.touchStartTime; if (r < -h.minTranslate()) h.slideTo(h.activeIndex); else if (r > -h.maxTranslate()) h.slides.length < c.length ? h.slideTo(c.length - 1) : h.slideTo(h.slides.length - 1); else { if (l.freeMode.momentum) { if (1 < p.velocities.length) { const n = p.velocities.pop(), r = p.velocities.pop(), u = n.position - r.position, m = n.time - r.time; (h.velocity = u / m), (h.velocity /= 2), Math.abs(h.velocity) < l.freeMode.minimumVelocity && (h.velocity = 0), (150 < m || 300 < f() - n.time) && (h.velocity = 0); } else h.velocity = 0; (h.velocity *= l.freeMode.momentumVelocityRatio), (p.velocities.length = 0); let e = 1e3 * l.freeMode.momentumRatio; const r = h.velocity * e; let i = h.translate + r; d && (i = -i); let t, s = !1; n = 20 * Math.abs(h.velocity) * l.freeMode.momentumBounceRatio; let a; if (i < h.maxTranslate()) l.freeMode.momentumBounce ? (i + h.maxTranslate() < -n && (i = h.maxTranslate() - n), (t = h.maxTranslate()), (s = !0), (p.allowMomentumBounce = !0)) : (i = h.maxTranslate()), l.loop && l.centeredSlides && (a = !0); else if (i > h.minTranslate()) l.freeMode.momentumBounce ? (i - h.minTranslate() > n && (i = h.minTranslate() + n), (t = h.minTranslate()), (s = !0), (p.allowMomentumBounce = !0)) : (i = h.minTranslate()), l.loop && l.centeredSlides && (a = !0); else if (l.freeMode.sticky) { let t; for (let e = 0; e < c.length; e += 1) if (c[e] > -i) { t = e; break; } i = -(i = Math.abs(c[t] - i) < Math.abs(c[t - 1] - i) || "next" === h.swipeDirection ? c[t] : c[t - 1]); } if ( (a && m("transitionEnd", () => { h.loopFix(); }), 0 !== h.velocity) ) { if ( ((e = d ? Math.abs((-i - h.translate) / h.velocity) : Math.abs((i - h.translate) / h.velocity)), l.freeMode.sticky) ) { const r = Math.abs((d ? -i : i) - h.translate), u = h.slidesSizesGrid[h.activeIndex]; e = r < u ? l.speed : r < 2 * u ? 1.5 * l.speed : 2.5 * l.speed; } } else if (l.freeMode.sticky) return void h.slideToClosest(); l.freeMode.momentumBounce && s ? (h.updateProgress(t), h.setTransition(e), h.setTranslate(i), h.transitionStart(!0, h.swipeDirection), (h.animating = !0), o.transitionEnd(() => { h && !h.destroyed && p.allowMomentumBounce && (u("momentumBounce"), h.setTransition(l.speed), setTimeout(() => { h.setTranslate(t), o.transitionEnd(() => { h && !h.destroyed && h.transitionEnd(); }); }, 0)); })) : h.velocity ? (u("_freeModeNoMomentumRelease"), h.updateProgress(i), h.setTransition(e), h.setTranslate(i), h.transitionStart(!0, h.swipeDirection), h.animating || ((h.animating = !0), o.transitionEnd(() => { h && !h.destroyed && h.transitionEnd(); }))) : h.updateProgress(i), h.updateActiveIndex(), h.updateSlidesClasses(); } else { if (l.freeMode.sticky) return void h.slideToClosest(); l.freeMode && u("_freeModeNoMomentumRelease"); } (!l.freeMode.momentum || e >= l.longSwipesMs) && (h.updateProgress(), h.updateActiveIndex(), h.updateSlidesClasses()); } }, }, }); }, function (e) { let p, h, u, { swiper: m, extendParams: t } = e; t({ grid: { rows: 1, fill: "column" } }), (m.grid = { initSlides: (e) => { var t = m.params["slidesPerView"], { rows: i, fill: s } = m.params.grid; (h = p / i), (u = Math.floor(e / i)), (p = Math.floor(e / i) === e / i ? e : Math.ceil(e / i) * i), "auto" !== t && "row" === s && (p = Math.max(p, t * i)); }, updateSlide: (e, t, i, s) => { var { slidesPerGroup: a, spaceBetween: n } = m.params, { rows: r, fill: l } = m.params.grid; let o, d, c; if ("row" === l && 1 < a) { const h = Math.floor(e / (a * r)), u = e - r * a * h, m = 0 === h ? a : Math.min(Math.ceil((i - h * r * a) / r), a); (c = Math.floor(u / m)), (o = (d = u - c * m + h * a) + (c * p) / r), t.css({ "-webkit-order": o, order: o }); } else "column" === l ? ((d = Math.floor(e / r)), (c = e - d * r), (d > u || (d === u && c === r - 1)) && (c += 1) >= r && ((c = 0), (d += 1))) : ((c = Math.floor(e / h)), (d = e - c * h)); t.css(s("margin-top"), 0 !== c ? n && n + "px" : ""); }, updateWrapperSize: (i, s, e) => { var { spaceBetween: t, centeredSlides: a, roundLengths: n, } = m.params, r = m.params.grid["rows"]; if ( ((m.virtualSize = (i + t) * p), (m.virtualSize = Math.ceil(m.virtualSize / r) - t), m.$wrapperEl.css({ [e("width")]: m.virtualSize + t + "px", }), a) ) { s.splice(0, s.length); const i = []; for (let t = 0; t < s.length; t += 1) { let e = s[t]; n && (e = Math.floor(e)), s[t] < m.virtualSize + s[0] && i.push(e); } s.push(...i); } }, }); }, function (e) { e = e.swiper; Object.assign(e, { appendSlide: function (t) { const { $wrapperEl: i, params: e } = this; if ( (e.loop && this.loopDestroy(), "object" == typeof t && "length" in t) ) for (let e = 0; e < t.length; e += 1) t[e] && i.append(t[e]); else i.append(t); e.loop && this.loopCreate(), e.observer || this.update(); }.bind(e), prependSlide: function (t) { const e = this, { params: i, $wrapperEl: s, activeIndex: a } = e; i.loop && e.loopDestroy(); let n = a + 1; if ("object" == typeof t && "length" in t) { for (let e = 0; e < t.length; e += 1) t[e] && s.prepend(t[e]); n = a + t.length; } else s.prepend(t); i.loop && e.loopCreate(), i.observer || e.update(), e.slideTo(n, 0, !1); }.bind(e), addSlide: function (t, i) { const s = this, { $wrapperEl: a, params: n, activeIndex: e } = s; let r = e; n.loop && ((r -= s.loopedSlides), s.loopDestroy(), (s.slides = a.children("." + n.slideClass))); var l = s.slides.length; if (t <= 0) s.prependSlide(i); else if (l <= t) s.appendSlide(i); else { let e = r > t ? r + 1 : r; const o = []; for (let e = l - 1; e >= t; --e) { const t = s.slides.eq(e); t.remove(), o.unshift(t); } if ("object" == typeof i && "length" in i) { for (let e = 0; e < i.length; e += 1) i[e] && a.append(i[e]); e = r > t ? r + i.length : r; } else a.append(i); for (let e = 0; e < o.length; e += 1) a.append(o[e]); n.loop && s.loopCreate(), n.observer || s.update(), n.loop ? s.slideTo(e + s.loopedSlides, 0, !1) : s.slideTo(e, 0, !1); } }.bind(e), removeSlide: function (t) { const i = this, { params: e, $wrapperEl: s, activeIndex: a } = i; let n = a; e.loop && ((n -= i.loopedSlides), i.loopDestroy(), (i.slides = s.children("." + e.slideClass))); let r, l = n; if ("object" == typeof t && "length" in t) { for (let e = 0; e < t.length; e += 1) (r = t[e]), i.slides[r] && i.slides.eq(r).remove(), r < l && --l; l = Math.max(l, 0); } else (r = t), i.slides[r] && i.slides.eq(r).remove(), r < l && --l, (l = Math.max(l, 0)); e.loop && i.loopCreate(), e.observer || i.update(), e.loop ? i.slideTo(l + i.loopedSlides, 0, !1) : i.slideTo(l, 0, !1); }.bind(e), removeAllSlides: function () { const t = []; for (let e = 0; e < this.slides.length; e += 1) t.push(e); this.removeSlide(t); }.bind(e), }); }, function (e) { let { swiper: r, extendParams: t, on: i } = e; t({ fadeEffect: { crossFade: !1, transformEl: null } }), P({ effect: "fade", swiper: r, on: i, setTranslate: () => { const s = r["slides"], a = r.params.fadeEffect; for (let i = 0; i < s.length; i += 1) { const s = r.slides.eq(i); let e = -s[0].swiperSlideOffset, t = (r.params.virtualTranslate || (e -= r.translate), 0); r.isHorizontal() || ((t = e), (e = 0)); var n = r.params.fadeEffect.crossFade ? Math.max(1 - Math.abs(s[0].progress), 0) : 1 + Math.min(Math.max(s[0].progress, -1), 0); I(a, s) .css({ opacity: n }) .transform(`translate3d(${e}px, ${t}px, 0px)`); } }, setTransition: (e) => { var t = r.params.fadeEffect["transformEl"]; (t ? r.slides.find(t) : r.slides).transition(e), O({ swiper: r, duration: e, transformEl: t, allSlides: !0, }); }, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !r.params.cssMode, }), }); }, function (e) { let { swiper: v, extendParams: t, on: i } = e; t({ cubeEffect: { slideShadows: !0, shadow: !0, shadowOffset: 20, shadowScale: 0.94, }, }); const g = (e, t, i) => { let s = i ? e.find(".swiper-slide-shadow-left") : e.find(".swiper-slide-shadow-top"), a = i ? e.find(".swiper-slide-shadow-right") : e.find(".swiper-slide-shadow-bottom"); 0 === s.length && ((s = z( `<div class="swiper-slide-shadow-${ i ? "left" : "top" }"></div>` )), e.append(s)), 0 === a.length && ((a = z( `<div class="swiper-slide-shadow-${ i ? "right" : "bottom" }"></div>` )), e.append(a)), s.length && (s[0].style.opacity = Math.max(-t, 0)), a.length && (a[0].style.opacity = Math.max(t, 0)); }; P({ effect: "cube", swiper: v, on: i, setTranslate: () => { const { $el: e, $wrapperEl: t, slides: l, width: i, height: s, rtlTranslate: o, size: d, browser: a, } = v, c = v.params.cubeEffect, p = v.isHorizontal(), h = v.virtual && v.params.virtual.enabled; let n, u = 0; c.shadow && (p ? (0 === (n = t.find(".swiper-cube-shadow")).length && ((n = z('<div class="swiper-cube-shadow"></div>')), t.append(n)), n.css({ height: i + "px" })) : 0 === (n = e.find(".swiper-cube-shadow")).length && ((n = z('<div class="swiper-cube-shadow"></div>')), e.append(n))); for (let r = 0; r < l.length; r += 1) { const v = l.eq(r); let e = r, t = 90 * (e = h ? parseInt(v.attr("data-swiper-slide-index"), 10) : e), i = Math.floor(t / 360); o && ((t = -t), (i = Math.floor(-t / 360))); const z = Math.max(Math.min(v[0].progress, 1), -1); let s = 0, a = 0, n = 0; e % 4 == 0 ? ((s = 4 * -i * d), (n = 0)) : (e - 1) % 4 == 0 ? ((s = 0), (n = 4 * -i * d)) : (e - 2) % 4 == 0 ? ((s = d + 4 * i * d), (n = d)) : (e - 3) % 4 == 0 && ((s = -d), (n = 3 * d + 4 * d * i)), o && (s = -s), p || ((a = s), (s = 0)); var m = `rotateX(${p ? 0 : -t}deg) rotateY(${ p ? t : 0 }deg) translate3d(${s}px, ${a}px, ${n}px)`; z <= 1 && -1 < z && ((u = 90 * e + 90 * z), o && (u = 90 * -e - 90 * z)), v.transform(m), c.slideShadows && g(v, z, p); } if ( (t.css({ "-webkit-transform-origin": `50% 50% -${d / 2}px`, "transform-origin": `50% 50% -${d / 2}px`, }), c.shadow) ) if (p) n.transform( `translate3d(0px, ${i / 2 + c.shadowOffset}px, ${ -i / 2 }px) rotateX(90deg) rotateZ(0deg) scale(${c.shadowScale})` ); else { const e = Math.abs(u) - 90 * Math.floor(Math.abs(u) / 90), v = 1.5 - (Math.sin((2 * e * Math.PI) / 360) / 2 + Math.cos((2 * e * Math.PI) / 360) / 2), t = c.shadowScale, l = c.shadowScale / v, g = c.shadowOffset; n.transform( `scale3d(${t}, 1, ${l}) translate3d(0px, ${ s / 2 + g }px, ${-s / 2 / l}px) rotateX(-90deg)` ); } var r = a.isSafari || a.isWebView ? -d / 2 : 0; t.transform( `translate3d(0px,0,${r}px) rotateX(${ v.isHorizontal() ? 0 : u }deg) rotateY(${v.isHorizontal() ? -u : 0}deg)` ), t[0].style.setProperty("--swiper-cube-translate-z", r + "px"); }, setTransition: (e) => { const { $el: t, slides: i } = v; i .transition(e) .find( ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left" ) .transition(e), v.params.cubeEffect.shadow && !v.isHorizontal() && t.find(".swiper-cube-shadow").transition(e); }, recreateShadows: () => { const i = v.isHorizontal(); v.slides.each((e) => { var t = Math.max(Math.min(e.progress, 1), -1); g(z(e), t, i); }); }, getEffectParams: () => v.params.cubeEffect, perspective: () => !0, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, resistanceRatio: 0, spaceBetween: 0, centeredSlides: !1, virtualTranslate: !0, }), }); }, function (e) { let { swiper: p, extendParams: t, on: i } = e; t({ flipEffect: { slideShadows: !0, limitRotation: !0, transformEl: null, }, }); const h = (e, t, i) => { let s = p.isHorizontal() ? e.find(".swiper-slide-shadow-left") : e.find(".swiper-slide-shadow-top"), a = p.isHorizontal() ? e.find(".swiper-slide-shadow-right") : e.find(".swiper-slide-shadow-bottom"); 0 === s.length && (s = D(i, e, p.isHorizontal() ? "left" : "top")), 0 === a.length && (a = D(i, e, p.isHorizontal() ? "right" : "bottom")), s.length && (s[0].style.opacity = Math.max(-t, 0)), a.length && (a[0].style.opacity = Math.max(t, 0)); }; P({ effect: "flip", swiper: p, on: i, setTranslate: () => { const { slides: r, rtlTranslate: l } = p, o = p.params.flipEffect; for (let n = 0; n < r.length; n += 1) { const c = r.eq(n); let e = c[0].progress; p.params.flipEffect.limitRotation && (e = Math.max(Math.min(c[0].progress, 1), -1)); var d = c[0].swiperSlideOffset; let t = -180 * e, i = 0, s = p.params.cssMode ? -d - p.translate : -d, a = 0; p.isHorizontal() ? l && (t = -t) : ((a = s), (s = 0), (i = -t), (t = 0)), (c[0].style.zIndex = -Math.abs(Math.round(e)) + r.length), o.slideShadows && h(c, e, o); d = `translate3d(${s}px, ${a}px, 0px) rotateX(${i}deg) rotateY(${t}deg)`; I(o, c).transform(d); } }, setTransition: (e) => { var t = p.params.flipEffect["transformEl"]; (t ? p.slides.find(t) : p.slides) .transition(e) .find( ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left" ) .transition(e), O({ swiper: p, duration: e, transformEl: t }); }, recreateShadows: () => { const s = p.params.flipEffect; p.slides.each((e) => { var t = z(e); let i = t[0].progress; p.params.flipEffect.limitRotation && (i = Math.max(Math.min(e.progress, 1), -1)), h(t, i, s); }); }, getEffectParams: () => p.params.flipEffect, perspective: () => !0, overwriteParams: () => ({ slidesPerView: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !p.params.cssMode, }), }); }, function (e) { let { swiper: b, extendParams: t, on: i } = e; t({ coverflowEffect: { rotate: 50, stretch: 0, depth: 100, scale: 1, modifier: 1, slideShadows: !0, transformEl: null, }, }), P({ effect: "coverflow", swiper: b, on: i, setTranslate: () => { const { width: e, height: o, slides: d, slidesSizesGrid: c, } = b, p = b.params.coverflowEffect, h = b.isHorizontal(), u = b.translate, m = h ? e / 2 - u : o / 2 - u, v = h ? p.rotate : -p.rotate, g = p.depth; for (let l = 0, e = d.length; l < e; l += 1) { const b = d.eq(l), o = c[l], u = (m - b[0].swiperSlideOffset - o / 2) / o, w = "function" == typeof p.modifier ? p.modifier(u) : u * p.modifier; let e = h ? v * w : 0, t = h ? 0 : v * w, i = -g * Math.abs(w), s = p.stretch, a = ("string" == typeof s && -1 !== s.indexOf("%") && (s = (parseFloat(p.stretch) / 100) * o), h ? 0 : s * w), n = h ? s * w : 0, r = 1 - (1 - p.scale) * Math.abs(w); Math.abs(n) < 0.001 && (n = 0), Math.abs(a) < 0.001 && (a = 0), Math.abs(i) < 0.001 && (i = 0), Math.abs(e) < 0.001 && (e = 0), Math.abs(t) < 0.001 && (t = 0), Math.abs(r) < 0.001 && (r = 0); var f = `translate3d(${n}px,${a}px,${i}px) rotateX(${t}deg) rotateY(${e}deg) scale(${r})`; if ( (I(p, b).transform(f), (b[0].style.zIndex = 1 - Math.abs(Math.round(w))), p.slideShadows) ) { let e = h ? b.find(".swiper-slide-shadow-left") : b.find(".swiper-slide-shadow-top"), t = h ? b.find(".swiper-slide-shadow-right") : b.find(".swiper-slide-shadow-bottom"); 0 === e.length && (e = D(p, b, h ? "left" : "top")), 0 === t.length && (t = D(p, b, h ? "right" : "bottom")), e.length && (e[0].style.opacity = 0 < w ? w : 0), t.length && (t[0].style.opacity = 0 < -w ? -w : 0); } } }, setTransition: (e) => { var t = b.params.coverflowEffect["transformEl"]; (t ? b.slides.find(t) : b.slides) .transition(e) .find( ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left" ) .transition(e); }, perspective: () => !0, overwriteParams: () => ({ watchSlidesProgress: !0 }), }); }, function (e) { let { swiper: b, extendParams: t, on: i } = e; t({ creativeEffect: { transformEl: null, 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, }, }, }); P({ effect: "creative", swiper: b, on: i, setTranslate: () => { const { slides: a, $wrapperEl: e, slidesSizesGrid: n } = b, r = b.params.creativeEffect, l = r["progressMultiplier"], o = b.params.centeredSlides; if (o) { const a = n[0] / 2 - b.params.slidesOffsetBefore || 0; e.transform(`translateX(calc(50% - ${a}px))`); } for (let s = 0; s < a.length; s += 1) { const n = a.eq(s), u = n[0].progress, m = Math.min( Math.max(n[0].progress, -r.limitProgress), r.limitProgress ); let e = m; o || (e = Math.min( Math.max(n[0].originalProgress, -r.limitProgress), r.limitProgress )); const v = n[0].swiperSlideOffset, g = [b.params.cssMode ? -v - b.translate : -v, 0, 0], f = [0, 0, 0]; let t = !1, i = (b.isHorizontal() || ((g[1] = g[0]), (g[0] = 0)), { translate: [0, 0, 0], rotate: [0, 0, 0], scale: 1, opacity: 1, }); m < 0 ? ((i = r.next), (t = !0)) : 0 < m && ((i = r.prev), (t = !0)), g.forEach((e, t) => { g[t] = `calc(${e}px + (${ ((e = i.translate[t]), "string" == typeof e ? e : e + "px") } * ${Math.abs(m * l)}))`; }), f.forEach((e, t) => { f[t] = i.rotate[t] * Math.abs(m * l); }), (n[0].style.zIndex = -Math.abs(Math.round(u)) + a.length); var d = g.join(", "), c = `rotateX(${f[0]}deg) rotateY(${f[1]}deg) rotateZ(${f[2]}deg)`, p = e < 0 ? `scale(${1 + (1 - i.scale) * e * l})` : `scale(${1 - (1 - i.scale) * e * l})`, h = e < 0 ? 1 + (1 - i.opacity) * e * l : 1 - (1 - i.opacity) * e * l, d = `translate3d(${d}) ${c} ` + p; if ((t && i.shadow) || !t) { let e = n.children(".swiper-slide-shadow"); if ((e = 0 === e.length && i.shadow ? D(r, n) : e).length) { const b = r.shadowPerProgress ? m * (1 / r.limitProgress) : m; e[0].style.opacity = Math.min( Math.max(Math.abs(b), 0), 1 ); } } const w = I(r, n); w.transform(d).css({ opacity: h }), i.origin && w.css("transform-origin", i.origin); } }, setTransition: (e) => { var t = b.params.creativeEffect["transformEl"]; (t ? b.slides.find(t) : b.slides) .transition(e) .find(".swiper-slide-shadow") .transition(e), O({ swiper: b, duration: e, transformEl: t, allSlides: !0 }); }, perspective: () => b.params.creativeEffect.perspective, overwriteParams: () => ({ watchSlidesProgress: !0, virtualTranslate: !b.params.cssMode, }), }); }, function (e) { let { swiper: b, extendParams: t, on: i } = e; t({ cardsEffect: { slideShadows: !0, transformEl: null, rotate: !0, perSlideRotate: 2, perSlideOffset: 8, }, }), P({ effect: "cards", swiper: b, on: i, setTranslate: () => { const { slides: l, activeIndex: o } = b, d = b.params.cardsEffect, { startTranslate: c, isTouched: p } = b.touchEventsData, h = b.translate; for (let r = 0; r < l.length; r += 1) { const g = l.eq(r), f = g[0].progress, w = Math.min(Math.max(f, -4), 4); let e = g[0].swiperSlideOffset, t = (b.params.centeredSlides && !b.params.cssMode && b.$wrapperEl.transform( `translateX(${b.minTranslate()}px)` ), b.params.centeredSlides && b.params.cssMode && (e -= l[0].swiperSlideOffset), b.params.cssMode ? -e - b.translate : -e), i = 0; var u = -100 * Math.abs(w); let s = 1, a = -d.perSlideRotate * w, n = d.perSlideOffset - 0.75 * Math.abs(w); var m = b.virtual && b.params.virtual.enabled ? b.virtual.from + r : r, v = (m === o || m === o - 1) && 0 < w && w < 1 && (p || b.params.cssMode) && h < c, m = (m === o || m === o + 1) && w < 0 && -1 < w && (p || b.params.cssMode) && c < h; if (v || m) { const l = (1 - Math.abs((Math.abs(w) - 0.5) / 0.5)) ** 0.5; (a += -28 * w * l), (s += -0.5 * l), (n += 96 * l), (i = -25 * l * Math.abs(w) + "%"); } if ( ((t = w < 0 ? `calc(${t}px + (${n * Math.abs(w)}%))` : 0 < w ? `calc(${t}px + (-${n * Math.abs(w)}%))` : t + "px"), !b.isHorizontal()) ) { const l = i; (i = t), (t = l); } (v = w < 0 ? "" + (1 + (1 - s) * w) : "" + (1 - (1 - s) * w)), (m = ` translate3d(${t}, ${i}, ${u}px) rotateZ(${d.rotate ? a : 0}deg) scale(${v}) `); if (d.slideShadows) { let e = g.find(".swiper-slide-shadow"); (e = 0 === e.length ? D(d, g) : e).length && (e[0].style.opacity = Math.min( Math.max((Math.abs(w) - 0.5) / 0.5, 0), 1 )); } (g[0].style.zIndex = -Math.abs(Math.round(f)) + l.length), I(d, g).transform(m); } }, setTransition: (e) => { var t = b.params.cardsEffect["transformEl"]; (t ? b.slides.find(t) : b.slides) .transition(e) .find(".swiper-slide-shadow") .transition(e), O({ swiper: b, duration: e, transformEl: t }); }, perspective: () => !0, overwriteParams: () => ({ watchSlidesProgress: !0, virtualTranslate: !b.params.cssMode, }), }); }, ]), C ); }); var ANIUTIL = (function () { function t(e) { function t(e) { (this.opts = e), (this.resizeTiming = e.resizeTiming || 100), this.setElement(), this.setVideoStyle(), this.bindEvent(); } var i = t.prototype; (i.setElement = function () { void 0 !== this.opts.wrapElement && (this.wrapElement = this.opts.wrapElement.jquery ? this.opts.wrapElement[0] : this.opts.wrapElement), void 0 !== this.opts.targetVideo && (this.targetVideo = this.opts.targetVideo.jquery ? this.opts.targetVideo[0] : this.opts.targetVideo); }), (i.setVideoStyle = function () { (this.wrapElement.style.overflow = "hidden"), (this.targetVideo.style.position = "absolute"), (this.targetVideo.style.top = "50%"), (this.targetVideo.style.left = "50%"), (this.targetVideo.style.transform = "translate(-50%, -50%)"); }), (i.bindEvent = function () { var e = this; window.addEventListener("load", function () { e.setVideoSize(); }), window.addEventListener("resize", function () { e.setVideoSize(); }); }), (i.getVideoInfo = function () { (this.wrapWidth = this.wrapElement.clientWidth), (this.wrapHeight = this.wrapElement.clientHeight), (this.videoWidth = this.targetVideo.clientWidth), (this.videoHeight = this.targetVideo.clientHeight), (this.wrapRatio = this.wrapHeight / this.wrapWidth), (this.videoRatio = this.videoHeight / this.videoWidth); }), (i.setVideoSize = function () { var e = this; clearTimeout(null), setTimeout(function () { e.getVideoInfo(), e.wrapRatio < e.videoRatio ? ((e.targetVideo.style.width = "100%"), (e.targetVideo.style.height = "auto")) : ((e.targetVideo.style.width = "auto"), (e.targetVideo.style.height = "100%")); }, this.resizeTiming); }), new t(e); } function i(e) { var t, i, s = null, a = null, n = e ? e + 200 : 200, r = function () { null == s ? ((i = document.scrollingElement || document.documentElement || document.body.parentNode || document.body), (t = document.body.clientHeight), (i = window.pageYOffset + i.clientHeight), (s = i / t)) : (t = document.body.clientHeight); }, l = function () { clearTimeout(a), (a = setTimeout(function () { window.scrollTo(0, t * s - window.innerHeight), (s = null); }, n)); }; window.addEventListener("resize", function () { r(), l(); }); } function s() { return ( !( -1 < navigator.userAgent.indexOf("Windows") || -1 < navigator.userAgent.indexOf("Macintosh") ) && (!!( "ontouchstart" in window || (window.DocumentTouch && document instanceof window.DocumentTouch) ) || void 0) ); } return { calRange: function (e) { return ( 0 < (e = { targetValue: (e = e).targetValue, progress: e.progress, startPoint: e.startPoint || 0, endPoint: e.endPoint || 100, }).startPoint && (e.endPoint = 0 < e.endPoint - e.startPoint ? e.endPoint - e.startPoint : e.endPoint), (t = (t = (t = (e.targetValue * (e.progress - e.startPoint)) / e.endPoint) > e.targetValue ? e.targetValue : t) < 0 ? 0 : t) ); var t; }, videoObjectFit: function (e) { t(e); }, addClass: function (e) { for (var t = e, i = t.classList.length, s = 0; s < i; s++) t.targetElement.classList.add(t.classList[s]); }, removeClass: function (e) { for (var t = e, i = t.classList.length, s = 0; s < i; s++) t.targetElement.classList.remove(t.classList[s]); }, scrollController: function (e) { var i, s = (s = e) || {}, t = navigator.userAgent.toLowerCase(), a = document.scrollingElement || document.documentElement || document.body.parentNode || document.body, n = s.speed || 120, r = 0 <= s.duration ? s.duration : 1, l = a.scrollTop, o = a === document.body && document.documentElement ? document.documentElement : a, d = !1, c = null, e = function () { ("Netscape" == navigator.appName && -1 != navigator.userAgent.search("Trident")) || -1 != t.indexOf("msie") ? document.addEventListener( "mousewheel", function (e) { "hidden" != document.documentElement.style.overflow && h.scrollEvent(e); }, { passive: !1 } ) : document.addEventListener( "wheel", function (e) { h.hasScrollBox(e.target) || h.scrollEvent(e); }, { passive: !1 } ); }, p = function () { window.addEventListener("scroll", function () { "hidden" == document.documentElement.style.overflow || d || (l = a.scrollTop); }); }, h = { scrollEvent: function (e) { e.preventDefault(); var t = document.body.getAttribute("data-scroll-speed"), e = this.normalizeWheelDelta(e), t = s.currDelta && t ? t : t || n ? n : 120; (l += -e * t), (i = Math.max( 0, Math.min(l, a.scrollHeight - o.clientHeight) )), this.update(); }, normalizeWheelDelta: function (e) { return e.detail ? e.wheelDelta ? (e.wheelDelta / e.detail / 40) * (0 < e.detail ? 1 : -1) : -e.detail / 3 : e.wheelDelta / 120; }, update: function () { var e = i - a.scrollTop, e = Math.ceil(a.scrollTop + e) <= 0 ? 0 : i < l ? i : Math.ceil(a.scrollTop + e); (d = !0), TweenMax.to(a, r, { ease: "power1.out", scrollTop: e, onComplete: function () { clearTimeout(c), (c = null), (c = setTimeout(function () { (d = !1), (l = a.scrollTop); }, 500)); }, }), l <= 0 ? (l = 0) : i <= l && (l = i); }, hasScrollBox: function (e) { for (; e && e !== document.body && e !== document; ) { var t = window.getComputedStyle(e).overflow; if (t && (-1 < t.indexOf("auto") || -1 < t.indexOf("scroll"))) return !0; e = e.parentNode; } return !1; }, }; window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame, (-1 == t.indexOf("chrome") && -1 != t.indexOf("safari")) || (e(), p()); }, resizeScrollOffset: function (e) { i(e); }, checkTouchDevice: s, checkFold: function () { var e, t = screen.width / screen.height, i = s() && 0.7137 < t && t < 0.8 && "width=768" == document.getElementsByName("viewport")[0].content, t = s() && 0.8 < t && t < 0.95 && "width=768" == document.getElementsByName("viewport")[0].content; return i ? (e = "isFold") : t && (e = "isFoldLatest"), e; }, deviceConsole: function (e, t) { var i, s; document.querySelector(".console-layer") || ((i = document.createElement("div")).classList.add("console-layer"), i.setAttribute( "style", "position: fixed; left: 0; top: 0; padding: 20px; z-index:1000000000; background: #fff;" ), document.querySelector("body").append(i)), "multi" == t ? ((i = document.querySelector(".console-layer")), (s = document.createElement("div")).classList.add( "console-value" ), s.setAttribute( "style", "border: 1px #ddd solid; float: left; padding: 10px;" ), i.append(s)) : (s = (document.querySelector(".console-value") || ((s = document.createElement("div")).classList.add( "console-value" ), s.setAttribute( "style", "border: 1px #ddd solid; float: left; padding: 10px;" ), i.append(s)), document.querySelector(".console-value"))), (s.innerHTML = e); }, percentToPixel: function (e) { return e.targetValue * (e.progress / 100); }, responsiveHandler: function (s) { var a, e, n, r, t = (window.resolutionStatus = null), s = (window.innerWidth, { resolution: s.resolution, statusName: s.statusName || [], callback: s.callback || [], activeTiming: s.activeTiming || 100, }), i = function () { r = window.innerWidth; for (var e = 0; e < s.resolution.length; e++) { var t = s.resolution[e], i = s.resolution[e + 1] || 0; (r <= t && i < r && a != s.statusName[e]) || (r <= t && i < r && n != e) ? (document.documentElement.classList.remove(a), (a = s.statusName[e] || e), (n = e), document.documentElement.classList.add(a)) : ((r >= s.resolution[0] && a != s.statusName[0]) || (r >= s.resolution[0] && !n)) && (document.documentElement.classList.remove(a), (a = s.statusName[0] || e), (n = e), document.documentElement.classList.add(a)); } }, l = function () { clearTimeout(t), console.log(s.activeTiming), e != n && s.callback[n] && (t = setTimeout(function () { s.callback[n](), (t = null), (e = n); }, s.activeTiming)); }; return (function () { return ( window.addEventListener("DOMContentLoaded", function () { i(), (e = n); }), window.addEventListener("resize", function () { i(), l(); }), this ); })(); }, }; })(); window.VXT = window.VXT || {}; const UTILS = (function () { return { isIosDevice: ((s = /iPad|iPhone|iPod/.test(navigator.userAgent)) ? document.documentElement.classList.add("isIosDevice") : document.documentElement.classList.add("isNotIosDevice"), s), checkGlobal: void (0 === location.pathname.indexOf("/global/galaxy") || !0 === window.IS_CAMPAIGN ? document.documentElement.classList.add("global") : document.documentElement.classList.add("dotcom")), checkOS: ((s = (s = navigator.appVersion.match(/(mac|win|linux)/i)) ? s[1].toLowerCase() : ""), void document.documentElement.classList.add(s)), isFireFox: void ( /firefox/i.test(navigator.userAgent) && document.documentElement.classList.add("firefox") ), isWebkit: void ( /applewebkit/i.test(navigator.userAgent) && document.documentElement.classList.add("webkit") ), isChrome: void ( /chrome/i.test(navigator.userAgent) && document.documentElement.classList.add("chrome") ), isOpera: void ( /opera/i.test(navigator.userAgent) && document.documentElement.classList.add("opera") ), isIos: void ( /ip(ad|hone|od)/i.test(navigator.userAgent) && document.documentElement.classList.add("ios") ), isCrIos: void ( /crios/i.test(navigator.userAgent) && document.documentElement.classList.add("crios") ), isAndroid: void ( /android/i.test(navigator.userAgent) && document.documentElement.classList.add("android") ), isSafari: ((s = /applewebkit/i.test(navigator.userAgent)), (i = /chrome/i.test(navigator.userAgent)), void (s && !i && document.documentElement.classList.add("safari"))), isHuawei: void ( /HUAWEICLT/i.test(navigator.userAgent) && document.documentElement.classList.add("huawei") ), isUCBrowser: void ( /UCBrowser/i.test(navigator.userAgent) && document.documentElement.classList.add("ucbrowser") ), winSize: ((s = "Netscape" === navigator.appName), (i = -1 !== navigator.appVersion.indexOf("Mac")), (e = -1 !== navigator.userAgent.indexOf("Safari")), (t = -1 !== navigator.userAgent.indexOf("Chrome")), s && !i && e && !t ? function () { return { w: $(win).width(), h: $(win).height() }; } : function () { return { w: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, h: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, }; }), requestAFrame: window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (e) { return window.setTimeout(e, 1e3 / 60); }, cancelAFrame: window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || window.msCancelAnimationFrame || function (e) { window.clearTimeout(e); }, isInVerticalViewPort: function (e) { e = e.getBoundingClientRect(); return e.top - 200 <= UTILS.getViewPort().height && 0 <= e.bottom; }, isInHorizontalViewPort: function (e) { e = e.getBoundingClientRect(); return ( e.left - 200 <= UTILS.getViewPort().width && 0 <= e.right + 200 ); }, isInViewPort(e) { return ( UTILS.isInVerticalViewPort(e) && UTILS.isInHorizontalViewPort(e) ); }, isVisible(e) { return ( UTILS.isInViewPort(e) && !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length) ); }, isObject: function (e) { return ( "object" == typeof e && null !== e && e.constructor && e.constructor === Object ); }, def: function () { for (var e = [], t = arguments.length; t--; ) e[t] = arguments[t]; for (var i = Object(e[0]), s = 1; s < e.length; s += 1) { var a = e[s]; if (null != a) for ( var n = Object.keys(Object(a)), r = 0, l = n.length; r < l; r += 1 ) { var o = n[r], d = Object.getOwnPropertyDescriptor(a, o); void 0 !== d && d.enumerable && (this.isObject(i[o]) && this.isObject(a[o]) ? this.def(i[o], a[o]) : !this.isObject(i[o]) && this.isObject(a[o]) ? ((i[o] = {}), this.def(i[o], a[o])) : (i[o] = a[o])); } } return i; }, convertArray: function (e) { return Array.prototype.slice.call(e); }, getOffset: function (e) { var t = e.getBoundingClientRect().top + window.pageYOffset, i = e.getBoundingClientRect().bottom + window.pageYOffset; return { top: t, left: e.getBoundingClientRect().left + window.scrollX, bottom: i, }; }, getScroll: function () { var e = window.pageYOffset; return { top: e, bottom: e + window.innerHeight }; }, getViewPort: function () { var e = window, t = "inner"; return ( "innerWidth" in window || ((t = "client"), (e = document.documentElement || document.body)), { width: e[t + "Width"], height: e[t + "Height"] } ); }, getCurrentDevice: function () { var e = UTILS.getViewPort().width; return 1024 <= e ? "desktop" : e < 1024 && 768 <= e ? "tablet" : "mobile"; }, isVerticalVisible: function (e) { return ( UTILS.isInVerticalViewPort(e) && !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length) ); }, isHorizontalVisible: function (e) { return ( UTILS.isInHorizontalViewPort(e) && !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length) ); }, setCookie: function (e, t, i) { var s = new Date(); s.setTime(s.getTime() + 60 * i * 60 * 24 * 1e3), (document.cookie = e + "=" + t + "; exprires=" + s.toUTCString() + "; path=/"); }, getCookie: function (e) { e = document.cookie.match("(^|;) ?" + e + "=([^;]*)(;|$)"); return e ? e[2] : null; }, triggerEvent: function (e, t, i, s, a) { var n, i = i || null, s = s || !1, a = a || !0; null == i ? (n = document.createEvent("HTMLEvents")).initEvent(t, s, a) : (n = document.createEvent("CustomEvent")).initCustomEvent( t, s, a, i ), e.dispatchEvent(n); }, visibleScroll: function () { document.documentElement.classList.contains("isTouchDevice") || (!0 === this.scrollFlag && ((this.scrollFlag = !1), (document.body.style.position = ""), (document.body.style.width = ""), (document.body.style.top = ""), (document.body.style.boxSizing = ""), (document.body.style.paddingRight = ""), (document.documentElement.style.overflow = ""), null !== this.popupEl && ((this.popupEl.style.paddingRight = ""), (this.popupEl = null)), window.scrollTo(0, this.currentPos))); }, hiddenScroll: function (e) { var t; document.documentElement.classList.contains("isTouchDevice") || ((this.popupEl = e || null), (this.scrollFlag = !0), (this.currentPos = window.pageYOffset || document.documentElement.scrollTop), (e = window.innerWidth - document.documentElement.clientWidth), (t = 0 < this.currentPos ? "-" + this.currentPos + "px" : 0), (document.body.style.position = "fixed"), (document.body.style.width = "100%"), (document.body.style.top = t), (document.body.style.boxSizing = "border-box"), (document.body.style.paddingRight = e + "px"), (document.documentElement.style.overflow = "hidden"), null !== this.popupEl && (this.popupEl.style.paddingRight = e + "px")); }, closest: function (e, t) { do { if (e == document.documentElement) return null; if (e.matches ? e.matches(t) : e.msMatchesSelector(t)) return e; } while ( null !== (e = e.parentElement || e.parentNode) || 1 === e.nodeType ); return null; }, onPopupAccessibility: function (e) { e.setAttribute("aria-hidden", !0), e.setAttribute("tabindex", -1); for ( var t = e.querySelectorAll("a, button, input, select, iframe"), i = 0; i < t.length; i++ ) { var s = t[i].getAttribute("aria-hidden"), a = t[i].getAttribute("tabindex"); null != s && null == t[i].getAttribute("data-prev-aria-hidden") && t[i].setAttribute("data-prev-aria-hidden", s), null != a && null == t[i].getAttribute("data-prev-tabindex") && t[i].setAttribute("data-prev-tabindex", a), t[i].setAttribute("tabindex", -1), t[i].setAttribute("aria-hidden", !0); } }, offPopupAccessibility: function (e) { e.removeAttribute("aria-hidden"), e.removeAttribute("tabindex"); for ( var t = e.querySelectorAll("a, button, input, select, iframe"), i = 0; i < t.length; i++ ) { var s = t[i].getAttribute("data-prev-aria-hidden"), a = t[i].getAttribute("data-prev-tabindex"); null != s ? t[i].setAttribute("aria-hidden", s) : t[i].removeAttribute("aria-hidden"), null != a ? t[i].setAttribute("tabindex", a) : t[i].removeAttribute("tabindex"), t[i].removeAttribute("data-prev-aria-hidden"), t[i].removeAttribute("data-prev-tabindex"); } }, onAccessibility: function (e) { if ( !document.documentElement.classList.contains( "is-layer-popup-opened" ) ) { e.setAttribute("aria-hidden", !0), e.setAttribute("tabindex", -1); for ( var t = e.querySelectorAll("a, button, input, select, iframe"), i = 0; i < t.length; i++ ) t[i].setAttribute("tabindex", -1), t[i].setAttribute("aria-hidden", !0); } }, offAccessibility: function (e) { if ( !document.documentElement.classList.contains( "is-layer-popup-opened" ) ) { e.removeAttribute("aria-hidden"), e.removeAttribute("tabindex"); for ( var t = e.querySelectorAll("a, button, input, select, iframe"), i = 0; i < t.length; i++ ) t[i].removeAttribute("tabindex"), t[i].removeAttribute("aria-hidden"); } }, extend: function (t, i) { return ( Object.keys(i).forEach(function (e) { t[e] = i[e]; }), t ); }, getHeight: function (e) { var t, i, s; return e ? ((t = (i = window.getComputedStyle(e)).display), (i = parseInt(i.maxHeight)), (s = 0), "none" != t && 0 != i ? e.offsetHeight : ((e.style.position = "absolute"), (e.style.visibility = "hidden"), (e.style.display = "block"), (s = e.offsetHeight), (e.style.display = ""), (e.style.position = ""), (e.style.visibility = ""), s)) : 0; }, setLastActiveItem: function (e) { this.lastActiveItem = e || null; }, getLastActiveItem: function () { return null != this.lastActiveItem ? this.lastActiveItem : null; }, isRTL: function () { return document.documentElement.classList.contains("rtl"); }, checkRegion: function () { for ( var e = document.getElementsByTagName("meta"), t = "", i = 0; i < e.length; i++ ) if ("sitecode" == e[i].getAttribute("name")) return (t = e[i].getAttribute("content")); if ("" == t) return -1 < document.location.pathname.indexOf("global") ? "global" : "jp"; }, isLowNetwork: function () { var e = "global" == UTILS.checkRegion() || "jp" == UTILS.checkRegion() ? "___GALAXY_SPEED" : "__COM_SPEED"; return null == UTILS.getCookie(e) || null == UTILS.getCookie(e) ? null : "L" == UTILS.getCookie(e) || ("H" != UTILS.getCookie(e) && void 0); }, getQueryString: function (e) { var t = (s = location.href).indexOf("?") + 1, i = -1 < s.indexOf("#") ? s.indexOf("#") + 1 : s.length; if (0 == t) return ""; for ( var s = (s = s.substring(t, i)).split("&"), a = "", n = 0; n < s.length; n++ ) { var r = s[n].split("="); if (2 != r.length) break; r[0] == e && (a = r[1]); break; } return a; }, customParallax: function (e) { var t = e.mode || "center", i = e.delay || 0, s = e.ease || "Power0.easeNone", a = e.transZ || 0, n = e.duration || 0.3, r = e.distance || 0, l = e.correction || 0, o = e.windowCorrection ? window.innerHeight * e.windowCorrection : 0, d = e.direction || 1, c = e.activeElement, p = e.targetElement || c, h = e.wrapperElement || c, e = e.unit || "px", u = window.pageYOffset, m = window.pageYOffset + window.innerHeight, c = c.getBoundingClientRect(), v = u + h.getBoundingClientRect().top, h = v + h.getBoundingClientRect().height, g = window.innerHeight + c.height + 2 * o, f = "center" == t ? c.top - (window.innerHeight - c.height) / 2 : c.top - window.innerHeight; "px" == e && (r = (c.height * r) / 100), v <= m + o && u - o <= h && TweenMax.to(p, n, { y: l + ((f * ("center" == t ? 2 * r : r)) / g) * d + e, z: a, ease: s, delay: i, }); }, getNavHeight: function () { var e, t, i = 0, s = document.querySelector(".pd-g-header-navigation") || document.querySelector("#subnav") || document.querySelector(".sticky-menu") || document.querySelector(".pd-g-floating-nav"); return (i = s ? s.classList.contains("pd-g-header-navigation") ? ((t = (e = s.querySelector( ".pd-header-navigation" )).querySelector(".pd-header-navigation__menu-wrap")), e.clientHeight + t.clientHeight) : s.clientHeight : i); }, isBrokenFixed: function () { var e = window.innerWidth, t = window.innerHeight, i = !1; return ( document.documentElement.classList.remove("is-broken-fixed"), (1440 <= e && t <= 540) || (e <= 810 && t / e < 0.5277) || e / window.outerWidth < 0.4 || t < UTILS.MIN_VIEW_HEIGHT ? (document.documentElement.classList.add("is-broken-fixed"), (i = !0)) : document.documentElement.classList.remove("is-broken-fixed"), i ); }, isFullAnimationBrokenFixed: () => { var e = window.innerWidth, t = window.innerHeight, i = !!UTILS.isTouchDevice && window.matchMedia("(orientation: landscape)").matches; let s = !1; return ( (!!UTILS.isTouchDevice && !window.matchMedia("(orientation: landscape)").matches && t / e < 1.5) || i || t < 700 ? (document.documentElement.classList.add( "is-animation-broken-fixed" ), (s = !0)) : document.documentElement.classList.remove( "is-animation-broken-fixed" ), s ); }, isTouchDevice: ((s = "ontouchstart" in window || (window.DocumentTouch && document instanceof window.DocumentTouch)) ? document.documentElement.classList.add("isTouchDevice") : document.documentElement.classList.add("isNotTouchDevice"), s), isIEorEdge: (function () { var e, t = navigator.userAgent.toLowerCase(); if ("Microsoft Internet Explorer" == navigator.appName) e = "msie "; else if (-1 < t.search("trident")) e = "trident/.*rv:"; else { if (!(-1 < t.search("edge/"))) return -1; e = "edge/"; } return null != new RegExp(e + "([0-9]{1,})(\\.{0,}[0-9]{0,1})").exec(t) ? (document.documentElement.classList.add("isIEorEdge"), parseFloat(RegExp.$1 + RegExp.$2)) : -1; })(), page: { scrollLock: { className: "is-no-scroll", barWidth: function () { return window.innerWidth - document.documentElement.clientWidth; }, el: $("html"), run: function (e) { document.documentElement.style.paddingRight = e + "px"; }, off: function () { this.barWidth(); this.el.removeClass(this.className), this.el.removeClass("hive-layer-scroll-lock"), this.run(0); }, on: function () { var e = this.barWidth(); this.el.addClass(this.className), this.run(e); }, }, }, MIN_VIEW_HEIGHT: 400, RESPONSIVE: { PC: { NAME: "pc", WIDTH: 1440 }, TABLET: { NAME: "tablet", WIDTH: 1024 }, MOBILE: { NAME: "mobile", WIDTH: 767 }, }, }; var e, t, i, s; })(); (VXT.UTILS = UTILS), (function () { "use strict"; window.VXT = window.VXT || {}; const m = VXT.UTILS; VXT.ImageLoader = class { constructor(e = container, t) { t = { el: e, lazyClass: ".js-img-src", lazyCompleteClass: "load-complete", startLazyClass: t.startLazyClass || ".js-start-img-src", endLazyClass: t.endLazyClass || ".js-end-img-src", responsiveClass: t.responsiveClass || ".js-res-img", loadOption: t.loadOption, visiblePoint: t.visiblePoint || 0, useDefaultImg: t.useDefaultImg, resizeStart: null, }; (this.opts = t), (this.classes = t.classes), (this.el = document.querySelector(e)), this.init(); } init() { this.initOpts(), this.getLazyImage(), this.getResponsiveImage(), this.bindEvents(); } initOpts() { (this.targetAttr = this.opts.loadOption[0].attribute), (this.responsiveCheck = this.opts.loadOption), (this.dynamicCallCount = 0), (this.dynamicLoadedComplate = !1), this.opts.useDefaultImg && this.setDefaultImage(); } getLazyImage() { const e = Array.from(this.el.querySelectorAll(this.opts.lazyClass)); var t = Array.from( this.el.querySelectorAll(this.opts.startLazyClass) ), t = e.concat(t); (this.lazyImages = t), (this.lazyLength = t.length); } getResponsiveImage() { var e = this.el.querySelectorAll(this.opts.responsiveClass); (this.responsiveImages = e), (this.responsiveLength = e.length); } bindEvents() { window.addEventListener("load", this.onLoadHandler.bind(this)), window.addEventListener("scroll", this.lazyEvent.bind(this)), this.responsiveCheck && window.addEventListener( "resize", this.onResizeHandler.bind(this) ); } onLoadHandler() { this.responsiveHandler(), this.lazyEvent(); } onResizeHandler() { clearTimeout(this.opts.resizeStart), (this.opts.resizeStart = setTimeout(() => { this.responsiveHandler(), this.lazyEvent(); }, 80)); } lazyEvent() { this.setLazyImage(), this.lazyLength === this.lazyCompleteLength && window.removeEventListener("scroll", this.lazyEvent.bind(this)); } responsiveHandler() { this.windowWidth = window.innerWidth; var a = this.opts.loadOption.length; for (let s = 0; s < a; s++) { let e = s + 1, t = e == a ? 0 : this.opts.loadOption[e].resolution, i = !1; (i = (0 == s || this.windowWidth <= this.opts.loadOption[s].resolution) && this.windowWidth > t) && this.opts.loadOption[s].attribute !== this.oldAttr && ((this.targetAttr = this.opts.loadOption[s].attribute), (this.oldAttr = this.targetAttr), (this.attrIndex = s), (this.dynamicCallCount = 0), this.setResponsiveImage()); } } setResponsiveImage(i) { var e = this.opts.lazyClass.split("."), s = e[e.length - 1], e = this.opts.startLazyClass.split("."), a = e[e.length - 1]; if (i) for (let t = 0; t < i.length; t++) { var n = i[t]; let e = i[t].getAttribute(this.targetAttr); (e = e || this.findImageHandler(n)), i[t].classList.contains(this.opts.lazyCompleteClass) || (i[t].setAttribute("src", e), i[t].classList.add(this.opts.lazyCompleteClass), 1 == this.opts.startLazyClass.split(" ").length && i[t].classList.remove(a), 1 == this.opts.lazyClass.split(" ").length && i[t].classList.remove(s)); } else for (let i = 0; i < this.responsiveLength; i++) { let e = this.responsiveImages[i], t = e.getAttribute(this.targetAttr); (t = t || this.findImageHandler(e)), e.classList.contains(this.opts.lazyCompleteClass) && e.setAttribute("src", t); } } checkCompleteImage() { var e = this.el.querySelectorAll("." + this.opts.lazyCompleteClass); this.lazyCompleteLength = e.length; } setDefaultImage() { for (var e = 0; e < this.lazyLength; e++) this.lazyImages[e].setAttribute( "src", "data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" ); } setLazyImage() { this.windowHeight = window.innerHeight; for (let p = 0; p < this.lazyLength; p++) { let t = this.lazyImages[p], e = this.windowHeight * this.opts.visiblePoint, i = m.getScroll.call(this).top - e, s = m.getScroll.call(this).bottom + e, a = m.getOffset.call(this, t).top, n = m.getOffset.call(this, t).bottom, r = this.opts.lazyClass.split("."), l = r[r.length - 1], o = this.opts.startLazyClass.split("."), d = o[o.length - 1], c; var h, u; if ( ("none" === window.getComputedStyle(t).display ? null != (h = t.parentNode).offsetParent && ((c = h.offsetParent), (a = m.getOffset.call(this, h).top), (n = m.getOffset.call(this, h).bottom)) : (c = t.offsetParent), ((s > a && i <= a) || (i < n && s > n) || (i < a && s > n) || (i > a && s < n)) && null != c) ) { let e = t.getAttribute(this.targetAttr); (e = e || this.findImageHandler(t)), t.classList.contains(this.opts.lazyCompleteClass) || (t.setAttribute("src", e), (u = () => { 1 == this.opts.startLazyClass.split(" ").length && t.classList.remove(d), 1 == this.opts.lazyClass.split(" ").length && t.classList.remove(l), this.checkCompleteImage(), t.removeEventListener("load", u); }), t.addEventListener("load", u), t.classList.add(this.opts.lazyCompleteClass)); } } } findRemainingImageAttr(e) { for (var t = this.opts.loadOption.length, i = 0; i < t; i++) { var s = e.getAttribute(this.opts.loadOption[i].attribute); if (s) return s; } } findNextImageAttr(t) { for (let e = this.attrIndex; 0 <= e; e--) { var i = t.getAttribute(this.opts.loadOption[e].attribute); if (i) return i; if (0 == e && null == i) return this.findRemainingImageAttr(t); } } findImageHandler(e) { return 0 !== this.attrIndex ? this.findNextImageAttr(e) : this.findRemainingImageAttr(e); } updateResponsiveImage(t) { for (let e = 0; e < t.length; e++) { const s = t[e]; var i = s.getAttribute(this.targetAttr); i !== s.getAttribute("src") && s.setAttribute("src", i); } } }; })(), (function () { "use strict"; window.VXT = window.VXT || {}; const e = VXT.UTILS, t = e.RESPONSIVE; VXT.VideoLoader = class { constructor(e = container, t) { t = { el: e, lazyClass: t.lazyClass || ".js-video-src", responsiveClass: t.responsiveClass || ".js-res-video", imageLazyCompleteClass: "load-complete", imageEndLazyClass: t.imageEndLazyClass || ".js-end-img-src", notLoadElement: t.notLoadElement || [], loadOption: t.loadOption, visiblePoint: t.visiblePoint || 0, resizeStart: null, classes: { loaded: "loaded", ended: "ended" }, }; (this.opts = t), (this.classes = t.classes), (this.el = document.querySelector(e)), this.init(); } init() { this.initOpts(), this.getLazyVideo(), this.getResponsiveVideo(), this.bindEvents(); } initOpts() { this.getCurrentDevice(); var e = "mobile" !== this.currentDevice ? 0 : 1; (this.prevVideoSrc = ""), (this.targetAttr = this.opts.loadOption[e].attribute), (this.responsiveCheck = this.opts.loadOption), (this.videoCallStack = []); } getLazyVideo() { let e = Array.from( this.el.querySelectorAll(this.opts.lazyClass) ).filter((t) => { t.isVideoInit = !1; { let e = 0; if (e < this.opts.notLoadElement.length) return !t.closest(this.opts.notLoadElement[e]); } }); (e = e.filter((e) => { if (e.querySelector("video")) return e; })), (this.lazyVideos = e), (this.lazyLength = e.length); } getResponsiveVideo() { var e = Array.from( this.el.querySelectorAll(this.opts.responsiveClass) ).filter((t) => { { let e = 0; if (e < this.opts.notLoadElement.length) return !t.closest(this.opts.notLoadElement[e]); } }); (this.responsiveVideos = e), (this.responsiveLength = e.length); } bindEvents() { window.addEventListener("load", this.onLoadHandler.bind(this)), window.addEventListener("scroll", this.lazyEvent.bind(this)), this.responsiveCheck && window.addEventListener( "resize", this.onResizeHandler.bind(this) ); } getCurrentDevice() { (this.winWidth = e.winSize().w), this.winWidth >= t.TABLET.WIDTH ? (this.currentDevice = "desktop") : this.winWidth > t.MOBILE.WIDTH && this.winWidth < t.TABLET.WIDTH ? (this.currentDevice = "tablet") : (this.currentDevice = "mobile"), (this.prevDevice = this.currentDevice); } onLoadHandler() { this.getCurrentDevice(), this.responsiveHandler(), this.lazyEvent(); } onResizeHandler() { clearTimeout(this.opts.resizeStart), (this.opts.resizeStart = setTimeout(() => { this.getCurrentDevice(), this.responsiveHandler(), this.lazyEvent(); }, 80)); } lazyEvent() { this.setLazyVideo(), this.lazyLength === this.lazyCompleteLength && window.removeEventListener("scroll", this.lazyEvent.bind(this)); } responsiveHandler() { this.windowWidth = window.innerWidth; var a = this.opts.loadOption.length; for (let s = 0; s < a; s++) { let e = s + 1, t = e == a ? 0 : this.opts.loadOption[e].resolution, i = !1; (i = (0 == s || this.windowWidth <= this.opts.loadOption[s].resolution) && this.windowWidth > t) && this.opts.loadOption[s].attribute !== this.oldAttr && ((this.targetAttr = this.opts.loadOption[s].attribute), (this.oldAttr = this.targetAttr), (this.attrIndex = s), this.setResponsiveVideo()); } } setResponsiveVideo() { for (let e = 0; e < this.responsiveLength; e++) { const s = this.responsiveVideos[e], a = s.querySelector("video"); let i = s.getAttribute(this.targetAttr); (i = i.split(".mp4")[0]), s.classList.contains(this.classes.loaded) && s.isVideoInit && a.querySelectorAll("source").forEach((e) => { const t = e.getAttribute("type"); -1 < t.indexOf("webm") && (e.src = i + ".webm"), -1 < t.indexOf("mp4") && (e.src = i + ".mp4"), a.load(), a.addEventListener( "canplaythrough", () => { window.setTimeout(() => { s.classList.add(this.classes.loaded); }, 500), this.checkCompleteVideo(), this.getEndImage(s); }, { once: !0 } ); }); } } setLazyVideo() { for (let e = 0; e < this.lazyLength; e++) { var t = window.pageYOffset, i = t + window.innerHeight; const n = this.lazyVideos[e]; var s = n.getBoundingClientRect(), a = t + s.top, s = t + s.bottom; i > a - window.innerHeight * (0 != window.pageYOffset ? this.opts.visiblePoint : 0) && t < s + window.innerHeight * (0 != window.pageYOffset ? this.opts.visiblePoint : 0) && !n.isVideoInit && this.videoCallStack.indexOf(e) < 0 && (this.videoCallStack.push(e), this.setVideoSrc()); } } setVideoSrc() { var e = this.videoCallStack[0]; const t = this.lazyVideos[e], i = t.querySelector("video"); let s = t.getAttribute(this.targetAttr); s = s.split(".mp4")[0]; e = this.opts.lazyClass.split("."); const a = e[e.length - 1]; e = s; this.prevVideoSrc !== e && (i.querySelectorAll("source").forEach((e) => { const t = e.getAttribute("type"); -1 < t.indexOf("webm") && (e.src = s + ".webm"), -1 < t.indexOf("mp4") && (e.src = s + ".mp4"); }), i.load(), i.addEventListener( "canplaythrough", () => { window.setTimeout(() => { t.classList.add(this.classes.loaded); }, 500), 1 == this.opts.lazyClass.split(" ").length && t.classList.remove(a), this.checkCompleteVideo(), this.getEndImage(t), this.videoCallStack.splice(0, 1), 0 < this.videoCallStack.length && this.setVideoSrc(); }, { once: !0 } ), (t.isVideoInit = !0)), (this.prevVideoSrc = e); } getEndImage(e) { var t = "desktop" === this.currentDevice ? "data-src-pc" : "tablet" === this.currentDevice ? "data-src-tablet" : "data-src-mobile"; const i = e.querySelector(this.opts.imageEndLazyClass); e = this.opts.imageEndLazyClass.split("."); const s = e[e.length - 1]; i && !i.classList.contains(this.opts.imageLazyCompleteClass) && ((i.src = i.getAttribute(t)), i.addEventListener( "load", () => { 1 == this.opts.imageEndLazyClass.split(" ").length && i.classList.remove(s), i.classList.add(this.opts.imageLazyCompleteClass); }, { once: !0 } )); } checkCompleteVideo() { var e = Array.from( this.el.querySelectorAll("." + this.classes.loaded) ).filter((t) => { { let e = 0; if (e < this.opts.notLoadElement.length) return !t.closest(this.opts.notLoadElement[e]); } }); this.lazyCompleteLength = e.length; } }; })(), (function () { "use strict"; window.VXT = window.VXT || {}; const o = VXT.UTILS, e = o.RESPONSIVE; VXT.VideoPlayer = class { constructor(e, t) { e = { sectionElement: t.sectionElement, videoParentElement: null, videoElement: e, videoController: ".video__controller", hiddenElement: ".blind", endImage: ".video__end-frame img", videoLazyClass: ".js-video-src", lazyCompleteClass: "load-complete", imageEndLazyClass: ".js-end-img-src", visiblePoint: t.visiblePoint || 0, classes: { loaded: "loaded", ended: "ended", paused: "paused", playing: "playing", isPaused: "is-paused", }, resizeStart: null, on: { updateController: null, updatePlayState: null }, }; (this.opts = o.def(e, t || {})), (this.classes = e.classes), this.init(); } init() { this.setElements(), this.initOpts(), null !== this.video && (this.video.paused || this.video.pause(), (this.videoElement.playState = !1), this.updateController(), this.bindEvents()); } setElements() { (this.videoElement = this.opts.videoElement), (this.video = this.videoElement.querySelector("video")), null !== this.video && (null !== this.opts.videoParentElement ? (this.videoParentElement = this.video.closest( this.opts.videoParentElement )) : (this.videoParentElement = this.videoElement), (this.videoController = this.videoParentElement.querySelector( this.opts.videoController ))); } initOpts() { this.getCurrentDevice(), (this.autoPlay = !!this.videoElement.dataset.autoPlay && JSON.parse(this.videoElement.dataset.autoPlay)), (this.videoElement.playState = !1), (this.videoElement.autoPlayState = !1), (this.useController = !!this.videoController), (this.isReset = !1); } getCurrentDevice() { (this.winWidth = o.winSize().w), this.winWidth >= e.TABLET.WIDTH ? (this.currentDevice = "desktop") : this.winWidth > e.MOBILE.WIDTH && this.winWidth < e.TABLET.WIDTH ? (this.currentDevice = "tablet") : (this.currentDevice = "mobile"), (this.prevDevice = this.currentDevice); } getEndImage() { var e = "desktop" === this.currentDevice ? "data-src-pc" : "tablet" === this.currentDevice ? "data-src-tablet" : "data-src-mobile"; const t = this.videoElement.querySelector( this.opts.imageEndLazyClass ); var i = this.opts.imageEndLazyClass.split("."); const s = i[i.length - 1]; t && ((t.src = t.getAttribute(e)), t.addEventListener( "load", () => { 1 == this.opts.imageEndLazyClass.split(" ").length && t.classList.remove(s), t.classList.add(this.opts.lazyCompleteClass); }, { once: !0 } )); } bindEvents() { window.addEventListener("resize", this.onResizeHandler.bind(this)), window.addEventListener( "scroll", this.onScrollHandler.bind(this) ), this.video.addEventListener( "canplaythrough", this.onCanplayThrough.bind(this), { once: !0 } ), this.useController && this.videoController.addEventListener( "click", this.onClickController.bind(this) ); } onChange(e) { if (e === this.videoElement) { e = "mobile" !== this.currentDevice ? "data-src-pc" : "data-src-mobile"; let i = this.videoElement.getAttribute(e); e = i = i.split(".mp4")[0]; this.prevVideoSrc !== e && ((this.videoElement.playState = !1), this.video.querySelectorAll("source").forEach((e) => { const t = e.getAttribute("type"); -1 < t.indexOf("webm") && (e.src = i + ".webm"), -1 < t.indexOf("mp4") && (e.src = i + ".mp4"), this.video.load(); }), this.videoElement.classList.remove(this.classes.playing), this.videoElement.classList.remove(this.classes.paused), this.video.addEventListener( "canplaythrough", () => { o.isLowNetwork() || this.onPlay(), this.getEndImage(); }, { once: !0 } )), (this.prevVideoSrc = e); } } onLoad(e) { if (e === this.videoElement) { e = "mobile" !== this.currentDevice ? "data-src-pc" : "data-src-mobile"; let i = this.videoElement.getAttribute(e); (i = i.split(".mp4")[0]), (this.videoElement.playState = !1), this.video.querySelectorAll("source").forEach((e) => { const t = e.getAttribute("type"); -1 < t.indexOf("webm") && (e.src = i + ".webm"), -1 < t.indexOf("mp4") && (e.src = i + ".mp4"), this.video.load(); }), this.video.addEventListener( "canplaythrough", () => { o.isLowNetwork() || this.onPlay(), this.getEndImage(); }, { once: !0 } ); } } onPlay(e) { var t = () => { 0 < this.video.readyState && !this.videoElement.playState && (this.video.currentTime === this.video.duration && (this.video.currentTime = 0), this.autoPlay && (this.videoElement.autoPlayState = !0), (this.videoElement.playState = !0), this.videoElement.classList.contains(this.classes.paused) ? this.videoElement.classList.add(this.classes.playing) : window.setTimeout(() => { this.videoElement.classList.add(this.classes.playing); }, 350), this.videoElement.classList.remove(this.classes.ended), this.videoElement.classList.remove(this.classes.paused), window.setTimeout(() => { this.video.play(), (this.isReset = !1), this.updateController(), this.outCallback("updatePlayState", !0); }, 350), this.video.addEventListener( "ended", this.updatePlayEnded.bind(this), { once: !0 } )); }; (e && e !== this.videoElement) || t(); } onPause() { this.video.paused || this.video.pause(), (this.videoElement.playState = !1), this.videoElement.classList.remove(this.classes.ended), this.videoElement.classList.remove(this.classes.playing), this.videoElement.classList.add(this.classes.paused), this.updateController(); } onEnded() { 3 < this.video.readyState && (this.video.ended || this.video.pause(), (this.video.currentTime = this.video.duration), (this.videoElement.playState = !1), this.videoElement.classList.add(this.classes.ended), this.videoElement.classList.remove(this.classes.playing), this.videoElement.classList.remove(this.classes.paused), this.updateController()); } onReset(e) { var t = () => { this.video.pause(), (this.video.currentTime = 0), (this.videoElement.playState = !1), (this.isReset = !0), this.autoPlay && (this.videoElement.autoPlayState = !1), this.videoElement.classList.remove(this.classes.ended), this.videoElement.classList.remove(this.classes.playing), this.videoElement.classList.remove(this.classes.paused), this.updateController(); }; (e && e !== this.videoElement) || t(); } onCanplayThrough() { var e = this.opts.videoLazyClass.split("."), e = e[e.length - 1]; this.useController && window.setTimeout(() => { this.videoController.style.display = "block"; }, 500), this.videoElement.classList.add(this.classes.loaded), 1 == this.opts.videoLazyClass.split(" ").length && this.videoElement.classList.remove(e), (this.isCanplay = !0), this.onScrollHandler(), (this.isCanplay = !1); } onClickController(e) { e.preventDefault(), this.videoElement.playState ? this.onPause() : this.onPlay(); } updatePlayEnded() { this.onPause(); } updateController() { var e; this.useController && (this.videoElement.playState ? this.videoController.classList.add(this.classes.isPaused) : this.videoController.classList.remove(this.classes.isPaused), (e = { el: this.videoController, playState: this.videoElement.playState, }), this.outCallback("updateController", e)); } onScrollHandler() { if (!this.videoElement.closest(".cm-layer")) { var e = window.scrollY, t = (this.lastScrollY, o.getHeight(this.videoElement), o.winSize().h, o.getNavHeight()), i = o.getScroll().top, s = o.getScroll().bottom, a = o.getOffset(this.videoElement).top, t = o.getOffset(this.videoElement).bottom - t; const l = this.videoElement.classList.contains(this.classes.playing) && this.videoElement.playState; var n = this.videoElement.classList.contains(this.classes.paused) && !this.videoElement.playState, r = this.videoElement.classList.contains(this.classes.ended) && !this.videoElement.playState; if ( (a < s && i <= a) || (i < t && t < s) || (i < a && t < s) || (a < i && s < t) ) { const l = this.isCanplay || this.isReset; !l || !this.autoPlay || this.videoElement.playState || this.videoElement.autoPlayState || (!o.isLowNetwork() && o.isInViewPort(this.videoElement) && this.onPlay()); } else ((this.autoPlay && this.videoElement.autoPlayState) || this.isReset) && (l || n || r) && this.onReset(); this.lastScrollY = e; } } onResponsiveChange() { window.setTimeout(() => { (this.isCanplay = !0), this.onReset(), this.onScrollHandler(), (this.isCanplay = !1); }, 20); } onResizeHandler() { o.winSize().w !== this.winWidth && ((this.winWidth = o.winSize().w), null == this.opts.resizeStart && ((this.opts.resizeStart = this.winWidth), this.resizeAnimateFunc()), window.clearTimeout(this.resizeEndTime), (this.resizeEndTime = window.setTimeout( this.resizeEndFunc.bind(this), 150 ))); } resizeAnimateFunc() { this.setLayout(), (this.resizeRequestFrame = o.requestAFrame.call( window, this.resizeAnimateFunc.bind(this) )); } resizeEndFunc() { (this.opts.resizeStart = null), o.cancelAFrame.call(window, this.resizeRequestFrame); } setLayout() { this.winWidth >= e.TABLET.WIDTH ? (this.currentDevice = "desktop") : this.winWidth > e.MOBILE.WIDTH && this.winWidth < e.TABLET.WIDTH ? (this.currentDevice = "tablet") : (this.currentDevice = "mobile"), this.currentDevice !== this.prevDevice && this.onResponsiveChange(), (this.prevDevice = this.currentDevice); } outCallback(e, t) { e = this.opts.on[e]; null != e && e(t); } }; })(), (function () { "use strict"; (e = !(r = {})), (t = null), (s = function () { a(), n(), UTILS.isLowNetwork() && document.documentElement.classList.add("low_network"), document.documentElement.classList.add("load"), window.removeEventListener("load", s); }), (a = function () { (e = 1024 <= window.innerWidth ? "desktop" : 768 <= window.innerWidth && window.innerWidth < 1024 ? "tablet" : "mobile"), clearTimeout(r.resizeTimeout), (r.resizeTimeout = setTimeout(function () { UTILS.isBrokenFixed(); }, 100)), e != t && (document.documentElement.classList.add(e), document.documentElement.classList.remove(t), (t = e)); }), (n = function () { for ( var e = window.pageYOffset, t = e + window.innerHeight, i = 0; i < r.allClickables.length; i++ ) { var s = r.allClickables[i], a = e + s.getBoundingClientRect().top, n = e + UTILS.getNavHeight(); n <= a && a <= t ? (s.isVisible = !0) : (a < n || t < a) && (s.isVisible = !1); } }), (l = function (e) { var s; (!document.documentElement.classList.contains("ios") && e && null == e.relatedTarget) || ((s = this).isClicked || this.isVisible || i(this) || setTimeout(function () { var e = window.pageYOffset, t = s.getBoundingClientRect(), i = (window.innerHeight - UTILS.getNavHeight()) / 2, e = e - UTILS.getNavHeight() + t.top + t.height / 2; window.scrollTo(0, e - i); }, 10), (this.isClicked = !1)); }), (i = function (e) { var e = e.parentNode, t = e.getAttribute("id"); return ( "contents" != t && e != document.body && (!("subnav" != t && !e.classList.contains("sc-s22ultra-popup")) || i(e)) ); }), (o = function () { this.isClicked = !0; }); var r, e, t, s, a, n, l, i, o, d = { init: function () { (r.resizeTimeout = null), (r.contents = document.getElementById("contents") || document.getElementById("content")), (r.allClickables = r.contents.querySelectorAll( "a, button, input, select" )); var e = 0; for ( window.addEventListener("load", s), window.addEventListener("resize", a), window.addEventListener("scroll", n), e = 0; e < r.allClickables.length; e++ ) { var t = r.allClickables[e]; (t.isClicked = !1), (t.isVisible = !1), t.addEventListener("focusin", l), t.addEventListener("mousedown", o); } var i = document.documentElement.classList; "global" == UTILS.checkRegion() || i.contains("mac") || i.contains("safari") || ANIUTIL.scrollController({ speed: 120, duration: 0.5 }); }, }; window.initialize = d; })(), (function () { "use strict"; window.VXT = window.VXT || {}; VXT.Choose = class { constructor(e = container, t) { var i = { el: e, swiperEl: ".vxt-choose__container", swiperSlideEl: ".vxt-choose__list-item", tabEl: ".vxt-choose__tab", tabList: ".vxt-choose__tab-list", tabItem: ".vxt-choose__tab-item", tabCta: ".vxt-choose__tab-cta", btnPrev: ".swiper-button-prev", btnNext: ".swiper-button-next", videoEl: ".video__container", classes: { loaded: "loaded" }, on: { updateResponsiveImage: null }, }; (this.opts = i), (this.classes = i.classes), (document.querySelectorAll(e).length > 0 && document.querySelectorAll(e).forEach(ele => { this.el = ele; this.init(); })) } init() { null === this.el || this.el.classList.contains(this.opts.featureHide) || (this.setElements(), this.initOpts(), this.buildTabSwiper(), this.buildSwiper(), this.buildVideoPlayer(), this.bindEvents()); } setElements() { (this.swiperEl = this.el.querySelector(this.opts.swiperEl)), (this.swiperSlideEl = this.swiperEl.querySelectorAll( this.opts.swiperSlideEl )), (this.tabEl = this.el.querySelector(this.opts.tabEl)), (this.tabList = this.tabEl.querySelector(this.opts.tabList)), (this.tabItem = this.tabList.querySelectorAll(this.opts.tabItem)), (this.tabCta = this.tabList.querySelectorAll(this.opts.tabCta)), (this.btnPrev = this.el.querySelector(this.opts.btnPrev)), (this.btnNext = this.el.querySelector(this.opts.btnNext)), (this.videoEl = this.el.querySelector(this.opts.videoEl)); } getCurrentDevice() { window.innerWidth >= UTILS.RESPONSIVE.TABLET.WIDTH ? (this.currDevice = "desktop") : window.innerWidth > UTILS.RESPONSIVE.MOBILE.WIDTH && window.innerWidth < UTILS.RESPONSIVE.TABLET.WIDTH ? (this.currDevice = "tablet") : (this.currDevice = "mobile"); } initOpts() { this.getCurrentDevice(); } bindEvents() { window.addEventListener("load", this.onLoadHandler.bind(this)), window.addEventListener( "resize", this.onResizeHandler.bind(this) ), this.tabItem.forEach((e) => { const t = e.querySelector(this.opts.tabCta); t.addEventListener("focus", this.onFocusTab.bind(this)), t.addEventListener("click", this.onClickTab.bind(this)); }); } getDirection(e) { return UTILS.isRTL() ? ("left" === e ? "right" : "left") : e; } createSlidePosition() { this.slidePositionArray = []; for (let i = 0; i < this.tabItem.length; i++) { let e, t; var s = this.tabEl.getBoundingClientRect(), a = this.tabItem[i].getBoundingClientRect(); UTILS.isRTL() ? ((e = a.x - s.x), (t = s - (e + a.width)), (e = t + a.width)) : ((e = a.x - s.x), (t = e + a.width)), this.slidePositionArray.push({ left: e, right: t }); } } buildSwiper() { (this.swiper = { instance: null, options: { slidesPerView: "auto", a11y: !1, observer: !0, observeParents: !0, centeredSlides: !0, navigation: { prevEl: this.opts.btnPrev, nextEl: this.opts.btnNext, }, thumbs: { swiper: this.swiperTab.instance }, controller: { control: this.swiperTab.instance }, }, slideChange: () => { const i = this.swiper.instance.realIndex, e = this.swiperSlideEl[i], t = e.querySelector(this.opts.videoEl); t && (t.classList.contains(this.classes.loaded) ? UTILS.isLowNetwork() || this.videoPlayer.play(t) : this.videoPlayer.load(t)), this.swiperSlideEl.forEach((e, t) => { t !== i && (t = e.querySelector(this.opts.videoEl)) && this.videoPlayer.reset(t); }); }, build: () => { null === this.swiper.instance && ((this.swiper.options.on = { slideChange: this.swiper.slideChange.bind(this), }), (this.swiper.instance = new Swiper( this.swiperEl, this.swiper.options ))); }, destroy: () => { null != this.swiper.instance && (this.swiper.instance.destroy(), (this.swiper.instance = null)); }, }), this.swiper.build(); } buildTabSwiper() { (this.swiperTab = { instance: null, options: { a11y: !1, observer: !0, observeParents: !0, slidesPerView: "auto", freeMode: !0, }, updateMove: (e) => { this.swiperTab.instance.translateTo(e, 400, !1, !1), this.swiperTab.instance.updateSize(), this.swiperTab.instance.updateSlides(), this.swiperTab.instance.updateProgress(); }, build: () => { null === this.swiperTab.instance && (this.swiperTab.instance = new Swiper( this.tabEl, this.swiperTab.options )); }, destroy: () => { null != this.swiperTab.instance && (this.swiperTab.instance.destroy(), (this.swiperTab.instance = null)); }, }), this.swiperTab.build(); } buildVideoPlayer() { (this.videoPlayer = { instance: null, load: (e) => { null !== this.swiper.instance && this.videoPlayer.instance.onLoad(e); }, reset: (e) => { null !== this.swiper.instance && this.videoPlayer.instance.onReset(e); }, play: (e) => { null !== this.swiper.instance && this.videoPlayer.instance.onPlay(e); }, build: () => { null === this.videoPlayer.instance && this.videoEl && (this.videoPlayer.instance = new VXT.VideoPlayer( this.videoEl, { sectionElement: this.opts.el, on: { updateController: (e) => { const t = e.el; var e = e.playState, i = t.getAttribute("an-la").split(":")[0]; e ? t.setAttribute("an-la", i + ":stop video") : t.setAttribute("an-la", i + ":play video"); }, }, } )); }, }), this.videoPlayer.build(); } onClickTab(e) { var t = e.currentTarget.parentNode, t = Array.from(this.tabList.children).indexOf(t); this.tabCta.forEach((e) => { e.setAttribute("aria-selected", !1); }), e.currentTarget.setAttribute("aria-selected", !0), this.swiper.instance.slideTo(t), this.swiperTab.instance.slideTo(t); } onFocusTab(t) { if ("desktop" !== this.currDevice && "tablet" !== this.currDevice) { var t = t.currentTarget.parentNode, t = Array.from(this.tabList.children).indexOf(t), i = this.tabEl.getBoundingClientRect().width - this.tabList.getBoundingClientRect().width, s = Math.ceil( -1 * (this.tabEl.getBoundingClientRect().width - this.tabList.scrollWidth - i) ); let e = this.slidePositionArray[t][this.getDirection("left")] - i; (e = (e = e <= 0 ? 0 : e) >= s ? s : e), (e *= -1), this.swiperTab.updateMove(e); } } updateResponsiveImage() { var e = this.swiperEl.querySelectorAll("img"); this.outCallback("updateResponsiveImage", e); } onLoadHandler() { this.onResizeHandler(), window.removeEventListener("load", this.onLoadHandler.bind(this)); } onResizeHandler() { this.getCurrentDevice(), clearTimeout(this.resizeTimeout), (this.resizeTimeout = setTimeout(() => { this.onResponsive(); }, 100)), this.currDevice != this.prevDevice && (this.onResponsiveChange(), (this.prevDevice = this.currDevice)); } onResponsive() { this.createSlidePosition(), "mobile" === this.currDevice && this.updateResponsiveImage(); } onResponsiveChange() { this.onResponsive(); } outCallback(e, t) { e = this.opts.on[e]; null != e && e(t); } }; })(), (function () { "use strict"; window.VXT = window.VXT || {}; VXT.Content = class { constructor(e = container, t) { var i = { el: e, swiperEl: ".vxt-content__slide", swiperSlide: ".vxt-content__slide-item", swiperArrow: ".vxt-content__arrow-cta", nextArrow: ".vxt-content__arrow-next", prevArrow: ".vxt-content__arrow-prev", navigaionEl: ".vxt-content__nav", pagination: ".vxt-content__pagination", paginationItem: "li", paginationCta: ".s-line-wrap", featureHide: "is-feature-hide", videoElement: ".vxt-content__player", classes: { isActive: "is-active", loaded: "loaded", ended: "ended", paused: "paused", playing: "playing", }, on: { updateResponsiveImage: null }, }; (this.opts = UTILS.def(i, t || {})), (this.classes = i.classes), (this.el = document.querySelector(e)), this.init(); } init() { null === this.el || this.el.classList.contains(this.opts.featureHide) || (this.setElements(), this.initOpts(), this.initLayout(), this.buildSwiper(), this.bindEvents(), this.buildVideoPlayer()); } setElements() { (this.swiperEl = this.el.querySelector(this.opts.swiperEl)), (this.swiperSlide = this.swiperEl.querySelectorAll( this.opts.swiperSlide )), (this.swiperArrow = this.el.querySelectorAll( this.opts.swiperArrow )), (this.nextArrow = this.el.querySelector(this.opts.nextArrow)), (this.prevArrow = this.el.querySelector(this.opts.prevArrow)), (this.navigaionEl = this.el.querySelector(this.opts.navigaionEl)), (this.pagination = this.el.querySelector(this.opts.pagination)), (this.paginationItem = this.pagination.querySelectorAll( this.opts.paginationItem )), (this.paginationCta = this.pagination.querySelectorAll( this.opts.paginationCta )), (this.videoElement = this.el.querySelectorAll( this.opts.videoElement )); } getCurrentDevice() { window.innerWidth >= UTILS.RESPONSIVE.TABLET.WIDTH ? (this.currDevice = "desktop") : window.innerWidth > UTILS.RESPONSIVE.MOBILE.WIDTH && window.innerWidth < UTILS.RESPONSIVE.TABLET.WIDTH ? (this.currDevice = "tablet") : (this.currDevice = "mobile"); } initOpts() { this.getCurrentDevice(); } initLayout() { this.paginationItem[0].classList.add(this.classes.isActive); } bindEvents() { window.addEventListener("load", this.onLoadHandler.bind(this)), window.addEventListener( "resize", this.onResizeHandler.bind(this) ); } buildSwiper() { (this.swiper = { instance: null, options: { slidesPerView: "auto", a11y: !1, observer: !0, observeParents: !0, navigation: { nextEl: this.nextArrow, prevEl: this.prevArrow }, pagination: { el: ".vxt-content__pagination", clickable: !0, type: "bullets", renderBullet: function (e, t) { const i = this.slides[e]; return `<li role="listitem" class="${t}"><button type="button" class="s-line-wrap" an-tr="samsung vxt content-vd marketing page-index-indication" an-ca="indication" an-ac="carousel" an-la="carousel:index:${ e + 1 }">Slide${e + 1}: ${ i.querySelector(".vxt-common__title").innerText }</button></li>`; }, }, }, slideChange: () => { const i = this.swiper.instance.realIndex, e = this.swiperSlide[i], t = e.querySelector(this.opts.videoElement); t && (t.classList.contains(this.classes.loaded) ? UTILS.isLowNetwork() || this.videoPlayer.play(t) : this.videoPlayer.load(t)), this.swiperSlide.forEach((e, t) => { t !== i && (t = e.querySelector(this.opts.videoElement)) && this.videoPlayer.reset(t); }), this.paginationCta.forEach((e) => { e.removeAttribute("title"); }), this.paginationCta[i].setAttribute("title", "selected"); }, destroy: () => { null !== this.swiper.instance && (this.swiper.instance.destroy(), (this.swiper.instance = null)); }, build: () => { null === this.swiper.instance && ((this.swiper.options.on = { slideChange: this.swiper.slideChange.bind(this), }), (this.swiper.instance = new Swiper( this.opts.swiperEl, this.swiper.options )), (this.paginationCta = this.pagination.querySelectorAll( this.opts.paginationCta )), this.paginationCta[0].setAttribute("title", "selected")); }, }), this.swiper.build(); } buildVideoPlayer() { (this.videoPlayer = { instance: [], load: (t) => { this.videoPlayer.instance.length && this.videoPlayer.instance.forEach((e) => { e.onLoad(t); }); }, reset: (t) => { this.videoPlayer.instance.length && this.videoPlayer.instance.forEach((e) => { e.onReset(t); }); }, play: (t) => { this.videoPlayer.instance.length && this.videoPlayer.instance.forEach((e) => { e.onPlay(t); }); }, build: () => { this.videoPlayer.instance.length || this.videoElement.forEach((e, t) => { this.videoPlayer.instance.push( new VXT.VideoPlayer(e, { sectionElement: this.opts.el, on: { updateController: (e) => { const t = e.el; var e = e.playState, i = t.getAttribute("an-la").split(":")[0]; e ? t.setAttribute("an-la", i + ":stop video") : t.setAttribute("an-la", i + ":play video"); }, }, }) ); }); }, }), this.videoPlayer.build(); } updateResponsiveImage() { var e = this.swiperEl.querySelectorAll("img"); this.outCallback("updateResponsiveImage", e); } onLoadHandler() { this.onResizeHandler(), window.removeEventListener("load", this.onLoadHandler.bind(this)); } onResizeHandler() { this.getCurrentDevice(), clearTimeout(this.resizeTimeout), (this.resizeTimeout = setTimeout(() => { this.onResponsive(); }, 100)), this.currDevice != this.prevDevice && (this.onResponsiveChange(), (this.prevDevice = this.currDevice)); } onResponsive() { "mobile" === this.currDevice && this.updateResponsiveImage(); } onResponsiveChange() { this.onResponsive(); } outCallback(e, t) { e = this.opts.on[e]; null != e && e(t); } }; })(), (function () { "use strict"; window.VXT = window.VXT || {}; const t = VXT.UTILS; t.RESPONSIVE; VXT.Contrast = class { constructor(e = container, t) { var i = { el: e, defaultBtn: ".type-default", contrastBtn: ".type-contrast", cookieName: "highContrastMode", featureHide: "is-feature-hide", }; (this.opts = i), (this.classes = i.classes), (this.el = document.querySelector(e)), this.init(); } init() { null === this.el || this.el.classList.contains(this.opts.featureHide) || (this.setElements(), this.bindEvents()); } setElements() { (this.defaultBtn = this.el.querySelector(this.opts.defaultBtn)), (this.defaultBtnTitle = this.defaultBtn .getAttribute("title") .trim()), (this.contrastBtn = this.el.querySelector(this.opts.contrastBtn)), (this.contrastBtnTitle = this.contrastBtn .getAttribute("title") .trim()), (this.cookieName = this.opts.cookieName); } bindEvents() { window.addEventListener("load", this.onLoadHandler.bind(this)), this.defaultBtn && this.defaultBtn.addEventListener( "click", this.onClickDefaultBtn.bind(this) ), this.contrastBtn && this.contrastBtn.addEventListener( "click", this.onClickContrastBtn.bind(this) ); } onLoadHandler() { this.activeContrast(); } onClickDefaultBtn(e) { e.preventDefault(), t.setCookie(this.cookieName, "0", 1), this.activeContrast(); } onClickContrastBtn(e) { e.preventDefault(), t.setCookie(this.cookieName, "1", 1), this.activeContrast(); } activeContrast() { var e = t.getCookie(this.cookieName); null != e && e.length && "1" == e ? (document.documentElement.classList.add("color_yb"), this.contrastBtn.setAttribute( "title", this.contrastBtnTitle + " selected" ), this.defaultBtn.setAttribute("title", this.defaultBtnTitle)) : (document.documentElement.classList.remove("color_yb"), this.contrastBtn.setAttribute("title", this.contrastBtnTitle), this.defaultBtn.setAttribute( "title", this.defaultBtnTitle + " selected" )); } }; })(), (function () { "use strict"; window.VXT = window.VXT || {}; VXT.KeyVisual = class { constructor(e = container, t) { var i = { el: e, classes: {}, titleEl: ".vxt-common__title", descriptionEl: ".vxt-common__description", videoElement: ".video__container", featureHide: "is-feature-hide", }; (this.opts = i), (this.classes = i.classes), (this.el = document.querySelector(e)), this.init(); } init() { null === this.el || this.el.classList.contains(this.opts.featureHide) || (this.setElements(), this.buildVideoPlayer()); } setElements() { (this.titleEl = this.el.querySelector(this.opts.titleEl)), (this.descriptionEl = this.el.querySelector( this.opts.descriptionEl )), (this.videoElement = this.el.querySelector( this.opts.videoElement )); } buildVideoPlayer() { (this.videoPlayer = { instance: null, build: () => { null === this.videoPlayer.instance && this.videoEl && (this.videoPlayer.instance = new VXT.VideoPlayer( this.videoElement, { sectionElement: this.opts.el, on: { updateController: (e) => { const t = e.el; var e = e.playState, i = t.getAttribute("an-la").split(":")[0]; e ? t.setAttribute("an-la", i + ":stop video") : t.setAttribute("an-la", i + ":play video"); }, }, } )); }, }), this.videoPlayer.build(); } }; })(), (function () { "use strict"; window.VXT = window.VXT || {}; VXT.LNB = class { constructor(e = container, t) { var i = { el: e, navEl: ".vxt-lnb__nav", navArea: ".vxt-lnb__area", navList: ".vxt-lnb__nav-list", navItem: ".vxt-lnb__nav-item", navLink: "a", navContents: ".js-content", btnPrev: ".swiper-nav-prev", btnNext: ".swiper-nav-next", classes: { isFixed: "is-fixed", isActive: "is-active", isHold: "is-hold", }, }; (this.opts = i), (this.classes = i.classes), (this.el = document.querySelector(e)), this.init(); } init() { null !== this.el && (this.setElements(), this.initOpts(), this.buildSwiper(), this.bindEvents()); } setElements() { (this.navEl = this.el.querySelector(this.opts.navEl)), (this.navArea = this.el.querySelector(this.opts.navArea)), (this.btnPrev = this.el.querySelector(this.opts.btnPrev)), (this.btnNext = this.el.querySelector(this.opts.btnNext)), (this.navList = this.el.querySelector(this.opts.navList)), (this.navItem = this.el.querySelectorAll(this.opts.navItem)), (this.navContents = Array.from( document.documentElement.querySelectorAll(this.opts.navContents) )); } getCurrentDevice() { window.innerWidth >= UTILS.RESPONSIVE.TABLET.WIDTH ? (this.currDevice = "desktop") : window.innerWidth > UTILS.RESPONSIVE.MOBILE.WIDTH && window.innerWidth < UTILS.RESPONSIVE.TABLET.WIDTH ? (this.currDevice = "tablet") : (this.currDevice = "mobile"); } initOpts() { (this.navTop = UTILS.getOffset(this.el).top), (this.navCount = -1), this.navContents.forEach((e) => { e.dataset.visIndex = ++this.navCount; }), this.getCurrentDevice(), this.createSlidePosition(); } bindEvents() { this.onScrollHandler(), window.addEventListener( "resize", this.onResizeHandler.bind(this) ), window.addEventListener( "scroll", this.onScrollHandler.bind(this) ); const s = window.location.hash; this.navItem.forEach((e, t) => { const i = e.querySelector(this.opts.navLink); i.addEventListener("focus", this.onFocusNavItem.bind(this)), -1 < i.getAttribute("href").indexOf("#") && ((i.dataset.navIndex = t), i.addEventListener("click", this.onFocusNavItem.bind(this))), s && -1 < i.getAttribute("href").indexOf(s) && (i.parentNode.classList.remove(this.classes.isActive), i.click()); }); } getDirection(e) { return UTILS.isRTL() ? ("left" === e ? "right" : "left") : e; } createSlidePosition() { this.slidePositionArray = []; for (let i = 0; i < this.navItem.length; i++) { let e, t; var s = this.navEl.getBoundingClientRect(), a = this.navItem[i].getBoundingClientRect(); UTILS.isRTL() ? ((e = a.x - s.x), (t = s.width - (e + a.width)), (e = t + a.width)) : ((e = a.x - s.x), (t = e + a.width)), this.slidePositionArray.push({ left: e, right: t }); } } onFocusNavItem(e) { e.preventDefault(); const t = e.currentTarget.parentNode; if ( (this.updateNavMove(t), "click" === e.type && !this.el.classList.contains(this.classes.isHold) && !t.classList.contains(this.classes.isActive)) ) { this.navItem.forEach((e) => { e.classList.remove(this.classes.isActive); }), t.classList.contains(this.classes.isActive) || t.classList.add(this.classes.isActive); e = e.currentTarget.dataset.navIndex; const i = this.navContents[e]; (e = i.getBoundingClientRect()), (e = (parseInt(window.getComputedStyle(i).paddingTop), window.scrollY + e.top - UTILS.getNavHeight())); this.el.classList.add(this.classes.isHold), $("html, body") .stop() .animate({ scrollTop: e }, 400, "swing", () => { this.el.classList.remove(this.classes.isHold); }); } } updateNavMove(e) { var e = Array.from(this.navItem).indexOf(e), t = this.navEl.getBoundingClientRect().width - this.navList.getBoundingClientRect().width, i = this.swiper.instance.snapGrid[ this.swiper.instance.snapGrid.length - 1 ]; let s = this.slidePositionArray[e][this.getDirection("left")] - t; (s = (s = s <= 0 ? 0 : s) >= i ? i : s), (s *= -1), this.swiper.updateMove(s); } buildSwiper() { (this.swiper = { instance: null, options: { a11y: !1, observer: !0, slidesPerView: "auto", navigation: { prevEl: this.opts.btnPrev, nextEl: this.opts.btnNext, }, }, updateMove: (e) => { this.swiper.instance.translateTo(e, 400, !1, !1), this.swiper.instance.updateSize(), this.swiper.instance.updateSlides(), this.swiper.instance.updateProgress(); }, build: () => { null === this.swiper.instance && (this.swiper.instance = new Swiper( this.opts.navEl, this.swiper.options )); }, }), this.swiper.build(); } onScrollHandler() { const a = window.scrollY, n = (this.navTop < a ? this.navArea.classList.add(this.classes.isFixed) : this.navArea.classList.remove(this.classes.isFixed), (window.innerHeight + UTILS.getNavHeight()) / 2); this.navContents.forEach((e) => { var t = e.getBoundingClientRect(), i = a + t.top, t = a + t.bottom; if ( !this.el.classList.contains(this.classes.isHold) && a + n >= i && a + n <= t ) { const s = e.dataset.visIndex; this.navItem.forEach((e, t) => { t != s && e.classList.contains(this.classes.isActive) && e.classList.remove(this.classes.isActive), t != s || e.classList.contains(this.classes.isActive) || (e.classList.add(this.classes.isActive), window.setTimeout(() => { this.updateNavMove(e); }, 100)); }); } }); } onResizeHandler() { this.getCurrentDevice(), clearTimeout(this.resizeTimeout), (this.resizeTimeout = setTimeout(() => { this.onResponsive(); }, 100)), this.currDevice != this.prevDevice && (this.onResponsiveChange(), (this.prevDevice = this.currDevice)); } onResponsive() { this.onScrollHandler(), this.createSlidePosition(); } onResponsiveChange() { this.onResponsive(); } }; })(), (function () { "use strict"; window.VXT = window.VXT || {}; VXT.Pirs = class { constructor(e = container, t) { var i = { el: e, swiperEl: ".vxt-pirs__swiper", swiperSlide: ".vxt-pirs__item", swiperArrow: ".vxt-pirs__arrow-cta", nextArrow: ".vxt-pirs__arrow-next", prevArrow: ".vxt-pirs__arrow-prev", navigaionEl: ".vxt-pirs__nav", pagination: ".vxt-pirs__pagination", paginationItem: "li", paginationCta: ".s-line-wrap", classes: { isActive: "is-active" }, on: { updateResponsiveImage: null }, }; (this.opts = UTILS.def(i, t || {})), (this.classes = i.classes), (this.el = document.querySelector(e)), this.init(); } init() { null === this.el || this.el.classList.contains(this.opts.featureHide) || (this.setElements(), this.initOpts(), this.initLayout(), this.bindEvents(), this.buildSwiper()); } setElements() { (this.swiperEl = this.el.querySelector(this.opts.swiperEl)), (this.swiperSlide = this.swiperEl.querySelectorAll( this.opts.swiperSlide )), (this.swiperArrow = this.el.querySelectorAll( this.opts.swiperArrow )), (this.nextArrow = this.el.querySelector(this.opts.nextArrow)), (this.prevArrow = this.el.querySelector(this.opts.prevArrow)), (this.navigaionEl = this.el.querySelector(this.opts.navigaionEl)), (this.pagination = this.el.querySelector(this.opts.pagination)), (this.paginationItem = this.pagination.querySelectorAll( this.opts.paginationItem )), (this.paginationCta = this.pagination.querySelectorAll( this.opts.paginationCta )); } getCurrentDevice() { window.innerWidth >= UTILS.RESPONSIVE.TABLET.WIDTH ? (this.currDevice = "desktop") : window.innerWidth > UTILS.RESPONSIVE.MOBILE.WIDTH && window.innerWidth < UTILS.RESPONSIVE.TABLET.WIDTH ? (this.currDevice = "tablet") : (this.currDevice = "mobile"); } initOpts() { this.getCurrentDevice(); } initLayout() { this.paginationItem[0].classList.add("this.classes.isActive"); } bindEvents() { window.addEventListener("load", this.onLoadHandler.bind(this)), window.addEventListener( "resize", this.onResizeHandler.bind(this) ); } buildSwiper() { (this.swiper = { instance: null, options: { slidesPerView: "auto", a11y: !1, observer: !0, observeParents: !0, navigation: { nextEl: this.nextArrow, prevEl: this.prevArrow }, pagination: { el: ".vxt-pirs__pagination", clickable: !0, type: "bullets", renderBullet: function (e, t) { const i = this.slides[e]; return `<li role="listitem" class="${t}"><button type="button" class="s-line-wrap" an-tr="samsung vxt pirs app-vd marketing page-index-indication" an-ca="indication" an-ac="carousel" an-la="carousel:index:${ e + 1 }">Slide${e + 1}: ${ i.querySelector(".vxt-pirs__title").innerText }</button></li>`; }, }, }, slideChange: () => { var e = this.swiper.instance.realIndex; this.paginationCta.forEach((e) => { e.removeAttribute("title"); }), this.paginationCta[e].setAttribute("title", "selected"); }, destroy: () => { null !== this.swiper.instance && (this.swiper.instance.destroy(), (this.swiper.instance = null)); }, build: () => { null === this.swiper.instance && ((this.swiper.options.on = { slideChange: this.swiper.slideChange.bind(this), }), (this.swiper.instance = new Swiper( this.opts.swiperEl, this.swiper.options )), (this.paginationCta = this.pagination.querySelectorAll( this.opts.paginationCta )), this.paginationCta[0].setAttribute("title", "selected")); }, }), this.swiper.build(); } updateResponsiveImage() { var e = this.swiperEl.querySelectorAll("img"); this.outCallback("updateResponsiveImage", e); } onLoadHandler() { this.onResizeHandler(), window.removeEventListener("load", this.onLoadHandler.bind(this)); } onResizeHandler() { this.getCurrentDevice(), clearTimeout(this.resizeTimeout), (this.resizeTimeout = setTimeout(() => { this.onResponsive(); }, 100)), this.currDevice != this.prevDevice && (this.onResponsiveChange(), (this.prevDevice = this.currDevice)); } onResponsive() { "mobile" === this.currDevice && this.updateResponsiveImage(); } onResponsiveChange() { this.onResponsive(); } outCallback(e, t) { e = this.opts.on[e]; null != e && e(t); } }; })(), (function () { "use strict"; window.VXT = window.VXT || {}; const s = VXT.UTILS; s.RESPONSIVE; VXT.RemoteManagement = class { constructor(e = container, t) { var i = { el: e, classes: {}, accodianItemEl: ".vxt-remote-management__accodian-item", accodianTitleEl: ".vxt-remote-management__accodian-title", accodianTitleTextEl: ".vxt-common__title", accodianMobileTitleEl: ".vxt-remote-management__accodian-title--mobile", accodianImageEl: ".vxt-remote-management__accodian-image", featureHide: "is-feature-hide", swiperContainer: ".vxt-remote-management__accodian-wrap", swiperWrapper: ".vxt-remote-management__accodian-list", swiperPagination: ".vxt-remote-management__pagination", btnPrev: ".vxt-remote-management__prev", btnNext: ".vxt-remote-management__next", ariaData: { ariaSelected: "aria-selected", ariaLabel: "aria-label", ariaExpanded: "aria-expanded", ariaHidden: "aria-hidden", }, on: { updateResponsiveImage: null }, }; (this.opts = s.def(i, t || {})), (this.classes = i.classes), (this.el = document.querySelector(e)), this.init(); } init() { null === this.el || this.el.classList.contains(this.opts.featureHide) || (this.initOpts(), this.setElements(), this.buildSwiper(), this.bindEvents()); } initOpts() { this.getCurrentDevice(), (this.currentIndex = 0); } getCurrentDevice() { window.innerWidth >= s.RESPONSIVE.TABLET.WIDTH ? (this.currDevice = "desktop") : window.innerWidth > s.RESPONSIVE.MOBILE.WIDTH && window.innerWidth < s.RESPONSIVE.TABLET.WIDTH ? (this.currDevice = "tablet") : (this.currDevice = "mobile"); } setElements() { (this.accodianItemEl = this.el.querySelectorAll( this.opts.accodianItemEl )), (this.accodianTitleEl = this.el.querySelectorAll( this.opts.accodianTitleEl )), (this.accodianMobileTitleEl = this.el.querySelectorAll( this.opts.accodianMobileTitleEl )), (this.accodianImageEl = this.el.querySelectorAll( this.opts.accodianImageEl )), (this.swiperContainer = this.el.querySelector( this.opts.swiperContainer )), (this.swiperWrapper = this.el.querySelector( this.opts.swiperWrapper )); } bindEvents() { window.addEventListener("load", this.onLoadHandler.bind(this)), window.addEventListener( "resize", this.onResizeHandler.bind(this) ), this.accodianTitleEl.forEach((e) => { e.addEventListener( "focus", this.onClickAccodianItem.bind(this) ); }); } setMobileLayout() { this.setMobileAccodianTitle(), this.destroyAccodian(), this.reinitSwiper(); } setPcLayout() { this.buildAccodian(), this.swiper.destroy(); } onClickAccodianItem(e) { "mobile" != this.currentDevice && ((this.currentIndex = Array.from(this.accodianItemEl).indexOf( e.target.parentNode )), this.accodianTitleEl.forEach((e) => { e.setAttribute(this.opts.ariaData.ariaExpanded, "false"); }), this.accodianImageEl.forEach((e) => { e.setAttribute(this.opts.ariaData.ariaHidden, "true"); }), e.target.setAttribute(this.opts.ariaData.ariaExpanded, "true"), e.target.parentNode .querySelector(this.opts.accodianImageEl) .setAttribute(this.opts.ariaData.ariaHidden, "false")); } buildAccodian() { this.accodianTitleEl.forEach((e) => { e.setAttribute(this.opts.ariaData.ariaExpanded, "false"); }), this.accodianImageEl.forEach((e) => { e.setAttribute(this.opts.ariaData.ariaHidden, "true"); }), this.accodianTitleEl[this.currentIndex].setAttribute( this.opts.ariaData.ariaExpanded, "true" ), this.accodianImageEl[this.currentIndex].setAttribute( this.opts.ariaData.ariaHidden, "false" ); } destroyAccodian() { this.accodianTitleEl.forEach((e) => { e.setAttribute(this.opts.ariaData.ariaExpanded, "true"); }), this.accodianImageEl.forEach((e) => { e.setAttribute(this.opts.ariaData.ariaHidden, "false"); }); } setMobileAccodianTitle() { var i = []; this.accodianTitleEl.forEach((e) => { i.push(e.querySelector(this.opts.accodianTitleTextEl).innerHTML); }), this.accodianMobileTitleEl.forEach((e, t) => { e.innerHTML = i[t]; }); } reinitSwiper() { this.swiper.destroy(), this.swiper.build(); } buildSwiper() { const s = this; (this.swiper = { instance: null, options: { a11y: !1, slideToClickedSlide: !0, spaceBetween: 0, loop: !0, loopedSlides: 4, initialSlide: this.currentIndex, navigation: { prevEl: this.opts.btnPrev, nextEl: this.opts.btnNext, }, pagination: { el: this.opts.swiperPagination, clickable: "true", renderBullet: function (e, t) { var i = []; return ( s.accodianTitleEl.forEach((e) => { i.push( e.querySelector(s.opts.accodianTitleTextEl).innerText ); }), `<li role="listitem" class="${t}"><button type="button" class="s-line-wrap" an-tr="samsung vxt remote-vd marketing page-index-indication" an-ca="indication" an-ac="carousel" an-la="carousel:index:${ e + 1 }">Slide${e + 1}: ${i[e]}</button></li>` ); }, }, }, init: () => { var e = this.swiper.instance.realIndex; this.swiper.instance.pagination.bullets.length && this.swiper.paginationChange(e); }, paginationChange: (e) => { this.swiper.instance.slides.attr( s.opts.ariaData.ariaSelected, "false" ), this.swiper.instance.slides .eq(e) .attr(s.opts.ariaData.ariaSelected, "true"), this.swiper.instance.pagination.bullets .find("button") .removeAttr("title"), this.swiper.instance.pagination.bullets .eq(e) .find("button") .attr("title", "selected"); }, destroy: () => { null != this.swiper.instance && (this.swiper.instance.destroy(), (this.swiper.instance = null)); }, build: () => { null === this.swiper.instance && ((this.swiper.options.initialSlide = this.currentIndex), (this.swiper.instance = new Swiper( this.opts.swiperContainer, this.swiper.options )), this.swiper.init(), this.swiper.instance.on( "slideChangeTransitionStart", function () { var e = this.realIndex; (s.currentIndex = e), s.swiper.paginationChange(e); } )); }, }), this.swiper.build(); } updateResponsiveImage() { var e = this.swiperWrapper.querySelectorAll("img"); this.outCallback("updateResponsiveImage", e); } onLoadHandler(e) { this.onResizeHandler(), window.removeEventListener("load", this.onLoadHandler.bind(this)); } onResizeHandler() { this.getCurrentDevice(), clearTimeout(this.resizeTimeout), (this.resizeTimeout = setTimeout(() => { this.onResponsive(); }, 100)), this.currDevice != this.prevDevice && (this.onResponsiveChange(), (this.prevDevice = this.currDevice)); } onResponsive() { "mobile" === this.currDevice && this.updateResponsiveImage(); } onResponsiveChange() { this.onResponsive(), "desktop" === this.currDevice || "tablet" === this.currDevice ? this.setPcLayout() : this.setMobileLayout(); } outCallback(e, t) { e = this.opts.on[e]; null != e && e(t); } }; })(), (function () { "use strict"; VXT.UTILS.RESPONSIVE; new (class { constructor(e = container) { (this.opts = { el: e, wrapEl: "#wrap", lnbEl: ".vxt-lnb", keyVisualEl: ".vxt-kv", chooseEl: ".vxt-choose", contentEl: ".vxt-content", remoteManagementEl: ".vxt-remote-management", pirsEl: ".vxt-pirs", contrastEl: ".cp-high-contrast", subNavEl: "#subnav", }), (this.el = document.querySelector(e)), this.init(); } init() { null !== this.el && (this.buildComponents(), initialize.init()); } buildComponents() { (this.imageLoader = new VXT.ImageLoader(this.opts.el, { loadOption: [ { resolution: 1920, attribute: "data-src-pc" }, { resolution: 1080, attribute: "data-src-tablet" }, { resolution: 767, attribute: "data-src-mobile" }, ], })), (this.videoLoader = new VXT.VideoLoader(this.opts.el, { notLoadElement: [".cm-layer"], loadOption: [ { resolution: 1920, attribute: "data-src-pc" }, { resolution: 767, attribute: "data-src-mobile" }, ], })), (this.lnb = new VXT.LNB(this.opts.lnbEl)), (this.keyVisual = new VXT.KeyVisual(this.opts.keyVisualEl)), (this.choose = new VXT.Choose(this.opts.chooseEl)), (this.content = new VXT.Content(this.opts.contentEl, { on: { updateResponsiveImage: (e) => { this.imageLoader.updateResponsiveImage(e); }, }, })), (this.remoteManagement = new VXT.RemoteManagement( this.opts.remoteManagementEl, { on: { updateResponsiveImage: (e) => { this.imageLoader.updateResponsiveImage(e); }, }, } )), (this.pirs = new VXT.Pirs(this.opts.pirsEl, { on: { updateResponsiveImage: (e) => { this.imageLoader.updateResponsiveImage(e); }, }, })), (this.contrast = new VXT.Contrast(this.opts.contrastEl)); } })(".vxt"); })(); }); </script>  </div> <div class="cm-g-text-block aem-GridColumn aem-GridColumn--default--12"> <div class="textblock bg-white text-center text-mo-center container-width-medium" id="FAQS"> <div class="textblock__body padding-top--48 padding-bottom--0"> <h2 class="textblock__title" data-font-size-pc="48" data-font-size-mo="30">FAQ</h2> </div> </div> </div> <div class="su-g-accordion-faqs aem-GridColumn aem-GridColumn--default--12"> <div class="ab-g-list-exp section"> <ul class="su12-accordion-faqs su12-accordion-faqs--margin-top-very-wide" role="list"> <li class="su12-accordion-faqs__item on" an-tr="su12_accordion faqs-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="accordion:what is the sign in process for samsung vxt cms" role="listitem"> <h3> <a href="javascript:void(0)" class="su12-accordion-faqs__title" aria-expanded="true" role="button"> <div class="su12-accordion-faqs__title-text">What is the sign-in process for Samsung VXT CMS</div> <span class="icon-wrap"> <svg class="icon plus" focusable="false"><use xlink:href="#plus-bold" href="#plus-bold"></use></svg> <svg class="icon minus" focusable="false"><use xlink:href="#minus-bold" href="#minus-bold"></use></svg> </span> </a> </h3> <div class="su12-accordion-faqs__contents" id="anchor-id026">Samsung VXT CMS Account has Samsung Account based system, and therefore you would need your own Samsung Account to use the CMS service. If you do not have your Samsung Account yet, create your own Samsung Account at Samsung.com, and use the account information to sign-in to the VXT CMS service. <a href="https://vxt.samsung.com/" target="_blank" class="bu-g-external">Get started now.</a></div> </li> <li class="su12-accordion-faqs__item " an-tr="su12_accordion faqs-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="accordion:what can i do with vxt cms" role="listitem"> <h3> <a href="javascript:void(0)" class="su12-accordion-faqs__title" aria-expanded="false" role="button"> <div class="su12-accordion-faqs__title-text">What can I do with VXT CMS? </div> <span class="icon-wrap"> <svg class="icon plus" focusable="false"><use xlink:href="#plus-bold" href="#plus-bold"></use></svg> <svg class="icon minus" focusable="false"><use xlink:href="#minus-bold" href="#minus-bold"></use></svg> </span> </a> </h3> <div class="su12-accordion-faqs__contents" id="anchor-id171">VXT CMS enables you to create and upload contents that will be scheduled on your signage. VXT CMS also allows you to remotely manage signage including monitoring, controlling settings and applying security measures.</div> </li> <li class="su12-accordion-faqs__item " an-tr="su12_accordion faqs-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="accordion:what is vxt player" role="listitem"> <h3> <a href="javascript:void(0)" class="su12-accordion-faqs__title" aria-expanded="false" role="button"> <div class="su12-accordion-faqs__title-text">What is VXT Player?</div> <span class="icon-wrap"> <svg class="icon plus" focusable="false"><use xlink:href="#plus-bold" href="#plus-bold"></use></svg> <svg class="icon minus" focusable="false"><use xlink:href="#minus-bold" href="#minus-bold"></use></svg> </span> </a> </h3> <div class="su12-accordion-faqs__contents" id="anchor-id224">VXT Player is an App that allows contents from CMS Server to be played on signage. You can download the App on signage at Apps menu without any additional charges.</div> </li> <li class="su12-accordion-faqs__item " an-tr="su12_accordion faqs-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="accordion:how can i use art feature" role="listitem"> <h3> <a href="javascript:void(0)" class="su12-accordion-faqs__title" aria-expanded="false" role="button"> <div class="su12-accordion-faqs__title-text">How can I use Art feature?</div> <span class="icon-wrap"> <svg class="icon plus" focusable="false"><use xlink:href="#plus-bold" href="#plus-bold"></use></svg> <svg class="icon minus" focusable="false"><use xlink:href="#minus-bold" href="#minus-bold"></use></svg> </span> </a> </h3> <div class="su12-accordion-faqs__contents" id="anchor-id336">VXT Art provides art contents that will enrich your content breadth and enhance signage experience. If you purchased VXT Art separately, you can find VXT Art at VXT Canvas and have hands on experience with art contents with content details.</div> </li> <li class="su12-accordion-faqs__item " an-tr="su12_accordion faqs-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="accordion:is there a free trial" role="listitem"> <h3> <a href="javascript:void(0)" class="su12-accordion-faqs__title" aria-expanded="false" role="button"> <div class="su12-accordion-faqs__title-text">Is there a free trial?</div> <span class="icon-wrap"> <svg class="icon plus" focusable="false"><use xlink:href="#plus-bold" href="#plus-bold"></use></svg> <svg class="icon minus" focusable="false"><use xlink:href="#minus-bold" href="#minus-bold"></use></svg> </span> </a> </h3> <div class="su12-accordion-faqs__contents" id="anchor-id429"><div> Yes! Search VXT CMS on search engine right now to try out! VXT CMS provide you with up to 3 free trial licenses for 6 months. You can basically use entire contents management features to test if VXT CMS suits your business.</div> <br /> <div style="font-size: 10.0px;">* For VXT Art, you can view the artworks in VXT Canvas, but you cannot distribute them to your screen.</div></div> </li> <li class="su12-accordion-faqs__item " an-tr="su12_accordion faqs-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="accordion:can i use vxt cms with non samsung devices" role="listitem"> <h3> <a href="javascript:void(0)" class="su12-accordion-faqs__title" aria-expanded="false" role="button"> <div class="su12-accordion-faqs__title-text">Can I use VXT CMS with non-Samsung Devices?</div> <span class="icon-wrap"> <svg class="icon plus" focusable="false"><use xlink:href="#plus-bold" href="#plus-bold"></use></svg> <svg class="icon minus" focusable="false"><use xlink:href="#minus-bold" href="#minus-bold"></use></svg> </span> </a> </h3> <div class="su12-accordion-faqs__contents" id="anchor-id591">VXT CMS is being developed to support non-Samsung devices as well as Samsung products.</div> </li> <li class="su12-accordion-faqs__item " an-tr="su12_accordion faqs-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="accordion:should i have digital signage for samsung vxt cms" role="listitem"> <h3> <a href="javascript:void(0)" class="su12-accordion-faqs__title" aria-expanded="false" role="button"> <div class="su12-accordion-faqs__title-text">Should I have Digital Signage for Samsung VXT CMS?</div> <span class="icon-wrap"> <svg class="icon plus" focusable="false"><use xlink:href="#plus-bold" href="#plus-bold"></use></svg> <svg class="icon minus" focusable="false"><use xlink:href="#minus-bold" href="#minus-bold"></use></svg> </span> </a> </h3> <div class="su12-accordion-faqs__contents" id="anchor-id653">You don’t need to purchase physical screens to try out VXT CMS. With any device that supports chrome browser, you can swiftly explore entire Samsung VXT CMS journey.</div> </li> </ul> </div> </div> <div class="cm-g-text-block-container aem-GridColumn aem-GridColumn--default--12"> <section class="text-block-container text-color--black " style="background: #FFFFFF" id="RESOURCES"> <div class="text-block-container__title-wrap"> <div class="text-block-container__headline-wrap"> <h2 class="text-block-container__headline">Resources</h2> </div> </div> </section> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> </div> </div> <div class="cm-g-discover-column-new aem-GridColumn aem-GridColumn--default--12"> <section class="co16-discover-column-new"> <div class="co16-discover-column-new__columns swiper-container column-1" data-swiper-option='{ "viewMode":"mobile", "keepWrapper":true, "slidesPerView":"auto", "centeredSlides":true, "autoHeight":true, "pagination":true, "componentEl":".co16-discover-column-new__columns", "offTxtAccesibility": true }'> <div class="co16-discover-column-new__columns-wrapper swiper-wrapper" role="list"> <div class="co16-discover-column-new__columns-item swiper-slide" role="listitem"> <div class="co16-discover-column-new__image"> <div class="image image--dyn-height"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/solutions/digital-signage-solutions/vxt-cms/CO_16_Samusng_VXT_CMS_Resource_Manual_PC_DT-.png?$LazyLoad_Home_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/solutions/digital-signage-solutions/vxt-cms/CO_16_Samusng_VXT_CMS_Resource_Manual_PC_MB.png?$LazyLoad_Home_PNG$" alt="Samsung VXT CMS " role="img" data-aem-asset-id=""/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/solutions/digital-signage-solutions/vxt-cms/CO_16_Samusng_VXT_CMS_Resource_Manual_PC_DT-.png?$684_N_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/solutions/digital-signage-solutions/vxt-cms/CO_16_Samusng_VXT_CMS_Resource_Manual_PC_MB.png?$624_N_PNG$" alt="Samsung VXT CMS " role="img" data-aem-asset-id=""/> </div> </div> <div class="co16-discover-column-new__content"> <div class="co16-discover-column-new__headline-wrapper"> <h2 class="co16-discover-column-new__headline">Samsung VXT CMS </h2> </div> <div class="co16-discover-column-new__description-wrapper"> <p class="co16-discover-column-new__description">React Faster. Create new possibilities. </p> </div> <div class="co16-discover-column-new__cta-wrapper"> <a class="cta cta--outlined cta--black cta--icon" href="https://image-us.samsung.com/SamsungUS/samsungbusiness/resources/pdfs/Samsung_VXT_CMS_Brochure_.pdf" aria-label="Download brochure" target="_blank" an-tr="co16_discover column new-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="samsung vxt cms :download brochure"> Download brochure <svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#outlink-bold" href="#outlink-bold"></use></svg> </a> </div> </div> </div> </div> </div> </section> </div> <div class="pd-g-feature-benefit-banner aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" id="useSMBHideFunction" name="useSMBHideFunction" value="false"/> <input type="hidden" id="authorYn" name="authorYn" value="N"/> <section class="st-feature-benefit-banner flexible-layout st-feature-benefit-banner--full margin-top--48 st-feature-benefit-banner--left st-feature-benefit-banner--mo-text-top st-feature-benefit-banner--bg-white st-feature-benefit-banner--black"> <div class="st-feature-benefit-banner__wrap"> <div class="st-feature-benefit-banner__content"> <div class="st-feature-benefit-banner__content-wrap"> <h2 class="st-feature-benefit-banner__title desktop-only" data-font-size-pc="38">Samsung VXT CMS Web Manual </h2> <h2 class="st-feature-benefit-banner__title mobile-only" data-font-size-mo="26">Samsung VXT CMS Web Manual </h2> <p class="st-feature-benefit-banner__desc" data-font-size-pc="18" data-font-size-mo="14">Use our detailed guides to effectively utilize VXT CMS Solution </p> <div class="st-feature-benefit-banner__cta-wrap"> <div class="st-feature-benefit-banner__cta"> <a class="cta cta--contained cta--black cta--icon" href="http://docs.samsungvx.com/docs/display/SVC" target="_blank" aria-label="Read now Read now: Open in a New Window" an-tr="ft06_banner-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="samsung vxt cms web manual :read now"> Read now <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </div> </div> </div> </div> <figure class="st-feature-benefit-banner__figure">  <div class="image image--dyn-height"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/solutions/digital-signage-solutions/vxt-cms/FT06_Banner_Samusng_VXT_CMS_Manual_Banner_PC_D.png?$1440_N_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/display-solutions/samsung-vxt/SDSAC-7841_VXT_MB_720x1080.jpg?$720_N_JPG$" data-desktop-alt="Samsung VXT CMS Web Manual " data-mobile-alt="Samsung VXT CMS Web Manual " role="img" loading="lazy"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/solutions/digital-signage-solutions/vxt-cms/FT06_Banner_Samusng_VXT_CMS_Manual_Banner_PC_D.png?$1440_N_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/display-solutions/samsung-vxt/SDSAC-7841_VXT_MB_720x1080.jpg?$720_N_JPG$" data-desktop-alt="Samsung VXT CMS Web Manual " data-mobile-alt="Samsung VXT CMS Web Manual " role="img" loading="lazy"/> </div> </figure> </div> </section> </div> <div class="pd-g-feature-benefit-banner aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" id="useSMBHideFunction" name="useSMBHideFunction" value="false"/> <input type="hidden" id="authorYn" name="authorYn" value="N"/> <section class="st-feature-benefit-banner flexible-layout st-feature-benefit-banner--full margin-top--48 st-feature-benefit-banner--left st-feature-benefit-banner--mo-text-top st-feature-benefit-banner--bg-white st-feature-benefit-banner--white"> <div class="st-feature-benefit-banner__wrap"> <div class="st-feature-benefit-banner__content"> <div class="st-feature-benefit-banner__content-wrap"> <h2 class="st-feature-benefit-banner__title desktop-only" data-font-size-pc="38">It’s time to meet Samsung VXT CMS!</h2> <h2 class="st-feature-benefit-banner__title mobile-only" data-font-size-mo="26">It’s time to meet Samsung VXT CMS!</h2> <div class="st-feature-benefit-banner__cta-wrap"> <div class="st-feature-benefit-banner__cta"> <a class="cta cta--contained cta--white cta--icon" href="https://www.samsungvx.com/onboarding" target="_blank" aria-label="Free trial Free trial: Open in a New Window" an-tr="ft06_banner-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="its time to meet samsung vxt cms:free trial"> Free trial <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </div> </div> </div> </div> <figure class="st-feature-benefit-banner__figure">  <div class="image image--dyn-height"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/solutions/digital-signage-solutions/vxt-cms/FT06_Banner_Samusng_VXT_CMS_Banner_PC_D.png?$1440_N_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/display-solutions/samsung-vxt/SDSAC-7841_VXT_MB_720x1080_V2.jpg?$720_N_JPG$" data-desktop-alt="It’s time to meet Samsung VXT CMS!" data-mobile-alt="It’s time to meet Samsung VXT CMS!" role="img" loading="lazy"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/solutions/digital-signage-solutions/vxt-cms/FT06_Banner_Samusng_VXT_CMS_Banner_PC_D.png?$1440_N_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/display-solutions/samsung-vxt/SDSAC-7841_VXT_MB_720x1080_V2.jpg?$720_N_JPG$" data-desktop-alt="It’s time to meet Samsung VXT CMS!" data-mobile-alt="It’s time to meet Samsung VXT CMS!" role="img" loading="lazy"/> </div> </figure> </div> </section> </div> <div class="cm-g-blank-space aem-GridColumn aem-GridColumn--default--12"> <div class="blank-space bg-transparent blank-space--width-1440 blank-space--desktop-margin-medium none"> </div> </div> <div class="cm-g-text-block aem-GridColumn aem-GridColumn--default--12"> <div class="textblock bg-white text-center text-mo-center " id="CONTACT_SALES"> <div class="textblock__body padding-top--48 padding-bottom--48"> <h2 class="textblock__title" data-font-size-pc="38" data-font-size-mo="26">Contact a digital signage sales expert</h2> </div> </div> </div> <div class="bu-g-forms-general aem-GridColumn aem-GridColumn--default--12"> <section class=" padding-bottom-100 success_forms_general"> <form method="post" name="ReachForce-B2BContactUs" id="ReachForce-B2BContactUs" class="principal-form" novalidate> <input type="hidden" value="ReachForce-B2BContactUs" name="elqFormName"/> <input type="hidden" name="hiddenSFDCInquiryOwner" id="hiddenSFDCInquiryOwner"/> <input type="hidden" value="188599536" name="elqSiteId"/> <input type="hidden" name="elqCampaignId"/>  <input type="hidden" value="N" name="optin" id="optin"/> <input type="hidden" value="" name="formURL" id="formURL"/> <input type="hidden" value="" name="sourceURL" id="sourceURL"/> <input type="hidden" value="" name="CampaignCode" id="CampaignCode"/> <input type="hidden" value="" name="adobeMid" id="field1"/> <input type="hidden" name="origCID" id="origCID"/> <input type="hidden" name="origAttributionCampId" id="origAttributionCampId"/> <input type="hidden" name="recCID" id="recCID"/> <input type="hidden" name="recAttributionCampId" id="recAttributionCampId"/> <input type="hidden" name="adoquaEloqua" id="adoquaEloqua" adoqua="pageVisit"/> <input value="/us/business/email-form/vxt-cms-embed/thank-you/" type="hidden" name="SuccessPageURL" id="SuccessPageURL"/> <div class="form-wrapper"> <div class="form-title">  <span></span> </div> <div class="form-container"> <div class="form-description"> <p></p> </div> <div class="input-field"> <div class="form_description_all_fields">  </div> <div> <input required pattern="([A-Za-z]+[,.]?[ ]?|[A-Za-z]+['-]?)+$" type="text" name="firstName" id="generalFname" class="" placeholder="First Name"/> <span id="general_fname_error" class="general_form_validation_error"></span> </div> <div> <input required pattern="([A-Za-z]+[,.]?[ ]?|[A-Za-z]+['-]?)+$" type="text" name="lastName" id="generalLname" class="" placeholder="Last Name"/> <span id="general_lname_error" class="general_form_validation_error"></span> </div> <div> <input required pattern="([a-zA-Z0-9_.+-])+@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$" type="email" name="emailAddress" id="emailAddress" class="" placeholder="Email"/> <input type="text" name="hiddenDomainCheck"/> <span id="general_email_error" class="general_form_validation_error"></span> </div> <div> <input required id="areaCode" type="tel" name="areaCode" placeholder="Area Code" maxlength="3" minlength="3"/> <input required id="phoneNumber" type="tel" name="phoneNumber" placeholder="Phone No." maxlength="7" minlength="7"/> <input type="text" name="phoneExt" placeholder="Ext (optional)" maxlength="6" minlength="0"/> <input type="text" name="hiddenPhone"/> <input type="text" name="hiddenAreaCodeCheck"/> <input type="text" id='concatNumber' name="concatNumber"/> <span id="general_phone_error" class="general_form_validation_error"></span> </div> <div> <input required type="text" name="company" id="company" class="" placeholder="Company"/> <span id="general_company_error" class="general_form_validation_error"></span> </div> <div> <select required sampleTextOveriding="disable" defaultSampleText="Please contact me about Samsung VXT CMS." id="generalIndustry" name="industryinterest"> <option value="">Industry Interest</option> <option value="finance"> Finance</option> <option value="government"> Government</option> <option value="healthcare"> Healthcare</option> <option value="education"> Education</option> <option value="hospitality">Hospitality</option> <option value="transportation">Transportation</option> <option value="retail">Retail </option> <option value="legal">Legal </option> <option value="public_safety">Public Safety</option> <option value="manufacturing">Manufacturing</option> <option value="other">Other</option> </select> <span id="general_industry_error" class="general_form_validation_error"></span> </div> <div> <input required pattern="^([a-zA-Z])+([a-zA-Z0-9- \s])+$" type="text" name="title" id="generalJobtitle" class="" placeholder="Job Title"/> <span id="general_jobtitle_error" class="general_form_validation_error"></span> </div> <div> <select required id="employeeSizeRange1" name="employeeSizeRange1"> <option value="">Number of Employees</option> <option value="1-19">1-19</option> <option value="20-49">20-49</option> <option value="50-99">50-99</option> <option value="100-499">100-499</option> <option value="500-999">500-999</option> <option value="1000-2499">1000-2499</option> <option value="2500-4999">2500-4999</option> <option value="5000+">5000+</option> </select> <span id="general_employee_error" class="general_form_validation_error"></span> </div> <div> <input id="generalCountry" name="country" type="text" value="US" readonly/> <select required name="stateProv" id="stateProv"> <option value="">Select a State</option> <option value="AL">AL</option> <option value="AK">AK</option> <option value="AR">AR</option> <option value="AZ">AZ</option> <option value="CA">CA</option> <option value="CO">CO</option> <option value="CT">CT</option> <option value="DC">DC</option> <option value="DE">DE</option> <option value="FL">FL</option> <option value="GA">GA</option> <option value="HI">HI</option> <option value="IA">IA</option> <option value="ID">ID</option> <option value="IL">IL</option> <option value="IN">IN</option> <option value="KS">KS</option> <option value="KY">KY</option> <option value="LA">LA</option> <option value="MA">MA</option> <option value="MD">MD</option> <option value="ME">ME</option> <option value="MI">MI</option> <option value="MN">MN</option> <option value="MO">MO</option> <option value="MS">MS</option> <option value="MT">MT</option> <option value="NC">NC</option> <option value="NE">NE</option> <option value="NH">NH</option> <option value="NJ">NJ</option> <option value="NM">NM</option> <option value="NV">NV</option> <option value="NY">NY</option> <option value="ND">ND</option> <option value="OH">OH</option> <option value="OK">OK</option> <option value="OR">OR</option> <option value="PA">PA</option> <option value="RI">RI</option> <option value="SC">SC</option> <option value="SD">SD</option> <option value="TN">TN</option> <option value="TX">TX</option> <option value="UT">UT</option> <option value="VT">VT</option> <option value="VA">VA</option> <option value="WA">WA</option> <option value="WI">WI</option> <option value="WV">WV</option> <option value="WY">WY</option> </select> <span id="general_state_error" class="general_form_validation_error"></span> </div> <div class="work-email-honeypot"> <label>Work Email</label> <input id="HoneyPot" name="HoneyPot" placeholder="Work Email"/> </div> </div>  <div class="product-interent" required> <span>Product Interest (select one or more): </span> <div class='select-options'> <div> <input autocomplete="off" name="productSolutionOfInterest1" id="display" type="checkbox" class="productInt" value="Displays & Digital Signage"/> <label for="display">Displays & Digital Signage</label> </div> <div> <input autocomplete="off" name="productSolutionOfInterest1" id="displaySoftware" type="checkbox" class="productInt" value="Digital Signage Software" checked/> <label for="display">Digital Signage Software</label> </div>          <span id="general_checkbox_error"></span> </div> <div style='position:relative'><select id="hackSelect" required></select></div> </div> <textarea rows="6" cols="93" id="general_form_sample_textarea" name="Questions"></textarea> <div class="privacy-policy"> <div> <input id="updateemailGeneral" type="checkbox" value="Y"/> <label for="updateemailGeneral">Sign me up by email to receive exclusive discounts, new product announcements, our latest technology insights, special events and more. Please consult our <a href="https://www.samsung.com/us/account/privacy-policy/" class="external-link" target="_blank" rel="nofollow noopener" title="Follow link" style="font-weight:bold">Privacy Policy</a> to understand how we protect your privacy.</label> </div>   </div> <div class="send-form"> <div class="recaptcha-wrapper"> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <div class="g-recaptcha" data-sitekey="6LfkhUcUAAAAANpbi53rb6ADw5wqQ-mMqUUZS-Hn" required></div> <p class="recaptcha-error"></p> </div> <div class="cta"> <input type="submit" value="Submit" class="cta cta--contained cta--black" id="generalFormSubmit" title="Submit"/></input> <input value="Sending..." class="cta-button cta-black cta-grey generalFormHideButton" W id="generalFormSubmiting" title="Submit"/></input> </div> </div> </div> </div> </form> <script src="https://cdnjs.cloudflare.com/ajax/libs/libphonenumber-js/0.4.38/libphonenumber-js.min.js"></script> </section></div> <div class="cm-g-blank-space aem-GridColumn aem-GridColumn--default--12"> <div class="blank-space bg-transparent blank-space--width-1440 blank-space--desktop-margin-medium none"> </div> </div> <div class="cm-g-text-block aem-GridColumn aem-GridColumn--default--12"> <div class="textblock bg-white text-center text-mo-center "> <div class="textblock__body padding-top--48 padding-bottom--48"> <h2 class="textblock__title" data-font-size-pc="38" data-font-size-mo="26">Discover digital signage displays & screens</h2> <p class="textblock__desc" data-font-size-pc="18" data-font-size-mo="14">Explore our wide selection of digital signage and commercial displays. From outdoor signage and video walls to microLED, interactive and standalone displays—ranging from Full HD to 8K UHD resolution—we offer digital display screens and solutions for virtually any business need.</p> </div> </div> </div> <div class="pd-g-feature-benefit-column-carousel aem-GridColumn aem-GridColumn--default--12"> <div class="feature-column-carousel bg-white feature-column-carousel--width-1440 feature-column-carousel--desktop-columns-space-normal feature-column-carousel--mobile-columns-space-normal feature-column-carousel--divide"> <div class="feature-column-carousel__column feature-column-carousel__column--padding-top-normal feature-column-carousel__column--padding-bottom-normal feature-column-carousel__column--desktop-columns-4 feature-column-carousel__column--mobile-columns-1 feature-column-carousel__column--align-center use-mobile-carousel swiper-container basic-swiper use-mobile-indicator " data-desktop-per-page="9" data-mobile-per-page="9" data-swiper-option="{ "slidesPerView":1, "autoHeight":true, "keepWrapper":true, "viewMode":"mobile", "loop": false , "pagination":true, "componentEl":".feature-column-carousel", "autoplay":{ "start":false, "delay": 4000, "an-tr":"ft12_feature column carousel-vd marketing page-imageaction", "an-ca":"indication", "an-ac":"carousel", "an-la":"carousel:index:stop" }, "offTxtAccesibility":true }"> <div class="feature-column-carousel__inner swiper-wrapper"> <div class="feature-column-carousel__item feature-column-carousel__item--align-center swiper-slide" an-tr="ft12_feature column carousel-vd marketing page-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:1"> <div class="feature-column-carousel__feature bg-white"> <div class="feature-column-carousel__content"> <div class="feature-column-carousel__text-wrap"> <div class="feature-column-carousel__title"> <h2>Outdoor & window-facing signage</h2> </div> <div class="feature-column-carousel__text"> <p>Built to weather the storm and shine in any light.</p> </div> </div> <div class="feature-column-carousel__button"> <a class="cta cta--outlined cta--black" href="/us/business/displays/outdoor-and-window/" aria-label="Shop now" an-tr="ft12_feature column carousel-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="outdoor and window facing signage:shop now"> Shop now </a> </div> <div class="feature-column-carousel__disclaimer"> </div> </div> <div class="feature-column-carousel__figure"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/outdoor-window-facing-signage_FT12_FEATURE-COLUMN-CAROUSEL.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/outdoor-window-facing-signage_FT12_FEATURE-COLUMN-CAROUSEL_M.jpg?$LazyLoad_Home_JPG$" alt="Outdoor & window-facing signage"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/outdoor-window-facing-signage_FT12_FEATURE-COLUMN-CAROUSEL.jpg?$570_N_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/outdoor-window-facing-signage_FT12_FEATURE-COLUMN-CAROUSEL_M.jpg?$720_N_JPG$" alt="Outdoor & window-facing signage"/> </div> </div> </div> </div> <div class="feature-column-carousel__item feature-column-carousel__item--align-center swiper-slide" an-tr="ft12_feature column carousel-vd marketing page-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:2"> <div class="feature-column-carousel__feature bg-white"> <div class="feature-column-carousel__content"> <div class="feature-column-carousel__text-wrap"> <div class="feature-column-carousel__title"> <h2>8K QLED displays</h2> </div> <div class="feature-column-carousel__text"> <p>8K displays with true-to-life detail.</p> </div> </div> <div class="feature-column-carousel__button"> <a class="cta cta--outlined cta--black" href="/us/business/displays/qled/" aria-label="Shop now" an-tr="ft12_feature column carousel-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="8k qled displays:shop now"> Shop now </a> </div> <div class="feature-column-carousel__disclaimer"> </div> </div> <div class="feature-column-carousel__figure"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/8K-QLED-displays_FT12_FEATURE-COLUMN-CAROUSEL.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/8K-QLED-displays_FT12_FEATURE-COLUMN-CAROUSEL_M.jpg?$LazyLoad_Home_JPG$" alt="8K QLED displays"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/8K-QLED-displays_FT12_FEATURE-COLUMN-CAROUSEL.jpg?$570_N_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/8K-QLED-displays_FT12_FEATURE-COLUMN-CAROUSEL_M.jpg?$720_N_JPG$" alt="8K QLED displays"/> </div> </div> </div> </div> <div class="feature-column-carousel__item feature-column-carousel__item--align-center swiper-slide" an-tr="ft12_feature column carousel-vd marketing page-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:3"> <div class="feature-column-carousel__feature bg-white"> <div class="feature-column-carousel__content"> <div class="feature-column-carousel__text-wrap"> <div class="feature-column-carousel__title"> <h2>4K UHD displays</h2> </div> <div class="feature-column-carousel__text"> <p>Head-turning visual impact and fine detail.</p> </div> </div> <div class="feature-column-carousel__button"> <a class="cta cta--outlined cta--black" href="/us/business/displays/4k-uhd/" aria-label="Shop now" an-tr="ft12_feature column carousel-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="4k uhd displays:shop now"> Shop now </a> </div> <div class="feature-column-carousel__disclaimer"> </div> </div> <div class="feature-column-carousel__figure"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/4K-UHD-displays_FT12_FEATURE-COLUMN-CAROUSEL.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/4K-UHD-displays_FT12_FEATURE-COLUMN-CAROUSEL_M.jpg?$LazyLoad_Home_JPG$" alt="4K UHD displays"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/4K-UHD-displays_FT12_FEATURE-COLUMN-CAROUSEL.jpg?$570_N_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/4K-UHD-displays_FT12_FEATURE-COLUMN-CAROUSEL_M.jpg?$720_N_JPG$" alt="4K UHD displays"/> </div> </div> </div> </div> <div class="feature-column-carousel__item feature-column-carousel__item--align-center swiper-slide" an-tr="ft12_feature column carousel-vd marketing page-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:4"> <div class="feature-column-carousel__feature bg-white"> <div class="feature-column-carousel__content"> <div class="feature-column-carousel__text-wrap"> <div class="feature-column-carousel__title"> <h2>LCD video walls</h2> </div> <div class="feature-column-carousel__text"> <p>Simple, effective touch interactions for any environment.</p> </div> </div> <div class="feature-column-carousel__button"> <a class="cta cta--outlined cta--black" href="/us/business/displays/lcd-videowalls/" aria-label="Shop now" an-tr="ft12_feature column carousel-vd marketing page-cta-button" an-ca="content click" an-ac="feature" an-la="lcd video walls:shop now"> Shop now </a> </div> <div class="feature-column-carousel__disclaimer"> </div> </div> <div class="feature-column-carousel__figure"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/LCD-video-walls_FT12_FEATURE-COLUMN-CAROUSEL.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/LCD-video-walls_FT12_FEATURE-COLUMN-CAROUSEL_M.jpg?$LazyLoad_Home_JPG$" alt="LCD video walls"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/LCD-video-walls_FT12_FEATURE-COLUMN-CAROUSEL.jpg?$570_N_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/business/displays/101921/LCD-video-walls_FT12_FEATURE-COLUMN-CAROUSEL_M.jpg?$720_N_JPG$" alt="LCD video walls"/> </div> </div> </div> </div> </div> <div class="indicator" data-indicator-data='{ "type": "dot-indicator", "autoRolling": false, "infiniteRolling": true}'> <div class="indicator-wrap"> <button class="indicator__controls indicator__controls--play"> <svg class="play" focusable="false"> <use xlink:href="#play-bold" href="#play-bold"></use> </svg> <svg class="pause" focusable="false"> <use xlink:href="#pause-bold" href="#pause-bold"></use> </svg> <span class="hidden">play</span> </button> <div class="indicator__list-wrap"> <div class="indicator__list" role="tablist"> <button class="indicator__item" role="tab" data-indicator-delay=""> <span class="indicator__dot-wrap"> <span class="indicator__dot"> <span class="indicator__dot-inner"></span> </span> <span class="hidden">Indicator 1</span> </span> </button> </div> </div> </div> </div> </div> <div class="feature-column-carousel__video-wrap" id="video-id-b898d05b-7090-4735-bc90-7743b478d8d5_root_responsivegrid_pd_g_feature_benefit_399646437-0"> <div class="feature-column-carousel__video "> <button type="button" class="feature-column-carousel__close"><span class="hidden">Close</span> <svg class="icon" focusable="false"><use xlink:href="#close-btn" href="#close-btn"></use></svg> </button> </div> </div> <div class="feature-column-carousel__video-wrap" id="video-id-b898d05b-7090-4735-bc90-7743b478d8d5_root_responsivegrid_pd_g_feature_benefit_399646437-1"> <div class="feature-column-carousel__video "> <button type="button" class="feature-column-carousel__close"><span class="hidden">Close</span> <svg class="icon" focusable="false"><use xlink:href="#close-btn" href="#close-btn"></use></svg> </button> </div> </div> <div class="feature-column-carousel__video-wrap" id="video-id-b898d05b-7090-4735-bc90-7743b478d8d5_root_responsivegrid_pd_g_feature_benefit_399646437-2"> <div class="feature-column-carousel__video "> <button type="button" class="feature-column-carousel__close"><span class="hidden">Close</span> <svg class="icon" focusable="false"><use xlink:href="#close-btn" href="#close-btn"></use></svg> </button> </div> </div> <div class="feature-column-carousel__video-wrap" id="video-id-b898d05b-7090-4735-bc90-7743b478d8d5_root_responsivegrid_pd_g_feature_benefit_399646437-3"> <div class="feature-column-carousel__video "> <button type="button" class="feature-column-carousel__close"><span class="hidden">Close</span> <svg class="icon" focusable="false"><use xlink:href="#close-btn" href="#close-btn"></use></svg> </button> </div> </div> </div> </div> <div class="static-content aem-GridColumn aem-GridColumn--default--12"> <style scoped="scoped"> .disclaimer_padding { max-width: 1200px; margin: auto; padding: 60px 0px 60px 0px; } @media only screen and (max-width: 767px) { .disclaimer_padding { padding: 60px 30px 60px 30px; } } </style> <div class="disclaimer_padding"> <p>© 2024 Samsung Electronics America, Inc. All rights reserved. Samsung is a registered trademark of Samsung Electronics Co., Ltd. All products, logos and brand names are trademarks or registered trademarks of their respective companies. Screen images simulated.</p> </div> </div> <div class="bu-cm-us-ready-to-buy aem-GridColumn aem-GridColumn--default--12"> <div class="co62-ready-to-buy padding-top--48 padding-bottom--48 bg-light-gray"> <input type="hidden" class="eloquaPostUrl" value="https://s188599536.t.eloqua.com/e/f2"/> <input type="hidden" class="eloquaYn" value="Y"/> <input type="hidden" class="popupDescription"/> <input type="hidden" class="popupHeadline" value="Thank you for signing up."/> <input type="hidden" class="popupHeadingLevel" value="h2"/> <input type="hidden" class="contactUsPop"/> <div class="co62-ready-to-buy__inner"> <div class="co62-ready-to-buy__column column--1 column-subscribe"> <div class="co62-ready-to-buy__column-inner"> <div class="co62-ready-to-buy__text"> <h2 class="co62-ready-to-buy__headline-text">Stay in the know</h2> <div class="co62-ready-to-buy__icon"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/content/samsung/assets/us/business/icons/Stay_Informed.svg?$32_32_PNG$" data-mobile-src="//images.samsung.com/is/content/samsung/assets/us/business/icons/Stay_Informed.svg?$48_48_PNG$" alt="Stay in the know" role="img"/> </div> </div> </div> <div class="co62-ready-to-buy__form"> <form class="co62-ready-to-buy-from-data"> <input type="hidden" class="countryCode" name="CountryCode" value="us"/> <input type="hidden" class="Subsidiary" id="formSubsidiary" name="Subsidiary" value="SEA"/> <input type="hidden" name="elqCustomerGUID" value=""/> <input name="elqCampaignId" type="hidden"/> <input value="" type="hidden" name="formURL" id="formURL-emailonly"/> <input value="" type="hidden" name="CampaignCode" id="CampaignCode-emailonly"/> <input type="hidden" name="SuccessPageURL" id="SuccessPageURL-emailonly"/> <input type="hidden" value="Y" name="optin" id="optin"/> <input type="hidden" name="origCID-emailonly" id="origCID-emailonly"/> <input type="hidden" name="origAttributionCampId-emailonly" id="origAttributionCampId-emailonly"/> <input type="hidden" name="recCID-emailonly" id="recCID-emailonly"/> <input type="hidden" name="recAttributionCampId-emailonly" id="recAttributionCampId-emailonly"/> <input type="hidden" class="elqSiteID" name="elqSiteID" value="188599536"/> <input type="hidden" class="elqFormName" name="elqFormName" value="ReachForce-B2BSignUp"/> <input type="hidden" name="ansId" id="ansId"/> <input type="hidden" class="elqCookieWrite" name="elqCookieWrite" value="0"/> <div class="append-from-data"></div> <div class="co62-ready-to-buy__form-wrap"> <div class="co62-ready-to-buy__form-field form--size-half is-required field--single-text form-single"> <div class="text-field-v2 error-target"> <label class="text-field-v2__hint" for="text-field--0">Email Address <span class="required-text"> *<span class="hidden">Required</span> </span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input check-validation" id="text-field--0" type="text" value="" autocomplete="email" maxlength="80" data-name="EmailAddress"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error error-target-text" id="aria-desc-error-0"></p> </div> </div> <div class="co62-ready-to-buy__form-field form--size-full field--disclaimer"> <p><sup>*</sup>By submitting your email, you agree to receive periodic emails from Samsung on exclusive discounts, new product announcements, our latest technology insights, special events and more. Please consult our <a href="https://www.samsung.com/us/account/privacy-policy/" target="_blank"><u>Privacy Policy</u></a> to understand how we protect your privacy</p> </div> </div> </form> </div> <div class="co62-ready-to-buy__cta"> <a class="mail-form cta cta--black cta--contained " href="javascript:void(0);" data-type="input" an-tr="CO62_Ready to Buy (US)|cta" an-ca="content click" an-ac="feature" an-la="ready to buy:stay in the know:sign me up" role="button" aria-label="Sign me up">Sign me up </a> </div> </div> </div> <div class="co62-ready-to-buy__column column--2"> <div class="co62-ready-to-buy__column-inner"> <div class="co62-ready-to-buy__text"> <h2 class="co62-ready-to-buy__headline-text">Contact a sales expert</h2> <div class="co62-ready-to-buy__icon"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/content/samsung/assets/us/business/icons/Contact_Sales.svg?$32_32_PNG$" data-mobile-src="//images.samsung.com/is/content/samsung/assets/us/business/icons/Contact_Sales.svg?$48_48_PNG$" alt="Contact a sales expert" role="img"/> </div> </div> <p class="co62-ready-to-buy__description">Get in touch with our sales team to discuss tailored solutions for your business. You can call <b class="deprecatedInvocaNumber"><a href="tel:+8667264249">(866) 726-4249</a></b> to talk to an expert now, or use the form below to submit your requests.</p> </div> <div class="co62-ready-to-buy__cta"> <a class="co62-ready-to-buy__cta-contact inUrl cta cta--black cta--contained " data-is-exit="false" an-tr="CO62_Ready to Buy (US)|cta" an-ca="content click" an-ac="feature" an-la="ready to buy:contact a sales expert:contact sales" href="/us/business/email-form/vxt-cms/" aria-label="Contact sales">Contact sales </a> </div> </div> </div> <div class="co62-ready-to-buy__column column--3"> <div class="co62-ready-to-buy__column-inner"> <div class="co62-ready-to-buy__text"> <h2 class="co62-ready-to-buy__headline-text">Get product support</h2> <div class="co62-ready-to-buy__icon"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/content/samsung/assets/us/business/icons/Get_Product_Support.svg?$32_32_PNG$" data-mobile-src="//images.samsung.com/is/content/samsung/assets/us/business/icons/Get_Product_Support.svg?$48_48_PNG$" alt="Get product support" role="img"/> </div> </div> <p class="co62-ready-to-buy__description">Find manuals, downloads, warranty information and more. We also offer FAQs and demos to help with business product questions.</p> </div> <div class="co62-ready-to-buy__cta"> <a class="co62-ready-to-buy__cta-contact inUrl cta cta--black cta--contained " data-is-exit="false" an-tr="CO62_Ready to Buy (US)|cta" an-ca="content click" an-ac="feature" an-la="ready to buy:get product support:get product support" href="/us/business/support/" aria-label="Get product support">Get product support </a> </div> </div> </div> </div> </div>  </div> <div class="nv-g-breadcrumb aem-GridColumn aem-GridColumn--default--12"> <nav class="breadcrumb" aria-label="Breadcrumb"> <div class="breadcrumb__inner"> <ul class="breadcrumb__path"> <li> <a aria-label="home" an-tr="nv03_breadcrumb-vd marketing page-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:home" href="/test/business/"> <span class="breadcrumb__text-desktop">Home</span> <span class="breadcrumb__text-mobile">Home</span> </a> <svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#next-bold" href="#next-bold"></use></svg> </li> <li> <strong class="breadcrumb__text-desktop" aria-current="page">Samsung VXT</strong> <strong class="breadcrumb__text-mobile" aria-current="page">Samsung VXT</strong> </li> </ul> </div> <script type="application/ld+json" data-type="seo" data-object-type="BreadcrumbList" data-id="b527b7cb-bcb3-4d55-8788-ddfff6d25534">{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://www.samsung.com/test/business","position":1},{"@type":"ListItem","name":"Samsung VXT","item":"","position":2}]}</script> </nav></div> <div class="static-content aem-GridColumn aem-GridColumn--default--12"> </div> </div> </div> </div> </div> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div>   <div class="contact-us-popup" id="ContactUsPopup" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">Contact us</h2> <div class="layer-popup__contents"> <p class="contact-us-popup__description">We will help you find the right solution for your business.</p> <div class="contact-us-popup__solution-wrap"> <div class="contact-us-popup__solution"> <div class="contact-us-popup__icon"> <div class="ready-to-buy__icon"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#email-outline-light" href="#email-outline-light"></use> </svg> </div> </div> <h3 class="contact-us-popup__title">Sales Enquiries</h3> <div class="contact-us-popup__cta"> <a class="cta cta--contained cta--black cta--closed" href="javascript:;" id="bu-g-contact-us-email" aria-label="" an-tr="contact us|cta" an-ca="content click" an-ac="feature" an-la="contact us:sales enquiries:send email"> Send email </a> </div> </div> <div class="contact-us-popup__solution"> <div class="contact-us-popup__icon"> <div class="ready-to-buy__icon"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#repair-support-light" href="#repair-support-light"></use> </svg> </div> </div> <h3 class="contact-us-popup__title">Technical Support</h3> <div class="contact-us-popup__cta"> <a class="cta cta--contained cta--black" href="javascript:;" id="bu-cm-g-contact-us-tech" data-href="/us/support/email-technical-question" aria-label="Request Tech Support : Open in a New Window" an-tr="contact us|cta" an-ca="content click" an-ac="feature" an-la="contact us:technical support:request"> Request </a> </div> </div> </div> </div> <button type="button" class="layer-popup__close cta--closed"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="samsung-enterprise-support-popup" id="SamsungEnterpriseSupportPopup" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">You are entering<br/> <span class="text-color--blue link-url-text"></span></h2> <div class="layer-popup__contents"> <p class="samsung-enterprise-support-popup__description">By selecting CONTINUE, you will be entering a website of <span class="text-color--blue link-url-text"></span> </p> <p class="samsung-enterprise-support-popup__description"> <span class="text-color--blue link-url-text"></span> website is governed by its own privacy policy, level of security and terms of use </p> <div class="samsung-enterprise-support-popup__cta-wrap"> <div class="samsung-enterprise-support-popup__cta"> <button class="cta cta--outlined cta--black cta--closed" an-tr="exit popup|cta" an-ca="content click" an-ac="feature" an-la="exit popup:cancel"> Cancel </button> </div> <div class="samsung-enterprise-support-popup__cta"> <a class="cta cta--contained cta--black cta--icon is-continue" href="#" target="_blank" an-tr="exit popup|cta" an-ca="content click" an-ac="feature" an-la="exit popup:continue"> Continue <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="thank-you-popup" id="ThankYouPopup" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">Thank you!</h2> <div class="layer-popup__contents"> <p class="thank-you-popup__description">Your enquiry has been successfully submitted. We will get back to you shortly.</p> <div class="thank-you-popup__cta-wrap"> <div class="thank-you-popup__cta"> <button class="cta cta--contained cta--black cta--closed" aria-label=""> Close </button> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="contact-mail-form-popup" role="dialog" aria-modal="true" style="display: none"> </div>  <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> </div> <footer class="footer">  <div class="footer"> <div class="footer-column"> <h2 class="hidden">Footer Navigation</h2> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-0">Business Products</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-0" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="business products"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/mobile/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="business products:mobile devices" aria-label="Mobile Devices Mobile Devices">Mobile Devices</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/mobile/rugged/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="business products:rugged devices" aria-label="Rugged Devices Rugged Devices">Rugged Devices</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/topics/5g/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="business products:5g devices" aria-label="5G Devices 5G Devices">5G Devices</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/computing/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="business products:computing" aria-label="Computing Computing">Computing</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/computing/memory-storage/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="business products:memory and storage" aria-label="Memory & Storage Memory & Storage">Memory & Storage</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/computing/monitors/explore/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="business products:monitors" aria-label="Monitors Monitors">Monitors</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/displays/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="business products:digital signage" aria-label="Digital Signage Digital Signage">Digital Signage</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/tvs/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="business products:tvs" aria-label="TVs TVs">TVs</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-1">Offers</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-1" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="offers"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/shop/buy-direct/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:why buy direct" aria-label="Why Buy Direct Why Buy Direct">Why Buy Direct</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/shop/all-deals/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:business offers" aria-label="Business Offers Business Offers">Business Offers</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/shop/all-deals/volume-pricing/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:volume discounts" aria-label="Volume Discounts Volume Discounts">Volume Discounts</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/shop/trade-in/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:business bulk trade in" aria-label="Business Bulk Trade-In Business Bulk Trade-In">Business Bulk Trade-In</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/shop/financing/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:0 percent samsung business financing" aria-label="0% Samsung Business Financing 0% Samsung Business Financing">0% Samsung Business Financing</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/shop/tax-exemption/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:tax exemption program" aria-label="Tax Exemption Program Tax Exemption Program">Tax Exemption Program</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/shop/public-funding/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:public funding" aria-label="Public Funding Public Funding">Public Funding</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/shop/all-deals/volume-pricing/certified-re-newed-phones/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:certified re newed" aria-label="Certified Re-Newed Certified Re-Newed">Certified Re-Newed</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-2">Software</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="software"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/samsung-knox/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="software:knox mobile security" aria-label="Knox Mobile Security Knox Mobile Security">Knox Mobile Security</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/samsung-dex/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="software:dex desktop experience app" aria-label="DeX - Desktop Experience App DeX - Desktop Experience App">DeX - Desktop Experience App</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/digital-signage-solutions/magicinfo/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="software:magicinfo signage software" aria-label="MagicINFO - Signage Software MagicINFO - Signage Software">MagicINFO - Signage Software</a> </li> </ul> </div> </div> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-2-2">Services</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-2-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="services"> <span class="hidden">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/services/samsung-care-plus-for-business/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="services:mobility services and protection" aria-label="Mobility Services & Protection Mobility Services & Protection"> Mobility Services & Protection </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/services/business-services/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="services:managed mobility services" aria-label="Managed Mobility Services Managed Mobility Services"> Managed Mobility Services </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/builder/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="services:builder appliance program" aria-label="Builder - Appliance Program Builder - Appliance Program"> Builder - Appliance Program </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/custominstall/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="services:custom av home installations" aria-label="Custom A/V Home Installations Custom A/V Home Installations"> Custom A/V Home Installations </a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-3">Tailored Solutions</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-3" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="tailored solutions"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/topics/small-and-medium-business/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="tailored solutions:smb solutions" aria-label="SMB Solutions SMB Solutions">SMB Solutions</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/topics/5g-networks/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="tailored solutions:5g connectivity" aria-label="5G Connectivity 5G Connectivity">5G Connectivity</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/topics/device-switch/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="tailored solutions:switch to samsung" aria-label="Switch to Samsung Switch to Samsung">Switch to Samsung</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/industries/education/remote-learning/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="tailored solutions:remote learning" aria-label="Remote Learning Remote Learning">Remote Learning</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/mobile/remote-work/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="tailored solutions:remote work" aria-label="Remote Work Remote Work">Remote Work</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/industries/retail/displays/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="tailored solutions:retail signage solutions" aria-label="Retail Signage Solutions Retail Signage Solutions">Retail Signage Solutions</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/industries/corporate/displays/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="tailored solutions:corporate signage solutions" aria-label="Corporate Signage Solutions Corporate Signage Solutions">Corporate Signage Solutions</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/industries/live-events-sports/displays/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="tailored solutions:live events and sports solutions" aria-label="Live Events & Sports Solutions Live Events & Sports Solutions">Live Events & Sports Solutions</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/industries/quick-service-restaurant/displays/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="tailored solutions:quick service restaurant signage" aria-label="Quick-Service Restaurant Signage Quick-Service Restaurant Signage">Quick-Service Restaurant Signage</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-4">Samsung for Business</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-4" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="samsung for business"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/about-us/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="samsung for business:about us" aria-label="About Us About Us">About Us</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/support/resource-center/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="samsung for business:resource center" aria-label="Resource Center Resource Center">Resource Center</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/about-us/executive-briefing-center/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="samsung for business:executive briefing centers" aria-label="Executive Briefing Centers Executive Briefing Centers">Executive Briefing Centers</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://insights.samsung.com/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="samsung for business:business insights blog" aria-label="Business Insights Blog Business Insights Blog : Open in a New Window"> Business Insights Blog <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/account/login/?phase=signup" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="samsung for business:open a business account" aria-label="Open a Business Account Open a Business Account">Open a Business Account</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/account/login/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="samsung for business:existing users log in" aria-label="Existing Users Log In Existing Users Log In">Existing Users Log In</a> </li> </ul> </div> </div> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-4-2">Support & Partners</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-4-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="support and partners"> <span class="hidden">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/support/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support and partners:product support" aria-label="Product Support Product Support"> Product Support </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/services/samsung-care-plus-for-business/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support and partners:protection plan for mobile and computers" aria-label="Protection Plan for Mobile & Computers Protection Plan for Mobile & Computers"> Protection Plan for Mobile & Computers </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/solutions/services/samsung-procare-device-protection/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support and partners:protection plan for signage and displays" aria-label="Protection Plan for Signage & Displays Protection Plan for Signage & Displays"> Protection Plan for Signage & Displays </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/business/partners/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support and partners:partner hub" aria-label="Partner Hub Partner Hub"> Partner Hub </a> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-copyright-wrap"> <div class="footer-copyright-align"> <p class="footer-copyright">Copyright© 1995-2022 SAMSUNG. All Rights Reserved.</p> </div> <div class="footer-language"> <a class="footer-language__anchor" href="/us/function/ipredirection/ipredirectionLocalList/" aria-label="Choose your location or language" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">United States/English</a> </div> </div> <div class="footer-language-wrap" an-tr="nv02_footer bottom--text-scroll" an-ca="scroll" an-ac="scroll:100" an-la="scroll:100"> <div class="footer-language"> <a class="footer-language__anchor" href="/us/function/ipredirection/ipredirectionLocalList/" aria-label="Choose your location or language" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">United States/English</a> </div> <div class="footer-terms"> <ul class="footer-terms__list" role="list"> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/us/business/email-form/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:contact" aria-label="/us/business/email-form/">Contact</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="https://www.samsung.com/us/privacy/ccpa/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:do not sell my personal info" aria-label="Do Not Sell My Personal Info">Do Not Sell My Personal Info</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="https://www.samsung.com/us/privacy/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:privacy" aria-label="Privacy">Privacy</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="https://www.samsung.com/us/common/legal.html" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:legal" aria-label="Legal">Legal</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="https://news.samsung.com/us/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:newsroom" aria-label="Newsroom">Newsroom</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="https://www.samsung.com/us/business/sitemap/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:sitemap" aria-label="Sitemap">Sitemap</a> </li> </ul> </div> <div class="footer-sns"> <span class="footer-sns__title">STAY IN THE LOOP?</span> <ul class="footer-sns__list" role="list"> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://twitter.com/SamsungBizUSA/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:twitter" aria-label="Twitter : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#twitter-bold" href="#twitter-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.linkedin.com/company/samsung-electronics-america/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:linkedin" aria-label="LinkedIn : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#linked-in-bold" href="#linked-in-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.facebook.com/SamsungBusinessUSA/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:facebook" aria-label="Facebook : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#facebook-bold" href="#facebook-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.youtube.com/user/SamsungBizUSA/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:youtube" aria-label="YouTube : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#youtube-bold" href="#youtube-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.instagram.com/samsungbusinessusa/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:instagram" aria-label="Instagram : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#instagram-bold" href="#instagram-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://community.spiceworks.com/pages/samsungbusinessusa/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:spiceworks" aria-label="Spiceworks : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#icon-spiceworks" href="#icon-spiceworks"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.slideshare.net/SamsungBusinessUSA/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:slideshare" aria-label="Slideshare : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#icon-slideshare" href="#icon-slideshare"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> </footer> <button class="fab" an-tr="nv02_footer bottom--text-back to top" an-ca="indication" an-ac="back to top" an-la="back to top" title="Go to Top">Go to Top <svg class="fab__icon" focusable="false"> <use xlink:href="#up-highest-bold" href="#up-highest-bold"></use> </svg> </button>  <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.js"></script> <script src="/etc.clientlibs/samsung/clientlibs/business/us/clientlib-base-b2b.min.js"></script>    <input type="hidden" name="isGpv2Flag" id="isGpv2Flag" value="N"/> <input type="hidden" name="isNewHybrisFlag" id="isNewHybrisFlag" value="N"/> <section class="pd-get-stock-alert-popup" role="dialog" aria-modal="true" style="display: none"> <div class="pd-get-stock-alert-popup__dimmed"></div> <div class="pd-get-stock-alert-popup__contents"> <div class="scrollbar"> <div class="pd-get-stock-alert-popup__inner-wrap scrollbar__contents"> <div class="pd-get-stock-alert-popup__header"> <h2 class="text-title">Get stock alert</h2> <p class="pd-get-stock-alert-popup__desc">Get alert when this item is back in stock and available to buy, by adding your email to opt into alerts.</p> </div> <div class="pd-get-stock-alert-popup__text-field-wrap">              <div class="text-field-v2"> <label class="text-field-v2__hint" for="getStockAlertEmailInput">Enter Your Email</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="getStockAlertEmailInput" type="text" value="" autocomplete="email"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error" id="getstock-popup-error-txt">Please double check your email address.</p> </div> </div> <div class="pd-get-stock-alert-popup__checkbox-container"> </div> <div class="pd-get-stock-alert-popup__disclaimer"> <p class="pd-get-stock-alert-popup__disclaimer-text"></p> </div> </div> </div> <div class="pd-get-stock-alert-popup__btn-wrap"> <button class="pd-get-stock-alert-popup__btn-close cta cta--outlined cta--black" an-tr="pd03_product finder:stock alert-vd marketing page-cta-popup" an-ca="buy cta" an-ac="stock alert" an-la="stock alert:close">Close</button> <button class="pd-get-stock-alert-popup__btn-submit cta cta--contained cta--emphasis cta--disabled" disabled an-tr="pd03_product finder:stock alert-vd marketing page-cta-popup" an-ca="buy cta" an-ac="stock alert" an-la="stock alert:submit">Submit</button> </div> <button class="pd-get-stock-alert-popup__close" an-tr="pd03_product finder:stock alert-vd marketing page-cta-popup" an-ca="buy cta" an-ac="stock alert" an-la="stock alert:close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="pd-get-stock-alert-popup__final-wrap"> <div class="pd-get-stock-alert-popup__final"> <p class="pd-get-stock-alert-popup__final-desc"> We will email you when inventory is added. <br/>Thank you. </p> <div class="pd-get-stock-alert-popup__final-btn-wrap"> <button class="pd-get-stock-alert-popup__final-btn-close cta cta--contained cta--emphasis">Submit</button> </div> <button class="pd-get-stock-alert-popup__close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <div class="confirm-popup" style="display: none" role="dialog" aria-modal="true"> <div class="confirm-popup__dimmed"></div> <div class="confirm-popup__content"> <div class="confirm-popup__content-inner"> <strong class="confirm-popup__title"></strong> <div class="confirm-popup__desc"></div> <div class="confirm-popup__disclaimer"></div> <div class="confirm-popup__cta-wrap"> <button class="cta cta--outlined cta--black"></button> <button class="cta cta--contained cta--emphasis"></button> </div> <button class="confirm-popup__close"> <svg class="icon"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> <span class="hidden">Layer Popup Close</span> </button> </div> </div> </div> <input type="hidden" value="/us/account/wishlist/" id="WishlistPopupUrl"/> <div class="wishlist-popup"> <div class="layer-popup" id="wishlist-popup" role="dialog" style="display:block" aria-modal="true"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> <h2 class="layer-popup__title"></h2> <div class="wishlist-popup__desc"></div> <div class="wishlist-popup__selectbox__wrap"> <div class="wishlist-popup__selectbox"> <div class="wishlist-popup__selectbox-inner"> <div class="menu filled"> <select class="menu__select" data-default-message="My Wishlist" tabindex="-1"> <option value="">My Wishlist 1</option> <option value="">My Wishlist 2</option> <option value="">My Wishlist 3</option> <option value="">My Wishlist 4</option> <option value="">My Wishlist 5</option> <option value="">My Wishlist 6</option> <option value="">My Wishlist 7</option> <option value="">My Wishlist 8</option> <option value="">My Wishlist 9</option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"></use> </svg> </button> </div> </div> </div> </div> </div> <div class="wishlist-popup__cta-wrap"> <div class="wishlist-popup__cta"> <a class="cta cta--outlined cta--black" href="#" role="button" aria-label="Link Title"></a> </div> <div class="wishlist-popup__cta"> <a class="cta cta--contained cta--emphasis" href="#" role="button"></a> </div> </div> <button type="button" class="layer-popup__close wishlist-popup__close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <style> #wtb-id-span { display: none; } .modal-container { position: relative; } .modal-window, .modal-overlay { display: none; } .modal-open { overflow: hidden; max-height: 100vh !important; margin: 0 !important; } .modal-open .modal-overlay { display: block; position: fixed; z-index: 10000; top: 0; left: 0; width: 100vw; height: 100%; opacity: 0.6; background: #000; } .modal-open .modal-window { display: block; position: fixed; z-index: 10001; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-open .internal-container { position: absolute; z-index: 5001; top: 5px; left: 50%; width: calc(100% - 10px); max-width: 1140px; min-height: 200px; max-height: calc(100vh - 10px); /* padding: 1.5625rem 1.25rem; */ overflow-y: auto; overflow-x: hidden; transform: translateX(-50%); background: #fff; } .modal-open .internal-container .tab{ height: auto; } @media screen and (min-width: 760px) { .modal-open .internal-container { width: calc(100% - 30px); max-height: calc(100vh - 30px); } .modal-open .internal-container .tab{ height: auto; } } .modal-open .close-button { display: flex; position: relative; justify-content: center; width: 20px; height: 20px; font-size: 26px; font-weight: bold; cursor: pointer; z-index: 1; } @media screen and (min-width: 760px) { .modal-open .close-button { position: sticky; top: 1rem; margin: 1rem 1rem auto auto; } _:-ms-fullscreen, :root .modal-open .close-button { position: absolute; right: 20px; } .modal-open .internal-container .tab{ height: auto; } } .modal-open .close-button img { width: 100%; z-index: -1; } .modal-open .close-button:hover { transition: color 0.3s; color: lighten(#000, 50%); } .modal-top-bar { display: flex; align-items: center; justify-content: flex-end; position: relative; padding: 15px 15px 5px 0; } .modal-title { margin: 0; margin-left: 0.4375rem; } .cciw-overlay { z-index: 5001 !important; } #ps-lightbox-background { z-index: 5001 !important; } .mfp-bg { z-index: 5001 !important; } .ps-container { z-index: 5002 !important; } .mfp-wrap { z-index: 5002 !important; } </style> <div class="where-to-buy"></div> <input type="hidden" name="useNewWtb" id="useNewWtb" value="Y"/> <input type="hidden" name="searchApiDomain" id="searchApiDomain" value="//searchapi.samsung.com/v6"/> <input type="hidden" name="buyinstoreRedirectYN" id="buyinstoreRedirectYN" value="N"/> <input type="hidden" id="rtlValue"/> <input type="hidden" name="current_model_code" id="current_model_code"/> <input type="hidden" id="wtbCurrentPagePath" value="/content/samsung/us/business/display-solutions/samsung-vxt"/> <section class="ftd18-register-product popup" role="dialog" aria-modal="true" data-comp-name="popup" data-auto-init="false" id="ftd18RegisterProduct"> <div class="popup__dimmed"></div> <div class="popup__contents-wrap"> <div class="popup__contents"> <div class="popup__inner-wrap"> <div class="popup__inner"> <div class="ftd18-register-product-popup" data-comp-name="registerProduct" data-auto-init="false"> <div class="ftd18-register-product__step-1 show"> <h2 class="ftd18-register-product__title">Product Registration</h2> <p class="ftd18-register-product__desc" data-js-action="RegisterDescription">Quick and easy product registration..<br/>Receive up-to-date personalized services and tips.</p> <div class="ftd18-register-product__step-1-inner"> <div class="ftd18-register-product__step-1__reg-list" role="list"> <div class="ftd18-register-product__step-1__reg" role="listitem"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#retention-registration-step01-serialnumber" href="#retention-registration-step01-serialnumber"></use> </svg> <div class="ftd18-register-product__step-1__reg__inner"> <strong class="ftd18-register-product__step-1__reg__title">Serial Number / IMEI</strong> <p class="ftd18-register-product__step-1__reg__desc">Enter your Serial Number/IMEI</p> <button class="cta cta--contained cta--black" data-js-action="serialnumberBtn" an-tr="ftd18_register product popup-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:product registration:enter serial number/imei"> Enter serial number/IMEI </button> </div> </div> <div class="ftd18-register-product__step-1__reg" role="listitem"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#retention-registration-step01-qr" href="#retention-registration-step01-qr"></use> </svg> <div class="ftd18-register-product__step-1__reg__inner"> <strong class="ftd18-register-product__step-1__reg__title">QR Scan</strong> <p class="ftd18-register-product__step-1__reg__desc">Scan the QR code on your products for easy registration.</p> <p class="ftd18-register-product__step-1__reg__sub-desc">* This feature can only be supported on Samsung Home Appliances and non-smart B2C monitors.</p> <button class="cta cta--contained cta--black" data-js-action="qrscanBtn" an-tr="ftd18_register product popup-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:product registration:scan qr"> Scan QR code </button> </div> </div> </div> </div> </div> <div class="ftd18-register-product__step-2"> <h2 class="ftd18-register-product__title">Enter your Serial Number/IMEI</h2> <p class="ftd18-register-product__desc myd16-register-description">Quick and easy product registration.</p> <div class="ftd18-register-product__step-2-inner"> <div class="text-field-v2" data-comp-name="textFieldv2" data-auto-init="false"> <label class="text-field-v2__hint" for="serial-imei">Serial Number / IMEI</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="serial-imei" type="text" autocomplete="on"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text assistive" id="serial-imei-assistive" aria-hidden="true">Please enter the 11 or 15- digit number.</p> <p class="text-field-v2__text error" id="serial-imei-error" aria-hidden="true">This product is already registered. Make sure you entered the right serial number or IMEI.</p> </div> <div class="ftd18-register-product__step-2__how-to-find-model-code"> <button class="ftd18-register-product__step-2__how-to-find-model-code__cta" data-i18n-expand="Expand" data-i18n-collapse="Collapse" an-tr="ftd18_register product popup-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:how to find serial number or imei"> How to find Serial Number or IMEI <span class="hidden">Expand</span> <svg class="icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> <div class="ftd18-register-product__step-2__how-to-find-model-code-inner"> <div class="ftd18-register-product__step-2__select-wrap"> <ul class="ftd18-register-product__step-2__select-list" role="list"> <li class="ftd18-register-product__step-2__select" role="listitem"> <div class="ftd18-register-product__step-2__select__menu"> <div class="menu menu--text-field" data-comp-name="menu" data-auto-init="false" data-type="textField" data-tagging-button> <select class="menu__select" aria-labelledby="type-hint" tabindex="-1" data-js-action="howToFindTypeSelect"> <option selected value="TV & AV" an-tr="an-tr-tv-av" an-ca="an-ca-tv-av" an-ac="an-ac-tv-av" an-la="an-la-tv-av">TV & AV</option> <option value="Mobile Device" an-tr="an-tr-mobile-device" an-ca="an-ca-mobile-device" an-ac="an-ac-mobile-device" an-la="an-la-mobile-device">Mobile Device</option> <option value="Home Appliance">Home Appliance</option> <option value="PC & Office">PC & Office</option> <option value="Camera & Camcorder">Camera & Camcorder</option> </select> <p id="type-hint" class="menu--text-field__hint">Type</p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="type-hint type-text" type="button"> <span id="type-text" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </li> <li class="ftd18-register-product__step-2__select" role="listitem"> <div class="ftd18-register-product__step-2__select__menu"> <div class="menu menu--text-field" data-comp-name="menu" data-auto-init="false" data-type="textField" data-tagging-button> <select class="menu__select" aria-labelledby="sub-type-hint" tabindex="-1"> <option selected value="Television">Television</option> <option value="Blu-ray">Blu-ray</option> <option value="Home cinema">Home cinema</option> <option value="MP3/MP4 Player">MP3/MP4 Player</option> </select> <p id="sub-type-hint" class="menu--text-field__hint">Sub Type</p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="sub-type-hint sub-type-text" type="button"> <span id="sub-type-text" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </li> <li class="ftd18-register-product__step-2__select" role="listitem"> <div class="ftd18-register-product__step-2__select__menu"> <div class="menu menu--text-field" data-comp-name="menu" data-auto-init="false" data-type="textField" data-tagging-button> <select class="menu__select" aria-labelledby="category-hint" tabindex="-1"> <option selected value="SUHD">SUHD</option> <option value="UHD">UHD</option> <option value="FHD">FHD</option> <option value="HD">HD</option> </select> <p id="category-hint" class="menu--text-field__hint">Category</p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="category-hint category-text" type="button"> <span id="category-text" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </li> </ul> </div> <div class="ftd18-register-product__step-2__swiper-wrap"> <div class="ftd18-register-product__step-2__swiper swiper-container basic-swiper" data-swiper-option='{ "slidesPerView": 1, "keepWrapper": true, "autoHeight": true, "loop": false, "pagination": true, "componentEl": ".ftd18-register-product-popup", "followFinger": true }' data-comp-name="swiper" data-auto-init="false"> <div class="swiper-wrapper"> <div class="ftd18-register-product__step-2__swiper__slide swiper-slide" data-type-headline="How to find Serial Number or IMEI 1" role="tabpanel" id="slide-0"> <div class="ftd18-register-product__step-2__swiper__slide__image"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> </div> </div> <div class="ftd18-register-product__step-2__swiper__slide__title">Back view</div> <div class="ftd18-register-product__step-2__swiper__slide__desc">The serial number and model name are printed on the label located on the lower left side of the device’s exterior, near the front. They are also on a second label, inside the refrigerator compartment on a side wall above the top shelf.</div> </div> <div class="ftd18-register-product__step-2__swiper__slide swiper-slide" data-type-headline="How to find Serial Number or IMEI 2" role="tabpanel" id="slide-1"> <div class="ftd18-register-product__step-2__swiper__slide__image"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> </div> </div> <div class="ftd18-register-product__step-2__swiper__slide__title">Back view</div> <div class="ftd18-register-product__step-2__swiper__slide__desc">The serial number and model name are printed on the label located on the lower left side of the device’s exterior, near the front. They are also on a second label, inside the refrigerator compartment on a side wall above the top shelf.</div> </div> </div> </div> <div class="indicator dot-indicator" data-indicator-data='{ "type": "dot-indicator", "play": true, "autoRolling": false, "infiniteRolling": false }' data-comp-name="indicator" data-auto-init="false"> <div class="indicator-wrap"> <div class="indicator__list-wrap"> <div class="indicator__list" role="tablist"> <button class="indicator__item" role="tab"> <span class="indicator__dot-wrap"> <span class="indicator__dot"> <span class="indicator__dot-inner"></span> </span> <span class="hidden"></span> </span> </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ftd18-register-product__btn-wrap">  <button class="cta cta--outlined cta--black" data-action="back" data-js-action="backto1Btn" an-tr="ftd18_register product popup-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:back"> Back </button>  <button class="cta cta--contained cta--black" data-action="check" data-js-action="checkBtn" an-tr="ftd18_register product popup-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:check"> Check </button> </div> </div> <div class="ftd18-register-product__step-3"> <h2 class="ftd18-register-product__title">Product registration is almost complete!!</h2> <p class="ftd18-register-product__desc">You've entered a valid S/N or IMEI. Now select the model of your product.</p> <div class="ftd18-register-product__step-3-inner"> <div class="ftd18-register-product__step-3__category-list" data-i18n-selected="selected" role="list"> </div> <div class="ftd18-register-product__step-3__search"> <div class="ftd18-register-product__step-3__search__input-container"> <button class="ftd18-register-product__step-3__search__input__back"> <span class="hidden">Back</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <div class="ftd18-register-product__step-3__search__input-wrap"> <label class="ftd18-register-product__step-3__search__input-label" for="model-code-search">Enter your Model Number</label> <bdi><input class="ftd18-register-product__step-3__search__input" type="text" id="model-code-search" autocomplete="on"/></bdi> <button class="ftd18-register-product__step-3__search__input-icon delete" aria-label="delete" type="button" an-tr="ftd18_register product popup-vd marketing page-delete-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:delete model number"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <button class="ftd18-register-product__step-3__search__input-icon search" aria-label="search" type="submit" an-tr="ftd18_register product popup-vd marketing page-delete-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:search model number"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> </div> </div> <h3 class="ftd18-register-product__step-3__search__result__title">Suggested Searches</h3> <div class="ftd18-register-product__step-3__search__result-list-wrap scrollbar" data-auto-init="false" data-comp-name="scrollbar" data-auto-resize> <ul class="ftd18-register-product__step-3__search__result-list scrollbar__contents" role="list"> </ul> </div> <div class="ftd18-register-product__step-3__search__result__error" aria-live="polite">No result. Please try again.</div> </div> </div> <div class="ftd18-register-product__btn-wrap"> <button class="cta cta--outlined cta--black" data-action="back" data-js-action="backto2Btn" an-tr="ftd18_register product popup-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:back"> Back </button> <button class="cta cta--contained cta--black cta--disabled" disabled data-action="select" data-js-action="selectBtn" an-tr="ftd18_register product popup-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:select"> Select </button> </div> </div> </div> </div> </div> <button class="popup__close" an-tr="ftd18_register product popup-vd marketing page-register popup-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:close"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <section class="ftd18-register-product-completion popup popup--alert" role="dialog" aria-modal="true" data-comp-name="popup" data-auto-init="false" id="ftd18RegisterProductCompletion"> <div class="popup__dimmed"></div> <div class="popup__contents-wrap"> <div class="popup__contents"> <div class="popup__inner-wrap"> <div class="popup__inner"> <div class="image" data-js-action="ftd18RegisterProductImage"> <img class="image__main lazy-load-man" data-src="https://via.placeholder.com/120x120" alt="" data-comp-name="image" data-auto-init="false"/> </div> <h2 class="ftd18-register-product__title" data-js-action="ftd18RegisterProductTitle">Galaxy Book3 Ultra</h2> <p class="ftd18-register-product__desc" data-js-action="ftd18RegisterProductSku">SM-G996BZKGEUA</p> <p class="ftd18-register-product__desc" data-js-action="ftd18RegisterProductSerial">Serial Number: R3CR508WNAH</p> </div> </div> <div class="popup__btn-wrap"> <button class="cta cta--contained cta--black" data-js-action="confirmBtn" an-tr="ftd18_register product popup-vd marketing page-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:confirm"> Confirm </button> </div> <button class="popup__close" an-tr="ftd18_register product popup-vd marketing page-register popup-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:close"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <section class="ftd18-register-product-qr-scan-error popup popup--alert" role="dialog" aria-modal="true" data-comp-name="popup" data-auto-init="false" id="ftd18RegisterProductQRScanError"> <div class="popup__dimmed"></div> <div class="popup__contents-wrap"> <div class="popup__contents"> <div class="popup__inner-wrap"> <div class="popup__inner"> <h2 class="ftd18-register-product__title">The device you are currently using does not support the camera function.</h2> <p class="ftd18-register-product__desc">Please try again with a different device.</p> </div> </div> <div class="popup__btn-wrap"> <button class="cta cta--contained cta--black" data-js-action="alertBtn" data-action="confirm" an-tr="ftd18_register product popup-vd marketing page-error pop up-content_click" an-ca="content click" an-ac="feature" an-la="error popup:confirm"> Confirm </button> </div> <button class="popup__close"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-marketing/compact.min.9cff47be8b0630b8ece8a247877ef086.js" async></script> <script type="text/javascript" src="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-register-product-popup/clientlibs/site.min.dafd77163230537bc1676db49155b48c.js" async></script> <script type="text/javascript" src="/etc.clientlibs/samsung/components/content/epp/common/ep-cm-g-barcode-scanner-popup/clientlibs/site.min.88306b852289a614c4cd5bb5f639dcaa.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-static-content/clientlibs/site.min.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-text-block/clientlibs/site.min.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/support/su-g-accordion-faqs/clientlibs/site.min.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-text-block-container/clientlibs/site.min.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-discover-column-new/clientlibs/site.min.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/product/pd-g-feature-benefit-banner/clientlibs/site.min.js" async></script> <script src="/etc.clientlibs/samsung/components/content/business/us/forms/bu-g-forms-general/clientlibs/site.min.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/product/pd-g-feature-benefit-column-carousel/clientlibs/site.min.js" async></script> <script src="/etc.clientlibs/samsung/components/content/business/us/common/bu-cm-us-ready-to-buy/clientlibs/site.min.js" async></script> <script type="application/ld+json" data-type="seo" data-object-type="WebPage" data-id="c13ca19e-0fdb-468d-9eb8-96d3681cb94b">{"@context":"http://schema.org","@type":"WebPage","name":"Samsung VXT - Digital Signage Solution | ","url":"https://www.samsung.com/us/business/display-solutions/samsung-vxt/"}</script> </div> </body> </html>

CINXE.COM

Samsung VXT - Digital Signage Solution |