You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
information-system/application/views/mobile_first/chinatravel.php

291 lines
35 KiB
PHTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><?php echo $TITLE ?></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="apple-mobile-web-app-title" content="<?php echo $TITLE ?>">
<meta name="keywords" content="<?php echo $KEYWORDS ?>">
<meta name="description" content="<?php echo $DESCRIPTION ?>">
<!--@OG:IMAGE@--><?php echo $OGIMAGE ?>
<link rel="canonical" href="<?php echo $CANONICAL ?>">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="preconnect" href="//data.chinatravel.com">
<link rel="dns-prefetch" href="//data.chinatravel.com">
<link rel="dns-prefetch" href="//images.chinatravel.com">
<link rel="dns-prefetch" href="//www.googletagmanager.com">
<link rel="dns-prefetch" href="//www.googleadservices.com">
<link rel="dns-prefetch" href="//www.google-analytics.com">
<link rel="dns-prefetch" href="//connect.facebook.net">
<link rel="dns-prefetch" href="//www.facebook.com">
<!--@MAIN-CSS@--><?php echo $MAINCSS ?>
<!--@ADDON-CSS@--><?php echo $ADDONCSS ?>
<!--@CONSTRUCTION-CODE@--><?php echo $ConstructionCode ?>
</head>
<body>
<!--header-->
<header class="headerbar flex justify-start items-center top-0 left-0 right-0 pl2 pr4 pt2 md-pt0" id="header">
<div role="button" tabindex="0">
<div class="topnavitailor"><em class="fa fa-bars navimenu topnaviarrowdown action--open"></em></div>
<a href="/" class="ctlogo">CHINA TRAVEL<sup>®</sup></a>
<div class="topbar-right"><a href="javascript:;" class="mobile-ser search--open" aria-label="SearchOpen"><i class="fa fa-search" aria-hidden="true"></i></a><a href="/forms/contactus" class="mobile-contact" aria-label="contactus"><i class="fa fa-user-circle-o" aria-hidden="true"></i></a></div>
</div>
</header>
<div class="mobile-blank"></div>
<!--header end-->
<!--nav-->
<nav id="ml-menu" class="menu">
<button class="action action--close" name="closebtn" aria-label="Close Menu"><span class="icon icon--cross"></span></button>
<div class="menu__wrap">
<ul data-menu="main" class="menu__level" tabindex="-1" role="menu" aria-label="All">
<li class="menu__item" role="menuitem"><a class="menu__link" href="/">Home</a></li>
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-1" aria-owns="submenu-1" href="/tour">China Tours</a><a class="menu__link" href="/tour">China Tours</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-2" aria-owns="submenu-2" href="/citytour">Destinations</a><a class="menu__link" href="/citytour">Destinations</a></li>
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-3" aria-owns="submenu-3" href="/daytrip">Day Trips</a><a class="menu__link" href="/daytrip">Day Trips</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-4" aria-owns="submenu-4" href="/guide">China Guide</a><a class="menu__link" href="/guide">China Guide</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-5" aria-owns="submenu-5" href="/culture">Culture</a><a class="menu__link" href="/culture">Culture</a></li>
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" href="/forms/customize">Create My Trip</a></li>
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-6" aria-owns="submenu-6" href="/about-china-travel">About Us</a><a class="menu__link" href="/about-china-travel">About Us</a></li>
</ul>
<!-- China Tours -->
<ul data-menu="submenu-1" id="submenu-1" class="menu__level" tabindex="-1" role="menu" aria-label="china-Tours">
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/top-china-tour">Top 10 China Tours</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/tour/panda-tour">China Panda Tours</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/china-tours/theme/family-tours/">Family Tours</a></li>
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" href="/china-tours/theme/silk-road-adventure/">Silk Road</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/china-tours/theme/china-train-travel/">China Train Travel</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/china-tours/theme/honeymoon-tours/">Honeymoon Tours</a></li>
</ul>
<!-- City Tours -->
<ul data-menu="submenu-2" id="submenu-2" class="menu__level" tabindex="-1" role="menu" aria-label="city-tours">
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" href="/beijing/tour">Beijing </a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/shanghai/tour">Shanghai</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/guilin/tour">Guilin </a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/hengdu/chengdu">Chengdu</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/zhangjiajie/tour">Zhangjaijie</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/xian/tour">Xi'an</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/huangshan/tour">Huangshan</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/china-tours/theme/tibet-impression/">Tibet</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/suzhou/tour">Suzhou</a></li>
</ul>
<!-- Day Tours -->
<ul data-menu="submenu-3" id="submenu-3" class="menu__level" tabindex="-1" role="menu" aria-label="day-tours">
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" href="/shanghai/daytour">Shanghai Day Trips</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/beijing/daytour">Beijing Day Trips</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/chengdu/daytour">Chengdu Day Trips</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/guilin/daytour">Guilin Day Trips</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/china-day-trips/hong-kong/">Hong Kong Day Trips</a></li>
</ul>
<!-- Travel Guide -->
<ul data-menu="submenu-4" id="submenu-4" class="menu__level" tabindex="-1" role="menu" aria-label="travel-guide">
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" href="/guide/how-to-plan-a-trip-to-china">Plan Your China Trip</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/guide/weather">China Weather</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/guide/visa">China Visas</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/china-map/">China Maps</a></li>
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" href="/beijing">Beijing Travel Guide</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/shanghai">Shanghai Travel Guide</a></li>
</ul>
<!-- Culture -->
4 years ago
<ul data-menu="submenu-5" id="submenu-5" class="menu__level" tabindex="-1" role="menu" aria-label="culture">
4 years ago
<li class="menu__item" role="menuitem"><a class="menu__link" href="/chinese-food">Chinese Food</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/chinese-zodiac">Chinese Zodiac</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/chinese-new-year">Chinese New Year</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/facts/chinese-history.htm">Chinese History</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/culture/chinese-tea">Chinese Tea</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/facts/chinese-kung-fu.htm">Chinese Kong Fu</a></li>
</ul>
<!-- About Us -->
4 years ago
<ul data-menu="submenu-6" id="submenu-6" class="menu__level" tabindex="-1" role="menu" aria-label="about-us">
<li class="menu__item" role="menuitem"><a class="menu__link" href="/about-china-travel/team.html">Meet the Team</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/about-china-travel/why-choose-us.html">Why Choose Us?</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/about-china-travel/award.html">Our Licenses and Awards</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/about-china-travel/china-travel-terms-conditions.html">Terms and Conditions</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/about-china-travel/privacy-policy.html">Privacy Police</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/about-china-travel/world-vip-choose-us.html">World VIPs Choose Us</a></li>
</ul>
</div>
</nav>
<!--nav end-->
<!--top search star-->
<nav id="search-menu" class="menu">
<div class="top-search">
<button class="action search--close" aria-label="Close Menu"><span class="icon icon--cross"></span></button>
<div class="siteSearch">
<form id="cse-search-box" name="googlesreach" action="https://www.chinatravel.com/search-result.asp">
<input type="hidden" value="016808570474272112209:2xv5z3olaus" name="cx">
<input type="hidden" value="FORID:11" name="cof">
<input type="text" onfocus="this.value = ''" class="strkeys" placeholder="site search" name="q">
4 years ago
<button type="submit" class="submits" name="searchbtn" aria-label="Search"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
<ul class="circle-ul font20 m-top30">
<li><a href="/china-tours/theme/china-panda-tours/">China Panda</a></li>
<li><a href="/facts/china-visa.htm ">China Visa</a></li>
<li><a href="/focus/the-chinese-zodiac/ ">Chinese Zodiac</a></li>
<li><a href="/focus/great-wall-of-china/ ">Great Wall of China</a></li>
</ul>
</div>
</div>
</nav>
<!--top search end-->
<!--@TOP-BANNER@--><?php if (isset($TOPBANNER)){ echo $TOPBANNER; } ?>
<!--@TOP-VIDEO@--><?php if (isset($TOPVIDEO)) {echo $TOPVIDEO;} ?>
<!--main star-->
<main id="main">
<?php echo $CUSTOMCONENT ?>
<?php if ($productType == "daytripdetail") { // 一日游表单?>
<a id="iqnuirybutton"></a>
<div class="inquirybutton"><a href="#iqnuirybutton">Inquire This Tour <i class="fa fa-angle-down font20" aria-hidden="true"></i> </a></div>
<div class="container-details details-content">
<div class="booking">
<div class="bookingtitle">
<div class="booking-top">
<p>Tour Code: <?php echo $productCode ?></p>
<p>Tour type: One Day Trips (Private Tour)</p>
</div>
<div class="bg-triangle"> <span class="bgarrow"></span>
<p class="text-center">from US $<span class="font36"><span class="js_getDayTripPrice" data="<?php echo $productCode ?>"></span></span> p/p</p>
</div>
</div>
<form name="private_form" id="private_form" action="/forms/reserve-daytrips.asp" method="post">
<div class="bookinglist"> <span class="icon step">1</span>
<p>Select Travel Date</p>
<div class="relative">
<input name="Starting_Date" type="text" class="form-control calendar3 hasDatepicker block" id="Starting_Date" value="" placeholder="Starting date" readonly>
</div>
<div class="clear"></div>
</div>
<div class="bookinglist"> <span class="icon step">2</span>
<p>Number of Travelers</p>
<select class="form-control" name="AdultsNumber" id="AdultsNumber">
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<input name="pag_code" type="hidden" id="pag_code" value="<?php echo $productCode ?>">
<p class="text-center"> <a href="javascript:;" id="js_submitform" role="button" class="btn-orange font20">Book Now <i class="fa fa-angle-right font20" aria-hidden="true"></i></a></p>
</form>
</div>
</div>
<?php } ?>
4 years ago
<?php if ($productType == "tourdetail") { // 线路?>
<a id="iqnuirybutton"></a>
<div class="inquirybutton"><a href="javascript:;" onclick="jsGetToPost('/forms/reserve-tour.asp?cli_sn=<?php if (isset($clisn)){echo $clisn;} ?>')">Inquire This Tour <i class="fa fa-angle-down font20" aria-hidden="true"></i> </a></div>
<?php } ?>
</main>
<!--main end-->
<!---tailor made star---->
<div class="content-tm">
<div class="opacity-content">
<div class="content-tm-info">
4 years ago
<p>Need Help?</p>
<p>Request a custom itinerary today and get one step closer to your personalized trip.</p>
<p><a href="/forms/customize.html" class="btn-borderwhite">Create Your Trip <i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
</div>
</div>
</div>
<!---tailor made end---->
<!--footer star-->
<footer id="footer">
<div class="container">
<div class="flex-row-xs">
<div class="flex-col-xs-2">
<p class="footer-xs-title"><a rel="nofollow" href="/about-china-travel/">ABOUT US</a></p>
<ul>
<li><a rel="nofollow" href="/contact-china-travel/">Contact Us</a></li>
<li><a rel="nofollow" href="/blog/">Blog</a></li>
<li><a rel="nofollow" href="/about-china-travel/china-travel-terms-conditions.html">Terms and Conditions</a></li>
<li><a rel="nofollow" href="/china-travel-faq/">FAQ</a></li>
<li><a rel="nofollow" href="/feedback/">Testimonial</a></li>
<li><a rel="nofollow" href="/china-travel-tools/china-trains/">Train</a></li>
<li><a rel="nofollow" href="/about-china-travel/online-job.html">Work for Us</a></li>
</ul>
</div>
<div class="flex-col-xs-2 media-box">
4 years ago
<p class="footer-xs-title">FOLLOWS US ON</p>
<ul>
<li><a href="https://www.facebook.com/ChinaTravelDotCom" rel="nofollow"><i class="fa fa-facebook"></i>Feacbook</a></li>
<li><a rel="nofollow" href="https://twitter.com/joinchinatravel"><i class="fa fa-twitter"></i>Twitter</a></li>
<li><a rel="nofollow" href="https://www.linkedin.com/groups/China-Travel-Dot-Com-4633649?trk=myg_ugrp_ovr"><i class="fa fa-linkedin" aria-hidden="true"></i>Linkedin</a></li>
</ul>
</div>
</div>
<div class="footer-list"> <img src="https://data.chinatravel.com/images/icon/partner-logo.png" alt="partner logo" class="img-responsive" width="500" height="33" /> </div>
4 years ago
<div class="brands-logo">
<a href="javascript:;" rel="nofollow" class="bbc-logo" title="BBC Logo"></a><a href="javascript:;" rel="nofollow" class="listverse-logo" title="Listverse"></a><a href="javascript:;" rel="nofollow" class="elpais-logo" title="Elpais"></a>
4 years ago
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="footerbottom-logo"><a href="/"><img src="https://data.chinatravel.com/images/icon/white-logo.png" alt="China Travel Logo" width="65" height="50"></a></div>
<div class="footerbottom-text">
<p>call us at:<strong> 86-773-286-5632</strong> (Intl rates apply) </p>
<p>© All Rights Reserved,Chinatravel.com®</p>
</div>
</div>
</div>
</footer>
<!--footer end-->
<script>/* memu js mobile-menu.js */
(function(window){function classReg(className){return new RegExp("(^|\\s+)"+className+"(\\s+|$)")}var hasClass,addClass,removeClass;if("classList" in document.documentElement){hasClass=function(elem,c){return elem.classList.contains(c)};addClass=function(elem,c){elem.classList.add(c)};removeClass=function(elem,c){elem.classList.remove(c)}}else{hasClass=function(elem,c){return classReg(c).test(elem.className)};addClass=function(elem,c){if(!hasClass(elem,c)){elem.className=elem.className+" "+c}};removeClass=function(elem,c){elem.className=elem.className.replace(classReg(c)," ")}}function toggleClass(elem,c){var fn=hasClass(elem,c)?removeClass:addClass;fn(elem,c)}var classie={hasClass:hasClass,addClass:addClass,removeClass:removeClass,toggleClass:toggleClass,has:hasClass,add:addClass,remove:removeClass,toggle:toggleClass};if(typeof define==="function"&&define.amd){define(classie)}else{if(typeof exports==="object"){module.exports=classie}else{window.classie=classie}}})(window);
!function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,i,s,a;for(var f in C){if(C.hasOwnProperty(f)){if(e=[],n=C[f],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length)){for(t=0;t<n.options.aliases.length;t++){e.push(n.options.aliases[t].toLowerCase())}}for(o=r(n.fn,"function")?n.fn():n.fn,i=0;i<e.length;i++){s=e[i],a=s.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]] instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),g.push((o?"":"no-")+a.join("-"))}}}}function i(e){var n=w.className,t=Modernizr._config.classPrefix||"";if(x&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),x?w.className.baseVal=n:w.className=n)}function s(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function a(e,n){return !!~(""+e).indexOf(n)}function f(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):x?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(e,n){return function(){return e.apply(n,arguments)}}function u(e,n,t){var o;for(var i in e){if(e[i] in n){return t===!1?e[i]:(o=n[e[i]],r(o,"function")?l(o,t||n):o)}}return !1}function p(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function d(){var e=n.body;return e||(e=f(x?"svg":"body"),e.fake=!0),e}function c(e,t,r,o){var i,s,a,l,u="modernizr",p=f("div"),c=d();if(parseInt(r,10)){for(;r--;){a=f("div"),a.id=o?o[r]:u+(r+1),p.appendChild(a)}}return i=f("style"),i.type="text/css",i.id="s"+u,(c.fake?c:p).appendChild(i),c.appendChild(p),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(n.createTextNode(e)),p.id=u,c.fake&&(c.style.background="",c.style.overflow="hidden",l=w.style.overflow,w.style.overflow="hidden",w.appendChild(c)),s=t(p,e),c.fake?(c.parentNode.removeChild(c),w.style.overflow=l,w.offsetHeight):p.parentNode.removeChild(p),!!s}function m(n,r){var o=n.length;if("CSS" in e&&"supports" in e.CSS){for(;o--;){if(e.CSS.supports(p(n[o]),r)){return !0}}return !1}if("CSSSupportsRule" in e){for(var i=[];o--;){i.push("("+p(n[o])+":"+r+")")}return i=i.join(" or "),c("@supports ("+i+") { #modernizr { position: absolute; } }",function(e){return"absolute"==getComputedStyle(e,null).position})}return t}function v(e,n,o,i){function l(){p&&(delete z.style,delete z.modElem)}if(i=r(i,"undefined")?!1:i,!r(o,"undefined")){var u=m(e,o);if(!r(u,"undefined")){return u}}for(var p,d,c,v,h,y=["modernizr","tspan"];!z.style;){p=!0,z.modElem=f(y.shift()),z.style=z.modElem.style}for(c=e.length,d=0;c>d;d++){if(v=e[d],h=z.style[v],a(v,"-")&&(v=s(v)),z.style[v]!==t){if(i||r(o,"undefined")){return l(),"pfx"==n?v:!0}try{z.style[v]=o}catch(g){}if(z.style[v]!=h){return l(),"pfx"==n?v:!0}}}return l(),!1}function h(e,n,t,o,i){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+b.join(s+" ")+s).split(" ");return r(n,"string")||r(n,"undefined")?v(a,n,o,i):(a=(e+" "+N.join(s+" ")+s).split(" "),u(a,n,t))}function y(e,n,r){return h(e,t,t,n,r)}var g=[],C=[],_={_version:"3.2.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){C.push({name:e,fn:n,options:t})},addAsyncTest:function(e){C.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=_,Modernizr=new Modernizr;var w=n.documentElement,x="svg"===w.nodeName.toLowerCase(),S="Moz O ms Webkit",b=_._config.usePrefixes?S.split(" "):[];
_._cssomPrefixes=b;var E=function(n){var r,o=prefixes.length,i=e.CSSRule;if("undefined"==typeof i){return t}if(!n){return !1}if(n=n.replace(/^@/,""),r=n.replace(/-/g,"_").toUpperCase()+"_RULE",r in i){return"@"+n}for(var s=0;o>s;s++){var a=prefixes[s],f=a.toUpperCase()+"_"+r;if(f in i){return"@-"+a.toLowerCase()+"-"+n}}return !1};_.atRule=E;var N=_._config.usePrefixes?S.toLowerCase().split(" "):[];_._domPrefixes=N;var P={elem:f("modernizr")};Modernizr._q.push(function(){delete P.elem});var z={style:P.elem.style};Modernizr._q.unshift(function(){delete z.style}),_.testAllProps=h;_.prefixed=function(e,n,t){return 0===e.indexOf("@")?E(e):(-1!=e.indexOf("-")&&(e=s(e)),n?h(e,n,t):h(e,"pfx"))};_.testAllProps=y,Modernizr.addTest("cssanimations",y("animationName","a",!0)),o(),i(g),delete _.addTest,delete _.addAsyncTest;for(var T=0;T<Modernizr._q.length;T++){Modernizr._q[T]()}e.Modernizr=Modernizr}(window,document);(function(window){var support={animations:Modernizr.cssanimations},animEndEventNames={"WebkitAnimation":"webkitAnimationEnd","OAnimation":"oAnimationEnd","msAnimation":"MSAnimationEnd","animation":"animationend"},animEndEventName=animEndEventNames[Modernizr.prefixed("animation")],onEndAnimation=function(el,callback){var onEndCallbackFn=function(ev){if(support.animations){if(ev.target!=this){return}this.removeEventListener(animEndEventName,onEndCallbackFn)}if(callback&&typeof callback==="function"){callback.call()}};if(support.animations){el.addEventListener(animEndEventName,onEndCallbackFn)}else{onEndCallbackFn()}};function extend(a,b){for(var key in b){if(b.hasOwnProperty(key)){a[key]=b[key]}}return a}function MLMenu(el,options){this.el=el;this.options=extend({},this.options);extend(this.options,options);this.menus=[].slice.call(this.el.querySelectorAll(".menu__level"));this.current_menu=0;var current_menu;this.menus.forEach(function(menuEl,pos){var items=menuEl.querySelectorAll(".menu__item");items.forEach(function(itemEl,iPos){var currentLink=itemEl.querySelector(".menu__link--current");if(currentLink){current_menu=pos}})});if(current_menu){this.current_menu=current_menu}this._init()}MLMenu.prototype.options={breadcrumbsCtrl:true,initialBreadcrumb:"all",backCtrl:true,itemsDelayInterval:60,direction:"r2l",onItemClick:function(ev,itemName){return false}};MLMenu.prototype._init=function(){this.menusArr=[];this.breadCrumbs=false;var self=this;var submenus=[];this.menus.forEach(function(menuEl,pos){var menu={menuEl:menuEl,menuItems:[].slice.call(menuEl.querySelectorAll(".menu__item"))};self.menusArr.push(menu);if(pos===self.current_menu){classie.add(menuEl,"menu__level--current")}var menu_x=menuEl.getAttribute("data-menu");var links=menuEl.querySelectorAll(".menu__link");links.forEach(function(linkEl,lPos){var submenu=linkEl.getAttribute("data-submenu");if(submenu){var pushMe={"menu":submenu,"name":linkEl.innerHTML};if(submenus[pos]){submenus[pos].push(pushMe)}else{submenus[pos]=[];submenus[pos].push(pushMe)}}})});this.menus.forEach(function(menuEl,pos){var menu_x=menuEl.getAttribute("data-menu");submenus.forEach(function(subMenuEl,menu_root){subMenuEl.forEach(function(subMenuItem,subPos){if(subMenuItem.menu==menu_x){self.menusArr[pos].backIdx=menu_root;self.menusArr[pos].name=subMenuItem.name}})})});if(self.options.breadcrumbsCtrl){this.breadcrumbsCtrl=document.createElement("nav");this.breadcrumbsCtrl.className="menu__breadcrumbs";this.breadcrumbsCtrl.setAttribute("aria-label","You are here");this.el.insertBefore(this.breadcrumbsCtrl,this.el.firstChild);this._addBreadcrumb(0);if(self.menusArr[self.current_menu].backIdx!=0&&self.current_menu!=0){this._crawlCrumbs(self.menusArr[self.current_menu].backIdx,self.menusArr);this.breadCrumbs=true}if(self.current_menu!=0){this._addBreadcrumb(self.current_menu);this.breadCrumbs=true}}if(this.options.backCtrl){this.backCtrl=document.createElement("button");if(this.breadCrumbs){this.backCtrl.className="menu__back"}else{this.backCtrl.className="menu__back menu__back--hidden"}this.backCtrl.setAttribute("aria-label","Go back");this.backCtrl.innerHTML='<span class="icon icon--
}this.isAnimating=true;this.menusArr[this.menus.indexOf(subMenuEl)].backIdx=this.current_menu;this.menusArr[this.menus.indexOf(subMenuEl)].name=subMenuName;this._menuOut(clickPosition);this._menuIn(subMenuEl,clickPosition)};MLMenu.prototype._back=function(){if(this.isAnimating){return false}this.isAnimating=true;this._menuOut();var backMenu=this.menusArr[this.menusArr[this.current_menu].backIdx].menuEl;this._menuIn(backMenu);if(this.options.breadcrumbsCtrl){this.breadcrumbsCtrl.removeChild(this.breadcrumbsCtrl.lastElementChild)}};MLMenu.prototype._menuOut=function(clickPosition){var self=this,currentMenu=this.menusArr[this.current_menu].menuEl,isBackNavigation=typeof clickPosition=="undefined"?true:false;this.menusArr[this.current_menu].menuItems.forEach(function(item,pos){item.style.WebkitAnimationDelay=item.style.animationDelay=isBackNavigation?parseInt(pos*self.options.itemsDelayInterval)+"ms":parseInt(Math.abs(clickPosition-pos)*self.options.itemsDelayInterval)+"ms"});if(this.options.direction==="r2l"){classie.add(currentMenu,!isBackNavigation?"animate-outToLeft":"animate-outToRight")}else{classie.add(currentMenu,isBackNavigation?"animate-outToLeft":"animate-outToRight")}};MLMenu.prototype._menuIn=function(nextMenuEl,clickPosition){var self=this,currentMenu=this.menusArr[this.current_menu].menuEl,isBackNavigation=typeof clickPosition=="undefined"?true:false,nextMenuIdx=this.menus.indexOf(nextMenuEl),nextMenu=this.menusArr[nextMenuIdx],nextMenuEl=nextMenu.menuEl,nextMenuItems=nextMenu.menuItems,nextMenuItemsTotal=nextMenuItems.length;nextMenuItems.forEach(function(item,pos){item.style.WebkitAnimationDelay=item.style.animationDelay=isBackNavigation?parseInt(pos*self.options.itemsDelayInterval)+"ms":parseInt(Math.abs(clickPosition-pos)*self.options.itemsDelayInterval)+"ms";var farthestIdx=clickPosition<=nextMenuItemsTotal/2||isBackNavigation?nextMenuItemsTotal-1:0;if(pos===farthestIdx){onEndAnimation(item,function(){if(self.options.direction==="r2l"){classie.remove(currentMenu,!isBackNavigation?"animate-outToLeft":"animate-outToRight");classie.remove(nextMenuEl,!isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}else{classie.remove(currentMenu,isBackNavigation?"animate-outToLeft":"animate-outToRight");classie.remove(nextMenuEl,isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}classie.remove(currentMenu,"menu__level--current");classie.add(nextMenuEl,"menu__level--current");self.current_menu=nextMenuIdx;if(!isBackNavigation){if(self.options.backCtrl){classie.remove(self.backCtrl,"menu__back--hidden")}self._addBreadcrumb(nextMenuIdx)}else{if(self.current_menu===0&&self.options.backCtrl){classie.add(self.backCtrl,"menu__back--hidden")}}self.isAnimating=false;nextMenuEl.focus()})}});if(this.options.direction==="r2l"){classie.add(nextMenuEl,!isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}else{classie.add(nextMenuEl,isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}};MLMenu.prototype._addBreadcrumb=function(idx){if(!this.options.breadcrumbsCtrl){return false}var bc=document.createElement("a");bc.href="#";bc.innerHTML=idx?this.menusArr[idx].name:this.options.initialBreadcrumb;this.breadcrumbsCtrl.appendChild(bc);var self=this;bc.addEventListener("click",function(ev){ev.preventDefault();if(!bc.nextSibling||self.isAnimating){return false}self.isAnimating=true;self._menuOut();var nextMenu=self.menusArr[idx].menuEl;self._menuIn(nextMenu);var siblingNode;while(siblingNode=bc.nextSibling){self.breadcrumbsCtrl.removeChild(siblingNode)}})};MLMenu.prototype._crawlCrumbs=function(currentMenu,menuArray){if(menuArray[currentMenu].backIdx!=0){this._crawlCrumbs(menuArray[currentMenu].backIdx,menuArray)}this._addBreadcrumb(currentMenu)};window.MLMenu=MLMenu})(window);(function(){var menuEl=document.getElementById("ml-menu"),mlmenu=new MLMenu(menuEl,{backCtrl:true,});var openMenuCtrl=document.querySelector(".action--open"),closeMenuCtrl=document.querySelector(".action--close");openMenuCtrl.addEventListener("click",openMenu);closeMenuCtrl.addEventListener("click",closeMenu);function openMenu(){
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('8.R=10;(4(){3 h=b 26();4 11(X){8.R=X&&X.1I===\'1b\'?h.1V==1:10;1c()}h.1T=11;h.1Z=11;h.S=\'1M:1R/1x;1F,1Q/1P=\'})();5(!c.g){c.g=(4(){3 1u=y.M.1S;3 P=4(l){6 I l==="4"||1u.Q(l)==="[19 1L]"};3 1j=4(D){3 f=1O(D);5(1N(f)){6 0}5(f===0||!1Y(f)){6 f}6(f>0?1:-1)*o.1X(o.20(f))};3 1y=o.1U(2,1W)-1;3 1a=4(D){3 9=1j(D);6 o.1G(o.1H(9,0),1y)};6 4 g(J){3 C=E;3 U=y(J);5(J==p){F b H("c.g 1K 1J 1E-1D 19 - V p 1k B")}3 n=j.m>1?j[1]:2o B;3 T;5(I n!=="B"){5(!P(n)){F b H("c.g: 2q 2j, 2i 2k 2l 2m 2n a 4")}5(j.m>2){T=j[2]}}3 9=1a(U.m);3 A=P(C)?y(b C(9)):b c(9);3 k=0;3 d;1l(k<9){d=U[k];5(n){A[k]=I T==="B"?n(d,k):n.Q(T,d,k)}z{A[k]=d}k+=1}A.m=9;6 A}}())}5(!c.M.v){c.M.v=4(u){3 T,k;5(E==p){F b H("E 1i p 1k V 2p")}3 O=y(E);3 9=O.m>>>0;5(I u!=="4"){F b H(u+" 1i V a 4")}5(j.m>1){T=j[1]}k=0;1l(k<9){3 d;5(k 13 O){d=O[k];u.Q(T,d,k,O)}k++}}}4 1c(2h){3 14=4(i){i.W("1b",4(){i.r.q=1});5(8.R){i.1z("S",i.1B("1A").25(\'.28\',\'.1x\'))}z{i.1z("S",i.1B("1A"))}};3 1p=c.g(e.1q("h[1C=27]"));1p.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m";14(7)});3 w=1o();w();4 12(l,1s,1v){3 N=p,L=b 1r();6 4(){3 K=b 1r();22(N);5(K-L>=1v){l();L=K}z{N=21(l,1s)}}}4 1h(1n){3 16=1n.24();6{15:16.15+8.23-e.t.2e,1t:16.1t+8.2d-e.t.2g}}4 1o(){3 G=c.g(e.1q("h[1C=2f]"));G.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m"});6 4(){3 1g=8.2a;3 x=(e.t&&e.t.x)||(e.1d&&e.1d.x);G=G.29(4(7,Y){3 1f=1h(7).15;3 Z=1f<1g+x;5(Z){14(7)}6!Z})}}5(8.W){8.W("2c",12(w,s,s),10)}z{5(8.17){8.17("2b",12(w,s,s))}}};',62,151,'|||var|function|if|return|element|window|len||new|Array|kValue|document|number|from|img|target|arguments||fn|length|mapFn|Math|null|opacity|style|500|documentElement|callback|forEach|lazyloader|scrollTop|Object|else||undefined||value|this|throw|lazyImageList|TypeError|typeof|arrayLike|curTime|startTime|prototype|timeout||isCallable|call|isSupportWebp|src||items|not|addEventListener|event|index|hasVisible|false|getResult|throttle|in|loadImageByUrl|top|box|attachEvent|5s|object|toLength|load|createImageLoader|body|ease|offsetTop|seeHeight|getOffset|is|toInteger|or|while|out|el|createLazyloader|imageList|querySelectorAll|Date|delay|left|toStr|atleast|transition|webp|maxSafeInteger|setAttribute|originalsrc|getAttribute|loader|like|array|base64|min|max|type|an|requires|Function|data|isNaN|Number|vuUAAA|UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA|image|toString|onerror|pow|width|53|floor|isFinite|onload|abs|setTimeout|clearTimeout|pageYOffset|getBoundingClientRect|replace|Image|ready|jpg|filter|innerHeight|onscroll|scroll|pageXOffset|clientTop|lazy|clientLeft|settings|the|provided|second|argument|must|be|void|defined|when'.split('|'),0,{}))
function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}
</script>
<!--@PRODUCT-JS@--> <?php echo $PRODUCTJS ?>
<!--@ADDON-JS@--> <?php echo $ADDONJS ?>
<!-- Google -->
<script defer="defer">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-4273670-1',{'siteSpeedSampleRate': 100});
ga('require', 'linkid', 'linkid.js');
ga('require', 'displayfeatures');
ga('send', 'pageview');
//google trace
(function() {
var reg = new RegExp('(^|&)q=([^&]*)(&|$)');
var r = document.referrer.match(reg);
if (r != null) {
var ref = document.referrer;
var _date = new Date();
_date.setDate(_date.getDate()+30);
var exp = _date.toGMTString();
document.cookie='inquireTrackGoogle='+ref+';path=/;expires='+exp;
}
})();
</script>
<!-- Global site tag (gtag.js) - Google Ads: 823612164 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-823612164"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-823612164');
</script>
<!-- End Google -->
<!--@IN-ARTICLE-GOOGLE@-->
<!--@ADDTHIS-WIDGET@-->
<!--@PASSPARAM@--><?php echo $passParam ?>
</body>
</html>