<!DOCTYPE html> <html lang="en">  <head> <title></title> <meta charset="utf-8" />  <meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no' /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta property="og:image" content="//app.youtour.com.au/yt1x1.jpg" /> <link href='//fonts.googleapis.com/css?family=Lato:300&subset=latin' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Lato&subset=latin' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" /> <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link href="//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> <link href="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet" /> <link href="//amp.azure.net/libs/amp/2.3.5/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet"> <link href="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css" rel="stylesheet" /> <link href="/css/site.css?v=3PgQfnNiwgfMAAI9AANosJ_FPp3cp-9XohZNE2zNzZY" rel="stylesheet" /> <link href="/css/tasmania.css" rel="stylesheet" /> <link href="/css/font.css" rel="stylesheet" /> <link href="/css/flag-icon.css" rel="stylesheet" /> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> </head> <body> <script> if ('' !== '' && location.hash.length === 0) { window.location.href = ''; } var pageLanguage = 'en'; var pageType = 'main'; var jsonName = 'trc.json'; var virtualDirectory = ''; </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MN8NZQ3');</script>   <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MN8NZQ3" height="0" width="0" style="display:none;visibility:hidden"></iframe>s </noscript>  <script id='youtour_actionbuttons' type="text/html"> </script> <script id='youtour_actionbuttons_mobile' type="text/html"> </script> <script id='youtour_header' type="text/html"> </script> <script id='youtour_header_mobile' type="text/html"> </script> <script id='youtour_homepage' type="text/html"> </script> <script id='youtour_homepage_landingvideo' type="text/html"> </script> <script id='youtour_homepage_tasmania' type="text/html"> </script> <script id='youtour_landing' type="text/html"> </script> <script id='youtour_landing_mobile' type="text/html"> </script> <script id='youtour_tourcomplete' type="text/html"> </script> <style id="stylewrapper"> </style> <style> video::cue { font-size: 24px; } </style> <div id="kowrapper" class="hidden"> <div class="d-block d-lg-none"> <div id="navPanelPopup" class="navigationPanel" data-bind="visible: navigationVisible, css: {mobile: orientationLandscape()}"> <div data-bind="if: navigationVisible"> <div class="nav-panel-hide"> <a role="button" title="Close Navigation Window" href="javascript:void(0)" data-bind="click: $root.hideNavigation" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img data-bind="attr:{src: $root.appimages_closewhite}" /> </a> </div> <div class="nav-panel-map"> <div class="map-child"> <a role="button" title="Return To Tour Start Page" href="javascript:void(0)" data-bind="click: $root.backpart" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img data-bind="attr:{src: $root.appimages_mapwhite}" /> </a> </div> </div> <div class="nav-panel-home"> <a role="button" title="Restart Tour" href="javascript:void(0)" data-bind="click: $root.refresh" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img data-bind="attr:{src: $root.appimages_housewhite}" /> </a> </div> <div class="nav-panel-items">  <a role="button" href="javascript:void(0)" data-bind="click: $root.changeDestination, attr:{title:$data.title}" class="nav-panel-item" onkeypress="fireclick(event);" onmouseup="this.blur()"> <span class="nav-panel-item-text" data-bind="text:$data.leftText"></span><span class="nav-panel-item-title" data-bind="text:$data.title"></span> </a>  </div> </div> </div> </div> <div id="homepage" style="position: absolute; left: 0; top: 0; bottom: 0; right: 0;"> <div class="home-page-container"> <div class="home-page-wrapper"> <div class="d-none d-sm-block"> <img style="margin: 0 auto; display: block;" class="homepage" data-bind='attr: { src: homepage, alt: "Home Page", title: "Home Page" }' /> </div> <div class="d-block d-sm-none"> <img style="margin: 0 auto; display: block; max-height: 398px;" class="homepage" data-bind="attr: { src: homepagesmall, alt: 'Home Page', title: 'Home Page' }" /> </div> </div> </div> </div> <div id="bodyPanel" style="visibility: hidden;"> <div data-bind="ifnot: tourComplete">   <div data-bind="if:locationSet" class=""> <div class="ccButton-wrapper d-none d-lg-block"> <button type="button" class="btn btn-primary ccButton" onkeypress="fireclick(event);" onmouseup="this.blur()" data-bind="click: $root.toggleCC"> <img src="/images/cc.png" style="height:50px;padding:5px;" /> </button> </div>  <div class="ccButton-wrapper-mobile d-block d-lg-none"> <button type="button" class="btn btn-primary ccButton" onkeypress="fireclick(event);" onmouseup="this.blur()" data-bind="click: $root.toggleCC"> <img src="/images/cc.png" style="height:50px;padding:5px;" /> </button> </div>   <div class="ccButton-wrapper-mobilelandscape d-block d-lg-none"> <button type="button" class="btn btn-primary ccButton" onkeypress="fireclick(event);" onmouseup="this.blur()" data-bind="click: $root.toggleCC"> <img src="/images/cc.png" style="height:50px;padding:5px;" /> </button> </div>  </div>   <div class="d-none d-lg-block"> <div data-bind="visible: $root.isPoweredByVisible"> <div data-bind="if:locationSet" class=""> <a role="button" class="powered-by-image" href="http://www.youtour.com.au" target="_blank" title="Powered By YouTour. Click To Visit YouTour." onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="width:200px;" data-bind="attr:{src: $root.appimages_poweredby}" /> </a> </div> <div data-bind="ifnot:locationSet"> <a role="button" class="powered-by-image" href="http://www.youtour.com.au" target="_blank" style="display: none" title="Powered By YouTour. Click To Visit YouTour." onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="width:200px;" data-bind="attr:{src: $root.appimages_poweredbygrey}" /> </a> </div> </div> </div> </div> <div data-bind="ifnot: locationSet">  <div data-bind="if: menuVersion() === 'Legacy'"> <div data-bind="component: { name: 'youtour_homepage', params: homepageParams}"></div> </div> <div data-bind="if: menuVersion() === 'LandingVideo'"> <div data-bind="component: { name: 'youtour_homepage_landingvideo', params: homepageParams}"></div> </div> <div data-bind="if: menuVersion() === 'Tasmania'"> <div data-bind="component: { name: 'youtour_homepage_tasmania', params: homepageParams}"></div> </div> </div> <div data-bind="if: locationSet"> <div data-bind="fadeVisible: tourNotComplete"> <div class="bodypage" style="position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 555; overflow: hidden;"> <div id="overlay" class="overlay" style="position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 775; overflow: hidden; background-color: black; color: white;" data-bind="visible: destinationOverlayVisible"> <div class="detail-wrapper" data-bind="if: isImagesVisible"> <div class="hide-detail"> <a role="button" href="javascript:void(0)" data-bind="click: $root.hideImages" title="Close The Image Window" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img data-bind="attr:{src: $root.appimages_closewhite}" /> </a> </div> <div class="detail-content">  <div id="image-wrapper" style="height:100%"> <div id="image-carousel" class="owl-carousel owl-theme">  <img style="height:100vh;" data-bind="attr: { src:src, title: title, alt: alt }" />  </div> </div>   <div id="image-wrapper" style="height:100%;"> <div id="image-carousel" class="owl-carousel owl-theme">  <img data-bind="attr: { src:src, title: title, alt: alt }" />  </div> </div>  </div> </div> <div class="detail-wrapper" data-bind="visible: isPanoVisible"> <div class="hide-detail"> <a role="button" href="javascript:void(0)" data-bind="click: $root.hidePano" title="Close The Pano Window" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img data-bind="attr:{src: $root.appimages_closewhite}" /> </a> </div> <div class="detail-content"> <div id="panoPlaceholder"></div> </div> </div> <div class="detail-wrapper" data-bind="visible: isDestinationVideoVisible"> <div class="hide-detail"> <a role="button" href="javascript:void(0)" data-bind="click: $root.hideDestinationVideo" title="Close The Video Window" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img data-bind="attr:{src: $root.appimages_closewhite}" /> </a> </div> <div class="detail-content"> <div id="video-viewport-detail"> </div> </div> </div> </div> <div class="col-12"> <div data-bind="ifnot: mobile"> <div class="panel__header" data-bind="visible:showHeader">  <div data-bind="component: { name: 'youtour_header', params: headerParams}"></div> </div> </div> <div data-bind="if: mobile">  <div data-bind="component: { name: 'youtour_header_mobile', params: headerParams}"></div> </div> </div> <div id="mapPart" data-bind="setOpacity: landingVisible"> <div id="landing-objects" class="location-landing-wrapper" data-bind="style: { backgroundImage: landingLarge}"> </div> </div> <div data-bind="if: landingVisible"> <div data-bind="if: navMode"> <div class="d-none d-lg-block"> <div id="landing-menu" class="landing-nav"> <div class="nav-home"> <a role="button" href="javascript:void(0)" style="color:grey;" data-bind="click: $root.refresh" title="Restart The Tour" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img data-bind="attr:{src: $root.appimages_housegrey}" /><span style="padding-left:15px;">HOME</span> </a> </div> <div class="navlist-container">  <div style="width:100%; padding-bottom:10px; text-align:center;"> <a role="button" href="javascript:void(0)" data-bind="click: $root.upArrow" title="Up Arrow. Move To The Previosu Page Of Destinations" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="margin: 0 auto;height: 25px;" src="/images/uparrow.png" /> </a> </div>    <div class="nav-menu-item"> <a role="button" href="javascript:void(0)" data-bind="click: $root.changeDestination, attr:{title:$data.title}" onkeypress="fireclick(event);" onmouseup="this.blur()"> <span class="nav-menu-item-text" data-bind="text:$data.leftText"></span><span class="nav-menu-item-title" data-bind="text:$data.title"></span> </a> </div>    <div style="width:100%; padding-top:10px; text-align:center;"> <a role="button" href="javascript:void(0)" data-bind="click: $root.downArrow" title="Up Arrow. Move To The Previous Page Of Destinations" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="margin: 0 auto;height: 25px;" src="/images/downarrow.png" /> </a> </div>  </div> </div> </div> </div> </div> <div class="d-block d-lg-none"> <div class="overlay-nav"> </div> </div> <div data-bind="if: showNavList"> </div>  <div data-bind="ifnot: mobile"> <div data-bind="component: { name: 'youtour_landing', params: landingParams}"></div> </div> <div data-bind="if: mobile"> <div data-bind="component: { name: 'youtour_landing_mobile', params: landingParams}"></div> </div> <div id="landingHidden" data-bind="visible: landingHidden" style="position: absolute; top: 0; bottom: 0; left: 0px; right: 0px">  <div data-bind="ifnot: showPoster"> <div data-bind="ifnot: mobile"> <div data-bind="component: { name: 'youtour_actionbuttons', params: actionButtonParams}"></div> </div> <div data-bind="if: mobile"> <div data-bind="component: { name: 'youtour_actionbuttons_mobile', params: actionButtonParams}"></div> </div> </div>  <div style="position: absolute; top: 40%; bottom: 0; left: 0; right: 0; z-index: 556; text-align: center;" data-bind="fadeOpacityLong:showTitleBox"> <div class="title-wrapper" data-bind="if: showTitleBox"> <span id="title-box" data-bind="text:title"> </span> </div> </div>  <div id="video-poster-wrapper" style="width:100%;" class="video-poster-wrapper" data-bind="fadeOpacity: showPoster"> <img id="video-poster" data-bind="attr: { src: zoomPoster}" /> </div> <div id="video-poster-wrapper-end" style="width:100%;" class="video-poster-wrapper" data-bind="setOpacity: showPosterEnd"> <img id="video-poster-end" data-bind="attr: { src: zoomPosterEnd}" /> </div> <style> .play-btn { -webkit-box-flex: 1; flex: 1; width: 100%; margin: 0 auto; } .player-btn { background: none; border: 0; color: white; text-align: center; max-width: 60px; padding: 5px 8px; } .player-btn svg { fill: #FFFFFF; } .player-btn:focus { outline: none; box-shadow: none; } .player-btn.toggle-play { max-width: 90px; width: 90px; } .player-slider { width: 10px; height: 20px; } .player-controls { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; position: absolute; bottom: 0; top: 0; left: 0; right: 0; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; flex-wrap: wrap; background: rgba(0, 0, 0, 0.3); } .player-controls > * { -webkit-box-flex: 1; flex: 1; } .video-button-wrapper { width: 200px; display: block; margin-left: auto; margin-right: auto; text-align: center; padding-bottom: 10px; } .controlsvisible { z-index: 2000 !important; } </style> <div id="video-viewport-controls" class="player-controls" style="z-index:-1;" data-bind="css: {controlsvisible: showVideoControls()}, videoOpacity: showVideoControls"> <div class="play-btn"> <div class="video-button-wrapper"> <button id="skipback10" data-skip="-10" class="player-btn" title="Skip Video Back 10 Seconds"> <img style="height:36px;" src="/images/backwards.png" /> </button> <button id="playpausevideo" class="player-btn toggle-play" title="Toggle Play"> <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48" viewBox="0 0 48 48"> <g> <path id="path1" transform="rotate(0,24,24) translate(1.51350116729736,0) scale(1.5,1.5) " fill="#FFFFFF" d="M18.51899,0L29.981999,0 29.981999,32 18.51899,32z M0,0L11.464992,0 11.464992,32 0,32z" /> </g> </svg> </button> <button id="skipforward10" data-skip="10" class="player-btn" title="Skip Video Forward 10 Seconds"> <img style="height:36px;" src="/images/forward.png" /> </button> </div> </div> </div> <div id="video-viewport" style="width:100%;" data-bind="videoOpacity: showVideo, click: toggleControls"> </div>  <div class="next-destination next-destination-wrapper d-none d-lg-block"> <span data-bind="if: showNext"> <a role="button" href="javascript:void(0)" class="" data-bind="click: $root.nextDestination" title="Proceed To Next Destination" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img data-bind="attr:{src: imageNextDestination}" /> </a> </span> </div> <div class="next-destination next-destination-wrapper-mobile d-block d-lg-none" data-bind="css: {mobilelandscape: orientationLandscape()}"> <span data-bind="if: showNext"> <a role="button" href="javascript:void(0)" class="" data-bind="click: $root.nextDestination" title="Proceed To Next Destination" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img data-bind="attr:{src: imageNextDestination}" style="height: 75px;" /> </a> </span> </div>   <div class="start-tour-wrapper-nomap"> <div class="start-tour-button"> <a role="button" href="javascript:void(0)" data-bind="click: $root.playClipFromLink" title="Start Tour" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img data-bind="attr:{src: imageStartTour}" /> </a> </div> </div>  </div> </div> </div>  <div data-bind="fadeOpacity: tourComplete" class="container" style="position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 20px;">  <div data-bind="component: { name: 'youtour_tourcomplete', params: tourCompleteParams}"></div> </div>  </div> </div> </div>  <div id="animationModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <img id="loadingImage" data-bind="attr:{src: $root.appimages_loading}"> </div> </div>  <div id="startModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <img id="startImage" src="https://s3.ap-southeast-2.amazonaws.com/sitecdn.youtour/en/loading.gif" /> </div> </div>  <div id="tasmanianModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="d-none d-md-block"> <img id="startImageLarge" src="/img_custom/tasmania/loader.gif" /> </div> <div class="d-block d-md-none"> <img id="startImage" src="/img_custom/tasmania/loader.gif" /> </div> </div> </div>  <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog">  <div class="modal-content" style="background-color: transparent;"> <a role="button" href="javascript:void(0)" data-dismiss="modal" title="Close The Info Box" onkeypress="fireclick(event);" onmouseup="this.blur()"> <div class="d-none d-lg-block"> <img data-bind="attr:{src: $root.appimages_infobox}" style="width: 550px;" /> </div> <div class="d-block d-lg-none"> <img data-bind="attr:{src: $root.appimages_infoboxsmall}" style="width: 290px;" /> </div> </a> </div> </div> </div>  <div id="socialModal" class="modal fade" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" title="Close The Share Tour Dialog">×</button> <h4 class="modal-title">Share This Tour</h4> </div> <div class="modal-body"> <div class="social_links" id="share_target"> <span class="wrapper"> <a role="button" title="Share On Facebook" class="soc facebook" data-bind="attr:{ href: facebookShare}" href="" target="_blank" onkeypress="fireclick(event);" onmouseup="this.blur()"></a> </span> <span class="wrapper"> <a role="button" title="Share On Twitter" class="soc twitter" data-bind="attr:{ href: twitterShare}" href="" target="_blank" onkeypress="fireclick(event);" onmouseup="this.blur()"></a> </span> </div> </div> </div> </div> </div>  <div id="languageModal" class="modal fade" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" data-bind="text: text_changeLanguage"></h4> <button type="button" class="close" data-dismiss="modal" title="Close The Language Dialog" style="float:right;">×</button> </div> <div class="modal-body"> <div class="d-none d-sm-block"> <a role="button" class="wrapper" data-bind="click: setLanguageEN" title="Select English Language" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="height:60px;" src="/images/en.png" /> </a> <a role="button" class="wrapper" data-bind="click: setLanguageCN, visible: hasChinese" title="Select Chinese Language" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="height:60px;" src="/images/cn.png" /> </a> <a role="button" class="wrapper" data-bind="click: setLanguageJP, visible: hasJapanese" title="Select Japanese Language" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="height:60px;" src="/images/jp.png" /> </a> <a role="button" class="wrapper" data-bind="click: setLanguageKR, visible: hasKorean" title="Select Korean Language" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="height:60px;" src="/images/kr.png" /> </a> <a role="button" class="wrapper" data-bind="click: setLanguageVN, visible: hasVietnamese" title="Select Vietnamese Language" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="height:60px;" src="/images/vn.png" /> </a> </div> <div class="d-block d-sm-none"> <a role="button" class="wrapper" data-bind="click: setLanguageEN" title="Select English Language" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="height:30px;" src="/images/en.png" /> </a> <a role="button" class="wrapper" data-bind="click: setLanguageCN, visible: hasChinese" title="Select Chinese Language" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="height:30px;" src="/images/cn.png" /> </a> <a role="button" class="wrapper" data-bind="click: setLanguageJP, visible: hasJapanese" title="Select Japanese Language" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="height:30px;" src="/images/jp.png" /> </a> <a role="button" class="wrapper" data-bind="click: setLanguageKR, visible: hasKorean" title="Select Korean Language" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="height:30px;" src="/images/kr.png" /> </a> <a role="button" class="wrapper" data-bind="click: setLanguageVN, visible: hasVietnamese" title="Select Vietnamese Language" onkeypress="fireclick(event);" onmouseup="this.blur()"> <img style="height:30px;" src="/images/VN.png" /> </a> </div> </div> </div> </div> </div> <script> function contactFormPrivacyChange() { if ($("#contactFormAcceptPrivacy").prop('checked')) { $("#contactFormSend").prop('disabled', false); } else { $("#contactFormSend").prop('disabled', true); } return false; } </script>  <div id="contactFormModal" class="modal fade" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-lg">  <div class="modal-content contact-modal-content" id="contactFormModalContent"> <div class="modal-header" style="display:block;" id="contactForm-title"> </div> <div class="modal-body" style="text-align: left;"> <div class="form-group"> <label class="control-label">Company</label><span id="contactFormCompanyRequired" class="d-none text-danger">*</span> <input id="contactFormCompany" class="form-control" /> </div> <div class="form-group"> <label class="control-label">First Name</label><span id="contactFormFirstnameRequired" class="d-none text-danger">*</span> <input id="contactFormFirstname" class="form-control" /> </div> <div class="form-group"> <label class="control-label">Last Name</label><span id="contactFormLastnameRequired" class="d-none text-danger">*</span> <input id="contactFormLastname" class="form-control" /> </div> <div class="form-group"> <label class="control-label">Email Address</label><span id="contactFormSenderRequired" class="d-none text-danger">*</span> <input id="contactFormSender" class="form-control" /> </div> <div class="form-group"> <label class="control-label">Message</label><span id="contactFormMessageRequired" class="d-none text-danger">*</span> <textarea id="contactFormMessage" class="form-control" rows="3"></textarea> </div> <div id="privacyPolicy" style="padding-bottom: 10px;"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="contactFormAcceptPrivacy" checked onchange="return contactFormPrivacyChange();"> <label class="custom-control-label" for="contactFormAcceptPrivacy"> I have reviewed the <a href="#" target="_blank" id="contactFormPrivacyLink">privacy policy</a></label> </div> </div> <div> <div style="display:inline-block;"><button type="button" class="btn btn-success" data-bind="click: sendContactForm" id="contactFormSend" disabled>Send</button></div> <div style="padding-left:40px;display:inline-block;"><button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button></div> </div> </div> </div> </div> </div> <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> <script> if (!String.prototype.startsWith) { Object.defineProperty(String.prototype, 'startsWith', { value: function (search, rawPos) { var pos = rawPos > 0 ? rawPos | 0 : 0; return this.substring(pos, pos + search.length) === search; } }); } if (!Math.trunc) { Math.trunc = function (v) { return v < 0 ? Math.ceil(v) : Math.floor(v); }; } if (!String.prototype.includes) { String.prototype.includes = function (search, start) { if (typeof start !== 'number') { start = 0; } if (start + search.length > this.length) { return false; } else { return this.indexOf(search, start) !== -1; } }; } </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="//amp.azure.net/libs/amp/2.3.5/azuremediaplayer.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script src="/cdn/knockout-owlcarousel/knockout-owlCarousel.js"></script> <script src="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js"></script> <script src="/cdn/pano/pano.js"></script> <script src="/cdn/platform.js"></script> <script src="/js/app.min.js?v=VmzFw90p5mVagooLTEt4TkDWHouV7K0x8hZ4NBgTVS4"></script> </body> </html>

CINXE.COM